gd-design-library 1.0.2 → 1.2.0

package/hooks/useTheme/NoOpTheme.js

@@ -0,0 +1,15 @@
+import { defaultTheme as e } from "../../tokens/defaultTheme.js";
+class t {
+  constructor() {
+    this.theme = e;
+  }
+  setTheme() {
+  }
+  addTheme() {
+  }
+}
+const h = new t();
+export {
+  t as NoOpTheme,
+  h as noOpTheme
+};

package/hooks/useTheme/useTheme.d.ts

@@ -1,4 +1,3 @@
-import { PropsWithChildren } from 'react';
-import { ThemeProviderProps, ThemeContextProps } from './useTheme.types';
-export declare const ThemeProvider: (props: PropsWithChildren<ThemeProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const useTheme: () => ThemeContextProps;
+import { ThemeProviderProps, ITheme } from './useTheme.types';
+export declare const ThemeProvider: (props: ThemeProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ITheme;

package/hooks/useTheme/useTheme.js

@@ -1,48 +1,69 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { useState as c, useCallback as d, createContext as y, useContext as N } from "react";
-import { ThemeProvider as $ } from "@emotion/react";
-import { get as T, size as g } from "../../utils/helpers.js";
-import { defaultTheme as i } from "../../tokens/defaultTheme.js";
-const u = y({
-  theme: i,
-  setTheme: () => {
-    console.warn("setTheme method is not implemented yet.");
-  },
-  addTheme: () => {
-    console.warn("addTheme method is not implemented yet.");
-  }
-}), E = (o) => {
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { useState as c, useCallback as f, createContext as C, useContext as k } from "react";
+import { ThemeProvider as y } from "@emotion/react";
+import { noOpTheme as j } from "./NoOpTheme.js";
+import { useLogger as q } from "../useLogger/useLogger.js";
+import { get as v, size as z } from "../../utils/helpers.js";
+import { defaultTheme as a } from "../../tokens/defaultTheme.js";
+const g = C(j), L = (h) => {
   const {
-    children: f,
-    initialTheme: n,
-    isDefault: p = !1
-  } = o;
-  let e, m;
-  p ? (e = T(i, "name"), m = {
+    children: p,
+    initialTheme: i,
+    isDefault: b = !1
+  } = h, s = q();
+  let e, o;
+  b ? (e = v(a, "name"), o = {
+    [e]: a
+  }, s.debug("ThemeProvider: Using default theme", {
+    themeName: e,
+    theme: a
+  })) : (e = v(i, "name", ""), o = e ? {
     [e]: i
-  }) : (e = T(n, "name", ""), m = e ? {
-    [e]: n
-  } : {});
-  const [s, x] = c(m), [v, r] = c(e), h = s[v], l = g(s), w = d((t = "") => {
-    s[t] ? r(t) : (r(e), console.warn(`Theme '${t}' does not exist.`));
-  }, [l, e]), P = d((t, C) => {
-    s[t] ? console.warn(`Theme '${t}' already exist.`) : x((b) => Object.assign(b, {
-      [t]: C
+  } : {}, e && s.debug("ThemeProvider: Using custom initial theme", {
+    themeName: e,
+    theme: i
+  }));
+  const [m, w] = c(o), [r, T] = c(e), l = m[r], d = z(m), x = f((t = "") => {
+    s.debug("setTheme: Attempting to switch theme", {
+      requestedTheme: t,
+      currentTheme: r,
+      availableThemes: m
+    }), m[t] ? (T(t), s.info("setTheme: Theme switched successfully", {
+      previousTheme: r,
+      newTheme: t
+    })) : (T(e), s.warn("setTheme: Theme does not exist, reverting to initial theme", {
+      requestedTheme: t,
+      revertedTo: e,
+      availableThemes: m
     }));
-  }, [l]);
-  return /* @__PURE__ */ a(u.Provider, { value: {
-    theme: h,
-    setTheme: w,
-    addTheme: P
-  }, children: /* @__PURE__ */ a($, { theme: h, children: f }) });
-}, O = () => {
-  const o = N(u);
-  if (!o)
-    throw new Error("useTheme could not be used outside ThemeProvider");
-  return o;
+  }, [d, e]), N = f((t, n) => {
+    s.debug("addTheme: Attempting to add new theme", {
+      themeName: t,
+      availableThemes: m,
+      theme: n
+    }), m[t] ? s.warn("addTheme: Theme already exists, skipping", {
+      themeName: t,
+      availableThemes: m
+    }) : (w((P) => Object.assign(P, {
+      [t]: n
+    })), s.info("addTheme: Theme added successfully", {
+      themeName: t,
+      availableThemes: m
+    }));
+  }, [d]);
+  return /* @__PURE__ */ u(g.Provider, { value: {
+    theme: l,
+    setTheme: x,
+    addTheme: N
+  }, children: /* @__PURE__ */ u(y, { theme: l, children: p }) });
+}, V = () => {
+  const h = k(g);
+  if (!h)
+    throw new Error("useTheme: Hook used outside ThemeProvider");
+  return h;
 };
 export {
-  E as ThemeProvider,
-  O as useTheme
+  L as ThemeProvider,
+  V as useTheme
 };

package/hooks/useTheme/useTheme.types.d.ts

@@ -1,11 +1,12 @@
+import { PropsWithChildren } from 'react';
 import { defaultTheme } from '../../tokens';
 export type DefaultTheme = typeof defaultTheme;
 export type Theme<T = typeof defaultTheme> = T & Record<string, unknown>;
-export interface ThemeProviderProps {
+export interface ThemeProviderProps extends PropsWithChildren {
     isDefault?: boolean;
     initialTheme?: Theme;
 }
-export interface ThemeContextProps {
+export interface ITheme {
     theme: Theme;
     setTheme: (themeName?: string) => void;
     addTheme: (themeName: string, themeConfig: Theme) => void;

package/index.d.ts

@@ -2,3 +2,7 @@ export * from './hooks';
 export * from './components';
 export * from './tokens';
 export * from './assets';
+/**
+ * @TODO: Cerebra
+ * - add Tag component
+ */