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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApplyToAllRoutesToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/ApplyToAllRoutesToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,2BAA2B;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,2BAA2B,qBAoBxF"}

package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.js

@@ -0,0 +1,21 @@
+import React__default from'react';function ApplyToAllRoutesToggle({
+  checked,
+  onChange
+}) {
+  return React__default.createElement("div", {
+    className: "flex items-center justify-between"
+  }, React__default.createElement("div", null, React__default.createElement("p", {
+    className: "text-sm text-black dark:text-white font-medium"
+  }, "Apply to All Routes"), React__default.createElement("p", {
+    className: "text-xs text-gray-600 dark:text-gray-400"
+  }, "When enabled, route-specific settings will apply to all routes instead of just the current route")), React__default.createElement("label", {
+    className: "relative inline-flex items-center cursor-pointer"
+  }, React__default.createElement("input", {
+    type: "checkbox",
+    className: "sr-only peer",
+    checked: checked,
+    onChange: e => onChange(e.target.checked)
+  }), React__default.createElement("div", {
+    className: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
+  })));
+}export{ApplyToAllRoutesToggle};//# sourceMappingURL=ApplyToAllRoutesToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApplyToAllRoutesToggle.js","sources":["../../../../src/components/SettingDrawer/components/ApplyToAllRoutesToggle.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"2CAOgB,sBAAsB,CAAC;AACnC,EAAA,OAAA;AAEQ,EAAA;;AAEI,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aAIJ,EAAA;iCACI,CAAA,KAAA,EAAA,IAAA,EAAAA,cACI,CAAA,aAAK,CAAA,GACL,EAAA;AAIJ,IAAA,SAAA,EAAA;AAIhB,GAAC,EAAA,qBAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;;;;;;;;;;;;"}

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

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

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

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

package/lib/components/SettingDrawer/components/CheckBoxTheme.js

