@iress-oss/ids-components 5.20.8 → 5.20.9

package/dist/components/Menu/Menu.js

@@ -1,64 +1,50 @@
-import { jsx as e } from "react/jsx-runtime";
-import { MenuLayout as g, MenuType as x } from "./Menu.types.js";
-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-DfIjfJIq.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";
-import { useMenuRole as b } from "./hooks/useMenuRole.js";
-const m = ({
-  changeOnBlur: d,
-  children: u,
-  className: f,
-  defaultSelected: a,
-  fluid: c,
-  id: M,
-  layout: r = "stack",
-  multiSelect: s,
-  noWrap: v,
-  onChange: l,
-  role: y,
-  selected: C,
-  type: t,
-  ...I
-}) => {
-  const i = k({ id: M }), p = y ?? t, o = b(s, p), T = N({
-    id: i,
-    layout: r,
-    multiSelect: s,
-    role: o
-  }), h = R({ className: f, fluid: c, layout: r, role: p }), L = O(o), n = {
-    ...I,
-    ...h,
-    ...T,
-    role: o,
-    id: i,
-    children: u
-  };
-  return t !== void 0 && j(
-    "IressMenu: The type prop is deprecated. Please use the role prop instead."
-  ), /* @__PURE__ */ e(
-    P,
-    {
-      changeOnBlur: d,
-      defaultSelected: a,
-      id: i,
-      layout: r,
-      multiSelect: s,
-      nav: p === "nav",
-      noWrap: v,
-      onChange: l,
-      role: o,
-      selected: C,
-      children: L ? /* @__PURE__ */ e(A, { loop: o === "menu", render: /* @__PURE__ */ e("div", { ...n }) }) : /* @__PURE__ */ e("div", { ...n })
-    }
-  );
-};
-m.Layout = g;
-m.Type = x;
-export {
-  m as IressMenu
+import { idsLogger as e } from "../../helpers/utility/idsLogger.js";
+import { t } from "../../floating-ui.react-Dj2ev6bJ.js";
+import { useIdIfNeeded as n } from "../../hooks/useIdIfNeeded.js";
+import { MenuLayout as r, MenuType as i } from "./Menu.types.js";
+import { MenuProvider as a } from "./MenuProvider.js";
+import { useMenuAria as o } from "./hooks/useMenuAria.js";
+import { useMenuComposite as s } from "./hooks/useMenuComposite.js";
+import { t as c } from "../../useMenuStyles-cry3mes_.js";
+import { useMenuRole as l } from "./hooks/useMenuRole.js";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/components/Menu/Menu.tsx
+var d = ({ changeOnBlur: r, children: i, className: d, defaultSelected: f, fluid: p, id: m, layout: h = "stack", multiSelect: g, noWrap: _, onChange: v, role: y, selected: b, type: x, ...S }) => {
+	let C = n({ id: m }), w = y ?? x, T = l(g, w), E = o({
+		id: C,
+		layout: h,
+		multiSelect: g,
+		role: T
+	}), D = c({
+		className: d,
+		fluid: p,
+		layout: h,
+		role: w
+	}), O = s(T), k = {
+		...S,
+		...D,
+		...E,
+		role: T,
+		id: C,
+		children: i
+	};
+	return x !== void 0 && e("IressMenu: The type prop is deprecated. Please use the role prop instead."), /* @__PURE__ */ u(a, {
+		changeOnBlur: r,
+		defaultSelected: f,
+		id: C,
+		layout: h,
+		multiSelect: g,
+		nav: w === "nav",
+		noWrap: _,
+		onChange: v,
+		role: T,
+		selected: b,
+		children: O ? /* @__PURE__ */ u(t, {
+			loop: T === "menu",
+			render: /* @__PURE__ */ u("div", { ...k })
+		}) : /* @__PURE__ */ u("div", { ...k })
+	});
 };
+d.Layout = r, d.Type = i;
+//#endregion
+export { d as IressMenu };

package/dist/components/Menu/Menu.types.js

@@ -1,10 +1,17 @@
-var n = /* @__PURE__ */ ((i) => (i.Menu = "menu", i.List = "list", i.Listbox = "listbox", i.Nav = "nav", i))(n || {});
-const l = ["menu", "list", "listbox", "nav"];
-var t = /* @__PURE__ */ ((i) => (i.Stack = "stack", i.Inline = "inline", i.InlineEqualWidth = "inline-equal-width", i))(t || {});
-const s = ["stack", "inline", "inline-equal-width"];
-export {
-  s as MENU_LAYOUTS,
-  l as MENU_ROLES,
-  t as MenuLayout,
-  n as MenuType
-};
+//#region src/components/Menu/Menu.types.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.Menu = "menu", e.List = "list", e.Listbox = "listbox", e.Nav = "nav", e;
+}({}), t = [
+	"menu",
+	"list",
+	"listbox",
+	"nav"
+], n = /* @__PURE__ */ function(e) {
+	return e.Stack = "stack", e.Inline = "inline", e.InlineEqualWidth = "inline-equal-width", e;
+}({}), r = [
+	"stack",
+	"inline",
+	"inline-equal-width"
+];
+//#endregion
+export { r as MENU_LAYOUTS, t as MENU_ROLES, n as MenuLayout, e as MenuType };

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

