@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 11.2.1-alpha.1

package/lib/components/SettingDrawer/components/Switch.js

@@ -0,0 +1,20 @@
+import*as React from'react';function Switch({
+  value = false,
+  onChange,
+  className = ''
+}) {
+  const handleClick = () => {
+    onChange?.(!value);
+  };
+  return React.createElement("button", {
+    type: "button",
+    role: "switch",
+    "aria-checked": value,
+    className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 ${value ? 'bg-indigo-600' : 'bg-gray-200'} ${className}`,
+    onClick: handleClick
+  }, React.createElement("span", {
+    className: "sr-only"
+  }, "Toggle switch"), React.createElement("span", {
+    className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${value ? 'translate-x-6' : 'translate-x-1'}`
+  }));
+}export{Switch};//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/SettingDrawer/components/Switch.tsx"],"sourcesContent":[null],"names":[],"mappings":"4BAGM,SAAU,MAAM,CAAC;OACnB,GAAM,KAAA;AACF,EAAA,QAAA;AACJ,EAAA,SAAE,GAAA;AAEF,CAAA,EAAA;QAUQ,WAAA,GAAA,MAAA;AACA,IAAA,QAAA,GAAA,CAAA,KAAA,CAAA;AAOZ,EAAC,CAAA;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IThemeColorProps } from '../utils/types';
+export declare function ThemeColor(props: IThemeColorProps): React.JSX.Element;
+//# sourceMappingURL=ThemeColor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeColor.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/ThemeColor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,qBAgDjD"}

package/lib/components/SettingDrawer/components/ThemeColor.js

@@ -0,0 +1,45 @@
+import*as React from'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {getSettingValue}from'../../../utils/settingsUtils.js';function ThemeColor(props) {
+  const {
+    color,
+    changeSetting,
+    settings,
+    location,
+    routePattern,
+    applyToAllRoutes = false
+  } = props;
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = routePattern || location?.pathname || '/';
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // Use getSettingValue to get the correct primaryColor based on applyToAllRoutes
+  const getPrimaryColorValue = () => {
+    return getSettingValue(settings, 'primaryColor', applyToAllRoutes, currentRoute, deviceType, '#1890ff');
+  };
+  if (!color || color.length < 1) {
+    return null;
+  }
+  return React.createElement("div", {
+    className: "flex flex-row space-x-2"
+  }, color.map((item, index) => {
+    return React.createElement("div", {
+      key: index,
+      className: "w-5 h-5 rounded cursor-pointer shadow-sm pl-1 flex items-center justify-center",
+      style: {
+        backgroundColor: item.color
+      },
+      onClick: () => {
+        changeSetting('primaryColor', item.color);
+      }
+    }, getPrimaryColorValue() === item.color ? React.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "h-4 w-4 text-white mb-1",
+      viewBox: "0 0 20 20",
+      fill: "currentColor"
+    }, React.createElement("path", {
+      fillRule: "evenodd",
+      d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+      clipRule: "evenodd"
+    })) : '');
+  }));
+}export{ThemeColor};//# sourceMappingURL=ThemeColor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeColor.js","sources":["../../../../src/components/SettingDrawer/components/ThemeColor.tsx"],"sourcesContent":[null],"names":[],"mappings":"6OAKM,SAAU,UAAU,CAAC,KAAuB,EAAA;AAC9C,EAAA,MAAA;AACA,IAAA,KAAA;IACA,aAAM;IACN,QAAM;IAEN,QAAA;IACA,YAAM;AACF,IAAA,gBAAO,GAAA;AACX,GAAA,GAAE,KAAA;QAEE;AACA,IAAA;MACH,aAAA,EAAA;AAED,EAAA,MAAA,YACI,GAAA,YAAA,IAAA,QAAK,EAAA;QAEG;AAMY;4BAGH,GAAA,MAAoB;0BAOb,CAAA,QAAA,EAAA,gBACa,gBACP,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,CAAA;;AAYtC,EAAC,IAAA,CAAA,KAAA,IAAA,KAAA,CAAA,MAAA,GAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ThemeSelectorProps } from '../utils/types';
+export declare function ThemeSelector({ value, onChange, options }: ThemeSelectorProps): React.JSX.Element;
+//# sourceMappingURL=ThemeSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/ThemeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,kBAAkB,qBAgB7E"}

