@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 12.0.16-alpha.0

package/lib/components/SettingDrawer/LayoutChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"wJAWwB,SAAA,YAAY,CAAC,KAA2B,EAAA;QACtD,CAAA,eAAc,gBAAE,CAAA,GAAoB,QAAA,EAAQ;AAClD,EAAA,MAAA;IACA,QAAQ;AACR,IAAA;AACA,GAAA,GAAA,KAAyB;AACrB,EAAA,MAAA;AACJ,IAAA;AAEA,GAAA,GAAA,cA4BQ,CAAA,UAAA,CAAA;AAiCZ,EAAC,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"kVAMwB,SAAA,YAAY,CAAC,KAAiC,EAAA;QAC5D;IACN,QAAQ;AACR,IAAA,aAAgB;AAChB,IAAA;AACA,GAAA,GAAA;AACA,EAAA,MAAA;IACA;MACM,cAAA,CAAA,UAAe,CAAA;AAErB,EAAA,MAAA;AACI,IAAA;mBAA2B,EAAA;AAE3B,EAAA,MAAA,YAAA,GAA+B,QAAA,EAAA,QAAA,IAAA,GAAA;AAC3B,EAAA,MAAA;;AAEH,GAAA,GAAA,QAAE,IAAA,EAAA;AACP,EAAA,MAAE,aAAA,GAAA,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;AAEF,EAAA,MAAA,aAAkB,QAAO,WAAe,GAAA,SAAQ;QAEzC,YAEC,GAAA,aAAA,EAAA,MAAA,GAAA,UAAc,CAAA,IAAA,EAAC;6CAiD2B;AACtB,IAAA,IAAA,CAAA,aAAA,EAAA;+CAYsB,CAAA,QAAA,EAAA;AACtB,MAAA,GAAA,YAAA;;AAaA,KAAA,CAAA;AAQhC,GAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/NavigationsModes.d.ts

