@admin-layout/tailwind-design-pro 10.0.4-alpha.19

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

@@ -0,0 +1,73 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {Link}from'react-router-dom';import {useTranslation}from'react-i18next';import {generateMenuPath}from'@admin-layout/client';const OrganizationDropDown = props => {
+  const {
+    theme,
+    layout,
+    upperMenus,
+    routeParams,
+    collapsed,
+    settings
+  } = props;
+  const [isNotificationsMenuOpen, setIsNotificationsMenuOpen] = useState(false);
+  const [isProfileMenuOpen, setIsProfileMenuOpen] = useState(false);
+  const dropdownRef = useRef(null);
+  const {
+    t,
+    i18n
+  } = useTranslation('menu');
+  // Toggle profile menu
+  const toggleProfileMenu = () => {
+    setIsProfileMenuOpen(!isProfileMenuOpen);
+    setIsNotificationsMenuOpen(false);
+  };
+  // Handle click outside to close the dropdown
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsProfileMenuOpen(false);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+  // Handle hover events
+  const handleMouseEnter = () => {
+    setIsProfileMenuOpen(true);
+  };
+  const handleMouseLeave = () => {
+    setIsProfileMenuOpen(false);
+  };
+  return jsxs("div", {
+    ref: dropdownRef,
+    className: "relative",
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    children: [jsxs("button", {
+      className: "align-middle rounded-full flex items-center focus:shadow-outline-purple focus:outline-none",
+      onClick: toggleProfileMenu,
+      "aria-label": "Account",
+      "aria-haspopup": "true",
+      children: [jsx("img", {
+        className: "object-cover w-8 h-8 rounded-full",
+        src: "https://e7.pngegg.com/pngimages/241/832/png-clipart-business-management-computer-software-apartment-organization-user-avatar-blue-angle.png",
+        alt: "",
+        "aria-hidden": "true"
+      }), jsx("span", {
+        className: "ml-2",
+        children: routeParams?.orgName
+      })]
+    }), isProfileMenuOpen && jsx("ul", {
+      className: "absolute right-0 w-56 p-2  space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700",
+      "aria-label": "submenu",
+      children: upperMenus && upperMenus[0]?.children?.map(menu => jsx("li", {
+        className: "flex",
+        children: jsx(Link, {
+          to: generateMenuPath(menu?.path, routeParams),
+          className: "w-full px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors duration-150",
+          children: t(menu?.name)
+        }, menu?.key || menu?.name)
+      }, menu?.key || menu?.name))
+    })]
+  });
+};export{OrganizationDropDown as default};//# sourceMappingURL=OrganizationDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationDropdown.js","sources":["../../../../src/components/Layout/GlobalHeader/OrganizationDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"0NAkBA,MAAM,oBAAoB,GAAqC,KAAC,IAAS;AACrE,EAAA,MAAA;IACA,KAAM;IACN,MAAM;AACN,IAAA;IACA,WAAW;IAEX,SAAsB;IACtB;AACI,GAAA,GAAA,KAAA;QACA,CAA0B,uBAAA,EAAA,0BAAQ,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACtC,EAAA,MAAE,CAAA,iBAAA,EAAA,oBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAE2C,WAAA,GAAA,MAAA,CAAA,IAAA,CAAA;QACpC;AACL,IAAA,CAAA;AACI,IAAA;oBACwB,CAAA,MAAA,CAAA;;AAE5B,EAAA,MAAA,iBAAE,GAAA,MAAA;AAEF,IAAA,oBAAyB,CAAA,CAAA;AACzB,IAAA,0BAAY,CAAA,KAAA,CAAA;AACR,GAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAsB,kBAAA,GAAA,KAAA,IAAA;MAChB,IAAA,WAAA,CAAA,OAAmB,IAAK,CAAA,WAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;QAC1B,oBAAoB,CAAC,KAAK,CAAC;AAC/B;KAEM;YACkB,CAAA,gBAAC,CAAK,WAAE,EAAA,kBAAA,CAAA;AAChC,IAAA,OAAE,MAAA;AAEF,MAAA,QACI,CAAA,+BAAuB,EAAA,kBAAoB,CAAC;AAsB5B,KAAA;AAexB,GAAE,EAAA,EAAA,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalHeader/RightContent.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ProSettings } from '@admin-layout/client';
+export interface GlobalHeaderRightProps {
+    theme?: string;
+    layout?: any;
+    upperMenus: any;
+    routeParams: {
+        orgName?: string;
+        [key: string]: string;
+    };
+    formatMessage?: any;
+    collapsed?: boolean;
+    settings?: ProSettings;
+}
+export declare const useHorizontalScroll: () => React.MutableRefObject<undefined>;
+declare const GlobalHeaderRight: React.FC<GlobalHeaderRightProps>;
+export default GlobalHeaderRight;
+//# sourceMappingURL=RightContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD,MAAM,WAAW,sBAAsB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,yCAsB/B,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkEvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/Layout/GlobalHeader/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styleSheet: any;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,EAAE,GAuGxB,CAAC"}

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { BasicLayoutProps } from '@admin-layout/client';
+declare const ProTailwindLayout: React.FC<BasicLayoutProps & {
+    loaderData?: any;
+}>;
+export default ProTailwindLayout;
+export declare const handle: {
+    i18n: string;
+};
+export declare const loader: (params: any) => Promise<{
+    newMenuData: IMenuDataItem[];
+    apolloState: any;
+}>;
+export declare function clientLoader({ request, params, serverLoader }: {
+    request: any;
+    params: any;
+    serverLoader: any;
+}): Promise<any>;
+export declare const shouldRevalidate: ({ currentParams, nextParams }: {
+    currentParams: any;
+    nextParams: any;
+}) => boolean;
+//# sourceMappingURL=ProTailwindLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOH,gBAAgB,EACnB,MAAM,sBAAsB,CAAC;AAY9B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CASxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AAEF,eAAO,MAAM,MAAM;;;EA2BlB,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB;;;aAE5B,CAAC"}

