@mailstep/design-system 0.8.26 → 0.8.27

package/ui/Blocks/SideMenu/context/LeftMenuContext.js

@@ -0,0 +1,70 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useMemo, useState } from "react";
+var LeftMenuContext = createContext(null);
+var LeftMenuProvider = function LeftMenuProvider(param) {
+    var children = param.children, _param_defaultItemSelected = param.defaultItemSelected, defaultItemSelected = _param_defaultItemSelected === void 0 ? null : _param_defaultItemSelected;
+    var _useState = _sliced_to_array(useState(defaultItemSelected), 2), expandedItem = _useState[0], setExpandedItem = _useState[1];
+    var expandItem = useCallback(function(item) {
+        setExpandedItem(item);
+    }, []);
+    var value = useMemo(function() {
+        return {
+            expandedItem: expandedItem,
+            expandItem: expandItem
+        };
+    }, [
+        expandedItem,
+        expandItem
+    ]);
+    return /* @__PURE__ */ jsx(LeftMenuContext.Provider, {
+        value: value,
+        children: children
+    });
+};
+export { LeftMenuContext, LeftMenuProvider };

package/ui/Blocks/SideMenu/context/useLeftMenuContext.js

@@ -0,0 +1,8 @@
+import { useContext } from "react";
+import { LeftMenuContext } from "./LeftMenuContext";
+var useLeftMenuContext = function useLeftMenuContext() {
+    var context = useContext(LeftMenuContext);
+    if (!context) throw new Error("useLeftMenuContext context must be use inside LeftMenuProvider");
+    return context;
+};
+export { useLeftMenuContext };

package/ui/Blocks/SideMenu/hooks/useOutsideHover.d.ts

@@ -1,5 +1,4 @@
 import { MutableRefObject } from 'react';
-
 interface Props {
     parentRef: MutableRefObject<HTMLDivElement | null | undefined>;
 }

package/ui/Blocks/SideMenu/hooks/useOutsideHover.js

@@ -0,0 +1,78 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { useCallback, useEffect, useRef, useState } from "react";
+var useOutSideHover = function useOutSideHover(param) {
+    var parentRef = param.parentRef;
+    var ref = useRef(null);
+    var _useState = _sliced_to_array(useState(false), 2), isHovering = _useState[0], setIsHovering = _useState[1];
+    var handleMouseOver = useCallback(function() {
+        setIsHovering(true);
+    }, []);
+    var handleMouseOut = useCallback(function(e) {
+        var _parentRef_current, _ref_current;
+        if (!((_parentRef_current = parentRef.current) === null || _parentRef_current === void 0 ? void 0 : _parentRef_current.contains(e.target)) && !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(e.target))) {
+            setIsHovering(false);
+        }
+    }, [
+        parentRef
+    ]);
+    useEffect(function() {
+        document.addEventListener("mouseover", handleMouseOut);
+        return function() {
+            document.removeEventListener("mouseover", handleMouseOut);
+        };
+    }, [
+        handleMouseOut
+    ]);
+    return {
+        isHovering: isHovering,
+        handleMouseOver: handleMouseOver,
+        ref: ref
+    };
+};
+var useOutsideHover_default = useOutSideHover;
+export { useOutsideHover_default as default };

package/ui/Blocks/SideMenu/index.d.ts

@@ -1,8 +1,7 @@
 import { HamburgerMenuButton } from './components/HamburgerMenu';
 import { compactMenuWidth, expandedMenuWidth } from './utils/constants';
-import { default as SideMenu } from './SideMenu';
+import SideMenu from './SideMenu';
 import { MenuItemType } from './types';
-
 export type { MenuItemType };
 export { HamburgerMenuButton, compactMenuWidth, expandedMenuWidth };
 export default SideMenu;

package/ui/Blocks/SideMenu/index.js

@@ -0,0 +1,5 @@
+import { HamburgerMenuButton } from "./components/HamburgerMenu";
+import { compactMenuWidth, expandedMenuWidth } from "./utils/constants";
+import SideMenu from "./SideMenu";
+var SideMenu_default = SideMenu;
+export { HamburgerMenuButton, compactMenuWidth, SideMenu_default as default, expandedMenuWidth };

package/ui/Blocks/SideMenu/stories/SideMenu.stories.d.ts

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: import('react').FC<import('../types').SideMenuProps>;
+    component: import("react").FC<import("../types").SideMenuProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Blocks/SideMenu/stories/menuItems.js

