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

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

@@ -0,0 +1,294 @@
+import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {useAppSelector}from'@admin-layout/client';import {generateMenuPath}from'../util.js';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';import switchDialogs from'@app/dialog/WrappedDialogsSwitch';const DialogComponent = ({
+  path,
+  onClose
+}) => {
+  const [dialog, setDialog] = useState(null);
+  useEffect(() => {
+    if (!dialog) {
+      switchDialogs(path).then(component => {
+        setDialog(component);
+      });
+    }
+  }, []);
+  return dialog ? React__default.createElement(dialog.default, {
+    onClose: onClose
+  }) : React__default.createElement("div", null, "Loading...");
+};
+const BottomMenu = ({
+  menuData,
+  routeParams,
+  getMenuSeparation,
+  scrolled,
+  settings,
+  authorities,
+  isMobile,
+  picture
+}) => {
+  const [MenusList, setMenusList] = useState();
+  const [isOpen, setIsOpen] = useState(false);
+  const [openedModalKey, setOpenedModalKey] = React__default.useState(null);
+  const menuRef = useRef(null);
+  const {
+    t
+  } = {
+    t: key => key
+  }; // Mock translation function
+  // const cancelRef = React.useRef();
+  const {
+    profile = {}
+  } = useAppSelector(state => state?.user || {});
+  const {
+    nickname,
+    picture: profilePicture
+  } = profile || {};
+  const onOpen = () => setIsOpen(true);
+  const onClose = () => setIsOpen(false);
+  const toggleMenu = () => setIsOpen(!isOpen);
+  const accountMenuItems = menuData?.find(menu => menu.key === 'account');
+  const logoutMenuItems = menuData?.filter(menu => menu.key === 'logout.modal');
+  // Handle outside clicks to close the menu
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (menuRef.current && !menuRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    // Handle escape key to close the menu
+    const handleEscKey = event => {
+      if (event.key === 'Escape') {
+        setIsOpen(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener('mousedown', handleClickOutside);
+      document.addEventListener('keydown', handleEscKey);
+    }
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener('keydown', handleEscKey);
+    };
+  }, [isOpen]);
+  const newMenuData = menuData?.filter(m => !m.hideInMenu)?.map(m => {
+    if (!m.hideInMenu) {
+      const path = generateMenuPath(m.path, routeParams);
+      return {
+        ...m,
+        path
+      };
+    }
+  });
+  useEffect(() => {
+    setMenusList(getMenuSeparation(newMenuData));
+  }, [authorities]);
+  const conversionPath = path => {
+    if (path && path.indexOf('http') === 0) {
+      return path;
+    }
+    if (path && path.indexOf('/http') === 0) {
+      return path.replace(/^\//g, '');
+    }
+    return `/${path || ''}`.replace(/\/+/g, '/');
+  };
+  const getMenuItemModal = item => {
+    // const icon = this.getIcon(item.icon);
+    const {
+      key,
+      name,
+      icon
+    } = item;
+    return React__default.createElement("button", {
+      onClick: () => {
+        setOpenedModalKey(key);
+        setIsOpen(false); // Close the dropdown when opening a modal
+      },
+      className: "flex items-center w-full px-3 py-2 text-left text-foreground hover:bg-muted",
+      role: "menuitem"
+    }, React__default.createElement("div", {
+      className: "mr-3"
+    }, renderDynamicIcon(icon)), t(name));
+  };
+  /**
+   * Judge whether it is http link.return or a Link
+   * @memberOf SiderMenu
+   */
+  const getMenuItemPath = item => {
+    // const { styles = {} } = props;
+    const itemPath = conversionPath(item.path);
+    // const icon = this.getIcon(item.icon);
+    const {
+      target,
+      name,
+      icon
+    } = item;
+    // Is it a http link
+    if (/^https?:\/\//.test(itemPath)) {
+      return React__default.createElement("a", {
+        href: itemPath,
+        target: target,
+        onClick: onClose,
+        className: "flex items-center w-full p-3 text-foreground hover:bg-muted",
+        role: "menuitem"
+      }, React__default.createElement("div", {
+        className: "mr-3"
+      }, renderDynamicIcon(icon), " "), React__default.createElement("span", {
+        className: "ml-1"
+      }, name));
+    }
+    return React__default.createElement(Link, {
+      to: itemPath,
+      onClick: onClose,
+      className: "flex items-center w-full px-3 py-2 text-left text-foreground hover:bg-muted",
+      role: "menuitem"
+    }, React__default.createElement("div", {
+      className: "mr-3"
+    }, renderDynamicIcon(icon)), name);
+  };
+  const getMenuModals = () => {
+    let dialogMenus = [];
+    const upperMenus = MenusList?.upperMenus?.filter(x => x.modal === true);
+    const middleMenus = MenusList?.middleMenus?.filter(x => x.modal === true);
+    const lowerMenus = MenusList?.lowerMenus?.filter(x => x.modal === true);
+    const bottomMenus = MenusList?.bottomMenus?.filter(x => x.modal === true);
+    if (upperMenus?.length > 0) dialogMenus = dialogMenus.concat(...upperMenus);
+    if (middleMenus?.length > 0) dialogMenus = dialogMenus.concat(...middleMenus);
+    if (lowerMenus?.length > 0) dialogMenus = dialogMenus.concat(...lowerMenus);
+    if (bottomMenus?.length > 0) dialogMenus = dialogMenus.concat(...bottomMenus);
+    return dialogMenus.map((item, k) => {
+      const {
+        dialogPath,
+        key,
+        name
+      } = item;
+      return key === openedModalKey && React__default.createElement("div", {
+        key: k,
+        className: "fixed inset-0 z-50 overflow-y-auto"
+      }, React__default.createElement("div", {
+        className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+      }, React__default.createElement("div", {
+        className: "fixed inset-0 transition-opacity",
+        "aria-hidden": "true"
+      }, React__default.createElement("div", {
+        className: "absolute inset-0 bg-black bg-opacity-50",
+        onClick: () => {
+          onClose();
+          setOpenedModalKey(null);
+        }
+      })), React__default.createElement("span", {
+        className: "hidden sm:inline-block sm:align-middle sm:h-screen",
+        "aria-hidden": "true"
+      }, "\u200B"), React__default.createElement("div", {
+        className: "inline-block align-bottom rounded-themed-lg text-left overflow-hidden shadow-themed-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full themed-modal",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "modal-headline"
+      }, React__default.createElement("div", {
+        className: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4"
+      }, React__default.createElement("div", {
+        className: "flex justify-end"
+      }, React__default.createElement("button", {
+        type: "button",
+        className: "rounded-themed text-muted-foreground hover:text-foreground focus-themed",
+        onClick: () => {
+          onClose();
+          setOpenedModalKey(null);
+        }
+      }, React__default.createElement("span", {
+        className: "sr-only"
+      }, "Close"), React__default.createElement("svg", {
+        className: "h-6 w-6",
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        "aria-hidden": "true"
+      }, React__default.createElement("path", {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2",
+        d: "M6 18L18 6M6 6l12 12"
+      })))), React__default.createElement("div", {
+        className: "mt-2"
+      }, React__default.createElement(DialogComponent, {
+        path: dialogPath,
+        onClose: () => {
+          onClose();
+          setOpenedModalKey(null);
+        }
+      }))))));
+    });
+  };
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "relative",
+    ref: menuRef,
+    onMouseEnter: onOpen
+  }, React__default.createElement("div", {
+    className: "flex items-center gap-2",
+    onClick: toggleMenu
+  }, React__default.createElement("button", {
+    className: `
+                        inline-flex items-center justify-center bg-muted hover:bg-muted-foreground text-foreground rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
+                    `,
+    "aria-expanded": "false"
+  }, picture ? React__default.createElement("img", {
+    src: picture,
+    className: "rounded-full",
+    alt: "User"
+  }) : React__default.createElement("svg", {
+    className: "h-6 w-6 text-foreground",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "2",
+    d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+  }))), isMobile && React__default.createElement("span", {
+    className: "text-lg font-medium"
+  }, t(nickname))), isOpen && React__default.createElement("div", {
+    className: "bg-background absolute bottom-full mb-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
+    role: "menu",
+    "aria-orientation": "vertical",
+    "aria-labelledby": "user-menu"
+  }, MenusList?.upperMenus?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), MenusList?.upperMenus?.length > 0 && MenusList?.middleMenus?.length > 0 && React__default.createElement("hr", {
+    className: "border-border my-1"
+  }), MenusList?.middleMenus?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), profile && accountMenuItems?.children && React__default.createElement("div", {
+    className: "py-2"
+  }, accountMenuItems.children.map(item => React__default.createElement(Link, {
+    key: item.key,
+    className: "flex items-center justify-between px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer transition-colors",
+    to: generateMenuPath(item.path, routeParams)
+  }, React__default.createElement("div", {
+    className: "flex items-center"
+  }, React__default.createElement("span", {
+    className: "mr-3 text-base"
+  }, item.icon), React__default.createElement("span", null, item.name)), item.hasNotification && React__default.createElement("div", {
+    className: "w-2 h-2 bg-blue-500 rounded-full"
+  })))), profile && React__default.createElement("hr", {
+    className: "border-border my-1"
+  }), profile && React__default.createElement("div", {
+    className: "flex items-center px-4 py-2"
+  }, React__default.createElement("div", {
+    className: "w-8 h-8 rounded-full bg-red-500 flex items-center justify-center overflow-hidden mr-3"
+  }, picture ? React__default.createElement("img", {
+    src: picture,
+    alt: nickname || 'Guest',
+    className: "w-full h-full object-cover"
+  }) : React__default.createElement("span", {
+    className: "text-white text-sm font-medium"
+  }, (nickname || 'Guest').charAt(0).toUpperCase())), React__default.createElement("span", {
+    className: "text-sm font-medium"
+  }, nickname || 'Guest')), logoutMenuItems?.length > 0 && React__default.createElement("hr", {
+    className: "border-border my-1"
+  }), logoutMenuItems?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))))), getMenuModals());
+};export{BottomMenu};//# sourceMappingURL=BottomMenu.js.map

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

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

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