package/lib/components/SettingDrawer/components/ThemeSelector.js

@@ -0,0 +1,16 @@
+import*as React from'react';function ThemeSelector({
+  value,
+  onChange,
+  options
+}) {
+  return React.createElement("div", {
+    className: "relative"
+  }, React.createElement("select", {
+    value: value,
+    onChange: e => onChange(e.target.value),
+    className: "w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200"
+  }, options.map(option => React.createElement("option", {
+    key: option.key,
+    value: option.key
+  }, option.title))));
+}export{ThemeSelector};//# sourceMappingURL=ThemeSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSelector.js","sources":["../../../../src/components/SettingDrawer/components/ThemeSelector.tsx"],"sourcesContent":[null],"names":[],"mappings":"4BAGM,SAAU,aAAa,CAAC;AAC1B,EAAA,KAAA;UAEQ;AAaZ,EAAC;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { WebFontsSelectorProps } from '../utils/types';
+export declare const WebFontsSelector: React.FC<WebFontsSelectorProps>;
+//# sourceMappingURL=WebFontsSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebFontsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/WebFontsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiB5D,CAAC"}

package/lib/components/SettingDrawer/components/WebFontsSelector.js

@@ -0,0 +1,22 @@
+import*as React from'react';const WebFontsSelector = ({
+  value,
+  onChange,
+  options
+}) => {
+  return React.createElement("div", {
+    className: "relative"
+  }, React.createElement("select", {
+    value: value,
+    onChange: e => onChange(e.target.value),
+    className: "w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200",
+    style: {
+      fontFamily: value
+    }
+  }, options.map(option => React.createElement("option", {
+    key: option.key,
+    value: option.key,
+    style: {
+      fontFamily: option.key
+    }
+  }, option.title))));
+};export{WebFontsSelector};//# sourceMappingURL=WebFontsSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebFontsSelector.js","sources":["../../../../src/components/SettingDrawer/components/WebFontsSelector.tsx"],"sourcesContent":[null],"names":[],"mappings":"4BAGO,MAAM,gBAAgB,GAAoC,CAAC;AAC9D,EAAA,KAAA;AAEQ,EAAA,QAAA;AAcZ,EAAE;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/hooks/useSettingsOperations.d.ts

@@ -0,0 +1,18 @@
+interface UseSettingsOperationsProps {
+    actor: any;
+    settingState: any;
+    changedSettings: any;
+}
+/**
+ * Custom hook to handle all settings operations (save, reset, copy)
+ */
+export declare function useSettingsOperations({ actor, settingState, changedSettings }: UseSettingsOperationsProps): {
+    copied: boolean;
+    copiedModified: boolean;
+    handleCopySettings: () => Promise<void>;
+    handleCopyModifiedSettings: () => Promise<void>;
+    handleSaveSettings: () => Promise<void>;
+    handleResetSettings: () => Promise<void>;
+};
+export {};
+//# sourceMappingURL=useSettingsOperations.d.ts.map

package/lib/components/SettingDrawer/hooks/useSettingsOperations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingsOperations.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/hooks/useSettingsOperations.ts"],"names":[],"mappings":"AASA,UAAU,0BAA0B;IAChC,KAAK,EAAE,GAAG,CAAC;IACX,YAAY,EAAE,GAAG,CAAC;IAClB,eAAe,EAAE,GAAG,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,EAAE,0BAA0B;;;;;;;EA8HzG"}

package/lib/components/SettingDrawer/hooks/useSettingsOperations.js