@@ -0,0 +1,103 @@
+import { jsx } from "react/jsx-runtime";
+import { Complaint, Income, Transfer, Return, Expeditions, Inventory, Products } from "../../../Elements/Icon/icons";
+var menuItems = [
+    {
+        title: "Products",
+        icon: /* @__PURE__ */ jsx(Products, {}),
+        link: "/",
+        id: "product"
+    },
+    {
+        title: "Inventory",
+        icon: /* @__PURE__ */ jsx(Inventory, {}),
+        link: "/inventory",
+        id: "inventory",
+        items: [
+            {
+                title: "Stocks",
+                link: "/inventory/stock",
+                id: "stock"
+            },
+            {
+                title: "Reservations",
+                link: "/inventory/reservations",
+                id: "reservations"
+            },
+            {
+                title: "Movements",
+                link: "/inventory/movements",
+                id: "movements"
+            },
+            {
+                title: "Inventory movements",
+                link: "/inventory/inventory-movements",
+                id: "inventoryMovements"
+            },
+            {
+                title: "Internal inv. movements",
+                link: "/inventory/internal-inv-movements",
+                id: "internalInvMovements"
+            }
+        ]
+    },
+    {
+        title: "Expeditions",
+        icon: /* @__PURE__ */ jsx(Expeditions, {}),
+        link: "/expeditions",
+        id: "expeditions",
+        items: [
+            {
+                title: "Expeditions",
+                link: "/expeditions",
+                id: "expeditionsChild"
+            },
+            {
+                title: "Outbound receipts",
+                link: "/expeditions/outbound-receipts",
+                id: "outboundReceipts"
+            },
+            {
+                title: "Missing goods",
+                link: "/expeditions/missing-goods",
+                id: "missingGoods"
+            }
+        ]
+    },
+    {
+        title: "Inbound",
+        icon: /* @__PURE__ */ jsx(Income, {}),
+        link: "/inbound",
+        id: "inbound",
+        items: [
+            {
+                title: "Stock advices",
+                link: "/inbound/stock-advices",
+                id: "stockAdvices"
+            },
+            {
+                title: "Inbound receipt",
+                link: "/inbound/inbound-receipt",
+                id: "inboundReceipts"
+            }
+        ]
+    },
+    {
+        title: "Returns",
+        icon: /* @__PURE__ */ jsx(Return, {}),
+        link: "/returns",
+        id: "returns"
+    },
+    {
+        title: "Transfers",
+        icon: /* @__PURE__ */ jsx(Transfer, {}),
+        link: "/transfers",
+        id: "transfers"
+    },
+    {
+        title: "Claims",
+        icon: /* @__PURE__ */ jsx(Complaint, {}),
+        link: "/claims",
+        id: "claims"
+    }
+];
+export { menuItems };

package/ui/Blocks/SideMenu/styles.d.ts

@@ -1,43 +1,42 @@
 import { NavLink } from 'react-router-dom';
-
-export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     isLeftMenuOpen?: boolean;
 }, never>;
-export declare const SubItemsWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const ItemsSeparator: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const ItemLabel: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const SubItemsWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const ItemsSeparator: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const ItemLabel: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     $isCompact?: boolean;
     isSubitem?: boolean;
 }, never>;
-export declare const ItemDropdownArrow: import('styled-components').StyledComponent<import('react').FC<import('../..').IconProps>, import('@xstyled/system').Theme, {
+export declare const ItemDropdownArrow: import("styled-components").StyledComponent<import("react").FC<import("../..").IconProps>, import("@xstyled/system").Theme, {
     $lightMode?: boolean;
 }, never>;
-export declare const TooltipItemLabel: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const ItemLinkWrap: import('styled-components').StyledComponent<typeof NavLink, import('@xstyled/system').Theme, {
+export declare const TooltipItemLabel: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const ItemLinkWrap: import("styled-components").StyledComponent<typeof NavLink, import("@xstyled/system").Theme, {
     $isCompact?: boolean;
     $lightMode?: boolean;
     appearance?: "gray" | "default";
 }, never>;
-export declare const MenuItemContainer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     $isCompact?: boolean;
     $lightMode?: boolean;
     hasChildren?: boolean;
     isHovering?: boolean;
 }, never>;
-export declare const ItemIcon: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
+export declare const ItemIcon: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
     $isCompact?: boolean;
 }, never>;
-export declare const TooltipWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const TooltipWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     $lightMode?: boolean;
 }, never>;
-export declare const OverflowWithEllipsis: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
-export declare const TopLevelWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const OverflowWithEllipsis: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const TopLevelWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     isCompact: boolean;
     isLeftMenuOpen?: boolean;
     lightMode?: boolean;
 }, never>;
-export declare const ScrollWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const BodyWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const ScrollWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const BodyWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     isCompact: boolean;
 }, never>;
-export declare const Overlay: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Overlay: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;