@iress-oss/ids-components 5.20.8 → 5.20.9

package/dist/components/Menu/MenuProvider.js

@@ -1,67 +1,46 @@
-import { jsx as M } from "react/jsx-runtime";
-import { createContext as b, useMemo as s } from "react";
-import { toArray as C } from "../../helpers/formatting/toArray.js";
-import { useControlledState as A } from "../../hooks/useControlledState.js";
-const N = b(
-  void 0
-), w = ({
-  changeOnBlur: n,
-  children: x,
-  defaultSelected: f,
-  id: r,
-  layout: c,
-  multiSelect: o,
-  nav: d = !1,
-  noWrap: i,
-  onChange: l,
-  role: e,
-  selected: v
-}) => {
-  const u = s(
-    () => e && ["menu", "listbox"].includes(e),
-    [e]
-  ), p = s(
-    () => e === "listbox" || !!o,
-    [e, o]
-  ), { toggleValue: a, value: t } = A({
-    component: "IressMenu",
-    defaultValue: f,
-    multiple: o,
-    onChange: l,
-    propName: "selected",
-    value: v
-  }), g = s(
-    () => ({
-      changeOnBlur: n && e === "listbox",
-      hasArrowKeyNav: u,
-      id: r,
-      isSelected: (m) => m !== void 0 && C(t).includes(m),
-      layout: c,
-      multiSelect: o,
-      noWrap: i,
-      nav: d,
-      role: e,
-      selected: t,
-      supportsSelection: p,
-      toggle: a
-    }),
-    [
-      n,
-      u,
-      r,
-      c,
-      o,
-      d,
-      i,
-      e,
-      t,
-      p,
-      a
-    ]
-  );
-  return /* @__PURE__ */ M(N.Provider, { value: g, children: x });
-};
-export {
-  N as MenuContext,
-  w as MenuProvider
+import { toArray as e } from "../../helpers/formatting/toArray.js";
+import { useControlledState as t } from "../../hooks/useControlledState.js";
+import { createContext as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Menu/MenuProvider.tsx
+var a = n(void 0), o = ({ changeOnBlur: n, children: o, defaultSelected: s, id: c, layout: l, multiSelect: u, nav: d = !1, noWrap: f, onChange: p, role: m, selected: h }) => {
+	let g = r(() => m && ["menu", "listbox"].includes(m), [m]), _ = r(() => m === "listbox" || !!u, [m, u]), { toggleValue: v, value: y } = t({
+		component: "IressMenu",
+		defaultValue: s,
+		multiple: u,
+		onChange: p,
+		propName: "selected",
+		value: h
+	}), b = r(() => ({
+		changeOnBlur: n && m === "listbox",
+		hasArrowKeyNav: g,
+		id: c,
+		isSelected: (t) => t !== void 0 && e(y).includes(t),
+		layout: l,
+		multiSelect: u,
+		noWrap: f,
+		nav: d,
+		role: m,
+		selected: y,
+		supportsSelection: _,
+		toggle: v
+	}), [
+		n,
+		g,
+		c,
+		l,
+		u,
+		d,
+		f,
+		m,
+		y,
+		_,
+		v
+	]);
+	return /* @__PURE__ */ i(a.Provider, {
+		value: b,
+		children: o
+	});
 };
+//#endregion
+export { a as MenuContext, o as MenuProvider };

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

@@ -1,40 +1,2 @@
-import "react/jsx-runtime";
-import "../../../index-cbHCAGLB.js";
-import "../../../MenuItem.module-BFPHZtJl.js";
-import "../hooks/useMenu.js";
-import "../MenuItem/hooks/useMenuItemRole.js";
-import { q as K } from "../../../LoadingSuspense-CuQm3zqO.js";
-import "react";
-import "../../../fuzzysort-BNka47rs.js";
-import "../../Badge/Badge.js";
-import "../../ButtonGroup/ButtonGroupProvider.js";
-import "../../Card/Card.js";
-import "../../CheckboxGroup/CheckboxGroup.js";
-import "../../Col/Col.js";
-import "../../Expander/Expander.js";
-import "../../Form/FormContext.js";
-import "../Menu.js";
-import "../../CheckboxMark/CheckboxMark.types.js";
-import "../../CheckboxMark/CheckboxMark.js";
-import "../../../PopoverProvider-BMBTLkRr.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 "../../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 {
-  K as IressMenuText
-};
+import { ut as e } from "../../../main-CTy1XcUn.js";
+export { e as IressMenuText };

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

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

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

@@ -1,6 +1,6 @@
-import { useContext as o } from "react";
-import { MenuContext as t } from "../MenuProvider.js";
-const r = () => o(t);
-export {
-  r as useMenu
-};
+import { MenuContext as e } from "../MenuProvider.js";
+import { useContext as t } from "react";
+//#region src/components/Menu/hooks/useMenu.ts
+var n = () => t(e);
+//#endregion
+export { n as useMenu };

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

@@ -1,19 +1,14 @@
-import { useEffect as n } from "react";
-import { usePopover as s } from "../../Popover/hooks/usePopover.js";
-const c = ({
-  id: o,
-  layout: e = "stack",
-  multiSelect: a,
-  role: r
-}) => {
-  const t = s(), i = e === "stack" ? "vertical" : "horizontal";
-  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
-  };
-};
-export {
-  c as useMenuAria
+import { usePopover as e } from "../../Popover/hooks/usePopover.js";
+import { useEffect as t } from "react";
+//#region src/components/Menu/hooks/useMenuAria.ts
+var n = ({ id: n, layout: r = "stack", multiSelect: i, role: a }) => {
+	let o = e(), s = r === "stack" ? "vertical" : "horizontal";
+	return t(() => (o?.toggleAriaControls && n && o.toggleAriaControls(n, !0), () => {
+		o?.toggleAriaControls && n && o.toggleAriaControls(n, !1);
+	}), [n, o]), {
+		"aria-multiselectable": a === "listbox" && i === !0 ? !0 : void 0,
+		"aria-orientation": a === "menu" ? s : void 0
+	};
 };
+//#endregion
+export { n as useMenuAria };

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

@@ -1,9 +1,9 @@
-import { usePopover as s } from "../../Popover/hooks/usePopover.js";
+import { usePopover as e } 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 {
-  p as useMenuComposite
+//#region src/components/Menu/hooks/useMenuComposite.ts
+var n = (n) => {
+	let r = e(), i = t(), a = n ?? i?.role;
+	return r || !a ? !1 : ["menu", "listbox"].includes(a);
 };
+//#endregion
+export { n as useMenuComposite };

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

@@ -1,13 +1,12 @@
-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 {
-  u as useMenuRole
+import { usePopover as e } from "../../Popover/hooks/usePopover.js";
+//#region src/components/Menu/hooks/useMenuRole.ts
+var t = (t, r) => {
+	let i = e(), [a, o] = n(t, r, i);
+	return o && i?.setHasInnerRole(!0), a;
+}, n = (e, t, n) => {
+	if (n?.type === "listbox" || n?.type === "menu") return [n.type, !0];
+	let r = t ?? "list";
+	return e ? r = "listbox" : t === "nav" && (r = "list"), [r, !1];
 };
+//#endregion
+export { t as useMenuRole };

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

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

package/dist/components/Menu/index.js

@@ -1,29 +1,10 @@
-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-CuQm3zqO.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";
-import { useMenuItemComposite as N } from "./MenuItem/hooks/useMenuItemComposite.js";
-import { useMenuItemInteractions as S } from "./MenuItem/hooks/useMenuItemInteractions.js";
-import { useMenuItemRole as l } from "./MenuItem/hooks/useMenuItemRole.js";
-import { mapMenuItems as A } from "./helpers/mapMenuItems.js";
-export {
-  o as IressMenu,
-  p as IressMenuDivider,
-  I as IressMenuHeading,
-  x as IressMenuItem,
-  f as IressMenuText,
-  i as MENU_ITEM_ROLES,
-  s as MENU_LAYOUTS,
-  u as MENU_ROLES,
-  E as MenuItemRole,
-  m as MenuLayout,
-  n as MenuType,
-  A as mapMenuItems,
-  R as useMenuItemAria,
-  U as useMenuItemButtonProps,
-  N as useMenuItemComposite,
-  S as useMenuItemInteractions,
-  l as useMenuItemRole
-};
+import { ct as e, dt as t, lt as n, st as r, ut as i } from "../../main-CTy1XcUn.js";
+import { MENU_LAYOUTS as a, MENU_ROLES as o, MenuLayout as s, MenuType as c } from "./Menu.types.js";
+import { IressMenu as l } from "./Menu.js";
+import { useMenuItemRole as u } from "./MenuItem/hooks/useMenuItemRole.js";
+import { useMenuItemAria as d } from "./MenuItem/hooks/useMenuItemAria.js";
+import { useMenuItemButtonProps as f } from "./MenuItem/hooks/useMenuItemButtonProps.js";
+import { useMenuItemInteractions as p } from "./MenuItem/hooks/useMenuItemInteractions.js";
+import { useMenuItemComposite as m } from "./MenuItem/hooks/useMenuItemComposite.js";
+import { MENU_ITEM_ROLES as h, MenuItemRole as g } from "./MenuItem/MenuItem.types.js";
+export { l as IressMenu, t as IressMenuDivider, n as IressMenuHeading, e as IressMenuItem, i as IressMenuText, h as MENU_ITEM_ROLES, a as MENU_LAYOUTS, o as MENU_ROLES, g as MenuItemRole, s as MenuLayout, c as MenuType, r as mapMenuItems, d as useMenuItemAria, f as useMenuItemButtonProps, m as useMenuItemComposite, p as useMenuItemInteractions, u as useMenuItemRole };

package/dist/components/Modal/Modal.js

@@ -1,16 +1,2 @@
-import "react/jsx-runtime";
-import "../../index-cbHCAGLB.js";
-import { s as M } from "../../LoadingSuspense-CuQm3zqO.js";
-import "react";
-import "../../enums.js";
-import "../../helpers/responsive/getResponsiveLayoutModifiers.js";
-import "../../floating-ui.react-DfIjfJIq.js";
-import "../../helpers/utility/idsLogger.js";
-import "../../helpers/utility/propagateTestid.js";
-import "../../hooks/useIdIfNeeded.js";
-import "../Text/Text.js";
-import "./hooks/useIDSProvidedModal.js";
-import "../../helpers/transition/getTransitionDuration.js";
-export {
-  M as IressModal
-};
+import { I as e } from "../../main-CTy1XcUn.js";
+export { e as IressModal };

package/dist/components/Modal/Modal.types.js

@@ -1,4 +1,9 @@
-const l = ["sm", "md", "lg", "fullpage"];
-export {
-  l as MODAL_SIZES
-};
+//#region src/components/Modal/Modal.types.ts
+var e = [
+	"sm",
+	"md",
+	"lg",
+	"fullpage"
+];
+//#endregion
+export { e as MODAL_SIZES };

package/dist/components/Modal/ModalProvider.js

@@ -1,32 +1,27 @@
-import { jsx as m } from "react/jsx-runtime";
-import { createContext as f, useState as x, useCallback as t, useMemo as M } from "react";
-const p = f(void 0), P = ({
-  children: a,
-  container: s
-}) => {
-  const [n, r] = x([]), c = t((o) => {
-    r((e) => e.includes(o) ? [...e] : [...e, o]);
-  }, []), l = t((o) => {
-    r(
-      (e) => e.includes(o) ? e.filter((i) => i !== o) : [...e]
-    );
-  }, []), u = t(
-    (o, e = !0) => {
-      if (e) return c(o);
-      l(o);
-    },
-    [l, c]
-  ), d = M(
-    () => ({
-      opened: n,
-      container: s,
-      showModal: u
-    }),
-    [s, n, u]
-  );
-  return /* @__PURE__ */ m(p.Provider, { value: d, children: a });
-};
-export {
-  p as IressModalContext,
-  P as IressModalProvider
+import { createContext as e, useCallback as t, useMemo as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Modal/ModalProvider.tsx
+var a = e(void 0), o = ({ children: e, container: o }) => {
+	let [s, c] = r([]), l = t((e) => {
+		c((t) => t.includes(e) ? [...t] : [...t, e]);
+	}, []), u = t((e) => {
+		c((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t]);
+	}, []), d = t((e, t = !0) => {
+		if (t) return l(e);
+		u(e);
+	}, [u, l]), f = n(() => ({
+		opened: s,
+		container: o,
+		showModal: d
+	}), [
+		o,
+		s,
+		d
+	]);
+	return /* @__PURE__ */ i(a.Provider, {
+		value: f,
+		children: e
+	});
 };
+//#endregion
+export { a as IressModalContext, o as IressModalProvider };

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

@@ -1,13 +1,13 @@
-import { useContext as r } from "react";
-import { IressModalContext as t } from "../ModalProvider.js";
-function p(o) {
-  const e = r(t);
-  return {
-    opened: o && e?.opened.includes(o),
-    container: e?.container,
-    show: (n) => o && e?.showModal(o, n)
-  };
+import { IressModalContext as e } from "../ModalProvider.js";
+import { useContext as t } from "react";
+//#region src/components/Modal/hooks/useIDSProvidedModal.ts
+function n(n) {
+	let r = t(e);
+	return {
+		opened: n && r?.opened.includes(n),
+		container: r?.container,
+		show: (e) => n && r?.showModal(n, e)
+	};
 }
-export {
-  p as useIDSProvidedModal
-};
+//#endregion
+export { n as useIDSProvidedModal };

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

@@ -1,20 +1,12 @@
-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 {
-  u as useModal
+import { IressModalContext as e } from "../ModalProvider.js";
+import { useContext as t, useMemo as n } from "react";
+//#region src/components/Modal/hooks/useModal.tsx
+var r = () => {
+	let r = t(e);
+	return n(() => ({ showModal: (e, t = !0) => {
+		if (r === void 0) throw Error("IressModal: useModal must be used within a IressModalProvider");
+		r.showModal(e, t);
+	} }), [r]);
 };
+//#endregion
+export { r as useModal };

package/dist/components/Modal/index.js

@@ -1,11 +1,5 @@
-import { MODAL_SIZES as e } from "./Modal.types.js";
-import { s as t } from "../../LoadingSuspense-CuQm3zqO.js";
-import { IressModalContext as d, IressModalProvider as x } from "./ModalProvider.js";
-import { useModal as f } from "./hooks/useModal.js";
-export {
-  t as IressModal,
-  d as IressModalContext,
-  x as IressModalProvider,
-  e as MODAL_SIZES,
-  f as useModal
-};
+import { I as e } from "../../main-CTy1XcUn.js";
+import { MODAL_SIZES as t } from "./Modal.types.js";
+import { IressModalContext as n, IressModalProvider as r } from "./ModalProvider.js";
+import { useModal as i } from "./hooks/useModal.js";
+export { e as IressModal, n as IressModalContext, r as IressModalProvider, t as MODAL_SIZES, i as useModal };

package/dist/components/Navbar/Navbar.js

@@ -1,13 +1,2 @@
-import "react/jsx-runtime";
-import "react";
-import "../../index-cbHCAGLB.js";
-import "./Navbar.types.js";
-import "../../enums.js";
-import { t as v } from "../../LoadingSuspense-CuQm3zqO.js";
-import "../Panel/Panel.js";
-import "../../LogoFromSrc-BvialtyP.js";
-import "../../helpers/utility/idsLogger.js";
-import "../../helpers/utility/propagateTestid.js";
-export {
-  v as IressNavbar
-};
+import { N as e } from "../../main-CTy1XcUn.js";
+export { e as IressNavbar };

package/dist/components/Navbar/Navbar.types.js

@@ -1,4 +1,6 @@
-var t = /* @__PURE__ */ ((e) => (e.Between = "between", e.End = "end", e.Start = "start", e))(t || {});
-export {
-  t as NavbarHorizontalAlign
-};
+//#region src/components/Navbar/Navbar.types.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.Between = "between", e.End = "end", e.Start = "start", e;
+}({});
+//#endregion
+export { e as NavbarHorizontalAlign };

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

@@ -1,6 +1,2 @@
-import "react/jsx-runtime";
-import { a3 as e } from "../../../LoadingSuspense-CuQm3zqO.js";
-import "../../../LogoFromSrc-BvialtyP.js";
-export {
-  e as HomeLinkContent
-};
+import { F as e } from "../../../main-CTy1XcUn.js";
+export { e as HomeLinkContent };

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

@@ -1,6 +1,2 @@
-import "react/jsx-runtime";
-import "../../../helpers/utility/propagateTestid.js";
-import { L as t } from "../../../LogoFromSrc-BvialtyP.js";
-export {
-  t as LogoFromSrc
-};
+import { t as e } from "../../../LogoFromSrc-7oPJTvAO.js";
+export { e as LogoFromSrc };

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

@@ -1,8 +1,2 @@
-import "react/jsx-runtime";
-import "../../../index-cbHCAGLB.js";
-import "../../../helpers/utility/propagateTestid.js";
-import { a4 as i } from "../../../LoadingSuspense-CuQm3zqO.js";
-import "../../../LogoFromSrc-BvialtyP.js";
-export {
-  i as NavbarLogo
-};
+import { P as e } from "../../../main-CTy1XcUn.js";
+export { e as NavbarLogo };

package/dist/components/Navbar/index.js

@@ -1,6 +1,3 @@
-import { NavbarHorizontalAlign as o } from "./Navbar.types.js";
-import { t as e } from "../../LoadingSuspense-CuQm3zqO.js";
-export {
-  e as IressNavbar,
-  o as NavbarHorizontalAlign
-};
+import { N as e } from "../../main-CTy1XcUn.js";
+import { NavbarHorizontalAlign as t } from "./Navbar.types.js";
+export { e as IressNavbar, t as NavbarHorizontalAlign };