takeat-design-system-ui-kit 0.1.68 → 0.1.69

package/dist/cjs/components/Menu/Menu.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Menu } from ".";
+declare const meta: Meta<typeof Menu>;
+export default meta;
+type Story = StoryObj<typeof Menu>;
+export declare const Example: Story;

package/dist/cjs/components/Menu/Menu.stories.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Example = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const styles_1 = require("../StoriesComponents/styles");
+const consts_1 = require("../../utils/consts");
+const meta = {
+    title: "Design System/Menu",
+    component: _1.Menu,
+    parameters: {
+        componentSubtitle: (0, jsx_runtime_1.jsx)(styles_1.Subtitle, {}),
+    },
+    argTypes: {
+        menuItems: {
+            description: "Itens do menu",
+            table: {
+                type: {
+                    summary: "MenuItem[]",
+                    detail: `interface MenuItem {
+  id: string;
+  text: string;
+  }
+        `,
+                },
+            },
+        },
+    },
+    args: {},
+};
+exports.default = meta;
+exports.Example = {
+    name: "Exemplo",
+    args: {
+        menuItems: consts_1.MENU_ITEMS,
+    },
+};
+//# sourceMappingURL=Menu.stories.js.map

package/dist/cjs/components/Menu/Menu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.js","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAAyB;AACzB,wDAAuD;AACvD,+CAAgD;AAEhD,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAI;IACf,UAAU,EAAE;QACV,iBAAiB,EAAE,uBAAC,iBAAQ,KAAY;KACzC;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,WAAW,EAAE,eAAe;YAC5B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,YAAY;oBACrB,MAAM,EAAE;;;;SAIT;iBACA;aACF;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,SAAS,EAAE,mBAAU;KACtB;CACF,CAAC"}

package/dist/cjs/components/Menu/MenuModal/index.d.ts

