acinguiux-ds-react-framework 0.1.18 → 0.1.20

package/build/esm/components/Menu/styles/groupMenuItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"groupMenuItem.styles.js","sources":["../../../../../src/components/Menu/styles/groupMenuItem.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nexport const groupMenuItemStyle = css<StyledMenuProps>`\n  ${({ theme, $size, $muted, disabled, mode }) => {\n    const padding = `${MenuConsts.consts[$size].padding}px`;\n    const indent = `${MenuConsts.consts[$size].indent}px`;\n    const subMenuGroupIndent = `${MenuConsts.consts[$size].indent * 2}px`;\n    const layer = theme.layer({ foundation: 'surface', disabled, muted: $muted });\n\n    return css`\n      .${MENU_CLASS}-item-group {\n        .${MENU_CLASS}-item-group-title {\n          ${theme.typography('label', getLabelTypographySize($size))};\n          padding: 0 ${indent} ${padding};\n          color: ${layer[Variables.TextOnFoundationSubtle]};\n          text-transform: uppercase;\n          ${mode !== 'horizontal' &&\n          css`\n            margin-right: ${MenuConsts.consts[$size].collapsedItemMarginRight};\n          `}\n        }\n\n        .${MENU_CLASS}-group-title-content {\n          margin-top: 4px;\n          padding-bottom: 4px;\n          margin-bottom: -5px;\n          border-bottom: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n        }\n\n        /* Horizontal */\n        ${mode === 'horizontal' &&\n        css`\n          .${MENU_CLASS}-item-group-list {\n            display: flex;\n            flex-direction: row;\n            align-items: stretch;\n          }\n        `}\n      }\n\n      /* Inline */\n      ${mode === 'inline' &&\n      css`\n        .${MENU_CLASS}-submenu .${MENU_CLASS}-item-group {\n          .${MENU_CLASS}-item-group-title {\n            padding-left: ${subMenuGroupIndent};\n          }\n\n          &.${MENU_CLASS}-submenu-open\n            > .${MENU_CLASS}-submenu-title\n            > .${MENU_CLASS}-submenu-title-content\n            > .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(180deg);\n          }\n        }\n      `}\n\n      /* Popup */\n      &.${MENU_CLASS}-submenu {\n        /* Horizontal */\n        ${mode === 'horizontal' &&\n        css`\n          .${MENU_CLASS}-item-group .${MENU_CLASS}-item-group-list {\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n          }\n          .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(-90deg);\n          }\n        `}\n      }\n    `;\n  }}\n`;\n"],"names":["groupMenuItemStyle","css","theme","$size","$muted","disabled","mode","padding","MenuConsts.consts","indent","subMenuGroupIndent","layer","MENU_CLASS","getLabelTypographySize","Variables"],"mappings":";;;;;AAQO,MAAMA,IAAqBC;AAAA,IAC9B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,MAAAC,QAAW;AAC9C,QAAMC,IAAU,GAAGC,EAAkBL,CAAK,EAAE,OAAO,MAC7CM,IAAS,GAAGD,EAAkBL,CAAK,EAAE,MAAM,MAC3CO,IAAqB,GAAGF,EAAkBL,CAAK,EAAE,SAAS,CAAC,MAC3DQ,IAAQT,EAAM,MAAM,EAAE,YAAY,WAAW,UAAAG,GAAU,OAAOD,GAAQ;AAE5E,SAAOH;AAAA,SACFW,CAAU;AAAA,WACRA,CAAU;AAAA,YACTV,EAAM,WAAW,SAASW,EAAuBV,CAAK,CAAC,CAAC;AAAA,uBAC7CM,CAAM,IAAIF,CAAO;AAAA,mBACrBI,EAAMG,EAAU,sBAAsB,CAAC;AAAA;AAAA,YAE9CR,MAAS,gBACXL;AAAA,4BACkBO,EAAkBL,CAAK,EAAE,wBAAwB;AAAA,WAClE;AAAA;AAAA;AAAA,WAGAS,CAAU;AAAA;AAAA;AAAA;AAAA,qCAIgBD,EAAMG,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA,UAIpER,MAAS,gBACXL;AAAA,aACKW,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,SAKd;AAAA;AAAA;AAAA;AAAA,QAIDN,MAAS,YACXL;AAAA,WACKW,CAAU,aAAaA,CAAU;AAAA,aAC/BA,CAAU;AAAA,4BACKF,CAAkB;AAAA;AAAA;AAAA,cAGhCE,CAAU;AAAA,iBACPA,CAAU;AAAA,iBACVA,CAAU;AAAA,iBACVA,CAAU;AAAA;AAAA;AAAA;AAAA,OAIpB;AAAA;AAAA;AAAA,UAGGA,CAAU;AAAA;AAAA,UAEVN,MAAS,gBACXL;AAAA,aACKW,CAAU,gBAAgBA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,aAKpCA,CAAU;AAAA;AAAA;AAAA,SAGd;AAAA;AAAA;AAGP,CAAC;AAAA;"}
+{"version":3,"file":"groupMenuItem.styles.js","sources":["../../../../../src/components/Menu/styles/groupMenuItem.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nexport const groupMenuItemStyle = css<StyledMenuProps>`\n  ${({ theme, $size, $muted, disabled, mode }) => {\n    const padding = `${MenuConsts.consts[$size].padding}px`;\n    const indent = `${MenuConsts.consts[$size].indent}px`;\n    const subMenuGroupIndent = `${MenuConsts.consts[$size].indent * 2}px`;\n    const layer = theme.layer({ foundation: 'surface', disabled, muted: $muted });\n\n    return css`\n      .${MENU_CLASS}-item-group {\n        .${MENU_CLASS}-item-group-title {\n          ${theme.typography('label', getLabelTypographySize($size))};\n          padding: 0 ${indent} ${padding};\n          color: ${layer[Variables.TextOnFoundationSubtle]};\n          &:has(.${MENU_CLASS}-group-title-content:not(.${MENU_CLASS}-group-title-content-subtle)) {\n            text-transform: uppercase;\n          }\n\n          ${mode !== 'horizontal' &&\n          css`\n            margin-right: ${MenuConsts.consts[$size].collapsedItemMarginRight};\n          `}\n        }\n\n        .${MENU_CLASS}-group-title-content:not(.${MENU_CLASS}-group-title-content-subtle) {\n          margin-top: 4px;\n          padding-bottom: 4px;\n          margin-bottom: -5px;\n          border-bottom: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n        }\n\n        .${MENU_CLASS}-group-title-content-subtle {\n          margin-bottom: -6px;\n        }\n\n        /* Horizontal */\n        ${mode === 'horizontal' &&\n        css`\n          .${MENU_CLASS}-item-group-list {\n            display: flex;\n            flex-direction: row;\n            align-items: stretch;\n          }\n        `}\n      }\n\n      /* Inline */\n      ${mode === 'inline' &&\n      css`\n        .${MENU_CLASS}-submenu .${MENU_CLASS}-item-group {\n          .${MENU_CLASS}-item-group-title {\n            padding-left: ${subMenuGroupIndent};\n          }\n\n          &.${MENU_CLASS}-submenu-open\n            > .${MENU_CLASS}-submenu-title\n            > .${MENU_CLASS}-submenu-title-content\n            > .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(180deg);\n          }\n        }\n      `}\n\n      /* Popup */\n      &.${MENU_CLASS}-submenu {\n        /* Horizontal */\n        ${mode === 'horizontal' &&\n        css`\n          .${MENU_CLASS}-item-group .${MENU_CLASS}-item-group-list {\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n          }\n          .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(-90deg);\n          }\n        `}\n      }\n    `;\n  }}\n`;\n"],"names":["groupMenuItemStyle","css","theme","$size","$muted","disabled","mode","padding","MenuConsts.consts","indent","subMenuGroupIndent","layer","MENU_CLASS","getLabelTypographySize","Variables"],"mappings":";;;;;AAQO,MAAMA,IAAqBC;AAAA,IAC9B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,MAAAC,QAAW;AAC9C,QAAMC,IAAU,GAAGC,EAAkBL,CAAK,EAAE,OAAO,MAC7CM,IAAS,GAAGD,EAAkBL,CAAK,EAAE,MAAM,MAC3CO,IAAqB,GAAGF,EAAkBL,CAAK,EAAE,SAAS,CAAC,MAC3DQ,IAAQT,EAAM,MAAM,EAAE,YAAY,WAAW,UAAAG,GAAU,OAAOD,GAAQ;AAE5E,SAAOH;AAAA,SACFW,CAAU;AAAA,WACRA,CAAU;AAAA,YACTV,EAAM,WAAW,SAASW,EAAuBV,CAAK,CAAC,CAAC;AAAA,uBAC7CM,CAAM,IAAIF,CAAO;AAAA,mBACrBI,EAAMG,EAAU,sBAAsB,CAAC;AAAA,mBACvCF,CAAU,6BAA6BA,CAAU;AAAA;AAAA;AAAA;AAAA,YAIxDN,MAAS,gBACXL;AAAA,4BACkBO,EAAkBL,CAAK,EAAE,wBAAwB;AAAA,WAClE;AAAA;AAAA;AAAA,WAGAS,CAAU,6BAA6BA,CAAU;AAAA;AAAA;AAAA;AAAA,qCAIvBD,EAAMG,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA,WAGnEF,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,UAKXN,MAAS,gBACXL;AAAA,aACKW,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,SAKd;AAAA;AAAA;AAAA;AAAA,QAIDN,MAAS,YACXL;AAAA,WACKW,CAAU,aAAaA,CAAU;AAAA,aAC/BA,CAAU;AAAA,4BACKF,CAAkB;AAAA;AAAA;AAAA,cAGhCE,CAAU;AAAA,iBACPA,CAAU;AAAA,iBACVA,CAAU;AAAA,iBACVA,CAAU;AAAA;AAAA;AAAA;AAAA,OAIpB;AAAA;AAAA;AAAA,UAGGA,CAAU;AAAA;AAAA,UAEVN,MAAS,gBACXL;AAAA,aACKW,CAAU,gBAAgBA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,aAKpCA,CAAU;AAAA;AAAA;AAAA,SAGd;AAAA;AAAA;AAGP,CAAC;AAAA;"}