@@ -0,0 +1,115 @@
+import {useState}from'react';import {useWriteSettingsMutation,useResetApplicationUiSettingsMutation}from'common/lib/generated/generated.js';import {ConfigCollectionName,ConfigFragmentName}from'common/lib/generated/generated-models.js';import {generateCdecodeUri,DEFAULT_CONTRIBUTION_TENANT_ID}from'@adminide-stack/core';import {config}from'../../../config/env-config.js';import isBrowser from'../../../utils/isBrowser/index.js';import {clearSettingsCookies,transformSettingsForBackend,getCookieSettings}from'../utils/transformers.js';import {RESET_CONFIRMATION_MESSAGE,COPY_TIMEOUT_MS}from'../utils/constants.js';/**
+ * Custom hook to handle all settings operations (save, reset, copy)
+ */
+function useSettingsOperations({
+  actor,
+  settingState,
+  changedSettings
+}) {
+  const [copied, setCopied] = useState(false);
+  const [copiedModified, setCopiedModified] = useState(false);
+  // Mutations
+  const [writeSettingsMutation] = useWriteSettingsMutation();
+  const [resetApplicationSettings] = useResetApplicationUiSettingsMutation();
+  // Generate resource URI for API calls
+  const resource = generateCdecodeUri(DEFAULT_CONTRIBUTION_TENANT_ID, {
+    resourceType: ConfigCollectionName.Applications,
+    resourceId: config.APPLICATION_ID,
+    idField: 'appId'
+  }, {}, ConfigFragmentName.UiSettings);
+  /**
+   * Copy all current settings to clipboard
+   */
+  const handleCopySettings = async () => {
+    if (!isBrowser()) return;
+    try {
+      const settings = JSON.stringify(settingState, null, 2);
+      await navigator.clipboard.writeText(settings);
+      setCopied(true);
+      setTimeout(() => setCopied(false), COPY_TIMEOUT_MS);
+    } catch (err) {
+      console.error('Failed to copy settings:', err);
+    }
+  };
+  /**
+   * Copy modified settings from cookies to clipboard
+   */
+  const handleCopyModifiedSettings = async () => {
+    if (!isBrowser()) return;
+    try {
+      const parsedSettings = getCookieSettings();
+      if (parsedSettings) {
+        await navigator.clipboard.writeText(JSON.stringify(parsedSettings, null, 2));
+        setCopiedModified(true);
+        setTimeout(() => setCopiedModified(false), COPY_TIMEOUT_MS);
+      }
+    } catch (err) {
+      console.error('Failed to copy modified settings:', err);
+    }
+  };
+  /**
+   * Save changed settings to backend
+   */
+  const handleSaveSettings = async () => {
+    if (!isBrowser()) return;
+    try {
+      // Transform changedSettings to wrap in uilayout structure for backend
+      const wrappedSettings = transformSettingsForBackend(changedSettings);
+      const variables = {
+        editingUri: resource,
+        settings: wrappedSettings
+      };
+      const response = await writeSettingsMutation({
+        variables
+      });
+      if (response.data) {
+        if (actor) actor.send({
+          type: 'UISETTING_RESET_CHANGED_SETTINGS'
+        });
+      }
+    } catch (err) {
+      console.error('❌ Failed to save settings:', err);
+    }
+  };
+  /**
+   * Reset all settings (database + cookies) and reload
+   */
+  const handleResetSettings = async () => {
+    if (!isBrowser()) return;
+    const confirmed = window.confirm(RESET_CONFIRMATION_MESSAGE);
+    if (!confirmed) return;
+    try {
+      // Step 1: Delete uiSettings from database
+      try {
+        await resetApplicationSettings({
+          variables: {
+            appId: config.APPLICATION_ID
+          }
+        });
+      } catch (dbErr) {
+        console.error('⚠️ Failed to delete database uiSettings:', dbErr);
+      }
+      // Step 2: Clear cookies
+      await clearSettingsCookies();
+      // Step 3: Reset XState machine
+      if (actor) {
+        actor.send({
+          type: 'UISETTING_RESET_CHANGED_SETTINGS'
+        });
+      }
+    } catch (err) {
+      console.error('❌ Error resetting settings:', err);
+      alert('Failed to reset settings. Please try again.');
+    }
+  };
+  return {
+    // State
+    copied,
+    copiedModified,
+    // Handlers
+    handleCopySettings,
+    handleCopyModifiedSettings,
+    handleSaveSettings,
+    handleResetSettings
+  };
+}export{useSettingsOperations};//# sourceMappingURL=useSettingsOperations.js.map