@@ -0,0 +1,119 @@
+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';const themelist = [{
+  key: 'light',
+  title: 'Light',
+  svg: React.createElement("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("defs", null, React.createElement("filter", {
+    id: "softShadow",
+    x: "-20%",
+    y: "-20%",
+    width: "140%",
+    height: "140%"
+  }, React.createElement("feDropShadow", {
+    dx: "0",
+    dy: "2",
+    stdDeviation: "4",
+    floodColor: "#000000",
+    floodOpacity: "0.1"
+  }))), React.createElement("rect", {
+    x: "0",
+    y: "0",
+    width: "58",
+    height: "50",
+    rx: "8",
+    fill: "#ffffff",
+    filter: "url(#softShadow)"
+  }))
+}, {
+  key: 'realDark',
+  title: 'realDark',
+  svg: React.createElement("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("rect", {
+    x: "0",
+    y: "0",
+    width: "58",
+    height: "50",
+    rx: "8",
+    fill: "#ffffff"
+  }), React.createElement("path", {
+    d: "M0,8\n                       A8,8 0 0 1 8,0\n                       H18\n                       V50\n                       H8\n                       A8,8 0 0 1 0,42\n                       Z",
+    fill: "#011627"
+  }))
+}, {
+  key: 'dark',
+  title: 'Dark',
+  svg: React.createElement("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("rect", {
+    width: "58",
+    height: "50",
+    rx: "8",
+    fill: "#000000"
+  }), React.createElement("clipPath", {
+    id: "roundedClip"
+  }, React.createElement("rect", {
+    width: "58",
+    height: "50",
+    rx: "8"
+  })), React.createElement("g", {
+    clipPath: "url(#roundedClip)"
+  }, React.createElement("rect", {
+    x: "0",
+    y: "13",
+    width: "29",
+    height: "37",
+    fill: "#0d1117"
+  }), React.createElement("rect", {
+    x: "29",
+    y: "13",
+    width: "29",
+    height: "37",
+    fill: "#233445"
+  })))
+}];
+function CheckBoxTheme(props) {
+  const {
+    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 navTheme based on applyToAllRoutes
+  const navThemeValue = getSettingValue(settings, 'navTheme', applyToAllRoutes, currentRoute, deviceType, 'light');
+  return React.createElement("div", {
+    className: "flex flex-row gap-4"
+  }, themelist.map((themeItems, index) => {
+    return React.createElement("div", {
+      key: `themeItem_${index}`,
+      className: "relative cursor-pointer hover:opacity-80 transition-opacity",
+      style: {
+        boxShadow: '0 1px 2.5px 0 rgb(0 0 0 / 18%)'
+      },
+      onClick: () => {
+        changeSetting('navTheme', themeItems.key);
+      }
+    }, React.createElement("div", null, themeItems.svg, navThemeValue === themeItems.key && React.createElement("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",
+      viewBox: "0 0 24 24",
+      fill: "currentColor"
+    }, React.createElement("path", {
+      d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+    }))));
+  }));
+}export{CheckBoxTheme};//# sourceMappingURL=CheckBoxTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxTheme.js","sources":["../../../../src/components/SettingDrawer/components/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":[],"mappings":"6OAKA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAK;AACL,EAAA,GAAA,EAAA,KAAA,CAAK,aAAS,CAAA,KAAA,EAAA;AACd,IAAA,KAAA,EAAG,IACC;AACI,IAAA,MAAA,EAAA,IAAA;AACI,IAAA,OAAA,EAAA,WAAA;;AAIJ,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,KAAO,CAAC,aAAU,CAAA,QAAM,EAAI;AAGvC,IAAA,EAAA,EAAA,YAAA;AACD,IAAA,CAAA,EAAA,MAAA;AACI,IAAA,CAAA,EAAA,MAAK;AACL,IAAA,KAAA,EAAA,MAAO;AACP,IAAA,MAAA;wBAEQ,CAAA,cAAA,EAAA;;AAaX,IAAA,EAAA,EAAA,GAAA;AACD,IAAA,YAAA,EAAA,GAAA;AACI,IAAA,UAAK,EAAA,SAAM;AACX,IAAA,YAAO,EAAA;AACP,GAAA,CAAA,CAAA,CAAA,EAAA,KAAK,CACD,aAAA,CAAA,MAAA,EAAA;AACI,IAAA,CAAA,EAAA,GAAA;;AAEI,IAAA,KAAA,EAAA,IAAA;YAEJ,IAAA;AACI,IAAA,EAAA,EAAA,GAAA;mBACA;AAIf,IAAA,MAAA,EAAA;GACH,CAAA;AAEF,CAAA,EAAA;AACI,EAAA,GAAA,EAAA,UAAQ;AACR,EAAA,KAAA,EAAA,UAAQ;KACR,EAAA,KAAM,CAAA,aAAe,CAAA,KAAA,EAAA;IACrB,KAAA,EAAM,IAAA;IAEN,MAAA,EAAA,IAAA;AACA,IAAA,oBAAmB;AACnB,IAAA,KAAA,EAAO;UAGK,CAAA;AAMY,IAAA,CAAA,EAAA,GAAA;;AAGJ,IAAA,KAAA,EAAA,IAAA;AACK,IAAA,MAAA,EAAA,IAAA;AAEA,IAAA,EAAA,EAAA,GAAA;;IAYjB,EAAE,KAER,CAAA,aAAA,CAAA,MAAA,EAAA;AACN,IAAC,CAAA,EAAA,kMAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface DeviceTabsProps {
+    activeTab: 'desktop' | 'mobile';
+    onTabChange: (tab: 'desktop' | 'mobile') => void;
+}
+export declare function DeviceTabs({ activeTab, onTabChange }: DeviceTabsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DeviceTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/DeviceTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,eAAe;IACrB,SAAS,EAAE,SAAS,GAAG,QAAQ,CAAC;IAChC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,eAAe,qBAgErE"}

package/lib/components/SettingDrawer/components/DeviceTabs.js

@@ -0,0 +1,74 @@
+import React__default from'react';import {useTranslation}from'react-i18next';function DeviceTabs({
+  activeTab,
+  onTabChange
+}) {
+  const {
+    t
+  } = useTranslation('settings');
+  return React__default.createElement("div", {
+    className: "mt-4"
+  }, React__default.createElement("div", {
+    className: "flex mb-4"
+  }, React__default.createElement("button", {
+    className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-l-lg border border-r-0 border-gray-300 ${activeTab === 'desktop' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700'}`,
+    onClick: () => onTabChange('desktop')
+  }, React__default.createElement("span", {
+    className: "flex items-center justify-center"
+  }, React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "mr-1"
+  }, React__default.createElement("rect", {
+    x: "2",
+    y: "3",
+    width: "20",
+    height: "14",
+    rx: "2",
+    ry: "2"
+  }), React__default.createElement("line", {
+    x1: "8",
+    y1: "21",
+    x2: "16",
+    y2: "21"
+  }), React__default.createElement("line", {
+    x1: "12",
+    y1: "17",
+    x2: "12",
+    y2: "21"
+  })), t('desktop_tab'))), React__default.createElement("button", {
+    className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-r-lg border border-gray-300 ${activeTab === 'mobile' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700'}`,
+    onClick: () => onTabChange('mobile')
+  }, React__default.createElement("span", {
+    className: "flex items-center justify-center"
+  }, React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "mr-1"
+  }, React__default.createElement("rect", {
+    x: "5",
+    y: "2",
+    width: "14",
+    height: "20",
+    rx: "2",
+    ry: "2"
+  }), React__default.createElement("line", {
+    x1: "12",
+    y1: "18",
+    x2: "12",
+    y2: "18"
+  })), t('mobile_tab')))));
+}export{DeviceTabs};//# sourceMappingURL=DeviceTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTabs.js","sources":["../../../../src/components/SettingDrawer/components/DeviceTabs.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sFAQgB,UAAU,CAAC;WACjB;AAEN,EAAA;;AAGY,EAAA,MAAA;AAGY,IAAA;AACA,GAAA,GAAA,cAAA,CAAC,UAAC,CAAA;qCAIV,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;iCAYI,CAAA,KAAA,EAAA;AACA,IAAA,SAAA,EAAA;AACA,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAEH,IAAA,SAAA,EAAA,CAAA,mHAEA,EAAA,SAAA,KAAA,SAAA,GAAA,wCAAA,GAAA,oGAAA,CAAA,CAAA;AACT,IAAA,OAAA,EAAA,MAAA,WAAA,CAAA,SAAA;AAGY,GAAA,EAAAA,cAAA,CAAA,aAAE,CAAA,MAAA,EAAA;AACF,IAAA,SAAA,EAAA;iCAIR,CAAA,KAAA,EAAA;AACI,IAAA,KAAA,EAAA,4BAAA;;AAaI,IAAA,MAAA,EAAA,IAAA;;AAQ5B,IAAC,IAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/InvitationSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,qBAsEnE"}

