@iress-oss/ids-components 5.20.0 → 5.20.2

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-nmA48tb2.js";
+import { a as i } from "../../../../floating-ui.react-DYBeYtOf.js";
 import { cloneElement as n } from "react";
-import { s as l } from "../../../../MenuItem.module-BxcFZeSh.js";
+import { s as l } from "../../../../MenuItem.module-B77HFe8G.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,65 @@
-import { useMenu as P } from "../../hooks/useMenu.js";
-import { useCallback as S } from "react";
-import { usePopover as i } from "../../../Popover/hooks/usePopover.js";
-import { usePopoverItem as k } from "../../../Popover/hooks/usePopoverItem.js";
-const O = ({
-  canToggle: t,
-  onClick: l,
-  onKeyDown: f,
-  role: c,
-  selected: a,
-  value: d
+import { useMenu as v } from "../../hooks/useMenu.js";
+import { useCallback as a } from "react";
+import { usePopover as b } from "../../../Popover/hooks/usePopover.js";
+import { usePopoverItem as I } from "../../../Popover/hooks/usePopoverItem.js";
+const x = ({
+  canToggle: e,
+  onClick: t,
+  onKeyDown: c,
+  role: o,
+  selected: s,
+  value: r
 }) => {
-  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);
+  const l = v(), u = b(), i = l?.supportsSelection ? l.isSelected(r) : s, p = a(
+    (n) => {
+      t?.(n), S(l, r, i, u, e);
     },
-    [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));
+    [e, l, t, u, i, r]
+  ), d = a(
+    (n) => {
+      c?.(n), n.key === "Tab" && l?.supportsSelection && l?.changeOnBlur && l?.toggle(r, !0);
     },
-    [s, f, d]
-  ), { tabIndex: x, ...A } = k(
+    [l, c, r]
+  ), { tabIndex: f, ...g } = I(
     void 0,
-    y(
+    h(
       {
-        canToggle: t,
-        onClick: l,
-        onKeyDown: f,
-        value: d
+        canToggle: e,
+        onClick: t,
+        onKeyDown: c,
+        value: r
       },
-      s,
-      I
+      l,
+      i
     )
   );
   return {
-    ...A,
-    onClick: h,
-    onKeyDown: r,
-    tabIndex: c === "option" ? x : void 0
+    ...g,
+    onClick: p,
+    onKeyDown: d,
+    tabIndex: o === "option" ? f : void 0
   };
-}, 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(), l == null || l.toggle(
-        t.value,
-        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", {
+}, S = (e, t, c, o, s) => {
+  e?.supportsSelection && e.toggle(t, s || e?.multiSelect ? !c : !0), e?.hasArrowKeyNav && !e?.multiSelect && (o?.setShow?.(!1), o?.getFocusableActivator?.()?.focus(), o?.resetActiveIndex());
+}, h = (e, t, c) => ({
+  onBlur: () => t?.changeOnBlur && t?.toggle(e.value, !0),
+  onKeyDown: (o, s) => {
+    if (o.key === "Enter") {
+      o.preventDefault(), t?.toggle(
+        e.value,
+        e.canToggle || t?.multiSelect ? !c : !0
+      ), t?.hasArrowKeyNav && !t?.multiSelect && s?.resetActiveIndex();
+      const r = new Event("click", {
         bubbles: !0
       });
-      Object.defineProperty(g, "target", {
+      Object.defineProperty(r, "target", {
         writable: !1,
-        value: { value: "", ...c.target }
-      }), (d = t.onClick) == null || d.call(t, g);
+        value: { value: "", ...o.target }
+      }), e.onClick?.(r);
     }
-    (s = t.onKeyDown) == null || s.call(t, c);
+    e.onKeyDown?.(o);
   }
 });
 export {
-  O as useMenuItemInteractions
+  x as useMenuItemInteractions
 };

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

@@ -1,9 +1,9 @@
 import { useMenu as r } from "../../hooks/useMenu.js";
-import { usePopover as i } from "../../../Popover/hooks/usePopover.js";
-const u = () => {
-  const t = r(), e = i(), o = (t == null ? void 0 : t.role) ?? (e == null ? void 0 : e.type);
-  return o === "listbox" ? "option" : o === "menu" ? "menuitem" : o === "list" ? "listitem" : void 0;
+import { usePopover as n } from "../../../Popover/hooks/usePopover.js";
+const m = () => {
+  const o = r(), t = n(), e = o?.role ?? t?.type;
+  return e === "listbox" ? "option" : e === "menu" ? "menuitem" : e === "list" ? "listitem" : void 0;
 };
 export {
-  u as useMenuItemRole
+  m as useMenuItemRole
 };

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

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import "../../../index-2QXL0WYc.js";
-import "../../../MenuItem.module-BxcFZeSh.js";
+import "../../../index-cbHCAGLB.js";
+import "../../../MenuItem.module-B77HFe8G.js";
 import "../hooks/useMenu.js";
 import "../MenuItem/hooks/useMenuItemRole.js";
-import { q as K } from "../../../LoadingSuspense-D9nGJ3gx.js";
+import { q as K } from "../../../LoadingSuspense-BtzikVZk.js";
 import "react";
-import "../../../fuzzysort-eoXOpoo6.js";
+import "../../../fuzzysort-BNka47rs.js";
 import "../../Badge/Badge.js";
 import "../../ButtonGroup/ButtonGroupProvider.js";
 import "../../Card/Card.js";
@@ -16,7 +16,7 @@ import "../../Form/FormContext.js";
 import "../Menu.js";
 import "../../CheckboxMark/CheckboxMark.types.js";
 import "../../CheckboxMark/CheckboxMark.js";
-import "../../../PopoverProvider-d3hhpW2k.js";
+import "../../../PopoverProvider-DZ92QV8I.js";
 import "../../Modal/ModalProvider.js";
 import "../../Panel/Panel.js";
 import "../../Popover/Popover.js";

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

@@ -1,44 +1,44 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as o } 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 "../../../LoadingSuspense-D9nGJ3gx.js";
+import { propagateTestid as m } from "../../../helpers/utility/propagateTestid.js";
+import { p as I, r as g } from "../../../LoadingSuspense-BtzikVZk.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"
-), e != null && e.length ? e.map(
+), e?.length ? e.map(
   ({
     label: r,
-    href: d,
-    onClick: u,
+    href: p,
+    onClick: d,
     divider: t,
     testId: n,
-    headingLevel: a,
-    selected: m,
-    value: s,
+    headingLevel: s,
+    selected: u,
+    value: a,
     key: f
   }, l) => {
-    const o = f ?? String(s ?? l);
-    return a ? /* @__PURE__ */ i(
+    const i = f ?? String(a ?? l);
+    return s ? /* @__PURE__ */ o(
       I,
       {
-        level: a,
+        level: s,
         divider: t,
-        "data-testid": p(n, "iress-text"),
+        "data-testid": m(n, "iress-text"),
         children: r
       },
-      o
-    ) : /* @__PURE__ */ i(
+      i
+    ) : /* @__PURE__ */ o(
       g,
       {
-        onClick: u,
+        onClick: d,
         divider: t,
-        selected: m,
-        "data-testid": p(n, "iress-button"),
-        value: s,
-        href: d,
+        selected: u,
+        "data-testid": m(n, "iress-button"),
+        value: a,
+        href: p,
         children: r
       },
-      o
+      i
     );
   }
 ) : null);

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