package/build/esm/components/Menu/styles/menuDivider.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuDivider.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/styles/menuDivider.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,gBAAgB,sDAsB5B,CAAC"}
+{"version":3,"file":"menuDivider.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/styles/menuDivider.styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,gBAAgB,sDAoB5B,CAAC"}

package/build/esm/components/Menu/styles/menuDivider.styles.js

@@ -1,28 +1,25 @@
 import { css as t } from "styled-components";
+import { Directions as i } from "../../../react-base/src/consts/index.js";
+import { consts as r } from "../../../react-base/src/components/Menu/Menu.consts.js";
 import { MENU_CLASS as m } from "../../../react-base/src/consts/classes.js";
-import { Variables as s } from "../../../react-base/src/theme/types/layer.js";
-import { consts as o } from "../../../react-base/src/components/Menu/Menu.consts.js";
-import { FabricsVariables as l } from "acinguiux-ds-fabrics";
-const g = t`
-  ${({ theme: r, mode: e, $size: i, $muted: n, disabled: a }) => t`
+const d = t`
+  ${({ mode: o, $size: e, $iconPosition: n }) => t`
     .${m}-item-divider {
       position: relative;
       display: flex;
       justify-content: center;
       align-items: center;
-      background-color: ${r.layer({ foundation: l.Foundations.Section, disabled: a, muted: n })[s.BorderOnFoundationSubtle]};
-      height: 1px;
+      padding: ${r[e].itemPadding[o === i.Horizontal ? i.Horizontal : i.Vertical][n]};
 
-      ${e !== "horizontal" ? t`
-            width: calc(100% - ${o[i].itemListMarginLeft}px);
-            margin-left: ${o[i].itemListMarginLeft}px;
+      ${o === "horizontal" ? t`
+            width: fit-content;
           ` : t`
-            width: 100%;
-          `}
+            height: fit-content;
+          `};
     }
   `}
 `;
 export {
-  g as menuDividerStyle
+  d as menuDividerStyle
 };
 //# sourceMappingURL=menuDivider.styles.js.map

package/build/esm/components/Menu/styles/menuDivider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuDivider.styles.js","sources":["../../../../../src/components/Menu/styles/menuDivider.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nexport const menuDividerStyle = css<StyledMenuProps>`\n  ${({ theme, mode, $size, $muted, disabled }) => css`\n    .${MENU_CLASS}-item-divider {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: ${theme.layer({ foundation: FabricsVariables.Foundations.Section, disabled, muted: $muted })[\n        Variables.BorderOnFoundationSubtle\n      ]};\n      height: 1px;\n\n      ${mode !== 'horizontal'\n        ? css`\n            width: calc(100% - ${MenuConsts.consts[$size].itemListMarginLeft}px);\n            margin-left: ${MenuConsts.consts[$size].itemListMarginLeft}px;\n          `\n        : css`\n            width: 100%;\n          `}\n    }\n  `}\n`;\n"],"names":["menuDividerStyle","css","theme","mode","$size","$muted","disabled","MENU_CLASS","FabricsVariables","Variables","MenuConsts.consts"],"mappings":";;;;;AAQO,MAAMA,IAAmBC;AAAA,IAC5B,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,QAAeL;AAAA,OAC3CM,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKSL,EAAM,MAAM,EAAE,YAAYM,EAAiB,YAAY,SAAS,UAAAF,GAAU,OAAOD,EAAA,CAAQ,EAC3GI,EAAU,wBACZ,CAAC;AAAA;AAAA;AAAA,QAGCN,MAAS,eACPF;AAAA,iCACuBS,EAAkBN,CAAK,EAAE,kBAAkB;AAAA,2BACjDM,EAAkBN,CAAK,EAAE,kBAAkB;AAAA,cAE5DH;AAAA;AAAA,WAEC;AAAA;AAAA,GAER;AAAA;"}
+{"version":3,"file":"menuDivider.styles.js","sources":["../../../../../src/components/Menu/styles/menuDivider.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Directions, MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nexport const menuDividerStyle = css<StyledMenuProps>`\n  ${({ mode, $size, $iconPosition }) => css`\n    .${MENU_CLASS}-item-divider {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: ${MenuConsts.consts[$size].itemPadding[\n        mode === Directions.Horizontal ? Directions.Horizontal : Directions.Vertical\n      ][$iconPosition]};\n\n      ${mode === 'horizontal'\n        ? css`\n            width: fit-content;\n          `\n        : css`\n            height: fit-content;\n          `};\n    }\n  `}\n`;\n"],"names":["menuDividerStyle","css","mode","$size","$iconPosition","MENU_CLASS","MenuConsts.consts","Directions"],"mappings":";;;;AAMO,MAAMA,IAAmBC;AAAA,IAC5B,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,eAAAC,QAAoBH;AAAA,OACjCI,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKAC,EAAkBH,CAAK,EAAE,YAClCD,MAASK,EAAW,aAAaA,EAAW,aAAaA,EAAW,QACtE,EAAEH,CAAa,CAAC;AAAA;AAAA,QAEdF,MAAS,eACPD;AAAA;AAAA,cAGAA;AAAA;AAAA,WAEC;AAAA;AAAA,GAER;AAAA;"}

package/build/esm/components/Menu/utils/classObserverUtils.d.ts

@@ -4,7 +4,7 @@ type OnClassChange = (classNames: DOMTokenList) => void;
  * @private
  *
  * Currently only used in SubMenu to listen on submenu being open or not,
- * due to rc-menu implementation (no other visibility than classes being present),
+ * due to @rc-component/menu implementation (no other visibility than classes being present),
  * due to Tooltip implementation (using Portal so CSS selection to hide Tooltip is not possible)
  *
  * Could be removed/improved depending on need:

package/build/esm/components/Menu/utils/classObserverUtils.js