package/lib/components/SettingDrawer/hooks/useSettingsOperations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingsOperations.js","sources":["../../../../src/components/SettingDrawer/hooks/useSettingsOperations.ts"],"sourcesContent":[null],"names":[],"mappings":"qmBAeA;;AAEG;AACG,SAAU,qBAAqB,CAAC;OAClC;cACO;;AAGP,CAAA,EAAA;AACA,EAAA,MAAA,CAAA,MAAO,EAAA,SAAA,CAAA,GAAA,QAAyB,CAAG,KAAA,CAAA;QAEnC,CAAA,cAAA,EAAA,iBAAsC,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACtC;QAGQ,CAAA,qBAAc,CAAA,GAAA,wBAAiC,EAAA;QAC/C,CAAA,wBAAmB,CAAA,GAAA,qCAAc,EAAA;AACjC;AACH,EAAA,cAED,GAAA,kBAAmB,CAAA,8BACrB,EAAA;AAEF,IAAA,YAAA,EAAA,oBAAA,CAAA,YAAA;;AAEG,IAAA,OAAA,EAAA;AACH,GAAA,EAAA,EAAA,EAAA,kBAAM,CAAkB,UAAQ,CAAA;;;AAG5B;AACI,EAAA,MAAA,kBAAc,GAAG,YAAK;kBAChB,EAAA,EAAA;;YAEN,QAAA,GAAW,IAAG,CAAE,SAAC,CAAS,YAAS,EAAA,IAAA,EAAA,CAAA,CAAA;YACtC,SAAA,CAAA,SAAA,CAAA,SAAA,CAAA,QAAA,CAAA;eAAQ,CAAA,IAAK,CAAC;AACX,MAAA,UAAA,CAAA,MAAQ,iCAAkC,CAAG;aAChD,GAAA,EAAA;AACL,MAAE,OAAA,CAAA,KAAA,CAAA,0BAAA,EAAA,GAAA,CAAA;AAEF,IAAA;;AAEG;AACH;;kCAC6B,GAAA,YAAA;AAEzB,IAAA,IAAA,CAAA,SAAK,EAAA,EAAA;AACD,IAAA,IAAA;YACA,cAAI,GAAA,iBAAiB,EAAA;AACjB,MAAA,IAAA;uBACA,CAAA,SAAiB,CAAC,SAAM,CAAA,IAAA,CAAA,SAAA,CAAA,cAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;yBACxB,CAAU,IAAI,CAAA;kBACjB,CAAA,MAAA,iBAAA,CAAA,KAAA,CAAA,EAAA,eAAA,CAAA;;aACH,GAAO,EAAG;AACR,MAAA,OAAA,CAAA,KAAO,CAAC,yCAAyC;;AAEzD,EAAA,CAAA;AAEA;;AAEG;AACH,EAAA,MAAA,kBAAM,GAAkB,YAAY;QAChC,CAAA,aAAc;;AAEd;YACI,eAAA,GAAA,2BAAA,CAAA,eAAA,CAAA;AACA,MAAA,MAAA;AACA,QAAA,UAAM,UAAS;AACX,QAAA,QAAA,EAAA;AACA,OAAA;oBACF,GAAA,MAAA,qBAAA,CAAA;;AAIF,OAAA,CAAA;AACI,MAAA,IAAA,QAAA,CAAA,IAAI,EAAK;wBAAE,CAAK,KAAK;cACxB,EAAA;SACJ,CAAA;;AACG,IAAA,CAAA,CAAA,OAAA,GAAA,EAAA;aACH,CAAA,KAAA,CAAA,4BAAA,EAAA,GAAA,CAAA;AACL,IAAA;AAEA,EAAA,CAAA;;AAEG;AACH;QACI,mBAAgB,GAAA,YAAA;kBAAE,EAAO,EAAA;UAEzB,SAAM,GAAA,MAAY,CAAA,kCAAe,CAAA;AAEjC,IAAA,IAAA,CAAA,SAAK,EAAA;;AAEL;;AAEI,QAAA,MAAA,wBAAK,CAAA;AACD,UAAA,SAAA,EAAA;AACI,YAAA,KAAA,EAAA,MAAA,CAAA;;AAEC,SAAA,CAAA;AACJ,MAAA,CAAA,CAAA,OAAA,KAAE,EAAA;eACN,CAAA,KAAA,CAAA,0CAAA,EAAA,KAAA,CAAA;;AACG;YACJ,oBAAC,EAAA;;eAGD,EAAA;aAEA,CAAA,IAAA,CAAA;cACA,EAAI;;AAEI,MAAA;AACH,IAAA,CAAA,CAAA,OAAA,GAAA,EAAC;aACL,CAAA,KAAA,CAAA,6BAAA,EAAA,GAAA,CAAA;WACJ,CAAA,6CAAA,CAAA;;AACG,EAAA,CAAA;;;AAGR,IAAA,MAAE;IAEF,cAAO;;sBAEG;8BACQ;sBAEH;;;"}