@@ -0,0 +1,8 @@
+import { MenuItemProps } from "..";
+import { Dispatch, SetStateAction } from "react";
+interface MenuModalProps {
+    item: MenuItemProps;
+    setModalItem: Dispatch<SetStateAction<MenuItemProps | null>>;
+}
+export declare const MenuModal: ({ item, setModalItem }: MenuModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/Menu/MenuModal/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../styles");
+const MenuSubitem_1 = require("../MenuSubitem");
+const react_1 = require("react");
+const MenuModal = ({ item, setModalItem }) => {
+    const [itemOpen, setItemOpen] = (0, react_1.useState)(null);
+    const elementById = document.getElementById(`menu-item-${item.id}`);
+    const left = (elementById?.offsetLeft || 0) + (elementById?.offsetWidth || 0);
+    const eventListenerFunction = () => {
+        setModalItem(null);
+    };
+    (0, react_1.useEffect)(() => {
+        window.addEventListener("click", eventListenerFunction);
+        return () => {
+            window.removeEventListener("click", eventListenerFunction);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(styles_1.MenuModalStyle, { onClick: (e) => e.stopPropagation(), top: elementById?.offsetTop, left: left, children: item.subitems?.map((subitem) => {
+            if (subitem.condition === false)
+                return;
+            return ((0, jsx_runtime_1.jsx)(MenuSubitem_1.MenuSubitem, { subitem: subitem, parentPath: item.path, isOpen: itemOpen === subitem.id, setIsOpen: setItemOpen }, subitem.id));
+        }) }));
+};
+exports.MenuModal = MenuModal;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Menu/MenuModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuModal/index.tsx"],"names":[],"mappings":";;;;AAAA,sCAA2C;AAE3C,gDAA6C;AAC7C,iCAAsE;AAO/D,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,YAAY,EAAkB,EAAE,EAAE;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,CAAC,WAAW,EAAE,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,CAAC;IAE9E,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;QAExD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,uBAAc,IACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,GAAG,EAAE,WAAW,EAAE,SAAS,EAC3B,IAAI,EAAE,IAAI,YAET,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9B,IAAI,OAAO,CAAC,SAAS,KAAK,KAAK;gBAAE,OAAO;YAExC,OAAO,CACL,uBAAC,yBAAW,IAEV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,IAAI,CAAC,IAAI,EACrB,MAAM,EAAE,QAAQ,KAAK,OAAO,CAAC,EAAE,EAC/B,SAAS,EAAE,WAAW,IAJjB,OAAO,CAAC,EAAE,CAKf,CACH,CAAC;QACJ,CAAC,CAAC,GACa,CAClB,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,SAAS,aAsCpB"}

package/dist/cjs/components/Menu/MenuModal/styles.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=styles.js.map

package/dist/cjs/components/Menu/MenuModal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuModal/styles.ts"],"names":[],"mappings":""}

package/dist/cjs/components/Menu/MenuSubSubitem/index.d.ts

@@ -0,0 +1,7 @@
+import { MenuItemProps } from "..";
+interface MenuSubSubitemProps {
+    subsubitem: MenuItemProps;
+    parentPath: string;
+}
+export declare const MenuSubSubitem: ({ subsubitem, parentPath, }: MenuSubSubitemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/Menu/MenuSubSubitem/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuSubSubitem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const MenuSubSubitem = ({ subsubitem, parentPath, }) => {
+    const pathToGo = parentPath + subsubitem.path;
+    return ((0, jsx_runtime_1.jsx)(styles_1.SubsubitemStyles, { id: `menu-item-${subsubitem.id}`, to: pathToGo, children: subsubitem.text }));
+};
+exports.MenuSubSubitem = MenuSubSubitem;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Menu/MenuSubSubitem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubSubitem/index.tsx"],"names":[],"mappings":";;;;AACA,qCAA4C;AAOrC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,EACV,UAAU,GACU,EAAE,EAAE;IACxB,MAAM,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC;IAE9C,OAAO,CACL,uBAAC,yBAAgB,IAAC,EAAE,EAAE,aAAa,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,YAC7D,UAAU,CAAC,IAAI,GACC,CACpB,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB"}

package/dist/cjs/components/Menu/MenuSubSubitem/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const SubsubitemStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/cjs/components/Menu/MenuSubSubitem/styles.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubsubitemStyles = void 0;
+const tslib_1 = require("tslib");
+const react_router_dom_1 = require("react-router-dom");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.SubsubitemStyles = (0, styled_components_1.default)(react_router_dom_1.Link) `
+  display: flex;
+  height: 32px;
+  padding: ${({ theme }) => theme.spacing.xs};
+  align-items: center;
+  gap: 10px;
+  flex: 1 0 0;
+  border-radius: ${({ theme }) => theme.radius.s};
+  background: #fff;
+  text-decoration: none;
+  transform: all 0.3s;
+
+  color: ${({ theme }) => theme.colors.neutral.dark};
+  font-family: ${({ theme }) => theme.typography.family.default};
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px; /* 142.857% */
+  letter-spacing: 0.1px;
+
+  &:hover {
+    background: ${({ theme }) => theme.colors.neutral.lightest};
+    color: ${({ theme }) => theme.colors.neutral.darker};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/components/Menu/MenuSubSubitem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAwC;AACxC,kFAAuC;AAE1B,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,CAAA;;;aAG/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;;;;mBAIzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;;;;;WAKrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;iBAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;;;;;;;;kBAQ7C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;aACjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;CAEtD,CAAC"}

package/dist/cjs/components/Menu/MenuSubitem/index.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from "react";
+import { MenuItemProps } from "..";
+interface MenuSubitemProps {
+    subitem: MenuItemProps;
+    parentPath: string;
+    isOpen: boolean;
+    setIsOpen: Dispatch<SetStateAction<string | null>>;
+}
+export declare const MenuSubitem: ({ subitem, parentPath, isOpen, setIsOpen, }: MenuSubitemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/Menu/MenuSubitem/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuSubitem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("../../icons");
+const MenuSubSubitem_1 = require("../MenuSubSubitem");
+const styles_1 = require("./styles");
+const framer_motion_1 = require("framer-motion");
+const MenuSubitem = ({ subitem, parentPath, isOpen, setIsOpen, }) => {
+    const hasSubitems = subitem.subitems && subitem.subitems.length > 0;
+    const pathToGo = subitem.external || hasSubitems ? "#" : parentPath + subitem.path;
+    const handleClick = () => {
+        if (subitem.external) {
+            window.open(subitem.external, "_blank");
+            return;
+        }
+        if (hasSubitems) {
+            setIsOpen((state) => (state === subitem.id ? null : subitem.id));
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(styles_1.SubitemContainer, { id: `menu-item-${subitem.id}`, children: [(0, jsx_runtime_1.jsxs)(styles_1.SubitemHeader, { onClick: () => handleClick(), to: pathToGo, children: [hasSubitems ? ((0, jsx_runtime_1.jsx)(icons_1.IconChevronRight, { style: { transform: isOpen && "rotate(90deg)" } })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsx)("span", { children: subitem.text })] }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: isOpen && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { style: { transformOrigin: "top" }, initial: { height: 0, scaleY: 0 }, animate: { height: "auto", scaleY: 1 }, exit: { height: 0, scaleY: 0 }, transition: { duration: 0.3, stiffness: 100 }, children: subitem.subitems?.map((subsubitem) => {
+                        return ((0, jsx_runtime_1.jsx)(MenuSubSubitem_1.MenuSubSubitem, { subsubitem: subsubitem, parentPath: pathToGo }, subsubitem.id));
+                    }) })) })] }));
+};
+exports.MenuSubitem = MenuSubitem;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Menu/MenuSubitem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubitem/index.tsx"],"names":[],"mappings":";;;;AAEA,uCAA+C;AAC/C,sDAAmD;AACnD,qCAA2D;AAC3D,iDAAwD;AASjD,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,UAAU,EACV,MAAM,EACN,SAAS,GACQ,EAAE,EAAE;IACrB,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACpE,MAAM,QAAQ,GACZ,OAAO,CAAC,QAAQ,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAEpE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACxC,OAAO;QACT,CAAC;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QACnE,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,yBAAgB,IAAC,EAAE,EAAE,aAAa,OAAO,CAAC,EAAE,EAAE,aAC7C,wBAAC,sBAAa,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,QAAQ,aACtD,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,wBAAgB,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,IAAI,eAAe,EAAE,GAAI,CACtE,CAAC,CAAC,CAAC,CACF,iCAAO,CACR,EACD,2CAAO,OAAO,CAAC,IAAI,GAAQ,IACb,EAChB,uBAAC,+BAAe,cACb,MAAM,IAAI,CACT,uBAAC,sBAAM,CAAC,GAAG,IACT,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACjC,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EACtC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAC9B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,YAE5C,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;wBACpC,OAAO,CACL,uBAAC,+BAAc,IAEb,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,IAFf,UAAU,CAAC,EAAE,CAGlB,CACH,CAAC;oBACJ,CAAC,CAAC,GACS,CACd,GACe,IACD,CACpB,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,WAAW,eAqDtB"}

package/dist/cjs/components/Menu/MenuSubitem/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const SubitemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SubitemHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/cjs/components/Menu/MenuSubitem/styles.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubitemHeader = exports.SubitemContainer = void 0;
+const tslib_1 = require("tslib");
+const react_router_dom_1 = require("react-router-dom");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.SubitemContainer = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  padding: 4px 0;
+
+  &:not(:last-child) {
+    border-bottom: 1px solid ${({ theme }) => theme.colors.primary.default};
+  }
+
+  &:last-child {
+    padding-bottom: 0;
+  }
+
+  &:first-child {
+    padding-top: 0;
+  }
+`;
+exports.SubitemHeader = (0, styled_components_1.default)(react_router_dom_1.Link) `
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.spacing.xs};
+  text-decoration: none;
+  padding: 4px 0;
+
+  svg {
+    flex-shrink: 0;
+    transition: transform 0.3s;
+    font-size: 20px;
+    fill: ${({ theme }) => theme.colors.primary.default};
+  }
+
+  div {
+    flex-shrink: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  span {
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-family: ${({ theme }) => theme.typography.family.default};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 20px; /* 142.857% */
+    letter-spacing: 0.1px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/components/Menu/MenuSubitem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuSubitem/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAwC;AACxC,kFAAuC;AAE1B,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;+BAMX,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;;;CAUzE,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,uBAAI,CAAC,CAAA;;;SAGhC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;;;;;;;;YAQ5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;;;aAU1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;mBAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;;;;;;;CAOhE,CAAC"}

package/dist/cjs/components/Menu/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+export interface MenuItemProps {
+    id: string;
+    text: string;
+    path: string;
+    icon?: ReactNode;
+    subitems?: MenuItemProps[];
+    disabled?: boolean;
+    condition?: boolean;
+    external?: string;
+    overridePath?: string;
+    filler?: boolean;
+    height?: number;
+}
+interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    menuItems: MenuItemProps[];
+}
+export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/cjs/components/Menu/index.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+const MenuModal_1 = require("./MenuModal");
+const framer_motion_1 = require("framer-motion");
+exports.Menu = (0, react_1.forwardRef)(function Menu({ menuItems = [], ...props }, ref) {
+    const [modalItem, setModalItem] = (0, react_1.useState)(null);
+    const location = window.location.pathname.split("/")[1];
+    const toggleModalItem = (item) => {
+        if (modalItem?.id === item.id) {
+            setModalItem(null);
+        }
+        else {
+            setModalItem(item);
+        }
+    };
+    const handleClick = (item, hasSubitems) => {
+        if (item.external) {
+            window.open(item.external, "_blank");
+            return;
+        }
+        if (hasSubitems) {
+            toggleModalItem(item);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(styles_1.MenuContainer, { ref: ref, ...props, children: [menuItems.map((item) => {
+                if (item.condition === false)
+                    return;
+                if (item.filler) {
+                    return (0, jsx_runtime_1.jsx)(styles_1.Filler, { height: item.height || 20 }, item.id);
+                }
+                const hasSubitems = item.subitems && item.subitems.length > 0;
+                const pathToGo = item.external || hasSubitems ? "#" : item.path;
+                return ((0, jsx_runtime_1.jsxs)(styles_1.ItemContainer, { id: `menu-item-${item.id}`, to: pathToGo, "aria-selected": location === item.path.split("/")[1], onClick: (e) => {
+                        e.stopPropagation();
+                        handleClick(item, hasSubitems);
+                    }, children: [item.icon, (0, jsx_runtime_1.jsx)("span", { children: item.text })] }, item.id));
+            }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: modalItem && ((0, jsx_runtime_1.jsx)(MenuModal_1.MenuModal, { item: modalItem, setModalItem: setModalItem })) })] }));
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+D;AAC/D,qCAAgE;AAChE,2CAAwC;AACxC,iDAAgD;AAoBnC,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAC,SAAS,IAAI,CAC1C,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAa,EACvC,GAA8B;IAE9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAuB,IAAI,CAAC,CAAC;IACvE,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,CAAC,IAAmB,EAAE,EAAE;QAC9C,IAAI,SAAS,EAAE,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC;YAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAmB,EAAE,WAAqB,EAAE,EAAE;QACjE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACrC,OAAO;QACT,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YAChB,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,sBAAa,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,aAC/B,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBACtB,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK;oBAAE,OAAO;gBAErC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;oBAChB,OAAO,uBAAC,eAAM,IAAe,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,IAAlC,IAAI,CAAC,EAAE,CAA+B,CAAC;gBAC7D,CAAC;gBACD,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;gBAE9D,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;gBAEhE,OAAO,CACL,wBAAC,sBAAa,IAEZ,EAAE,EAAE,aAAa,IAAI,CAAC,EAAE,EAAE,EAC1B,EAAE,EAAE,QAAQ,mBACG,QAAQ,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;oBACjC,CAAC,aAEA,IAAI,CAAC,IAAI,EACV,2CAAO,IAAI,CAAC,IAAI,GAAQ,KAVnB,IAAI,CAAC,EAAE,CAWE,CACjB,CAAC;YACJ,CAAC,CAAC,EACF,uBAAC,+BAAe,cACb,SAAS,IAAI,CACZ,uBAAC,qBAAS,IAAC,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,GAAI,CAC3D,GACe,IACJ,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}