package/lib/components/SettingDrawer/components/InvitationSettings.js

@@ -0,0 +1,72 @@
+import*as React from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch.js';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 InvitationSettings(props) {
+  const {
+    settings,
+    changeSetting,
+    location,
+    routePattern,
+    applyToAllRoutes = false
+  } = props;
+  const {
+    t
+  } = useTranslation('settings');
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = routePattern || location?.pathname || '/';
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // Get organization invitations using the utility function
+  const invitations = React.useMemo(() => {
+    return getSettingValue(settings, 'organization.members.invitations', applyToAllRoutes, currentRoute, deviceType, {});
+  }, [settings, applyToAllRoutes, currentRoute, deviceType]);
+  const handleInvitationChange = (key, value) => {
+    if (!changeSetting) return;
+    const newInvitations = {
+      ...invitations,
+      [key]: value
+    };
+    changeSetting(`organization.members.invitations`, newInvitations);
+  };
+  const textColor = {
+    color: settings?.navTheme === 'dark' ? '#ffff' : 'black'
+  };
+  return React.createElement("div", null, React.createElement("p", {
+    className: "mb-2 font-medium",
+    style: textColor
+  }, t('invitation_settings') || 'Invitation Settings'), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("span", {
+    style: textColor
+  }, t('show_email_invite') || 'Show Email Invite'), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: !!invitations.showEmailInvite,
+    onChange: checked => handleInvitationChange('showEmailInvite', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("span", {
+    style: textColor
+  }, t('show_sms_invite') || 'Show SMS Invite'), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: !!invitations.showSmsInvite,
+    onChange: checked => handleInvitationChange('showSmsInvite', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("span", {
+    style: textColor
+  }, t('show_qr_code_invite') || 'Show QR Code Invite'), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: !!invitations.showQrCodeInvite,
+    onChange: checked => handleInvitationChange('showQrCodeInvite', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("span", {
+    style: textColor
+  }, t('show_invite_link') || 'Show Invite Link'), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: !!invitations.showInviteLink,
+    onChange: checked => handleInvitationChange('showInviteLink', checked)
+  })));
+}export{InvitationSettings};//# sourceMappingURL=InvitationSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationSettings.js","sources":["../../../../src/components/SettingDrawer/components/InvitationSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"yTAOM,SAAU,kBAAkB,CAAC,KAAiC,EAAA;AAChE,EAAA,MAAA;IACA,QAAQ;AACR,IAAA,aAAQ;IACR,QAAM;IACN,YAAM;IAEN,gBAAA,GAAA;AACA,GAAA,GAAA;AACI,EAAA,MAAA;IAQJ;AAEA,GAAA,GAAA,0BAA4B;AACxB,EAAA,MAAA;;AACA,GAAA,GAAA;AACI,EAAA,MAAA,YAAG,GAAA,YAAW,IAAA,QAAA,EAAA,QAAA,IAAA,GAAA;kBACT,GAAE,QAAK,GAAA,QAAA,GAAA,SAAA;;AAGhB,EAAA,MAAA,WAAA,GAAc,KAAA,CAAA,OAAA,CAAA,MAAA;AAClB,IAAA,OAAE,eAAA,CAAA,QAAA,EAAA,kCAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,EAAA,CAAA;AAEF,EAAA,CAAA,EAAA,CAAA,0BAA2B,EAAA,YAAU,EAAA,YAAmB;AAExD,EAAA,MAAA,sBACI,GAAA,CAAA,GAAA,EAAA,KAAA,KAAA;AACI,IAAA,IAAA,CAAA,aAAA,EAAA;UAGA,cAAA,GAAA;oBACI;aACA;;iBAMJ,CAAA,CAAA,gCAAe,CAAA,EAAA,cAAA,CAAA;;iBAEX,GAAA;mBACA,EAAA,QAAA,KAAC,MAAM,GACH,OAAQ,GAAC;;cAKb,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,KAAK,CAAA,aAAW,CAAG,GAAE,EAAA;aAC3B,EAAA,kBAAA;;4BAMJ,CAAA,IAAA,qBAAe,CAAA,EAAA,KAAA,CAAA,aAAwB,CAAA,KAAA,EAAA;aACnC,EAAA;wBACA,CAAA,MAAA,EAAA;;AAQhB,GAAC,EAAA,CAAA,CAAA,mBAAA,CAAA,IAAA,mBAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/LayoutChange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,qBAwI7D"}

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