@@ -7,8 +7,8 @@ const c = ({
   role: r
 }) => {
   const t = s(), i = e === "stack" ? "vertical" : "horizontal";
-  return n(() => (t != null && t.toggleAriaControls && o && t.toggleAriaControls(o, !0), () => {
-    t != null && t.toggleAriaControls && o && t.toggleAriaControls(o, !1);
+  return n(() => (t?.toggleAriaControls && o && t.toggleAriaControls(o, !0), () => {
+    t?.toggleAriaControls && o && t.toggleAriaControls(o, !1);
   }), [o, t]), {
     "aria-multiselectable": r === "listbox" && a === !0 ? !0 : void 0,
     "aria-orientation": r === "menu" ? i : void 0

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

@@ -1,9 +1,9 @@
-import { usePopover as t } from "../../Popover/hooks/usePopover.js";
-import { useMenu as n } from "./useMenu.js";
-const i = (r) => {
-  const s = t(), o = n(), e = r ?? (o == null ? void 0 : o.role);
-  return s || !e ? !1 : ["menu", "listbox"].includes(e);
+import { usePopover as s } from "../../Popover/hooks/usePopover.js";
+import { useMenu as t } from "./useMenu.js";
+const p = (o) => {
+  const n = s(), r = t(), e = o ?? r?.role;
+  return n || !e ? !1 : ["menu", "listbox"].includes(e);
 };
 export {
-  i as useMenuComposite
+  p as useMenuComposite
 };

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

@@ -1,13 +1,13 @@
-import { usePopover as i } from "../../Popover/hooks/usePopover.js";
-const c = (n, s) => {
-  const t = i(), [e, l] = u(n, s, t);
-  return l && (t == null || t.setHasInnerRole(!0)), e;
-}, u = (n, s, t) => {
-  if ((t == null ? void 0 : t.type) === "listbox" || (t == null ? void 0 : t.type) === "menu")
-    return [t.type, !0];
-  let e = s ?? "list";
-  return n ? e = "listbox" : s === "nav" && (e = "list"), [e, !1];
+import { usePopover as r } from "../../Popover/hooks/usePopover.js";
+const u = (s, o) => {
+  const e = r(), [t, n] = l(s, o, e);
+  return n && e?.setHasInnerRole(!0), t;
+}, l = (s, o, e) => {
+  if (e?.type === "listbox" || e?.type === "menu")
+    return [e.type, !0];
+  let t = o ?? "list";
+  return s ? t = "listbox" : o === "nav" && (t = "list"), [t, !1];
 };
 export {
-  c as useMenuRole
+  u as useMenuRole
 };

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

@@ -1,26 +1,26 @@
-import { c as d } from "../../../index-2QXL0WYc.js";
-import { usePopover as l } from "../../Popover/hooks/usePopover.js";
-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-v5200",
-  stack: a,
+import { c as u } from "../../../index-cbHCAGLB.js";
+import { usePopover as m } from "../../Popover/hooks/usePopover.js";
+const d = "ids-menu-v5202", l = "ids-menu--inline-v5202", c = "ids-menu--stack-v5202", v = "ids-menu--fluid-v5202", e = {
+  menu: d,
+  inline: l,
+  "inline-equal-width": "ids-menu--inline-equal-width-v5202",
+  stack: c,
   fluid: v,
-  "ids-menu-item--divider": "ids-menu-item--divider-v5200"
-}, p = ({
-  className: s,
-  fluid: t,
-  layout: u = "stack",
-  role: m
+  "ids-menu-item--divider": "ids-menu-item--divider-v5202"
+}, f = ({
+  className: i,
+  fluid: s,
+  layout: t = "stack",
+  role: o
 }) => {
-  const n = l(), i = n == null ? void 0 : n.type;
+  const n = m()?.type;
   return {
-    className: d(s, e.menu, e[u], {
-      [e.fluid]: (i && ["listbox", "menu"].includes(i)) ?? t,
-      [e.nav]: m === "nav" && e.nav
+    className: u(i, e.menu, e[t], {
+      [e.fluid]: (n && ["listbox", "menu"].includes(n)) ?? s,
+      [e.nav]: o === "nav" && e.nav
     })
   };
 };
 export {
-  p as useMenuStyles
+  f as useMenuStyles
 };

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 "../../LoadingSuspense-D9nGJ3gx.js";
+import { o as p, p as I, r as x, q as f } from "../../LoadingSuspense-BtzikVZk.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 "../../LoadingSuspense-D9nGJ3gx.js";
+import "../../index-cbHCAGLB.js";
+import { s as M } from "../../LoadingSuspense-BtzikVZk.js";
 import "react";
 import "../../enums.js";
 import "../../helpers/responsive/getResponsiveLayoutModifiers.js";
-import "../../floating-ui.react-nmA48tb2.js";
+import "../../floating-ui.react-DYBeYtOf.js";
 import "../../helpers/transition/timeStringToNumber.js";
 import "../../helpers/utility/idsLogger.js";
 import "../../helpers/utility/propagateTestid.js";

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

@@ -1,13 +1,13 @@
-import { useContext as e } from "react";
-import { IressModalContext as s } from "../ModalProvider.js";
-function u(n) {
-  const o = e(s);
+import { useContext as r } from "react";
+import { IressModalContext as t } from "../ModalProvider.js";
+function p(o) {
+  const e = r(t);
   return {
-    opened: n && (o == null ? void 0 : o.opened.includes(n)),
-    container: o == null ? void 0 : o.container,
-    show: (t) => n && (o == null ? void 0 : o.showModal(n, t))
+    opened: o && e?.opened.includes(o),
+    container: e?.container,
+    show: (n) => o && e?.showModal(o, n)
   };
 }
 export {
-  u as useIDSProvidedModal
+  p as useIDSProvidedModal
 };

package/dist/components/Modal/index.js

@@ -1,5 +1,5 @@
 import { MODAL_SIZES as e } from "./Modal.types.js";
-import { s as t } from "../../LoadingSuspense-D9nGJ3gx.js";
+import { s as t } from "../../LoadingSuspense-BtzikVZk.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

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import "../../index-2QXL0WYc.js";
+import "../../index-cbHCAGLB.js";
 import "./Navbar.types.js";
 import "../../enums.js";
-import { t as v } from "../../LoadingSuspense-D9nGJ3gx.js";
+import { t as v } from "../../LoadingSuspense-BtzikVZk.js";
 import "../Panel/Panel.js";
-import "../../LogoFromSrc-BnImWqt6.js";
+import "../../LogoFromSrc-DIJbLzdF.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 "../../../LoadingSuspense-D9nGJ3gx.js";
-import "../../../LogoFromSrc-BnImWqt6.js";
+import { a3 as e } from "../../../LoadingSuspense-BtzikVZk.js";
+import "../../../LogoFromSrc-DIJbLzdF.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-BnImWqt6.js";
+import { L as t } from "../../../LogoFromSrc-DIJbLzdF.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 "../../../index-cbHCAGLB.js";
 import "../../../helpers/utility/propagateTestid.js";
-import { a4 as i } from "../../../LoadingSuspense-D9nGJ3gx.js";
-import "../../../LogoFromSrc-BnImWqt6.js";
+import { a4 as i } from "../../../LoadingSuspense-BtzikVZk.js";
+import "../../../LogoFromSrc-DIJbLzdF.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 "../../LoadingSuspense-D9nGJ3gx.js";
+import { t as e } from "../../LoadingSuspense-BtzikVZk.js";
 export {
   e as IressNavbar,
   o as NavbarHorizontalAlign

package/dist/components/Panel/Panel.js

@@ -1,5 +1,5 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as u } from "../../index-2QXL0WYc.js";
+import { c as u } from "../../index-cbHCAGLB.js";
 import { PanelCssClass as s, PanelBackground as f } from "./Panel.types.js";
 import { GlobalCSSClass as B, PaddingSize as C, TextAlign as P } from "../../enums.js";
 import { getResponsivePaddingClasses as x } from "../../helpers/responsive/getResponsivePaddingClasses.js";

package/dist/components/Placeholder/Placeholder.js

@@ -1,42 +1,42 @@
-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-v5200", u = "ids-placeholder--transparent-v5200", n = {
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { c as m } from "../../index-cbHCAGLB.js";
+import { toCSSLengthValue as a } from "../../helpers/formatting/toCSSLengthValue.js";
+const x = "ids-placeholder-v5202", u = "ids-placeholder--transparent-v5202", l = {
   placeholder: x,
   transparent: u
-}, H = ({
-  children: l,
+}, f = ({
+  children: n,
   className: c,
-  height: r = "auto",
+  height: e = "auto",
   stretch: p,
-  style: e,
+  style: t,
   transparent: d,
-  width: t = "auto",
+  width: r = "auto",
   ...h
 }) => {
-  const i = r === "auto" ? p ? "100%" : r : s(r);
-  return /* @__PURE__ */ o(
+  const i = e === "auto" ? p ? "100%" : e : a(e);
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: m(c, n.placeholder, {
-        [n.transparent]: d
+      className: m(c, l.placeholder, {
+        [l.transparent]: d
       }),
       ...h,
       style: {
-        ...e,
-        width: t ? s(t) : e == null ? void 0 : e.width,
+        ...t,
+        width: r ? a(r) : t?.width,
         height: i
       },
       children: [
-        /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", children: [
-          /* @__PURE__ */ a("line", { x1: "0", y1: "0", x2: "100%", y2: "100%" }),
-          /* @__PURE__ */ a("line", { x1: "100%", y1: "0", x2: "0", y2: "100%" })
+        /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ o("line", { x1: "0", y1: "0", x2: "100%", y2: "100%" }),
+          /* @__PURE__ */ o("line", { x1: "100%", y1: "0", x2: "0", y2: "100%" })
         ] }),
-        l
+        n
       ]
     }
   );
 };
 export {
-  H as IressPlaceholder
+  f as IressPlaceholder
 };

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

@@ -1,9 +1,9 @@
 import { jsx as o, jsxs as j } from "react/jsx-runtime";
 import { forwardRef as F } from "react";
-import { c as i } from "../../../index-2QXL0WYc.js";
+import { c as i } from "../../../index-cbHCAGLB.js";
 import { GlobalCSSClass as S } from "../../../enums.js";
 import { propagateTestid as m } from "../../../helpers/utility/propagateTestid.js";
-import { s as r } from "../../../Popover.module-BKrF_xRW.js";
+import { s as r } from "../../../Popover.module-DsySRqqg.js";
 import { InputPopoverProvider as W } from "./InputPopoverProvider.js";
 import { PopoverContent as b } from "../components/PopoverContent.js";
 import { InputPopoverActivator as w } from "./InputPopoverActivator.js";