@iress-oss/ids-components 6.0.0-alpha.7 → 6.0.0-alpha.9

package/dist/components/RichSelect/SelectTags/SelectTags.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../../sva-OmxClA9g.js";
+import { s as e } from "../../../sva-wwkEhoyo.js";
 const l = e({
   slots: ["root", "placeholder", "prepend", "append", "tag", "tagsList"],
   base: {

package/dist/{src/components → components}/RichSelect/components/SelectActivator.d.ts

@@ -34,5 +34,8 @@ interface SelectActivatorProps<TMultiple extends boolean = false> extends Pick<I
     async?: boolean;
     setShow: (show: boolean) => void;
 }
-export declare const SelectActivator: <TMultiple extends boolean = false>({ append, async, id, error, loading, multiSelect, onChange, placeholder, prepend, renderLabel, selectedOptionsText, setShow, setValue, show, value, }: SelectActivatorProps<TMultiple>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectActivator: {
+    <TMultiple extends boolean = false>({ append, async, id, error, loading, multiSelect, onChange, placeholder, prepend, renderLabel, selectedOptionsText, setShow, setValue, show, value, }: SelectActivatorProps<TMultiple>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};

package/dist/components/RichSelect/components/SelectActivator.js

@@ -1,65 +1,66 @@
-import { jsx as b } from "react/jsx-runtime";
-import { toArray as j } from "../../../helpers/formatting/toArray.js";
-import { IressSelectLabel as w } from "../SelectLabel/SelectLabel.js";
-import { IressSelectTags as y } from "../SelectTags/SelectTags.js";
-import { getValueAsEvent as g } from "../../../helpers/form/getValueAsEvent.js";
-const q = ({
+import { jsx as a } from "react/jsx-runtime";
+import { toArray as I } from "../../../helpers/formatting/toArray.js";
+import { IressSelectLabel as j } from "../SelectLabel/SelectLabel.js";
+import { IressSelectTags as p } from "../SelectTags/SelectTags.js";
+import { getValueAsEvent as b } from "../../../helpers/form/getValueAsEvent.js";
+const v = ({
   append: l,
-  async: a,
-  id: f,
-  error: u,
-  loading: x,
-  multiSelect: D,
+  async: g,
+  id: c,
+  error: S,
+  loading: u,
+  multiSelect: x,
   onChange: s,
-  placeholder: c,
-  prepend: m,
-  renderLabel: i,
+  placeholder: f,
+  prepend: i,
+  renderLabel: m,
   selectedOptionsText: n,
   setShow: A,
   setValue: t,
-  show: I,
+  show: y,
   value: r
-}) => i ? i({
+}) => m ? m({
   close: () => A(!1),
-  error: u,
-  loading: x,
+  error: S,
+  loading: u,
   setValue: t,
-  show: I,
+  show: y,
   value: r
-}) : D ? /* @__PURE__ */ b(
-  y,
+}) : x ? /* @__PURE__ */ a(
+  p,
   {
     append: l,
-    id: f,
+    id: c,
     onDelete: (o) => {
       if (!o) return;
-      const e = j(r).filter(
-        (S) => S.label !== o.label
+      const e = I(r).filter(
+        (D) => D.label !== o.label
       );
-      t(e), s?.(g(e), e);
+      t(e), s?.(b(e), e);
     },
     onDeleteAll: () => {
       const o = [];
-      t(o), s?.(g([]), o);
+      t(o), s?.(b([]), o);
     },
     onToggleActions: () => A(!1),
-    placeholder: c,
-    prepend: m,
+    placeholder: f,
+    prepend: i,
     selected: r,
     selectedOptionsText: n
   }
-) : /* @__PURE__ */ b(
-  w,
+) : /* @__PURE__ */ a(
+  j,
   {
     append: l,
-    id: f,
-    placeholder: c,
-    prepend: m,
-    role: a ? void 0 : "combobox",
+    id: c,
+    placeholder: f,
+    prepend: i,
+    role: g ? void 0 : "combobox",
     selected: r,
     selectedOptionsText: n
   }
 );
+v.displayName = "SelectActivator";
 export {
-  q as SelectActivator
+  v as SelectActivator
 };

package/dist/{src/components → components}/RichSelect/components/SelectHiddenInput.d.ts

@@ -21,7 +21,9 @@ export interface SelectHiddenInputRenderProps<TMultiple extends boolean = false>
     required?: boolean;
 }
 type SelectHiddenInputProps<TMultiple extends boolean = false> = Pick<IressRichSelectProps<TMultiple>, 'data-testid' | 'name' | 'renderHiddenInput' | 'value' | 'required'> & SelectHiddenInputRenderProps<TMultiple>;
-export declare const SelectHiddenInput: <TMultiple extends boolean>(props: SelectHiddenInputProps<TMultiple> & {
+export declare const SelectHiddenInput: (<TMultiple extends boolean>(props: SelectHiddenInputProps<TMultiple> & {
     ref?: ForwardedRef<HTMLInputElement>;
-}) => ReactElement;
+}) => ReactElement) & {
+    displayName: "SelectHiddenInput";
+};
 export {};

package/dist/components/RichSelect/components/SelectHiddenInput.js

@@ -1,29 +1,30 @@
-import { jsx as r } from "react/jsx-runtime";
-import { propagateTestid as a } from "../../../helpers/utility/propagateTestid.js";
-import { forwardRef as m } from "react";
-const f = ({
+import { jsx as a } from "react/jsx-runtime";
+import { propagateTestid as m } from "../../../helpers/utility/propagateTestid.js";
+import { forwardRef as r } from "react";
+const s = ({
   "data-testid": d,
   getValuesString: t,
-  name: e,
+  name: i,
   renderHiddenInput: o,
-  required: p,
+  required: e,
   value: n
-}, i) => o ? o({
+}, p) => o ? o({
   getValuesString: t,
   value: n,
-  ref: i,
-  required: p
-}) : /* @__PURE__ */ r(
+  ref: p,
+  required: e
+}) : /* @__PURE__ */ a(
   "input",
   {
-    "data-testid": a(d, "hidden-input"),
-    name: e,
+    "data-testid": m(d, "hidden-input"),
+    name: i,
     type: "hidden",
     value: t(),
-    ref: i,
-    required: p
+    ref: p,
+    required: e
   }
-), h = m(f);
+), f = r(s);
+f.displayName = "SelectHiddenInput";
 export {
-  h as SelectHiddenInput
+  f as SelectHiddenInput
 };

package/dist/components/RichSelect/components/SelectOptions.d.ts

@@ -0,0 +1,11 @@
+import { IressRichSelectProps, SelectOptionsRenderProps } from '../RichSelect';
+interface SelectOptionsProps<TMultiple extends boolean = false> extends Pick<IressRichSelectProps<TMultiple>, 'autoHighlight' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'value' | 'initialOptions'>, Omit<SelectOptionsRenderProps<TMultiple>, 'close' | 'handleClear' | 'handleMenuChange'> {
+    setShow: (show: boolean) => void;
+    shouldShowInstructions?: boolean;
+    shouldShowNoResults?: boolean;
+}
+export declare const SelectOptions: {
+    <TMultiple extends boolean = false>({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, results, setQuery, setShow, setValue, show, shouldShowInstructions, shouldShowNoResults, value, }: SelectOptionsProps<TMultiple>): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    displayName: string;
+};
+export {};

package/dist/components/RichSelect/components/SelectOptions.js

@@ -1,83 +1,87 @@
-import { jsx as s, jsxs as y, Fragment as W } from "react/jsx-runtime";
-import { getValueAsEvent as F } from "../../../helpers/form/getValueAsEvent.js";
-import { useCallback as O, useRef as j, useId as k, useEffect as P } from "react";
-import { IressSelectSearch as $ } from "../SelectSearch/SelectSearch.js";
-import { toArray as D } from "../../../helpers/formatting/toArray.js";
-import { IressSelectMenu as E } from "../SelectMenu/SelectMenu.js";
-import { IressAlert as T } from "../../Alert/Alert.js";
+import { jsx as s, jsxs as O, Fragment as P } from "react/jsx-runtime";
+import { getValueAsEvent as E } from "../../../helpers/form/getValueAsEvent.js";
+import { useCallback as F, useRef as $, useId as D, useEffect as T } from "react";
+import { IressSelectSearch as z } from "../SelectSearch/SelectSearch.js";
+import { toArray as B } from "../../../helpers/formatting/toArray.js";
+import { IressSelectMenu as C } from "../SelectMenu/SelectMenu.js";
+import { IressAlert as G } from "../../Alert/Alert.js";
 import "../../Alert/Alert.styles.js";
-import { IressSelectSearchInput as z } from "../SelectSearchInput/SelectSearchInput.js";
-import { IressSelectHeading as B } from "../SelectHeading/SelectHeading.js";
+import { IressSelectSearchInput as H } from "../SelectSearchInput/SelectSearchInput.js";
+import { IressSelectHeading as J } from "../SelectHeading/SelectHeading.js";
 import "../../Menu/Menu.js";
 import "../../Menu/Menu.styles.js";
-import { IressMenuDivider as G } from "../../Menu/MenuDivider/MenuDivider.js";
+import { IressMenuDivider as K } from "../../Menu/MenuDivider/MenuDivider.js";
 import "../../Menu/MenuItem/MenuItem.js";
-import "../../Popover/hooks/usePopover.js";
-const H = ({
+import "../../Menu/MenuText/MenuText.js";
+const W = ({
   minSearchLength: e,
   multiSelect: r,
-  onChange: i,
+  onChange: l,
   query: I,
-  results: o,
+  results: c,
   shouldShowInstructions: d,
-  shouldShowNoResults: c,
+  shouldShowNoResults: o,
   value: t
 }) => /* @__PURE__ */ s(
-  E,
+  C,
   {
     heading: r ? "Search results" : void 0,
-    items: o,
+    items: c,
     multiSelect: r,
     noResults: (() => {
       if (I) {
         if (d)
           return `Type at least ${e} character${e === 1 ? "" : "s"} to search`;
-        if (c)
+        if (o)
           return "No results found";
       }
     })(),
-    onChange: i,
+    onChange: l,
     selected: t,
     hideSelectedItems: r
   }
-), J = ({ error: e }) => e ? /* @__PURE__ */ s(T, { className: "iress-m--sm", status: "danger", children: typeof e == "string" ? e : /* @__PURE__ */ y(W, { children: [
+);
+W.displayName = "SelectAsyncResults";
+const j = ({ error: e }) => e ? /* @__PURE__ */ s(G, { className: "iress-m--sm", status: "danger", children: typeof e == "string" ? e : /* @__PURE__ */ O(P, { children: [
   "An unknown error occurred.",
   /* @__PURE__ */ s("br", {}),
   " Please contact support if the error persists."
-] }) }) : null, K = ({
+] }) }) : null;
+j.displayName = "SelectAsyncError";
+const k = ({
   autoHighlight: e,
   error: r,
-  loading: i,
+  loading: l,
   minSearchLength: I,
-  multiSelect: o,
+  multiSelect: c,
   onChange: d,
-  onClear: c,
+  onClear: o,
   query: t,
   results: f,
   setQuery: p,
   show: A,
-  value: l,
-  shouldShowInstructions: R,
+  value: i,
+  shouldShowInstructions: N,
   shouldShowNoResults: S
 }) => {
-  const n = D(l).map(
+  const n = B(i).map(
     (a) => {
-      const { formattedLabel: g, ...N } = a;
-      return N;
+      const { formattedLabel: g, ...R } = a;
+      return R;
     }
-  ), u = !r && (!!f?.length || t && !i), m = !!n.length && o, v = u && m, h = j(null), x = k();
-  P(() => {
+  ), m = !r && (!!f?.length || t && !l), u = !!n.length && c, b = m && u, h = $(null), y = D();
+  T(() => {
     A || p?.("");
   }, [A, p]);
-  const M = m ? n.length + 1 : 0;
-  return /* @__PURE__ */ y(
-    $,
+  const v = u ? n.length + 1 : 0;
+  return /* @__PURE__ */ O(
+    z,
     {
       activator: /* @__PURE__ */ s(
-        z,
+        H,
         {
           "aria-label": "Search",
-          loading: i,
+          loading: l,
           onChange: (a) => p?.(a.target.value),
           ref: h,
           placeholder: "Search and select",
@@ -85,20 +89,20 @@ const H = ({
         }
       ),
       autoHighlight: e,
-      focusStartIndex: e ? t && u ? M : m ? 1 : 0 : void 0,
+      focusStartIndex: e ? t && m ? v : u ? 1 : 0 : void 0,
       children: [
-        m && /* @__PURE__ */ s(
-          E,
+        u && /* @__PURE__ */ s(
+          C,
           {
-            "aria-labelledby": x,
+            "aria-labelledby": y,
             heading: /* @__PURE__ */ s(
-              B,
+              J,
               {
                 clearAll: !0,
                 onClearAll: (a) => {
-                  c?.(a), h.current?.focus();
+                  o?.(a), h.current?.focus();
                 },
-                children: /* @__PURE__ */ y("h2", { id: x, children: [
+                children: /* @__PURE__ */ O("h2", { id: y, children: [
                   "Selected (",
                   n.length,
                   ")"
@@ -106,104 +110,107 @@ const H = ({
               }
             ),
             items: n,
-            multiSelect: o,
+            multiSelect: c,
             onChange: d,
-            selected: l
+            selected: i
           }
         ),
-        v && /* @__PURE__ */ s(G, {}),
-        u && /* @__PURE__ */ s(
-          H,
+        b && /* @__PURE__ */ s(K, {}),
+        m && /* @__PURE__ */ s(
+          W,
           {
             minSearchLength: I,
-            multiSelect: o,
+            multiSelect: c,
             onChange: d,
             query: t,
             results: f,
-            value: l,
-            shouldShowInstructions: R,
+            value: i,
+            shouldShowInstructions: N,
             shouldShowNoResults: S
           }
         ),
-        /* @__PURE__ */ s(J, { error: r })
+        /* @__PURE__ */ s(j, { error: r })
       ]
     }
   );
-}, oe = ({
+};
+k.displayName = "SelectAsyncOptions";
+const L = ({
   autoHighlight: e,
   debouncedQuery: r,
-  error: i,
+  error: l,
   initialOptions: I,
-  loading: o,
+  loading: c,
   minSearchLength: d,
-  multiSelect: c,
+  multiSelect: o,
   onChange: t,
   options: f,
   query: p,
   renderOptions: A,
-  results: l,
-  setQuery: R,
+  results: i,
+  setQuery: N,
   setShow: S,
   setValue: n,
-  show: u,
-  shouldShowInstructions: m,
-  shouldShowNoResults: v,
+  show: m,
+  shouldShowInstructions: u,
+  shouldShowNoResults: b,
   value: h
 }) => {
-  const x = typeof f == "function", M = I ?? (x ? [] : f), C = l.length ? l : M, b = O(
+  const y = typeof f == "function", v = I ?? (y ? [] : f), M = i.length ? i : v, x = F(
     (g) => {
-      n(g), t?.(F(g), g), c || S(!1);
+      n(g), t?.(E(g), g), o || S(!1);
     },
-    [S, n, t, c]
-  ), a = O(
+    [S, n, t, o]
+  ), a = F(
     (g) => {
       g.stopPropagation();
-      const N = [];
-      n(N), t?.(F([]), N);
+      const R = [];
+      n(R), t?.(E([]), R);
     },
     [n, t]
   );
   return A ? A({
     close: () => S(!1),
     debouncedQuery: r,
-    error: i,
+    error: l,
     handleClear: a,
-    handleMenuChange: b,
-    loading: o,
+    handleMenuChange: x,
+    loading: c,
     query: p,
-    results: C,
+    results: M,
     setValue: n,
-    setQuery: R,
-    show: u,
+    setQuery: N,
+    show: m,
     value: h
-  }) : x ? /* @__PURE__ */ s(
-    K,
+  }) : y ? /* @__PURE__ */ s(
+    k,
     {
       autoHighlight: e,
-      error: i,
-      loading: o,
+      error: l,
+      loading: c,
       minSearchLength: d,
-      multiSelect: c,
-      onChange: b,
+      multiSelect: o,
+      onChange: x,
       onClear: a,
       query: p,
-      results: l,
-      setQuery: R,
-      show: u,
+      results: i,
+      setQuery: N,
+      show: m,
       value: h,
-      shouldShowInstructions: m,
-      shouldShowNoResults: v
+      shouldShowInstructions: u,
+      shouldShowNoResults: b
     }
   ) : /* @__PURE__ */ s(
-    E,
+    C,
     {
-      items: C,
-      multiSelect: c,
-      onChange: b,
+      items: M,
+      multiSelect: o,
+      onChange: x,
       selected: h
     }
   );
 };
+L.displayName = "SelectOptions";
 export {
-  oe as SelectOptions
+  L as SelectOptions
 };

package/dist/components/RichSelect/index.js

@@ -1,5 +1,5 @@
 import { useRichSelectState as t } from "./hooks/useRichSelectState.js";
-import { I as s } from "../../Autocomplete-BQ_YPb5A.js";
+import { I as s } from "../../Autocomplete-64YPQLLR.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";

package/dist/{src/components → components}/Row/Row.d.ts

@@ -25,4 +25,7 @@ export interface IressRowProps extends IressStyledProps {
      */
     verticalAlign?: VerticalAligns;
 }
-export declare const IressRow: ({ className, ...restProps }: IressRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressRow: {
+    ({ className, ...restProps }: IressRowProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Row/Row.js

@@ -1,9 +1,10 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { row as m } from "./Row.styles.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) });
+import { s as t } from "../../factory-CWvlR9Yh.js";
+import { c as a } from "../../cx-DN21T1EH.js";
+import { GlobalCSSClass as p } from "../../enums.js";
+const e = t("div", m), i = ({ className: o, ...s }) => /* @__PURE__ */ r(e, { ...s, className: a(o, p.Row) });
+i.displayName = "IressRow";
 export {
-  w as IressRow
+  i as IressRow
 };

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

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

package/dist/{src/components → components}/Select/Select.d.ts

@@ -41,7 +41,9 @@ export type IressSelectProps<T extends FormControlValue = FormControlValue, TRea
      */
     width?: IressInputProps['width'];
 };
-export declare const IressSelect: <T extends FormControlValue = FormControlValue, TReadonly extends boolean | undefined = undefined>(props: IressSelectProps<T, TReadonly> & {
+export declare const IressSelect: (<T extends FormControlValue = FormControlValue, TReadonly extends boolean | undefined = undefined>(props: IressSelectProps<T, TReadonly> & {
     ref?: ForwardedRef<HTMLElementTagNameMap[SelectElement<TReadonly>]>;
-}) => ReactElement;
+}) => ReactElement) & {
+    displayName: "IressSelect";
+};
 export {};

package/dist/components/Select/Select.js

@@ -1,6 +1,6 @@
 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 { forwardRef as E, useRef as F, useCallback as C, useImperativeHandle as b } from "react";
+import { propagateTestid as N } 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";
@@ -9,19 +9,19 @@ 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 z } from "../../css-w5PYGgYt.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 { GlobalCSSClass as V } from "../../enums.js";
+import { s as J } from "../../is-valid-prop-DI4RCMon.js";
 import { useNoDefaultValueInForms as K } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
 const L = ({
   children: o,
-  className: N,
+  className: g,
   "data-testid": r,
   defaultValue: c,
   onChange: p,
   readOnly: s,
-  style: f,
+  style: i,
   value: R,
   width: m,
   ...a
@@ -30,11 +30,11 @@ const L = ({
     component: "IressSelect",
     defaultValue: c
   });
-  const i = k(a), u = b(null), { value: l, setValue: S } = j({
+  const f = k(a), u = F(null), { value: l, setValue: S } = j({
     component: "IressSelect",
     defaultValue: c,
     value: R
-  }), x = T.raw({ width: m }), [E, d] = J(a), v = C(
+  }), x = T.raw({ width: m }), [y, d] = J(a), v = C(
     (e) => A(
       e,
       D(o)
@@ -43,26 +43,26 @@ const L = ({
   ), I = C((e) => {
     u.current = e;
   }, []);
-  return y(w, () => u.current), /* @__PURE__ */ n(
+  return b(w, () => u.current), /* @__PURE__ */ n(
     "div",
     {
       "data-testid": r,
       className: B(
-        N,
-        z(q.raw({ readOnly: s }).wrapper, x.wrapper, E),
-        g.FormElement,
-        g.Select
+        g,
+        z(q.raw({ readOnly: s }).wrapper, x.wrapper, y),
+        V.FormElement,
+        V.Select
       ),
-      style: s ? void 0 : f,
+      style: s ? void 0 : i,
       children: s ? /* @__PURE__ */ n(
         H,
         {
           ...d,
-          "data-testid": V(r, "select"),
-          id: i,
+          "data-testid": N(r, "select"),
+          id: f,
           name: a.name,
           ref: I,
-          style: f,
+          style: i,
           value: l,
           width: m,
           children: o
@@ -71,8 +71,8 @@ const L = ({
         P,
         {
           ...d,
-          "data-testid": V(r, "select"),
-          id: i,
+          "data-testid": N(r, "select"),
+          id: f,
           onChange: (e) => {
             const t = v(e.currentTarget.value);
             S(t), p?.(e, t);
@@ -90,7 +90,8 @@ const L = ({
       )
     }
   );
-}, me = F(L);
+}, M = E(L);
+M.displayName = "IressSelect";
 export {
-  me as IressSelect
+  M as IressSelect
 };