@iress-oss/ids-components 5.20.8 → 5.20.9

package/dist/components/Panel/Panel.js

@@ -1,36 +1,22 @@
-import { jsx as p } from "react/jsx-runtime";
-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";
-const a = ({
-  children: e,
-  background: o = "default",
-  noBorderRadius: r,
-  noGutter: t,
-  padding: n = "md",
-  stretch: i,
-  textAlign: l = "inherit",
-  className: d,
-  ...m
-}) => {
-  const c = {
-    [s.Stretch]: i,
-    [s.NoBorderRadius]: r,
-    [s.NoGutter]: t
-  }, g = u(
-    d,
-    s.Base,
-    `${B.TextAlignBase}--${l}`,
-    `${s.Background}--${o}`,
-    x(n),
-    c
-  );
-  return /* @__PURE__ */ p("div", { className: g, ...m, children: e });
-};
-a.Background = f;
-a.Padding = C;
-a.TextAlign = P;
-export {
-  a as IressPanel
+import { n as e } from "../../chunk-efA98nb6.js";
+import { t } from "../../classnames-BTnCYmAN.js";
+import { GlobalCSSClass as n, PaddingSize as r, TextAlign as i } from "../../enums.js";
+import { PanelBackground as a, PanelCssClass as o } from "./Panel.types.js";
+import { getResponsivePaddingClasses as s } from "../../helpers/responsive/getResponsivePaddingClasses.js";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/components/Panel/Panel.tsx
+var l = /* @__PURE__ */ e(t(), 1), u = ({ children: e, background: t = "default", noBorderRadius: r, noGutter: i, padding: a = "md", stretch: u, textAlign: d = "inherit", className: f, ...p }) => {
+	let m = {
+		[o.Stretch]: u,
+		[o.NoBorderRadius]: r,
+		[o.NoGutter]: i
+	};
+	return /* @__PURE__ */ c("div", {
+		className: (0, l.default)(f, o.Base, `${n.TextAlignBase}--${d}`, `${o.Background}--${t}`, s(a), m),
+		...p,
+		children: e
+	});
 };
+u.Background = a, u.Padding = r, u.TextAlign = i;
+//#endregion
+export { u as IressPanel };

package/dist/components/Panel/Panel.types.js

@@ -1,12 +1,13 @@
-var t = /* @__PURE__ */ ((r) => (r.Background = "iress--background", r.Base = "iress-u-panel", r.NoBorderRadius = "iress--no-border-radius", r.NoGutter = "iress--no-gutter", r.Stretch = "iress--stretch", r))(t || {}), e = /* @__PURE__ */ ((r) => (r.Default = "default", r.Alt = "alt", r.Page = "page", r.Transparent = "transparent", r))(e || {});
-const u = [
-  "default",
-  "alt",
-  "page",
-  "transparent"
+//#region src/components/Panel/Panel.types.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.Background = "iress--background", e.Base = "iress-u-panel", e.NoBorderRadius = "iress--no-border-radius", e.NoGutter = "iress--no-gutter", e.Stretch = "iress--stretch", e;
+}({}), t = /* @__PURE__ */ function(e) {
+	return e.Default = "default", e.Alt = "alt", e.Page = "page", e.Transparent = "transparent", e;
+}({}), n = [
+	"default",
+	"alt",
+	"page",
+	"transparent"
 ];
-export {
-  u as PANEL_BACKGROUNDS,
-  e as PanelBackground,
-  t as PanelCssClass
-};
+//#endregion
+export { n as PANEL_BACKGROUNDS, t as PanelBackground, e as PanelCssClass };

package/dist/components/Panel/index.js

@@ -1,8 +1,3 @@
-import { PANEL_BACKGROUNDS as s, PanelBackground as a, PanelCssClass as o } from "./Panel.types.js";
-import { IressPanel as n } from "./Panel.js";
-export {
-  n as IressPanel,
-  s as PANEL_BACKGROUNDS,
-  a as PanelBackground,
-  o as PanelCssClass
-};
+import { PANEL_BACKGROUNDS as e, PanelBackground as t, PanelCssClass as n } from "./Panel.types.js";
+import { IressPanel as r } from "./Panel.js";
+export { r as IressPanel, e as PANEL_BACKGROUNDS, t as PanelBackground, n as PanelCssClass };

package/dist/components/Placeholder/Placeholder.js

@@ -1,42 +1,2 @@
-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-v5208", u = "ids-placeholder--transparent-v5208", l = {
-  placeholder: x,
-  transparent: u
-}, f = ({
-  children: n,
-  className: c,
-  height: e = "auto",
-  stretch: p,
-  style: t,
-  transparent: d,
-  width: r = "auto",
-  ...h
-}) => {
-  const i = e === "auto" ? p ? "100%" : e : a(e);
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: m(c, l.placeholder, {
-        [l.transparent]: d
-      }),
-      ...h,
-      style: {
-        ...t,
-        width: r ? a(r) : t?.width,
-        height: i
-      },
-      children: [
-        /* @__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%" })
-        ] }),
-        n
-      ]
-    }
-  );
-};
-export {
-  f as IressPlaceholder
-};
+import { t as e } from "../../Placeholder-C1YrHg4w.js";
+export { e as IressPlaceholder };

package/dist/components/Placeholder/Placeholder.types.js

@@ -1 +0,0 @@
-

package/dist/components/Placeholder/index.js

@@ -1,4 +1,2 @@
-import { IressPlaceholder as o } from "./Placeholder.js";
-export {
-  o as IressPlaceholder
-};
+import { t as e } from "../../Placeholder-C1YrHg4w.js";
+export { e as IressPlaceholder };

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

@@ -1,87 +1,51 @@
-import { jsx as o, jsxs as j } from "react/jsx-runtime";
-import { forwardRef as F } from "react";
-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-oIsv6lht.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";
-import { NestedPopoverActivator as G } from "../components/NestedPopoverActivator.js";
-import { usePopover as R } from "../hooks/usePopover.js";
-const k = ({
-  activator: p,
-  align: s = "auto",
-  autoHighlight: v = !0,
-  children: c,
-  className: n,
-  container: d,
-  contentClassName: l,
-  defaultShow: f,
-  disabledAutoToggle: e,
-  displayMode: a = "overlay",
-  focusStartIndex: u,
-  minLength: P,
-  onActivated: h,
-  onDeactivated: I,
-  onNavigate: x,
-  show: A,
-  type: N = "listbox",
-  width: y,
-  ...t
-}, C) => /* @__PURE__ */ o(
-  W,
-  {
-    align: s,
-    autoHighlight: v,
-    defaultShow: f,
-    disabledAutoToggle: e,
-    matchActivatorWidth: a === "overlay",
-    onActivated: h,
-    onDeactivated: I,
-    onNavigate: x,
-    ref: C,
-    type: N,
-    show: A,
-    focusStartIndex: u,
-    children: /* @__PURE__ */ j(
-      "div",
-      {
-        ...t,
-        className: i(
-          n,
-          S.FormElement,
-          r.popover,
-          r.hasInputActivator
-        ),
-        children: [
-          /* @__PURE__ */ o(G, { parentPopover: R(), children: /* @__PURE__ */ o(
-            w,
-            {
-              "data-testid": m(t["data-testid"], "activator"),
-              disabledAutoToggle: e,
-              minLength: P,
-              children: p
-            }
-          ) }),
-          /* @__PURE__ */ o(
-            b,
-            {
-              className: i(r.inputActivatorPortal, l),
-              container: d,
-              "data-testid": m(t["data-testid"], "content"),
-              displayMode: a,
-              style: E(y),
-              virtualFocus: !0,
-              children: c
-            }
-          )
-        ]
-      }
-    )
-  }
-), V = F(k);
-export {
-  V as IressInputPopover
-};
+import { n as e } from "../../../chunk-efA98nb6.js";
+import { t } from "../../../classnames-BTnCYmAN.js";
+import { GlobalCSSClass as n } from "../../../enums.js";
+import { propagateTestid as r } from "../../../helpers/utility/propagateTestid.js";
+import { t as i } from "../../../Popover.module-6flgSLob.js";
+import { usePopover as a } from "../hooks/usePopover.js";
+import { PopoverContent as o } from "../components/PopoverContent.js";
+import { composePopoverWidth as s } from "../helpers/composePopoverWidth.js";
+import { NestedPopoverActivator as c } from "../components/NestedPopoverActivator.js";
+import { InputPopoverProvider as l } from "./InputPopoverProvider.js";
+import { InputPopoverActivator as u } from "./InputPopoverActivator.js";
+import { forwardRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/Popover/InputPopover/InputPopover.tsx
+var m = /* @__PURE__ */ e(t(), 1), h = d(({ activator: e, align: t = "auto", autoHighlight: d = !0, children: h, className: g, container: _, contentClassName: v, defaultShow: y, disabledAutoToggle: b, displayMode: x = "overlay", focusStartIndex: S, minLength: C, onActivated: w, onDeactivated: T, onNavigate: E, show: D, type: O = "listbox", width: k, ...A }, j) => /* @__PURE__ */ f(l, {
+	align: t,
+	autoHighlight: d,
+	defaultShow: y,
+	disabledAutoToggle: b,
+	matchActivatorWidth: x === "overlay",
+	onActivated: w,
+	onDeactivated: T,
+	onNavigate: E,
+	ref: j,
+	type: O,
+	show: D,
+	focusStartIndex: S,
+	children: /* @__PURE__ */ p("div", {
+		...A,
+		className: (0, m.default)(g, n.FormElement, i.popover, i.hasInputActivator),
+		children: [/* @__PURE__ */ f(c, {
+			parentPopover: a(),
+			children: /* @__PURE__ */ f(u, {
+				"data-testid": r(A["data-testid"], "activator"),
+				disabledAutoToggle: b,
+				minLength: C,
+				children: e
+			})
+		}), /* @__PURE__ */ f(o, {
+			className: (0, m.default)(i.inputActivatorPortal, v),
+			container: _,
+			"data-testid": r(A["data-testid"], "content"),
+			displayMode: x,
+			style: s(k),
+			virtualFocus: !0,
+			children: h
+		})]
+	})
+}));
+//#endregion
+export { h as IressInputPopover };

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

@@ -1 +0,0 @@
-

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

@@ -1,59 +1,51 @@
-import { jsx as w } from "react/jsx-runtime";
-import { s as C } from "../../../Popover.module-oIsv6lht.js";
-import { usePopover as E } from "../hooks/usePopover.js";
-import { useCallback as i, cloneElement as R } from "react";
-import { hasFocus as P } from "../helpers/hasFocus.js";
-import { usePopoverActivatorInteractions as k } from "../hooks/usePopoverActivatorInteractions.js";
-const L = ({
-  children: a,
-  disabledAutoToggle: s,
-  minLength: v,
-  ...f
-}) => {
-  const t = E(), n = a?.props, o = v ?? n.minLength ?? 1, c = "focus", u = i(
-    (e) => {
-      const r = e.currentTarget.value;
-      if (!s) {
-        const h = r.length >= o;
-        h && t?.show === !1 ? t.setShowWithReason(!0, e.nativeEvent, c) : !h && t?.show && t.setShowWithReason(!1, e.nativeEvent, c);
-      }
-      n.onChange?.(e, r);
-    },
-    [n, s, o, t]
-  ), p = i(
-    (e) => {
-      const r = e.currentTarget.value;
-      n.onClick?.(e), !s && t?.show === !1 && P(e.currentTarget) && r.length >= o && t.setShowWithReason(!0, e.nativeEvent, c);
-    },
-    [n, s, o, t]
-  ), l = i(
-    (e) => {
-      n.onFocus?.(e), !s && (!o || e.currentTarget.value.length >= o) && t?.show === !1 && t.setShowWithReason(!0, e.nativeEvent, "focus");
-    },
-    [n, s, o, t]
-  ), m = k(
-    t,
-    n
-  );
-  return /* @__PURE__ */ w(
-    "div",
-    {
-      ...f,
-      className: C.activator,
-      ref: t?.api.refs.setReference,
-      children: a && t && R(
-        a,
-        t.interactions.getReferenceProps({
-          ...m,
-          "aria-autocomplete": "list",
-          onChange: u,
-          onClick: p,
-          onFocus: l
-        })
-      )
-    }
-  );
-};
-export {
-  L as InputPopoverActivator
+import { t as e } from "../../../Popover.module-6flgSLob.js";
+import { usePopover as t } from "../hooks/usePopover.js";
+import { usePopoverActivatorInteractions as n } from "../hooks/usePopoverActivatorInteractions.js";
+import { hasFocus as r } from "../helpers/hasFocus.js";
+import { cloneElement as i, useCallback as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/Popover/InputPopover/InputPopoverActivator.tsx
+var s = ({ children: s, disabledAutoToggle: c, minLength: l, ...u }) => {
+	let d = t(), f = s?.props, p = l ?? f.minLength ?? 1, m = "focus", h = a((e) => {
+		let t = e.currentTarget.value;
+		if (!c) {
+			let n = t.length >= p;
+			n && d?.show === !1 ? d.setShowWithReason(!0, e.nativeEvent, m) : !n && d?.show && d.setShowWithReason(!1, e.nativeEvent, m);
+		}
+		f.onChange?.(e, t);
+	}, [
+		f,
+		c,
+		p,
+		d
+	]), g = a((e) => {
+		let t = e.currentTarget.value;
+		f.onClick?.(e), !c && d?.show === !1 && r(e.currentTarget) && t.length >= p && d.setShowWithReason(!0, e.nativeEvent, m);
+	}, [
+		f,
+		c,
+		p,
+		d
+	]), _ = a((e) => {
+		f.onFocus?.(e), !c && (!p || e.currentTarget.value.length >= p) && d?.show === !1 && d.setShowWithReason(!0, e.nativeEvent, "focus");
+	}, [
+		f,
+		c,
+		p,
+		d
+	]), v = n(d, f);
+	return /* @__PURE__ */ o("div", {
+		...u,
+		className: e.activator,
+		ref: d?.api.refs.setReference,
+		children: s && d && i(s, d.interactions.getReferenceProps({
+			...v,
+			"aria-autocomplete": "list",
+			onChange: h,
+			onClick: g,
+			onFocus: _
+		}))
+	});
 };
+//#endregion
+export { s as InputPopoverActivator };

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

@@ -1,107 +1,86 @@
-import { jsx as S } from "react/jsx-runtime";
-import { forwardRef as V, useRef as _, useMemo as P, useCallback as k } from "react";
-import { o as q, h as y, s as U, i as $, j as z, k as D, l as G, m as K } from "../../../floating-ui.react-DfIjfJIq.js";
-import { POPOVER_USE_MAX_HEIGHT as X } from "../Popover.types.js";
-import { usePopoverState as B } from "../hooks/usePopoverState.js";
-import { usePopoverNavigation as J } from "../hooks/usePopoverNavigation.js";
-import { usePopoverAria as L } from "../hooks/usePopoverAria.js";
-import { a as Q } from "../../../PopoverProvider-BMBTLkRr.js";
-import { usePopoverImperativeHandle as W } from "../hooks/usePopoverImperativeHandle.js";
-import { focusableElements as Y } from "../../../helpers/dom/focusableElements.js";
-const Z = V(
-  ({
-    align: p,
-    autoHighlight: h,
-    children: w,
-    defaultShow: I,
-    disabledAutoToggle: c,
-    focusStartIndex: u,
-    matchActivatorWidth: l = !0,
-    onActivated: O,
-    onDeactivated: g,
-    onNavigate: F,
-    show: E,
-    type: n
-  }, R) => {
-    const b = p === "auto", f = _(null), r = B({
-      defaultShow: I,
-      show: E
-    }), A = P(() => {
-      const e = [q(5), y({ padding: 5 })];
-      return l && e.push(
-        U({
-          apply({ rects: s, availableHeight: t, elements: N }) {
-            requestAnimationFrame(() => {
-              Object.assign(N.floating.style, {
-                width: `${s.reference.width}px`,
-                maxHeight: t > X ? `${t}px` : void 0
-              });
-            });
-          },
-          padding: 5
-        })
-      ), e;
-    }, [l]), o = $({
-      open: r.show,
-      onOpenChange: (e, s, t) => {
-        r.setShow(e), e ? O?.(s, t, i) : g?.(s, t, i);
-      },
-      middleware: A,
-      placement: b ? void 0 : p,
-      whileElementsMounted: z
-    }), C = D(o.context, {
-      enabled: !c,
-      escapeKey: !1
-    }), M = G(o.context, {
-      role: n
-    }), { activeIndex: i, list: v, listNav: j, setActiveIndex: a } = J(
-      o.context,
-      n,
-      {
-        focusItemOnOpen: h,
-        virtual: !0
-      },
-      F,
-      u
-    ), d = K([C, M, j]), m = L(), x = k(() => {
-      a(u ?? null);
-    }, [u, a]), H = P(
-      () => ({
-        ...m,
-        ...r,
-        activeIndex: i,
-        api: o,
-        disabledAutoToggle: c,
-        getFocusableActivator: () => {
-          const e = o.elements.reference;
-          return e?.querySelector("[role=combobox]") ?? Y(e)[0];
-        },
-        getVirtualFocus: () => f.current,
-        interactions: d,
-        list: v,
-        resetActiveIndex: x,
-        setActiveIndex: a,
-        setShowWithReason: (e, s, t) => o.context.onOpenChange(e, s, t),
-        setVirtualFocus: (e) => f.current = e,
-        type: n
-      }),
-      [
-        i,
-        o,
-        m,
-        c,
-        d,
-        v,
-        x,
-        a,
-        r,
-        n
-      ]
-    );
-    return W(R, o, m, r), /* @__PURE__ */ S(Q.Provider, { value: H, children: w });
-  }
-);
-Z.displayName = "InputPopoverProvider";
-export {
-  Z as InputPopoverProvider
-};
+import "../Popover.types.js";
+import { C as e, E as t, S as n, T as r, d as i, g as a, u as o, y as s } from "../../../floating-ui.react-Dj2ev6bJ.js";
+import { usePopoverState as c } from "../hooks/usePopoverState.js";
+import { usePopoverNavigation as l } from "../hooks/usePopoverNavigation.js";
+import { usePopoverAria as u } from "../hooks/usePopoverAria.js";
+import { usePopoverImperativeHandle as d } from "../hooks/usePopoverImperativeHandle.js";
+import { focusableElements as f } from "../../../helpers/dom/focusableElements.js";
+import { t as p } from "../../../PopoverProvider-DgUOscvy.js";
+import { forwardRef as m, useCallback as h, useMemo as g, useRef as _ } from "react";
+import { jsx as v } from "react/jsx-runtime";
+//#region src/components/Popover/InputPopover/InputPopoverProvider.tsx
+var y = m(({ align: m, autoHighlight: y, children: b, defaultShow: x, disabledAutoToggle: S, focusStartIndex: C, matchActivatorWidth: w = !0, onActivated: T, onDeactivated: E, onNavigate: D, show: O, type: k }, A) => {
+	let j = m === "auto", M = _(null), N = c({
+		defaultShow: x,
+		show: O
+	}), P = g(() => {
+		let t = [e(5), n({ padding: 5 })];
+		return w && t.push(r({
+			apply({ rects: e, availableHeight: t, elements: n }) {
+				requestAnimationFrame(() => {
+					Object.assign(n.floating.style, {
+						width: `${e.reference.width}px`,
+						maxHeight: t > 200 ? `${t}px` : void 0
+					});
+				});
+			},
+			padding: 5
+		})), t;
+	}, [w]), F = i({
+		open: N.show,
+		onOpenChange: (e, t, n) => {
+			N.setShow(e), e ? T?.(t, n, R) : E?.(t, n, R);
+		},
+		middleware: P,
+		placement: j ? void 0 : m,
+		whileElementsMounted: t
+	}), I = o(F.context, {
+		enabled: !S,
+		escapeKey: !1
+	}), L = s(F.context, { role: k }), { activeIndex: R, list: z, listNav: B, setActiveIndex: V } = l(F.context, k, {
+		focusItemOnOpen: y,
+		virtual: !0
+	}, D, C), H = a([
+		I,
+		L,
+		B
+	]), U = u(), W = h(() => {
+		V(C ?? null);
+	}, [C, V]), G = g(() => ({
+		...U,
+		...N,
+		activeIndex: R,
+		api: F,
+		disabledAutoToggle: S,
+		getFocusableActivator: () => {
+			let e = F.elements.reference;
+			return e?.querySelector("[role=combobox]") ?? f(e)[0];
+		},
+		getVirtualFocus: () => M.current,
+		interactions: H,
+		list: z,
+		resetActiveIndex: W,
+		setActiveIndex: V,
+		setShowWithReason: (e, t, n) => F.context.onOpenChange(e, t, n),
+		setVirtualFocus: (e) => M.current = e,
+		type: k
+	}), [
+		R,
+		F,
+		U,
+		S,
+		H,
+		z,
+		W,
+		V,
+		N,
+		k
+	]);
+	return d(A, F, U, N), /* @__PURE__ */ v(p.Provider, {
+		value: G,
+		children: b
+	});
+});
+y.displayName = "InputPopoverProvider";
+//#endregion
+export { y as InputPopoverProvider };