@admin-layout/tailwind-design-pro 10.0.9-alpha.26 → 10.0.9-alpha.28

package/lib/hooks/useTailwindTheme.js

@@ -0,0 +1,82 @@
+import {useState,useEffect}from'react';import {FaMoon}from'@react-icons/all-files/fa/FaMoon.js';import {FaSun}from'@react-icons/all-files/fa/FaSun.js';const useTailwindTheme = () => {
+  // Check if dark mode is preferred by user or system
+  const [isDark, setIsDark] = useState(() => {
+    if (typeof window !== 'undefined') {
+      // Check local storage first, then system preference
+      const storedTheme = localStorage.getItem('color-theme');
+      if (storedTheme === 'dark') return true;
+      if (storedTheme === 'light') return false;
+      return window.matchMedia('(prefers-color-scheme: dark)').matches;
+    }
+    return false;
+  });
+  // Set dark mode class on body when theme changes
+  useEffect(() => {
+    document.documentElement.classList.toggle('dark', isDark);
+    localStorage.setItem('color-theme', isDark ? 'dark' : 'light');
+  }, [isDark]);
+  const toggleColorMode = () => setIsDark(!isDark);
+  const colorModeLabel = isDark ? 'light' : 'dark';
+  const ColorModeIcon = isDark ? FaSun : FaMoon;
+  // Define colors for both light and dark modes
+  const bgColor = isDark ? '#1A202C' : 'white'; // gray-800 or white
+  const color = isDark ? 'white' : '#2d3748'; // white or gray-800
+  const grayColor = isDark ? '#A0AEC0' : '#4A5568'; // gray-400 or gray-600
+  const greenColor = '#38A169'; // green-500 in both modes
+  const passiveColor = isDark ? '#4A5568' : '#E2E8F0'; // gray-600 or gray-200
+  const borderColor = isDark ? '#4A5568' : '#E2E8F0'; // gray-600 or gray-200
+  const checkBgColor = isDark ? '#1A202C' : '#CBD5E0'; // gray-800 or gray-300
+  const radioActiveBgColor = isDark ? 'rgb(0 31 71)' : '#EBF8FF'; // custom dark blue or blue-50
+  const checkInactiveColor = isDark ? 'rgba(255, 255, 255, 0.4)' : '#CBD5E0'; // whiteAlpha-400 or gray-300
+  const blueColor = '#2869E0'; // same in both modes
+  const yellowColor = '#F5BC00'; // same in both modes
+  const blackColor = '#000'; // same in both modes
+  const becomeHostColor = isDark ? '#4299E1' : '#9DECF9'; // blue-400 or cyan-200
+  const activeMenuBgColor = isDark ? '#2D3748' : '#EDF2F7'; // gray-700 or gray-100
+  const shadowColor = isDark ? 'rgba(205, 205, 162, 0.25) 0px 6px 12px -2px, rgba(255,255,255, 0.3) 0px 3px 7px -3px' : 'rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px';
+  const calendarAvailableColor = '#3e9f31'; // same in both modes
+  const calendarPartialColor = '#31679f'; // same in both modes
+  const calendarBlockColor = isDark ? '#2d3748' : '#e2e8f0'; // gray-800 or gray-300
+  const discountColor = '#3182CE'; // blue-500 in both modes
+  const cancelColor = '#E53E3E'; // red-500 in both modes
+  const errorColor = '#C53030'; // red-600 in both modes
+  // Tailwind-specific class helpers
+  const textColorClass = isDark ? 'text-white' : 'text-gray-800';
+  const borderColorClass = isDark ? 'border-gray-600' : 'border-gray-200';
+  const bgColorClass = isDark ? 'bg-gray-800' : 'bg-white';
+  const textColor = isDark ? 'white' : 'gray-800';
+  const shadowClass = isDark ? 'shadow-dark' : 'shadow-light';
+  return {
+    toggleColorMode,
+    colorModeLabel,
+    ColorModeIcon,
+    color,
+    bgColor,
+    blackColor,
+    borderColor,
+    checkBgColor,
+    radioActiveBgColor,
+    checkInactiveColor,
+    grayColor,
+    greenColor,
+    passiveColor,
+    blueColor,
+    yellowColor,
+    becomeHostColor,
+    activeMenuBgColor,
+    shadowColor,
+    calendarAvailableColor,
+    calendarPartialColor,
+    calendarBlockColor,
+    discountColor,
+    cancelColor,
+    errorColor,
+    isDark,
+    // Tailwind specific
+    textColor,
+    borderColorClass,
+    bgColorClass,
+    textColorClass,
+    shadowClass
+  };
+};export{useTailwindTheme};//# sourceMappingURL=useTailwindTheme.js.map

