acinguiux-ds-react-framework 0.0.6 → 0.0.7

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAQrF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,QAAA,MAAM,OAAO,mFAiFZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,QAAA,MAAM,OAAO,uGAkFZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/esm/components/Tooltip/Tooltip.js

@@ -1,74 +1,74 @@
-import { jsx as L, jsxs as N, Fragment as z } from "react/jsx-runtime";
-import { forwardRef as B, useRef as t, useImperativeHandle as C, cloneElement as F } from "react";
-import { useTooltipTrigger as H, useOverlayPosition as _, mergeProps as $ } from "react-aria";
-import { useTooltipTriggerState as k } from "react-stately";
-import { createPortal as q } from "react-dom";
-import A from "classnames";
-import { Overlay as E } from "./Overlay.js";
-import { TOOLTIP_CLASS as G } from "../../react-base/src/consts.js";
-import { useProps as J } from "../../react-base/src/components/Tooltip/Tooltip.utils.js";
-const K = B(
-  ({ className: i, isOpen: l, trigger: s, overlay: p, shouldFlip: m, triggerAction: n, onOpenChange: f, ...c }, g) => {
+import { jsx as z, jsxs as B, Fragment as C } from "react/jsx-runtime";
+import { forwardRef as F, useRef as t, useImperativeHandle as H, cloneElement as _ } from "react";
+import { useTooltipTrigger as k, useOverlayPosition as q, mergeProps as A } from "react-aria";
+import { useTooltipTriggerState as E } from "react-stately";
+import { createPortal as G } from "react-dom";
+import J from "classnames";
+import { Overlay as K } from "./Overlay.js";
+import { TOOLTIP_CLASS as M } from "../../react-base/src/consts.js";
+import { useProps as Q } from "../../react-base/src/components/Tooltip/Tooltip.utils.js";
+const or = F(
+  ({ className: i, isOpen: l, trigger: s, overlay: p, shouldFlip: f, triggerAction: n, onOpenChange: m, targetRef: c, ...g }, u) => {
     const {
-      delay: u,
-      closeDelay: d,
+      delay: d,
+      closeDelay: P,
       isDisabled: a,
-      offset: P,
-      crossOffset: y,
-      arrow: O,
-      overlayPlacement: T,
+      offset: y,
+      crossOffset: O,
+      arrow: T,
+      overlayPlacement: R,
       arrowSize: v,
       containerPadding: w,
-      arrowBoundaryOffset: R
-    } = J(c), r = k({
-      delay: u,
+      arrowBoundaryOffset: S
+    } = Q(g), r = E({
+      delay: d,
       isOpen: l,
-      closeDelay: d,
+      closeDelay: P,
       trigger: n,
       isDisabled: a,
-      onOpenChange: f
-    }), o = t(null), e = t(null), S = t(null);
-    C(g, () => e.current);
-    const { triggerProps: x, tooltipProps: b } = H(
+      onOpenChange: m
+    }), x = t(null), e = c ?? x, o = t(null), b = t(null);
+    H(u, () => o.current);
+    const { triggerProps: h, tooltipProps: j } = k(
       {
         isDisabled: a,
         trigger: n
       },
       r,
-      o
-    ), h = _({
-      placement: T,
-      targetRef: o,
-      overlayRef: e,
-      offset: P,
-      crossOffset: y,
-      shouldFlip: m,
+      e
+    ), D = q({
+      placement: R,
+      targetRef: e,
+      overlayRef: o,
+      offset: y,
+      crossOffset: O,
+      shouldFlip: f,
       arrowSize: v,
       containerPadding: w,
-      arrowBoundaryOffset: R,
+      arrowBoundaryOffset: S,
       isOpen: r.isOpen
-    }), j = $(s.props, x), D = F(s, { ref: o, ...j }), I = typeof document < "u" ? q(
-      /* @__PURE__ */ L(
-        E,
+    }), I = A(s.props, h), L = _(s, { ref: e, ...I }), N = typeof document < "u" ? G(
+      /* @__PURE__ */ z(
+        K,
         {
-          ...h,
-          ...b,
+          ...D,
+          ...j,
           triggerState: r,
-          className: A(G, i),
-          arrowRef: S,
-          arrow: O,
-          ref: e,
+          className: J(M, i),
+          arrowRef: b,
+          arrow: T,
+          ref: o,
           children: p
         }
       ),
       document.body
     ) : null;
-    return /* @__PURE__ */ N(z, { children: [
-      D,
-      r.isOpen && I
+    return /* @__PURE__ */ B(C, { children: [
+      L,
+      r.isOpen && N
     ] });
   }
-), or = K;
+);
 export {
   or as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, useImperativeHandle, useRef } from 'react';\r\n\r\nimport { mergeProps, useOverlayPosition, useTooltipTrigger, PositionProps } from 'react-aria';\r\nimport { useTooltipTriggerState } from 'react-stately';\r\nimport { createPortal } from 'react-dom';\r\nimport classNames from 'classnames';\r\nimport { TooltipUtils, TOOLTIP_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { ITooltipProps } from './Tooltip.types';\r\nimport { Overlay } from './Overlay';\r\n\r\nconst Tooltip = forwardRef<HTMLElement, ITooltipProps>(\r\n  ({ className, isOpen, trigger: triggerElement, overlay, shouldFlip, triggerAction, onOpenChange, ...props }, ref) => {\r\n    const {\r\n      delay,\r\n      closeDelay,\r\n      isDisabled,\r\n      offset,\r\n      crossOffset,\r\n      arrow,\r\n      overlayPlacement,\r\n      arrowSize,\r\n      containerPadding,\r\n      arrowBoundaryOffset,\r\n    } = TooltipUtils.useProps(props);\r\n\r\n    const state = useTooltipTriggerState({\r\n      delay,\r\n      isOpen,\r\n      closeDelay,\r\n      trigger: triggerAction,\r\n      isDisabled,\r\n      onOpenChange,\r\n    });\r\n\r\n    const targetRef = useRef<HTMLElement>(null);\r\n    const overlayRef = useRef<HTMLElement>(null);\r\n    const arrowRef = useRef<HTMLElement>(null);\r\n\r\n    useImperativeHandle(ref, () => overlayRef.current as HTMLElement);\r\n\r\n    const { triggerProps, tooltipProps } = useTooltipTrigger(\r\n      {\r\n        isDisabled,\r\n        trigger: triggerAction,\r\n      },\r\n      state,\r\n      targetRef,\r\n    );\r\n\r\n    const overlayProps = useOverlayPosition({\r\n      placement: overlayPlacement as PositionProps['placement'],\r\n      targetRef,\r\n      overlayRef,\r\n      offset,\r\n      crossOffset,\r\n      shouldFlip,\r\n      arrowSize,\r\n      containerPadding,\r\n      arrowBoundaryOffset,\r\n      isOpen: state.isOpen,\r\n    });\r\n\r\n    const mergedProps = mergeProps(triggerElement.props, triggerProps);\r\n\r\n    const trigger = cloneElement(triggerElement, { ref: targetRef, ...mergedProps });\r\n\r\n    const portal =\r\n      typeof document !== 'undefined'\r\n        ? createPortal(\r\n            <Overlay\r\n              {...overlayProps}\r\n              {...tooltipProps}\r\n              triggerState={state}\r\n              className={classNames(TOOLTIP_CLASS, className)}\r\n              arrowRef={arrowRef}\r\n              arrow={arrow}\r\n              ref={overlayRef}\r\n            >\r\n              {overlay}\r\n            </Overlay>,\r\n            document.body,\r\n          )\r\n        : null;\r\n\r\n    return (\r\n      <>\r\n        {trigger}\r\n        {state.isOpen && portal}\r\n      </>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Tooltip;\r\n"],"names":["Tooltip","forwardRef","className","isOpen","triggerElement","overlay","shouldFlip","triggerAction","onOpenChange","props","ref","delay","closeDelay","isDisabled","offset","crossOffset","arrow","overlayPlacement","arrowSize","containerPadding","arrowBoundaryOffset","TooltipUtils.useProps","state","useTooltipTriggerState","targetRef","useRef","overlayRef","arrowRef","useImperativeHandle","triggerProps","tooltipProps","useTooltipTrigger","overlayProps","useOverlayPosition","mergedProps","mergeProps","trigger","cloneElement","portal","createPortal","jsx","Overlay","classNames","TOOLTIP_CLASS","jsxs","Fragment","Tooltip$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,SAASC,GAAgB,SAAAC,GAAS,YAAAC,GAAY,eAAAC,GAAe,cAAAC,GAAc,GAAGC,EAAA,GAASC,MAAQ;AAC7G,UAAA;AAAA,MACJ,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,IAAA,IACEC,EAAsBZ,CAAK,GAEzBa,IAAQC,EAAuB;AAAA,MACnC,OAAAZ;AAAA,MACA,QAAAR;AAAA,MACA,YAAAS;AAAA,MACA,SAASL;AAAA,MACT,YAAAM;AAAA,MACA,cAAAL;AAAA,IAAA,CACD,GAEKgB,IAAYC,EAAoB,IAAI,GACpCC,IAAaD,EAAoB,IAAI,GACrCE,IAAWF,EAAoB,IAAI;AAErB,IAAAG,EAAAlB,GAAK,MAAMgB,EAAW,OAAsB;AAE1D,UAAA,EAAE,cAAAG,GAAc,cAAAC,EAAA,IAAiBC;AAAA,MACrC;AAAA,QACE,YAAAlB;AAAA,QACA,SAASN;AAAA,MACX;AAAA,MACAe;AAAA,MACAE;AAAA,IAAA,GAGIQ,IAAeC,EAAmB;AAAA,MACtC,WAAWhB;AAAA,MACX,WAAAO;AAAA,MACA,YAAAE;AAAA,MACA,QAAAZ;AAAA,MACA,aAAAC;AAAA,MACA,YAAAT;AAAA,MACA,WAAAY;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,QAAQE,EAAM;AAAA,IAAA,CACf,GAEKY,IAAcC,EAAW/B,EAAe,OAAOyB,CAAY,GAE3DO,IAAUC,EAAajC,GAAgB,EAAE,KAAKoB,GAAW,GAAGU,GAAa,GAEzEI,IACJ,OAAO,WAAa,MAChBC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGT;AAAA,UACH,GAAGF;AAAA,UACJ,cAAcR;AAAA,UACd,WAAWoB,EAAWC,GAAezC,CAAS;AAAA,UAC9C,UAAAyB;AAAA,UACA,OAAAX;AAAA,UACA,KAAKU;AAAA,UAEJ,UAAArB;AAAA,QAAA;AAAA,MACH;AAAA,MACA,SAAS;AAAA,IAEX,IAAA;AAEN,WAEK,gBAAAuC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAAT;AAAA,MACAd,EAAM,UAAUgB;AAAA,IACnB,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAQ,KAAe9C;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { mergeProps, useOverlayPosition, useTooltipTrigger, PositionProps } from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport { TooltipUtils, TOOLTIP_CLASS } from 'acinguiux-ds-react-base';\n\nimport { ITooltipProps } from './Tooltip.types';\nimport { Overlay } from './Overlay';\n\nconst Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  ({ className, isOpen, trigger: triggerElement, overlay, shouldFlip, triggerAction, onOpenChange, targetRef: externalTargetRef, ...props }, ref) => {\n    const {\n      delay,\n      closeDelay,\n      isDisabled,\n      offset,\n      crossOffset,\n      arrow,\n      overlayPlacement,\n      arrowSize,\n      containerPadding,\n      arrowBoundaryOffset,\n    } = TooltipUtils.useProps(props);\n\n    const state = useTooltipTriggerState({\n      delay,\n      isOpen,\n      closeDelay,\n      trigger: triggerAction,\n      isDisabled,\n      onOpenChange,\n    });\n\n    const internalTargetRef = useRef<HTMLElement>(null);\n    const targetRef = externalTargetRef ?? internalTargetRef;\n    const overlayRef = useRef<HTMLElement>(null);\n    const arrowRef = useRef<HTMLElement>(null);\n\n    useImperativeHandle(ref, () => overlayRef.current as HTMLElement);\n\n    const { triggerProps, tooltipProps } = useTooltipTrigger(\n      {\n        isDisabled,\n        trigger: triggerAction,\n      },\n      state,\n      targetRef,\n    );\n\n    const overlayProps = useOverlayPosition({\n      placement: overlayPlacement as PositionProps['placement'],\n      targetRef,\n      overlayRef,\n      offset,\n      crossOffset,\n      shouldFlip,\n      arrowSize,\n      containerPadding,\n      arrowBoundaryOffset,\n      isOpen: state.isOpen,\n    });\n\n    const mergedProps = mergeProps(triggerElement.props, triggerProps);\n\n    const trigger = cloneElement(triggerElement, { ref: targetRef, ...mergedProps });\n\n    const portal =\n      typeof document !== 'undefined'\n        ? createPortal(\n            <Overlay\n              {...overlayProps}\n              {...tooltipProps}\n              triggerState={state}\n              className={classNames(TOOLTIP_CLASS, className)}\n              arrowRef={arrowRef}\n              arrow={arrow}\n              ref={overlayRef}\n            >\n              {overlay}\n            </Overlay>,\n            document.body,\n          )\n        : null;\n\n    return (\n      <>\n        {trigger}\n        {state.isOpen && portal}\n      </>\n    );\n  },\n);\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","className","isOpen","triggerElement","overlay","shouldFlip","triggerAction","onOpenChange","externalTargetRef","props","ref","delay","closeDelay","isDisabled","offset","crossOffset","arrow","overlayPlacement","arrowSize","containerPadding","arrowBoundaryOffset","TooltipUtils.useProps","state","useTooltipTriggerState","internalTargetRef","useRef","targetRef","overlayRef","arrowRef","useImperativeHandle","triggerProps","tooltipProps","useTooltipTrigger","overlayProps","useOverlayPosition","mergedProps","mergeProps","trigger","cloneElement","portal","createPortal","jsx","Overlay","classNames","TOOLTIP_CLASS","jsxs","Fragment"],"mappings":";;;;;;;;;AAWA,MAAMA,KAAUC;AAAA,EACd,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,SAASC,GAAgB,SAAAC,GAAS,YAAAC,GAAY,eAAAC,GAAe,cAAAC,GAAc,WAAWC,GAAmB,GAAGC,EAAA,GAASC,MAAQ;AAC3I,UAAA;AAAA,MACJ,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,IAAA,IACEC,EAAsBZ,CAAK,GAEzBa,IAAQC,EAAuB;AAAA,MACnC,OAAAZ;AAAA,MACA,QAAAT;AAAA,MACA,YAAAU;AAAA,MACA,SAASN;AAAA,MACT,YAAAO;AAAA,MACA,cAAAN;AAAA,IAAA,CACD,GAEKiB,IAAoBC,EAAoB,IAAI,GAC5CC,IAAYlB,KAAqBgB,GACjCG,IAAaF,EAAoB,IAAI,GACrCG,IAAWH,EAAoB,IAAI;AAErB,IAAAI,EAAAnB,GAAK,MAAMiB,EAAW,OAAsB;AAE1D,UAAA,EAAE,cAAAG,GAAc,cAAAC,EAAA,IAAiBC;AAAA,MACrC;AAAA,QACE,YAAAnB;AAAA,QACA,SAASP;AAAA,MACX;AAAA,MACAgB;AAAA,MACAI;AAAA,IACF,GAEMO,IAAeC,EAAmB;AAAA,MACtC,WAAWjB;AAAA,MACX,WAAAS;AAAA,MACA,YAAAC;AAAA,MACA,QAAAb;AAAA,MACA,aAAAC;AAAA,MACA,YAAAV;AAAA,MACA,WAAAa;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,QAAQE,EAAM;AAAA,IAAA,CACf,GAEKa,IAAcC,EAAWjC,EAAe,OAAO2B,CAAY,GAE3DO,IAAUC,EAAanC,GAAgB,EAAE,KAAKuB,GAAW,GAAGS,GAAa,GAEzEI,IACJ,OAAO,WAAa,MAChBC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGT;AAAA,UACH,GAAGF;AAAA,UACJ,cAAcT;AAAA,UACd,WAAWqB,EAAWC,GAAe3C,CAAS;AAAA,UAC9C,UAAA2B;AAAA,UACA,OAAAZ;AAAA,UACA,KAAKW;AAAA,UAEJ,UAAAvB;AAAA,QAAA;AAAA,MACH;AAAA,MACA,SAAS;AAAA,IAAA,IAEX;AAEN,WAEK,gBAAAyC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAAT;AAAA,MACAf,EAAM,UAAUiB;AAAA,IAAA,GACnB;AAAA,EAAA;AAGN;"}

package/build/esm/components/Tooltip/Tooltip.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode, RefObject } from 'react';
 import { TooltipTriggerProps, PositionProps } from 'react-aria';
 export interface ITooltipProps extends Omit<TooltipTriggerProps, 'trigger'>, Omit<PositionProps, 'containerPadding'> {
     className?: string;
@@ -6,5 +6,6 @@ export interface ITooltipProps extends Omit<TooltipTriggerProps, 'trigger'>, Omi
     trigger: ReactElement;
     triggerAction?: TooltipTriggerProps['trigger'];
     arrow?: boolean;
+    targetRef?: RefObject<HTMLElement | null>;
 }
 //# sourceMappingURL=Tooltip.types.d.ts.map

package/build/esm/components/Tooltip/Tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC;IAClH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC;IAClH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC3C"}

package/build/esm/components/Tree/Tree.js

@@ -2,9 +2,9 @@ import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as R, useRef as w, useState as B, useEffect as F } from "react";
 import { Tree as I } from "./Tree.styles.js";
 import N from "./components/TreeNode/TreeNode.js";
-import { patchData as x, updateNodeByPath as d, getByPath as h, deepCloneTree as C, updateParentOnCheckboxChange as $ } from "./utils/treeUtils.js";
-import { useProps as j } from "../../react-base/src/components/Tree/Tree.utils.js";
-const z = R(
+import { patchData as x, updateNodeByPath as d, getByPath as h, deepCloneTree as C, updateParentOnCheckboxChange as j } from "./utils/treeUtils.js";
+import { useProps as z } from "../../react-base/src/components/Tree/Tree.utils.js";
+const v = R(
   ({
     ...D
   }, k) => {
@@ -18,7 +18,7 @@ const z = R(
       onExpand: p,
       loadData: o,
       ...P
-    } = j(D), [r, s] = B(x({ nextData: i, loadData: o, isDisabled: c }));
+    } = z(D), [r, s] = B(x({ nextData: i, loadData: o, isDisabled: c }));
     F(() => {
       if (u.current) {
         u.current = !1;
@@ -41,7 +41,7 @@ const z = R(
         return;
       const n = e.isChecked === "indeterminate" ? !0 : !e.isChecked;
       let a = d([...r], [...t], { isChecked: n }, !0);
-      a = $(a, [...t]), s(a);
+      a = j(a, [...t]), s(a);
       const m = h(a, t);
       m && f && f(m, C(a));
     };
@@ -60,8 +60,8 @@ const z = R(
       e.key
     )) });
   }
-), A = z;
+);
 export {
-  A as default
+  v as default
 };
 //# sourceMappingURL=Tree.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import { useEffect, useRef, useState, forwardRef, ForwardedRef } from 'react';\r\n\r\nimport { TreeTypes, TreeUtils } from 'acinguiux-ds-react-base';\r\n\r\nimport * as Styled from './Tree.styles';\r\nimport { ITreeProps } from './Tree.types';\r\nimport TreeNodeComponent from './components/TreeNode/TreeNode';\r\nimport { updateNodeByPath, getByPath, patchData, updateParentOnCheckboxChange, deepCloneTree } from './utils/treeUtils';\r\n\r\nconst Tree = forwardRef(\r\n  (\r\n    {\r\n      ...props\r\n    }: ITreeProps,\r\n    ref: ForwardedRef<HTMLUListElement>,\r\n  ) => {\r\n    const checkFirstRender = useRef(true);\r\n    const {\r\n      treeData,\r\n      size,\r\n      showIcon,\r\n      isCheckable,\r\n      isDisabled,\r\n      onCheck,\r\n      onExpand,\r\n      loadData,\r\n      ...treeProps\r\n    } = TreeUtils.useProps(props);\r\n\r\n    const [data, setData] = useState(patchData({ nextData: treeData, loadData, isDisabled }));\r\n\r\n    useEffect(() => {\r\n      if (checkFirstRender.current) {\r\n        checkFirstRender.current = false;\r\n\r\n        return;\r\n      }\r\n\r\n      setData(patchData({ nextData: treeData, loadData, isDisabled }));\r\n    }, [treeData, isDisabled]);\r\n\r\n    const onToggleExpanded: TreeTypes.ToggleExpandedType = async ({ node, path = [] }) => {\r\n      if (!data) {\r\n        return;\r\n      }\r\n\r\n      if (!node.children && loadData) {\r\n        const nextData = updateNodeByPath([...data], [...path], { isLoading: true, isExpanded: true });\r\n        setData(nextData);\r\n        loadData(node);\r\n\r\n        return;\r\n      }\r\n\r\n      const nextData = updateNodeByPath([...data], [...path], { isExpanded: !node.isExpanded });\r\n      setData(nextData);\r\n\r\n      if (onExpand) {\r\n        onExpand(getByPath(nextData, path) as TreeTypes.TreeNode, deepCloneTree(nextData as TreeTypes.TreeNode[]));\r\n      }\r\n    };\r\n\r\n    const onToggleChecked: TreeTypes.ToggleCheckedType = ({ node, path = [] }) => {\r\n      if (!data) {\r\n        return;\r\n      }\r\n\r\n      const nextValue = node.isChecked === 'indeterminate' ? true : !node.isChecked;\r\n\r\n      let nextData = updateNodeByPath([...data], [...path], { isChecked: nextValue }, true);\r\n      nextData = updateParentOnCheckboxChange(nextData, [...path]);\r\n      setData(nextData);\r\n\r\n      const updatedItem = getByPath(nextData, path);\r\n      if (updatedItem && onCheck) {\r\n        onCheck(updatedItem, deepCloneTree(nextData as TreeTypes.TreeNode[]));\r\n      }\r\n    };\r\n\r\n    return (\r\n      <Styled.Tree role=\"tree\" aria-multiselectable ref={ref} {...treeProps}>\r\n        {data?.map((node, i) => (\r\n          <TreeNodeComponent\r\n            key={node.key}\r\n            paddingFactor={0}\r\n            node={node}\r\n            path={[i]}\r\n            size={size}\r\n            isCheckable={isCheckable}\r\n            showIcon={showIcon}\r\n            onToggleExpanded={onToggleExpanded}\r\n            onToggleChecked={onToggleChecked}\r\n          />\r\n        ))}\r\n      </Styled.Tree>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Tree;\r\n"],"names":["Tree","forwardRef","props","ref","checkFirstRender","useRef","treeData","size","showIcon","isCheckable","isDisabled","onCheck","onExpand","loadData","treeProps","TreeUtils.useProps","data","setData","useState","patchData","useEffect","onToggleExpanded","node","path","nextData","updateNodeByPath","getByPath","deepCloneTree","onToggleChecked","nextValue","updateParentOnCheckboxChange","updatedItem","jsx","Styled.Tree","i","TreeNodeComponent","Tree$1"],"mappings":";;;;;;AASA,MAAMA,IAAOC;AAAA,EACX,CACE;AAAA,IACE,GAAGC;AAAA,KAELC,MACG;AACG,UAAAC,IAAmBC,EAAO,EAAI,GAC9B;AAAA,MACJ,UAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDC,EAAmBb,CAAK,GAEtB,CAACc,GAAMC,CAAO,IAAIC,EAASC,EAAU,EAAE,UAAUb,GAAU,UAAAO,GAAU,YAAAH,EAAW,CAAC,CAAC;AAExF,IAAAU,EAAU,MAAM;AACd,UAAIhB,EAAiB,SAAS;AAC5B,QAAAA,EAAiB,UAAU;AAE3B;AAAA,MACF;AAEA,MAAAa,EAAQE,EAAU,EAAE,UAAUb,GAAU,UAAAO,GAAU,YAAAH,EAAY,CAAA,CAAC;AAAA,IAAA,GAC9D,CAACJ,GAAUI,CAAU,CAAC;AAEzB,UAAMW,IAAiD,OAAO,EAAE,MAAAC,GAAM,MAAAC,IAAO,SAAS;AACpF,UAAI,CAACP;AACH;AAGE,UAAA,CAACM,EAAK,YAAYT,GAAU;AAC9B,cAAMW,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,WAAW,IAAM,YAAY,GAAM,CAAA;AAC7F,QAAAN,EAAQO,CAAQ,GAChBX,EAASS,CAAI;AAEb;AAAA,MACF;AAEA,YAAME,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,YAAY,CAACD,EAAK,WAAY,CAAA;AACxF,MAAAL,EAAQO,CAAQ,GAEZZ,KACFA,EAASc,EAAUF,GAAUD,CAAI,GAAyBI,EAAcH,CAAgC,CAAC;AAAA,IAC3G,GAGII,IAA+C,CAAC,EAAE,MAAAN,GAAM,MAAAC,IAAO,SAAS;AAC5E,UAAI,CAACP;AACH;AAGF,YAAMa,IAAYP,EAAK,cAAc,kBAAkB,KAAO,CAACA,EAAK;AAEpE,UAAIE,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,WAAWM,KAAa,EAAI;AACpF,MAAAL,IAAWM,EAA6BN,GAAU,CAAC,GAAGD,CAAI,CAAC,GAC3DN,EAAQO,CAAQ;AAEV,YAAAO,IAAcL,EAAUF,GAAUD,CAAI;AAC5C,MAAIQ,KAAepB,KACTA,EAAAoB,GAAaJ,EAAcH,CAAgC,CAAC;AAAA,IACtE;AAGF,WACG,gBAAAQ,EAAAC,GAAA,EAAY,MAAK,QAAO,wBAAoB,IAAC,KAAA9B,GAAW,GAAGW,GACzD,UAAAE,KAAA,gBAAAA,EAAM,IAAI,CAACM,GAAMY,MAChB,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,eAAe;AAAA,QACf,MAAAb;AAAA,QACA,MAAM,CAACY,CAAC;AAAA,QACR,MAAA3B;AAAA,QACA,aAAAE;AAAA,QACA,UAAAD;AAAA,QACA,kBAAAa;AAAA,QACA,iBAAAO;AAAA,MAAA;AAAA,MARKN,EAAK;AAAA,IAUb,GACH,CAAA;AAAA,EAEJ;AACF,GAEAc,IAAepC;"}
+{"version":3,"file":"Tree.js","sources":["../../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import { useEffect, useRef, useState, forwardRef, ForwardedRef } from 'react';\n\nimport { TreeTypes, TreeUtils } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Tree.styles';\nimport { ITreeProps } from './Tree.types';\nimport TreeNodeComponent from './components/TreeNode/TreeNode';\nimport { updateNodeByPath, getByPath, patchData, updateParentOnCheckboxChange, deepCloneTree } from './utils/treeUtils';\n\nconst Tree = forwardRef(\n  (\n    {\n      ...props\n    }: ITreeProps,\n    ref: ForwardedRef<HTMLUListElement>,\n  ) => {\n    const checkFirstRender = useRef(true);\n    const {\n      treeData,\n      size,\n      showIcon,\n      isCheckable,\n      isDisabled,\n      onCheck,\n      onExpand,\n      loadData,\n      ...treeProps\n    } = TreeUtils.useProps(props);\n\n    const [data, setData] = useState(patchData({ nextData: treeData, loadData, isDisabled }));\n\n    useEffect(() => {\n      if (checkFirstRender.current) {\n        checkFirstRender.current = false;\n\n        return;\n      }\n\n      setData(patchData({ nextData: treeData, loadData, isDisabled }));\n    }, [treeData, isDisabled]);\n\n    const onToggleExpanded: TreeTypes.ToggleExpandedType = async ({ node, path = [] }) => {\n      if (!data) {\n        return;\n      }\n\n      if (!node.children && loadData) {\n        const nextData = updateNodeByPath([...data], [...path], { isLoading: true, isExpanded: true });\n        setData(nextData);\n        loadData(node);\n\n        return;\n      }\n\n      const nextData = updateNodeByPath([...data], [...path], { isExpanded: !node.isExpanded });\n      setData(nextData);\n\n      if (onExpand) {\n        onExpand(getByPath(nextData, path) as TreeTypes.TreeNode, deepCloneTree(nextData as TreeTypes.TreeNode[]));\n      }\n    };\n\n    const onToggleChecked: TreeTypes.ToggleCheckedType = ({ node, path = [] }) => {\n      if (!data) {\n        return;\n      }\n\n      const nextValue = node.isChecked === 'indeterminate' ? true : !node.isChecked;\n\n      let nextData = updateNodeByPath([...data], [...path], { isChecked: nextValue }, true);\n      nextData = updateParentOnCheckboxChange(nextData, [...path]);\n      setData(nextData);\n\n      const updatedItem = getByPath(nextData, path);\n      if (updatedItem && onCheck) {\n        onCheck(updatedItem, deepCloneTree(nextData as TreeTypes.TreeNode[]));\n      }\n    };\n\n    return (\n      <Styled.Tree role=\"tree\" aria-multiselectable ref={ref} {...treeProps}>\n        {data?.map((node, i) => (\n          <TreeNodeComponent\n            key={node.key}\n            paddingFactor={0}\n            node={node}\n            path={[i]}\n            size={size}\n            isCheckable={isCheckable}\n            showIcon={showIcon}\n            onToggleExpanded={onToggleExpanded}\n            onToggleChecked={onToggleChecked}\n          />\n        ))}\n      </Styled.Tree>\n    );\n  },\n);\n\nexport default Tree;\n"],"names":["Tree","forwardRef","props","ref","checkFirstRender","useRef","treeData","size","showIcon","isCheckable","isDisabled","onCheck","onExpand","loadData","treeProps","TreeUtils.useProps","data","setData","useState","patchData","useEffect","onToggleExpanded","node","path","nextData","updateNodeByPath","getByPath","deepCloneTree","onToggleChecked","nextValue","updateParentOnCheckboxChange","updatedItem","jsx","Styled.Tree","i","TreeNodeComponent"],"mappings":";;;;;;AASA,MAAMA,IAAOC;AAAA,EACX,CACE;AAAA,IACE,GAAGC;AAAA,KAELC,MACG;AACG,UAAAC,IAAmBC,EAAO,EAAI,GAC9B;AAAA,MACJ,UAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDC,EAAmBb,CAAK,GAEtB,CAACc,GAAMC,CAAO,IAAIC,EAASC,EAAU,EAAE,UAAUb,GAAU,UAAAO,GAAU,YAAAH,EAAY,CAAA,CAAC;AAExF,IAAAU,EAAU,MAAM;AACd,UAAIhB,EAAiB,SAAS;AAC5B,QAAAA,EAAiB,UAAU;AAE3B;AAAA,MAAA;AAGF,MAAAa,EAAQE,EAAU,EAAE,UAAUb,GAAU,UAAAO,GAAU,YAAAH,EAAA,CAAY,CAAC;AAAA,IAAA,GAC9D,CAACJ,GAAUI,CAAU,CAAC;AAEzB,UAAMW,IAAiD,OAAO,EAAE,MAAAC,GAAM,MAAAC,IAAO,SAAS;AACpF,UAAI,CAACP;AACH;AAGE,UAAA,CAACM,EAAK,YAAYT,GAAU;AAC9B,cAAMW,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,WAAW,IAAM,YAAY,IAAM;AAC7F,QAAAN,EAAQO,CAAQ,GAChBX,EAASS,CAAI;AAEb;AAAA,MAAA;AAGF,YAAME,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,YAAY,CAACD,EAAK,YAAY;AACxF,MAAAL,EAAQO,CAAQ,GAEZZ,KACFA,EAASc,EAAUF,GAAUD,CAAI,GAAyBI,EAAcH,CAAgC,CAAC;AAAA,IAE7G,GAEMI,IAA+C,CAAC,EAAE,MAAAN,GAAM,MAAAC,IAAO,SAAS;AAC5E,UAAI,CAACP;AACH;AAGF,YAAMa,IAAYP,EAAK,cAAc,kBAAkB,KAAO,CAACA,EAAK;AAEpE,UAAIE,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,WAAWM,EAAA,GAAa,EAAI;AACpF,MAAAL,IAAWM,EAA6BN,GAAU,CAAC,GAAGD,CAAI,CAAC,GAC3DN,EAAQO,CAAQ;AAEV,YAAAO,IAAcL,EAAUF,GAAUD,CAAI;AAC5C,MAAIQ,KAAepB,KACTA,EAAAoB,GAAaJ,EAAcH,CAAgC,CAAC;AAAA,IAExE;AAEA,WACG,gBAAAQ,EAAAC,GAAA,EAAY,MAAK,QAAO,wBAAoB,IAAC,KAAA9B,GAAW,GAAGW,GACzD,UAAAE,KAAA,gBAAAA,EAAM,IAAI,CAACM,GAAMY,MAChB,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,eAAe;AAAA,QACf,MAAAb;AAAA,QACA,MAAM,CAACY,CAAC;AAAA,QACR,MAAA3B;AAAA,QACA,aAAAE;AAAA,QACA,UAAAD;AAAA,QACA,kBAAAa;AAAA,QACA,iBAAAO;AAAA,MAAA;AAAA,MARKN,EAAK;AAAA,IAUb,IACH;AAAA,EAAA;AAGN;"}

package/build/esm/components/Tree/Tree.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\n\r\nexport const Tree = styled.ul`\r\n  ${({ theme }) => css`\r\n    ${theme.heading[5].bold};\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 0;\r\n    margin: 0;\r\n  `}\r\n`;\r\n"],"names":["Tree","styled","theme","css"],"mappings":";AAEO,MAAMA,IAAOC,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAC,EAAY,MAAAC;AAAA,MACbD,EAAM,QAAQ,CAAC,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxB;AAAA;"}
+{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nexport const Tree = styled.ul`\n  ${({ theme }) => css`\n    ${theme.heading[5].bold};\n    display: flex;\n    flex-direction: column;\n    padding: 0;\n    margin: 0;\n  `}\n`;\n"],"names":["Tree","styled","theme","css"],"mappings":";AAEO,MAAMA,IAAOC,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA,MACbD,EAAM,QAAQ,CAAC,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxB;AAAA;"}

package/build/esm/components/Tree/components/TreeCheckbox/TreeCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeCheckbox.js","sources":["../../../../../../src/components/Tree/components/TreeCheckbox/TreeCheckbox.tsx"],"sourcesContent":["import { TreeTypes } from 'acinguiux-ds-react-base';\r\n\r\nimport * as Styled from './TreeCheckbox.styles';\r\n\r\ninterface ITreeCheckboxProps {\r\n  node: TreeTypes.TreeNode;\r\n  path: TreeTypes.PathType;\r\n  size: TreeTypes.Size;\r\n  onToggleChecked: TreeTypes.ToggleCheckedType;\r\n}\r\n\r\nconst TreeCheckbox = ({ node, path, size, onToggleChecked }: ITreeCheckboxProps) => {\r\n  const { isChecked, isDisabled } = node;\r\n\r\n  const onKeyDown = (e: any) => {\r\n    if (isDisabled || e.keyCode !== 32) {\r\n      return;\r\n    }\r\n\r\n    e.preventDefault();\r\n    onToggleChecked({ node, path });\r\n  };\r\n\r\n  const ariaChecked = isChecked === 'indeterminate' ? 'mixed' : !!isChecked;\r\n\r\n  return (\r\n    <Styled.TreeCheckbox\r\n      indeterminate={isChecked === 'indeterminate'}\r\n      checked={isChecked === true}\r\n      size={size}\r\n      onChange={() => onToggleChecked({ node, path })}\r\n      disabled={isDisabled}\r\n      aria-hidden\r\n      wrapperProps={{ role: 'checkbox', 'aria-checked': ariaChecked, tabIndex: -1, onKeyDown }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default TreeCheckbox;\r\n"],"names":["TreeCheckbox","node","path","size","onToggleChecked","isChecked","isDisabled","jsx","Styled.TreeCheckbox","e"],"mappings":";;AAWA,MAAMA,IAAe,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,MAAAC,GAAM,iBAAAC,QAA0C;AAC5E,QAAA,EAAE,WAAAC,GAAW,YAAAC,EAAe,IAAAL;AAchC,SAAA,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,eAAeH,MAAc;AAAA,MAC7B,SAASA,MAAc;AAAA,MACvB,MAAAF;AAAA,MACA,UAAU,MAAMC,EAAgB,EAAE,MAAAH,GAAM,MAAAC,GAAM;AAAA,MAC9C,UAAUI;AAAA,MACV,eAAW;AAAA,MACX,cAAc,EAAE,MAAM,YAAY,gBAVlBD,MAAc,kBAAkB,UAAU,CAAC,CAACA,GAUG,UAAU,IAAI,WAnB/D,CAACI,MAAW;AACxB,QAAAH,KAAcG,EAAE,YAAY,OAIhCA,EAAE,eAAe,GACDL,EAAA,EAAE,MAAAH,GAAM,MAAAC,EAAA,CAAM;AAAA,MAAA,EAa2D;AAAA,IAAA;AAAA,EAAA;AAG7F;"}
+{"version":3,"file":"TreeCheckbox.js","sources":["../../../../../../src/components/Tree/components/TreeCheckbox/TreeCheckbox.tsx"],"sourcesContent":["import { TreeTypes } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './TreeCheckbox.styles';\n\ninterface ITreeCheckboxProps {\n  node: TreeTypes.TreeNode;\n  path: TreeTypes.PathType;\n  size: TreeTypes.Size;\n  onToggleChecked: TreeTypes.ToggleCheckedType;\n}\n\nconst TreeCheckbox = ({ node, path, size, onToggleChecked }: ITreeCheckboxProps) => {\n  const { isChecked, isDisabled } = node;\n\n  const onKeyDown = (e: any) => {\n    if (isDisabled || e.keyCode !== 32) {\n      return;\n    }\n\n    e.preventDefault();\n    onToggleChecked({ node, path });\n  };\n\n  const ariaChecked = isChecked === 'indeterminate' ? 'mixed' : !!isChecked;\n\n  return (\n    <Styled.TreeCheckbox\n      indeterminate={isChecked === 'indeterminate'}\n      checked={isChecked === true}\n      size={size}\n      onChange={() => onToggleChecked({ node, path })}\n      disabled={isDisabled}\n      aria-hidden\n      wrapperProps={{ role: 'checkbox', 'aria-checked': ariaChecked, tabIndex: -1, onKeyDown }}\n    />\n  );\n};\n\nexport default TreeCheckbox;\n"],"names":["TreeCheckbox","node","path","size","onToggleChecked","isChecked","isDisabled","jsx","Styled.TreeCheckbox","e"],"mappings":";;AAWA,MAAMA,IAAe,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,MAAAC,GAAM,iBAAAC,QAA0C;AAC5E,QAAA,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeL;AAchC,SAAA,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,eAAeH,MAAc;AAAA,MAC7B,SAASA,MAAc;AAAA,MACvB,MAAAF;AAAA,MACA,UAAU,MAAMC,EAAgB,EAAE,MAAAH,GAAM,MAAAC,GAAM;AAAA,MAC9C,UAAUI;AAAA,MACV,eAAW;AAAA,MACX,cAAc,EAAE,MAAM,YAAY,gBAVlBD,MAAc,kBAAkB,UAAU,CAAC,CAACA,GAUG,UAAU,IAAI,WAnB/D,CAACI,MAAW;AACxB,QAAAH,KAAcG,EAAE,YAAY,OAIhCA,EAAE,eAAe,GACDL,EAAA,EAAE,MAAAH,GAAM,MAAAC,GAAM;AAAA,MAChC,EAY2F;AAAA,IAAA;AAAA,EACzF;AAEJ;"}

package/build/esm/components/Tree/components/TreeCheckbox/TreeCheckbox.styles.js

@@ -1,11 +1,11 @@
 import o from "styled-components";
 import e from "../../../Checkbox/Checkbox.js";
-const c = o(e)`
-  &:focus {
+const i = o(e)`
+  &:focus-visible {
     outline: none;
   }
 `;
 export {
-  c as TreeCheckbox
+  i as TreeCheckbox
 };
 //# sourceMappingURL=TreeCheckbox.styles.js.map

package/build/esm/components/Tree/components/TreeCheckbox/TreeCheckbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeCheckbox.styles.js","sources":["../../../../../../src/components/Tree/components/TreeCheckbox/TreeCheckbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Checkbox from '../../../Checkbox/Checkbox';\n\nexport const TreeCheckbox = styled(Checkbox)`\n  &:focus {\n    outline: none;\n  }\n`;\n"],"names":["TreeCheckbox","styled","Checkbox"],"mappings":";;AAIa,MAAAA,IAAeC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"TreeCheckbox.styles.js","sources":["../../../../../../src/components/Tree/components/TreeCheckbox/TreeCheckbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Checkbox from '../../../Checkbox/Checkbox';\n\nexport const TreeCheckbox = styled(Checkbox)`\n  &:focus-visible {\n    outline: none;\n  }\n`;\n"],"names":["TreeCheckbox","styled","Checkbox"],"mappings":";;AAIa,MAAAA,IAAeC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/components/Tree/components/TreeNode/TreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/components/Tree/components/TreeNode/TreeNode.tsx"],"sourcesContent":["import { TreeTypes } from 'acinguiux-ds-react-base';\r\n\r\nimport { ITreePropsRequired } from '../../Tree.types';\r\nimport TreeToggleNode from '../TreeToggleNode/TreeToggleNode';\r\nimport TreeCheckbox from '../TreeCheckbox/TreeCheckbox';\r\nimport * as StyledTree from '../../Tree.styles';\r\nimport * as Styled from './TreeNode.styles';\r\n\r\ntype ITreeNodeProps = Pick<ITreePropsRequired, 'size' | 'isCheckable' | 'showIcon'> & {\r\n  node: TreeTypes.TreeNode;\r\n  path: TreeTypes.PathType;\r\n  paddingFactor: number;\r\n  onToggleExpanded: TreeTypes.ToggleExpandedType;\r\n  onToggleChecked: TreeTypes.ToggleCheckedType;\r\n};\r\n\r\nconst TreeNodeComponent = (props: ITreeNodeProps) => {\r\n  const { paddingFactor, node, path = [], size, isCheckable, showIcon, onToggleExpanded, onToggleChecked } = props;\r\n\r\n  const getTreeCheckbox = () => {\r\n    if (!isCheckable) {\r\n      return undefined;\r\n    }\r\n\r\n    return <TreeCheckbox node={node} path={path} onToggleChecked={onToggleChecked} size={size} />;\r\n  };\r\n\r\n  const getIcon = () => {\r\n    if (!showIcon || !node?.icon) {\r\n      return undefined;\r\n    }\r\n\r\n    const icon = typeof node?.icon === 'function' ? node?.icon(node) : node?.icon;\r\n\r\n    return (\r\n      <Styled.NodeIcon aria-hidden isDisabled={node.isDisabled} size={size}>\r\n        {icon}\r\n      </Styled.NodeIcon>\r\n    );\r\n  };\r\n\r\n  const nextPaddingFactor = 1 + paddingFactor;\r\n\r\n  return (\r\n    <Styled.Node role=\"treeitem\" aria-expanded={node.isExpanded} aria-selected={!!node.isChecked}>\r\n      <Styled.NodeContent paddingFactor={paddingFactor} isActive={isCheckable || !!node.children} size={size} isDisabled={node.isDisabled}>\r\n        <TreeToggleNode node={node} path={path} size={size} onToggleExpanded={onToggleExpanded} />\r\n        {!node.isLoading && getTreeCheckbox()}\r\n        {!node.isLoading && getIcon()}\r\n        {node.isLoading ? 'Loading...' : node.title}\r\n      </Styled.NodeContent>\r\n\r\n      {node.isExpanded && !!node.children?.length && (\r\n        <StyledTree.Tree role=\"group\">\r\n          {node.children?.map((child, index) => (\r\n            <TreeNodeComponent {...props} key={child.key} node={child} paddingFactor={nextPaddingFactor} path={path.concat(index)} />\r\n          ))}\r\n        </StyledTree.Tree>\r\n      )}\r\n    </Styled.Node>\r\n  );\r\n};\r\n\r\nexport default TreeNodeComponent;\r\n"],"names":["TreeNodeComponent","props","paddingFactor","node","path","size","isCheckable","showIcon","onToggleExpanded","onToggleChecked","getTreeCheckbox","jsx","TreeCheckbox","getIcon","icon","Styled.NodeIcon","nextPaddingFactor","jsxs","Styled.Node","Styled.NodeContent","TreeToggleNode","_a","StyledTree.Tree","_b","child","index","createElement"],"mappings":";;;;;;AAgBM,MAAAA,IAAoB,CAACC,MAA0B;;AAC7C,QAAA,EAAE,eAAAC,GAAe,MAAAC,GAAM,MAAAC,IAAO,CAAA,GAAI,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,kBAAAC,GAAkB,iBAAAC,EAAA,IAAoBR,GAErGS,IAAkB,MAAM;AAC5B,QAAKJ;AAIL,aAAQ,gBAAAK,EAAAC,GAAA,EAAa,MAAAT,GAAY,MAAAC,GAAY,iBAAAK,GAAkC,MAAAJ,EAAY,CAAA;AAAA,EAAA,GAGvFQ,IAAU,MAAM;AACpB,QAAI,CAACN,KAAY,EAACJ,KAAA,QAAAA,EAAM;AACf;AAGH,UAAAW,IAAO,QAAOX,KAAA,gBAAAA,EAAM,SAAS,aAAaA,KAAA,gBAAAA,EAAM,KAAKA,KAAQA,KAAA,gBAAAA,EAAM;AAGvE,WAAA,gBAAAQ,EAACI,GAAA,EAAgB,eAAW,IAAC,YAAYZ,EAAK,YAAY,MAAAE,GACvD,UACHS,EAAA,CAAA;AAAA,EAAA,GAIEE,IAAoB,IAAId;AAE9B,SACG,gBAAAe,EAAAC,GAAA,EAAY,MAAK,YAAW,iBAAef,EAAK,YAAY,iBAAe,CAAC,CAACA,EAAK,WACjF,UAAA;AAAA,IAAA,gBAAAc,EAACE,GAAA,EAAmB,eAAAjB,GAA8B,UAAUI,KAAe,CAAC,CAACH,EAAK,UAAU,MAAAE,GAAY,YAAYF,EAAK,YACvH,UAAA;AAAA,MAAA,gBAAAQ,EAACS,GAAe,EAAA,MAAAjB,GAAY,MAAAC,GAAY,MAAAC,GAAY,kBAAAG,GAAoC;AAAA,MACvF,CAACL,EAAK,aAAaO,EAAgB;AAAA,MACnC,CAACP,EAAK,aAAaU,EAAQ;AAAA,MAC3BV,EAAK,YAAY,eAAeA,EAAK;AAAA,IAAA,GACxC;AAAA,IAECA,EAAK,cAAc,CAAC,GAACkB,IAAAlB,EAAK,aAAL,QAAAkB,EAAe,WACnC,gBAAAV,EAACW,GAAA,EAAgB,MAAK,SACnB,WAAKC,IAAApB,EAAA,aAAA,gBAAAoB,EAAU,IAAI,CAACC,GAAOC,MAC1B,gBAAAC,EAAC1B,KAAmB,GAAGC,GAAO,KAAKuB,EAAM,KAAK,MAAMA,GAAO,eAAeR,GAAmB,MAAMZ,EAAK,OAAOqB,CAAK,EAAA,CAAG,IAE3H;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/components/Tree/components/TreeNode/TreeNode.tsx"],"sourcesContent":["import { TreeTypes } from 'acinguiux-ds-react-base';\n\nimport { ITreePropsRequired } from '../../Tree.types';\nimport TreeToggleNode from '../TreeToggleNode/TreeToggleNode';\nimport TreeCheckbox from '../TreeCheckbox/TreeCheckbox';\nimport * as StyledTree from '../../Tree.styles';\nimport * as Styled from './TreeNode.styles';\n\ntype ITreeNodeProps = Pick<ITreePropsRequired, 'size' | 'isCheckable' | 'showIcon'> & {\n  node: TreeTypes.TreeNode;\n  path: TreeTypes.PathType;\n  paddingFactor: number;\n  onToggleExpanded: TreeTypes.ToggleExpandedType;\n  onToggleChecked: TreeTypes.ToggleCheckedType;\n};\n\nconst TreeNodeComponent = (props: ITreeNodeProps) => {\n  const { paddingFactor, node, path = [], size, isCheckable, showIcon, onToggleExpanded, onToggleChecked } = props;\n\n  const getTreeCheckbox = () => {\n    if (!isCheckable) {\n      return undefined;\n    }\n\n    return <TreeCheckbox node={node} path={path} onToggleChecked={onToggleChecked} size={size} />;\n  };\n\n  const getIcon = () => {\n    if (!showIcon || !node?.icon) {\n      return undefined;\n    }\n\n    const icon = typeof node?.icon === 'function' ? node?.icon(node) : node?.icon;\n\n    return (\n      <Styled.NodeIcon aria-hidden isDisabled={node.isDisabled} size={size}>\n        {icon}\n      </Styled.NodeIcon>\n    );\n  };\n\n  const nextPaddingFactor = 1 + paddingFactor;\n\n  return (\n    <Styled.Node role=\"treeitem\" aria-expanded={node.isExpanded} aria-selected={!!node.isChecked}>\n      <Styled.NodeContent paddingFactor={paddingFactor} isActive={isCheckable || !!node.children} size={size} isDisabled={node.isDisabled}>\n        <TreeToggleNode node={node} path={path} size={size} onToggleExpanded={onToggleExpanded} />\n        {!node.isLoading && getTreeCheckbox()}\n        {!node.isLoading && getIcon()}\n        {node.isLoading ? 'Loading...' : node.title}\n      </Styled.NodeContent>\n\n      {node.isExpanded && !!node.children?.length && (\n        <StyledTree.Tree role=\"group\">\n          {node.children?.map((child, index) => (\n            <TreeNodeComponent {...props} key={child.key} node={child} paddingFactor={nextPaddingFactor} path={path.concat(index)} />\n          ))}\n        </StyledTree.Tree>\n      )}\n    </Styled.Node>\n  );\n};\n\nexport default TreeNodeComponent;\n"],"names":["TreeNodeComponent","props","paddingFactor","node","path","size","isCheckable","showIcon","onToggleExpanded","onToggleChecked","getTreeCheckbox","jsx","TreeCheckbox","getIcon","icon","Styled.NodeIcon","nextPaddingFactor","jsxs","Styled.Node","Styled.NodeContent","TreeToggleNode","_a","StyledTree.Tree","_b","child","index","createElement"],"mappings":";;;;;;AAgBM,MAAAA,IAAoB,CAACC,MAA0B;;AAC7C,QAAA,EAAE,eAAAC,GAAe,MAAAC,GAAM,MAAAC,IAAO,CAAI,GAAA,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,kBAAAC,GAAkB,iBAAAC,EAAoB,IAAAR,GAErGS,IAAkB,MAAM;AAC5B,QAAKJ;AAIL,aAAQ,gBAAAK,EAAAC,GAAA,EAAa,MAAAT,GAAY,MAAAC,GAAY,iBAAAK,GAAkC,MAAAJ,GAAY;AAAA,EAC7F,GAEMQ,IAAU,MAAM;AACpB,QAAI,CAACN,KAAY,EAACJ,KAAA,QAAAA,EAAM;AACf;AAGH,UAAAW,IAAO,QAAOX,KAAA,gBAAAA,EAAM,SAAS,aAAaA,KAAA,gBAAAA,EAAM,KAAKA,KAAQA,KAAA,gBAAAA,EAAM;AAGvE,WAAA,gBAAAQ,EAACI,GAAA,EAAgB,eAAW,IAAC,YAAYZ,EAAK,YAAY,MAAAE,GACvD,UACHS,EAAA,CAAA;AAAA,EAEJ,GAEME,IAAoB,IAAId;AAE9B,SACG,gBAAAe,EAAAC,GAAA,EAAY,MAAK,YAAW,iBAAef,EAAK,YAAY,iBAAe,CAAC,CAACA,EAAK,WACjF,UAAA;AAAA,IAAA,gBAAAc,EAACE,GAAA,EAAmB,eAAAjB,GAA8B,UAAUI,KAAe,CAAC,CAACH,EAAK,UAAU,MAAAE,GAAY,YAAYF,EAAK,YACvH,UAAA;AAAA,MAAA,gBAAAQ,EAACS,GAAe,EAAA,MAAAjB,GAAY,MAAAC,GAAY,MAAAC,GAAY,kBAAAG,GAAoC;AAAA,MACvF,CAACL,EAAK,aAAaO,EAAgB;AAAA,MACnC,CAACP,EAAK,aAAaU,EAAQ;AAAA,MAC3BV,EAAK,YAAY,eAAeA,EAAK;AAAA,IAAA,GACxC;AAAA,IAECA,EAAK,cAAc,CAAC,GAACkB,IAAAlB,EAAK,aAAL,QAAAkB,EAAe,WACnC,gBAAAV,EAACW,GAAA,EAAgB,MAAK,SACnB,WAAKC,IAAApB,EAAA,aAAA,gBAAAoB,EAAU,IAAI,CAACC,GAAOC,MAC1B,gBAAAC,EAAC1B,KAAmB,GAAGC,GAAO,KAAKuB,EAAM,KAAK,MAAMA,GAAO,eAAeR,GAAmB,MAAMZ,EAAK,OAAOqB,CAAK,EAAG,CAAA,GAE3H,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/build/esm/components/Tree/components/TreeNode/TreeNode.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.styles.js","sources":["../../../../../../src/components/Tree/components/TreeNode/TreeNode.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { TreeTypes, TreeConsts, TreeUtils } from 'acinguiux-ds-react-base';\r\n\r\nimport { ITreeProps } from '../../Tree.types';\r\n\r\ntype NodeContentType = {\r\n  paddingFactor: number;\r\n  isDisabled: ITreeProps['isDisabled'];\r\n  size: TreeTypes.Size;\r\n  isActive: boolean;\r\n}\r\nexport const Node = styled.li`\r\n    display: flex;\r\n    flex-direction: column;\r\n`;\r\n\r\nexport const NodeContent = styled.label<NodeContentType>`\r\n  ${({ theme, size, paddingFactor, isDisabled, isActive }) => {\r\n    const styles = TreeUtils.getNodeContentStyle(theme);\r\n\r\n    return css`\r\n    ${TreeUtils.getTitleFontStyle(theme, size)};\r\n    ${styles.default};\r\n    display: flex;\r\n    align-items: center;\r\n    align-self: flex-start;\r\n    width: 100%;\r\n    height: 100%;\r\n    gap: ${TreeConsts.consts.gap[size]}px;\r\n    padding: ${TreeConsts.consts.padding[size]};\r\n    padding-left: ${paddingFactor * TreeConsts.consts.paddingLeft[size]}px;\r\n    border-radius: ${TreeConsts.consts.borderRadius[size]}px;\r\n\r\n    ${isDisabled ?\r\n        css`\r\n      ${styles.disabled}\r\n      cursor: not-allowed;\r\n\r\n    ` : css`\r\n      &&:hover { ${styles.hover} }\r\n\r\n      &&:active {\r\n        ${isActive && css`\r\n          ${styles.active}\r\n        `}\r\n      }\r\n      \r\n      &&:focus-visible { ${styles.focus} }\r\n    `}\r\n  `;\r\n  }\r\n  }\r\n`;\r\n\r\nexport const NodeIcon = styled.div<{ isDisabled: ITreeProps['isDisabled']; size: TreeTypes.Size }>`\r\n  ${({ theme, isDisabled, size }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    ${isDisabled &&\r\n    css`\r\n      svg {\r\n        fill: ${theme.onSurface.inactive.default.text.subtle};\r\n      }\r\n    `}\r\n\r\n    svg {\r\n      width: ${TreeConsts.consts.icon[size]}px;\r\n      height: ${TreeConsts.consts.icon[size]}px;\r\n    }\r\n  `}\r\n`;\r\n"],"names":["Node","styled","NodeContent","theme","size","paddingFactor","isDisabled","isActive","styles","TreeUtils.getNodeContentStyle","css","TreeUtils.getTitleFontStyle","TreeConsts.consts","NodeIcon"],"mappings":";;;AAWO,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA,GAKdC,IAAcD,EAAO;AAAA,IAC9B,CAAC,EAAE,OAAAE,GAAO,MAAAC,GAAM,eAAAC,GAAe,YAAAC,GAAY,UAAAC,QAAe;AACpD,QAAAC,IAASC,EAA8BN,CAAK;AAE3C,SAAAO;AAAA,MACLC,EAA4BR,GAAOC,CAAI,CAAC;AAAA,MACxCI,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMTI,EAAkB,IAAIR,CAAI,CAAC;AAAA,eACvBQ,EAAkB,QAAQR,CAAI,CAAC;AAAA,oBAC1BC,IAAgBO,EAAkB,YAAYR,CAAI,CAAC;AAAA,qBAClDQ,EAAkB,aAAaR,CAAI,CAAC;AAAA;AAAA,MAEnDE,IACEI;AAAA,QACAF,EAAO,QAAQ;AAAA;AAAA;AAAA,QAGfE;AAAA,mBACWF,EAAO,KAAK;AAAA;AAAA;AAAA,UAGrBD,KAAYG;AAAA,YACVF,EAAO,MAAM;AAAA,SAChB;AAAA;AAAA;AAAA,2BAGkBA,EAAO,KAAK;AAAA,KAClC;AAAA;AAEH,CACA;AAAA,GAGWK,IAAWZ,EAAO;AAAA,IAC3B,CAAC,EAAE,OAAAE,GAAO,YAAAG,GAAY,MAAAF,QAAWM;AAAA;AAAA;AAAA;AAAA,MAI/BJ,KACFI;AAAA;AAAA,gBAEYP,EAAM,UAAU,SAAS,QAAQ,KAAK,MAAM;AAAA;AAAA,KAEvD;AAAA;AAAA;AAAA,eAGUS,EAAkB,KAAKR,CAAI,CAAC;AAAA,gBAC3BQ,EAAkB,KAAKR,CAAI,CAAC;AAAA;AAAA,GAEzC;AAAA;"}
+{"version":3,"file":"TreeNode.styles.js","sources":["../../../../../../src/components/Tree/components/TreeNode/TreeNode.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { TreeTypes, TreeConsts, TreeUtils } from 'acinguiux-ds-react-base';\n\nimport { ITreeProps } from '../../Tree.types';\n\ntype NodeContentType = {\n  paddingFactor: number;\n  isDisabled: ITreeProps['isDisabled'];\n  size: TreeTypes.Size;\n  isActive: boolean;\n}\nexport const Node = styled.li`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const NodeContent = styled.label<NodeContentType>`\n  ${({ theme, size, paddingFactor, isDisabled, isActive }) => {\n    const styles = TreeUtils.getNodeContentStyle(theme);\n\n    return css`\n    ${TreeUtils.getTitleFontStyle(theme, size)};\n    ${styles.default};\n    display: flex;\n    align-items: center;\n    align-self: flex-start;\n    width: 100%;\n    height: 100%;\n    gap: ${TreeConsts.consts.gap[size]}px;\n    padding: ${TreeConsts.consts.padding[size]};\n    padding-left: ${paddingFactor * TreeConsts.consts.paddingLeft[size]}px;\n    border-radius: ${TreeConsts.consts.borderRadius[size]}px;\n\n    ${isDisabled ?\n        css`\n      ${styles.disabled}\n      cursor: not-allowed;\n\n    ` : css`\n      &&:hover { ${styles.hover} }\n\n      &&:active {\n        ${isActive && css`\n          ${styles.active}\n        `}\n      }\n      \n      &&:focus-visible { ${styles.focus} }\n    `}\n  `;\n  }\n  }\n`;\n\nexport const NodeIcon = styled.div<{ isDisabled: ITreeProps['isDisabled']; size: TreeTypes.Size }>`\n  ${({ theme, isDisabled, size }) => css`\n    display: flex;\n    align-items: center;\n\n    ${isDisabled &&\n    css`\n      svg {\n        fill: ${theme.onSurface.inactive.default.text.subtle};\n      }\n    `}\n\n    svg {\n      width: ${TreeConsts.consts.icon[size]}px;\n      height: ${TreeConsts.consts.icon[size]}px;\n    }\n  `}\n`;\n"],"names":["Node","styled","NodeContent","theme","size","paddingFactor","isDisabled","isActive","styles","TreeUtils.getNodeContentStyle","css","TreeUtils.getTitleFontStyle","TreeConsts.consts","NodeIcon"],"mappings":";;;AAWO,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA,GAKdC,IAAcD,EAAO;AAAA,IAC9B,CAAC,EAAE,OAAAE,GAAO,MAAAC,GAAM,eAAAC,GAAe,YAAAC,GAAY,UAAAC,QAAe;AACpD,QAAAC,IAASC,EAA8BN,CAAK;AAE3C,SAAAO;AAAA,MACLC,EAA4BR,GAAOC,CAAI,CAAC;AAAA,MACxCI,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMTI,EAAkB,IAAIR,CAAI,CAAC;AAAA,eACvBQ,EAAkB,QAAQR,CAAI,CAAC;AAAA,oBAC1BC,IAAgBO,EAAkB,YAAYR,CAAI,CAAC;AAAA,qBAClDQ,EAAkB,aAAaR,CAAI,CAAC;AAAA;AAAA,MAEnDE,IACEI;AAAA,QACAF,EAAO,QAAQ;AAAA;AAAA;AAAA,QAGfE;AAAA,mBACWF,EAAO,KAAK;AAAA;AAAA;AAAA,UAGrBD,KAAYG;AAAA,YACVF,EAAO,MAAM;AAAA,SAChB;AAAA;AAAA;AAAA,2BAGkBA,EAAO,KAAK;AAAA,KAClC;AAAA;AAEH,CACA;AAAA,GAGWK,IAAWZ,EAAO;AAAA,IAC3B,CAAC,EAAE,OAAAE,GAAO,YAAAG,GAAY,MAAAF,EAAW,MAAAM;AAAA;AAAA;AAAA;AAAA,MAI/BJ,KACFI;AAAA;AAAA,gBAEYP,EAAM,UAAU,SAAS,QAAQ,KAAK,MAAM;AAAA;AAAA,KAEvD;AAAA;AAAA;AAAA,eAGUS,EAAkB,KAAKR,CAAI,CAAC;AAAA,gBAC3BQ,EAAkB,KAAKR,CAAI,CAAC;AAAA;AAAA,GAEzC;AAAA;"}

package/build/esm/components/Tree/components/TreeToggleNode/TreeToggleNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeToggleNode.js","sources":["../../../../../../src/components/Tree/components/TreeToggleNode/TreeToggleNode.tsx"],"sourcesContent":["import { SyntheticEvent } from 'react';\r\n\r\nimport { TreeConsts, TreeTypes, TreeUtils } from 'acinguiux-ds-react-base';\r\n\r\nimport * as Styled from './TreeToggleNode.styles';\r\nimport { CaretSmallDown, CaretSmallRight } from '../../../Icon/components';\r\nimport Loading from '../../../Loading/Loading';\r\n\r\ntype ITreeToggleNodeProps = {\r\n  node: TreeTypes.TreeNode;\r\n  path: TreeTypes.PathType;\r\n  size: TreeTypes.Size;\r\n  onToggleExpanded: TreeTypes.ToggleExpandedType;\r\n};\r\n\r\nconst TreeToggleNode = ({ node, path = [], size, onToggleExpanded }: ITreeToggleNodeProps) => {\r\n  const { isExpanded, isLoading, isLeaf } = node;\r\n\r\n  const onToggle = (e: SyntheticEvent) => {\r\n    e.preventDefault();\r\n    onToggleExpanded({ node, path });\r\n  };\r\n\r\n  if (isLeaf) {\r\n    return <Styled.IconHolder size={TreeConsts.consts.icon[size]} />;\r\n  }\r\n\r\n  if (isLoading) {\r\n    return (\r\n      <Styled.IconHolder size={TreeConsts.consts.icon[size]}>\r\n        <Loading size={TreeUtils.getLoadingSize(size)} />\r\n      </Styled.IconHolder>\r\n    );\r\n  }\r\n\r\n  const Icon = isExpanded ? CaretSmallDown : CaretSmallRight;\r\n\r\n  return (\r\n    <Styled.ToggleButton onClick={onToggle} aria-label=\"Expand button\">\r\n      <Icon width={TreeConsts.consts.icon[size]} height={TreeConsts.consts.icon[size]} aria-hidden />\r\n    </Styled.ToggleButton>\r\n  );\r\n};\r\n\r\nexport default TreeToggleNode;\r\n"],"names":["TreeToggleNode","node","path","size","onToggleExpanded","isExpanded","isLoading","isLeaf","onToggle","e","jsx","Styled.IconHolder","TreeConsts.consts","Loading","TreeUtils.getLoadingSize","Styled.ToggleButton","CaretSmallDown","CaretSmallRight"],"mappings":";;;;;;;AAeM,MAAAA,IAAiB,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAO,CAAA,GAAI,MAAAC,GAAM,kBAAAC,QAA6C;AAC5F,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,QAAAC,EAAA,IAAWN,GAEpCO,IAAW,CAACC,MAAsB;AACtC,IAAAA,EAAE,eAAe,GACAL,EAAA,EAAE,MAAAH,GAAM,MAAAC,EAAA,CAAM;AAAA,EAAA;AAGjC,SAAIK,IACK,gBAAAG,EAACC,GAAA,EAAkB,MAAMC,EAAkB,KAAKT,CAAI,EAAG,CAAA,IAG5DG,sBAECK,GAAA,EAAkB,MAAMC,EAAkB,KAAKT,CAAI,GAClD,4BAACU,GAAQ,EAAA,MAAMC,EAAyBX,CAAI,GAAG,EACjD,CAAA,IAOF,gBAAAO,EAACK,GAAA,EAAoB,SAASP,GAAU,cAAW,iBACjD,UAAC,gBAAAE,EAJQL,IAAaW,IAAiBC,GAItC,EAAK,OAAOL,EAAkB,KAAKT,CAAI,GAAG,QAAQS,EAAkB,KAAKT,CAAI,GAAG,eAAW,GAAC,CAAA,EAC/F,CAAA;AAEJ;"}
+{"version":3,"file":"TreeToggleNode.js","sources":["../../../../../../src/components/Tree/components/TreeToggleNode/TreeToggleNode.tsx"],"sourcesContent":["import { SyntheticEvent } from 'react';\n\nimport { TreeConsts, TreeTypes, TreeUtils } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './TreeToggleNode.styles';\nimport { CaretSmallDown, CaretSmallRight } from '../../../Icon/components';\nimport Loading from '../../../Loading/Loading';\n\ntype ITreeToggleNodeProps = {\n  node: TreeTypes.TreeNode;\n  path: TreeTypes.PathType;\n  size: TreeTypes.Size;\n  onToggleExpanded: TreeTypes.ToggleExpandedType;\n};\n\nconst TreeToggleNode = ({ node, path = [], size, onToggleExpanded }: ITreeToggleNodeProps) => {\n  const { isExpanded, isLoading, isLeaf } = node;\n\n  const onToggle = (e: SyntheticEvent) => {\n    e.preventDefault();\n    onToggleExpanded({ node, path });\n  };\n\n  if (isLeaf) {\n    return <Styled.IconHolder size={TreeConsts.consts.icon[size]} />;\n  }\n\n  if (isLoading) {\n    return (\n      <Styled.IconHolder size={TreeConsts.consts.icon[size]}>\n        <Loading size={TreeUtils.getLoadingSize(size)} />\n      </Styled.IconHolder>\n    );\n  }\n\n  const Icon = isExpanded ? CaretSmallDown : CaretSmallRight;\n\n  return (\n    <Styled.ToggleButton onClick={onToggle} aria-label=\"Expand button\">\n      <Icon width={TreeConsts.consts.icon[size]} height={TreeConsts.consts.icon[size]} aria-hidden />\n    </Styled.ToggleButton>\n  );\n};\n\nexport default TreeToggleNode;\n"],"names":["TreeToggleNode","node","path","size","onToggleExpanded","isExpanded","isLoading","isLeaf","onToggle","e","jsx","Styled.IconHolder","TreeConsts.consts","Loading","TreeUtils.getLoadingSize","Styled.ToggleButton","CaretSmallDown","CaretSmallRight"],"mappings":";;;;;;;AAeM,MAAAA,IAAiB,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAO,CAAA,GAAI,MAAAC,GAAM,kBAAAC,QAA6C;AAC5F,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,QAAAC,EAAW,IAAAN,GAEpCO,IAAW,CAACC,MAAsB;AACtC,IAAAA,EAAE,eAAe,GACAL,EAAA,EAAE,MAAAH,GAAM,MAAAC,GAAM;AAAA,EACjC;AAEA,SAAIK,IACK,gBAAAG,EAACC,GAAA,EAAkB,MAAMC,EAAkB,KAAKT,CAAI,GAAG,IAG5DG,sBAECK,GAAA,EAAkB,MAAMC,EAAkB,KAAKT,CAAI,GAClD,4BAACU,GAAQ,EAAA,MAAMC,EAAyBX,CAAI,EAAG,CAAA,GACjD,IAOF,gBAAAO,EAACK,GAAA,EAAoB,SAASP,GAAU,cAAW,iBACjD,UAAC,gBAAAE,EAJQL,IAAaW,IAAiBC,GAItC,EAAK,OAAOL,EAAkB,KAAKT,CAAI,GAAG,QAAQS,EAAkB,KAAKT,CAAI,GAAG,eAAW,GAAA,CAAC,EAC/F,CAAA;AAEJ;"}

package/build/esm/components/Tree/components/TreeToggleNode/TreeToggleNode.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeToggleNode.styles.js","sources":["../../../../../../src/components/Tree/components/TreeToggleNode/TreeToggleNode.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { LayerColor } from 'acinguiux-ds-react-base';\r\n\r\nconst ToggleButton = styled.button`\r\n  ${({ theme }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    border: none;\r\n    background: transparent;\r\n    padding: 0;\r\n    margin: 0;\r\n    border-radius: 2px;\r\n    cursor: pointer;\r\n    color: ${theme.getLayer()[LayerColor.TextOnSurfaceStrong]};\r\n\r\n    &:focus-visible {\r\n      outline: 3px solid ${theme.additional.focus.subtle};\r\n    }\r\n  `}\r\n`;\r\n\r\nconst IconHolder = styled.div<{ size: number }>`\r\n  ${({ size }) => css`\r\n    width: ${size}px;\r\n    height: ${size}px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  `}\r\n`;\r\n\r\nexport { ToggleButton, IconHolder };\r\n"],"names":["ToggleButton","styled","theme","css","LayerColor","IconHolder","size"],"mappings":";;AAGA,MAAMA,IAAeC,EAAO;AAAA,IACxB,CAAC,EAAE,OAAAC,EAAY,MAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASND,EAAM,SAAA,EAAWE,EAAW,mBAAmB,CAAC;AAAA;AAAA;AAAA,2BAGlCF,EAAM,WAAW,MAAM,MAAM;AAAA;AAAA,GAErD;AAAA,GAGGG,IAAaJ,EAAO;AAAA,IACtB,CAAC,EAAE,MAAAK,EAAW,MAAAH;AAAA,aACLG,CAAI;AAAA,cACHA,CAAI;AAAA;AAAA;AAAA;AAAA,GAIf;AAAA;"}
+{"version":3,"file":"TreeToggleNode.styles.js","sources":["../../../../../../src/components/Tree/components/TreeToggleNode/TreeToggleNode.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { LayerColor } from 'acinguiux-ds-react-base';\n\nconst ToggleButton = styled.button`\n  ${({ theme }) => css`\n    display: flex;\n    align-items: center;\n    border: none;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border-radius: 2px;\n    cursor: pointer;\n    color: ${theme.getLayer()[LayerColor.TextOnSurfaceStrong]};\n\n    &:focus-visible {\n      outline: 3px solid ${theme.additional.focus.subtle};\n    }\n  `}\n`;\n\nconst IconHolder = styled.div<{ size: number }>`\n  ${({ size }) => css`\n    width: ${size}px;\n    height: ${size}px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `}\n`;\n\nexport { ToggleButton, IconHolder };\n"],"names":["ToggleButton","styled","theme","css","LayerColor","IconHolder","size"],"mappings":";;AAGA,MAAMA,IAAeC,EAAO;AAAA,IACxB,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASND,EAAM,SAAA,EAAWE,EAAW,mBAAmB,CAAC;AAAA;AAAA;AAAA,2BAGlCF,EAAM,WAAW,MAAM,MAAM;AAAA;AAAA,GAErD;AAAA,GAGGG,IAAaJ,EAAO;AAAA,IACtB,CAAC,EAAE,MAAAK,EAAA,MAAWH;AAAA,aACLG,CAAI;AAAA,cACHA,CAAI;AAAA;AAAA;AAAA;AAAA,GAIf;AAAA;"}

package/build/esm/components/Tree/utils/treeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeUtils.js","sources":["../../../../../src/components/Tree/utils/treeUtils.ts"],"sourcesContent":["import { TreeTypes } from 'acinguiux-ds-react-base';\r\n\r\nimport { ITreePropsRequired, PatchDataArgsType, DeepClone } from '../Tree.types';\r\n\r\nexport const getIsLeaf = (node: TreeTypes.TreeNode, loadData?: ITreePropsRequired['loadData']) => {\r\n  if (typeof node.isLeaf === 'boolean') {\r\n    return node.isLeaf;\r\n  }\r\n\r\n  return loadData ? false : !node.children;\r\n};\r\n\r\nexport const getByPath = (data: TreeTypes.TreeNode[] | undefined, path: number[]): TreeTypes.TreeNode | undefined => {\r\n  if (!data || !path?.length) {\r\n    return undefined;\r\n  }\r\n\r\n  const index = path.shift() as number;\r\n\r\n  if (path.length > 0) {\r\n    return getByPath(data[index].children, path);\r\n  }\r\n\r\n  return data[index];\r\n};\r\n\r\nexport const getByKey = (data: TreeTypes.TreeNode[] | undefined, key: TreeTypes.TreeNode['key']): TreeTypes.TreeNode | undefined => {\r\n  if (!data?.length) return undefined;\r\n\r\n  return (\r\n    data.find((node) => node.key === key) ||\r\n    getByKey(\r\n      data.flatMap((node) => node.children || []),\r\n      key,\r\n    ) ||\r\n    undefined\r\n  );\r\n};\r\n\r\nexport const getParentCheckedState = (nodes?: TreeTypes.TreeNode[]): TreeTypes.TreeNode['isChecked'] => {\r\n  if (!nodes?.length) {\r\n    return false;\r\n  }\r\n\r\n  const nonDisabledNodes = nodes.filter((child) => !child.isDisabled);\r\n  const isChecked = nonDisabledNodes.length && nonDisabledNodes.every((child) => child.isChecked === true);\r\n\r\n  if (isChecked) {\r\n    return true;\r\n  }\r\n\r\n  const isIndeterminate = nodes.some((child) => !!child.isChecked);\r\n\r\n  if (isIndeterminate) {\r\n    return 'indeterminate';\r\n  }\r\n\r\n  return false;\r\n};\r\n\r\nexport const patchDataRecursive = ({\r\n  nextData,\r\n  loadData,\r\n  isDisabled,\r\n  isChecked,\r\n}: PatchDataArgsType): [TreeTypes.TreeNode[] | undefined, TreeTypes.TreeNode['isChecked']] => {\r\n  if (!nextData) {\r\n    return [nextData, false];\r\n  }\r\n\r\n  const data = nextData.map((node) => {\r\n    const currentIsDisabled = isDisabled || node.isDisabled;\r\n    const currentIsChecked = !currentIsDisabled && (isChecked === true || node.isChecked);\r\n\r\n    const [children, isCheckedFromChildren] = patchDataRecursive({\r\n      nextData: node.children,\r\n      loadData,\r\n      isDisabled: currentIsDisabled,\r\n      isChecked: currentIsChecked,\r\n    });\r\n\r\n    return {\r\n      ...node,\r\n      isExpanded: node.isExpanded,\r\n      isChecked: isCheckedFromChildren || currentIsChecked,\r\n      isDisabled: currentIsDisabled,\r\n      isLeaf: getIsLeaf(node, loadData),\r\n      children,\r\n    };\r\n  });\r\n\r\n  return [data, getParentCheckedState(data)];\r\n};\r\n\r\nexport const patchData = ({ nextData, loadData, isDisabled }: PatchDataArgsType): TreeTypes.TreeNode[] | undefined => {\r\n  const [data] = patchDataRecursive({ nextData, loadData, isDisabled });\r\n\r\n  return data;\r\n};\r\n\r\nexport const setRecursively = (node: TreeTypes.TreeNode, dataToUpdate: Partial<TreeTypes.TreeNode>) => {\r\n  Object.assign(node, dataToUpdate);\r\n\r\n  node.children?.forEach((child) => {\r\n    setRecursively(child, dataToUpdate);\r\n  });\r\n};\r\n\r\nexport const updateNodeByPath = (\r\n  data: TreeTypes.TreeNode[],\r\n  path: number[],\r\n  dataToUpdate: Partial<TreeTypes.TreeNode>,\r\n  recursively?: boolean,\r\n) => {\r\n  const node = getByPath(data, path);\r\n\r\n  if (!node) {\r\n    return undefined;\r\n  }\r\n\r\n  Object.assign(node, dataToUpdate);\r\n\r\n  if (recursively) {\r\n    node.children\r\n      ?.filter((child) => !child.isDisabled)\r\n      .forEach((child) => {\r\n        setRecursively(child, dataToUpdate);\r\n      });\r\n  }\r\n\r\n  return data;\r\n};\r\n\r\nexport const updateParentOnCheckboxChange = (data: TreeTypes.TreeNode[] | undefined, path: number[]): TreeTypes.TreeNode[] | undefined => {\r\n  const parentPath = path.slice(0, -1);\r\n\r\n  if (!parentPath.length) {\r\n    return data;\r\n  }\r\n\r\n  const parent = getByPath(data, [...parentPath]);\r\n\r\n  if (!parent) {\r\n    return undefined;\r\n  }\r\n\r\n  parent.isChecked = getParentCheckedState(parent.children);\r\n\r\n  return updateParentOnCheckboxChange(data, parentPath);\r\n};\r\n\r\nconst deepCloneNode = <T extends Record<string, any>>(obj: T): DeepClone<T> => {\r\n  const clonedObj = {} as DeepClone<T>;\r\n\r\n  Object.keys(obj).forEach((key) => {\r\n    const value = obj[key as keyof T];\r\n\r\n    if (key === 'icon') {\r\n      clonedObj[key as keyof DeepClone<T>] = value as any;\r\n    } else if (Array.isArray(value)) {\r\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\r\n      clonedObj[key as keyof DeepClone<T>] = deepCloneTree(value) as DeepClone<T[keyof T]>;\r\n    } else if (value !== null && typeof value === 'object') {\r\n      clonedObj[key as keyof DeepClone<T>] = deepCloneNode(value) as DeepClone<T[keyof T]>;\r\n    } else {\r\n      clonedObj[key as keyof DeepClone<T>] = value as DeepClone<T[keyof T]>;\r\n    }\r\n  });\r\n\r\n  return clonedObj;\r\n};\r\n\r\nexport const deepCloneTree = <T>(arr: T[]): DeepClone<T[]> =>\r\n  arr.map((item) => {\r\n    if (Array.isArray(item)) {\r\n      return deepCloneTree(item) as DeepClone<T>;\r\n    }\r\n\r\n    if (item !== null && typeof item === 'object') {\r\n      return deepCloneNode(item) as DeepClone<T>;\r\n    }\r\n\r\n    return item;\r\n  }) as DeepClone<T[]>;\r\n  "],"names":["getIsLeaf","node","loadData","getByPath","data","path","index","getParentCheckedState","nodes","nonDisabledNodes","child","patchDataRecursive","nextData","isDisabled","isChecked","currentIsDisabled","currentIsChecked","children","isCheckedFromChildren","patchData","setRecursively","dataToUpdate","_a","updateNodeByPath","recursively","updateParentOnCheckboxChange","parentPath","parent","deepCloneNode","obj","clonedObj","key","value","deepCloneTree","arr","item"],"mappings":"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"}
+{"version":3,"file":"treeUtils.js","sources":["../../../../../src/components/Tree/utils/treeUtils.ts"],"sourcesContent":["import { TreeTypes } from 'acinguiux-ds-react-base';\n\nimport { ITreePropsRequired, PatchDataArgsType, DeepClone } from '../Tree.types';\n\nexport const getIsLeaf = (node: TreeTypes.TreeNode, loadData?: ITreePropsRequired['loadData']) => {\n  if (typeof node.isLeaf === 'boolean') {\n    return node.isLeaf;\n  }\n\n  return loadData ? false : !node.children;\n};\n\nexport const getByPath = (data: TreeTypes.TreeNode[] | undefined, path: number[]): TreeTypes.TreeNode | undefined => {\n  if (!data || !path?.length) {\n    return undefined;\n  }\n\n  const index = path.shift() as number;\n\n  if (path.length > 0) {\n    return getByPath(data[index].children, path);\n  }\n\n  return data[index];\n};\n\nexport const getByKey = (data: TreeTypes.TreeNode[] | undefined, key: TreeTypes.TreeNode['key']): TreeTypes.TreeNode | undefined => {\n  if (!data?.length) return undefined;\n\n  return (\n    data.find((node) => node.key === key) ||\n    getByKey(\n      data.flatMap((node) => node.children || []),\n      key,\n    ) ||\n    undefined\n  );\n};\n\nexport const getParentCheckedState = (nodes?: TreeTypes.TreeNode[]): TreeTypes.TreeNode['isChecked'] => {\n  if (!nodes?.length) {\n    return false;\n  }\n\n  const nonDisabledNodes = nodes.filter((child) => !child.isDisabled);\n  const isChecked = nonDisabledNodes.length && nonDisabledNodes.every((child) => child.isChecked === true);\n\n  if (isChecked) {\n    return true;\n  }\n\n  const isIndeterminate = nodes.some((child) => !!child.isChecked);\n\n  if (isIndeterminate) {\n    return 'indeterminate';\n  }\n\n  return false;\n};\n\nexport const patchDataRecursive = ({\n  nextData,\n  loadData,\n  isDisabled,\n  isChecked,\n}: PatchDataArgsType): [TreeTypes.TreeNode[] | undefined, TreeTypes.TreeNode['isChecked']] => {\n  if (!nextData) {\n    return [nextData, false];\n  }\n\n  const data = nextData.map((node) => {\n    const currentIsDisabled = isDisabled || node.isDisabled;\n    const currentIsChecked = !currentIsDisabled && (isChecked === true || node.isChecked);\n\n    const [children, isCheckedFromChildren] = patchDataRecursive({\n      nextData: node.children,\n      loadData,\n      isDisabled: currentIsDisabled,\n      isChecked: currentIsChecked,\n    });\n\n    return {\n      ...node,\n      isExpanded: node.isExpanded,\n      isChecked: isCheckedFromChildren || currentIsChecked,\n      isDisabled: currentIsDisabled,\n      isLeaf: getIsLeaf(node, loadData),\n      children,\n    };\n  });\n\n  return [data, getParentCheckedState(data)];\n};\n\nexport const patchData = ({ nextData, loadData, isDisabled }: PatchDataArgsType): TreeTypes.TreeNode[] | undefined => {\n  const [data] = patchDataRecursive({ nextData, loadData, isDisabled });\n\n  return data;\n};\n\nexport const setRecursively = (node: TreeTypes.TreeNode, dataToUpdate: Partial<TreeTypes.TreeNode>) => {\n  Object.assign(node, dataToUpdate);\n\n  node.children?.forEach((child) => {\n    setRecursively(child, dataToUpdate);\n  });\n};\n\nexport const updateNodeByPath = (\n  data: TreeTypes.TreeNode[],\n  path: number[],\n  dataToUpdate: Partial<TreeTypes.TreeNode>,\n  recursively?: boolean,\n) => {\n  const node = getByPath(data, path);\n\n  if (!node) {\n    return undefined;\n  }\n\n  Object.assign(node, dataToUpdate);\n\n  if (recursively) {\n    node.children\n      ?.filter((child) => !child.isDisabled)\n      .forEach((child) => {\n        setRecursively(child, dataToUpdate);\n      });\n  }\n\n  return data;\n};\n\nexport const updateParentOnCheckboxChange = (data: TreeTypes.TreeNode[] | undefined, path: number[]): TreeTypes.TreeNode[] | undefined => {\n  const parentPath = path.slice(0, -1);\n\n  if (!parentPath.length) {\n    return data;\n  }\n\n  const parent = getByPath(data, [...parentPath]);\n\n  if (!parent) {\n    return undefined;\n  }\n\n  parent.isChecked = getParentCheckedState(parent.children);\n\n  return updateParentOnCheckboxChange(data, parentPath);\n};\n\nconst deepCloneNode = <T extends Record<string, any>>(obj: T): DeepClone<T> => {\n  const clonedObj = {} as DeepClone<T>;\n\n  Object.keys(obj).forEach((key) => {\n    const value = obj[key as keyof T];\n\n    if (key === 'icon') {\n      clonedObj[key as keyof DeepClone<T>] = value as any;\n    } else if (Array.isArray(value)) {\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      clonedObj[key as keyof DeepClone<T>] = deepCloneTree(value) as DeepClone<T[keyof T]>;\n    } else if (value !== null && typeof value === 'object') {\n      clonedObj[key as keyof DeepClone<T>] = deepCloneNode(value) as DeepClone<T[keyof T]>;\n    } else {\n      clonedObj[key as keyof DeepClone<T>] = value as DeepClone<T[keyof T]>;\n    }\n  });\n\n  return clonedObj;\n};\n\nexport const deepCloneTree = <T>(arr: T[]): DeepClone<T[]> =>\n  arr.map((item) => {\n    if (Array.isArray(item)) {\n      return deepCloneTree(item) as DeepClone<T>;\n    }\n\n    if (item !== null && typeof item === 'object') {\n      return deepCloneNode(item) as DeepClone<T>;\n    }\n\n    return item;\n  }) as DeepClone<T[]>;\n  "],"names":["getIsLeaf","node","loadData","getByPath","data","path","index","getParentCheckedState","nodes","nonDisabledNodes","child","patchDataRecursive","nextData","isDisabled","isChecked","currentIsDisabled","currentIsChecked","children","isCheckedFromChildren","patchData","setRecursively","dataToUpdate","_a","updateNodeByPath","recursively","updateParentOnCheckboxChange","parentPath","parent","deepCloneNode","obj","clonedObj","key","value","deepCloneTree","arr","item"],"mappings":"AAIa,MAAAA,IAAY,CAACC,GAA0BC,MAC9C,OAAOD,EAAK,UAAW,YAClBA,EAAK,SAGPC,IAAW,KAAQ,CAACD,EAAK,UAGrBE,IAAY,CAACC,GAAwCC,MAAmD;AACnH,MAAI,CAACD,KAAQ,EAACC,KAAA,QAAAA,EAAM;AACX;AAGH,QAAAC,IAAQD,EAAK,MAAM;AAErB,SAAAA,EAAK,SAAS,IACTF,EAAUC,EAAKE,CAAK,EAAE,UAAUD,CAAI,IAGtCD,EAAKE,CAAK;AACnB,GAeaC,IAAwB,CAACC,MAAkE;AAClG,MAAA,EAACA,KAAA,QAAAA,EAAO;AACH,WAAA;AAGT,QAAMC,IAAmBD,EAAM,OAAO,CAACE,MAAU,CAACA,EAAM,UAAU;AAGlE,SAFkBD,EAAiB,UAAUA,EAAiB,MAAM,CAACC,MAAUA,EAAM,cAAc,EAAI,IAG9F,KAGeF,EAAM,KAAK,CAACE,MAAU,CAAC,CAACA,EAAM,SAAS,IAGtD,kBAGF;AACT,GAEaC,IAAqB,CAAC;AAAA,EACjC,UAAAC;AAAA,EACA,UAAAV;AAAA,EACA,YAAAW;AAAA,EACA,WAAAC;AACF,MAA8F;AAC5F,MAAI,CAACF;AACI,WAAA,CAACA,GAAU,EAAK;AAGzB,QAAMR,IAAOQ,EAAS,IAAI,CAACX,MAAS;AAC5B,UAAAc,IAAoBF,KAAcZ,EAAK,YACvCe,IAAmB,CAACD,MAAsBD,MAAc,MAAQb,EAAK,YAErE,CAACgB,GAAUC,CAAqB,IAAIP,EAAmB;AAAA,MAC3D,UAAUV,EAAK;AAAA,MACf,UAAAC;AAAA,MACA,YAAYa;AAAA,MACZ,WAAWC;AAAA,IAAA,CACZ;AAEM,WAAA;AAAA,MACL,GAAGf;AAAA,MACH,YAAYA,EAAK;AAAA,MACjB,WAAWiB,KAAyBF;AAAA,MACpC,YAAYD;AAAA,MACZ,QAAQf,EAAUC,GAAMC,CAAQ;AAAA,MAChC,UAAAe;AAAA,IACF;AAAA,EAAA,CACD;AAED,SAAO,CAACb,GAAMG,EAAsBH,CAAI,CAAC;AAC3C,GAEae,IAAY,CAAC,EAAE,UAAAP,GAAU,UAAAV,GAAU,YAAAW,QAAsE;AAC9G,QAAA,CAACT,CAAI,IAAIO,EAAmB,EAAE,UAAAC,GAAU,UAAAV,GAAU,YAAAW,GAAY;AAE7D,SAAAT;AACT,GAEagB,IAAiB,CAACnB,GAA0BoB,MAA8C;AAhG1F,MAAAC;AAiGJ,SAAA,OAAOrB,GAAMoB,CAAY,IAE3BC,IAAArB,EAAA,aAAA,QAAAqB,EAAU,QAAQ,CAACZ,MAAU;AAChC,IAAAU,EAAeV,GAAOW,CAAY;AAAA,EAAA;AAEtC,GAEaE,IAAmB,CAC9BnB,GACAC,GACAgB,GACAG,MACG;AA7GQ,MAAAF;AA8GL,QAAArB,IAAOE,EAAUC,GAAMC,CAAI;AAEjC,MAAKJ;AAIE,kBAAA,OAAOA,GAAMoB,CAAY,GAE5BG,OACGF,IAAArB,EAAA,aAAA,QAAAqB,EACD,OAAO,CAACZ,MAAU,CAACA,EAAM,YAC1B,QAAQ,CAACA,MAAU;AAClB,MAAAU,EAAeV,GAAOW,CAAY;AAAA,IAAA,KAIjCjB;AACT,GAEaqB,IAA+B,CAACrB,GAAwCC,MAAqD;AACxI,QAAMqB,IAAarB,EAAK,MAAM,GAAG,EAAE;AAE/B,MAAA,CAACqB,EAAW;AACP,WAAAtB;AAGT,QAAMuB,IAASxB,EAAUC,GAAM,CAAC,GAAGsB,CAAU,CAAC;AAE9C,MAAKC;AAIE,WAAAA,EAAA,YAAYpB,EAAsBoB,EAAO,QAAQ,GAEjDF,EAA6BrB,GAAMsB,CAAU;AACtD,GAEME,IAAgB,CAAgCC,MAAyB;AAC7E,QAAMC,IAAY,CAAC;AAEnB,gBAAO,KAAKD,CAAG,EAAE,QAAQ,CAACE,MAAQ;AAC1B,UAAAC,IAAQH,EAAIE,CAAc;AAEhC,IAAIA,MAAQ,SACVD,EAAUC,CAAyB,IAAIC,IAC9B,MAAM,QAAQA,CAAK,IAElBF,EAAAC,CAAyB,IAAIE,EAAcD,CAAK,IACjDA,MAAU,QAAQ,OAAOA,KAAU,WAClCF,EAAAC,CAAyB,IAAIH,EAAcI,CAAK,IAE1DF,EAAUC,CAAyB,IAAIC;AAAA,EACzC,CACD,GAEMF;AACT,GAEaG,IAAgB,CAAIC,MAC/BA,EAAI,IAAI,CAACC,MACH,MAAM,QAAQA,CAAI,IACbF,EAAcE,CAAI,IAGvBA,MAAS,QAAQ,OAAOA,KAAS,WAC5BP,EAAcO,CAAI,IAGpBA,CACR;"}

package/build/esm/components/_internalComponents/ActionBar/ActionBar.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.consts.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.consts.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\r\n\r\nexport const actionBarConsts = {\r\n  [Sizes.Small]: {\r\n    gap: 12,\r\n  },\r\n  [Sizes.Medium]: {\r\n    gap: 12,\r\n  },\r\n  [Sizes.Large]: {\r\n    gap: 16,\r\n  },\r\n} as const;\r\n"],"names":["actionBarConsts","Sizes"],"mappings":";AAEO,MAAMA,IAAkB;AAAA,EAC7B,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,KAAK;AAAA,EACP;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,KAAK;AAAA,EACP;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,KAAK;AAAA,EACP;AACF;"}
+{"version":3,"file":"ActionBar.consts.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.consts.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nexport const actionBarConsts = {\n  [Sizes.Small]: {\n    gap: 12,\n  },\n  [Sizes.Medium]: {\n    gap: 12,\n  },\n  [Sizes.Large]: {\n    gap: 16,\n  },\n} as const;\n"],"names":["actionBarConsts","Sizes"],"mappings":";AAEO,MAAMA,IAAkB;AAAA,EAC7B,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,KAAK;AAAA,EACP;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,KAAK;AAAA,EACP;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,KAAK;AAAA,EAAA;AAET;"}

package/build/esm/components/_internalComponents/ActionBar/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.tsx"],"sourcesContent":["import { Sizes, Directions, Alignments } from 'acinguiux-ds-react-base';\r\n\r\nimport { IActionBarProps } from './ActionBar.types';\r\nimport * as Styled from './ActionBar.styles';\r\nimport Button from '../../Button/Button';\r\n\r\nconst ActionBar = ({\r\n  size = Sizes.Medium,\r\n  actions,\r\n  direction = Directions.Horizontal,\r\n  alignment = Alignments.Right,\r\n  fullWidth,\r\n}: IActionBarProps) => (\r\n  <Styled.ActionBar $direction={direction} $alignment={alignment} $fullWidth={fullWidth}>\r\n    {actions\r\n      .filter(({ showActionButton }) => showActionButton !== false)\r\n      .map(({ label, action, props }) => (\r\n        <Button key={label} size={size} onClick={action} {...props}>\r\n          {label}\r\n        </Button>\r\n      ))}\r\n  </Styled.ActionBar>\r\n);\r\n\r\nexport default ActionBar;\r\n"],"names":["ActionBar","size","Sizes","actions","direction","Directions","alignment","Alignments","fullWidth","Styled.ActionBar","showActionButton","label","action","props","jsx","Button"],"mappings":";;;;AAMA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC,IAAOC,EAAM;AAAA,EACb,SAAAC;AAAA,EACA,WAAAC,IAAYC,EAAW;AAAA,EACvB,WAAAC,IAAYC,EAAW;AAAA,EACvB,WAAAC;AACF,wBACGC,GAAA,EAAiB,YAAYL,GAAW,YAAYE,GAAW,YAAYE,GACzE,YACE,OAAO,CAAC,EAAE,kBAAAE,EAAA,MAAuBA,MAAqB,EAAK,EAC3D,IAAI,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,EAAA,MACpB,gBAAAC,EAAAC,GAAA,EAAmB,MAAAd,GAAY,SAASW,GAAS,GAAGC,GAClD,UADUF,EAAA,GAAAA,CAEb,CACD,EACL,CAAA;"}
+{"version":3,"file":"ActionBar.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.tsx"],"sourcesContent":["import { Sizes, Directions, Alignments } from 'acinguiux-ds-react-base';\n\nimport { IActionBarProps } from './ActionBar.types';\nimport * as Styled from './ActionBar.styles';\nimport Button from '../../Button/Button';\n\nconst ActionBar = ({\n  size = Sizes.Medium,\n  actions,\n  direction = Directions.Horizontal,\n  alignment = Alignments.Right,\n  fullWidth,\n}: IActionBarProps) => (\n  <Styled.ActionBar $direction={direction} $alignment={alignment} $fullWidth={fullWidth}>\n    {actions\n      .filter(({ showActionButton }) => showActionButton !== false)\n      .map(({ label, action, props }) => (\n        <Button key={label} size={size} onClick={action} {...props}>\n          {label}\n        </Button>\n      ))}\n  </Styled.ActionBar>\n);\n\nexport default ActionBar;\n"],"names":["ActionBar","size","Sizes","actions","direction","Directions","alignment","Alignments","fullWidth","Styled.ActionBar","showActionButton","label","action","props","jsx","Button"],"mappings":";;;;AAMA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC,IAAOC,EAAM;AAAA,EACb,SAAAC;AAAA,EACA,WAAAC,IAAYC,EAAW;AAAA,EACvB,WAAAC,IAAYC,EAAW;AAAA,EACvB,WAAAC;AACF,wBACGC,GAAA,EAAiB,YAAYL,GAAW,YAAYE,GAAW,YAAYE,GACzE,YACE,OAAO,CAAC,EAAE,kBAAAE,EAAA,MAAuBA,MAAqB,EAAK,EAC3D,IAAI,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,EAAA,MACpB,gBAAAC,EAAAC,GAAA,EAAmB,MAAAd,GAAY,SAASW,GAAS,GAAGC,GAClD,UADUF,EAAA,GAAAA,CAEb,CACD,EACL,CAAA;"}

package/build/esm/components/_internalComponents/ActionBar/ActionBar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.styles.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Transient, Directions, Sizes, Alignments } from 'acinguiux-ds-react-base';\r\n\r\nimport { IActionBarProps } from './ActionBar.types';\r\nimport { actionBarConsts } from './ActionBar.consts';\r\n\r\nconst ActionBar = styled.div<\r\n  Omit<Transient<IActionBarProps, 'direction' | 'alignment'>, 'actions'> & { $fullWidth?: boolean }\r\n>`\r\n  ${({ size = Sizes.Medium, $direction, $alignment }) => css`\r\n    display: flex;\r\n    gap: ${actionBarConsts[size].gap}px;\r\n    width: 100%;\r\n\r\n    ${$direction === Directions.Vertical &&\r\n    css`\r\n      flex-direction: column;\r\n    `}\r\n\r\n    ${$alignment === Alignments.Left &&\r\n    css`\r\n      justify-content: flex-start;\r\n    `}\r\n\r\n    ${$alignment === Alignments.Right &&\r\n    css`\r\n      justify-content: flex-end;\r\n    `}\r\n      \r\n    ${$alignment === Alignments.Center &&\r\n    css`\r\n      justify-content: center;\r\n    `}\r\n      \r\n    ${$alignment === Alignments.Fill &&\r\n    css`\r\n      justify-content: space-between;\r\n\r\n      > * {\r\n        flex: 1 1 auto;\r\n      }\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport { ActionBar };\r\n"],"names":["ActionBar","styled","size","Sizes","$direction","$alignment","css","actionBarConsts","Directions","Alignments"],"mappings":";;;AAMA,MAAMA,IAAYC,EAAO;AAAA,IAGrB,CAAC,EAAE,MAAAC,IAAOC,EAAM,QAAQ,YAAAC,GAAY,YAAAC,EAAiB,MAAAC;AAAA;AAAA,WAE9CC,EAAgBL,CAAI,EAAE,GAAG;AAAA;AAAA;AAAA,MAG9BE,MAAeI,EAAW,YAC5BF;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,MAAeI,EAAW,QAC5BH;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,MAAeI,EAAW,SAC5BH;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,MAAeI,EAAW,UAC5BH;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,MAAeI,EAAW,QAC5BH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMC;AAAA,GACF;AAAA;"}
+{"version":3,"file":"ActionBar.styles.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Transient, Directions, Sizes, Alignments } from 'acinguiux-ds-react-base';\n\nimport { IActionBarProps } from './ActionBar.types';\nimport { actionBarConsts } from './ActionBar.consts';\n\nconst ActionBar = styled.div<\n  Omit<Transient<IActionBarProps, 'direction' | 'alignment'>, 'actions'> & { $fullWidth?: boolean }\n>`\n  ${({ size = Sizes.Medium, $direction, $alignment }) => css`\n    display: flex;\n    gap: ${actionBarConsts[size].gap}px;\n    width: 100%;\n\n    ${$direction === Directions.Vertical &&\n    css`\n      flex-direction: column;\n    `}\n\n    ${$alignment === Alignments.Left &&\n    css`\n      justify-content: flex-start;\n    `}\n\n    ${$alignment === Alignments.Right &&\n    css`\n      justify-content: flex-end;\n    `}\n      \n    ${$alignment === Alignments.Center &&\n    css`\n      justify-content: center;\n    `}\n      \n    ${$alignment === Alignments.Fill &&\n    css`\n      justify-content: space-between;\n\n      > * {\n        flex: 1 1 auto;\n      }\n    `}\n  `}\n`;\n\nexport { ActionBar };\n"],"names":["ActionBar","styled","size","Sizes","$direction","$alignment","css","actionBarConsts","Directions","Alignments"],"mappings":";;;AAMA,MAAMA,IAAYC,EAAO;AAAA,IAGrB,CAAC,EAAE,MAAAC,IAAOC,EAAM,QAAQ,YAAAC,GAAY,YAAAC,QAAiBC;AAAA;AAAA,WAE9CC,EAAgBL,CAAI,EAAE,GAAG;AAAA;AAAA;AAAA,MAG9BE,MAAeI,EAAW,YAC5BF;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,MAAeI,EAAW,QAC5BH;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,MAAeI,EAAW,SAC5BH;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,MAAeI,EAAW,UAC5BH;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,MAAeI,EAAW,QAC5BH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMC;AAAA,GACF;AAAA;"}

package/build/esm/components/_internalComponents/ArrowKeys/ArrowKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowKeys.js","sources":["../../../../../src/components/_internalComponents/ArrowKeys/ArrowKeys.tsx"],"sourcesContent":["import { forwardRef, DetailedHTMLProps, HTMLAttributes } from 'react';\n\nimport classnames from 'classnames';\nimport { ARROW_KEYPAD_CLASS } from 'acinguiux-ds-react-base';\n\nimport { ChevronUp, ChevronLeft, ChevronDown, ChevronRight } from '../../Icon/components';\nimport { Key, Keypad, Keys } from './ArrowKeys.styles';\n\nconst ArrowKeys = forwardRef<HTMLDivElement, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <Keypad className={classnames(ARROW_KEYPAD_CLASS, className)} {...props} ref={ref}>\n      <Keys>\n        <Key>\n          <ChevronUp />\n        </Key>\n      </Keys>\n      <Keys>\n        <Key>\n          <ChevronLeft />\n        </Key>\n        <Key>\n          <ChevronDown />\n        </Key>\n        <Key>\n          <ChevronRight />\n        </Key>\n      </Keys>\n    </Keypad>\n  ),\n);\n\nexport default ArrowKeys;\n"],"names":["ArrowKeys","forwardRef","className","props","ref","jsxs","Keypad","classnames","ARROW_KEYPAD_CLASS","jsx","Keys","Key","ChevronUp","ChevronLeft","ChevronDown","ChevronRight"],"mappings":";;;;;;;;;AAQA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxB,gBAAAC,EAACC,GAAO,EAAA,WAAWC,EAAWC,GAAoBN,CAAS,GAAI,GAAGC,GAAO,KAAAC,GACvE,UAAA;AAAA,IAAA,gBAAAK,EAACC,KACC,UAAC,gBAAAD,EAAAE,GAAA,EACC,UAAC,gBAAAF,EAAAG,GAAA,EAAU,GACb,EACF,CAAA;AAAA,sBACCF,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAD,EAAAE,GAAA,EACC,UAAC,gBAAAF,EAAAI,GAAA,CAAY,CAAA,GACf;AAAA,MACC,gBAAAJ,EAAAE,GAAA,EACC,UAAC,gBAAAF,EAAAK,GAAA,CAAY,CAAA,GACf;AAAA,MACC,gBAAAL,EAAAE,GAAA,EACC,UAAC,gBAAAF,EAAAM,GAAA,CAAa,CAAA,GAChB;AAAA,IAAA,GACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ArrowKeys.js","sources":["../../../../../src/components/_internalComponents/ArrowKeys/ArrowKeys.tsx"],"sourcesContent":["import { forwardRef, DetailedHTMLProps, HTMLAttributes } from 'react';\n\nimport classnames from 'classnames';\nimport { ARROW_KEYPAD_CLASS } from 'acinguiux-ds-react-base';\n\nimport { ChevronUp, ChevronLeft, ChevronDown, ChevronRight } from '../../Icon/components';\nimport { Key, Keypad, Keys } from './ArrowKeys.styles';\n\nconst ArrowKeys = forwardRef<HTMLDivElement, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <Keypad className={classnames(ARROW_KEYPAD_CLASS, className)} {...props} ref={ref}>\n      <Keys>\n        <Key>\n          <ChevronUp />\n        </Key>\n      </Keys>\n      <Keys>\n        <Key>\n          <ChevronLeft />\n        </Key>\n        <Key>\n          <ChevronDown />\n        </Key>\n        <Key>\n          <ChevronRight />\n        </Key>\n      </Keys>\n    </Keypad>\n  ),\n);\n\nexport default ArrowKeys;\n"],"names":["ArrowKeys","forwardRef","className","props","ref","jsxs","Keypad","classnames","ARROW_KEYPAD_CLASS","jsx","Keys","Key","ChevronUp","ChevronLeft","ChevronDown","ChevronRight"],"mappings":";;;;;;;;;AAQA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxB,gBAAAC,EAACC,GAAO,EAAA,WAAWC,EAAWC,GAAoBN,CAAS,GAAI,GAAGC,GAAO,KAAAC,GACvE,UAAA;AAAA,IAAA,gBAAAK,EAACC,KACC,UAAC,gBAAAD,EAAAE,GAAA,EACC,UAAC,gBAAAF,EAAAG,GAAA,EAAU,GACb,EACF,CAAA;AAAA,sBACCF,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAD,EAAAE,GAAA,EACC,UAAC,gBAAAF,EAAAI,GAAA,CAAY,CAAA,GACf;AAAA,MACC,gBAAAJ,EAAAE,GAAA,EACC,UAAC,gBAAAF,EAAAK,GAAA,CAAY,CAAA,GACf;AAAA,MACC,gBAAAL,EAAAE,GAAA,EACC,UAAC,gBAAAF,EAAAM,GAAA,CAAA,CAAa,EAChB,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EACF,CAAA;AAEJ;"}

package/build/esm/components/_internalComponents/InfoBar/InfoBar.d.ts

@@ -1,4 +1,4 @@
 import { IInfoBarProps } from './InfoBar.types';
-declare const InfoBar: ({ size, meta, title, description, content, icon, direction, }: IInfoBarProps) => import("react/jsx-runtime").JSX.Element;
+declare const InfoBar: ({ size, meta, title, description, content, icon, iconPosition, direction, }: IInfoBarProps) => import("react/jsx-runtime").JSX.Element;
 export default InfoBar;
 //# sourceMappingURL=InfoBar.d.ts.map

package/build/esm/components/_internalComponents/InfoBar/InfoBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,QAAA,MAAM,OAAO,kEAQV,aAAa,4CAoBf,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"InfoBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,QAAA,MAAM,OAAO,gFASV,aAAa,4CAqBf,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/esm/components/_internalComponents/InfoBar/InfoBar.js

@@ -1,32 +1,34 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { InfoBar as x, InfoBarMeta as p, InfoBarIcon as I, InfoBarTitle as m, InfoBarDescription as t, InfoBarContent as B } from "./InfoBar.styles.js";
-import e from "../../Flexbox/Flexbox.js";
-import { Sizes as u, Directions as s } from "../../../react-base/src/consts.js";
-const y = ({
-  size: i = u.Medium,
-  meta: n,
-  title: o,
-  description: l,
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { InfoBar as I, InfoBarMeta as m, InfoBarIcon as p, InfoBarTitle as B, InfoBarDescription as u, InfoBarContent as s } from "./InfoBar.styles.js";
+import i from "../../Flexbox/Flexbox.js";
+import { Positions as x, Sizes as D, Directions as $ } from "../../../react-base/src/consts.js";
+const O = ({
+  size: n = D.Medium,
+  meta: o,
+  title: l,
+  description: f,
   content: c,
-  icon: a,
-  direction: h = s.Horizontal
+  icon: e,
+  iconPosition: d = "none",
+  direction: t = $.Horizontal
 }) => {
-  const d = !!(!n && !o && !l && c);
-  return /* @__PURE__ */ f(x, { $direction: h, $fullWidth: d, children: [
-    (n || o || l) && /* @__PURE__ */ f(e, { flexDirection: "column", gap: "8px", children: [
-      /* @__PURE__ */ f(e, { flexDirection: "column", gap: "4px", children: [
-        n && /* @__PURE__ */ r(p, { children: n }),
-        /* @__PURE__ */ f(e, { gap: "4px", children: [
-          a && /* @__PURE__ */ r(I, { size: i, children: a }),
-          o && /* @__PURE__ */ r(m, { size: i, children: o })
+  const h = !!(!o && !l && !f && c);
+  return /* @__PURE__ */ a(I, { $direction: t, $fullWidth: h, children: [
+    (o || l || f) && /* @__PURE__ */ a(i, { flexDirection: "column", gap: "8px", children: [
+      /* @__PURE__ */ a(i, { flexDirection: "column", gap: "4px", children: [
+        o && /* @__PURE__ */ r(m, { children: o }),
+        e && d === x.Top && /* @__PURE__ */ r(p, { size: n, children: e }),
+        /* @__PURE__ */ a(i, { gap: "4px", children: [
+          e && d === x.Left && /* @__PURE__ */ r(p, { size: n, children: e }),
+          l && /* @__PURE__ */ r(B, { size: n, children: l })
         ] })
       ] }),
-      l && /* @__PURE__ */ r(t, { size: i, children: l })
+      f && /* @__PURE__ */ r(u, { size: n, children: f })
     ] }),
-    c && /* @__PURE__ */ r(B, { $contentOnly: d, children: c })
+    c && /* @__PURE__ */ r(s, { $contentOnly: h, children: c })
   ] });
 };
 export {
-  y as default
+  O as default
 };
 //# sourceMappingURL=InfoBar.js.map

package/build/esm/components/_internalComponents/InfoBar/InfoBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBar.js","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.tsx"],"sourcesContent":["import { Sizes, Directions } from 'acinguiux-ds-react-base';\r\n\r\nimport { IInfoBarProps } from './InfoBar.types';\r\nimport * as Styled from './InfoBar.styles';\r\nimport Flexbox from '../../Flexbox/Flexbox';\r\n\r\nconst InfoBar = ({\r\n  size = Sizes.Medium,\r\n  meta,\r\n  title,\r\n  description,\r\n  content,\r\n  icon,\r\n  direction = Directions.Horizontal,\r\n}: IInfoBarProps) => {\r\n  const contentOnly = !!(!meta && !title && !description && content);\r\n\r\n  return (\r\n    <Styled.InfoBar $direction={direction} $fullWidth={contentOnly}>\r\n      {(meta || title || description) && (\r\n        <Flexbox flexDirection=\"column\" gap=\"8px\">\r\n          <Flexbox flexDirection=\"column\" gap=\"4px\">\r\n            {meta && <Styled.InfoBarMeta>{meta}</Styled.InfoBarMeta>}\r\n            <Flexbox gap=\"4px\">\r\n              {icon && <Styled.InfoBarIcon size={size}>{icon}</Styled.InfoBarIcon>}\r\n              {title && <Styled.InfoBarTitle size={size}>{title}</Styled.InfoBarTitle>}\r\n            </Flexbox>\r\n          </Flexbox>\r\n          {description && <Styled.InfoBarDescription size={size}>{description}</Styled.InfoBarDescription>}\r\n        </Flexbox>\r\n      )}\r\n      {content && <Styled.InfoBarContent $contentOnly={contentOnly}>{content}</Styled.InfoBarContent>}\r\n    </Styled.InfoBar>\r\n  );\r\n};\r\n\r\nexport default InfoBar;\r\n"],"names":["InfoBar","size","Sizes","meta","title","description","content","icon","direction","Directions","contentOnly","Styled.InfoBar","jsxs","Flexbox","jsx","Styled.InfoBarMeta","Styled.InfoBarIcon","Styled.InfoBarTitle","Styled.InfoBarDescription","Styled.InfoBarContent"],"mappings":";;;;AAMA,MAAMA,IAAU,CAAC;AAAA,EACf,MAAAC,IAAOC,EAAM;AAAA,EACb,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAYC,EAAW;AACzB,MAAqB;AACb,QAAAC,IAAc,CAAC,EAAE,CAACP,KAAQ,CAACC,KAAS,CAACC,KAAeC;AAE1D,2BACGK,GAAA,EAAe,YAAYH,GAAW,YAAYE,GAC/C,UAAA;AAAA,KAAAP,KAAQC,KAASC,MACjB,gBAAAO,EAACC,KAAQ,eAAc,UAAS,KAAI,OAClC,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAQ,EAAA,eAAc,UAAS,KAAI,OACjC,UAAA;AAAA,QAAAV,KAAS,gBAAAW,EAAAC,GAAA,EAAoB,UAAKZ,EAAA,CAAA;AAAA,QACnC,gBAAAS,EAACC,GAAQ,EAAA,KAAI,OACV,UAAA;AAAA,UAAAN,KAAS,gBAAAO,EAAAE,GAAA,EAAmB,MAAAf,GAAa,UAAKM,GAAA;AAAA,UAC9CH,KAAU,gBAAAU,EAAAG,GAAA,EAAoB,MAAAhB,GAAa,UAAMG,GAAA;AAAA,QAAA,GACpD;AAAA,MAAA,GACF;AAAA,MACCC,KAAgB,gBAAAS,EAAAI,GAAA,EAA0B,MAAAjB,GAAa,UAAYI,GAAA;AAAA,IAAA,GACtE;AAAA,IAEDC,KAAY,gBAAAQ,EAAAK,GAAA,EAAsB,cAAcT,GAAc,UAAQJ,GAAA;AAAA,EACzE,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"InfoBar.js","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.tsx"],"sourcesContent":["import { Sizes, Directions, Positions } from 'acinguiux-ds-react-base';\n\nimport { IInfoBarProps } from './InfoBar.types';\nimport * as Styled from './InfoBar.styles';\nimport Flexbox from '../../Flexbox/Flexbox';\n\nconst InfoBar = ({\n  size = Sizes.Medium,\n  meta,\n  title,\n  description,\n  content,\n  icon,\n  iconPosition = 'none',\n  direction = Directions.Horizontal,\n}: IInfoBarProps) => {\n  const contentOnly = !!(!meta && !title && !description && content);\n\n  return (\n    <Styled.InfoBar $direction={direction} $fullWidth={contentOnly}>\n      {(meta || title || description) && (\n        <Flexbox flexDirection=\"column\" gap=\"8px\">\n          <Flexbox flexDirection=\"column\" gap=\"4px\">\n            {meta && <Styled.InfoBarMeta>{meta}</Styled.InfoBarMeta>}\n            {icon && iconPosition === Positions.Top && <Styled.InfoBarIcon size={size}>{icon}</Styled.InfoBarIcon>}\n            <Flexbox gap=\"4px\">\n              {icon && iconPosition === Positions.Left && <Styled.InfoBarIcon size={size}>{icon}</Styled.InfoBarIcon>}\n              {title && <Styled.InfoBarTitle size={size}>{title}</Styled.InfoBarTitle>}\n            </Flexbox>\n          </Flexbox>\n          {description && <Styled.InfoBarDescription size={size}>{description}</Styled.InfoBarDescription>}\n        </Flexbox>\n      )}\n      {content && <Styled.InfoBarContent $contentOnly={contentOnly}>{content}</Styled.InfoBarContent>}\n    </Styled.InfoBar>\n  );\n};\n\nexport default InfoBar;"],"names":["InfoBar","size","Sizes","meta","title","description","content","icon","iconPosition","direction","Directions","contentOnly","Styled.InfoBar","jsxs","Flexbox","jsx","Styled.InfoBarMeta","Positions","Styled.InfoBarIcon","Styled.InfoBarTitle","Styled.InfoBarDescription","Styled.InfoBarContent"],"mappings":";;;;AAMA,MAAMA,IAAU,CAAC;AAAA,EACf,MAAAC,IAAOC,EAAM;AAAA,EACb,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAYC,EAAW;AACzB,MAAqB;AACb,QAAAC,IAAc,CAAC,EAAE,CAACR,KAAQ,CAACC,KAAS,CAACC,KAAeC;AAE1D,2BACGM,GAAA,EAAe,YAAYH,GAAW,YAAYE,GAC/C,UAAA;AAAA,KAAAR,KAAQC,KAASC,MACjB,gBAAAQ,EAACC,KAAQ,eAAc,UAAS,KAAI,OAClC,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAQ,EAAA,eAAc,UAAS,KAAI,OACjC,UAAA;AAAA,QAAAX,KAAS,gBAAAY,EAAAC,GAAA,EAAoB,UAAKb,EAAA,CAAA;AAAA,QAClCI,KAAQC,MAAiBS,EAAU,yBAAQC,GAAA,EAAmB,MAAAjB,GAAa,UAAKM,GAAA;AAAA,QACjF,gBAAAM,EAACC,GAAQ,EAAA,KAAI,OACV,UAAA;AAAA,UAAQP,KAAAC,MAAiBS,EAAU,QAAQ,gBAAAF,EAACG,GAAA,EAAmB,MAAAjB,GAAa,UAAKM,GAAA;AAAA,UACjFH,KAAU,gBAAAW,EAAAI,GAAA,EAAoB,MAAAlB,GAAa,UAAMG,EAAA,CAAA;AAAA,QAAA,EACpD,CAAA;AAAA,MAAA,GACF;AAAA,MACCC,KAAgB,gBAAAU,EAAAK,GAAA,EAA0B,MAAAnB,GAAa,UAAYI,EAAA,CAAA;AAAA,IAAA,GACtE;AAAA,IAEDC,KAAY,gBAAAS,EAAAM,GAAA,EAAsB,cAAcV,GAAc,UAAQL,EAAA,CAAA;AAAA,EAAA,GACzE;AAEJ;"}

package/build/esm/components/_internalComponents/InfoBar/InfoBar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,EAAE,aAAa,EAAgB,MAAM,iBAAiB,CAAC;AAG9D,QAAA,MAAM,OAAO;;;gBAAoE,OAAO;SAiBvF,CAAC;AAEF,QAAA,MAAM,WAAW;;SAoBf,CAAC;AAEH,QAAA,MAAM,WAAW,0GAMhB,CAAC;AAEF,QAAA,MAAM,YAAY,mIAIjB,CAAC;AAEF,QAAA,MAAM,kBAAkB,mIAMvB,CAAC;AAEF,QAAA,MAAM,cAAc;kBAA8B,OAAO;SASxD,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"InfoBar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,EAAE,aAAa,EAAgB,MAAM,iBAAiB,CAAC;AAG9D,QAAA,MAAM,OAAO;;;gBAAoE,OAAO;SAiBvF,CAAC;AAEF,QAAA,MAAM,WAAW;;SAkBf,CAAC;AAEH,QAAA,MAAM,WAAW,0GAMhB,CAAC;AAEF,QAAA,MAAM,YAAY,mIAIjB,CAAC;AAEF,QAAA,MAAM,kBAAkB,mIAMvB,CAAC;AAEF,QAAA,MAAM,cAAc;kBAA8B,OAAO;SASxD,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC"}