@iress-oss/ids-components 6.0.0-alpha.0 → 6.0.0-alpha.1

package/dist/components/RichSelect/index.js

@@ -1,19 +1,22 @@
-import { useRichSelectState as s } from "./hooks/useRichSelectState.js";
-import { b as c, c as o, d as S, e as a } from "../../Filter-Bwk7SIlJ.js";
-import { IressSelectBody as I } from "./SelectBody/SelectBody.js";
-import { IressSelectCreate as f } from "./SelectCreate/SelectCreate.js";
+import { useRichSelectState as t } from "./hooks/useRichSelectState.js";
+import { I as s } from "../../Autocomplete-CLvWVHp6.js";
+import { IressSelectBody as S } from "./SelectBody/SelectBody.js";
+import { IressSelectCreate as p } from "./SelectCreate/SelectCreate.js";
+import { IressSelectHeading as f } from "./SelectHeading/SelectHeading.js";
 import { IressSelectLabel as x } from "./SelectLabel/SelectLabel.js";
-import { IressSelectMenu as d } from "./SelectMenu/SelectMenu.js";
-import { IressSelectSearchInput as n } from "./SelectSearchInput/SelectSearchInput.js";
+import { IressSelectMenu as h } from "./SelectMenu/SelectMenu.js";
+import { IressSelectSearch as n } from "./SelectSearch/SelectSearch.js";
+import { IressSelectSearchInput as d } from "./SelectSearchInput/SelectSearchInput.js";
+import { IressSelectTags as R } from "./SelectTags/SelectTags.js";
 export {
-  c as IressRichSelect,
-  I as IressSelectBody,
-  f as IressSelectCreate,
-  o as IressSelectHeading,
+  s as IressRichSelect,
+  S as IressSelectBody,
+  p as IressSelectCreate,
+  f as IressSelectHeading,
   x as IressSelectLabel,
-  d as IressSelectMenu,
-  S as IressSelectSearch,
-  n as IressSelectSearchInput,
-  a as IressSelectTags,
-  s as useRichSelectState
+  h as IressSelectMenu,
+  n as IressSelectSearch,
+  d as IressSelectSearchInput,
+  R as IressSelectTags,
+  t as useRichSelectState
 };

package/dist/components/Row/Row.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { row as m } from "./Row.styles.js";
-import { s as t } from "../../factory-DHLOr79I.js";
+import { s as t } from "../../factory-oPXoMw9H.js";
 import { c as p } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as a } from "../../enums.js";
 const i = t("div", m), w = ({ className: o, ...r }) => /* @__PURE__ */ s(i, { ...r, className: p(o, a.Row) });

package/dist/components/Row/Row.styles.js

