fix(typings): fix massive type in createX (#173)

Author: marceloadsj

package.json

@@ -61,5 +61,8 @@
     "styled-components": "5.2.1",
     "tsdx": "^0.14.0",
     "typescript": "^4.1.3"
+  },
+  "resolutions": {
+    "tsdx/typescript": "^4.1.3"
   }
 }

packages/emotion/src/createX.ts

@@ -1,24 +1,29 @@
 /* eslint-disable no-continue, no-loop-func, no-cond-assign */
+import * as React from 'react'
 import { Theme } from '@emotion/react'
 import styled, { StyledComponent } from '@emotion/styled'
 import { compose, StyleGenerator } from '@xstyled/system'
 
 type JSXElementKeys = keyof JSX.IntrinsicElements
 
-const tags = Object.keys(styled)
-
-export const createX = <TProps extends object>(generator: StyleGenerator) => {
-  type X<TProps extends object> = {
-    extend<TExtendProps extends object>(
-      ...generators: StyleGenerator[]
-    ): X<TExtendProps>
-  } & {
-    [Key in JSXElementKeys]: StyledComponent<
-      TProps & { as?: React.ElementType; theme?: Theme },
-      JSX.IntrinsicElements[Key]
-    >
-  }
+type JSXElements<TProps> = {
+  [Key in JSXElementKeys]: StyledComponent<
+    TProps & { as?: React.ElementType; theme?: Theme },
+    JSX.IntrinsicElements[Key]
+  >
+}
+
+type CreateX = <TProps extends object>(generator: StyleGenerator) => X<TProps>
+
+export interface X<TProps extends object> extends JSXElements<TProps> {
+  extend: CreateX
+}
+
+const tags = Object.keys(styled) as JSXElementKeys[]
 
+export const createX: CreateX = <TProps extends object>(
+  generator: StyleGenerator,
+) => {
   // @ts-ignore
   const x: X<TProps> = {
     extend: (...generators) => createX(compose(generator, ...generators)),

yarn.lock

@@ -19352,12 +19352,7 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@^3.7.3:
-  version "3.9.7"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa"
-  integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==
-
-typescript@^4.1.3:
+typescript@^3.7.3, typescript@^4.1.3:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.3.tgz#519d582bd94cba0cf8934c7d8e8467e473f53bb7"
   integrity sha512-B3ZIOf1IKeH2ixgHhj6la6xdwR9QrLC5d1VKeCSY4tvkqhF2eqd9O7txNlS0PO3GrBAFIdr3L1ndNwteUbZLYg==