@@ -1,39 +1,2 @@
-import "react/jsx-runtime";
-import { o as K } from "../../../LoadingSuspense-CuQm3zqO.js";
-import "react";
-import "../../../fuzzysort-BNka47rs.js";
-import "../../Badge/Badge.js";
-import "../../../index-cbHCAGLB.js";
-import "../../ButtonGroup/ButtonGroupProvider.js";
-import "../../Card/Card.js";
-import "../../CheckboxGroup/CheckboxGroup.js";
-import "../../Col/Col.js";
-import "../../Divider/Divider.js";
-import "../../Expander/Expander.js";
-import "../../Form/FormContext.js";
-import "../Menu.js";
-import "../hooks/useMenu.js";
-import "../../../PopoverProvider-BMBTLkRr.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 "../../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 IressMenuDivider
-};
+import { dt as e } from "../../../main-CTy1XcUn.js";
+export { e as IressMenuDivider };

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

@@ -1,8 +1,2 @@
-import "react/jsx-runtime";
-import "../../../enums.js";
-import { p as e } from "../../../LoadingSuspense-CuQm3zqO.js";
-import "../../../index-cbHCAGLB.js";
-import "../../../MenuItem.module-BFPHZtJl.js";
-export {
-  e as IressMenuHeading
-};
+import { lt as e } from "../../../main-CTy1XcUn.js";
+export { e as IressMenuHeading };

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

@@ -1,11 +1,2 @@
-import "react/jsx-runtime";
-import "react";
-import "./hooks/useMenuItemRole.js";
-import "./hooks/useMenuItemAria.js";
-import "./hooks/useMenuItemButtonProps.js";
-import { r as a } from "../../../LoadingSuspense-CuQm3zqO.js";
-import "./hooks/useMenuItemInteractions.js";
-import "./hooks/useMenuItemComposite.js";
-export {
-  a as IressMenuItem
-};
+import { ct as e } from "../../../main-CTy1XcUn.js";
+export { e as IressMenuItem };

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

@@ -1,6 +1,10 @@
-var i = /* @__PURE__ */ ((t) => (t.ListItem = "listitem", t.MenuItem = "menuitem", t.Option = "option", t))(i || {});
-const m = ["listitem", "option", "menuitem"];
-export {
-  m as MENU_ITEM_ROLES,
-  i as MenuItemRole
-};
+//#region src/components/Menu/MenuItem/MenuItem.types.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.ListItem = "listitem", e.MenuItem = "menuitem", e.Option = "option", e;
+}({}), t = [
+	"listitem",
+	"option",
+	"menuitem"
+];
+//#endregion
+export { t as MENU_ITEM_ROLES, e as MenuItemRole };

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