@@ -0,0 +1,111 @@
+import*as React from'react';import {useMemo}from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch.js';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 LayoutChange(props) {
+  const {
+    settings,
+    changeSetting,
+    location,
+    routePattern,
+    applyToAllRoutes = false
+  } = props;
+  const {
+    t
+  } = useTranslation('settings');
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = routePattern || location?.pathname || '/';
+  const {
+    navTheme
+  } = settings || {};
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // Get layout values using the utility function
+  const layoutValues = useMemo(() => ({
+    fixedHeader: getSettingValue(settings, 'fixedHeader', applyToAllRoutes, currentRoute, deviceType, true),
+    fixedSidebar: getSettingValue(settings, 'fixedSidebar', applyToAllRoutes, currentRoute, deviceType, true),
+    splitMenus: getSettingValue(settings, 'splitMenus', applyToAllRoutes, currentRoute, deviceType, false),
+    upperMenuDividerName: getSettingValue(settings, 'upperMenuDividerName', applyToAllRoutes, currentRoute, deviceType, 'Navigation'),
+    middleMenuDividerName: getSettingValue(settings, 'middleMenuDividerName', applyToAllRoutes, currentRoute, deviceType, 'Dashboard'),
+    lowerMenuDividerName: getSettingValue(settings, 'lowerMenuDividerName', applyToAllRoutes, currentRoute, deviceType, 'Admin')
+  }), [settings, applyToAllRoutes, currentRoute, deviceType]);
+  const handleLayoutChange = (key, value) => {
+    if (!changeSetting) return;
+    // Pass simple key - handleSettingChange in SettingDrawer will decide if it's global or route-specific
+    changeSetting(key, value);
+  };
+  const textColor = {
+    color: navTheme === 'dark' ? '#ffff' : 'black'
+  };
+  return React.createElement("div", null, React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("p", {
+    className: "mb-0",
+    style: textColor
+  }, t('fixed_header')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: layoutValues.fixedHeader,
+    onChange: checked => handleLayoutChange('fixedHeader', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("p", {
+    className: "mb-0",
+    style: textColor
+  }, t('fixed_sidebar')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: layoutValues.fixedSidebar,
+    onChange: checked => handleLayoutChange('fixedSidebar', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("p", {
+    className: "mb-0",
+    style: textColor
+  }, t('split_menus')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: layoutValues.splitMenus,
+    onChange: checked => handleLayoutChange('splitMenus', checked)
+  })), layoutValues.splitMenus && React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "mt-6 mb-2"
+  }, React.createElement("p", {
+    className: "text-sm font-medium",
+    style: textColor
+  }, t('menu_divider_names'))), React.createElement("div", {
+    className: "flex flex-col space-y-4"
+  }, React.createElement("div", {
+    className: "flex flex-col"
+  }, React.createElement("label", {
+    className: "text-xs mb-1",
+    style: textColor
+  }, t('upper_menu_divider')), React.createElement("input", {
+    type: "text",
+    className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
+    value: layoutValues.upperMenuDividerName,
+    onChange: e => {
+      handleLayoutChange('upperMenuDividerName', e.target.value);
+    }
+  })), React.createElement("div", {
+    className: "flex flex-col"
+  }, React.createElement("label", {
+    className: "text-xs mb-1",
+    style: textColor
+  }, t('middle_menu_divider')), React.createElement("input", {
+    type: "text",
+    className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
+    value: layoutValues.middleMenuDividerName,
+    onChange: e => {
+      handleLayoutChange('middleMenuDividerName', e.target.value);
+    }
+  })), React.createElement("div", {
+    className: "flex flex-col"
+  }, React.createElement("label", {
+    className: "text-xs mb-1",
+    style: textColor
+  }, t('lower_menu_divider')), React.createElement("input", {
+    type: "text",
+    className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
+    value: layoutValues.lowerMenuDividerName,
+    onChange: e => {
+      handleLayoutChange('lowerMenuDividerName', e.target.value);
+    }
+  })))));
+}export{LayoutChange};//# sourceMappingURL=LayoutChange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutChange.js","sources":["../../../../src/components/SettingDrawer/components/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"qVAQM,SAAU,YAAY,CAAC,KAAiC,EAAA;AAC1D,EAAA,MAAA;IACA,QAAQ;AACR,IAAA,aAAQ;IACR,QAAM;AACN,IAAA,YAAQ;AACR,IAAA,gBAAgB,GAAG;MAEnB,KAAA;AACA,EAAA,MAAA;AAEQ,IAAA;AACA,GAAA,GAAA,cAAY,CAAA,UAAE,CAAA;AACd,EAAA,MAAA;AACA,IAAA;AAQA,GAAA,GAAA,aAAA,EAAA;AAQA,EAAA,MAAA,YAAA,GAAA,YAAsB,IAAA,QAClB,EAAA,QACA,IAAA,GAAA;QAOR;AAGJ,IAAA;AACI,GAAA,GAAA,QAAK,IAAA,EAAA;kBAAe,GAAO,QAAA,GAAA,QAAA,GAAA,SAAA;;AAE3B,EAAA,MAAA,YAAA,GAAc,OAAK,CAAA,OAAO;AAC9B,IAAA,WAAE,EAAA,eAAA,CAAA,QAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,IAAA,CAAA;AAEF,IAAA,sCAAmC,EAAK,cAAS,EAAO,gBAAa,EAAA,YAAA,EAAA,UAAA,EAAA,IAAA,CAAA;AAErE,IAAA,UACI,EAAA,eAAA,CAAA,QAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,CAAA;wBACI,EAAA,eAAK,CAAA,QAAU,EAAA,sBAAwB,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,CAAA;AACnC,IAAA,qBAAA,EAAA,eAAG,CAAA,QAAU,EAAA,uBAAuB,EAC/B,gBAAgB,EACjB,YAAA,EAAA,UAAA,EAAA,WAAA,CAAA;wBACJ,EAAA,eAAK,CAAA,QAAS,EAAC,sBAAc,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA;eAC7B,EAAA,gBAAC,EAAA,YACQ,EAAE,YAAY;QAI3B,kBAAA,GAAA,CAAA,GAAA,EAAA,KAAK,KAAA;AACD,IAAA,IAAA,CAAA,aAAA,EAAA;;iBAIA,CAAA,GAAA,EAAA,KAAA,CAAA;;AAMA,EAAA,MAAA,SAAA,GAAA;mBAGA,KAAA,MAAA,GAAA,OAAA,GAAK;;SAQR,KAAA,CAAA,aAAa,CAAA,KAAU,EACpB,IAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aACI,EAAA;AACI,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;aAIJ,EAAA,MAAA;;AAEQ,GAAA,EAAA,CAAA,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAO;AAGP,IAAA,SAAA,EAAA;gCAKQ,EAAA;AACJ,IAAA,KAAA,EAAA,YAAA,CAAA,WAEF;qBACN,IAAA,kBAAA,CAAA,aAAe,EAAA,OAAA;AACX,GAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAGA,IAAA,SAAA,EAAA;4BAKQ,EAAA;AACJ,IAAA,SAAA,EAAA,MAAA;;AAIJ,GAAA,EAAA,CAAA,CAAA,eAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAO,EAAA;AAGP,IAAA,SAAA,EAAA;gCAKQ,EAAA;AACJ,IAAA,KAAA,EAAA,YAAA,CAAA,YAO1B;AACN,IAAC,QAAA,EAAA,OAAA,IAAA,kBAAA,CAAA,cAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+interface MenuItem {
+    key: string;
+    name: string;
+    path: string;
+    position?: string;
+    children?: MenuItem[];
+    tab?: string;
+    [key: string]: any;
+}
+interface MenuVisibilitySettingsProps {
+    fullMenuData: MenuItem[];
+    settings: {
+        hiddenMenuKeys?: string[];
+        [key: string]: any;
+    };
+    changeSetting: (key: string, value: any) => void;
+}
+export declare function MenuVisibilitySettings({ fullMenuData, settings, changeSetting }: MenuVisibilitySettingsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=MenuVisibilitySettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuVisibilitySettings.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/MenuVisibilitySettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,QAAQ;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,UAAU,2BAA2B;IACjC,YAAY,EAAE,QAAQ,EAAE,CAAC;IACzB,QAAQ,EAAE;QACN,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;QAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACpD;AA0DD,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,2BAA2B,qBAqF5G"}

package/lib/components/SettingDrawer/components/MenuVisibilitySettings.js

@@ -0,0 +1,106 @@
+import*as React from'react';import {useState,useMemo,useCallback}from'react';import {useTranslation}from'react-i18next';// all keys included now ['usermenu', 'topmenu']
+const EXCLUDED_MENU_KEYS = [];
+const MENU_POSITIONS = ['UPPER', 'MIDDLE', 'LOWER', 'BOTTOM'];
+// Helper functions
+function getDisplayName(item, t) {
+  if (item.tab) return item.tab;
+  if (item.name?.startsWith('menu.')) {
+    const parts = item.name.split('.');
+    return parts.length > 1 ? parts[parts.length - 1].charAt(0).toUpperCase() + parts[parts.length - 1].slice(1) : item.name;
+  }
+  return t(item.name) || item.name;
+}
+function toggleMenuItem(itemKey, hiddenMenuKeys, changeSetting) {
+  const uniqueKeys = new Set(hiddenMenuKeys);
+  uniqueKeys.has(itemKey) ? uniqueKeys.delete(itemKey) : uniqueKeys.add(itemKey);
+  changeSetting('hiddenMenuKeys', Array.from(uniqueKeys));
+}
+function renderMenuItems(items, indent, hiddenMenuKeys, getDisplayNameFn, toggleMenuItemFn) {
+  return items.map(item => {
+    const isVisible = !hiddenMenuKeys.includes(item.key);
+    const displayName = getDisplayNameFn(item);
+    return React.createElement("div", {
+      key: item.key
+    }, React.createElement("div", {
+      className: "flex items-center py-0.5"
+    }, React.createElement("input", {
+      type: "checkbox",
+      id: `menu-item-${item.key}`,
+      className: "mr-2 h-3 w-3 rounded border-gray-300 dark:border-gray-600 focus:ring-primary dark:focus:ring-primary bg-white dark:bg-gray-700 accent-primary",
+      checked: isVisible,
+      onChange: () => toggleMenuItemFn(item.key)
+    }), React.createElement("label", {
+      htmlFor: `menu-item-${item.key}`,
+      className: "text-xs text-black dark:text-white cursor-pointer flex-1",
+      style: {
+        paddingLeft: `${indent * 12}px`
+      }
+    }, displayName)), isVisible && item.children && item.children.length > 0 && React.createElement("div", {
+      className: "ml-6"
+    }, renderMenuItems(item.children, indent + 1, hiddenMenuKeys, getDisplayNameFn, toggleMenuItemFn)));
+  });
+}
+function MenuVisibilitySettings({
+  fullMenuData,
+  settings,
+  changeSetting
+}) {
+  const {
+    t
+  } = useTranslation('settings');
+  const [isExpanded, setIsExpanded] = useState(false);
+  // Get deduplicated hidden menu keys
+  const hiddenMenuKeys = useMemo(() => {
+    return settings.hiddenMenuKeys ? Array.from(new Set(settings.hiddenMenuKeys)) : [];
+  }, [settings.hiddenMenuKeys]);
+  // Organize menu items by position
+  const allMenuItems = useMemo(() => {
+    const categories = [];
+    if (fullMenuData?.length) {
+      MENU_POSITIONS.forEach(position => {
+        const positionItems = fullMenuData.filter(item => item.position === position && item.key && !EXCLUDED_MENU_KEYS.includes(item.key));
+        categories.push(...positionItems);
+      });
+      const itemsWithoutPosition = fullMenuData.filter(item => !item.position && item.key && !EXCLUDED_MENU_KEYS.includes(item.key));
+      categories.push(...itemsWithoutPosition);
+    }
+    return categories;
+  }, [fullMenuData]);
+  // Create bound functions with current dependencies
+  const boundGetDisplayName = useCallback(item => getDisplayName(item, t), [t]);
+  const boundToggleMenuItem = useCallback(itemKey => toggleMenuItem(itemKey, hiddenMenuKeys, changeSetting), [hiddenMenuKeys, changeSetting]);
+  // Memoize rendered menu items to prevent unnecessary JSX creation
+  const renderedMenuItems = useMemo(() => {
+    return renderMenuItems(allMenuItems, 0, hiddenMenuKeys, boundGetDisplayName, boundToggleMenuItem);
+  }, [allMenuItems, hiddenMenuKeys, boundGetDisplayName, boundToggleMenuItem]);
+  return React.createElement("div", {
+    className: "space-y-4"
+  }, React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("button", {
+    onClick: () => setIsExpanded(!isExpanded),
+    className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200"
+  }, React.createElement("svg", {
+    className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isExpanded ? 'rotate-180' : ''}`,
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M19 9l-7 7-7-7"
+  })), React.createElement("p", {
+    className: "text-md font-medium text-black dark:text-white"
+  }, t('menu_visibility.title') || 'Menu Visibility'))), React.createElement("div", {
+    className: `grid transition-all duration-300 ease-in-out ${isExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`
+  }, React.createElement("div", {
+    className: "overflow-hidden"
+  }, React.createElement("div", {
+    className: "ml-4 mb-4 border-l-2 border-gray-200 dark:border-gray-600 pl-4"
+  }, React.createElement("div", {
+    className: "space-y-2"
+  }, allMenuItems.length === 0 ? React.createElement("div", {
+    className: "text-center text-gray-500 dark:text-gray-400 py-4"
+  }, t('menu_visibility.no_items') || 'No menu items found') : renderedMenuItems)))));
+}export{MenuVisibilitySettings};//# sourceMappingURL=MenuVisibilitySettings.js.map

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

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

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { NavMenuSelectorProps } from '../utils/types';
+export declare function NavigationModes({ changeSetting, settings, location, routePattern, applyToAllRoutes, }: NavMenuSelectorProps): React.JSX.Element;
+//# sourceMappingURL=NavigationsModes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/NavigationsModes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAkFtD,wBAAgB,eAAe,CAAC,EAC5B,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,gBAAwB,GAC3B,EAAE,oBAAoB,qBA+FtB"}