@@ -0,0 +1,3 @@
+import { NavMenuSelectorProps } from './types';
+export default function NavigationModes({ changeSetting, settings, location }: NavMenuSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NavigationsModes.d.ts.map

package/lib/components/SettingDrawer/NavigationsModes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA4E/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA8ElG"}

package/lib/components/SettingDrawer/NavigationsModes.js

@@ -0,0 +1,289 @@
+import {jsxs,jsx}from'react/jsx-runtime';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';const navigationModes = [{
+  key: 'sidebar',
+  title: 'Sidebar',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("rect", {
+      x: "4",
+      y: "0",
+      width: "16",
+      height: "50",
+      fill: "#f0f2f5"
+    }), jsx("rect", {
+      x: "6",
+      y: "8",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#1890ff"
+    }), jsx("rect", {
+      x: "6",
+      y: "16",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    }), jsx("rect", {
+      x: "6",
+      y: "24",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    })]
+  })
+}, {
+  key: 'topbar',
+  title: 'Top Bar',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("rect", {
+      x: "0",
+      y: "0",
+      width: "58",
+      height: "14",
+      fill: "#f0f2f5"
+    }), jsx("rect", {
+      x: "8",
+      y: "5",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#1890ff"
+    }), jsx("rect", {
+      x: "24",
+      y: "5",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    }), jsx("rect", {
+      x: "40",
+      y: "5",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    })]
+  })
+}, {
+  key: 'mixed',
+  title: 'Mixed',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("rect", {
+      x: "0",
+      y: "0",
+      width: "58",
+      height: "14",
+      fill: "#f0f2f5"
+    }), jsx("rect", {
+      x: "24",
+      y: "5",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    }), jsx("rect", {
+      x: "40",
+      y: "5",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    }), jsx("rect", {
+      x: "4",
+      y: "14",
+      width: "16",
+      height: "36",
+      fill: "#f0f2f5"
+    }), jsx("rect", {
+      x: "6",
+      y: "20",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#1890ff"
+    }), jsx("rect", {
+      x: "6",
+      y: "28",
+      width: "12",
+      height: "4",
+      rx: "2",
+      fill: "#000000",
+      opacity: "0.15"
+    })]
+  })
+}];
+const menuTypes = [{
+  key: 'classic',
+  title: 'Classic',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("rect", {
+      x: "0",
+      y: "0",
+      width: "18",
+      height: "50",
+      fill: "#001529"
+    }), jsx("rect", {
+      x: "4",
+      y: "15",
+      width: "10",
+      height: "2",
+      rx: "1",
+      fill: "#ffffff",
+      opacity: "0.65"
+    }), jsx("rect", {
+      x: "4",
+      y: "25",
+      width: "10",
+      height: "2",
+      rx: "1",
+      fill: "#ffffff",
+      opacity: "0.65"
+    })]
+  })
+}, {
+  key: 'grouping',
+  title: 'Grouping',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("rect", {
+      x: "0",
+      y: "0",
+      width: "58",
+      height: "14",
+      fill: "#001529"
+    }), jsx("rect", {
+      x: "8",
+      y: "6",
+      width: "10",
+      height: "2",
+      rx: "1",
+      fill: "#ffffff",
+      opacity: "0.65"
+    }), jsx("rect", {
+      x: "24",
+      y: "6",
+      width: "10",
+      height: "2",
+      rx: "1",
+      fill: "#ffffff",
+      opacity: "0.65"
+    })]
+  })
+}];
+function NavigationModes({
+  changeSetting,
+  settings,
+  location
+}) {
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = location?.pathname || '/';
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
+  return jsxs("div", {
+    className: "space-y-8",
+    children: [jsxs("section", {
+      children: [jsx("h3", {
+        className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
+        children: deviceType === 'mobile' ? 'Mobile Navigation Mode' : 'Desktop Navigation Mode'
+      }), jsx("div", {
+        className: "flex flex-row gap-4",
+        children: navigationModes.map((mode, index) => jsx("div", {
+          className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
+          onClick: () => changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
+            ...deviceLayout,
+            navigationMode: mode.key
+          }),
+          children: jsxs("div", {
+            className: "relative",
+            children: [mode.svg, deviceLayout?.navigationMode === mode.key && jsx("svg", {
+              className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              children: jsx("path", {
+                d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+              })
+            })]
+          })
+        }, `navMode_${index}`))
+      })]
+    }), jsxs("section", {
+      children: [jsx("h3", {
+        className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
+        children: deviceType === 'mobile' ? 'Mobile Menu Type' : 'Desktop Menu Type'
+      }), jsx("div", {
+        className: "flex flex-row gap-4",
+        children: menuTypes.map((type, index) => jsx("div", {
+          className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
+          onClick: () => changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
+            ...deviceLayout,
+            sideMenuType: type.key
+          }),
+          children: jsxs("div", {
+            className: "relative",
+            children: [type.svg, deviceLayout?.sideMenuType === type.key && jsx("svg", {
+              className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              children: jsx("path", {
+                d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+              })
+            })]
+          })
+        }, `menuType_${index}`))
+      })]
+    })]
+  });
+}export{NavigationModes as default};//# sourceMappingURL=NavigationsModes.js.map

package/lib/components/SettingDrawer/NavigationsModes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"uPAIA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAc;AACd,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAW,EAAA;AAChB,IAAA,KAAA,EAAG,IACM;AAQZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAS,CAAA,MAAA,EAAA;AAChB,MAAA,KAAG,EAAE,IACI;AAQZ,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAS,EAAA;SACX,GAAA;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AAEF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAS,EAAA;AACd,MAAA,CAAA,EAAA,GAAA;SACG,GAAA;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;QACAA,GAAG,CAAE,MACD,EAAA;AAOP,MAAA,CAAA,EAAA,GAAA;MACH,CAAA,EAAA,IAAA;AAEF,MAAM,KAAQ,EAAA,IAAA;AACV,MAAA,MAAQ,EAAQ,GAAA;AAChB,MAAA,EAAA,EAAM;AACN,MAAA,IAAM;MACA,OAAA,EAAA;KACA,CAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;MAEC,CAAA,EAAA,GACH;AAa4B,MAAA,CAAA,EAAA,IAAA;;;AAkCA,MAAA,EAAA,EAAA,GAAA;;;AAuBpC,KAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/RegionalSettings.d.ts

@@ -1,8 +1,3 @@
-import { ProSettings } from '../defaultSettings';
-type IRegionalSettingsProps = {
-    settings?: Partial<ProSettings>;
-    changeSetting?: (key: string, value: string | boolean | any) => void;
-};
+import { IRegionalSettingsProps } from './types';
 export default function RegionalSettings(props: IRegionalSettingsProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=RegionalSettings.d.ts.map

package/lib/components/SettingDrawer/RegionalSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,KAAK,sBAAsB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CA4DrE"}
+{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAKjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAgoBrE"}