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

package/dist/components/Expander/Expander.js

@@ -1,54 +1,54 @@
-import { jsxs as P, jsx as a } from "react/jsx-runtime";
-import { useState as j, useEffect as k } from "react";
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import { useState as P, useEffect as j } from "react";
 import { propagateTestid as d } from "../../helpers/utility/propagateTestid.js";
-import { useIdIfNeeded as w } from "../../hooks/useIdIfNeeded.js";
+import { useIdIfNeeded as k } from "../../hooks/useIdIfNeeded.js";
 import { expander as m } from "./Expander.styles.js";
-import { c as y } from "../../css-fGu_jDvv.js";
+import { c as w } from "../../css-w5PYGgYt.js";
 import { c as p } from "../../cx-DN21T1EH.js";
 import { IressText as l } from "../Text/Text.js";
-import { s as O } from "../../factory-oPXoMw9H.js";
-import { s as S } from "../../is-valid-prop-Ce0wiweq.js";
+import { s as O } from "../../factory-CWvlR9Yh.js";
+import { s as S } from "../../is-valid-prop-DI4RCMon.js";
 import { GlobalCSSClass as T } from "../../enums.js";
-const J = ({
+const $ = ({
   activator: f,
   activatorStyle: e = {},
   children: x,
   className: N,
-  "data-testid": o,
-  onChange: u,
-  id: I,
+  "data-testid": r,
+  onChange: I,
+  id: u,
   mode: i = "section",
   noGutter: h,
-  open: r = !1,
+  open: o = !1,
   ...C
 }) => {
-  const [s, c] = j(r), n = w({ id: I }), t = m({ mode: i, open: s }), _ = m.raw({ mode: i, open: s });
-  k(() => {
-    c(r);
-  }, [r]);
-  const b = () => {
-    c(!s), u?.(!s);
-  }, [v, E] = S(e);
-  return /* @__PURE__ */ P(
+  const [s, c] = P(o), n = k({ id: u }), t = m({ mode: i, open: s }), E = m.raw({ mode: i, open: s });
+  j(() => {
+    c(o);
+  }, [o]);
+  const _ = () => {
+    c(!s), I?.(!s);
+  }, [b, v] = S(e);
+  return /* @__PURE__ */ y(
     l,
     {
       className: p(N, t.root, T.Expander),
       ...C,
-      "data-testid": o,
+      "data-testid": r,
       id: n,
       children: [
         /* @__PURE__ */ a(
           O.button,
           {
-            ...E,
+            ...v,
             "aria-expanded": s,
             "aria-controls": `${n}__container`,
             className: p(
               e?.className,
-              y(_.activator, v)
+              w(E.activator, b)
             ),
-            "data-testid": e?.["data-testid"] ?? d(o, "activator"),
-            onClick: b,
+            "data-testid": e?.["data-testid"] ?? d(r, "activator"),
+            onClick: _,
             type: "button",
             children: f
           }
@@ -58,7 +58,7 @@ const J = ({
           {
             id: `${n}__container`,
             className: t.container,
-            "data-testid": d(o, "container"),
+            "data-testid": d(r, "container"),
             children: /* @__PURE__ */ a("div", { className: t.containerInner, children: /* @__PURE__ */ a(l, { className: t.content, noGutter: h, children: x }) })
           }
         )
@@ -66,6 +66,7 @@ const J = ({
     }
   );
 };
+$.displayName = "IressExpander";
 export {
-  J as IressExpander
+  $ as IressExpander
 };

package/dist/components/Expander/Expander.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../sva-OmxClA9g.js";
+import { s as e } from "../../sva-wwkEhoyo.js";
 const o = e({
   slots: ["root", "activator", "content", "container", "containerInner"],
   base: {

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

@@ -54,4 +54,7 @@ export type IressFieldProps<E extends 'div' | 'fieldset' = 'div', ELabel extends
      */
     supplementary?: ReactNode;
 };
-export declare const IressField: ({ children, className, "data-testid": dataTestId, error, errorMessages, hiddenLabel, hint, horizontal, label, labelWidth, required, readOnly, removeErrorMargin, supplementary, ...restProps }: IressFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressField: {
+    ({ children, className, "data-testid": dataTestId, error, errorMessages, hiddenLabel, hint, horizontal, label, labelWidth, required, readOnly, removeErrorMargin, supplementary, ...restProps }: IressFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Field/Field.js

@@ -1,23 +1,23 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { jsxs as C, jsx as s } from "react/jsx-runtime";
 import { isValidElement as E } from "react";
 import { IressLabel as q } from "../Label/Label.js";
 import "../Label/Label.styles.js";
-import { propagateTestid as y } from "../../helpers/utility/propagateTestid.js";
+import { propagateTestid as N } from "../../helpers/utility/propagateTestid.js";
 import { toArray as w } from "../../helpers/formatting/toArray.js";
-import { s as p } from "../../factory-oPXoMw9H.js";
-import { s as A } from "../../is-valid-prop-Ce0wiweq.js";
+import { s as p } from "../../factory-CWvlR9Yh.js";
+import { s as A } from "../../is-valid-prop-DI4RCMon.js";
 import { field as G } from "./Field.styles.js";
-import { c as e } from "../../css-fGu_jDvv.js";
-import { c as V } from "../../cx-DN21T1EH.js";
-import { FieldFooter as $ } from "./components/FieldFooter.js";
-import { FieldHintIcon as h, FieldHint as k } from "./components/FieldHint.js";
-import { GlobalCSSClass as B } from "../../enums.js";
-const M = ({
+import { c as e } from "../../css-w5PYGgYt.js";
+import { c as I } from "../../cx-DN21T1EH.js";
+import { FieldFooter as V } from "./components/FieldFooter.js";
+import { FieldHintIcon as $, FieldHint as h } from "./components/FieldHint.js";
+import { GlobalCSSClass as k } from "../../enums.js";
+const B = ({
   children: i,
-  className: N,
+  className: u,
   "data-testid": t,
-  error: f,
-  errorMessages: d,
+  error: d,
+  errorMessages: f,
   hiddenLabel: m,
   hint: o,
   horizontal: l,
@@ -33,7 +33,7 @@ const M = ({
   let a;
   F === void 0 && E(i) ? a = w(i)[0].props.id : a = F;
   const r = G.raw({
-    hasError: !!f || !!d?.length,
+    hasError: !!d || !!f?.length,
     hasHint: !!o,
     hiddenLabel: m,
     horizontal: l,
@@ -41,38 +41,38 @@ const M = ({
     // Add this as needed
     removeErrorMargin: H
   }), [S, g] = A(c), j = () => {
-    const C = /* @__PURE__ */ u(
+    const y = /* @__PURE__ */ C(
       q,
       {
         className: e(r.label),
-        "data-testid": y(t, "label"),
+        "data-testid": N(t, "label"),
         hiddenLabel: m,
         htmlFor: a,
         required: x ? !1 : !!b,
         children: [
           v,
-          l && o && /* @__PURE__ */ s(h, { hint: o })
+          l && o && /* @__PURE__ */ s($, { hint: o })
         ]
       }
     );
     return o ? /* @__PURE__ */ s(
-      k,
+      h,
       {
         hint: o,
         horizontal: l,
         hiddenLabel: m,
         dataTestId: t,
-        children: C
+        children: y
       }
-    ) : C;
+    ) : y;
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ C(
     p.div,
     {
-      className: V(
-        N,
+      className: I(
+        u,
         e(r.root, S),
-        B.Field
+        k.Field
       ),
       style: {
         ...l && n && {
@@ -85,12 +85,12 @@ const M = ({
         /* @__PURE__ */ s(p.div, { className: e(r.labelContainer), children: j() }),
         /* @__PURE__ */ s(p.div, { className: e(r.fieldContainer), children: /* @__PURE__ */ s("div", { className: e(r.element), children: i }) }),
         /* @__PURE__ */ s(
-          $,
+          V,
           {
             className: e(r.footer),
-            "data-testid": y(t, "error"),
-            error: f,
-            errorMessages: d,
+            "data-testid": N(t, "error"),
+            error: d,
+            errorMessages: f,
             supplementary: P
           }
         )
@@ -98,6 +98,7 @@ const M = ({
     }
   );
 };
+B.displayName = "IressField";
 export {
-  M as IressField
+  B as IressField
 };

package/dist/components/Field/Field.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../sva-OmxClA9g.js";
+import { s as e } from "../../sva-wwkEhoyo.js";
 const o = e({
   slots: [
     "root",

package/dist/{src/components → components}/Field/FieldGroup/FieldGroup.d.ts

@@ -14,4 +14,7 @@ export interface IressFieldGroupProps extends IressFieldProps<'fieldset', 'legen
      */
     join?: boolean;
 }
-export declare const IressFieldGroup: ({ children, className, "data-testid": dataTestId, error, errorMessages, hiddenLabel, hint, inline, join, label, required, supplementary, ...restProps }: IressFieldGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressFieldGroup: {
+    ({ children, className, "data-testid": dataTestId, error, errorMessages, hiddenLabel, hint, inline, join, label, required, supplementary, ...restProps }: IressFieldGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Field/FieldGroup/FieldGroup.js

@@ -1,20 +1,20 @@
-import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
 import { propagateTestid as i } from "../../../helpers/utility/propagateTestid.js";
-import { s as G } from "../../../factory-oPXoMw9H.js";
-import { s as N } from "../../../is-valid-prop-Ce0wiweq.js";
+import { s as h } from "../../../factory-CWvlR9Yh.js";
+import { s as x } from "../../../is-valid-prop-DI4RCMon.js";
 import { FieldFooter as C } from "../components/FieldFooter.js";
 import { fieldGroup as P } from "./FieldGroup.styles.js";
-import { c as o } from "../../../css-fGu_jDvv.js";
+import { c as e } from "../../../css-w5PYGgYt.js";
 import { c as S } from "../../../cx-DN21T1EH.js";
 import { GlobalCSSClass as j } from "../../../enums.js";
 import { LabelBase as v } from "../../Label/LabelBase/LabelBase.js";
-const H = ({
+const w = ({
   children: a,
   className: d,
   "data-testid": s,
   error: l,
   errorMessages: m,
-  hiddenLabel: e,
+  hiddenLabel: o,
   hint: p,
   inline: n,
   join: c,
@@ -25,42 +25,42 @@ const H = ({
 }) => {
   const r = P.raw({
     hasError: !!l || !!m?.length,
-    hiddenLabel: e,
+    hiddenLabel: o,
     inline: n,
     join: c
-  }), [g, h] = N(F);
-  return /* @__PURE__ */ x(
+  }), [G, N] = x(F);
+  return /* @__PURE__ */ g(
     "fieldset",
     {
       className: S(
         d,
-        o(r.root, g),
+        e(r.root, G),
         j.FieldGroup
       ),
       "data-testid": s,
-      ...h,
+      ...N,
       children: [
         /* @__PURE__ */ t(
           v,
           {
             append: p && /* @__PURE__ */ t(
-              G.div,
+              h.div,
               {
-                className: o(r.hint),
+                className: e(r.hint),
                 "data-testid": i(s, "hint"),
-                srOnly: e,
+                srOnly: o,
                 children: p
               }
             ),
-            className: o(r.legend),
+            className: e(r.legend),
             element: "legend",
             "data-testid": i(s, "legend"),
-            hiddenLabel: e,
+            hiddenLabel: o,
             required: u,
             children: f
           }
         ),
-        /* @__PURE__ */ t("div", { className: o(r.fields), children: a }),
+        /* @__PURE__ */ t("div", { className: e(r.fields), children: a }),
         /* @__PURE__ */ t(
           C,
           {
@@ -75,6 +75,7 @@ const H = ({
     }
   );
 };
+w.displayName = "IressFieldGroup";
 export {
-  H as IressFieldGroup
+  w as IressFieldGroup
 };

package/dist/components/Field/FieldGroup/FieldGroup.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../../sva-OmxClA9g.js";
+import { s as e } from "../../../sva-wwkEhoyo.js";
 const o = e({
   slots: ["root", "hint", "legend", "fields"],
   base: {

package/dist/{src/components → components}/Field/components/FieldFooter.d.ts

@@ -19,4 +19,7 @@ export interface FieldFooterProps extends IressStyledProps {
      */
     supplementary?: ReactNode;
 }
-export declare const FieldFooter: ({ className, "data-testid": dataTestId, error, errorMessages, multipleFields, supplementary, ...restProps }: FieldFooterProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FieldFooter: {
+    ({ className, "data-testid": dataTestId, error, errorMessages, multipleFields, supplementary, ...restProps }: FieldFooterProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/components/Field/components/FieldFooter.js

@@ -1,54 +1,61 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { getUniqueItemsByKey as x } from "../helpers/getUniqueItemsByKey.js";
-import { useRef as a, useMemo as y, useEffect as h } from "react";
-import { s as g } from "../../../factory-oPXoMw9H.js";
-import { c } from "../../../css-fGu_jDvv.js";
-import { c as I } from "../../../cx-DN21T1EH.js";
-import { IressText as S } from "../../Text/Text.js";
-import { IressValidationSummary as E } from "../../ValidationMessage/ValidationSummary/ValidationSummary.js";
-import { IressIcon as b } from "../../Icon/Icon.js";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { getUniqueItemsByKey as y } from "../helpers/getUniqueItemsByKey.js";
+import { useRef as l, useMemo as x, useEffect as h } from "react";
+import { s as g } from "../../../factory-CWvlR9Yh.js";
+import "../../ValidationMessage/ValidationMessage.js";
+import "../../ValidationMessage/ValidationLink/ValidationLink.js";
+import { IressValidationSummary as I } from "../../ValidationMessage/ValidationSummary/ValidationSummary.js";
+import { IressIcon as E } from "../../Icon/Icon.js";
 import "../../Icon/Icon.styles.js";
-import { field as v } from "../Field.styles.js";
-const C = (o) => /* @__PURE__ */ r(b, { name: "exclamation-triangle", ...o, pr: "xs" }), U = ({
+import { field as S } from "../Field.styles.js";
+import { c } from "../../../css-w5PYGgYt.js";
+import { c as v } from "../../../cx-DN21T1EH.js";
+import { IressText as F } from "../../Text/Text.js";
+const b = (o) => /* @__PURE__ */ r(E, { name: "exclamation-triangle", ...o, pr: "xs" }), N = ({
   className: o,
   "data-testid": f,
   error: s,
-  errorMessages: n = [],
-  multipleFields: u,
-  supplementary: i,
-  ...d
+  errorMessages: i = [],
+  multipleFields: p,
+  supplementary: n,
+  ...u
 }) => {
-  const m = v({ multipleFields: u }), t = a(null), l = a(null), e = y(
-    () => !!s || n.length > 0,
-    [s, n.length]
+  const a = S({ multipleFields: p }), t = l(null), m = l(null), e = x(
+    () => !!s || i.length > 0,
+    [s, i.length]
   );
   return h(() => {
-    !t.current || t.current.textContent === l.current || (t.current.classList.remove(
+    if (!t.current || m.current === e) {
+      m.current = e;
+      return;
+    }
+    t.current.classList.remove(
       c({ animationStyle: "field-footer" })
-    ), t.current.offsetHeight, l.current = t.current.textContent, t.current.classList.add(c({ animationStyle: "field-footer" })));
-  }, [i, e]), !i && !e ? null : /* @__PURE__ */ p(
+    ), t.current.offsetHeight, m.current = e, t.current.classList.add(c({ animationStyle: "field-footer" }));
+  }, [e]), !n && !e ? null : /* @__PURE__ */ d(
     g.div,
     {
-      ...d,
-      className: I(o, m.footer),
+      ...u,
+      className: v(o, a.footer),
       ref: t,
       children: [
         e && /* @__PURE__ */ r(
-          E,
+          I,
           {
             itemStyle: { textStyle: "typography.body.sm" },
-            messages: x(n, "message"),
+            messages: y(i, "message"),
             "data-testid": f,
-            prefix: /* @__PURE__ */ r(C, { "aria-label": "Error: " }),
+            prefix: /* @__PURE__ */ r(b, { "aria-label": "Error: " }),
             visiblePrefix: !0,
             children: s
           }
         ),
-        !e && /* @__PURE__ */ r(S, { className: m.supplementary, children: i })
+        !e && /* @__PURE__ */ r(F, { className: a.supplementary, children: n })
       ]
     }
   );
 };
+N.displayName = "FieldFooter";
 export {
-  U as FieldFooter
+  N as FieldFooter
 };

package/dist/{src/components → components}/Field/components/FieldHint.d.ts

@@ -21,7 +21,10 @@ export interface FieldHintProps {
      */
     children: ReactNode;
 }
-export declare const FieldHint: ({ hint, horizontal, hiddenLabel, dataTestId, children, }: FieldHintProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldHint: {
+    ({ hint, horizontal, hiddenLabel, dataTestId, children, }: FieldHintProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export declare const FieldHintIcon: ({ hint }: {
     hint: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Field/components/FieldHint.js

@@ -1,38 +1,38 @@
-import { jsx as t, Fragment as e, jsxs as a } from "react/jsx-runtime";
+import { jsx as t, Fragment as s, jsxs as a } from "react/jsx-runtime";
 import { IressIcon as l } from "../../Icon/Icon.js";
 import "../../Icon/Icon.styles.js";
 import { IressTooltip as p } from "../../Tooltip/Tooltip.js";
 import "../../Tooltip/Tooltip.styles.js";
 import { propagateTestid as f } from "../../../helpers/utility/propagateTestid.js";
-import { c } from "../../../css-fGu_jDvv.js";
-import { s as d } from "../../../factory-oPXoMw9H.js";
+import { c } from "../../../css-w5PYGgYt.js";
+import { s as d } from "../../../factory-CWvlR9Yh.js";
 import { field as g } from "../Field.styles.js";
-const v = ({
+const x = ({
   hint: r,
-  horizontal: o,
-  hiddenLabel: i,
+  horizontal: i,
+  hiddenLabel: o,
   dataTestId: m,
-  children: s
+  children: e
 }) => {
   const n = g.raw({
     hasError: !1,
-    hiddenLabel: i,
-    horizontal: o,
+    hiddenLabel: o,
+    horizontal: i,
     multipleFields: !1
   });
-  return o ? /* @__PURE__ */ t(e, { children: s }) : /* @__PURE__ */ a(e, { children: [
-    s,
+  return i ? /* @__PURE__ */ t(s, { children: e }) : /* @__PURE__ */ a(s, { children: [
+    e,
     /* @__PURE__ */ t(
       d.div,
       {
         className: c(n.hint),
         "data-testid": f(m, "hint"),
-        srOnly: i,
+        srOnly: o,
         children: r
       }
     )
   ] });
-}, w = ({ hint: r }) => /* @__PURE__ */ t(
+}, v = ({ hint: r }) => /* @__PURE__ */ t(
   p,
   {
     tooltipText: typeof r == "string" ? r : "Additional information",
@@ -47,7 +47,8 @@ const v = ({
     )
   }
 );
+x.displayName = "FieldHint";
 export {
-  v as FieldHint,
-  w as FieldHintIcon
+  x as FieldHint,
+  v as FieldHintIcon
 };

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

@@ -1,11 +1,12 @@
 import { ReactElement, ReactNode, ForwardedRef } from 'react';
 import { IressPopoverProps } from '../Popover';
 import { IressSelectMenuProps } from '../RichSelect';
-import { AutocompleteSearchHookProps, AutocompleteSearchHookReturn } from '../Autocomplete';
+import { AutocompleteSearchHookProps } from '../Autocomplete';
 import { IressInputProps } from '../Input';
 import { ControlledValue } from '../../hooks/useControlledState';
-import { IressHTMLAttributes, LabelValueMeta } from '../../interfaces';
-export interface IressFilterProps<TMultiple extends boolean = false> extends Omit<IressHTMLAttributes, 'defaultValue' | 'onChange'>, Omit<AutocompleteSearchHookProps, 'query'>, Pick<IressSelectMenuProps, 'limitMobile' | 'limitDesktop'> {
+import { LabelValueMeta } from '../../interfaces';
+import { IressStyledProps } from '../../types';
+export interface IressFilterProps<TMultiple extends boolean = false> extends Omit<IressStyledProps, 'defaultValue' | 'onChange'>, Omit<AutocompleteSearchHookProps, 'query'>, Pick<IressSelectMenuProps, 'limitMobile' | 'limitDesktop'> {
     /**
      * Value of selected option for uncontrolled filter.
      */
@@ -59,8 +60,6 @@ export interface IressFilterProps<TMultiple extends boolean = false> extends Omi
      */
     visibleResetButton?: boolean | string;
 }
-export interface FilterResultsDescriptorProps extends Pick<IressFilterProps, 'searchNoResultsText'>, Pick<AutocompleteSearchHookReturn, 'loading' | 'results'>, Omit<IressHTMLAttributes, 'children' | 'className' | 'results'> {
-}
 export interface FilterRef {
     element?: HTMLDivElement;
     clearSearch: () => void;
@@ -70,6 +69,8 @@ export interface FilterPopoverProps extends Pick<IressPopoverProps, 'align' | 'c
     footer?: ReactNode;
     header?: ReactNode;
 }
-export declare const IressFilter: <TMultiple extends boolean = false>(props: IressFilterProps<TMultiple> & {
+export declare const IressFilter: (<TMultiple extends boolean = false>(props: IressFilterProps<TMultiple> & {
     ref?: ForwardedRef<FilterRef>;
-}) => ReactElement;
+}) => ReactElement) & {
+    displayName: "IressFilter";
+};