@admin-layout/tailwind-design-pro 10.0.9-alpha.32 → 10.0.9-alpha.34

package/lib/cdm-locales/en/settings.json

@@ -15,5 +15,7 @@
     "other_setting": "Other Setting",
     "weak_mode": "Weak Mode",
     "light": "Light",
-    "dark": "Dark"
+    "dark": "Dark",
+    "font_family": "Font Family",
+    "select_theme": "Select Theme"
 }

package/lib/components/Layout/GlobalHeader/MainHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAyCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CAiJrE,CAAC"}
+{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAyCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CAsIrE,CAAC"}

package/lib/components/Layout/GlobalHeader/MainHeader.js

@@ -90,14 +90,6 @@ const MainHeader = props => {
   // State to track reduced motion preference
   const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
   useEffect(() => {
-    // Load web fonts
-    import('webfontloader').then(WebFont => {
-      WebFont.default.load({
-        google: {
-          families: ['Poppins', 'sans-serif']
-        }
-      });
-    }).catch(error => console.log('Failed to load webfontloader:', error));
     // Check reduced motion preference - only in browser
     if (typeof window !== 'undefined') {
       setPrefersReducedMotion(window.matchMedia('(prefers-reduced-motion: reduce)').matches);

package/lib/components/Layout/GlobalHeader/MainHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"ohBAcA;AACA,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW;AAE/C,MAAM,IAAI,GAAG,SAAS;;;CAGrB;AAEM,MAAM,iBAAiB,GAAG,CAC7B,IAA8B,EAC9B,SAAc,EACd,QAAQ,EACR,QAAa,EACb,QAAa,KACI;AACjB,EAAA,IAAA,OAAW,IAAA,KAAS,QAAA,EAAQ;AACxB,IAAA,OAAAA,GAAO,KAAC,EAAI;MACf,IAAA,EAAA,SAAA;AACD,MAAA,QAAW,EAAA,QAAS;cACT,EAAA,QAAO;MACjB,QAAA,EAAA;AACD,KAAA,CAAA;AACJ;AAEA,EAAA,IAAM,OAAO,IAAyB,KAAA,UAAA,EAAA;AAKlC,IAAA,OAAQ,IAAA,EAAA;;SAGF,IAAA;AACN;AACI,MAAA,yBAAY,GAAA,CAAA,KAAA,EAAA,SAAA,EAAA,SAAA,GAAA,kBAAA,KAAA;QACf;AACD,IAAA,QAAa;IACb,MAAM;AAIM,IAAA,aAAA;AACA,IAAA,QAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAA;AACA,EAAA,MAAA;cAGH;IAIT,aAAI;mBACkC;eACoB;AACtD,IAAA,UAAM;AACN,IAAA;IACJ,IAAC;IAED;AACI,GAAA,GAAA,QAAA,MAAY;QACf,cAAA,GAAA,KAAA,CAAA,SAAA,IAAA,EAAA,CAAA;MAEM,wBACW,EAAA;AAKtB,IAAE,OAAA,IAAA;AAEF;AACI,EAAA,MAAA,OACsB,GAAA,iBACF,CAAA,IAAA,EAAA,qBACH,QACb,EAAQ,QACR,CAAA;QAgBuC,QAAA,GAAAA,GAAA,CAAA,IAAA,EAAA;IAC3C,SAA2B,EAAA,CAAA,SAAA,EAAA,QAAyB,EAAA,QAAA,KAAA,MAAA,mBAAmB,GAAC,UAAA,IAAA,eAAA,CAAA,CAAA;IAExE,KAAS,EAAA;gBAC+C,EAAA,UAAA;AACpD,MAAA,UAAW,EAAA,eAAW;YAClB,EAAuB,WAAA;mBAEyB,EAAA,aAAA;cAC1C,EAAA;AACN,KAAA;AACI,IAAA,QAAA,EAAA;AACJ,GAAA,CAAA;AAEA,EAAA,IAAA,cAAA,EAAU;AACV;AACI;AACJ,IAAA,MAAA,QAAE,GAAA,SAAA,GAAA,MAAA,CAAA,UAAA,GAAA,GAAA,GAAA,KAAA;WACL,cAAA,CAAA,OAAA,EAAA,QAAA,GAAA,IAAA,GAAA,QAAA,EAAA,KAAA,CAAA;;MAGC,MAAA,KAAA,KAAA,IAAiB,SAAK,KAAA,kBAAA,EAAA;AACxB,IAAA,OAAA,IAAA;AACJ;AAEA,EAAA,OAAAA,GAAgB,CAAA,KAAA,EAAA;IAEhB,SAAuC,EAAA,gDAAA;AACvC,IAAA,QAAe,EAAA;IAEf;;AASI,MACK,UAAA,GAAA,KAAA,IAAA;AAGa,EAAA,MAAA;;AAEA,IAAA,gBAAA;AACA,IAAA,aAAA;AAEE,IAAA,QAAA;AACI,IAAA,WAAA;AACA,IAAA,QAAA;AACA,IAAA,MAAA;AACA,IAAA,QAAA;AACA,IAAA,YAAA;AACA,IAAA,eAAA;;;;;AAMX,IAAA,kBAAA;AAEG,IAAA,qBAAW;eAGf;;;AAIK;sDAeiC,CAAI,GAAA,QAAE,CAAA,KAAA,CAAA;;AA4BhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsRjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2NtD,CAAC"}
+{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA4SjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqOtD,CAAC"}

package/lib/components/SettingDrawer/SettingDrawer.js

@@ -1,4 +1,4 @@
-import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {parse}from'qs';import clsx from'clsx';import {defaultSettings}from'../defaultSettings.js';import ThemeColor from'./ThemeColor.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';import {ThemeSelector}from'./ThemeSelector.js';import NavigationModes from'./NavigationsModes.js';import {icons}from'../../icons.js';import'@common-stack/components-pro';import {AdditionalSettingsSlot}from'../Layout/slot-fill/AdditionalSettings.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';let oldSetting = {};
+import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {parse}from'qs';import clsx from'clsx';import {defaultSettings}from'../defaultSettings.js';import ThemeColor from'./ThemeColor.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';import {ThemeSelector}from'./ThemeSelector.js';import NavigationModes from'./NavigationsModes.js';import {icons}from'../../icons.js';import'@common-stack/components-pro';import {AdditionalSettingsSlot}from'../Layout/slot-fill/AdditionalSettings.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {WebFontsSelector}from'./WebFontsSelector.js';let oldSetting = {};
 const updateTheme = (dark, color, publicPath = '/theme') => {
   // ssr
   if (typeof window === 'undefined' || !window.umi_plugin_ant_themeVar) {
@@ -200,6 +200,61 @@ const themeOptions = [{
   key: 'spotify',
   title: 'Spotify Theme'
 }];
+const fontOptions = [{
+  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'
+}];
 const SettingDrawer = props => {
   const {
     settings,
@@ -349,6 +404,16 @@ const SettingDrawer = props => {
               changeSetting: handleSettingChange,
               settings: settingState
             })]
+          }), jsxs("div", {
+            className: "mt-8",
+            children: [jsx("p", {
+              className: "text-black dark:text-white",
+              children: t('Font Family')
+            }), jsx(WebFontsSelector, {
+              value: settingState.fontFamily || 'Poppins, sans-serif',
+              onChange: value => handleSettingChange('fontFamily', value),
+              options: fontOptions
+            })]
           })]
         }), jsxs("div", {
           className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",

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

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

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

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

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

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

package/lib/components/SettingDrawer/WebFontsSelector.js

@@ -0,0 +1,24 @@
+import {jsx}from'react/jsx-runtime';const WebFontsSelector = ({
+  value,
+  onChange,
+  options
+}) => {
+  return jsx("div", {
+    className: "relative",
+    children: jsx("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
+      },
+      children: options.map(option => jsx("option", {
+        value: option.key,
+        style: {
+          fontFamily: option.key
+        },
+        children: option.title
+      }, option.key))
+    })
+  });
+};export{WebFontsSelector};//# sourceMappingURL=WebFontsSelector.js.map

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

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

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

@@ -67,4 +67,12 @@ export interface ThemeSelectorProps {
         title: string;
     }>;
 }
+export interface WebFontsSelectorProps {
+    value: string;
+    onChange: (fontFamily: string) => void;
+    options: Array<{
+        key: string;
+        title: string;
+    }>;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/types.ts"],"names":[],"mappings":"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"}

package/lib/components/UI/CategoriesTypeList.d.ts

@@ -18,11 +18,12 @@ export interface ICategoriesTypeListProps<TTypename, TCategory, TName> {
     boxColor: (categoryId: string) => string;
     iconColor: (categoryId: string) => string;
     badgeTitle?: string;
-    extraIcons: any;
+    extraIcons: string[];
     aria_label: string;
     splideRef?: React.RefObject<Splide>;
     isNewBadge: (categoryId: string) => boolean;
     handleSearchClick: (cateItem: string, item: any, isExplorerView?: boolean) => void;
+    activeCategory?: string;
 }
-export declare const CategoriesTypeList: <TTypename, TCategory, TName>({ boxColor, iconColor, badgeTitle, extraIcons, categories, initialCategory, aria_label, isExplorerView, splideRef, isNewBadge, handleSearchClick, }: ICategoriesTypeListProps<TTypename, TCategory, TName>) => import("react/jsx-runtime").JSX.Element;
+export declare const CategoriesTypeList: <TTypename, TCategory, TName>({ boxColor, iconColor, badgeTitle, extraIcons, categories, initialCategory, aria_label, isExplorerView, splideRef, isNewBadge, handleSearchClick, activeCategory, }: ICategoriesTypeListProps<TTypename, TCategory, TName>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CategoriesTypeList.d.ts.map

package/lib/components/UI/CategoriesTypeList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesTypeList.d.ts","sourceRoot":"","sources":["../../../src/components/UI/CategoriesTypeList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2C,MAAM,uBAAuB,CAAC;AACxF,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,wBAAwB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACzD,eAAe,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5D,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5C,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,cAAc,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACtF;AAkBD,eAAO,MAAM,kBAAkB,GAAI,SAAS,EAAE,SAAS,EAAE,KAAK,uJAY3D,wBAAwB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,4CAqEvD,CAAC"}
+{"version":3,"file":"CategoriesTypeList.d.ts","sourceRoot":"","sources":["../../../src/components/UI/CategoriesTypeList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2C,MAAM,uBAAuB,CAAC;AACxF,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAoD,MAAM,OAAO,CAAC;AAKzE,MAAM,WAAW,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,wBAAwB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACzD,eAAe,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5D,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5C,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,cAAc,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAyGD,eAAO,MAAM,kBAAkB,GAAI,SAAS,EAAE,SAAS,EAAE,KAAK,uKAa3D,wBAAwB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,4CA6DvD,CAAC"}

package/lib/components/UI/CategoriesTypeList.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {Splide,SplideSlide}from'@cdmbase/react-splide';import'@splidejs/react-splide/css';import {useMemo}from'react';import {useTranslation}from'react-i18next';import {renderDynamicIcon}from'../../helpers/DynamicIcon.js';import useWindowSize from'../../hooks/useWindowSize.js';// Helper function to merge arrays
+import {jsxs,jsx}from'react/jsx-runtime';import {Splide,SplideSlide}from'@cdmbase/react-splide';import'@splidejs/react-splide/css';import React__default,{useCallback,useMemo,useState,useEffect}from'react';import {useTranslation}from'react-i18next';import {renderDynamicIcon}from'../../helpers/DynamicIcon.js';import useWindowSize from'../../hooks/useWindowSize.js';// Helper function to merge arrays
 const mergeArrays = (arr1, arr2, keyToMapIcons) => {
   const iconMap = new Map(arr2.map(icon => [icon.split('.').pop(), icon]));
   return arr1.filter(item => iconMap.has(item[keyToMapIcons])).map(item => ({
@@ -6,6 +6,67 @@ const mergeArrays = (arr1, arr2, keyToMapIcons) => {
     icon: iconMap.get(item[keyToMapIcons])
   }));
 };
+// Create a memoized category item component
+function CategoryItemComponent({
+  category,
+  boxColor,
+  size,
+  t,
+  isNewBadge,
+  badgeTitle,
+  handleSearchClick,
+  isExplorerView,
+  isActive
+}) {
+  // Prevent multiple click propagation
+  const handleClick = useCallback(e => {
+    e.preventDefault();
+    e.stopPropagation();
+    handleSearchClick(category.id, category, isExplorerView);
+  }, [category, handleSearchClick, isExplorerView]);
+  // Compute the current color values
+  const currentBoxColor = isActive ? boxColor(category.id) : '#6B7280';
+  // Determine font size based on screen width
+  const fontSize = useMemo(() => {
+    if (size.width > 1200) return '16px';
+    if (size.width > 768) return '15px';
+    if (size.width > 480) return '14px';
+    return '12px';
+  }, [size.width]);
+  // Determine icon size based on screen width
+  const iconSize = useMemo(() => ({
+    w: size.width > 1200 ? '2vw' : '3vw',
+    h: size.height > 1200 ? '2vw' : '3vw'
+  }), [size.width, size.height]);
+  return jsxs("div", {
+    className: `flex flex-col items-center justify-center cursor-pointer relative font-bold ${isActive ? 'active' : ''}`,
+    style: {
+      color: currentBoxColor,
+      fontSize
+    },
+    onClick: handleClick,
+    children: [renderDynamicIcon({
+      name: category.icon,
+      style: {
+        iconColor: currentBoxColor,
+        ...iconSize
+      }
+    }), jsx("div", {
+      className: "text-center",
+      children: t(category.description)
+    }), isNewBadge(category.id) && jsx("div", {
+      className: "absolute top-0 right-0 bg-blue-500 text-white rounded-md text-xs p-1",
+      children: badgeTitle
+    })]
+  });
+}
+// Use React.memo with a custom comparison function
+const CategoryItem = React__default.memo(CategoryItemComponent, (prevProps, nextProps) => {
+  if (prevProps.category.id !== nextProps.category.id) return false;
+  if (prevProps.isActive !== nextProps.isActive) return false;
+  if (prevProps.boxColor(prevProps.category.id) !== nextProps.boxColor(nextProps.category.id)) return false;
+  return true;
+});
 const CategoriesTypeList = ({
   boxColor,
   iconColor,
@@ -17,20 +78,25 @@ const CategoriesTypeList = ({
   isExplorerView,
   splideRef,
   isNewBadge,
-  handleSearchClick
+  handleSearchClick,
+  activeCategory
 }) => {
   const size = useWindowSize();
   const {
     t
   } = useTranslation(['property-types', 'common']);
-  // Memoize the merged array to prevent recalculations on every render
-  const mappedArr = useMemo(() => mergeArrays([initialCategory, ...categories], extraIcons, 'icon'), [initialCategory, categories, extraIcons, 'icon']);
-  // Splide options for better readability
-  const splideOptions = {
+  // Track the currently active category ID internally
+  const [activeCategoryId, setActiveCategoryId] = useState(() => activeCategory || initialCategory.id);
+  // Update internal state when activeCategory prop changes
+  useEffect(() => {
+    setActiveCategoryId(activeCategory || initialCategory.id);
+  }, [activeCategory, initialCategory.id]);
+  // Memoize the merged array
+  const mappedArr = useMemo(() => mergeArrays([initialCategory, ...categories], extraIcons, 'icon'), [initialCategory, categories, extraIcons]);
+  // Splide options
+  const splideOptions = useMemo(() => ({
     type: 'slide',
-    // You can use 'slide' or 'loop' based on your requirement
     drag: 'free',
-    // 'free' is a valid option, or it could be true/false
     perPage: 9,
     perMove: 1,
     wheel: true,
@@ -49,37 +115,26 @@ const CategoriesTypeList = ({
         perPage: 3
       }
     }
-  };
+  }), []);
   return jsx("div", {
     className: "w-full relative",
     children: jsx(Splide, {
       ref: splideRef,
       "aria-label": aria_label,
       options: splideOptions,
-      children: mappedArr.map((d, key) => jsx(SplideSlide, {
-        children: jsxs("div", {
-          className: "flex flex-col items-center justify-center cursor-pointer relative font-bold",
-          style: {
-            color: boxColor(d.id),
-            fontSize: size.width > 1200 ? '16px' : size.width > 768 ? '15px' : size.width > 480 ? '14px' : '12px'
-          },
-          onClick: () => handleSearchClick(d.id, d, isExplorerView),
-          children: [renderDynamicIcon({
-            name: d.icon,
-            style: {
-              iconColor: boxColor(d.id),
-              w: size.width > 1200 ? '2vw' : '3vw',
-              h: size.height > 1200 ? '2vw' : '3vw'
-            }
-          }), jsx("div", {
-            className: "text-center",
-            children: t(d.description)
-          }), isNewBadge(d.id) && jsx("div", {
-            className: "absolute top-0 right-0 bg-blue-500 text-white rounded-md text-xs p-1",
-            children: badgeTitle
-          })]
-        })
-      }, `button_${key}`))
+      children: mappedArr.map(d => jsx(SplideSlide, {
+        children: jsx(CategoryItem, {
+          category: d,
+          boxColor: boxColor,
+          size: size,
+          t: t,
+          isNewBadge: isNewBadge,
+          badgeTitle: badgeTitle,
+          handleSearchClick: handleSearchClick,
+          isExplorerView: isExplorerView,
+          isActive: d.id === activeCategoryId
+        }, `category_${d.id}`)
+      }, `button_${d.id}`))
     })
   });
 };export{CategoriesTypeList};//# sourceMappingURL=CategoriesTypeList.js.map

package/lib/components/UI/CategoriesTypeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesTypeList.js","sources":["../../../src/components/UI/CategoriesTypeList.tsx"],"sourcesContent":[null],"names":[],"mappings":"+TAgCA;AACA,MAAM,WAAW,GAAG,CAChB,IAAkD,EAClD,IAAW,EACX,aAAqB,KACyB;AAC9C,EAAA,MAAA,OAAa,GAAA,IAAO,GAAA,CAAA,IAAI,CAAA,GAAK,CAAA,IAAS,IAAA,CAAE,IAAI,CAAA,KAAK,CAAA,GAAK,CAAC,CAAA,GAAI,EAAI,EAAA,IAAI,CAAA,CAAA,CAAA;AAEnE,EAAA,OAAA,IAAW,CAAA,MAAA,CAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,KAAA;AACN,IAAA,GAAA,IAAA;AACA,IAAA,IAAA,EAAA,OAAK,CAAI,GAAE,CAAE,IAAE,CAAA,aAAA,CAAA;AACZ,GAAA,CAAA,CAAA;;AAEA,MAAA,kBAAA,GAAA,CAAA;AACZ,EAAE,QAAA;AAEF,EAAA,SAAO;AAaH,EAAA,UAAU;AACV,EAAA,UAAQ;YAE6D;AACrE,EAAA,eAAe;YAKyB;AACxC,EAAA;WACQ;YACA;AACJ,EAAA;AACA,CAAA,KAAA;AACA,EAAA,MAAA,IAAA,GAAO,aAAI,EAAA;AACX,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA,cAAU,CAAA,CAAA,gBAAA,EAAA,QAAA,CAAA,CAAA;AACV;AACA,EAAA,MAAA,SAAA,GAAa,OAAA,CAAA,MAAA,WAAA,CAAA,CAAA,eAAA,EAAA,GAAA,UAAA,CAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,CAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,CAAA,CAAA;AACT;AACA,EAAA,MAAA,aAAc,GAAA;AACd,IAAA,IAAA,EAAA,OAAK;AACR;QACH,EAAA,MAAA;AAEF;AAQ4B,IAAA,OAAA,EAAA,CAAA;AACA,IAAA,OAAA,EAAA,CAAA;AAEQ,IAAA,KAAA,EAAA,IAAA;AACA,IAAA,YAAA,EAAA,IAAA;AACA,IAAA,UAAA,EAAA,KAAA;AACA,IAAA,KAAA,EAAA,GAAA;AACA,IAAA,UAAA,EAAA,GAAA;AACA,IAAA,WAAA,EAAA;AACX,MAAA,IAAA,EAAA;;AAKG,OAAA;AACI,MAAA,GAAA,EAAA;AACA,QAAA,OAAA,EAAA;AACA,OAAA;AACH,MAAA,GAAA,EAAA;AACJ,QAAA,OAAA,EAAA;AAc7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoriesTypeList.js","sources":["../../../src/components/UI/CategoriesTypeList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","React"],"mappings":"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"}

package/package.json

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