package/lib/components/SettingDrawer/utils/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const THEME_OPTIONS: {
+    key: string;
+    title: string;
+}[];
+export declare const FONT_OPTIONS: {
+    key: string;
+    title: string;
+}[];
+export declare const COPY_TIMEOUT_MS = 2000;
+export declare const RESET_CONFIRMATION_MESSAGE = "Are you sure you want to reset all settings? This will delete all customizations from database and cookies, then reload the page.";
+//# sourceMappingURL=constants.d.ts.map

package/lib/components/SettingDrawer/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/utils/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa;;;GAMzB,CAAC;AAGF,eAAO,MAAM,YAAY;;;GAmBxB,CAAC;AAGF,eAAO,MAAM,eAAe,OAAO,CAAC;AAGpC,eAAO,MAAM,0BAA0B,sIACgG,CAAC"}

package/lib/components/SettingDrawer/utils/constants.js

@@ -0,0 +1,77 @@
+// Theme options for the settings drawer
+const THEME_OPTIONS = [{
+  key: 'default',
+  title: 'Default'
+}, {
+  key: 'github',
+  title: 'Github Theme'
+}, {
+  key: 'slack',
+  title: 'Slack Theme'
+}, {
+  key: 'airbnb',
+  title: 'Airbnb Theme'
+}, {
+  key: 'spotify',
+  title: 'Spotify Theme'
+}];
+// Font options for the settings drawer
+const FONT_OPTIONS = [{
+  key: 'Poppins, sans-serif',
+  title: 'Poppins'
+}, {
+  key: 'Roboto, sans-serif',
+  title: 'Roboto'
+}, {
+  key: 'Open Sans, sans-serif',
+  title: 'Open Sans'
+}, {
+  key: 'Montserrat, sans-serif',
+  title: 'Montserrat'
+}, {
+  key: 'Lato, sans-serif',
+  title: 'Lato'
+}, {
+  key: 'Nunito, sans-serif',
+  title: 'Nunito'
+}, {
+  key: 'Ubuntu, sans-serif',
+  title: 'Ubuntu'
+}, {
+  key: 'Inter, sans-serif',
+  title: 'Inter'
+}, {
+  key: 'Arial, sans-serif',
+  title: 'Arial'
+}, {
+  key: 'Helvetica, sans-serif',
+  title: 'Helvetica'
+}, {
+  key: 'Tahoma, sans-serif',
+  title: 'Tahoma'
+}, {
+  key: 'Trebuchet MS, sans-serif',
+  title: 'Trebuchet MS'
+}, {
+  key: 'Georgia, serif',
+  title: 'Georgia'
+}, {
+  key: 'Bookman, serif',
+  title: 'Bookman'
+}, {
+  key: 'Geneva, sans-serif',
+  title: 'Geneva'
+}, {
+  key: 'Lucida Console, monospace',
+  title: 'Lucida Console'
+}, {
+  key: 'Courier New, monospace',
+  title: 'Courier New'
+}, {
+  key: 'Lucida Sans, sans-serif',
+  title: 'Lucida Sans'
+}];
+// Timeouts
+const COPY_TIMEOUT_MS = 2000;
+// Confirmation messages
+const RESET_CONFIRMATION_MESSAGE = 'Are you sure you want to reset all settings? This will delete all customizations from database and cookies, then reload the page.';export{COPY_TIMEOUT_MS,FONT_OPTIONS,RESET_CONFIRMATION_MESSAGE,THEME_OPTIONS};//# sourceMappingURL=constants.js.map