@@ -1,4 +1,4 @@
-import { a as t } from "../../cva-B2x59Dph.js";
+import { c as t } from "../../cva-JiDXAa83.js";
 const n = t({
   base: {
     display: "flex",

package/dist/components/Select/Select.js

@@ -1,96 +1,96 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as y, useRef as j, useCallback as V, useImperativeHandle as k } from "react";
-import { propagateTestid as N } from "../../helpers/utility/propagateTestid.js";
-import { useControlledState as A } from "../../hooks/useControlledState.js";
-import { useIdIfNeeded as D } from "../../hooks/useIdIfNeeded.js";
-import { findValueFromStringInSelectOptions as G, mapNodesToSelectOptions as H } from "./helpers/nodesToSelectOptions.js";
-import { getValueAsEvent as P } from "../../helpers/form/getValueAsEvent.js";
-import { SelectReadonly as T } from "./components/SelectReadonly.js";
-import { SelectControl as q } from "./components/SelectControl.js";
-import { select as z } from "./Select.styles.js";
-import { input as B } from "../Input/Input.styles.js";
-import { c as J } from "../../cva-B2x59Dph.js";
-import { c as K } from "../../cx-DN21T1EH.js";
-import { GlobalCSSClass as R } from "../../enums.js";
-import { s as L } from "../../is-valid-prop-DFFvE05x.js";
-import { useNoDefaultValueInForms as M } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
-const O = ({
-  children: r,
-  className: w,
-  "data-testid": s,
-  defaultValue: f,
-  onChange: o,
-  readOnly: m,
-  style: i,
-  value: x,
-  width: l,
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as F, useRef as b, useCallback as C, useImperativeHandle as y } from "react";
+import { propagateTestid as V } from "../../helpers/utility/propagateTestid.js";
+import { useControlledState as j } from "../../hooks/useControlledState.js";
+import { useIdIfNeeded as k } from "../../hooks/useIdIfNeeded.js";
+import { findValueFromStringInSelectOptions as A, mapNodesToSelectOptions as D } from "./helpers/nodesToSelectOptions.js";
+import { getValueAsEvent as G } from "../../helpers/form/getValueAsEvent.js";
+import { SelectReadonly as H } from "./components/SelectReadonly.js";
+import { SelectControl as P } from "./components/SelectControl.js";
+import { select as T } from "./Select.styles.js";
+import { input as q } from "../Input/Input.styles.js";
+import { c as z } from "../../css-fGu_jDvv.js";
+import { c as B } from "../../cx-DN21T1EH.js";
+import { GlobalCSSClass as g } from "../../enums.js";
+import { s as J } from "../../is-valid-prop-Ce0wiweq.js";
+import { useNoDefaultValueInForms as K } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
+const L = ({
+  children: o,
+  className: N,
+  "data-testid": r,
+  defaultValue: c,
+  onChange: p,
+  readOnly: s,
+  style: f,
+  value: R,
+  width: m,
   ...a
-}, E) => {
-  M({
+}, w) => {
+  K({
     component: "IressSelect",
-    defaultValue: f
+    defaultValue: c
   });
-  const u = D(a), S = j(null), { value: c, setValue: n } = A({
+  const i = k(a), u = b(null), { value: l, setValue: S } = j({
     component: "IressSelect",
-    defaultValue: f,
-    value: x
-  }), F = z.raw({ width: l }), [b, d] = L(a), v = V(
-    (t) => G(
-      t,
-      H(r)
+    defaultValue: c,
+    value: R
+  }), x = T.raw({ width: m }), [E, d] = J(a), v = C(
+    (e) => A(
+      e,
+      D(o)
     ),
-    [r]
-  ), I = V((t) => {
-    S.current = t;
+    [o]
+  ), I = C((e) => {
+    u.current = e;
   }, []);
-  return k(E, () => S.current), /* @__PURE__ */ p(
+  return y(w, () => u.current), /* @__PURE__ */ n(
     "div",
     {
-      "data-testid": s,
-      className: K(
-        w,
-        J(B.raw({ readOnly: m }).wrapper, F.wrapper, b),
-        R.FormElement,
-        R.Select
+      "data-testid": r,
+      className: B(
+        N,
+        z(q.raw({ readOnly: s }).wrapper, x.wrapper, E),
+        g.FormElement,
+        g.Select
       ),
-      style: m ? void 0 : i,
-      children: m ? /* @__PURE__ */ p(
-        T,
+      style: s ? void 0 : f,
+      children: s ? /* @__PURE__ */ n(
+        H,
         {
           ...d,
-          "data-testid": N(s, "select"),
-          id: u,
+          "data-testid": V(r, "select"),
+          id: i,
           name: a.name,
           ref: I,
-          style: i,
-          value: c,
-          width: l,
-          children: r
+          style: f,
+          value: l,
+          width: m,
+          children: o
         }
-      ) : /* @__PURE__ */ p(
-        q,
+      ) : /* @__PURE__ */ n(
+        P,
         {
           ...d,
-          "data-testid": N(s, "select"),
-          id: u,
-          onChange: (t) => {
-            const e = v(t.currentTarget.value);
-            n(e), o == null || o(t, e);
+          "data-testid": V(r, "select"),
+          id: i,
+          onChange: (e) => {
+            const t = v(e.currentTarget.value);
+            S(t), p?.(e, t);
           },
-          ref: (t) => {
-            if (I(t), !c && (t != null && t.value)) {
-              const e = v(t.value);
-              n(e), o == null || o(P(t.value), e);
+          ref: (e) => {
+            if (I(e), !l && e?.value) {
+              const t = v(e.value);
+              S(t), p?.(G(e.value), t);
             }
           },
-          value: c,
-          width: l,
-          children: r
+          value: l,
+          width: m,
+          children: o
         }
       )
     }
   );
-}, mt = y(O);
+}, me = F(L);
 export {
-  mt as IressSelect
+  me as IressSelect
 };

package/dist/components/Select/Select.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../sva-TRyehFkb.js";
+import { s as e } from "../../sva-OmxClA9g.js";
 const t = ["wrapper", "control", "element"], c = e({
   slots: t,
   base: {

package/dist/components/Select/SelectOption/SelectOption.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { s as e } from "../../../factory-DHLOr79I.js";
+import { s as e } from "../../../factory-oPXoMw9H.js";
 import { getFormControlValueAsString as s } from "../../../helpers/form/getFormControlValueAsString.js";
 const l = ({
   value: o,

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

@@ -3,7 +3,7 @@ import { forwardRef as S } from "react";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { getFormControlValueAsStringIfDefined as m } from "../../../helpers/form/getFormControlValueAsStringIfDefined.js";
 import { select as n } from "../Select.styles.js";
-import { c as x } from "../../../cva-B2x59Dph.js";
+import { c as x } from "../../../css-fGu_jDvv.js";
 import { c as l } from "../../../cx-DN21T1EH.js";
 import "../../Input/Input.js";
 import { input as v } from "../../Input/Input.styles.js";

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

@@ -1,42 +1,39 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as c, useMemo as u } from "react";
-import { propagateTestid as R } from "../../../helpers/utility/propagateTestid.js";
-import { mapNodesToSelectOptions as S } from "../helpers/nodesToSelectOptions.js";
-import { IressReadonly as b } from "../../Readonly/Readonly.js";
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as l, useMemo as c } from "react";
+import { propagateTestid as u } from "../../../helpers/utility/propagateTestid.js";
+import { mapNodesToSelectOptions as R } from "../helpers/nodesToSelectOptions.js";
+import { IressReadonly as S } from "../../Readonly/Readonly.js";
 import "../../Readonly/Readonly.styles.js";
-const g = ({
+const b = ({
   children: t,
-  className: r,
-  "data-testid": m,
-  name: p,
-  required: s,
-  width: i,
+  className: e,
+  "data-testid": r,
+  name: m,
+  required: p,
+  width: s,
   value: o,
-  ...n
-}, a) => {
-  const d = u(() => {
-    var e;
-    return String(
-      ((e = S(t).find(
-        (f) => f.value === o
-      )) == null ? void 0 : e.label) ?? ""
-    );
-  }, [t, o]);
-  return /* @__PURE__ */ l(
-    b,
+  ...i
+}, n) => {
+  const a = c(() => String(
+    R(t).find(
+      (d) => d.value === o
+    )?.label ?? ""
+  ), [t, o]);
+  return /* @__PURE__ */ f(
+    S,
     {
-      ...n,
-      className: r,
-      "data-testid": R(m, "pseudo"),
-      name: p,
-      ref: a,
-      required: s,
-      width: i,
+      ...i,
+      className: e,
+      "data-testid": u(r, "pseudo"),
+      name: m,
+      ref: n,
+      required: p,
+      width: s,
       value: o,
-      children: d
+      children: a
     }
   );
-}, I = c(g);
+}, C = l(b);
 export {
-  I as SelectReadonly
+  C as SelectReadonly
 };

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

@@ -1,42 +1,41 @@
-import { toArray as h } from "../../../helpers/formatting/toArray.js";
-import { getFormControlValueAsString as f } from "../../../helpers/form/getFormControlValueAsString.js";
-import { IressSelectOption as s } from "../SelectOption/SelectOption.js";
-const n = (i) => h(i).reduce(
-  (e, r = { type: s, props: { label: "" }, key: "" }) => {
-    var p, t;
+import { toArray as n } from "../../../helpers/formatting/toArray.js";
+import { getFormControlValueAsString as o } from "../../../helpers/form/getFormControlValueAsString.js";
+import { IressSelectOption as t } from "../SelectOption/SelectOption.js";
+const l = (i) => n(i).reduce(
+  (e, r = { type: t, props: { label: "" }, key: "" }) => {
     if (r.type === "optgroup")
       e = [
         ...e,
         {
           label: r.props.label,
-          children: n(r.props.children)
+          children: l(r.props.children)
         }
       ];
-    else if ([s, "option"].includes(r.type)) {
-      const l = { ...r.props };
-      delete l.children;
-      const o = String(r.props.children);
+    else if ([t, "option"].includes(r.type)) {
+      const p = { ...r.props };
+      delete p.children;
+      const s = String(r.props.children);
       e = [
         ...e,
         {
-          ...l,
-          label: o
+          ...p,
+          label: s
         }
       ];
-    } else ((p = r.props) != null && p.children || Array.isArray(r)) && (e = [
+    } else (r.props?.children || Array.isArray(r)) && (e = [
       ...e,
-      ...n(
-        ((t = r.props) == null ? void 0 : t.children) ?? r
+      ...l(
+        r.props?.children ?? r
       )
     ]);
     return e;
   },
   []
-), y = (i, e = []) => e.reduce(
-  (r, p) => r || (p.children ? y(i, p.children) : f(p.value) === i ? p.value : r),
+), h = (i, e = []) => e.reduce(
+  (r, p) => r || (p.children ? h(i, p.children) : o(p.value) === i ? p.value : r),
   void 0
 );
 export {
-  y as findValueFromStringInSelectOptions,
-  n as mapNodesToSelectOptions
+  h as findValueFromStringInSelectOptions,
+  l as mapNodesToSelectOptions
 };

package/dist/components/Skeleton/Skeleton.styles.js

@@ -1,4 +1,4 @@
-import { a as t } from "../../cva-B2x59Dph.js";
+import { c as t } from "../../cva-JiDXAa83.js";
 const o = t({
   base: {
     backgroundColor: "colour.neutral.30",

package/dist/components/SkipLink/SkipLink.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { I as p } from "../../Button-BXzmntRi.js";
+import { I as p } from "../../Button-D6AL0bia.js";
 import "../Button/CloseButton/CloseButton.js";
 import { c as k } from "../../cx-DN21T1EH.js";
 import { skipLink as n } from "./SkipLink.styles.js";

package/dist/components/SkipLink/SkipLink.styles.js

@@ -1,5 +1,5 @@
-import { a } from "../../cva-B2x59Dph.js";
-const s = a({
+import { c as t } from "../../cva-JiDXAa83.js";
+const s = t({
   base: {
     position: "absolute",
     top: "[0]",