@@ -1,17 +1,17 @@
-import { useEffect as e } from "react";
-const c = (t) => (s) => {
-  s.forEach((r) => {
-    r.attributeName === "class" && t(r.target.classList);
+import { useEffect as s } from "react";
+const c = (t) => (r) => {
+  r.forEach((e) => {
+    e.attributeName === "class" && t(e.target.classList);
   });
-}, u = (t, s) => {
-  e(() => {
-    if (!(t != null && t.current))
+}, u = (t, r) => {
+  s(() => {
+    if (!t?.current)
       return;
-    const r = new MutationObserver(c(s));
-    return s(t.current.classList), r.observe(t.current, { attributes: !0 }), () => {
-      r.disconnect();
+    const e = new MutationObserver(c(r));
+    return r(t.current.classList), e.observe(t.current, { attributes: !0 }), () => {
+      e.disconnect();
     };
-  }, [t, s]);
+  }, [t, r]);
 };
 export {
   u as useClassObserver

package/build/esm/components/Menu/utils/classObserverUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"classObserverUtils.js","sources":["../../../../../src/components/Menu/utils/classObserverUtils.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\ntype OnClassChange = (classNames: DOMTokenList) => void;\n\nconst createMutationCallback: (onChange: OnClassChange) => MutationCallback = (onChange) => (mutations) => {\n  mutations.forEach((mutation) => {\n    if (mutation.attributeName === 'class') {\n      onChange((mutation.target as HTMLElement).classList);\n    }\n  });\n};\n\n/**\n * @private\n *\n * Currently only used in SubMenu to listen on submenu being open or not,\n * due to rc-menu implementation (no other visibility than classes being present),\n * due to Tooltip implementation (using Portal so CSS selection to hide Tooltip is not possible)\n *\n * Could be removed/improved depending on need:\n * - potentially removed following refactor of Menu\n * - potentially improved or exposed if consumers have a use of this Hook\n *\n * Implemented on 19th Sept. 2024 by \"Jean Barriere <jean.barriere@acinguiux.com>\"\n * No external references.\n * @param ref reference to observe on\n * @param onChange function called when a class mutation is observed\n */\nexport const useClassObserver = <T extends HTMLElement>(\n  ref: RefObject<T> | undefined,\n  onChange: OnClassChange,\n): void => {\n  useEffect(() => {\n    if (!ref?.current) {\n      return undefined;\n    }\n    const mutationObserver = new MutationObserver(createMutationCallback(onChange));\n\n    onChange(ref.current.classList);\n    mutationObserver.observe(ref.current, { attributes: true });\n\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [ref, onChange]);\n};\n"],"names":["createMutationCallback","onChange","mutations","mutation","useClassObserver","ref","useEffect","mutationObserver"],"mappings":";AAIA,MAAMA,IAAwE,CAACC,MAAa,CAACC,MAAc;AACzG,EAAAA,EAAU,QAAQ,CAACC,MAAa;AAC9B,IAAIA,EAAS,kBAAkB,WAC7BF,EAAUE,EAAS,OAAuB,SAAS;AAAA,EAEvD,CAAC;AACH,GAkBaC,IAAmB,CAC9BC,GACAJ,MACS;AACT,EAAAK,EAAU,MAAM;AACd,QAAI,EAACD,KAAA,QAAAA,EAAK;AACR;AAEF,UAAME,IAAmB,IAAI,iBAAiBP,EAAuBC,CAAQ,CAAC;AAE9E,WAAAA,EAASI,EAAI,QAAQ,SAAS,GAC9BE,EAAiB,QAAQF,EAAI,SAAS,EAAE,YAAY,IAAM,GAEnD,MAAM;AACX,MAAAE,EAAiB,WAAA;AAAA,IACnB;AAAA,EACF,GAAG,CAACF,GAAKJ,CAAQ,CAAC;AACpB;"}
+{"version":3,"file":"classObserverUtils.js","sources":["../../../../../src/components/Menu/utils/classObserverUtils.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\ntype OnClassChange = (classNames: DOMTokenList) => void;\n\nconst createMutationCallback: (onChange: OnClassChange) => MutationCallback = (onChange) => (mutations) => {\n  mutations.forEach((mutation) => {\n    if (mutation.attributeName === 'class') {\n      onChange((mutation.target as HTMLElement).classList);\n    }\n  });\n};\n\n/**\n * @private\n *\n * Currently only used in SubMenu to listen on submenu being open or not,\n * due to @rc-component/menu implementation (no other visibility than classes being present),\n * due to Tooltip implementation (using Portal so CSS selection to hide Tooltip is not possible)\n *\n * Could be removed/improved depending on need:\n * - potentially removed following refactor of Menu\n * - potentially improved or exposed if consumers have a use of this Hook\n *\n * Implemented on 19th Sept. 2024 by \"Jean Barriere <jean.barriere@acinguiux.com>\"\n * No external references.\n * @param ref reference to observe on\n * @param onChange function called when a class mutation is observed\n */\nexport const useClassObserver = <T extends HTMLElement>(\n  ref: RefObject<T> | undefined,\n  onChange: OnClassChange,\n): void => {\n  useEffect(() => {\n    if (!ref?.current) {\n      return undefined;\n    }\n    const mutationObserver = new MutationObserver(createMutationCallback(onChange));\n\n    onChange(ref.current.classList);\n    mutationObserver.observe(ref.current, { attributes: true });\n\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [ref, onChange]);\n};\n"],"names":["createMutationCallback","onChange","mutations","mutation","useClassObserver","ref","useEffect","mutationObserver"],"mappings":";AAIA,MAAMA,IAAwE,CAACC,MAAa,CAACC,MAAc;AACzG,EAAAA,EAAU,QAAQ,CAACC,MAAa;AAC9B,IAAIA,EAAS,kBAAkB,WAC7BF,EAAUE,EAAS,OAAuB,SAAS;AAAA,EAEvD,CAAC;AACH,GAkBaC,IAAmB,CAC9BC,GACAJ,MACS;AACT,EAAAK,EAAU,MAAM;AACd,QAAI,CAACD,GAAK;AACR;AAEF,UAAME,IAAmB,IAAI,iBAAiBP,EAAuBC,CAAQ,CAAC;AAE9E,WAAAA,EAASI,EAAI,QAAQ,SAAS,GAC9BE,EAAiB,QAAQF,EAAI,SAAS,EAAE,YAAY,IAAM,GAEnD,MAAM;AACX,MAAAE,EAAiB,WAAA;AAAA,IACnB;AAAA,EACF,GAAG,CAACF,GAAKJ,CAAQ,CAAC;AACpB;"}

package/build/esm/components/Menu/utils/motionUtils.js

@@ -1,17 +1,17 @@
 import { MENU_CLASS as e } from "../../../react-base/src/consts/classes.js";
-const i = () => ({ height: 0, opacity: 0 }), a = (t) => ({ height: t ? t.scrollHeight : 0, opacity: 1 }), r = (t) => ({ height: t ? t.offsetHeight : 0 }), n = (t, o) => (o == null ? void 0 : o.deadline) === !0 || o.propertyName === "height", h = {
+const o = () => ({ height: 0, opacity: 0 }), a = (t) => ({ height: t ? t.scrollHeight : 0, opacity: 1 }), r = (t) => ({ height: t ? t.offsetHeight : 0 }), i = (t, n) => n?.deadline === !0 || n.propertyName === "height", h = {
   horizontal: { motionName: `${e}-slide-up`, motionDeadline: 150 },
   inline: {
     motionName: `${e}-collapse`,
-    onAppearStart: i,
-    onEnterStart: i,
+    onAppearStart: o,
+    onEnterStart: o,
     onAppearActive: a,
     onEnterActive: a,
     onLeaveStart: r,
-    onLeaveActive: i,
-    onAppearEnd: n,
-    onEnterEnd: n,
-    onLeaveEnd: n,
+    onLeaveActive: o,
+    onAppearEnd: i,
+    onEnterEnd: i,
+    onLeaveEnd: i,
     motionDeadline: 500
   },
   other: { motionName: `${e}-zoom`, motionDeadline: 150 }

package/build/esm/components/Menu/utils/motionUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"motionUtils.js","sources":["../../../../../src/components/Menu/utils/motionUtils.ts"],"sourcesContent":["import type { MotionEndEventHandler, MotionEventHandler } from 'rc-motion';\nimport type { MotionEvent } from 'rc-motion/lib/interface';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\n\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 });\nconst getRealHeight: MotionEventHandler = (node) => ({ height: node ? node.scrollHeight : 0, opacity: 1 });\nconst getCurrentHeight: MotionEventHandler = (node) => ({ height: node ? node.offsetHeight : 0 });\nconst skipOpacityTransition: MotionEndEventHandler = (_, event: MotionEvent) =>\n  event?.deadline === true || (event as TransitionEvent).propertyName === 'height';\n\nexport const getDefaultMotions = {\n  horizontal: { motionName: `${MENU_CLASS}-slide-up`, motionDeadline: 150 },\n  inline: {\n    motionName: `${MENU_CLASS}-collapse`,\n    onAppearStart: getCollapsedHeight,\n    onEnterStart: getCollapsedHeight,\n    onAppearActive: getRealHeight,\n    onEnterActive: getRealHeight,\n    onLeaveStart: getCurrentHeight,\n    onLeaveActive: getCollapsedHeight,\n    onAppearEnd: skipOpacityTransition,\n    onEnterEnd: skipOpacityTransition,\n    onLeaveEnd: skipOpacityTransition,\n    motionDeadline: 500,\n  },\n  other: { motionName: `${MENU_CLASS}-zoom`, motionDeadline: 150 },\n};\n"],"names":["getCollapsedHeight","getRealHeight","node","getCurrentHeight","skipOpacityTransition","_","event","getDefaultMotions","MENU_CLASS"],"mappings":";AAIA,MAAMA,IAAyC,OAAO,EAAE,QAAQ,GAAG,SAAS,EAAA,IACtEC,IAAoC,CAACC,OAAU,EAAE,QAAQA,IAAOA,EAAK,eAAe,GAAG,SAAS,MAChGC,IAAuC,CAACD,OAAU,EAAE,QAAQA,IAAOA,EAAK,eAAe,MACvFE,IAA+C,CAACC,GAAGC,OACvDA,KAAA,gBAAAA,EAAO,cAAa,MAASA,EAA0B,iBAAiB,UAE7DC,IAAoB;AAAA,EAC/B,YAAY,EAAE,YAAY,GAAGC,CAAU,aAAa,gBAAgB,IAAA;AAAA,EACpE,QAAQ;AAAA,IACN,YAAY,GAAGA,CAAU;AAAA,IACzB,eAAeR;AAAA,IACf,cAAcA;AAAA,IACd,gBAAgBC;AAAA,IAChB,eAAeA;AAAA,IACf,cAAcE;AAAA,IACd,eAAeH;AAAA,IACf,aAAaI;AAAA,IACb,YAAYA;AAAA,IACZ,YAAYA;AAAA,IACZ,gBAAgB;AAAA,EAAA;AAAA,EAElB,OAAO,EAAE,YAAY,GAAGI,CAAU,SAAS,gBAAgB,IAAA;AAC7D;"}
+{"version":3,"file":"motionUtils.js","sources":["../../../../../src/components/Menu/utils/motionUtils.ts"],"sourcesContent":["import type { MotionEndEventHandler, MotionEventHandler } from 'rc-motion';\nimport type { MotionEvent } from 'rc-motion/lib/interface';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\n\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 });\nconst getRealHeight: MotionEventHandler = (node) => ({ height: node ? node.scrollHeight : 0, opacity: 1 });\nconst getCurrentHeight: MotionEventHandler = (node) => ({ height: node ? node.offsetHeight : 0 });\nconst skipOpacityTransition: MotionEndEventHandler = (_, event: MotionEvent) =>\n  event?.deadline === true || (event as TransitionEvent).propertyName === 'height';\n\nexport const getDefaultMotions = {\n  horizontal: { motionName: `${MENU_CLASS}-slide-up`, motionDeadline: 150 },\n  inline: {\n    motionName: `${MENU_CLASS}-collapse`,\n    onAppearStart: getCollapsedHeight,\n    onEnterStart: getCollapsedHeight,\n    onAppearActive: getRealHeight,\n    onEnterActive: getRealHeight,\n    onLeaveStart: getCurrentHeight,\n    onLeaveActive: getCollapsedHeight,\n    onAppearEnd: skipOpacityTransition,\n    onEnterEnd: skipOpacityTransition,\n    onLeaveEnd: skipOpacityTransition,\n    motionDeadline: 500,\n  },\n  other: { motionName: `${MENU_CLASS}-zoom`, motionDeadline: 150 },\n};\n"],"names":["getCollapsedHeight","getRealHeight","node","getCurrentHeight","skipOpacityTransition","_","event","getDefaultMotions","MENU_CLASS"],"mappings":";AAIA,MAAMA,IAAyC,OAAO,EAAE,QAAQ,GAAG,SAAS,EAAA,IACtEC,IAAoC,CAACC,OAAU,EAAE,QAAQA,IAAOA,EAAK,eAAe,GAAG,SAAS,MAChGC,IAAuC,CAACD,OAAU,EAAE,QAAQA,IAAOA,EAAK,eAAe,MACvFE,IAA+C,CAACC,GAAGC,MACvDA,GAAO,aAAa,MAASA,EAA0B,iBAAiB,UAE7DC,IAAoB;AAAA,EAC/B,YAAY,EAAE,YAAY,GAAGC,CAAU,aAAa,gBAAgB,IAAA;AAAA,EACpE,QAAQ;AAAA,IACN,YAAY,GAAGA,CAAU;AAAA,IACzB,eAAeR;AAAA,IACf,cAAcA;AAAA,IACd,gBAAgBC;AAAA,IAChB,eAAeA;AAAA,IACf,cAAcE;AAAA,IACd,eAAeH;AAAA,IACf,aAAaI;AAAA,IACb,YAAYA;AAAA,IACZ,YAAYA;AAAA,IACZ,gBAAgB;AAAA,EAAA;AAAA,EAElB,OAAO,EAAE,YAAY,GAAGI,CAAU,SAAS,gBAAgB,IAAA;AAC7D;"}

package/build/esm/components/Menu/utils/nodeUtils.d.ts

@@ -1,6 +1,9 @@
-import type { ItemType } from 'rc-menu/lib/interface';
+import { type ReactNode } from 'react';
+import type { ItemType } from '@rc-component/menu/lib/interface';
 import type { MenuItemType } from '../Menu.types';
-export declare const useItems: (items?: ItemType[]) => (import("react/jsx-runtime").JSX.Element | null)[] | undefined;
+export declare const useItems: (items: ItemType[] | undefined, children: ReactNode, opts: {
+    mode: string;
+}) => string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | (import("react/jsx-runtime").JSX.Element | null)[] | null | undefined;
 export declare const getItemsByPath: (path: string, items: ItemType[] | undefined) => string[];
 export declare const getLeafItems: (items?: ItemType[]) => MenuItemType[];
 //# sourceMappingURL=nodeUtils.d.ts.map

package/build/esm/components/Menu/utils/nodeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nodeUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/utils/nodeUtils.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMtD,OAAO,KAAK,EAAqB,YAAY,EAAe,MAAM,eAAe,CAAC;AA0ClF,eAAO,MAAM,QAAQ,WAAY,QAAQ,EAAE,mEAO9B,CAAC;AAKd,eAAO,MAAM,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,KAAK,MAAM,EAYnF,CAAC;AAEF,eAAO,MAAM,YAAY,WAAY,QAAQ,EAAE,KAAG,YAAY,EAC4C,CAAC"}
+{"version":3,"file":"nodeUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/utils/nodeUtils.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAMjE,OAAO,KAAK,EAAqB,YAAY,EAAe,MAAM,eAAe,CAAC;AAoDlF,eAAO,MAAM,QAAQ,UAAW,QAAQ,EAAE,GAAG,SAAS,YAAY,SAAS,QAAQ;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,qNAOtE,CAAC;AAK9B,eAAO,MAAM,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,KAAK,MAAM,EAkBnF,CAAC;AAEF,eAAO,MAAM,YAAY,WAAY,QAAQ,EAAE,KAAG,YAAY,EAC4C,CAAC"}

package/build/esm/components/Menu/utils/nodeUtils.js

@@ -1,23 +1,37 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useMemo as I } from "react";
-import y from "../components/MenuDivider.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+import I from "../components/MenuDivider.js";
 import M from "../components/MenuItem.js";
 import a from "../components/MenuItemGroup.js";
 import g from "../components/SubMenu.js";
-const p = (r, n) => (r || []).map((t, d) => {
-  if (t && typeof t == "object") {
-    const { label: o, children: e, key: h, type: c, ...u } = t, f = h ?? `tmp-${d}`;
-    return e || c === "group" ? c === "group" ? /* @__PURE__ */ i(a, { ...u, title: o, children: p(e, n + 1) }, f) : /* @__PURE__ */ i(g, { level: n, ...u, title: o, children: p(e, n + 1) }, f) : c === "divider" ? /* @__PURE__ */ i(y, { ...u }, f) : /* @__PURE__ */ i(M, { level: n, ...u, children: o }, f);
+const c = (r, e, t) => (r || []).map((u, o) => {
+  if (u && typeof u == "object") {
+    const { label: n, children: i, key: y, type: l, ...f } = u, d = y ?? `tmp-${o}`;
+    return i || l === "group" ? l === "group" ? /* @__PURE__ */ s(a, { ...f, title: n, children: c(i, e + 1, t) }, d) : /* @__PURE__ */ s(g, { level: e, ...f, title: n, children: c(i, e + 1, t) }, d) : l === "divider" ? /* @__PURE__ */ s(
+      I,
+      {
+        ...f,
+        ...t.mode === "horizontal" ? { style: { order: o } } : {}
+      },
+      d
+    ) : /* @__PURE__ */ s(M, { level: e, ...f, children: n }, d);
   }
   return null;
-}).filter((t) => t), B = (r) => I(() => r && p(r, 0), [r]), s = (r) => !!r && "children" in r, l = (r) => !!r && "key" in r && !("children" in r), D = (r, n) => {
-  if (n === void 0) return [];
-  const t = (d) => d.reduce((o, e) => e ? s(e) && e.children ? [...o, ...t(e.children)] : l(e) && e.path === r ? [...o, e.key] : o : o, []);
-  return t(n);
-}, m = (r) => (r == null ? void 0 : r.flatMap((n) => s(n) ? m(n.children) : n).filter(l)) ?? [];
+}).filter((u) => u), B = (r, e, t) => m(() => r ? c(r, 0, t) : e, [r, e, t]), h = (r) => !!r && "children" in r, p = (r) => !!r && "key" in r && !("children" in r), D = (r, e) => {
+  if (e === void 0) return [];
+  const t = (u) => u.reduce((o, n) => {
+    if (!n) return o;
+    if (h(n) && n.children) {
+      const i = t(n.children);
+      return i.length > 0 && "key" in n ? [...o, n.key, ...i] : [...o, ...i];
+    }
+    return p(n) && n.path === r ? [...o, n.key] : o;
+  }, []);
+  return t(e);
+}, k = (r) => r?.flatMap((e) => h(e) ? k(e.children) : e).filter(p) ?? [];
 export {
   D as getItemsByPath,
-  m as getLeafItems,
+  k as getLeafItems,
   B as useItems
 };
 //# sourceMappingURL=nodeUtils.js.map

package/build/esm/components/Menu/utils/nodeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"nodeUtils.js","sources":["../../../../../src/components/Menu/utils/nodeUtils.tsx"],"sourcesContent":["// This hook is tweaked from Ant Design's menu component\n// https://github.com/ant-design/ant-design/blob/master/components/menu/hooks/useItems.tsx\n// It converts the items array to React nodes using our components\n\nimport { useMemo } from 'react';\n\nimport type { ItemType } from 'rc-menu/lib/interface';\n\nimport MenuDivider from '../components/MenuDivider';\nimport MenuItem from '../components/MenuItem';\nimport MenuItemGroup from '../components/MenuItemGroup';\nimport SubMenu from '../components/SubMenu';\nimport type { MenuItemGroupType, MenuItemType, SubMenuType } from '../Menu.types';\n\nconst convertItemsToNodes = (items: ItemType[], level: number) =>\n  (items || [])\n    .map((opt, index) => {\n      if (opt && typeof opt === 'object') {\n        // handling types properly here makes the code unreadable\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const { label, children, key, type, ...restProps } = opt as any;\n        const mergedKey = key ?? `tmp-${index}`;\n\n        if (children || type === 'group') {\n          if (type === 'group') {\n            return (\n              <MenuItemGroup key={mergedKey} {...restProps} title={label}>\n                {convertItemsToNodes(children, level + 1)}\n              </MenuItemGroup>\n            );\n          }\n\n          return (\n            <SubMenu key={mergedKey} level={level} {...restProps} title={label}>\n              {convertItemsToNodes(children, level + 1)}\n            </SubMenu>\n          );\n        }\n\n        if (type === 'divider') {\n          return <MenuDivider key={mergedKey} {...restProps} />;\n        }\n\n        return (\n          <MenuItem key={mergedKey} level={level} {...restProps}>\n            {label}\n          </MenuItem>\n        );\n      }\n\n      return null;\n    })\n    .filter((opt) => opt);\n\nexport const useItems = (items?: ItemType[]) =>\n  useMemo(() => {\n    if (!items) {\n      return items;\n    }\n\n    return convertItemsToNodes(items, 0);\n  }, [items]);\n\nconst isParent = (item: ItemType): item is SubMenuType | MenuItemGroupType => !!item && 'children' in item;\nconst isMenuItem = (item: ItemType): item is MenuItemType => !!item && 'key' in item && !('children' in item);\n\nexport const getItemsByPath: (path: string, items: ItemType[] | undefined) => string[] = (path, items) => {\n  if (items === undefined) return [];\n  const findItem: (menuItems: ItemType[]) => string[] = (menuItems) =>\n    menuItems.reduce<string[]>((acc, item) => {\n      if (!item) return acc;\n      if (isParent(item) && item.children) return [...acc, ...findItem(item.children)];\n      if (isMenuItem(item) && item.path === path) return [...acc, item.key as string];\n\n      return acc;\n    }, []);\n\n  return findItem(items);\n};\n\nexport const getLeafItems = (items?: ItemType[]): MenuItemType[] =>\n  items?.flatMap((item) => (isParent(item) ? getLeafItems(item.children) : item)).filter(isMenuItem) ?? [];\n"],"names":["convertItemsToNodes","items","level","opt","index","label","children","key","type","restProps","mergedKey","jsx","MenuItemGroup","SubMenu","MenuDivider","MenuItem","useItems","useMemo","isParent","item","isMenuItem","getItemsByPath","path","findItem","menuItems","acc","getLeafItems"],"mappings":";;;;;;AAcA,MAAMA,IAAsB,CAACC,GAAmBC,OAC7CD,KAAS,CAAA,GACP,IAAI,CAACE,GAAKC,MAAU;AACnB,MAAID,KAAO,OAAOA,KAAQ,UAAU;AAGlC,UAAM,EAAE,OAAAE,GAAO,UAAAC,GAAU,KAAAC,GAAK,MAAAC,GAAM,GAAGC,MAAcN,GAC/CO,IAAYH,KAAO,OAAOH,CAAK;AAErC,WAAIE,KAAYE,MAAS,UACnBA,MAAS,UAET,gBAAAG,EAACC,GAAA,EAA+B,GAAGH,GAAW,OAAOJ,GAClD,UAAAL,EAAoBM,GAAUJ,IAAQ,CAAC,EAAA,GADtBQ,CAEpB,IAKF,gBAAAC,EAACE,GAAA,EAAwB,OAAAX,GAAe,GAAGO,GAAW,OAAOJ,GAC1D,UAAAL,EAAoBM,GAAUJ,IAAQ,CAAC,EAAA,GAD5BQ,CAEd,IAIAF,MAAS,YACJ,gBAAAG,EAACG,GAAA,EAA6B,GAAGL,EAAA,GAAfC,CAA0B,sBAIlDK,GAAA,EAAyB,OAAAb,GAAe,GAAGO,GACzC,eADYC,CAEf;AAAA,EAEJ;AAEA,SAAO;AACT,CAAC,EACA,OAAO,CAACP,MAAQA,CAAG,GAEXa,IAAW,CAACf,MACvBgB,EAAQ,MACDhB,KAIED,EAAoBC,GAAO,CAAC,GAClC,CAACA,CAAK,CAAC,GAENiB,IAAW,CAACC,MAA4D,CAAC,CAACA,KAAQ,cAAcA,GAChGC,IAAa,CAACD,MAAyC,CAAC,CAACA,KAAQ,SAASA,KAAQ,EAAE,cAAcA,IAE3FE,IAA4E,CAACC,GAAMrB,MAAU;AACxG,MAAIA,MAAU,OAAW,QAAO,CAAA;AAChC,QAAMsB,IAAgD,CAACC,MACrDA,EAAU,OAAiB,CAACC,GAAKN,MAC1BA,IACDD,EAASC,CAAI,KAAKA,EAAK,WAAiB,CAAC,GAAGM,GAAK,GAAGF,EAASJ,EAAK,QAAQ,CAAC,IAC3EC,EAAWD,CAAI,KAAKA,EAAK,SAASG,IAAa,CAAC,GAAGG,GAAKN,EAAK,GAAa,IAEvEM,IAJWA,GAKjB,CAAA,CAAE;AAEP,SAAOF,EAAStB,CAAK;AACvB,GAEayB,IAAe,CAACzB,OAC3BA,KAAA,gBAAAA,EAAO,QAAQ,CAACkB,MAAUD,EAASC,CAAI,IAAIO,EAAaP,EAAK,QAAQ,IAAIA,GAAO,OAAOC,OAAe,CAAA;"}
+{"version":3,"file":"nodeUtils.js","sources":["../../../../../src/components/Menu/utils/nodeUtils.tsx"],"sourcesContent":["// This hook is tweaked from Ant Design's menu component\n// https://github.com/ant-design/ant-design/blob/master/components/menu/hooks/useItems.tsx\n// It converts the items array to React nodes using our components\n\nimport { type ReactNode, useMemo } from 'react';\n\nimport type { ItemType } from '@rc-component/menu/lib/interface';\n\nimport MenuDivider from '../components/MenuDivider';\nimport MenuItem from '../components/MenuItem';\nimport MenuItemGroup from '../components/MenuItemGroup';\nimport SubMenu from '../components/SubMenu';\nimport type { MenuItemGroupType, MenuItemType, SubMenuType } from '../Menu.types';\n\ntype ConvertItemsToNodesOpts = {\n  mode?: string;\n};\n\nconst convertItemsToNodes = (items: ItemType[], level: number, opts: ConvertItemsToNodesOpts) =>\n  (items || [])\n    .map((opt, index) => {\n      if (opt && typeof opt === 'object') {\n        // handling types properly here makes the code unreadable\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const { label, children, key, type, ...restProps } = opt as any;\n        const mergedKey = key ?? `tmp-${index}`;\n\n        if (children || type === 'group') {\n          if (type === 'group') {\n            return (\n              <MenuItemGroup key={mergedKey} {...restProps} title={label}>\n                {convertItemsToNodes(children, level + 1, opts)}\n              </MenuItemGroup>\n            );\n          }\n\n          return (\n            <SubMenu key={mergedKey} level={level} {...restProps} title={label}>\n              {convertItemsToNodes(children, level + 1, opts)}\n            </SubMenu>\n          );\n        }\n\n        if (type === 'divider') {\n          return (\n            <MenuDivider\n              key={mergedKey}\n              {...restProps}\n              {...(opts.mode === 'horizontal' ? { style: { order: index } } : {})}\n            />\n          );\n        }\n\n        return (\n          <MenuItem key={mergedKey} level={level} {...restProps}>\n            {label}\n          </MenuItem>\n        );\n      }\n\n      return null;\n    })\n    .filter((opt) => opt);\n\nexport const useItems = (items: ItemType[] | undefined, children: ReactNode, opts: { mode: string }) =>\n  useMemo(() => {\n    if (!items) {\n      return children;\n    }\n\n    return convertItemsToNodes(items, 0, opts);\n  }, [items, children, opts]);\n\nconst isParent = (item: ItemType): item is SubMenuType | MenuItemGroupType => !!item && 'children' in item;\nconst isMenuItem = (item: ItemType): item is MenuItemType => !!item && 'key' in item && !('children' in item);\n\nexport const getItemsByPath: (path: string, items: ItemType[] | undefined) => string[] = (path, items) => {\n  if (items === undefined) return [];\n  const findItem: (menuItems: ItemType[]) => string[] = (menuItems) =>\n    menuItems.reduce<string[]>((acc, item) => {\n      if (!item) return acc;\n      if (isParent(item) && item.children) {\n        const childPath = findItem(item.children);\n        if (childPath.length > 0 && 'key' in item) {\n          return [...acc, item.key, ...childPath];\n        }\n        return [...acc, ...childPath];\n      }\n      if (isMenuItem(item) && item.path === path) return [...acc, item.key as string];\n\n      return acc;\n    }, []);\n\n  return findItem(items);\n};\n\nexport const getLeafItems = (items?: ItemType[]): MenuItemType[] =>\n  items?.flatMap((item) => (isParent(item) ? getLeafItems(item.children) : item)).filter(isMenuItem) ?? [];\n"],"names":["convertItemsToNodes","items","level","opts","opt","index","label","children","key","type","restProps","mergedKey","jsx","MenuItemGroup","SubMenu","MenuDivider","MenuItem","useItems","useMemo","isParent","item","isMenuItem","getItemsByPath","path","findItem","menuItems","acc","childPath","getLeafItems"],"mappings":";;;;;;AAkBA,MAAMA,IAAsB,CAACC,GAAmBC,GAAeC,OAC5DF,KAAS,CAAA,GACP,IAAI,CAACG,GAAKC,MAAU;AACnB,MAAID,KAAO,OAAOA,KAAQ,UAAU;AAGlC,UAAM,EAAE,OAAAE,GAAO,UAAAC,GAAU,KAAAC,GAAK,MAAAC,GAAM,GAAGC,MAAcN,GAC/CO,IAAYH,KAAO,OAAOH,CAAK;AAErC,WAAIE,KAAYE,MAAS,UACnBA,MAAS,UAET,gBAAAG,EAACC,GAAA,EAA+B,GAAGH,GAAW,OAAOJ,GAClD,UAAAN,EAAoBO,GAAUL,IAAQ,GAAGC,CAAI,EAAA,GAD5BQ,CAEpB,IAKF,gBAAAC,EAACE,GAAA,EAAwB,OAAAZ,GAAe,GAAGQ,GAAW,OAAOJ,GAC1D,UAAAN,EAAoBO,GAAUL,IAAQ,GAAGC,CAAI,KADlCQ,CAEd,IAIAF,MAAS,YAET,gBAAAG;AAAA,MAACG;AAAA,MAAA;AAAA,QAEE,GAAGL;AAAA,QACH,GAAIP,EAAK,SAAS,eAAe,EAAE,OAAO,EAAE,OAAOE,EAAA,MAAY,CAAA;AAAA,MAAC;AAAA,MAF5DM;AAAA,IAAA,sBAQRK,GAAA,EAAyB,OAAAd,GAAe,GAAGQ,GACzC,eADYC,CAEf;AAAA,EAEJ;AAEA,SAAO;AACT,CAAC,EACA,OAAO,CAACP,MAAQA,CAAG,GAEXa,IAAW,CAAChB,GAA+BM,GAAqBJ,MAC3Ee,EAAQ,MACDjB,IAIED,EAAoBC,GAAO,GAAGE,CAAI,IAHhCI,GAIR,CAACN,GAAOM,GAAUJ,CAAI,CAAC,GAEtBgB,IAAW,CAACC,MAA4D,CAAC,CAACA,KAAQ,cAAcA,GAChGC,IAAa,CAACD,MAAyC,CAAC,CAACA,KAAQ,SAASA,KAAQ,EAAE,cAAcA,IAE3FE,IAA4E,CAACC,GAAMtB,MAAU;AACxG,MAAIA,MAAU,OAAW,QAAO,CAAA;AAChC,QAAMuB,IAAgD,CAACC,MACrDA,EAAU,OAAiB,CAACC,GAAKN,MAAS;AACxC,QAAI,CAACA,EAAM,QAAOM;AAClB,QAAIP,EAASC,CAAI,KAAKA,EAAK,UAAU;AACnC,YAAMO,IAAYH,EAASJ,EAAK,QAAQ;AACxC,aAAIO,EAAU,SAAS,KAAK,SAASP,IAC5B,CAAC,GAAGM,GAAKN,EAAK,KAAK,GAAGO,CAAS,IAEjC,CAAC,GAAGD,GAAK,GAAGC,CAAS;AAAA,IAC9B;AACA,WAAIN,EAAWD,CAAI,KAAKA,EAAK,SAASG,IAAa,CAAC,GAAGG,GAAKN,EAAK,GAAa,IAEvEM;AAAA,EACT,GAAG,CAAA,CAAE;AAEP,SAAOF,EAASvB,CAAK;AACvB,GAEa2B,IAAe,CAAC3B,MAC3BA,GAAO,QAAQ,CAACmB,MAAUD,EAASC,CAAI,IAAIQ,EAAaR,EAAK,QAAQ,IAAIA,CAAK,EAAE,OAAOC,CAAU,KAAK,CAAA;"}

package/build/esm/components/Modal/Modal.js

@@ -1,6 +1,6 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import y from "classnames";
-import { NOOP as H, Sizes as x, Directions as s, Variants as c, Alignments as E } from "../../react-base/src/consts/index.js";
+import { NOOP as H, Sizes as x, Directions as $, Variants as p, Alignments as E } from "../../react-base/src/consts/index.js";
 import R from "./components/Dialog/Dialog.js";
 import { Modal as T, ModalHeader as v, ModalHeaderContent as F, ModalContent as j, ModalFooter as k } from "./Modal.styles.js";
 import I from "./components/ModalLoading/ModalLoading.js";
@@ -10,7 +10,7 @@ import A from "../Icon/components/Cross.js";
 import W from "../_internalComponents/ActionBar/ActionBar.js";
 import { CloseButton as q } from "./components/ModalLoading/ModalLoading.styles.js";
 import { MODAL_CLASS as G, MODAL_HEADER_CLASS as J, MODAL_FOOTER_CLASS as K, MODAL_CONTAINER_CLASS as Q } from "../../react-base/src/consts/classes.js";
-const ir = ({
+const nr = ({
   children: M,
   className: u,
   open: C,
@@ -18,25 +18,25 @@ const ir = ({
   footerBorder: d = !0,
   bgColor: O = !1,
   padding: S = !0,
-  onClose: l = H,
-  header: a,
-  actions: e,
-  actionsDirection: L = s.Horizontal,
+  onClose: i = H,
+  header: t,
+  actions: a,
+  actionsDirection: L = $.Horizontal,
   actionsAlignment: D = E.Right,
-  loading: t = !1,
+  loading: e = !1,
   loadingBody: N = "Loading...",
   size: r = x.Medium,
-  closeButton: i = !0,
+  closeButton: n = !0,
   maskClosable: _ = !0,
   contentScrollable: f = !1,
-  showHeader: $ = !0,
-  showFooter: p = !0,
+  showHeader: s = !0,
+  showFooter: c = !0,
   centered: b = !1,
   width: B = 520,
   ...g
 }) => {
-  const h = !a && e && (e == null ? void 0 : e.length) > 0;
-  return /* @__PURE__ */ n(
+  const h = !t && a && a?.length > 0;
+  return /* @__PURE__ */ l(
     T,
     {
       $size: r,
@@ -44,63 +44,63 @@ const ir = ({
       prefixCls: G,
       className: y(Q, u),
       visible: C,
-      onClose: l,
-      closable: i,
+      onClose: i,
+      closable: n,
       maskClosable: _,
       $centered: b,
       $contentScrollable: f,
       width: B,
       ...g,
       children: [
-        !!$ && !!a && !t && /* @__PURE__ */ n(v, { $size: r, $headerBorder: m, className: J, children: [
-          /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(V, { direction: s.Vertical, size: r, ...a }) }),
-          !!i && /* @__PURE__ */ o(
+        !!s && !!t && !e && /* @__PURE__ */ l(v, { $size: r, $headerBorder: m, className: J, children: [
+          /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(V, { direction: $.Vertical, size: r, ...t }) }),
+          !!n && /* @__PURE__ */ o(
             P,
             {
               icon: /* @__PURE__ */ o(A, {}),
               iconOnly: !0,
-              variant: c.Transparent,
+              variant: p.Transparent,
               size: r,
-              onClick: l,
+              onClick: i,
               "aria-label": "Close"
             }
           )
         ] }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ l(
           j,
           {
             $size: r,
             $padding: S,
             $headerBorder: m,
             $footerBorder: d,
-            $hasHeader: !!($ && a),
-            $hasFooter: !!(p && e),
+            $hasHeader: !!(s && t),
+            $hasFooter: !!(c && a),
             $bgColor: O,
             $contentScrollable: f,
-            $bodyCentered: h || t,
-            $onlyBody: t,
+            $bodyCentered: h || e,
+            $onlyBody: e,
             children: [
-              !a && !!i && !t && /* @__PURE__ */ o(
+              !t && !!n && !e && /* @__PURE__ */ o(
                 q,
                 {
                   icon: /* @__PURE__ */ o(A, {}),
                   iconOnly: !0,
-                  variant: c.Transparent,
+                  variant: p.Transparent,
                   size: r,
                   $paddingSize: r,
-                  onClick: l
+                  onClick: i
                 }
               ),
-              t ? /* @__PURE__ */ o(I, { size: r, loadingBody: N, closeButton: i, onClose: l }) : M
+              e ? /* @__PURE__ */ o(I, { size: r, loadingBody: N, closeButton: n, onClose: i }) : M
             ]
           }
         ),
-        !!p && !!e && !t && /* @__PURE__ */ o(k, { $size: r, $footerBorder: d, className: K, children: /* @__PURE__ */ o(W, { size: r, actions: e, alignment: D, direction: L }) })
+        !!c && !!a && !e && /* @__PURE__ */ o(k, { $size: r, $footerBorder: d, className: K, children: /* @__PURE__ */ o(W, { size: r, actions: a, alignment: D, direction: L }) })
       ]
     }
   );
 };
 export {
-  ir as default
+  nr as default
 };
 //# sourceMappingURL=Modal.js.map

package/build/esm/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  NOOP,\n  Alignments,\n  Sizes,\n  MODAL_CONTAINER_CLASS,\n  MODAL_CLASS,\n  MODAL_HEADER_CLASS,\n  MODAL_FOOTER_CLASS,\n  Variants,\n  Directions,\n} from 'acinguiux-ds-react-base/consts';\n\nimport Dialog from './components/Dialog/Dialog';\nimport * as Styled from './Modal.styles';\nimport type { IModalProps } from './Modal.types';\nimport ModalLoading from './components/ModalLoading/ModalLoading';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\nimport Button from '../Button/Button';\nimport CrossIcon from '../Icon/components/Cross';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport { CloseButton } from './components/ModalLoading/ModalLoading.styles';\n\nconst Modal = ({\n  children,\n  className,\n  open,\n  headerBorder = true,\n  footerBorder = true,\n  bgColor = false,\n  padding = true,\n  onClose = NOOP,\n  header,\n  actions,\n  actionsDirection = Directions.Horizontal,\n  actionsAlignment = Alignments.Right,\n  loading = false,\n  loadingBody = 'Loading...',\n  size = Sizes.Medium,\n  closeButton = true,\n  maskClosable = true,\n  contentScrollable = false,\n  showHeader = true,\n  showFooter = true,\n  centered = false,\n  width = 520,\n  ...props\n}: IModalProps): ReactElement => {\n  const isWithoutHeaderAndFooter = !header && actions && actions?.length > 0;\n\n  return (\n    <Styled.Modal\n      $size={size}\n      as={Dialog}\n      prefixCls={MODAL_CLASS}\n      className={classNames(MODAL_CONTAINER_CLASS, className)}\n      visible={open}\n      onClose={onClose}\n      closable={closeButton}\n      maskClosable={maskClosable}\n      $centered={centered}\n      $contentScrollable={contentScrollable}\n      width={width}\n      {...props}\n    >\n      {!!showHeader && !!header && !loading && (\n        <Styled.ModalHeader $size={size} $headerBorder={headerBorder} className={MODAL_HEADER_CLASS}>\n          <Styled.ModalHeaderContent>\n            <InfoBar direction={Directions.Vertical} size={size} {...header} />\n          </Styled.ModalHeaderContent>\n          {!!closeButton && (\n            <Button\n              icon={<CrossIcon />}\n              iconOnly={true}\n              variant={Variants.Transparent}\n              size={size}\n              onClick={onClose}\n              aria-label=\"Close\"\n            />\n          )}\n        </Styled.ModalHeader>\n      )}\n      <Styled.ModalContent\n        $size={size}\n        $padding={padding}\n        $headerBorder={headerBorder}\n        $footerBorder={footerBorder}\n        $hasHeader={Boolean(showHeader && header)}\n        $hasFooter={Boolean(showFooter && actions)}\n        $bgColor={bgColor}\n        $contentScrollable={contentScrollable}\n        $bodyCentered={isWithoutHeaderAndFooter || loading}\n        $onlyBody={loading}\n      >\n        {!header && !!closeButton && !loading && (\n          <CloseButton\n            icon={<CrossIcon />}\n            iconOnly={true}\n            variant={Variants.Transparent}\n            size={size}\n            $paddingSize={size}\n            onClick={onClose}\n          />\n        )}\n        {loading ? (\n          <ModalLoading size={size} loadingBody={loadingBody} closeButton={closeButton} onClose={onClose} />\n        ) : (\n          children\n        )}\n      </Styled.ModalContent>\n      {!!showFooter && !!actions && !loading && (\n        <Styled.ModalFooter $size={size} $footerBorder={footerBorder} className={MODAL_FOOTER_CLASS}>\n          <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n        </Styled.ModalFooter>\n      )}\n    </Styled.Modal>\n  );\n};\n\nexport default Modal;\n"],"names":["Modal","children","className","open","headerBorder","footerBorder","bgColor","padding","onClose","NOOP","header","actions","actionsDirection","Directions","actionsAlignment","Alignments","loading","loadingBody","size","Sizes","closeButton","maskClosable","contentScrollable","showHeader","showFooter","centered","width","props","isWithoutHeaderAndFooter","jsxs","Styled.Modal","Dialog","MODAL_CLASS","classNames","MODAL_CONTAINER_CLASS","Styled.ModalHeader","MODAL_HEADER_CLASS","jsx","Styled.ModalHeaderContent","InfoBar","Button","CrossIcon","Variants","Styled.ModalContent","CloseButton","ModalLoading","Styled.ModalFooter","MODAL_FOOTER_CLASS","ActionBar"],"mappings":";;;;;;;;;;;;AAyBA,MAAMA,KAAQ,CAAC;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAUC;AAAA,EACV,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC,IAAmBC,EAAW;AAAA,EAC9B,kBAAAC,IAAmBC,EAAW;AAAA,EAC9B,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAOC,EAAM;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe;AAAA,EACf,mBAAAC,IAAoB;AAAA,EACpB,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,MAAiC;AAC/B,QAAMC,IAA2B,CAAClB,KAAUC,MAAWA,KAAA,gBAAAA,EAAS,UAAS;AAEzE,SACE,gBAAAkB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOZ;AAAA,MACP,IAAIa;AAAA,MACJ,WAAWC;AAAA,MACX,WAAWC,EAAWC,GAAuBhC,CAAS;AAAA,MACtD,SAASC;AAAA,MACT,SAAAK;AAAA,MACA,UAAUY;AAAA,MACV,cAAAC;AAAA,MACA,WAAWI;AAAA,MACX,oBAAoBH;AAAA,MACpB,OAAAI;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAA,CAAC,CAACJ,KAAc,CAAC,CAACb,KAAU,CAACM,KAC5B,gBAAAa,EAACM,GAAA,EAAmB,OAAOjB,GAAM,eAAed,GAAc,WAAWgC,GACvE,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,WAAW1B,EAAW,UAAU,MAAAK,GAAa,GAAGR,EAAA,CAAQ,EAAA,CACnE;AAAA,UACC,CAAC,CAACU,KACD,gBAAAiB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,wBAAOC,GAAA,EAAU;AAAA,cACjB,UAAU;AAAA,cACV,SAASC,EAAS;AAAA,cAClB,MAAAxB;AAAA,cACA,SAASV;AAAA,cACT,cAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,GAEJ;AAAA,QAEF,gBAAAqB;AAAA,UAACc;AAAAA,UAAA;AAAA,YACC,OAAOzB;AAAA,YACP,UAAUX;AAAA,YACV,eAAeH;AAAA,YACf,eAAeC;AAAA,YACf,YAAY,GAAQkB,KAAcb;AAAA,YAClC,YAAY,GAAQc,KAAcb;AAAA,YAClC,UAAUL;AAAA,YACV,oBAAoBgB;AAAA,YACpB,eAAeM,KAA4BZ;AAAA,YAC3C,WAAWA;AAAA,YAEV,UAAA;AAAA,cAAA,CAACN,KAAU,CAAC,CAACU,KAAe,CAACJ,KAC5B,gBAAAqB;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,wBAAOH,GAAA,EAAU;AAAA,kBACjB,UAAU;AAAA,kBACV,SAASC,EAAS;AAAA,kBAClB,MAAAxB;AAAA,kBACA,cAAcA;AAAA,kBACd,SAASV;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGZQ,IACC,gBAAAqB,EAACQ,GAAA,EAAa,MAAA3B,GAAY,aAAAD,GAA0B,aAAAG,GAA0B,SAAAZ,GAAkB,IAEhGP;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH,CAAC,CAACuB,KAAc,CAAC,CAACb,KAAW,CAACK,KAC7B,gBAAAqB,EAACS,GAAA,EAAmB,OAAO5B,GAAM,eAAeb,GAAc,WAAW0C,GACvE,UAAA,gBAAAV,EAACW,GAAA,EAAU,MAAA9B,GAAY,SAAAP,GAAkB,WAAWG,GAAkB,WAAWF,EAAA,CAAkB,EAAA,CACrG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  NOOP,\n  Alignments,\n  Sizes,\n  MODAL_CONTAINER_CLASS,\n  MODAL_CLASS,\n  MODAL_HEADER_CLASS,\n  MODAL_FOOTER_CLASS,\n  Variants,\n  Directions,\n} from 'acinguiux-ds-react-base/consts';\n\nimport Dialog from './components/Dialog/Dialog';\nimport * as Styled from './Modal.styles';\nimport type { IModalProps } from './Modal.types';\nimport ModalLoading from './components/ModalLoading/ModalLoading';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\nimport Button from '../Button/Button';\nimport CrossIcon from '../Icon/components/Cross';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport { CloseButton } from './components/ModalLoading/ModalLoading.styles';\n\nconst Modal = ({\n  children,\n  className,\n  open,\n  headerBorder = true,\n  footerBorder = true,\n  bgColor = false,\n  padding = true,\n  onClose = NOOP,\n  header,\n  actions,\n  actionsDirection = Directions.Horizontal,\n  actionsAlignment = Alignments.Right,\n  loading = false,\n  loadingBody = 'Loading...',\n  size = Sizes.Medium,\n  closeButton = true,\n  maskClosable = true,\n  contentScrollable = false,\n  showHeader = true,\n  showFooter = true,\n  centered = false,\n  width = 520,\n  ...props\n}: IModalProps): ReactElement => {\n  const isWithoutHeaderAndFooter = !header && actions && actions?.length > 0;\n\n  return (\n    <Styled.Modal\n      $size={size}\n      as={Dialog}\n      prefixCls={MODAL_CLASS}\n      className={classNames(MODAL_CONTAINER_CLASS, className)}\n      visible={open}\n      onClose={onClose}\n      closable={closeButton}\n      maskClosable={maskClosable}\n      $centered={centered}\n      $contentScrollable={contentScrollable}\n      width={width}\n      {...props}\n    >\n      {!!showHeader && !!header && !loading && (\n        <Styled.ModalHeader $size={size} $headerBorder={headerBorder} className={MODAL_HEADER_CLASS}>\n          <Styled.ModalHeaderContent>\n            <InfoBar direction={Directions.Vertical} size={size} {...header} />\n          </Styled.ModalHeaderContent>\n          {!!closeButton && (\n            <Button\n              icon={<CrossIcon />}\n              iconOnly={true}\n              variant={Variants.Transparent}\n              size={size}\n              onClick={onClose}\n              aria-label=\"Close\"\n            />\n          )}\n        </Styled.ModalHeader>\n      )}\n      <Styled.ModalContent\n        $size={size}\n        $padding={padding}\n        $headerBorder={headerBorder}\n        $footerBorder={footerBorder}\n        $hasHeader={Boolean(showHeader && header)}\n        $hasFooter={Boolean(showFooter && actions)}\n        $bgColor={bgColor}\n        $contentScrollable={contentScrollable}\n        $bodyCentered={isWithoutHeaderAndFooter || loading}\n        $onlyBody={loading}\n      >\n        {!header && !!closeButton && !loading && (\n          <CloseButton\n            icon={<CrossIcon />}\n            iconOnly={true}\n            variant={Variants.Transparent}\n            size={size}\n            $paddingSize={size}\n            onClick={onClose}\n          />\n        )}\n        {loading ? (\n          <ModalLoading size={size} loadingBody={loadingBody} closeButton={closeButton} onClose={onClose} />\n        ) : (\n          children\n        )}\n      </Styled.ModalContent>\n      {!!showFooter && !!actions && !loading && (\n        <Styled.ModalFooter $size={size} $footerBorder={footerBorder} className={MODAL_FOOTER_CLASS}>\n          <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n        </Styled.ModalFooter>\n      )}\n    </Styled.Modal>\n  );\n};\n\nexport default Modal;\n"],"names":["Modal","children","className","open","headerBorder","footerBorder","bgColor","padding","onClose","NOOP","header","actions","actionsDirection","Directions","actionsAlignment","Alignments","loading","loadingBody","size","Sizes","closeButton","maskClosable","contentScrollable","showHeader","showFooter","centered","width","props","isWithoutHeaderAndFooter","jsxs","Styled.Modal","Dialog","MODAL_CLASS","classNames","MODAL_CONTAINER_CLASS","Styled.ModalHeader","MODAL_HEADER_CLASS","jsx","Styled.ModalHeaderContent","InfoBar","Button","CrossIcon","Variants","Styled.ModalContent","CloseButton","ModalLoading","Styled.ModalFooter","MODAL_FOOTER_CLASS","ActionBar"],"mappings":";;;;;;;;;;;;AAyBA,MAAMA,KAAQ,CAAC;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAUC;AAAA,EACV,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC,IAAmBC,EAAW;AAAA,EAC9B,kBAAAC,IAAmBC,EAAW;AAAA,EAC9B,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAOC,EAAM;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe;AAAA,EACf,mBAAAC,IAAoB;AAAA,EACpB,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,MAAiC;AAC/B,QAAMC,IAA2B,CAAClB,KAAUC,KAAWA,GAAS,SAAS;AAEzE,SACE,gBAAAkB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOZ;AAAA,MACP,IAAIa;AAAA,MACJ,WAAWC;AAAA,MACX,WAAWC,EAAWC,GAAuBhC,CAAS;AAAA,MACtD,SAASC;AAAA,MACT,SAAAK;AAAA,MACA,UAAUY;AAAA,MACV,cAAAC;AAAA,MACA,WAAWI;AAAA,MACX,oBAAoBH;AAAA,MACpB,OAAAI;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAA,CAAC,CAACJ,KAAc,CAAC,CAACb,KAAU,CAACM,KAC5B,gBAAAa,EAACM,GAAA,EAAmB,OAAOjB,GAAM,eAAed,GAAc,WAAWgC,GACvE,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,WAAW1B,EAAW,UAAU,MAAAK,GAAa,GAAGR,EAAA,CAAQ,EAAA,CACnE;AAAA,UACC,CAAC,CAACU,KACD,gBAAAiB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,wBAAOC,GAAA,EAAU;AAAA,cACjB,UAAU;AAAA,cACV,SAASC,EAAS;AAAA,cAClB,MAAAxB;AAAA,cACA,SAASV;AAAA,cACT,cAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,GAEJ;AAAA,QAEF,gBAAAqB;AAAA,UAACc;AAAAA,UAAA;AAAA,YACC,OAAOzB;AAAA,YACP,UAAUX;AAAA,YACV,eAAeH;AAAA,YACf,eAAeC;AAAA,YACf,YAAY,GAAQkB,KAAcb;AAAA,YAClC,YAAY,GAAQc,KAAcb;AAAA,YAClC,UAAUL;AAAA,YACV,oBAAoBgB;AAAA,YACpB,eAAeM,KAA4BZ;AAAA,YAC3C,WAAWA;AAAA,YAEV,UAAA;AAAA,cAAA,CAACN,KAAU,CAAC,CAACU,KAAe,CAACJ,KAC5B,gBAAAqB;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,wBAAOH,GAAA,EAAU;AAAA,kBACjB,UAAU;AAAA,kBACV,SAASC,EAAS;AAAA,kBAClB,MAAAxB;AAAA,kBACA,cAAcA;AAAA,kBACd,SAASV;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGZQ,IACC,gBAAAqB,EAACQ,GAAA,EAAa,MAAA3B,GAAY,aAAAD,GAA0B,aAAAG,GAA0B,SAAAZ,GAAkB,IAEhGP;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH,CAAC,CAACuB,KAAc,CAAC,CAACb,KAAW,CAACK,KAC7B,gBAAAqB,EAACS,GAAA,EAAmB,OAAO5B,GAAM,eAAeb,GAAc,WAAW0C,GACvE,UAAA,gBAAAV,EAACW,GAAA,EAAU,MAAA9B,GAAY,SAAAP,GAAkB,WAAWG,GAAkB,WAAWF,EAAA,CAAkB,EAAA,CACrG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/build/esm/components/NavBar/NavBar.d.ts

@@ -1,4 +1,4 @@
-import type { INavBarProps } from './NavBar.types';
+import { INavBarProps } from './NavBar.types';
 declare const NavBar: import("react").ForwardRefExoticComponent<INavBarProps & import("react").RefAttributes<HTMLElement>>;
 export default NavBar;
 //# sourceMappingURL=NavBar.d.ts.map

package/build/esm/components/NavBar/NavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/NavBar/NavBar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,QAAA,MAAM,MAAM,sGA8JX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/NavBar/NavBar.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,YAAY,EAAoB,MAAM,gBAAgB,CAAC;AAIhE,QAAA,MAAM,MAAM,sGA+JX,CAAC;AAEF,eAAe,MAAM,CAAC"}