package/lib/components/SettingDrawer/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/SettingDrawer/utils/constants.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACO,MAAM,aAAa,GAAG,CAAA;AACzB,EAAA,GAAA,WAAO;AACP,EAAA,OAAK;AACL,CAAA,EAAA;AACA,EAAA,GAAA,UAAO;AACP,EAAA,OAAK;CACR,EAAC;AAEF,EAAA,GAAA,EAAA,OAAA;AACA,EAAA,KAAO,EAAA;AACH,CAAA,EAAA;AACA,EAAA,GAAA,UAAO;AACP,EAAA,OAAK;AACL,CAAA,EAAA;AACA,EAAA,GAAA,WAAO;AACP,EAAA,OAAK;AACL,CAAA;AACA;AACO,MAAA,YAAA,GAAA,CAAA;AACP,EAAA,GAAA,uBAAO;AACP,EAAA,OAAK;AACL,CAAA,EAAA;AACA,EAAA,GAAA,sBAAuB;AACvB,EAAA,OAAK;AACL,CAAA,EAAA;AACA,EAAA,GAAA,yBAAO;AACP,EAAA,OAAK;AACL,CAAA,EAAA;EACF,GAAA,EAAA,wBAAA;AAEF,EAAA,KAAA,EAAA;AACA,CAAA,EAAA;AAEA,EAAA,GAAA,EAAA,kBAAwB;AACxB,EAAA,KAAO,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/utils/helper.d.ts

@@ -0,0 +1,37 @@
+import { ProSettings } from '@admin-layout/client';
+import { MergerSettingsType, SettingDrawerProps } from './types';
+/**
+ * Initialize settings from URL parameters and apply theme
+ */
+export declare function initState(settings: Partial<MergerSettingsType<ProSettings>>, onSettingChange: SettingDrawerProps['onSettingChange'], publicPath?: string, oldSetting?: Partial<MergerSettingsType<ProSettings>>): void;
+/**
+ * Update theme by dynamically loading CSS file
+ */
+export declare function updateTheme(dark?: boolean | any, color?: string, publicPath?: string): void;
+/**
+ * Get theme list with colors based on current settings and device
+ */
+export declare function useThemeList(settings: Partial<ProSettings>, location: any, routePattern?: string): {
+    colorList: {
+        dark: {
+            key: string;
+            color: string;
+            theme?: "dark" | "light";
+        }[];
+        light: {
+            key: string;
+            color: string;
+            theme?: "dark" | "light";
+        }[];
+    };
+    themeList: {
+        key: string;
+        title: string;
+    }[];
+};
+/**
+ * Parse a dot-separated path into a nested object structure
+ * Example: parseSettingPath('a.b.c', 'value') => { a: { b: { c: 'value' } } }
+ */
+export declare function parseSettingPath(path: string, value: any): any;
+//# sourceMappingURL=helper.d.ts.map

package/lib/components/SettingDrawer/utils/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/utils/helper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEjE;;GAEG;AACH,wBAAgB,SAAS,CACrB,QAAQ,EAAE,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,EAClD,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,EACtD,UAAU,CAAC,EAAE,MAAM,EACnB,UAAU,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,QAkExD;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,UAAU,SAAW,QA+CtF;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE,MAAM;;;iBAsGpF,MAAM;mBACJ,MAAM;oBACL,MAAM,GAAG,OAAO;;;iBAUnB,MAAM;mBACJ,MAAM;oBACL,MAAM,GAAG,OAAO;;;;;;;EA8C/B;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,CAoB9D"}

package/lib/components/SettingDrawer/utils/helper.js

