Enabling shorter import paths [automatic]

garronej · Feb 24, 2021 · c491e76 · c491e76
1 parent 801e3bc
commit c491e76
Show file tree

Hide file tree

Showing 19 changed files with 1,376 additions and 194 deletions.
diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
diff --git a/.github/workflows/publish.yaml b/.github/workflows/publish.yaml
diff --git a/createUseClassNamesFactory.d.ts b/createUseClassNamesFactory.d.ts
@@ -0,0 +1,35 @@
+import "minimal-polyfills/Object.fromEntries";
+import type { CSSObject } from "@emotion/css";
+/**
+ *
+ * Implementation of JSS createStyles() based on @emotion/react
+ *
+ * const { useClassNames } = createUseClassNames<Props & { color: "red" | "blue" }>()({
+ *    (theme, { color })=> ({
+ *        "root": { color }
+ *    })
+ * });
+ *
+ *
+ * function MyComponent(props: Props){
+ *
+ *     const [ color, setColor ]= useState<"red" | "blue">("red");
+ *
+ *     const { classNames }=useClassNames({...props, color });
+ *
+ *     return <span className={classNames.root}>hello world</span>;
+ *
+ * }
+ *
+ */
+export declare function createUseClassNamesFactory<Theme extends Object = {}>(params: {
+    useTheme(): Theme;
+}): {
+    createUseClassNames: <Params extends Record<string, unknown>>() => <Key extends string>(getCssObjects: (themeWrap: {
+        theme: Theme;
+    }, params: Params) => Record<Key, CSSObject>) => {
+        useClassNames: (params: Params) => {
+            classNames: Record<Key, string>;
+        };
+    };
+};
diff --git a/createUseClassNamesFactory.js b/createUseClassNamesFactory.js
diff --git a/createUseClassNamesFactory.js.map b/createUseClassNamesFactory.js.map
diff --git a/createUseClassNamesFactory_optimized.d.ts b/createUseClassNamesFactory_optimized.d.ts
@@ -0,0 +1,37 @@
+import "minimal-polyfills/Object.fromEntries";
+import type { CSSObject } from "@emotion/css";
+/**
+ * !EXPERIMENTAL!
+ *
+ * Functionally equivalent from the exported but with optimization
+ * mechanism implemented.
+ *
+ * Implementation of JSS createStyles() based on @emotion/react
+ *
+ * const { useCssRecord } = createUseClassNames<Props & { color: "red" | "blue" }>()({
+ *    (theme, { color })=> ({
+ *        "root": { color }
+ *    })
+ * });
+ *
+ *
+ * function MyComponent(props: Props){
+ *
+ *     const [ color, setColor ]= useState<"red" | "blue">("red");
+ *
+ *     const { classNames }=useClassName({...props, color });
+ *
+ *     return <span className={classNames.root}>hello world</span>;
+ *
+ * }
+ *
+ */
+export declare function createUseClassNamesFactory<Theme extends Object = {}>(params: {
+    useTheme(): Theme;
+}): {
+    createUseClassNames: <Params extends Record<string, unknown>>() => <Key extends string>(getCssObjects: (theme: Theme, params: Params) => Record<Key, CSSObject>) => {
+        useClassNames: (params: Params) => {
+            classNames: Record<Key, string>;
+        };
+    };
+};