@iress-oss/ids-components 0.0.1-dev.2 → 0.0.1-dev.20

package/dist/components/InputCurrency/index.js

@@ -1,4 +1,4 @@
-import { n } from "../../Loading-rKDsRTjZ.js";
+import { n } from "../../LoadingSuspense-BwlrIicY.js";
 export {
   n as IressInputCurrency
 };

package/dist/components/Label/LabelBase/LabelBase.js

@@ -3,7 +3,7 @@ import { c as t } from "../../../index-2QXL0WYc.js";
 import { GlobalCSSClass as l } from "../../../enums.js";
 import { propagateTestid as x } from "../../../helpers/utility/propagateTestid.js";
 import { useState as y } from "react";
-const q = "ids-label-v5131", R = "ids-label--hidden-v5131", g = "ids-label--has-append-v5131", A = "ids-label--required-v5131", C = "ids-label--optional-v5131", a = {
+const q = "ids-label-v5200", R = "ids-label--hidden-v5200", g = "ids-label--has-append-v5200", A = "ids-label--required-v5200", C = "ids-label--optional-v5200", a = {
   label: q,
   hidden: R,
   hasAppend: g,

package/dist/components/Menu/Menu.js

@@ -4,7 +4,7 @@ import { MenuProvider as P } from "./MenuProvider.js";
 import "react";
 import { idsLogger as j } from "../../helpers/utility/idsLogger.js";
 import { useIdIfNeeded as k } from "../../hooks/useIdIfNeeded.js";
-import { C as A } from "../../floating-ui.react-D_ysmiM3.js";
+import { C as A } from "../../floating-ui.react-nmA48tb2.js";
 import { useMenuAria as N } from "./hooks/useMenuAria.js";
 import { useMenuComposite as O } from "./hooks/useMenuComposite.js";
 import { useMenuStyles as R } from "./hooks/useMenuStyles.js";

package/dist/components/Menu/MenuDivider/MenuDivider.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { o as H } from "../../../Loading-rKDsRTjZ.js";
+import { o as K } from "../../../LoadingSuspense-BwlrIicY.js";
 import "react";
 import "../../../fuzzysort-eoXOpoo6.js";
 import "../../Badge/Badge.js";
@@ -13,25 +13,27 @@ import "../../Expander/Expander.js";
 import "../../Form/FormContext.js";
 import "../Menu.js";
 import "../hooks/useMenu.js";
-import "../../Popover/PopoverProvider.js";
+import "../../../PopoverProvider-d3hhpW2k.js";
 import "../../CheckboxMark/CheckboxMark.types.js";
 import "../../CheckboxMark/CheckboxMark.js";
 import "../../Modal/ModalProvider.js";
 import "../../Panel/Panel.js";
 import "../../Popover/Popover.js";
 import "../../Popover/InputPopover/InputPopover.js";
+import "../../../SlideoutProvider-CQh140HM.js";
+import "react-dom";
 import "../../RadioGroup/RadioGroup.js";
 import "../../Text/Text.js";
 import "../../Skeleton/Skeleton.js";
 import "../../SkipLink/SkipLink.js";
-import "../../Slideout/SlideoutProvider.js";
 import "../../Stack/Stack.js";
 import "../../Table/TableContext.js";
+import "../../Table/TableProvider.js";
 import "../../TabSet/Tab/Tab.js";
 import "../../TabSet/TabSet.js";
 import "../../Toggle/Toggle.js";
 import "../../Tooltip/Tooltip.js";
 import "../../ValidationMessage/ValidationMessage.js";
 export {
-  H as IressMenuDivider
+  K as IressMenuDivider
 };

package/dist/components/Menu/MenuHeading/MenuHeading.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../../enums.js";
-import { p as e } from "../../../Loading-rKDsRTjZ.js";
+import { p as e } from "../../../LoadingSuspense-BwlrIicY.js";
 import "../../../index-2QXL0WYc.js";
-import "../../../MenuItem.module-3aqP1ZMw.js";
+import "../../../MenuItem.module-BxcFZeSh.js";
 export {
   e as IressMenuHeading
 };

package/dist/components/Menu/MenuItem/MenuItem.js

@@ -3,7 +3,7 @@ import "react";
 import "./hooks/useMenuItemRole.js";
 import "./hooks/useMenuItemAria.js";
 import "./hooks/useMenuItemButtonProps.js";
-import { r as a } from "../../../Loading-rKDsRTjZ.js";
+import { r as a } from "../../../LoadingSuspense-BwlrIicY.js";
 import "./hooks/useMenuItemInteractions.js";
 import "./hooks/useMenuItemComposite.js";
 export {

package/dist/components/Menu/MenuItem/hooks/useMenuItemButtonProps.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../../CheckboxMark/CheckboxMark.types.js";
 import { IressCheckboxMark as v } from "../../../CheckboxMark/CheckboxMark.js";
 import { useMenu as S } from "../../hooks/useMenu.js";
-import { s as e } from "../../../../MenuItem.module-3aqP1ZMw.js";
+import { s as e } from "../../../../MenuItem.module-BxcFZeSh.js";
 import { useMemo as h } from "react";
 import { propagateTestid as x } from "../../../../helpers/utility/propagateTestid.js";
 import { c as M } from "../../../../index-2QXL0WYc.js";

package/dist/components/Menu/MenuItem/hooks/useMenuItemComposite.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as i } from "../../../../floating-ui.react-D_ysmiM3.js";
+import { a as i } from "../../../../floating-ui.react-nmA48tb2.js";
 import { cloneElement as n } from "react";
-import { s as l } from "../../../../MenuItem.module-3aqP1ZMw.js";
+import { s as l } from "../../../../MenuItem.module-BxcFZeSh.js";
 import { useMenuComposite as p } from "../../hooks/useMenuComposite.js";
 const I = (t, s) => {
   const m = p();

package/dist/components/Menu/MenuItem/hooks/useMenuItemInteractions.js

@@ -1,67 +1,67 @@
-import { useMenu as x } from "../../hooks/useMenu.js";
+import { useMenu as P } from "../../hooks/useMenu.js";
 import { useCallback as S } from "react";
-import { usePopover as B } from "../../../Popover/hooks/usePopover.js";
-import { usePopoverItem as E } from "../../../Popover/hooks/usePopoverItem.js";
-const j = ({
+import { usePopover as i } from "../../../Popover/hooks/usePopover.js";
+import { usePopoverItem as k } from "../../../Popover/hooks/usePopoverItem.js";
+const O = ({
   canToggle: t,
-  onClick: s,
-  onKeyDown: d,
+  onClick: l,
+  onKeyDown: f,
   role: c,
-  selected: g,
-  value: f
+  selected: a,
+  value: d
 }) => {
-  const l = x(), b = B(), a = l != null && l.supportsSelection ? l.isSelected(f) : g, h = S(
-    (r) => {
-      s == null || s(r), M(l, f, a, b, t);
+  const s = P(), g = i(), I = s != null && s.supportsSelection ? s.isSelected(d) : a, h = S(
+    (b) => {
+      l == null || l(b), w(s, d, I, g, t);
     },
-    [t, l, s, b, a, f]
-  ), I = S(
-    (r) => {
-      d == null || d(r), r.key === "Tab" && (l != null && l.supportsSelection) && (l != null && l.changeOnBlur) && (l == null || l.toggle(f, !0));
+    [t, s, l, g, I, d]
+  ), r = S(
+    (b) => {
+      f == null || f(b), b.key === "Tab" && (s != null && s.supportsSelection) && (s != null && s.changeOnBlur) && (s == null || s.toggle(d, !0));
     },
-    [l, d, f]
-  ), { tabIndex: P, ...k } = E(
+    [s, f, d]
+  ), { tabIndex: x, ...A } = k(
     void 0,
-    O(
+    y(
       {
         canToggle: t,
-        onClick: s,
-        onKeyDown: d,
-        value: f
+        onClick: l,
+        onKeyDown: f,
+        value: d
       },
-      l,
-      a
+      s,
+      I
     )
   );
   return {
-    ...k,
+    ...A,
     onClick: h,
-    onKeyDown: I,
-    tabIndex: c === "option" ? P : void 0
+    onKeyDown: r,
+    tabIndex: c === "option" ? x : void 0
   };
-}, M = (t, s, d, c, g) => {
-  var f, l, b;
-  t != null && t.supportsSelection && t.toggle(s, g || t != null && t.multiSelect ? !d : !0), t != null && t.hasArrowKeyNav && !(t != null && t.multiSelect) && ((f = c == null ? void 0 : c.setShow) == null || f.call(c, !1), (b = (l = c == null ? void 0 : c.getFocusableActivator) == null ? void 0 : l.call(c)) == null || b.focus());
-}, O = (t, s, d) => ({
-  onBlur: () => (s == null ? void 0 : s.changeOnBlur) && (s == null ? void 0 : s.toggle(t.value, !0)),
-  onKeyDown: (c) => {
-    var g, f;
+}, w = (t, l, f, c, a) => {
+  var d, s, g;
+  t != null && t.supportsSelection && t.toggle(l, a || t != null && t.multiSelect ? !f : !0), t != null && t.hasArrowKeyNav && !(t != null && t.multiSelect) && ((d = c == null ? void 0 : c.setShow) == null || d.call(c, !1), (g = (s = c == null ? void 0 : c.getFocusableActivator) == null ? void 0 : s.call(c)) == null || g.focus(), c == null || c.resetActiveIndex());
+}, y = (t, l, f) => ({
+  onBlur: () => (l == null ? void 0 : l.changeOnBlur) && (l == null ? void 0 : l.toggle(t.value, !0)),
+  onKeyDown: (c, a) => {
+    var d, s;
     if (c.key === "Enter") {
-      c.preventDefault(), s == null || s.toggle(
+      c.preventDefault(), l == null || l.toggle(
         t.value,
-        t.canToggle || s != null && s.multiSelect ? !d : !0
-      );
-      const l = new Event("click", {
+        t.canToggle || l != null && l.multiSelect ? !f : !0
+      ), l != null && l.hasArrowKeyNav && !(l != null && l.multiSelect) && (a == null || a.resetActiveIndex());
+      const g = new Event("click", {
         bubbles: !0
       });
-      Object.defineProperty(l, "target", {
+      Object.defineProperty(g, "target", {
         writable: !1,
         value: { value: "", ...c.target }
-      }), (g = t.onClick) == null || g.call(t, l);
+      }), (d = t.onClick) == null || d.call(t, g);
     }
-    (f = t.onKeyDown) == null || f.call(t, c);
+    (s = t.onKeyDown) == null || s.call(t, c);
   }
 });
 export {
-  j as useMenuItemInteractions
+  O as useMenuItemInteractions
 };

package/dist/components/Menu/MenuText/MenuText.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../../index-2QXL0WYc.js";
-import "../../../MenuItem.module-3aqP1ZMw.js";
+import "../../../MenuItem.module-BxcFZeSh.js";
 import "../hooks/useMenu.js";
 import "../MenuItem/hooks/useMenuItemRole.js";
-import { q as H } from "../../../Loading-rKDsRTjZ.js";
+import { q as K } from "../../../LoadingSuspense-BwlrIicY.js";
 import "react";
 import "../../../fuzzysort-eoXOpoo6.js";
 import "../../Badge/Badge.js";
@@ -16,23 +16,25 @@ import "../../Form/FormContext.js";
 import "../Menu.js";
 import "../../CheckboxMark/CheckboxMark.types.js";
 import "../../CheckboxMark/CheckboxMark.js";
-import "../../Popover/PopoverProvider.js";
+import "../../../PopoverProvider-d3hhpW2k.js";
 import "../../Modal/ModalProvider.js";
 import "../../Panel/Panel.js";
 import "../../Popover/Popover.js";
 import "../../Popover/InputPopover/InputPopover.js";
+import "../../../SlideoutProvider-CQh140HM.js";
+import "react-dom";
 import "../../RadioGroup/RadioGroup.js";
 import "../../Text/Text.js";
 import "../../Skeleton/Skeleton.js";
 import "../../SkipLink/SkipLink.js";
-import "../../Slideout/SlideoutProvider.js";
 import "../../Stack/Stack.js";
 import "../../Table/TableContext.js";
+import "../../Table/TableProvider.js";
 import "../../TabSet/Tab/Tab.js";
 import "../../TabSet/TabSet.js";
 import "../../Toggle/Toggle.js";
 import "../../Tooltip/Tooltip.js";
 import "../../ValidationMessage/ValidationMessage.js";
 export {
-  H as IressMenuText
+  K as IressMenuText
 };

package/dist/components/Menu/helpers/mapMenuItems.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { idsLogger as c } from "../../../helpers/utility/idsLogger.js";
 import { propagateTestid as p } from "../../../helpers/utility/propagateTestid.js";
-import { p as I, r as g } from "../../../Loading-rKDsRTjZ.js";
+import { p as I, r as g } from "../../../LoadingSuspense-BwlrIicY.js";
 const b = (e) => (c(
   "IressMenu: mapMenuItems has been deprecated and will be removed in a future version of IDS, please map and render the items array directly in your application instead",
   "warn"

package/dist/components/Menu/hooks/useMenuStyles.js

@@ -1,12 +1,12 @@
 import { c as d } from "../../../index-2QXL0WYc.js";
 import { usePopover as l } from "../../Popover/hooks/usePopover.js";
-const c = "ids-menu-v5131", o = "ids-menu--inline-v5131", a = "ids-menu--stack-v5131", v = "ids-menu--fluid-v5131", e = {
+const c = "ids-menu-v5200", o = "ids-menu--inline-v5200", a = "ids-menu--stack-v5200", v = "ids-menu--fluid-v5200", e = {
   menu: c,
   inline: o,
-  "inline-equal-width": "ids-menu--inline-equal-width-v5131",
+  "inline-equal-width": "ids-menu--inline-equal-width-v5200",
   stack: a,
   fluid: v,
-  "ids-menu-item--divider": "ids-menu-item--divider-v5131"
+  "ids-menu-item--divider": "ids-menu-item--divider-v5200"
 }, p = ({
   className: s,
   fluid: t,

package/dist/components/Menu/index.js

@@ -1,6 +1,6 @@
 import { IressMenu as o } from "./Menu.js";
 import { MENU_LAYOUTS as s, MENU_ROLES as u, MenuLayout as m, MenuType as n } from "./Menu.types.js";
-import { o as p, p as I, r as x, q as f } from "../../Loading-rKDsRTjZ.js";
+import { o as p, p as I, r as x, q as f } from "../../LoadingSuspense-BwlrIicY.js";
 import { MENU_ITEM_ROLES as i, MenuItemRole as E } from "./MenuItem/MenuItem.types.js";
 import { useMenuItemAria as R } from "./MenuItem/hooks/useMenuItemAria.js";
 import { useMenuItemButtonProps as U } from "./MenuItem/hooks/useMenuItemButtonProps.js";

package/dist/components/Modal/Modal.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "../../index-2QXL0WYc.js";
-import { s as M } from "../../Loading-rKDsRTjZ.js";
+import { s as M } from "../../LoadingSuspense-BwlrIicY.js";
 import "react";
 import "../../enums.js";
 import "../../helpers/responsive/getResponsiveLayoutModifiers.js";
-import "../../floating-ui.react-D_ysmiM3.js";
+import "../../floating-ui.react-nmA48tb2.js";
 import "../../helpers/transition/timeStringToNumber.js";
 import "../../helpers/utility/idsLogger.js";
 import "../../helpers/utility/propagateTestid.js";

package/dist/components/Modal/hooks/useModal.js

@@ -1,17 +1,20 @@
-import { useContext as t } from "react";
-import { IressModalContext as s } from "../ModalProvider.js";
-const n = () => {
-  const o = t(s);
-  return {
-    showModal: (r, e = !0) => {
-      if (o === void 0)
-        throw new Error(
-          "IressModal: useModal must be used within a IressModalProvider"
-        );
-      o.showModal(r, e);
-    }
-  };
+import { useContext as s, useMemo as t } from "react";
+import { IressModalContext as d } from "../ModalProvider.js";
+const u = () => {
+  const o = s(d);
+  return t(
+    () => ({
+      showModal: (e, r = !0) => {
+        if (o === void 0)
+          throw new Error(
+            "IressModal: useModal must be used within a IressModalProvider"
+          );
+        o.showModal(e, r);
+      }
+    }),
+    [o]
+  );
 };
 export {
-  n as useModal
+  u as useModal
 };

package/dist/components/Modal/index.js

@@ -1,5 +1,5 @@
 import { MODAL_SIZES as e } from "./Modal.types.js";
-import { s as t } from "../../Loading-rKDsRTjZ.js";
+import { s as t } from "../../LoadingSuspense-BwlrIicY.js";
 import { IressModalContext as d, IressModalProvider as x } from "./ModalProvider.js";
 import { useModal as f } from "./hooks/useModal.js";
 export {

package/dist/components/Navbar/Navbar.js

@@ -3,9 +3,9 @@ import "react";
 import "../../index-2QXL0WYc.js";
 import "./Navbar.types.js";
 import "../../enums.js";
-import { t as v } from "../../Loading-rKDsRTjZ.js";
+import { t as v } from "../../LoadingSuspense-BwlrIicY.js";
 import "../Panel/Panel.js";
-import "../../LogoFromSrc-KxC2Gztm.js";
+import "../../LogoFromSrc-BnImWqt6.js";
 import "../../helpers/utility/idsLogger.js";
 import "../../helpers/utility/propagateTestid.js";
 export {

package/dist/components/Navbar/components/HomeLinkContent.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { a3 as e } from "../../../Loading-rKDsRTjZ.js";
-import "../../../LogoFromSrc-KxC2Gztm.js";
+import { a3 as e } from "../../../LoadingSuspense-BwlrIicY.js";
+import "../../../LogoFromSrc-BnImWqt6.js";
 export {
   e as HomeLinkContent
 };

package/dist/components/Navbar/components/LogoFromSrc.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../helpers/utility/propagateTestid.js";
-import { L as t } from "../../../LogoFromSrc-KxC2Gztm.js";
+import { L as t } from "../../../LogoFromSrc-BnImWqt6.js";
 export {
   t as LogoFromSrc
 };

package/dist/components/Navbar/components/NavbarLogo.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../../index-2QXL0WYc.js";
 import "../../../helpers/utility/propagateTestid.js";
-import { a4 as i } from "../../../Loading-rKDsRTjZ.js";
-import "../../../LogoFromSrc-KxC2Gztm.js";
+import { a4 as i } from "../../../LoadingSuspense-BwlrIicY.js";
+import "../../../LogoFromSrc-BnImWqt6.js";
 export {
   i as NavbarLogo
 };

package/dist/components/Navbar/index.js

@@ -1,5 +1,5 @@
 import { NavbarHorizontalAlign as o } from "./Navbar.types.js";
-import { t as e } from "../../Loading-rKDsRTjZ.js";
+import { t as e } from "../../LoadingSuspense-BwlrIicY.js";
 export {
   e as IressNavbar,
   o as NavbarHorizontalAlign

package/dist/components/Placeholder/Placeholder.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as a } from "react/jsx-runtime";
 import { c as m } from "../../index-2QXL0WYc.js";
 import { toCSSLengthValue as s } from "../../helpers/formatting/toCSSLengthValue.js";
-const x = "ids-placeholder-v5131", u = "ids-placeholder--transparent-v5131", n = {
+const x = "ids-placeholder-v5200", u = "ids-placeholder--transparent-v5200", n = {
   placeholder: x,
   transparent: u
 }, H = ({

package/dist/components/Popover/InputPopover/InputPopover.js

@@ -3,45 +3,47 @@ import { forwardRef as F } from "react";
 import { c as i } from "../../../index-2QXL0WYc.js";
 import { GlobalCSSClass as S } from "../../../enums.js";
 import { propagateTestid as m } from "../../../helpers/utility/propagateTestid.js";
-import { s as r } from "../../../Popover.module-CLIdWyZD.js";
+import { s as r } from "../../../Popover.module-BKrF_xRW.js";
 import { InputPopoverProvider as W } from "./InputPopoverProvider.js";
 import { PopoverContent as b } from "../components/PopoverContent.js";
 import { InputPopoverActivator as w } from "./InputPopoverActivator.js";
 import { composePopoverWidth as E } from "../helpers/composePopoverWidth.js";
-const G = ({
+import { NestedPopoverActivator as G } from "../components/NestedPopoverActivator.js";
+import { usePopover as R } from "../hooks/usePopover.js";
+const k = ({
   activator: p,
   align: s = "auto",
-  autoHighlight: c = !0,
-  children: v,
+  autoHighlight: v = !0,
+  children: c,
   className: n,
-  container: l,
-  contentClassName: d,
+  container: d,
+  contentClassName: l,
   defaultShow: f,
-  disabledAutoToggle: a,
-  displayMode: e = "overlay",
+  disabledAutoToggle: e,
+  displayMode: a = "overlay",
   focusStartIndex: u,
-  minLength: h,
-  onActivated: I,
-  onDeactivated: P,
+  minLength: P,
+  onActivated: h,
+  onDeactivated: I,
   onNavigate: x,
-  show: y,
-  type: A = "listbox",
-  width: C,
+  show: A,
+  type: N = "listbox",
+  width: y,
   ...t
-}, N) => /* @__PURE__ */ o(
+}, C) => /* @__PURE__ */ o(
   W,
   {
     align: s,
-    autoHighlight: c,
+    autoHighlight: v,
     defaultShow: f,
-    disabledAutoToggle: a,
-    matchActivatorWidth: e === "overlay",
-    onActivated: I,
-    onDeactivated: P,
+    disabledAutoToggle: e,
+    matchActivatorWidth: a === "overlay",
+    onActivated: h,
+    onDeactivated: I,
     onNavigate: x,
-    ref: N,
-    type: A,
-    show: y,
+    ref: C,
+    type: N,
+    show: A,
     focusStartIndex: u,
     children: /* @__PURE__ */ j(
       "div",
@@ -54,32 +56,32 @@ const G = ({
           r.hasInputActivator
         ),
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ o(G, { parentPopover: R(), children: /* @__PURE__ */ o(
             w,
             {
               "data-testid": m(t["data-testid"], "activator"),
-              disabledAutoToggle: a,
-              minLength: h,
+              disabledAutoToggle: e,
+              minLength: P,
               children: p
             }
-          ),
+          ) }),
           /* @__PURE__ */ o(
             b,
             {
-              className: i(r.inputActivatorPortal, d),
-              container: l,
+              className: i(r.inputActivatorPortal, l),
+              container: d,
               "data-testid": m(t["data-testid"], "content"),
-              displayMode: e,
-              style: E(C),
+              displayMode: a,
+              style: E(y),
               virtualFocus: !0,
-              children: v
+              children: c
             }
           )
         ]
       }
     )
   }
-), O = F(G);
+), V = F(k);
 export {
-  O as IressInputPopover
+  V as IressInputPopover
 };

package/dist/components/Popover/InputPopover/InputPopoverActivator.js

@@ -1,5 +1,5 @@
 import { jsx as E } from "react/jsx-runtime";
-import { s as R } from "../../../Popover.module-CLIdWyZD.js";
+import { s as R } from "../../../Popover.module-BKrF_xRW.js";
 import { usePopover as k } from "../hooks/usePopover.js";
 import { useCallback as f, cloneElement as F } from "react";
 import { hasFocus as S } from "../helpers/hasFocus.js";