@@ -1,17 +1,12 @@
-import { useMenu as r } from "../../hooks/useMenu.js";
-import { idsLogger as n } from "../../../../helpers/utility/idsLogger.js";
-const p = ({
-  selected: t,
-  value: o
-}) => {
-  const e = r(), s = e?.supportsSelection ? e.isSelected(o) : t;
-  return e?.supportsSelection && t && n(
-    "IressMenuItem: The selected prop on IressMenuItem does not work when used inside an IressMenu with role=listbox or the multiSelect prop set to true. Use the selected prop on IressMenu instead."
-  ), {
-    "aria-selected": e?.supportsSelection ? s : void 0,
-    "aria-current": e?.role === "nav" || e?.nav ? s : void 0
-  };
-};
-export {
-  p as useMenuItemAria
+import { idsLogger as e } from "../../../../helpers/utility/idsLogger.js";
+import { useMenu as t } from "../../hooks/useMenu.js";
+//#region src/components/Menu/MenuItem/hooks/useMenuItemAria.ts
+var n = ({ selected: n, value: r }) => {
+	let i = t(), a = i?.supportsSelection ? i.isSelected(r) : n;
+	return i?.supportsSelection && n && e("IressMenuItem: The selected prop on IressMenuItem does not work when used inside an IressMenu with role=listbox or the multiSelect prop set to true. Use the selected prop on IressMenu instead."), {
+		"aria-selected": i?.supportsSelection ? a : void 0,
+		"aria-current": i?.role === "nav" || i?.nav ? a : void 0
+	};
 };
+//#endregion
+export { n as useMenuItemAria };

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

@@ -1,47 +1,45 @@
-import { jsx as o } from "react/jsx-runtime";
-import "../../../CheckboxMark/CheckboxMark.types.js";
-import { IressCheckboxMark as k } from "../../../CheckboxMark/CheckboxMark.js";
-import { useMenu as v } from "../../hooks/useMenu.js";
-import { s as e } from "../../../../MenuItem.module-BFPHZtJl.js";
-import { useMemo as S } from "react";
-import { propagateTestid as h } from "../../../../helpers/utility/propagateTestid.js";
-import { c as x } from "../../../../index-cbHCAGLB.js";
-const B = ({
-  append: r,
-  children: m,
-  className: n,
-  "data-testid": a,
-  divider: l,
-  role: c,
-  selected: p,
-  prepend: i,
-  value: u
-}, d) => {
-  const t = v(), s = t?.supportsSelection ? t.isSelected(u) : p, f = S(() => t?.multiSelect ? /* @__PURE__ */ o(
-    k,
-    {
-      className: e.checkboxMark,
-      checked: s,
-      "data-testid": h(a, "checkbox-mark")
-    }
-  ) : i, [a, s, t?.multiSelect, i]);
-  return {
-    append: r ? /* @__PURE__ */ o("span", { className: e.append, children: r }) : void 0,
-    children: m ? /* @__PURE__ */ o("span", { className: e.contents, children: m }) : void 0,
-    className: x(n, e.menuItem, e.button, {
-      [e.divider]: l,
-      [e.selected]: s,
-      [e.multiSelect]: t?.multiSelect,
-      [e.noWrap]: t?.noWrap,
-      [e["menu--nav"]]: t?.nav,
-      [e[`menu--${t?.layout}`]]: !!t?.layout,
-      "iress--active": d
-    }),
-    noWrap: t?.noWrap,
-    prepend: f,
-    role: c === "listitem" ? void 0 : c
-  };
-};
-export {
-  B as useMenuItemButtonProps
+import { n as e } from "../../../../chunk-efA98nb6.js";
+import { t } from "../../../../classnames-BTnCYmAN.js";
+import { propagateTestid as n } from "../../../../helpers/utility/propagateTestid.js";
+import { useMenu as r } from "../../hooks/useMenu.js";
+import { t as i } from "../../../../MenuItem.module-guf-3YyL.js";
+import { IressCheckboxMark as a } from "../../../CheckboxMark/CheckboxMark.js";
+import { useMemo as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/Menu/MenuItem/hooks/useMenuItemButtonProps.tsx
+var c = /* @__PURE__ */ e(t(), 1), l = ({ append: e, children: t, className: l, "data-testid": u, divider: d, role: f, selected: p, prepend: m, value: h }, g) => {
+	let _ = r(), v = _?.supportsSelection ? _.isSelected(h) : p, y = o(() => _?.multiSelect ? /* @__PURE__ */ s(a, {
+		className: i.checkboxMark,
+		checked: v,
+		"data-testid": n(u, "checkbox-mark")
+	}) : m, [
+		u,
+		v,
+		_?.multiSelect,
+		m
+	]);
+	return {
+		append: e ? /* @__PURE__ */ s("span", {
+			className: i.append,
+			children: e
+		}) : void 0,
+		children: t ? /* @__PURE__ */ s("span", {
+			className: i.contents,
+			children: t
+		}) : void 0,
+		className: (0, c.default)(l, i.menuItem, i.button, {
+			[i.divider]: d,
+			[i.selected]: v,
+			[i.multiSelect]: _?.multiSelect,
+			[i.noWrap]: _?.noWrap,
+			[i["menu--nav"]]: _?.nav,
+			[i[`menu--${_?.layout}`]]: !!_?.layout,
+			"iress--active": g
+		}),
+		noWrap: _?.noWrap,
+		prepend: y,
+		role: f === "listitem" ? void 0 : f
+	};
 };
+//#endregion
+export { l as useMenuItemButtonProps };

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

@@ -1,15 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-import { a as i } from "../../../../floating-ui.react-DfIjfJIq.js";
-import { cloneElement as n } from "react";
-import { s as l } from "../../../../MenuItem.module-BFPHZtJl.js";
-import { useMenuComposite as p } from "../../hooks/useMenuComposite.js";
-const I = (t, s) => {
-  const m = p();
-  if (!t)
-    return null;
-  const e = s === "listitem" ? /* @__PURE__ */ o("span", { role: "listitem", className: l.listItem, children: t }) : t;
-  return m ? /* @__PURE__ */ o(i, { render: (r) => n(e, r) }) : e;
-};
-export {
-  I as useMenuItemComposite
+import { n as e } from "../../../../floating-ui.react-Dj2ev6bJ.js";
+import { useMenuComposite as t } from "../../hooks/useMenuComposite.js";
+import { t as n } from "../../../../MenuItem.module-guf-3YyL.js";
+import { cloneElement as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Menu/MenuItem/hooks/useMenuItemComposite.tsx
+var a = (a, o) => {
+	let s = t();
+	if (!a) return null;
+	let c = o === "listitem" ? /* @__PURE__ */ i("span", {
+		role: "listitem",
+		className: n.listItem,
+		children: a
+	}) : a;
+	return s ? /* @__PURE__ */ i(e, { render: (e) => r(c, e) }) : c;
 };
+//#endregion
+export { a as useMenuItemComposite };

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

@@ -1,65 +1,54 @@
-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 l = v(), u = b(), i = l?.supportsSelection ? l.isSelected(r) : s, p = a(
-    (n) => {
-      t?.(n), S(l, r, i, u, e);
-    },
-    [e, l, t, u, i, r]
-  ), d = a(
-    (n) => {
-      c?.(n), n.key === "Tab" && l?.supportsSelection && l?.changeOnBlur && l?.toggle(r, !0);
-    },
-    [l, c, r]
-  ), { tabIndex: f, ...g } = I(
-    void 0,
-    h(
-      {
-        canToggle: e,
-        onClick: t,
-        onKeyDown: c,
-        value: r
-      },
-      l,
-      i
-    )
-  );
-  return {
-    ...g,
-    onClick: p,
-    onKeyDown: d,
-    tabIndex: o === "option" ? f : void 0
-  };
-}, 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(r, "target", {
-        writable: !1,
-        value: { value: "", ...o.target }
-      }), e.onClick?.(r);
-    }
-    e.onKeyDown?.(o);
-  }
+import { usePopover as e } from "../../../Popover/hooks/usePopover.js";
+import { usePopoverItem as t } from "../../../Popover/hooks/usePopoverItem.js";
+import { useMenu as n } from "../../hooks/useMenu.js";
+import { useCallback as r } from "react";
+//#region src/components/Menu/MenuItem/hooks/useMenuItemInteractions.ts
+var i = ({ canToggle: i, onClick: s, onKeyDown: c, role: l, selected: u, value: d }) => {
+	let f = n(), p = e(), m = f?.supportsSelection ? f.isSelected(d) : u, h = r((e) => {
+		s?.(e), a(f, d, m, p, i);
+	}, [
+		i,
+		f,
+		s,
+		p,
+		m,
+		d
+	]), g = r((e) => {
+		c?.(e), e.key === "Tab" && f?.supportsSelection && f?.changeOnBlur && f?.toggle(d, !0);
+	}, [
+		f,
+		c,
+		d
+	]), { tabIndex: _, ...v } = t(void 0, o({
+		canToggle: i,
+		onClick: s,
+		onKeyDown: c,
+		value: d
+	}, f, m));
+	return {
+		...v,
+		onClick: h,
+		onKeyDown: g,
+		tabIndex: l === "option" ? _ : void 0
+	};
+}, a = (e, t, n, r, i) => {
+	e?.supportsSelection && e.toggle(t, i || e?.multiSelect ? !n : !0), e?.hasArrowKeyNav && !e?.multiSelect && (r?.setShow?.(!1), r?.getFocusableActivator?.()?.focus(), r?.resetActiveIndex());
+}, o = (e, t, n) => ({
+	onBlur: () => t?.changeOnBlur && t?.toggle(e.value, !0),
+	onKeyDown: (r, i) => {
+		if (r.key === "Enter") {
+			r.preventDefault(), t?.toggle(e.value, e.canToggle || t?.multiSelect ? !n : !0), t?.hasArrowKeyNav && !t?.multiSelect && i?.resetActiveIndex();
+			let a = new Event("click", { bubbles: !0 });
+			Object.defineProperty(a, "target", {
+				writable: !1,
+				value: {
+					value: "",
+					...r.target
+				}
+			}), e.onClick?.(a);
+		}
+		e.onKeyDown?.(r);
+	}
 });
-export {
-  x as useMenuItemInteractions
-};
+//#endregion
+export { i 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 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 {
-  m as useMenuItemRole
+import { usePopover as e } from "../../../Popover/hooks/usePopover.js";
+import { useMenu as t } from "../../hooks/useMenu.js";
+//#region src/components/Menu/MenuItem/hooks/useMenuItemRole.ts
+var n = () => {
+	let n = t(), r = e(), i = n?.role ?? r?.type;
+	return i === "listbox" ? "option" : i === "menu" ? "menuitem" : i === "list" ? "listitem" : void 0;
 };
+//#endregion
+export { n as useMenuItemRole };