@@ -1,33 +1,4 @@
 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 {};
+import { DividerProps } from '../../typings';
+export declare function Divider({ children, orientation, plain, className, style, align, ...props }: DividerProps): React.JSX.Element;
 //# sourceMappingURL=Divider.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,WAA0B,EAC1B,KAAa,EACb,SAAS,EACT,KAAK,EACL,KAAgB,EAChB,GAAG,KAAK,EACX,EAAE,YAAY,qBAgEd"}

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

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {cn}from'../../../utils/utils/index.js';function Divider({
+import React__default from'react';import {cn}from'../../../utils/utils/index.js';function Divider({
   children,
   orientation = 'horizontal',
   plain = false,
@@ -9,39 +9,37 @@ import {jsx,jsxs}from'react/jsx-runtime';import {cn}from'../../../utils/utils/in
 }) {
   // If there's no children, render a simple divider
   if (!children) {
-    return jsx("div", {
+    return React__default.createElement("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", {
+  return React__default.createElement("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
-      }
-    })]
-  });
+    ...props
+  }, React__default.createElement("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
+    }
+  }), React__default.createElement("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), React__default.createElement("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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/Layout/Sidebar/Divider.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"iFAIM,SAAU,OAAO,CAAC;UASpB;aACK,GAAA,YAAW;AACZ,EAAA,KAAA,GAAA,KAAO;WAWV;OAED;OACA,GAAA;AAMQ,EAAA,GAAA;AAKY,CAAA,EAAA;AACA;eAEP;yBAEG,CAAA,aAAa,CAAA,KAAO,EAAA;eACvB,EACH,EAAA,CAAA,WAAA,KAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,EAAA,sCAAA,EAAA,SAAA,CAAA;WACF,EAAA,KAAA;;AASK,KAAA,CAAA;AAIL,EAAA;AAKY;AACA,EAAA,OAAAA,cAAA,CAAA,aAAY,MAAE,EAAK;aACtB,EACJ,6BACM,EAAA,WAAA,KAAA,UAAA,IAAA,iBAAA,EAAA,SAAA,CAAA;gBACH;;AAKpB,GAAC,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DynamicTypeIconsProps } from '../../typings';
+export declare const renderDynamicIcon: (icon: any) => React.JSX.Element;
+export declare const DynamicIcon: React.FC<DynamicTypeIconsProps>;
+//# sourceMappingURL=DynamicIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/DynamicIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,eAAO,MAAM,iBAAiB,GAAI,SAAI,sBAQrC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuCvD,CAAC"}

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

@@ -0,0 +1,50 @@
+import React__default,{useState,useEffect}from'react';import selectiveIcons from'@app/selectiveIcons';const renderDynamicIcon = icon => {
+  if (typeof icon === 'object') {
+    return React__default.createElement(DynamicIcon, {
+      icon: icon.name,
+      iconStyle: icon.style
+    });
+  } else if (typeof icon === 'string') {
+    return React__default.createElement(DynamicIcon, {
+      icon: icon
+    });
+  } else {
+    return null;
+  }
+};
+const DynamicIcon = React__default.memo(({
+  icon,
+  iconStyle,
+  ...props
+}) => {
+  const [IconComponent, setIconComponent] = useState(null);
+  useEffect(() => {
+    const loadIcon = () => {
+      if (!IconComponent) {
+        const selectedIcon = selectiveIcons(icon);
+        selectedIcon.then(module => {
+          if (typeof module.default === 'object') {
+            setIconComponent(() => module.default[icon]);
+          } else {
+            setIconComponent(() => module.default);
+          }
+        }).catch(err => {
+          setIconComponent(null);
+        });
+      }
+    };
+    loadIcon();
+  }, []);
+  if (!IconComponent) return null;
+  return React__default.createElement("div", {
+    style: {
+      margin: '0px',
+      display: 'flex'
+    }
+  }, IconComponent && React__default.createElement(IconComponent, {
+    style: {
+      ...iconStyle
+    },
+    ...props
+  }));
+}, (prevProps, nextProps) => prevProps.icon === nextProps.icon);export{DynamicIcon,renderDynamicIcon};//# sourceMappingURL=DynamicIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicIcon.js","sources":["../../../../src/components/Layout/Sidebar/DynamicIcon.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sGAKO,MAAM,iBAAiB,GAAG,IAAC,IAAM;AACpC,EAAA,IAAA,OAAI,IAAO,KAAI,QAAK,EAAQ;AACxB,IAAA,OAAAA,cAAO,CAAA,aAAA,CAAA,WAAC,EAAA;MACX,IAAA,EAAA,IAAA,CAAA,IAAA;AAAM,MAAA,SAAI,EAAA,IAAO,CAAA;AACd,KAAA,CAAA;SACH,IAAA,OAAA,IAAA,KAAA,QAAA,EAAA;WAAOA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AACJ,MAAA,IAAA,EAAA;KACH,CAAA;AACL,EAAE,CAAA,MAAA;AAEF,IAAA,OAAO,IAAM;;;AAID,MAAA,WAAc,GAAGA,cAAK,CAAA,IAAA,CAAA,CAAA;;AAEd,EAAA,SAAA;;AAEK,CAAA,KAAA;AACG,EAAA,MAAA,CAAA,aAAA,EAAI,4BAA0B,CAAA,IAAA,CAAQ;;qBAErC,MAAA;0BAAO;0BACJ,GAAA,eAAoB;oBACxB,CAAC,IAAA,CAAA,MAAA,IAAA;AACL,UAAA,IAAA,OAAE,MAAA,CAAA,OAAA,KAAA,QAAA,EAAA;AACD,YAAA,gBAAO,CAAA,MAAO,MAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;;AAEf,YAAA,gBAAG,CAAA,MAAA,MAAA,CAAA,OAAA,CAAA;;AAEf,QAAA,CAAC,CAAC,CAAA,KAAA,CAAA,GAAA,IAAA;AACF,UAAA,gBAAW,CAAA,IAAA,CAAA;QACZ,CAAE,CAAC;AAEN,MAAA;AAAoB,IAAA,CAAA;IAEpB,QACI;AAIgB,EAAA,CAAA,EAAA,EAAA,CAAA;AACH,EAAA,IAAA,CAAA,aACQ,EACX,OAGZ,IAAA;AACN,SACCA,cAAS,CAAE,aAAa,CAAC,KAAA,EAAA;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SidebarProps } from '../../typings';
+export declare const MainSidebar: React.FC<SidebarProps>;
+export default MainSidebar;
+//# sourceMappingURL=MainSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/MainSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAO7C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoR9C,CAAC;AAEF,eAAe,WAAW,CAAC"}