@iress-oss/ids-components 5.19.0 → 5.20.2

package/dist/components/Select/components/SelectControl.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import "../../../index-2QXL0WYc.js";
-import { S as l } from "../../../SelectControl-3oO2h0ri.js";
+import "../../../index-cbHCAGLB.js";
+import { S as l } from "../../../SelectControl-B5BG5_Pl.js";
 import "react";
 import "../../../enums.js";
 import "../../../helpers/form/getFormControlValueAsStringIfDefined.js";

package/dist/components/Select/components/SelectReadonly.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../helpers/utility/propagateTestid.js";
-import { ab as J } from "../../../LoadingSuspense-U4UZBhSB.js";
+import { ab as K } from "../../../LoadingSuspense-BtzikVZk.js";
 import "../../../helpers/form/getFormControlValueAsStringIfDefined.js";
-import "../../../fuzzysort-eoXOpoo6.js";
+import "../../../fuzzysort-BNka47rs.js";
 import "../../Badge/Badge.js";
-import "../../../index-2QXL0WYc.js";
+import "../../../index-cbHCAGLB.js";
 import "../../ButtonGroup/ButtonGroupProvider.js";
 import "../../Card/Card.js";
 import "../../CheckboxGroup/CheckboxGroup.js";
@@ -14,7 +14,7 @@ import "../../Expander/Expander.js";
 import "../../Form/FormContext.js";
 import "../../Menu/Menu.js";
 import "../../Menu/MenuProvider.js";
-import "../../../PopoverProvider-BCmddfo7.js";
+import "../../../PopoverProvider-DZ92QV8I.js";
 import "../../CheckboxMark/CheckboxMark.types.js";
 import "../../CheckboxMark/CheckboxMark.js";
 import "../../Modal/ModalProvider.js";
@@ -29,11 +29,12 @@ 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 {
-  J as SelectReadonly
+  K as SelectReadonly
 };

package/dist/components/Select/helpers/mapSelectOptions.js