package/lib/hooks/useTailwindTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTailwindTheme.js","sources":["../../src/hooks/useTailwindTheme.tsx"],"sourcesContent":[null],"names":[],"mappings":"uJAsCO,MAAM,gBAAgB,GAAG,MAAkC;;QAExD,CAAA,QAAO,SAAE,CAAA,GAAa,QAAA,CAAA,MAAc;AACtC,IAAA,IAAA,OAAW,MAAA,KAAW,WAAA,EAAA;;YAElB,WAAM,GAAA,YAA0B,CAAA,qBAAS,CAAA;qBACrC,KAAA,MAAgB,EAAM,OAAA,IAAA;AAAE,MAAA,IAAA,WAAA,YAAY,EAAA,OAAA,KAAA;aACpC,MAAA,CAAA,yCAAuB,CAAA,CAAA,OAAA;AAAE;gBACtB;;AAEX;AACJ,EAAA,SAAG,CAAA,MAAA;IAEH,QAAiD,CAAA,eAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,EAAA,MAAA,CAAA;IACjD,aAAa,OAAE,CAAA,aAAA,EAAA,MAAA,GAAA,MAAA,GAAA,OAAA,CAAA;YACH,CAAA,CAAA;AACR,EAAA,MAAA,eAAa,GAAA,MAAQ,SAAA,CAAa,OAAQ,CAAA;AAC9C,EAAA,MAAI,cAAS,GAAA,MAAA,GAAA,OAAA,GAAA,MAAA;QAEP,aAAA,GAAA,MAAkB,GAAK,cAAkB;;QAEzC,OAAA,GAAA,MAAgB,GAAA,SAAS,GAAA,OAAQ,CAAA;QAEO,KAAA,GAAA,MAAA,GAAA,OAAA,GAAA,SAAA,CAAA;AAC9C,EAAA,MAAA,SAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAoB;AAClE,EAAA,MAAA,UAAc,GAAM,SAAU,CAAA;AAC9B,EAAA,MAAA,YAAe,GAAS,MAAC,GAAW,SAAC,GAAW,SAAC,CAAC;AAClD,EAAA,MAAA,WAAgB,GAAA,MAAY,GAAA,SAA4B,GAAA,SAAA,CAAA;AACxD,EAAA,MAAA,YAAkB,GAAA,MAAS,GAAC,SAAW,GAAC,SAAW,CAAA;AACnD,EAAA,MAAA,kBAA0B,GAAA,MAAY,GAAA,cAAY,GAAC,SAAwB,CAAA;AAC3E,EAAA,MAAA,kBAA2B,GAAA,MAAY,GAAA,0BAAqC,GAAA,SAAA,CAAA;AAC5E,EAAA,MAAA,SAAwB,GAAA,SAAA,CAAA;AACxB,EAAA,MAAA,WAAwB,GAAA,SAAG,CAAM;AACjC,EAAA,MAAA,UAAe,GAAA,MAAY,CAAA;AAC3B,EAAA,MAAA,eAAiB,GAAY,MAAA,GAAE,SAAqB,GAAA,SAAA,CAAA;AACpD,EAAA,MAAA,iBAAyB,GAAA,MAAuB,GAAA,SAAA,GAAA,SAAA,CAAA;AAChD,EAAA,MAAA,WAAqB,GAAA,MAAG,GAAM,sFAAiD,GAAA,+EAAA;AAC/E,EAAA,MAAA,sBAA0B,GAAM,SAAY,CAAA;QACtC,oBAAoB,GAAA,SAAA,CAAA;AACtB,EAAA,MAAA,kBAAwF,GAAA,MAAA,GAAA,SAAA,GAAA,SAAA,CAAA;QACxF;AAEJ,EAAA,MAAA,WAA4B,GAAA,SAAA,CAAA;AAC5B,EAAA,MAAA,UAA0B,GAAA,SAAA,CAAA;AAC1B;AACA,EAAA,MAAA,cAAmB,GAAA,MAAY,GAAA,YAA2B,GAAA,eAAA;AAC1D,EAAA,MAAA,gBAAoB,GAAS,MAAA,GAA0B,iBAAA,GAAA,iBAAA;AACvD,EAAA,MAAA,YAAgB,GAAG,MAAS,GAAA,aAA0B,GAAA,UAAA;QAEpB,SAAA,GAAA,MAAA,GAAA,OAAA,GAAA,UAAA;QAC5B,WAAA,GAAA,MAAiB,GAAA,aAAS,GAAA,cAAe;SACzC;IACN,eAAM;IACN,cAAM;IACN,aAAM;IAEN,KAAO;WACY;cACD;eACD;gBACR;sBACE;sBACG;aACC;cACC;gBACM;aACA;eACT;mBACC;qBACE;eACH;0BACE;wBACI;sBACE;iBACN;eACW;cACF;UACF;;aAEP;oBACD;gBACJ;kBACc;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-design-pro",
-    "version": "10.0.9-alpha.26",
+    "version": "10.0.9-alpha.28",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -58,7 +58,7 @@
             }
         }
     },
