@iress-oss/ids-components 5.20.8 → 5.20.9

package/dist/components/Popover/helpers/hasFocus.js

@@ -1,8 +1,8 @@
-import { getActiveElement as n } from "../../../helpers/dom/getActiveElement.js";
-const c = (t) => {
-  const e = n();
-  return t && e ? t.contains(e) : !1;
-};
-export {
-  c as hasFocus
+import { getActiveElement as e } from "../../../helpers/dom/getActiveElement.js";
+//#region src/components/Popover/helpers/hasFocus.ts
+var t = (t) => {
+	let n = e();
+	return t && n ? t.contains(n) : !1;
 };
+//#endregion
+export { t as hasFocus };

package/dist/components/Popover/helpers/waitUntilTrue.js

@@ -1,12 +1,12 @@
-const c = async (e, n = 1e3, o = 50) => {
-  const i = Date.now();
-  return new Promise((r, s) => {
-    const t = () => {
-      e() ? r() : Date.now() - i >= n ? s(new Error("Condition not met within timeout")) : setTimeout(t, o);
-    };
-    t();
-  });
-};
-export {
-  c as waitUntilTrue
+//#region src/components/Popover/helpers/waitUntilTrue.ts
+var e = async (e, t = 1e3, n = 50) => {
+	let r = Date.now();
+	return new Promise((i, a) => {
+		let o = () => {
+			e() ? i() : Date.now() - r >= t ? a(/* @__PURE__ */ Error("Condition not met within timeout")) : setTimeout(o, n);
+		};
+		o();
+	});
 };
+//#endregion
+export { e as waitUntilTrue };

package/dist/components/Popover/hooks/usePopover.js

@@ -1,6 +1,6 @@
-import { useContext as o } from "react";
-import { a as t } from "../../../PopoverProvider-BMBTLkRr.js";
-const p = () => o(t);
-export {
-  p as usePopover
-};
+import { t as e } from "../../../PopoverProvider-DgUOscvy.js";
+import { useContext as t } from "react";
+//#region src/components/Popover/hooks/usePopover.tsx
+var n = () => t(e);
+//#endregion
+export { n as usePopover };

package/dist/components/Popover/hooks/usePopoverActivatorInteractions.js

@@ -1,33 +1,24 @@
-import { useCallback as s } from "react";
-const c = (t, n) => {
-  const i = s(
-    (e) => {
-      n?.onBlur?.(e);
-    },
-    [n]
-  ), a = s(
-    (e) => {
-      t?.show ? l(e, t) : t && o(e, t), n?.onKeyDown?.(e);
-    },
-    [n, t]
-  );
-  return {
-    onBlur: i,
-    onKeyDown: a
-  };
-}, l = (t, n) => {
-  const i = n?.getVirtualFocus !== void 0;
-  if (n?.getVirtualFocus?.()?.onKeyDown?.(t, n), t.key === "Tab" && (n?.getVirtualFocus?.()?.onBlur?.(t), n?.getVirtualFocus && n?.setShowWithReason(!1, t.nativeEvent, "focus")), t.key === "PageUp" && i && n.setActiveIndex(0), t.key === "PageDown" && i) {
-    const a = Math.max(n?.list.current.length - 1, 0);
-    n.setActiveIndex(a);
-  }
-  if (t.key === "Escape" && n?.setShowWithReason(!1, t.nativeEvent, "focus"), t.key === "ArrowRight" && t.isDefaultPrevented() && t.target instanceof HTMLInputElement && t.target.value?.length) {
-    const a = t.target, e = a.selectionStart ?? 0;
-    e < a.value.length && a.setSelectionRange(e + 1, e + 1);
-  }
-}, o = (t, n) => {
-  t.key === "ArrowDown" && n?.setShowWithReason(!0, t.nativeEvent, "focus");
-};
-export {
-  c as usePopoverActivatorInteractions
+import { useCallback as e } from "react";
+//#region src/components/Popover/hooks/usePopoverActivatorInteractions.tsx
+var t = (t, i) => ({
+	onBlur: e((e) => {
+		i?.onBlur?.(e);
+	}, [i]),
+	onKeyDown: e((e) => {
+		t?.show ? n(e, t) : t && r(e, t), i?.onKeyDown?.(e);
+	}, [i, t])
+}), n = (e, t) => {
+	let n = t?.getVirtualFocus !== void 0;
+	if (t?.getVirtualFocus?.()?.onKeyDown?.(e, t), e.key === "Tab" && (t?.getVirtualFocus?.()?.onBlur?.(e), t?.getVirtualFocus && t?.setShowWithReason(!1, e.nativeEvent, "focus")), e.key === "PageUp" && n && t.setActiveIndex(0), e.key === "PageDown" && n) {
+		let e = Math.max(t?.list.current.length - 1, 0);
+		t.setActiveIndex(e);
+	}
+	if (e.key === "Escape" && t?.setShowWithReason(!1, e.nativeEvent, "focus"), e.key === "ArrowRight" && e.isDefaultPrevented() && e.target instanceof HTMLInputElement && e.target.value?.length) {
+		let t = e.target, n = t.selectionStart ?? 0;
+		n < t.value.length && t.setSelectionRange(n + 1, n + 1);
+	}
+}, r = (e, t) => {
+	e.key === "ArrowDown" && t?.setShowWithReason(!0, e.nativeEvent, "focus");
 };
+//#endregion
+export { t as usePopoverActivatorInteractions };

package/dist/components/Popover/hooks/usePopoverAria.js

@@ -1,18 +1,13 @@
-import { useRef as i, useCallback as c } from "react";
-function o() {
-  const r = i([]), u = c(
-    (e, t = !0) => {
-      t && !r.current.includes(e) && (r.current = [...r.current, e]), !t && r.current.includes(e) && (r.current = r.current.filter(
-        (n) => e !== n
-      ));
-    },
-    []
-  );
-  return {
-    getAriaControls: () => r.current,
-    toggleAriaControls: u
-  };
+import { useCallback as e, useRef as t } from "react";
+//#region src/components/Popover/hooks/usePopoverAria.tsx
+function n() {
+	let n = t([]);
+	return {
+		getAriaControls: () => n.current,
+		toggleAriaControls: e((e, t = !0) => {
+			t && !n.current.includes(e) && (n.current = [...n.current, e]), !t && n.current.includes(e) && (n.current = n.current.filter((t) => e !== t));
+		}, [])
+	};
 }
-export {
-  o as usePopoverAria
-};
+//#endregion
+export { n as usePopoverAria };

package/dist/components/Popover/hooks/usePopoverImperativeHandle.js

@@ -1,25 +1,21 @@
-import { useImperativeHandle as s } from "react";
-const g = (r, e, t, o, l) => {
-  s(
-    r,
-    () => ({
-      getActivator: () => e.elements.domReference,
-      getFocusableActivator: l?.getFocusableActivator,
-      getContent: () => e.elements.floating,
-      setShow: o.setShow,
-      show: o.show,
-      toggleAriaControls: t.toggleAriaControls
-    }),
-    [
-      l?.getFocusableActivator,
-      o.setShow,
-      o.show,
-      t.toggleAriaControls,
-      e.elements.domReference,
-      e.elements.floating
-    ]
-  );
-};
-export {
-  g as usePopoverImperativeHandle
+import { useImperativeHandle as e } from "react";
+//#region src/components/Popover/hooks/usePopoverImperativeHandle.tsx
+var t = (t, n, r, i, a) => {
+	e(t, () => ({
+		getActivator: () => n.elements.domReference,
+		getFocusableActivator: a?.getFocusableActivator,
+		getContent: () => n.elements.floating,
+		setShow: i.setShow,
+		show: i.show,
+		toggleAriaControls: r.toggleAriaControls
+	}), [
+		a?.getFocusableActivator,
+		i.setShow,
+		i.show,
+		r.toggleAriaControls,
+		n.elements.domReference,
+		n.elements.floating
+	]);
 };
+//#endregion
+export { t as usePopoverImperativeHandle };

package/dist/components/Popover/hooks/usePopoverItem.js

@@ -1,17 +1,21 @@
-import { u as p } from "../../../floating-ui.react-DfIjfJIq.js";
-import { useId as u, useEffect as m } from "react";
-import { usePopover as f } from "./usePopover.js";
-const d = (s, t = null) => {
-  const o = f(), { ref: r, index: n } = p({ label: s }), i = u(), e = o?.setVirtualFocus && n === o?.activeIndex, c = e ? 0 : -1;
-  return m(() => {
-    e && o?.setVirtualFocus?.(t);
-  }, [e, o, t]), {
-    id: i,
-    isActiveInPopover: e,
-    ref: r,
-    tabIndex: o ? c : void 0
-  };
-};
-export {
-  d as usePopoverItem
+import { _ as e } from "../../../floating-ui.react-Dj2ev6bJ.js";
+import { usePopover as t } from "./usePopover.js";
+import { useEffect as n, useId as r } from "react";
+//#region src/components/Popover/hooks/usePopoverItem.tsx
+var i = (i, a = null) => {
+	let o = t(), { ref: s, index: c } = e({ label: i }), l = r(), u = o?.setVirtualFocus && c === o?.activeIndex, d = u ? 0 : -1;
+	return n(() => {
+		u && o?.setVirtualFocus?.(a);
+	}, [
+		u,
+		o,
+		a
+	]), {
+		id: l,
+		isActiveInPopover: u,
+		ref: s,
+		tabIndex: o ? d : void 0
+	};
 };
+//#endregion
+export { i as usePopoverItem };

package/dist/components/Popover/hooks/usePopoverNavigation.js

@@ -1,32 +1,33 @@
-import { useMemo as r, useState as O, useEffect as N, useRef as c } from "react";
-import { n as R } from "../../../floating-ui.react-DfIjfJIq.js";
-const b = (s, e, o, m, u = 0) => {
-  const t = r(
-    () => !!(e && ["menu", "listbox"].includes(e)),
-    [e]
-  ), l = r(() => t ? o?.focusItemOnOpen : !1, [o?.focusItemOnOpen, t]), [i, n] = O(null);
-  N(() => {
-    s.open ? n(l ? u : null) : n(null);
-  }, [s.open, l, u]);
-  const a = c([]), v = c(null), I = R(s, {
-    ...o,
-    activeIndex: i,
-    enabled: t,
-    focusItemOnHover: !1,
-    listRef: a,
-    loop: e === "menu",
-    onNavigate: (f) => {
-      n(f), m?.(f);
-    },
-    virtualItemRef: v
-  });
-  return {
-    activeIndex: i,
-    list: a,
-    listNav: I,
-    setActiveIndex: n
-  };
-};
-export {
-  b as usePopoverNavigation
+import { v as e } from "../../../floating-ui.react-Dj2ev6bJ.js";
+import { useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+//#region src/components/Popover/hooks/usePopoverNavigation.tsx
+var a = (a, o, s, c, l = 0) => {
+	let u = n(() => !!(o && ["menu", "listbox"].includes(o)), [o]), d = n(() => u ? s?.focusItemOnOpen : !1, [s?.focusItemOnOpen, u]), [f, p] = i(null);
+	t(() => {
+		a.open ? p(d ? l : null) : p(null);
+	}, [
+		a.open,
+		d,
+		l
+	]);
+	let m = r([]), h = r(null);
+	return {
+		activeIndex: f,
+		list: m,
+		listNav: e(a, {
+			...s,
+			activeIndex: f,
+			enabled: u,
+			focusItemOnHover: !1,
+			listRef: m,
+			loop: o === "menu",
+			onNavigate: (e) => {
+				p(e), c?.(e);
+			},
+			virtualItemRef: h
+		}),
+		setActiveIndex: p
+	};
 };
+//#endregion
+export { a as usePopoverNavigation };

package/dist/components/Popover/hooks/usePopoverState.js

@@ -1,29 +1,22 @@
-import { useRef as a } from "react";
-import { useControlledState as u } from "../../../hooks/useControlledState.js";
-const c = ({
-  defaultShow: o,
-  show: r
-}) => {
-  const e = a(!1), {
-    isControlled: s,
-    setValue: t,
-    value: n
-  } = u({
-    component: "IressPopover",
-    defaultValue: o,
-    propName: "show",
-    value: r
-  });
-  return {
-    hasInnerRole: () => e.current,
-    isControlled: s,
-    setShow: t,
-    setHasInnerRole: (l) => {
-      e.current = l;
-    },
-    show: !!n
-  };
-};
-export {
-  c as usePopoverState
+import { useControlledState as e } from "../../../hooks/useControlledState.js";
+import { useRef as t } from "react";
+//#region src/components/Popover/hooks/usePopoverState.tsx
+var n = ({ defaultShow: n, show: r }) => {
+	let i = t(!1), { isControlled: a, setValue: o, value: s } = e({
+		component: "IressPopover",
+		defaultValue: n,
+		propName: "show",
+		value: r
+	});
+	return {
+		hasInnerRole: () => i.current,
+		isControlled: a,
+		setShow: o,
+		setHasInnerRole: (e) => {
+			i.current = e;
+		},
+		show: !!s
+	};
 };
+//#endregion
+export { n as usePopoverState };

package/dist/components/Popover/index.js

@@ -1,13 +1,5 @@
-import { POPOVER_TYPES as e, POPOVER_USE_MAX_HEIGHT as p, PopoverCssClass as P, PopoverType as s } from "./Popover.types.js";
-import { IressPopover as m } from "./Popover.js";
-import { usePopoverItem as E } from "./hooks/usePopoverItem.js";
-import { IressInputPopover as f } from "./InputPopover/InputPopover.js";
-export {
-  f as IressInputPopover,
-  m as IressPopover,
-  e as POPOVER_TYPES,
-  p as POPOVER_USE_MAX_HEIGHT,
-  P as PopoverCssClass,
-  s as PopoverType,
-  E as usePopoverItem
-};
+import { POPOVER_TYPES as e, POPOVER_USE_MAX_HEIGHT as t, PopoverCssClass as n, PopoverType as r } from "./Popover.types.js";
+import { IressPopover as i } from "./Popover.js";
+import { usePopoverItem as a } from "./hooks/usePopoverItem.js";
+import { IressInputPopover as o } from "./InputPopover/InputPopover.js";
+export { o as IressInputPopover, i as IressPopover, e as POPOVER_TYPES, t as POPOVER_USE_MAX_HEIGHT, n as PopoverCssClass, r as PopoverType, a as usePopoverItem };

package/dist/components/Progress/Progress.js

@@ -1,48 +1,2 @@
-import { jsx as i } from "react/jsx-runtime";
-import { propagateTestid as g } from "../../helpers/utility/propagateTestid.js";
-import { stringReplacer as m } from "../../helpers/formatting/stringReplacer.js";
-import { c as u } from "../../index-cbHCAGLB.js";
-const v = "ids-progress-v5208", f = "ids-progress--indicator-v5208", n = {
-  progress: v,
-  indicator: f
-}, h = ({
-  className: c,
-  max: r = 100,
-  min: s = 0,
-  sectionTitle: l = "Progress is {{current}} of {{max}}",
-  value: e = 0,
-  "data-testid": t,
-  ...d
-}) => {
-  const a = Math.min(Math.max(e, s ?? 0), r), p = `${Math.round((e - s) / (r - s) * 100).toString()}%`, o = () => m(l, [
-    { name: "{{current}}", value: String(a) },
-    { name: "{{max}}", value: r.toString() }
-  ]);
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      ...d,
-      "data-testid": t,
-      className: u(c, n.progress),
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          "aria-valuetext": o(),
-          "aria-valuemax": r,
-          "aria-valuemin": s,
-          "aria-valuenow": a,
-          "aria-label": o(),
-          className: n.indicator,
-          role: "progressbar",
-          "data-testid": g(t, "progressbar"),
-          style: {
-            width: p
-          }
-        }
-      )
-    }
-  );
-}, P = h;
-export {
-  P as IressProgress
-};
+import { t as e } from "../../Progress-BypnLSGF.js";
+export { e as IressProgress };

package/dist/components/Progress/Progress.types.js

@@ -1 +0,0 @@
-

package/dist/components/Progress/index.js

@@ -1,4 +1,2 @@
-import { IressProgress as e } from "./Progress.js";
-export {
-  e as IressProgress
-};
+import { t as e } from "../../Progress-BypnLSGF.js";
+export { e as IressProgress };

package/dist/components/Provider/Provider.js

@@ -1,38 +1,2 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { O as c } from "../../LoadingSuspense-CuQm3zqO.js";
-import { IressModalProvider as l } from "../Modal/ModalProvider.js";
-import "react";
-import { a as p } from "../../SlideoutProvider-CQh140HM.js";
-import { createPortal as n } from "react-dom";
-const x = ({
-  children: e,
-  container: r,
-  injectPushStyles: o,
-  noIcons: i,
-  position: m,
-  ...t
-}) => /* @__PURE__ */ d(l, { container: r, children: [
-  /* @__PURE__ */ s(c, { container: r, position: m, children: /* @__PURE__ */ s(
-    p,
-    {
-      container: r,
-      injectPushStyles: o,
-      ...t,
-      children: e
-    }
-  ) }),
-  !i && n(
-    /* @__PURE__ */ s(
-      "link",
-      {
-        rel: "stylesheet",
-        href: "https://cdn.iress.com/icons/5.15.4/css/combined.min.css"
-      }
-    ),
-    document.head,
-    "design-system-icons"
-  )
-] });
-export {
-  x as IressProvider
-};
+import { S as e } from "../../main-CTy1XcUn.js";
+export { e as IressProvider };

package/dist/components/Provider/index.js

@@ -1,4 +1,2 @@
-import { IressProvider as o } from "./Provider.js";
-export {
-  o as IressProvider
-};
+import { S as e } from "../../main-CTy1XcUn.js";
+export { e as IressProvider };

package/dist/components/Radio/Radio.js

@@ -1,11 +1,2 @@
-import "react/jsx-runtime";
-import "../../index-cbHCAGLB.js";
-import { u as d } from "../../LoadingSuspense-CuQm3zqO.js";
-import "react";
-import "../../hooks/useIdIfNeeded.js";
-import "../../helpers/utility/propagateTestid.js";
-import "../RadioGroup/RadioGroupContext.js";
-import "../../helpers/form/getFormControlValueAsString.js";
-export {
-  d as IressRadio
-};
+import { x as e } from "../../main-CTy1XcUn.js";
+export { e as IressRadio };

package/dist/components/Radio/Radio.types.js

@@ -1 +0,0 @@
-

package/dist/components/Radio/helpers/mapRadioGroupOptions.js

@@ -1,19 +1,12 @@
-import { jsx as a } from "react/jsx-runtime";
-import { u as n } from "../../../LoadingSuspense-CuQm3zqO.js";
-import { idsLogger as p } from "../../../helpers/utility/idsLogger.js";
-import { getFormControlValueAsString as d } from "../../../helpers/form/getFormControlValueAsString.js";
-const f = (r) => r?.length ? (p(
-  "IressRadioGroup: mapRadioGroupOptions 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"
-), r.map(({ label: o, testId: i, value: e }, t) => /* @__PURE__ */ a(
-  n,
-  {
-    value: e,
-    "data-testid": i,
-    children: o
-  },
-  o || d(e) || t
-))) : null;
-export {
-  f as mapRadioGroupOptions
-};
+import { x as e } from "../../../main-CTy1XcUn.js";
+import { idsLogger as t } from "../../../helpers/utility/idsLogger.js";
+import { getFormControlValueAsString as n } from "../../../helpers/form/getFormControlValueAsString.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Radio/helpers/mapRadioGroupOptions.tsx
+var i = (i) => i?.length ? (t("IressRadioGroup: mapRadioGroupOptions 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"), i.map(({ label: t, testId: i, value: a }, o) => /* @__PURE__ */ r(e, {
+	value: a,
+	"data-testid": i,
+	children: t
+}, t || n(a) || o))) : null;
+//#endregion
+export { i as mapRadioGroupOptions };

package/dist/components/Radio/index.js

@@ -1,4 +1,2 @@
-import { u as s } from "../../LoadingSuspense-CuQm3zqO.js";
-export {
-  s as IressRadio
-};
+import { x as e } from "../../main-CTy1XcUn.js";
+export { e as IressRadio };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,98 +1,2 @@
-import { jsx as R } from "react/jsx-runtime";
-import { c as B } from "../../index-cbHCAGLB.js";
-import { RadioGroupLayout as C } from "./RadioGroup.types.js";
-import { forwardRef as L, useRef as S, useMemo as W, useImperativeHandle as j } from "react";
-import { useControlledState as D } from "../../hooks/useControlledState.js";
-import { RadioGroupContext as E } from "./RadioGroupContext.js";
-import { useNoDefaultValueInForms as H } from "../Form/hooks/useNoDefaultValueInForms.js";
-const M = "ids-radio-group-v5208", P = "ids-radio-group--stack-v5208", z = "ids-radio-group--block-v5208", A = "ids-radio-group--inline-v5208", J = "ids-radio-group--inline-flex-v5208", K = "ids-radio-group--inline-equal-width-v5208", g = {
-  radioGroup: M,
-  stack: P,
-  "ids-radio": "ids-radio-v5208",
-  block: z,
-  "ids-radio--label": "ids-radio--label-v5208",
-  inline: A,
-  inlineFlex: J,
-  inlineEqualWidth: K
-};
-function O(r, i, t) {
-  return r && i && r.contains(i) ? !1 : i ? !0 : t === r;
-}
-const G = L(
-  ({
-    children: r,
-    className: i,
-    hiddenRadio: t,
-    layout: u = "stack",
-    name: a,
-    onChange: l,
-    onFocus: b,
-    onBlur: k,
-    required: d,
-    role: x = "radiogroup",
-    defaultValue: c,
-    readonly: p,
-    value: I,
-    touch: f,
-    ...h
-  }, F) => {
-    H({
-      component: "IressRadioGroup",
-      defaultValue: c
-    });
-    const s = S(null), e = s.current, { value: m, setValue: n } = D({
-      component: "IressRadioGroup",
-      defaultValue: c,
-      value: I
-    }), N = W(
-      () => ({
-        name: a,
-        value: m,
-        hiddenRadio: t,
-        required: d,
-        readonly: p,
-        touch: f,
-        onChange: (o, v) => {
-          n(v), l?.(o, v);
-        }
-      }),
-      [a, m, t, d, p, n, l, f]
-    );
-    j(F, () => ({
-      // React hook form requires the focus, blur, input
-      focus: () => e?.focus(),
-      blur: () => e?.blur(),
-      input: e,
-      reset: () => n(void 0)
-    }));
-    const q = (o) => {
-      b?.(o), o.target === s.current && s.current.querySelector("input")?.focus();
-    }, y = (o) => {
-      O(
-        s.current,
-        o.relatedTarget,
-        o.target
-      ) && k?.(o);
-    };
-    return /* @__PURE__ */ R(E.Provider, { value: N, children: /* @__PURE__ */ R(
-      "div",
-      {
-        ...h,
-        ref: s,
-        role: x,
-        className: B(i, g.radioGroup, {
-          [g[u]]: !!u
-        }),
-        onFocus: q,
-        onBlur: y,
-        children: r
-      }
-    ) });
-  }
-);
-G.displayName = "IressRadioGroup";
-G.Layout = C;
-export {
-  G as IressRadioGroup,
-  O as shouldFireRadioGroupBlur
-};
+import { n as e, t } from "../../RadioGroup-DtA0WE3l.js";
+export { t as IressRadioGroup, e as shouldFireRadioGroupBlur };