package/lib/components/Layout/ProTailwindLayout.js

@@ -0,0 +1,95 @@
+import { jsx } from 'react/jsx-runtime';
+import { useSelector } from 'react-redux';
+import { filterRoutesWithLocale, transformData, addProLayoutParentKeys, removeUnnecessaryProperties, menuDataRender } from '@admin-layout/client';
+import { matchParentRoute } from '@admin-layout/client/lib/utils/parentRoute.js';
+import { ClientContainerService } from 'common';
+import { ClientTypes } from '@common-stack/client-core';
+import { createSelector } from 'reselect';
+import BasicLayoutEnhanced from './TailwindLayout.js';
+import { config } from '../../config/env-config.js';
+const selectOrgName = state => state.platform.orgName;
+const selector = createSelector([selectOrgName], orgName => ({
+  orgName
+}));
+const ProTailwindLayout = props => {
+  const {
+    loaderData: {
+      permissions,
+      newMenuData
+    }
+  } = props;
+  const {
+    orgName
+  } = useSelector(state => selector(state));
+  const params = {
+    orgName: orgName
+  };
+  return jsx(BasicLayoutEnhanced, {
+    routeParams: params,
+    permissions: permissions,
+    menuData: newMenuData
+  });
+};
+const handle = {
+  i18n: 'menu'
+};
+const loader = async params => {
+  const {
+    routeConfig
+  } = params.context;
+  let parentRoute = {};
+  try {
+    parentRoute = matchParentRoute(routeConfig, config.LAYOUT_ROOT);
+  } catch (e) {
+    console.log(e);
+  }
+  const routeWithLocale = filterRoutesWithLocale(parentRoute['routes']);
+  const routeWithChildren = transformData(routeWithLocale);
+  const menuDataWithParentKeys = addProLayoutParentKeys(routeWithChildren);
+  menuDataWithParentKeys.forEach(item => removeUnnecessaryProperties(item));
+  let permissions = params?._dataContext?.permissions;
+  let apolloState = params?._dataContext?.apolloState;
+  if (!permissions) {
+    throw new Error('Permissions not found');
+  }
+  if (!apolloState) {
+    throw new Error('ApolloState not found');
+  }
+  // TODO: Remove reolveConfiguration from permissions
+  const newMenuData = menuDataRender(menuDataWithParentKeys, permissions?.resolveConfiguration ?? permissions);
+  // returnInfo: {"returnType":"json","keys":["newMenuData","apolloState"],"hasOptions":false} 
+  return {
+    data: [newMenuData, apolloState]
+  };
+};
+async function clientLoader({
+  request,
+  params,
+  serverLoader
+}) {
+  // During client-side navigations, we hit our exposed API endpoints directly
+  const loaderData = await serverLoader();
+  const {
+    apolloState
+  } = loaderData;
+  try {
+    const {
+      container
+    } = window.__CLIENT_SERVICE__;
+    const apolloCache = container.get(ClientTypes.InMemoryCache);
+    apolloCache.restore(apolloState);
+    const organizationContext = container.get(ClientContainerService.IOrganizationContextService);
+    organizationContext.hydrate(apolloState);
+  } catch (e) {
+    console.error('Error in client hydrate');
+    console.error(e);
+  }
+  return loaderData;
+}
+const shouldRevalidate = ({
+  currentParams,
+  nextParams
+}) => {
+  return currentParams.orgName !== nextParams.orgName;
+};
+export { clientLoader, ProTailwindLayout as default, handle, loader, shouldRevalidate }; //# sourceMappingURL=ProTailwindLayout.js.map