@@ -1,21 +1,21 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { idsLogger as a } from "../../../helpers/utility/idsLogger.js";
-import "../../../LoadingSuspense-U4UZBhSB.js";
-import { IressSelectOption as d } from "../SelectOption/SelectOption.js";
-const l = (r) => (a(
+import "../../../LoadingSuspense-BtzikVZk.js";
+import { IressSelectOption as s } from "../SelectOption/SelectOption.js";
+const d = (r) => (a(
   "IressSelect: mapSelectOptions 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 != null && r.length ? r.map((e, t) => c(e, t)) : null), c = ({ children: r, label: e, onClick: t, testId: n, value: i }, o) => r ? /* @__PURE__ */ p("optgroup", { label: String(e), children: l(r) }, o) : /* @__PURE__ */ p(
-  d,
+), r?.length ? r.map((e, t) => l(e, t)) : null), l = ({ children: r, label: e, onClick: t, testId: n, value: p }, o) => r ? /* @__PURE__ */ i("optgroup", { label: String(e), children: d(r) }, o) : /* @__PURE__ */ i(
+  s,
   {
     onClick: t,
     "data-testid": n ? `${n}` : void 0,
-    value: i,
+    value: p,
     children: e
   },
   o
 );
 export {
-  l as mapSelectOptions,
-  c as renderOptionOrOptGroup
+  d as mapSelectOptions,
+  l as renderOptionOrOptGroup
 };

package/dist/components/Select/helpers/nodesToSelectOptions.js

@@ -1,6 +1,6 @@
 import "../../../helpers/formatting/toArray.js";
 import "../../../helpers/form/getFormControlValueAsString.js";
-import { aa as e, a9 as m } from "../../../LoadingSuspense-U4UZBhSB.js";
+import { aa as e, a9 as m } from "../../../LoadingSuspense-BtzikVZk.js";
 import "../SelectOption/SelectOption.js";
 import "react/jsx-runtime";
 export {

package/dist/components/Select/index.js

@@ -1,4 +1,4 @@
-import { E as o } from "../../LoadingSuspense-U4UZBhSB.js";
+import { E as o } from "../../LoadingSuspense-BtzikVZk.js";
 import { IressSelectOption as p } from "./SelectOption/SelectOption.js";
 import { mapSelectOptions as O, renderOptionOrOptGroup as m } from "./helpers/mapSelectOptions.js";
 export {

package/dist/components/Skeleton/Skeleton.js

@@ -1,17 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as h } from "../../index-2QXL0WYc.js";
+import { c as h } from "../../index-cbHCAGLB.js";
 import { TextVariant as p } from "../../enums.js";
 import { SkeletonMode as v } from "./Skeleton.types.js";
 import { toCSSLengthValue as i } from "../../helpers/formatting/toCSSLengthValue.js";
 import { IressText as f } from "../Text/Text.js";
-const S = "ids-skeleton-v5190", g = "ids-skeleton--rect-v5190", u = "ids-skeleton--circle-v5190", T = "ids-skeleton--text-v5190", c = {
+const S = "ids-skeleton-v5202", g = "ids-skeleton--rect-v5202", u = "ids-skeleton--circle-v5202", T = "ids-skeleton--text-v5202", l = {
   skeleton: S,
-  "iress-skeleton-loading": "ids-skeleton--iress-skeleton-loading-v5190",
+  "iress-skeleton-loading": "ids-skeleton--iress-skeleton-loading-v5202",
   rect: g,
   circle: u,
   text: T
-}, a = ({
-  className: l,
+}, c = ({
+  className: a,
   height: s,
   width: o,
   textVariant: d,
@@ -21,9 +21,9 @@ const S = "ids-skeleton-v5190", g = "ids-skeleton--rect-v5190", u = "ids-skeleto
 }) => {
   const t = n === "text", k = {
     ...e,
-    width: o ? i(o) : e == null ? void 0 : e.width,
-    height: !t && s ? i(s) : e == null ? void 0 : e.height
-  }, x = h(l, c.skeleton, c[n], {
+    width: o ? i(o) : e?.width,
+    height: !t && s ? i(s) : e?.height
+  }, x = h(a, l.skeleton, l[n], {
     "iress-u-text": t
   });
   return /* @__PURE__ */ r(
@@ -37,8 +37,8 @@ const S = "ids-skeleton-v5190", g = "ids-skeleton--rect-v5190", u = "ids-skeleto
     }
   );
 };
-a.Mode = v;
-a.TextVariant = p;
+c.Mode = v;
+c.TextVariant = p;
 export {
-  a as IressSkeleton
+  c as IressSkeleton
 };

package/dist/components/SkipLink/SkipLink.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { c as t } from "../../index-2QXL0WYc.js";
+import { c as t } from "../../index-cbHCAGLB.js";
 import { idsLogger as m } from "../../helpers/utility/idsLogger.js";
-const a = "ids-skip-link-v5190", f = {
+const a = "ids-skip-link-v5202", f = {
   skipLink: a
 }, l = e(
   ({

package/dist/components/Slideout/Slideout.js

@@ -1,15 +1,15 @@
 import "react/jsx-runtime";
-import "../../index-2QXL0WYc.js";
+import "../../index-cbHCAGLB.js";
 import "./Slideout.types.js";
 import "../../SlideoutProvider-CQh140HM.js";
 import "react";
-import "../../floating-ui.react-nmA48tb2.js";
+import "../../floating-ui.react-DYBeYtOf.js";
 import "../../helpers/transition/timeStringToNumber.js";
 import "../../enums.js";
 import "../../helpers/utility/idsLogger.js";
 import "../../helpers/utility/propagateTestid.js";
-import { F as S } from "../../LoadingSuspense-U4UZBhSB.js";
-import "../../PopoverProvider-BCmddfo7.js";
+import { F as S } from "../../LoadingSuspense-BtzikVZk.js";
+import "../../PopoverProvider-DZ92QV8I.js";
 import "../../hooks/useIdIfNeeded.js";
 import "../Text/Text.js";
 import "./hooks/useIDSProvidedSlideout.js";

package/dist/components/Slideout/components/SlideoutInner.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../../index-2QXL0WYc.js";
+import "../../../index-cbHCAGLB.js";
 import "../../../helpers/utility/propagateTestid.js";
-import { a8 as e } from "../../../LoadingSuspense-U4UZBhSB.js";
-import "../../../PopoverProvider-BCmddfo7.js";
+import { a8 as e } from "../../../LoadingSuspense-BtzikVZk.js";
+import "../../../PopoverProvider-DZ92QV8I.js";
 export {
   e as SlideoutInner
 };

package/dist/components/Slideout/hooks/useIDSProvidedSlideout.js

@@ -1,13 +1,13 @@
 import { useContext as n } from "react";
-import { I as s } from "../../../SlideoutProvider-CQh140HM.js";
-function l(o) {
-  const t = n(s);
+import { I as r } from "../../../SlideoutProvider-CQh140HM.js";
+function u(o) {
+  const e = n(r);
   return {
-    container: t == null ? void 0 : t.container,
-    opened: o && (t == null ? void 0 : t.opened.includes(o)),
-    show: (e) => o && (t == null ? void 0 : t.showSlideout(o, e))
+    container: e?.container,
+    opened: o && e?.opened.includes(o),
+    show: (t) => o && e?.showSlideout(o, t)
   };
 }
 export {
-  l as useIDSProvidedSlideout
+  u as useIDSProvidedSlideout
 };

package/dist/components/Slideout/index.js

@@ -1,5 +1,5 @@
 import { SLIDEOUT_MODES as S, SLIDEOUT_POSITIONS as t, SLIDEOUT_SIZES as r, SlideoutMode as i, SlideoutPosition as s, SlideoutSize as I } from "./Slideout.types.js";
-import { F as u } from "../../LoadingSuspense-U4UZBhSB.js";
+import { F as u } from "../../LoadingSuspense-BtzikVZk.js";
 import { I as O, a as x } from "../../SlideoutProvider-CQh140HM.js";
 import { useSlideout as a } from "./hooks/useSlideout.js";
 export {

package/dist/components/Slider/Slider.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import "../../index-2QXL0WYc.js";
-import "../../SliderTicks-BkIFXa6K.js";
+import "../../index-cbHCAGLB.js";
+import "../../SliderTicks-jPoPzYf3.js";
 import "react";
 import "../../helpers/utility/propagateTestid.js";
 import "../../hooks/useControlledState.js";
 import "../../hooks/useIdIfNeeded.js";
-import { G as f } from "../../LoadingSuspense-U4UZBhSB.js";
+import { G as f } from "../../LoadingSuspense-BtzikVZk.js";
 import "../Form/hooks/useNoDefaultValueInForms.js";
 export {
   f as IressSlider

package/dist/components/Slider/components/SliderTicks.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { S } from "../../../SliderTicks-BkIFXa6K.js";
-import "../../../index-2QXL0WYc.js";
+import { S } from "../../../SliderTicks-jPoPzYf3.js";
+import "../../../index-cbHCAGLB.js";
 import "react";
 import "../../../enums.js";
 import "../../../helpers/utility/propagateTestid.js";

package/dist/components/Slider/index.js

@@ -1,4 +1,4 @@
-import { G as s } from "../../LoadingSuspense-U4UZBhSB.js";
+import { G as s } from "../../LoadingSuspense-BtzikVZk.js";
 export {
   s as IressSlider
 };

package/dist/components/Spinner/Spinner.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import "../../index-2QXL0WYc.js";
-import { H as i } from "../../LoadingSuspense-U4UZBhSB.js";
+import "../../index-cbHCAGLB.js";
+import { H as i } from "../../LoadingSuspense-BtzikVZk.js";
 export {
   i as IressSpinner
 };

package/dist/components/Spinner/index.js

@@ -1,4 +1,4 @@
-import { H as s } from "../../LoadingSuspense-U4UZBhSB.js";
+import { H as s } from "../../LoadingSuspense-BtzikVZk.js";
 export {
   s as IressSpinner
 };

package/dist/components/Stack/Stack.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "../../index-2QXL0WYc.js";
+import { c as a } from "../../index-cbHCAGLB.js";
 import { StackCssClass as s } from "./Stack.types.js";
 import { getResponsiveLayoutModifiers as i } from "../../helpers/responsive/getResponsiveLayoutModifiers.js";
 import { GutterSize as p } from "../../enums.js";

package/dist/components/TabSet/Tab/Tab.js

@@ -1,100 +1,100 @@
 import { jsx as r, jsxs as h, Fragment as A } from "react/jsx-runtime";
-import { c as l } from "../../../index-2QXL0WYc.js";
+import { c as l } from "../../../index-cbHCAGLB.js";
 import { forwardRef as w, useEffect as x } from "react";
-import { useIdIfNeeded as g } from "../../../hooks/useIdIfNeeded.js";
-import { useTabSetItems as k } from "../hooks/useTabSetItems.js";
-import { TabSetItem as u } from "../components/TabSetItem.js";
-import { createPortal as N } from "react-dom";
-const T = "ids-tab-v5190", I = "ids-tab--active-v5190", f = {
-  tab: T,
-  active: I
+import { useIdIfNeeded as I } from "../../../hooks/useIdIfNeeded.js";
+import { useTabSetItems as g } from "../hooks/useTabSetItems.js";
+import { TabSetItem as k } from "../components/TabSetItem.js";
+import { createPortal as u } from "react-dom";
+const N = "ids-tab-v5202", S = "ids-tab--active-v5202", b = {
+  tab: N,
+  active: S
 }, v = w(
-  ({ className: d, type: o = "button", ...n }, s) => /* @__PURE__ */ r(
+  ({ className: d, type: a = "button", ...s }, n) => /* @__PURE__ */ r(
     "button",
     {
-      className: l(d, f.tab),
-      ...n,
-      type: o,
-      ref: s
+      className: l(d, b.tab),
+      ...s,
+      type: a,
+      ref: n
     }
   )
-), $ = ({
+), T = ({
   active: d,
-  children: o,
-  className: n,
-  "data-testid": s,
-  label: p,
-  value: a,
+  children: a,
+  className: s,
+  "data-testid": n,
+  label: f,
+  value: o,
   ...m
-}, b) => {
-  const e = g(m), t = k();
+}, p) => {
+  const t = I(m), e = g();
   x(() => {
-    t == null || t.register({
-      id: e,
-      value: a
+    e?.register({
+      id: t,
+      value: o
     });
-  }, [e, t, a]);
-  const c = t ? t.isActive(e, a) : d;
-  if (t) {
-    const y = o && c;
+  }, [t, e, o]);
+  const c = e ? e.isActive(t, o) : d;
+  if (e) {
+    const y = a && c;
     return /* @__PURE__ */ h(A, { children: [
       /* @__PURE__ */ r(
-        u,
+        k,
         {
-          index: t.indexOf(e, a),
-          handleSelection: t.activate,
+          index: e.indexOf(t, o),
+          handleSelection: e.activate,
           selected: c,
-          value: a,
+          value: o,
           children: /* @__PURE__ */ r(
             v,
             {
-              className: l(n, {
-                [f.active]: c
+              className: l(s, {
+                [b.active]: c
               }),
-              "aria-controls": o ? `${e}--panel` : void 0,
+              "aria-controls": a ? `${t}--panel` : void 0,
               role: "tab",
-              "data-testid": s,
+              "data-testid": n,
               ...m,
-              id: e,
-              ref: b,
-              children: p
+              id: t,
+              ref: p,
+              children: f
             }
           )
         }
       ),
-      t.panel && N(
+      e.panel && u(
         /* @__PURE__ */ r(
           "div",
           {
-            "aria-labelledby": e,
-            id: `${e}--panel`,
+            "aria-labelledby": t,
+            id: `${t}--panel`,
             role: "tabpanel",
             onKeyDown: (i) => {
               (i.key === "ArrowLeft" || i.key === "ArrowRight" || i.key === "ArrowUp" || i.key === "ArrowDown") && i.stopPropagation();
             },
             hidden: !y,
-            children: o
+            children: a
           }
         ),
-        t.panel,
-        `${e}--panel`
+        e.panel,
+        `${t}--panel`
       )
     ] });
   }
   return /* @__PURE__ */ r(
     v,
     {
-      className: l(n, {
-        [f.active]: c
+      className: l(s, {
+        [b.active]: c
       }),
-      "data-testid": s,
+      "data-testid": n,
       ...m,
-      id: e,
-      ref: b,
-      children: p
+      id: t,
+      ref: p,
+      children: f
     }
   );
-}, K = w($);
+}, K = w(T);
 export {
   K as IressTab
 };

package/dist/components/TabSet/TabSet.js

@@ -1,49 +1,49 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { c as n } from "../../index-2QXL0WYc.js";
-import { s as e } from "../../TabSet.module-BRO3CmMd.js";
-import { C as c } from "../../floating-ui.react-nmA48tb2.js";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { c as n } from "../../index-cbHCAGLB.js";
+import { s as a } from "../../TabSet.module-D1hz6nN2.js";
+import { C as c } from "../../floating-ui.react-DYBeYtOf.js";
 import { propagateTestid as b } from "../../helpers/utility/propagateTestid.js";
 import { TabSetLayout as u } from "./TabSet.types.js";
 import { TabSetProvider as S } from "./TabSetProvider.js";
 import { useState as v } from "react";
 const N = ({
-  children: o,
-  className: s,
-  defaultSelected: i,
-  layout: m = "top-left",
-  onChange: l,
-  selected: r,
-  ...t
+  children: e,
+  className: r,
+  defaultSelected: m,
+  layout: s = "top-left",
+  onChange: i,
+  selected: l,
+  ...o
 }) => {
   const [p, f] = v(null);
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ t(
     S,
     {
-      onChange: l,
-      defaultSelected: i,
+      onChange: i,
+      defaultSelected: m,
       panel: p,
-      selected: r,
+      selected: l,
       children: /* @__PURE__ */ d(
         "div",
         {
-          className: n(s, e.tabSet, {
-            [e[`layout--${m}`]]: !!m
+          className: n(r, a.tabSet, {
+            [a[`layout--${s}`]]: !!s
           }),
-          ...t,
+          ...o,
           children: [
-            o && /* @__PURE__ */ a(
+            e && /* @__PURE__ */ t(
               c,
               {
-                render: /* @__PURE__ */ a("div", { className: e.list, role: "tablist" }),
+                render: /* @__PURE__ */ t("div", { className: a.list, role: "tablist" }),
                 loop: !1,
-                children: o
+                children: e
               }
             ),
-            o && /* @__PURE__ */ a(
+            e && /* @__PURE__ */ t(
               "div",
               {
-                className: e.panel,
-                "data-testid": b(t == null ? void 0 : t["data-testid"], "panel"),
+                className: a.panel,
+                "data-testid": b(o?.["data-testid"], "panel"),
                 ref: f
               }
             )

package/dist/components/TabSet/TabSetProvider.js

@@ -1,50 +1,50 @@
-import { jsx as h } from "react/jsx-runtime";
-import { createContext as S, useState as a, useEffect as T, useCallback as y, useMemo as I } from "react";
-import { idsLogger as j } from "../../helpers/utility/idsLogger.js";
-const k = S(
+import { jsx as b } from "react/jsx-runtime";
+import { createContext as S, useState as f, useEffect as g, useCallback as T, useMemo as y } from "react";
+import { idsLogger as C } from "../../helpers/utility/idsLogger.js";
+const I = S(
   void 0
-), L = ({
+), A = ({
   children: m,
-  onChange: i,
-  defaultSelected: l,
-  panel: c,
-  selected: n
+  onChange: d,
+  defaultSelected: i,
+  panel: l,
+  selected: c
 }) => {
-  const [d, p] = a([]), [x, u] = a(l), f = n ?? x, t = d.find(
-    (e, o) => e.value === f || o === f
+  const [n, h] = f([]), [p, a] = f(i), u = c ?? p, s = n.find(
+    (e, o) => e.value === u || o === u
   );
-  T(() => {
-    n !== void 0 && l !== void 0 && j(
+  g(() => {
+    c !== void 0 && i !== void 0 && C(
       "IressTabSet: Please use either the defaultSelected prop for uncontrolled components, or the selected prop for controlled components, rather than both. If you use both, the selected tab may become unpredictable.",
       "warn"
     );
-  }, [n, l]);
-  const v = y((e) => {
-    p((o) => {
+  }, [c, i]);
+  const v = T((e) => {
+    h((o) => {
       if (o.some(
-        (s) => s.id === e.id || s.value === e.value
+        (r) => r.id === e.id || r.value === e.value
       ))
         return o;
-      const r = o.length;
-      return u((s) => s !== void 0 ? s : e.value ?? r), [...o, { ...e, index: r, value: e.value ?? r }];
+      const t = o.length;
+      return a((r) => r !== void 0 ? r : e.value ?? t), [...o, { ...e, index: t, value: e.value ?? t }];
     });
-  }, []), b = I(
+  }, []), x = y(
     () => ({
-      items: d,
-      active: t,
-      panel: c,
+      items: n,
+      active: s,
+      panel: l,
       register: v,
-      indexOf: (e, o) => d.findIndex((r) => r.id === e || r.value === o),
-      isActive: (e, o) => (t == null ? void 0 : t.id) === e || (t == null ? void 0 : t.value) === o,
+      indexOf: (e, o) => n.findIndex((t) => t.id === e || t.value === o),
+      isActive: (e, o) => s?.id === e || s?.value === o,
       activate(e, o) {
-        i == null || i({ index: e, value: o }), u(o ?? e);
+        d?.({ index: e, value: o }), a(o ?? e);
       }
     }),
-    [d, t, c, v, i]
+    [n, s, l, v, d]
   );
-  return /* @__PURE__ */ h(k.Provider, { value: b, children: m });
+  return /* @__PURE__ */ b(I.Provider, { value: x, children: m });
 };
 export {
-  k as TabSetItemsContext,
-  L as TabSetProvider
+  I as TabSetItemsContext,
+  A as TabSetProvider
 };