-    "gitHead": "e7dc256d48c03cb457c180d0313038e135134fd9",
+    "gitHead": "43d37ef5839d2a634209ed5bf9753c5f72ed8527",
     "typescript": {
         "definition": "lib/index.d.ts"
     }

package/lib/components/Layout/typings.d.ts

@@ -1,77 +0,0 @@
-import * as H from 'history';
-import { RouterProps as BasicRouteProps } from 'react-router-dom';
-import * as React from 'react';
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    to: H.Location;
-    replace?: boolean;
-    innerRef?: React.Ref<HTMLAnchorElement>;
-}
-export type MergerSettingsType<T> = Partial<T> & {
-    primaryColor?: string;
-    colorWeak?: boolean;
-};
-export interface MenuDataItem {
-    /**
-     * @name Submenu
-     */
-    children?: MenuDataItem[];
-    /**
-     * @name Hidden subtots in the menu
-     */
-    hideChildrenInMenu?: boolean;
-    /**
-     * @name Hide you and child nodes in the menu
-     */
-    hideInMenu?: boolean;
-    /**
-     * @name Icon
-     */
-    icon?: React.ReactNode;
-    /**
-     * @name Custom menu International KEY
-     */
-    locale?: string | false;
-    /**
-     * @name Name of the menu
-     */
-    name?: string;
-    /**
-     * @name Used to calibrate the selected value, the default is `path`
-     */
-    key?: string;
-    /**
-     * @name disable menu option
-     */
-    disabled?: boolean;
-    /**
-     * @name 路径
-     */
-    path?: string;
-    /**
-     * @name Custom parent node
-     * @description When this node is selected, the node of ParentKeys will be selected.
-     */
-    parentKeys?: string[];
-    /**
-     * @name Hide yourself and upgrade the child node to your own
-     */
-    flatMenu?: boolean;
-    [key: string]: any;
-}
-export interface Route extends MenuDataItem {
-    routes?: Route[];
-}
-export type WithFalse<T> = T | false;
-export interface RouterTypes<P> extends Omit<BasicRouteProps, 'location'> {
-    computedMatch?: any;
-    route?: Route;
-    location: BasicRouteProps['location'] | {
-        pathname?: string;
-    };
-}
-export interface MessageDescriptor {
-    id: any;
-    description?: string;
-    defaultMessage?: string;
-}
-//# sourceMappingURL=typings.d.ts.map

package/lib/components/Layout/typings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typings.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/typings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC3C;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,YAAY;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,KAAM,SAAQ,YAAY;IACvC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CACpB;AACD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AAErC,MAAM,WAAW,WAAW,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACrE,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjE;AAED,MAAM,WAAW,iBAAiB;IAC9B,EAAE,EAAE,GAAG,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B"}