package/lib/components/Layout/ProTailwindLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["_jsx","TailwindLayout"],"mappings":"4gBAkBA,MAAM,aAAa,GAAG,KAAC,IAAO,KAAG,CAAA,QAAM,CAAA,OAAS;AAEhD,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,aAAa,CAAC,EAAE,YAAY;AAE7D,EAAA;;AAII,MAAA,iBAAoB,GAAA,KAAA,IAAW;AAG/B,EAAA,MAAA;AACA,IAAA,UAAQ,EAAA;AACZ,MAAE,WAAA;AACF,MAAA;AAEA;AACI,GAAA,GAAA,KAAY;EACd,MAAA;AAEF,IAAM;AACF,GAAA,GAAA,WAAmB,CAAA,KAAA,YAAY,OAAO,CAAC;QACnC,MAAA,GAAA;AACJ,IAAA,OAAK,EAAA;;SAEJA,GAAA,CAAAC,mBAAA,EAAA;IAAC,WAAgB,EAAA,MAAA;AACd,IAAA,WAAO,EAAC,WAAO;IACnB,QAAC,EAAA;IAED;AACA;AAEA,MAAA,MAAA,GAAA;AACA,EAAA,IAAA,EAAI;AACJ;AACgB,MAAA,MAAA,GAAE,MAAC,MAAA,IAAA;AACf,EAAA,MAAA;IACJ;MACI,MAAY,CAAA,OAAA;AACZ,EAAA,IAAA,WAAU,GAAA,EAAA;MACb;IACD,WAAoD,GAAA,gBAAA,CAAA,WAAA,EAAA,MAAA,CAAA,WAAA,CAAA;AACpD,GAAA,CAAA,OAAiB,CAAA,EAAA;IACjB,OAAO,CAAA,GAAA,CAAA,CAAA,CAAA;;QAEH,eAAW,GAAA,sBAAA,CAAA,WAAA,CAAA,QAAA,CAAA,CAAA;QACb,iBAAA,GAAA,aAAA,CAAA,eAAA,CAAA;AACN,EAAE,MAAA,sBAAA,GAAA,sBAAA,CAAA,iBAAA,CAAA;AAEF,EAAM,sBAA4B,CAAA,OAAA,CAAA,IAAG,IAAA,2BAA+B,CAAA,IAAA,CAAA,CAAA;MACY,WAAA,GAAA,MAAA,EAAA,YAAA,EAAA,WAAA;AAC5E,EAAA,IAAA,WAAgB,GAAA,MAAS,EAAA,YAAA,aAAe;AACxC,EAAA,IAAA,CAAA,WAAQ,EAAA;AAER,IAAA,MAAK,IAAA,KAAA,CAAA,uBAAA,CAAA;AACD;kBAEM,EAAA;AACN,IAAA,MAAA,IAAA,KAAW,CAAC,uBAAqB,CAAA;;AAGjC;QACH,WAAA,GAAA,cAAA,CAAA,sBAAA,EAAA,WAAA,EAAA,oBAAA,IAAA,WAAA,CAAA;SAAQ;AACL,IAAA,WAAO;AACP,IAAA;;AAEJ;AACH,eAAA,YAAA,CAAA;AAED,EAAM,OAAO;AACT,EAAA,MAAA;AACJ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/Sidebar/Divider.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Text to display in the middle of the divider
+     */
+    children?: React.ReactNode;
+    /**
+     * Direction of the divider
+     * @default "horizontal"
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether the divider text is less emphasized
+     * @default false
+     */
+    plain?: boolean;
+    /**
+     * Custom className for the divider
+     */
+    className?: string;
+    /**
+     * Custom style for the divider
+     */
+    style?: React.CSSProperties;
+    /**
+     * Text alignment
+     * @default "center"
+     */
+    align?: 'left' | 'right' | 'center';
+}
+export declare function Divider({ children, orientation, plain, className, style, align, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Divider.d.ts.map

package/lib/components/Layout/Sidebar/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACvC;AAED,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,WAA0B,EAC1B,KAAa,EACb,SAAS,EACT,KAAK,EACL,KAAgB,EAChB,GAAG,KAAK,EACX,EAAE,YAAY,2CAgEd"}

package/lib/components/Layout/Sidebar/Divider.js

@@ -0,0 +1,47 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {cn}from'../../../utils/utils/index.js';function Divider({
+  children,
+  orientation = 'horizontal',
+  plain = false,
+  className,
+  style,
+  align = 'center',
+  ...props
+}) {
+  // If there's no children, render a simple divider
+  if (!children) {
+    return jsx("div", {
+      className: cn(orientation === 'horizontal' ? 'w-full border-t' : 'h-full border-l', 'border-gray-200 dark:border-gray-700', className),
+      style: style,
+      ...props
+    });
+  }
+  // With children, render a divider with text
+  return jsxs("div", {
+    className: cn('flex items-center w-full', orientation === 'vertical' && 'flex-col h-full', className),
+    style: style,
+    ...props,
+    children: [jsx("div", {
+      className: cn('border-gray-200 dark:border-gray-700', orientation === 'horizontal' ? 'border-t flex-grow' : 'border-l h-full', {
+        'flex-[30%]': align === 'left' && orientation === 'horizontal',
+        'flex-[70%]': align === 'right' && orientation === 'horizontal'
+      }),
+      style: {
+        borderColor: style?.borderColor
+      }
+    }), jsx("div", {
+      className: cn('px-4', orientation === 'vertical' && 'py-4', plain ? 'text-gray-500 font-normal' : 'text-gray-900 font-medium', 'dark:text-gray-300'),
+      style: {
+        color: style?.color
+      },
+      children: children
+    }), jsx("div", {
+      className: cn('border-gray-200 dark:border-gray-700', orientation === 'horizontal' ? 'border-t flex-grow' : 'border-l h-full', {
+        'flex-[70%]': align === 'left' && orientation === 'horizontal',
+        'flex-[30%]': align === 'right' && orientation === 'horizontal'
+      }),
+      style: {
+        borderColor: style?.borderColor
+      }
+    })]
+  });
+}export{Divider};//# sourceMappingURL=Divider.js.map

package/lib/components/Layout/Sidebar/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/Layout/Sidebar/Divider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"wFAiCM,SAAU,OAAO,CAAC;UAS8B;aACrC,GAAA,YAAG;AACZ,EAAA,KAAA,GAAA,KAAO;WAWV;OAE2C;AAC5C,EAAA,KAAA,GAAA,QAEQ;AASY,EAAA,GAAA;AACA,CAAA,EAAA;;;AAKP,IAAA,OAAAA,GAAA,CAAA,KAEL,EAAA;oBAQQ,WAAY,KAAO,YAAA,GAAA,iBAAA,GAAA,iBAAA,EAAA,sCAAA,EAAA,SAAA,CAAA;kBAGtB;AAOO,MAAA,GAAA;AACA,KAAA,CAAA;;;mBAMV,EAAA;AAGd,IAAC,SAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,WAAA,KAAA,UAAA,IAAA,iBAAA,EAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+interface SidebarProps {
+    isSideMenuOpen: boolean;
+    closeSideMenu: () => void;
+    menuData: any;
+    collapsed: boolean;
+    routeParams: {
+        orgName?: string;
+        [key: string]: string;
+    };
+    settings?: any;
+}
+export declare const Sidebar: React.FC<SidebarProps>;
+export default Sidebar;
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,YAAY;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqJ1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/Layout/Sidebar/Sidebar.js

@@ -0,0 +1,139 @@
+import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffect}from'react';import {Link}from'@remix-run/react';import {useTranslation}from'react-i18next';import {AiOutlineDash}from'@react-icons/all-files/ai/AiOutlineDash.js';import {useTheme}from'../BasicLayout/index.js';import BottomMenuDropDown from'../GlobalFooter/BottomMenuDropdown.js';import {getMenuSeparation}from'@admin-layout/client';import {Divider}from'./Divider.js';import {SidebarMenu}from'./SidebarMenu.js';const Sidebar = props => {
+  const {
+    isSideMenuOpen,
+    closeSideMenu,
+    menuData,
+    collapsed,
+    routeParams,
+    settings
+  } = props;
+  useState(false);
+  const [iconModule, setIconModule] = React__default.useState(null);
+  useTheme();
+  const {
+    t,
+    i18n
+  } = useTranslation('menu');
+  // Close sidebar when clicking outside on mobile
+  useEffect(() => {
+    const handleClickOutside = event => {
+      const sidebar = document.getElementById('mobile-sidebar');
+      if (sidebar && !sidebar.contains(event.target) && isSideMenuOpen) {
+        closeSideMenu();
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [isSideMenuOpen, closeSideMenu]);
+  // Close sidebar when pressing escape
+  useEffect(() => {
+    const handleEscape = event => {
+      if (event.key === 'Escape' && isSideMenuOpen) {
+        closeSideMenu();
+      }
+    };
+    document.addEventListener('keydown', handleEscape);
+    return () => {
+      document.removeEventListener('keydown', handleEscape);
+    };
+  }, [isSideMenuOpen, closeSideMenu]);
+  const bottomMenu = getMenuSeparation(menuData).bottomMenus;
+  const updateMenuIcons = menuItems => {
+    return menuItems.map(item => {
+      const updatedItem = {
+        ...item,
+        name: t(item.name),
+        icon: iconModule && item.icon ? iconModule.renderDynamicIcon(item.icon) : null
+      };
+      if (updatedItem.children) {
+        updatedItem.children = updateMenuIcons(updatedItem.children);
+      }
+      return updatedItem;
+    });
+  };
+  const bottomMenus = {
+    menuData: updateMenuIcons(bottomMenu)
+  };
+  const middleMenu = getMenuSeparation(menuData).middleMenus;
+  const lowerMenus = getMenuSeparation(menuData).lowerMenus;
+  const renderSidebarContent = () => jsxs("div", {
+    className: "py-4 text-gray-500 dark:text-gray-400",
+    children: [jsxs(Link, {
+      to: "/",
+      className: "ml-6 flex items-center gap-2.5 text-lg font-bold text-gray-800 dark:text-gray-200",
+      children: [jsx("img", {
+        src: settings?.logo,
+        className: "w-[28px]"
+      }), "Cdebase"]
+    }), jsxs("div", {
+      children: [jsxs("div", {
+        style: {
+          flex: 1,
+          overflowY: 'auto',
+          overflowX: 'hidden',
+          display: 'flex',
+          flexDirection: 'column'
+        },
+        className: "removeBoxShadow",
+        children: [jsx(SidebarMenu, {
+          menuData: updateMenuIcons(middleMenu),
+          routeParams: routeParams,
+          settings: settings
+        }), collapsed && true ? jsx(AiOutlineDash, {
+          className: "ant-divider",
+          style: {
+            marginLeft: '17px',
+            borderTop: '0px',
+            fontSize: 'large',
+            margin: 0
+          }
+        }) : jsx(Divider, {
+          style: {
+            color: '#6b6767',
+            borderColor: '#6b6767',
+            margin: 0,
+            padding: 0
+          },
+          plain: true,
+          children: "Admin"
+        })]
+      }), jsx("div", {
+        style: {
+          flex: 1,
+          overflowY: 'auto',
+          overflowX: 'hidden',
+          display: 'flex',
+          flexDirection: 'column'
+        },
+        className: "removeBoxShadow",
+        children: jsx(SidebarMenu, {
+          menuData: updateMenuIcons(lowerMenus),
+          routeParams: routeParams,
+          settings: settings
+        })
+      })]
+    }), jsx("div", {
+      className: "absolute bottom-0 left-0  p-4  dark:border-gray-700",
+      children: jsx(BottomMenuDropDown, {
+        menus: bottomMenus,
+        collapsed: collapsed,
+        routeParams: routeParams
+      })
+    })]
+  });
+  return jsxs("div", {
+    children: [jsx("aside", {
+      className: "z-20 hidden h-full w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0",
+      children: renderSidebarContent()
+    }), isSideMenuOpen && jsx("div", {
+      className: "fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center",
+      onClick: closeSideMenu
+    }), isSideMenuOpen && jsx("aside", {
+      id: "mobile-sidebar",
+      className: "fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden",
+      children: renderSidebarContent()
+    })]
+  });
+};export{Sidebar,Sidebar as default};//# sourceMappingURL=Sidebar.js.map

package/lib/components/Layout/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"6eAwBa,MAAA,OAAO,GAA2B,KAAC,IAAS;AACrD,EAAA,MAAA;IACA,cAAsB;AAEtB,IAAA,aAAO;AACP,IAAA,QAAQ;IACR,SAAS;IAET,WAAM;AACF,IAAA;AACJ,GAAA,GAAE,KAAA;EAE8C,QAAA,CAAA,KAAA;QACvC,CAAA,UAAM,EAAA,aAAA,CAAA,GAAAA,cAAA,CAAA,QAAA,CAAA,IAAA,CAAA;AACX,EAEI,QAAA;AACI,EAAA,MAAA;;AAER,IAAA;AAEA,GAAA,GAAA,cAAyB,CAAA,MAAA,CAAA;AAI7B;WAEqC,CAAA,MAAA;IACrC,MAAS,kBAAM,GAAA,KAAA,IAAA;AACX,MAAA,MAAA,OAAkB,GAAA,QAAI,CAAA,cAAwB,CAAA,gBAAA,CAAA;iBACtC,IAAK,CAAC,OAAG,CAAK,QAAQ,CAAI,KAAA,CAAA,MAAA,CAAA,IAAc,cAAG,EAAA;AAC3C,QAAA,aAAA,EAAA;;AAER,KAAA;AAEA,IAAA,QAAA,CAAA,gBAAyB,CAAA,aAAU,kBAAgB,CAAA;AACnD,IAAA,OAAA;AACI,MAAA,QAAA,CAAA,mBAA4B,CAAA,+BAA0B,CAAA;AAC1D,KAAA;AACJ,GAAA,EAAC,eAAG,EAAc,aAAe,CAAA,CAAA;;AAGjC,EAAA,SAAqB,CAAA,MAAA;AACjB,IAAA,MAAA,eAAiB,KAAK,IAAI;AACtB,MAAA,IAAA,KAAA,CAAA,gBAAoB,IAAA,cAAA,EAAA;AAChB,QAAA,aAAO,EAAA;AACP;;aAEH,gBAAC,CAAA,SAAA,EAAA,YAAA,CAAA;AACF,IAAA,OAAA,MAAe;4CACY,EAAA,YAA2B,CAAA;;AAGtD,GAAA,EAAA,CAAA,6BAAmB,CAAA,CAAA;AACvB,EAAA,MAAA,UAAG,GAAA,iBAAA,CAAA,QAAA,CAAA,CAAA,WAAA;AACP,EAAA,MAAE,eAAA,GAAA,SAAA,IAAA;IACF,OAAM,SAAA,CAAW,GAAG,CAAA,IAAU,IAAA;MAExB,MAAA,WAAa,GAAiB;QAC9B,GAAA,IAAA;AAEN,QAAA;AASoB,QAAA,IAAA,EAAA,UAAA,IAAA,IAAI,KAAG,GAAA,UAAA,CAAA,iBAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA;AACP,OAAA;AACA,MAAA,IAAA,WAAA,CAAA,QAAA,EAAA;AACA,QAAA,WAAA,CAAA,QAAA,GAAA,eAAe,CAAA,WAAA,CAAA,QAAA,CAAA;AACf;AACH,MAAA,OAAA,WAAA;AAQW,KAAA,CAAA;AACA,GAAA;AACA,EAAA,MAAA,WAAA,GAAA;AACA,IAAA,QAAA,EAAA,eAAA,CAAA,UAAA;;AAMA,EAAA,MAAA,UAAA,GAAA,iBAAA,CAAA,QAAgB,CAAA,CAAA,WAAA;AAChB,EAAA,MAAA,UAAA,GAAA,iBAAA,CAAA,QAAW,EAAE,UAAS;AACtB,EAAA,MAAA,oBAAA,GAAA,MAAAC,IAAM,MAAG,EAAA;AACT,IAAA,SAAA,EAAA,uCAAU;AACb,IAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,IAAA,EAAA;AASL,MAAA,EAAA,EAAA,GAAA;AACA,MAAA,SAAA,EAAA,mFAAiB;AACjB,MAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AACA,QAAA,GAAA,EAAA,QAAA,EAAA,IAAA;AACA,QAAA,SAAA,EAAA;;AAcpB,KAAA,CAAA,EAAAD,IAGQ,CAAA,KAAA,EAAA;AAuBZ,MAAE,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AAEF,QAAA,KAAA,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/Sidebar/SidebarMenu.d.ts

@@ -0,0 +1,6 @@
+export declare const SidebarMenu: ({ menuData, routeParams, settings }: {
+    menuData: any;
+    routeParams: any;
+    settings: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarMenu.d.ts.map

package/lib/components/Layout/Sidebar/SidebarMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;6CAgFvB,CAAC"}

package/lib/components/Layout/Sidebar/SidebarMenu.js

@@ -0,0 +1,89 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {ChevronDown,ChevronRight}from'lucide-react';import {Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {generateLightShade}from'../BasicLayout/utils.js';const SidebarMenu = ({
+  menuData,
+  routeParams,
+  settings
+}) => {
+  // Track open menus by their depth level
+  const [openMenusByLevel, setOpenMenusByLevel] = useState({});
+  // Track the currently active menu item
+  const [activePath, setActivePath] = useState('/dashboard');
+  const toggleMenu = (path, depth, e) => {
+    // Prevent link navigation when clicking on a parent menu with children
+    e.preventDefault();
+    setOpenMenusByLevel(prev => {
+      const newState = {
+        ...prev
+      };
+      // If this menu is already open, close it
+      if (newState[depth] === path) {
+        newState[depth] = null;
+      }
+      // Otherwise, close any other menu at this depth level and open this one
+      else {
+        newState[depth] = path;
+      }
+      return newState;
+    });
+  };
+  const handleMenuClick = (path, hasChildren, depth, e) => {
+    if (hasChildren) {
+      toggleMenu(path, depth, e);
+    } else {
+      // For leaf items, set as active and allow navigation
+      setActivePath(path);
+    }
+  };
+  const renderMenuItem = (item, depth = 0) => {
+    const hasChildren = item.children && item.children.length > 0;
+    const isOpen = openMenusByLevel[depth] === item.path;
+    const isActive = activePath === item.path;
+    const paddingLeft = `${depth * 1}rem`;
+    // Determine the background color based on state
+    let bgColor = generateLightShade(settings?.primaryColor, 0.89);
+    return jsxs("div", {
+      className: "w-full",
+      children: [jsxs(Link, {
+        to: generateMenuPath(item?.path, routeParams),
+        className: `flex items-center justify-between w-full px-4 py-2 hover:bg-gray-100 text-sm cursor-pointer transition-colors rounded-md mx-1 my-0.5`,
+        style: {
+          paddingLeft: `calc(1rem + ${paddingLeft})`,
+          backgroundColor: isActive ? bgColor : ''
+        },
+        onClick: e => handleMenuClick(item.path, hasChildren, depth, e),
+        children: [jsxs("div", {
+          className: "flex items-center gap-3",
+          children: [item.icon && jsx("span", {
+            style: {
+              color: isActive ? settings?.primaryColor : ''
+            },
+            children: item.icon
+          }), jsx("span", {
+            className: `font-medium`,
+            style: {
+              color: isActive ? settings?.primaryColor : ''
+            },
+            children: item.name
+          })]
+        }), hasChildren && jsx("span", {
+          style: {
+            color: isActive ? settings?.primaryColor : ''
+          },
+          children: isOpen ? jsx(ChevronDown, {
+            className: "h-4 w-4"
+          }) : jsx(ChevronRight, {
+            className: "h-4 w-4"
+          })
+        })]
+      }), hasChildren && isOpen && jsx("div", {
+        className: "transition-all duration-200 ease-in-out",
+        children: item.children.map(child => renderMenuItem(child, depth + 1))
+      })]
+    }, item.path);
+  };
+  return jsx("div", {
+    children: jsx("nav", {
+      className: "mt-2 px-2",
+      children: menuData.map(item => renderMenuItem(item))
+    })
+  });
+};export{SidebarMenu};//# sourceMappingURL=SidebarMenu.js.map

package/lib/components/Layout/Sidebar/SidebarMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":"2QAOO,MAAM,WAAW,GAAG,CAAC;UACgB;aACjB;;MAEjB;;QAGF,CAAuE,gBAAA,EAAA,mBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;;AAGvE,EAAA,MAAA,CAAA,UAAA,EAAA,aAAyB,CAAE,GAAE,QAAA,CAAA,YAAA,CAAA;AACzB,EAAA,MAAA,UAAM,QAAQ,EAAG,KAAK,EAAA,CAAA,KAAO;;AAG7B,IAAA,CAAA,CAAA;AACI,IAAA,mBAAA,CAAQ,IAAC,IAAM;YACnB,QAAC,GAAA;;;AAGG;kBACH,CAAA,KAAA,CAAA,KAAA,IAAA,EAAA;AAED,QAAA,QAAA,CAAA,aAAgB;AACpB;AACJ;WAEM;QACF,QAAI,CAAA,KAAA,CAAW,GAAG,IAAA;AACd;aACH,QAAA;;;uBAEgB,GAAC,CAAI,IAAC,EAAC,WAAA,EAAA,KAAA,EAAA,CAAA,KAAA;QACxB,WAAC,EAAA;AACL,MAAE,UAAA,CAAA,IAAA,EAAA,KAAA,EAAA,CAAA,CAAA;KAEI,MAAA;AACF;mBACM,CAAM,IAAG,CAAA;AACf;AACA,GAAA;QAEA,cAAgD,GAAA,CAAA,IAAA,EAAA,KAAA,GAAA,CAAA,KAAA;UAC5C,WAAU,GAAA,IAAA,CAAA,QAAA,IAAmB,IAAA,CAAA,QAAsB,CAAA,MAAA,GAAA,CAAE;UAElD,MACH,mBAA8B,CAAA,KAAA,CAAC,SAC3B,CAAA,IAAA;AA2BZ,IAAA,MAAE,QAAA,GAAA,UAAA,KAAA,IAAA,CAAA,IAAA;IAEF,MAAO,WAEC,GAAA,CAAA,EAAA,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA;AAGZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,12 @@
+import { BasicLayoutProps } from '@admin-layout/client';
+import React from 'react';
+import { ConnectedComponent, ConnectedProps } from 'react-redux';
+type PropsFromRedux = ConnectedProps<typeof connector>;
+declare const connector: import("react-redux").InferableComponentEnhancerWithProps<{
+    settings: any;
+    location: any;
+} & import("react-redux").DispatchProp<import("redux").UnknownAction>, {}>;
+type BasicLayoutWithAuthoritiesProps = BasicLayoutProps & PropsFromRedux;
+declare const BasicLayoutEnhanced: ConnectedComponent<React.MemoExoticComponent<(props: BasicLayoutWithAuthoritiesProps) => JSX.Element>, any>;
+export default BasicLayoutEnhanced;
+//# sourceMappingURL=TailwindLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAE3E,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAqC,MAAM,aAAa,CAAC;AA0CpG,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}