@@ -0,0 +1,154 @@
+import'qs';import {useTranslation}from'react-i18next';import'../../../utils/isBrowser/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';/**
+ * Get theme list with colors based on current settings and device
+ */
+function useThemeList(settings, location, routePattern) {
+  const {
+    t
+  } = useTranslation('settings');
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = routePattern || location?.pathname || '/';
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // Helper function to get value from settings with route/device override support
+  const getUILayoutValue = path => {
+    const routeDeviceKey = `[${currentRoute}][${deviceType}]`;
+    const uiOverride = settings?.uiSettings?.[routeDeviceKey];
+    if (uiOverride) {
+      const value = path.split('.').reduce((obj, key) => obj?.[key], uiOverride);
+      if (value !== undefined) return value;
+    }
+    return path.split('.').reduce((obj, key) => obj?.[key], settings);
+  };
+  const deviceLayout = {
+    navigationMode: getUILayoutValue('navigationMode'),
+    sideMenuType: getUILayoutValue('sideMenuType'),
+    contentWidth: getUILayoutValue('contentWidth'),
+    fixedHeader: getUILayoutValue('fixedHeader'),
+    fixedSidebar: getUILayoutValue('fixedSidebar'),
+    splitMenus: getUILayoutValue('splitMenus')
+  };
+  let list = [];
+  const defaultList = [
+  //@sri following are needed otherwise we need make above plugin to work
+  {
+    key: 'dust',
+    fileName: 'dust.css',
+    modifyVars: {
+      '@primary-color': '#F5222D'
+    }
+  }, {
+    key: 'volcano',
+    fileName: 'volcano.css',
+    modifyVars: {
+      '@primary-color': '#FA541C'
+    }
+  }, {
+    key: 'sunset',
+    fileName: 'sunset.css',
+    modifyVars: {
+      '@primary-color': '#FAAD14'
+    }
+  }, {
+    key: 'cyan',
+    fileName: 'cyan.css',
+    modifyVars: {
+      '@primary-color': '#13C2C2'
+    }
+  }, {
+    key: 'green',
+    fileName: 'green.css',
+    modifyVars: {
+      '@primary-color': '#52C41A'
+    }
+  }, {
+    key: 'geekblue',
+    fileName: 'geekblue.css',
+    modifyVars: {
+      '@primary-color': '#2F54EB'
+    }
+  }, {
+    key: 'purple',
+    fileName: 'purple.css',
+    modifyVars: {
+      '@primary-color': '#722ED1'
+    }
+  }];
+  // ssr
+  if (typeof window === 'undefined') {
+    list = defaultList;
+  } else {
+    list = window.umi_plugin_ant_themeVar || defaultList;
+  }
+  const themeList = [{
+    key: 'light',
+    title: t('light')
+  }];
+  const darkColorList = [{
+    key: 'daybreak',
+    color: '#1890ff',
+    theme: 'dark'
+  }];
+  const lightColorList = [{
+    key: 'daybreak',
+    color: '#1890ff',
+    theme: 'dark'
+  }];
+  if (deviceLayout.navigationMode !== 'mixed') {
+    themeList.push({
+      key: 'dark',
+      title: t('dark')
+    });
+  }
+  if (list.find(item => item.theme === 'dark')) {
+    themeList.push({
+      key: 'realDark',
+      title: t('dark')
+    });
+  }
+  // insert  theme color List
+  list.forEach(item => {
+    const color = (item.modifyVars || {})['@primary-color'];
+    if (item.theme === 'dark' && color) {
+      darkColorList.push({
+        color,
+        ...item
+      });
+    }
+    if (!item.theme || item.theme === 'light') {
+      lightColorList.push({
+        color,
+        ...item
+      });
+    }
+  });
+  return {
+    colorList: {
+      dark: darkColorList,
+      light: lightColorList
+    },
+    themeList
+  };
+}
+/**
+ * Parse a dot-separated path into a nested object structure
+ * Example: parseSettingPath('a.b.c', 'value') => { a: { b: { c: 'value' } } }
+ */
+function parseSettingPath(path, value) {
+  const keys = path.split('.');
+  // Base case: no nesting
+  if (keys.length === 1) {
+    return {
+      [path]: value
+    };
+  }
+  // Build nested object
+  let result = {};
+  let current = result;
+  for (let i = 0; i < keys.length - 1; i++) {
+    current[keys[i]] = {};
+    current = current[keys[i]];
+  }
+  current[keys[keys.length - 1]] = value;
+  return result;
+}export{parseSettingPath,useThemeList};//# sourceMappingURL=helper.js.map

package/lib/components/SettingDrawer/utils/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../../src/components/SettingDrawer/utils/helper.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/components/SettingDrawer/utils/transformers.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Transform changed settings to wrap in uilayout structure for backend API
+ * Converts keys like "[desktop].theme" to "[desktop].uilayout.theme"
+ */
+export declare function transformSettingsForBackend(changedSettings: Record<string, any>): Record<string, any>;
+/**
+ * Extract and parse settings from browser cookies
+ * Returns null if cookie not found or parsing fails
+ */
+export declare function getCookieSettings(): Record<string, any> | null;
+/**
+ * Clear settings cookies by sending DELETE request to server
+ */
+export declare function clearSettingsCookies(): Promise<boolean>;
+//# sourceMappingURL=transformers.d.ts.map

package/lib/components/SettingDrawer/utils/transformers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformers.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/utils/transformers.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAiCrG;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAqB9D;AAED;;GAEG;AACH,wBAAsB,oBAAoB,IAAI,OAAO,CAAC,OAAO,CAAC,CAiB7D"}