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

package/dist/patterns/Form/Form.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { a as F, b as a, c as u, d as n } from "../../index.esm-BdbWn-w_.js";
+import { u as F, a, b as u, c as n } from "../../index.esm-B6vzbp0e.js";
 import { LongForm as i } from "./components/LongForm.js";
 import { ShortForm as f } from "./components/ShortForm.js";
 const c = ({ pattern: e, ...o }, m) => e === "long" ? /* @__PURE__ */ t(i, { ...o, ref: m }) : /* @__PURE__ */ t(f, { ...o, ref: m }), d = s(c), r = d;

package/dist/patterns/Form/Form.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-TRyehFkb.js";
+import { s as t } from "../../sva-OmxClA9g.js";
 const r = t({
   slots: ["root", "actions", "header", "footer", "children"],
   base: {

package/dist/patterns/Form/FormField/FormField.js

@@ -1,69 +1,66 @@
-import { jsx as M } from "react/jsx-runtime";
-import { useContext as E, useRef as x, useMemo as p, useEffect as _ } from "react";
-import { u as $ } from "../../../index.esm-BdbWn-w_.js";
-import { getErrorTypeMessage as v } from "./helpers/getErrorTypeMessage.js";
-import { FormContext as q } from "../FormContext.js";
-import { transformCustomRulesToValidateRule as T } from "./helpers/transformCustomRulesToValidateRule.js";
-import { IressField as b } from "../../../components/Field/Field.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useContext as I, useRef as M, useMemo as m, useEffect as E } from "react";
+import { d as x } from "../../../index.esm-B6vzbp0e.js";
+import { getErrorTypeMessage as _ } from "./helpers/getErrorTypeMessage.js";
+import { FormContext as $ } from "../FormContext.js";
+import { transformCustomRulesToValidateRule as v } from "./helpers/transformCustomRulesToValidateRule.js";
+import { IressField as q } from "../../../components/Field/Field.js";
 import "../../../components/Field/Field.styles.js";
 import "../../../components/Icon/Icon.styles.js";
 import "../../../components/Field/FieldGroup/FieldGroup.styles.js";
 import "../../../components/Label/Label.styles.js";
-import { useFieldRenderProps as j } from "./hooks/useFieldRenderProps.js";
-const J = ({
-  control: n,
-  defaultValue: l,
+import { useFieldRenderProps as T } from "./hooks/useFieldRenderProps.js";
+const G = ({
+  control: f,
+  defaultValue: p,
   name: r,
-  render: u,
+  render: n,
   rules: s,
-  shouldUnregister: F,
+  shouldUnregister: l,
   readOnly: e,
-  ...c
+  ...u
 }) => {
-  const o = E(q), g = x(null);
+  const o = I($), F = M(null);
   if (!o)
     throw new Error(
       "IressFormField must be used inside an IressForm. If you need a standalone field, use IressField instead."
     );
-  const t = p(() => {
+  const d = m(() => {
     if (!e)
-      return s ? T(s) : void 0;
-  }, [e, s]), { field: a, fieldState: i } = $({
-    control: n,
-    defaultValue: l,
+      return s ? v(s) : void 0;
+  }, [e, s]), { field: c, fieldState: t } = x({
+    control: f,
+    defaultValue: p,
     name: r,
-    rules: t,
-    shouldUnregister: F
-  }), m = p(
-    () => {
-      var d, f;
-      return i.error ? v(
-        (d = i.error) == null ? void 0 : d.message,
-        (f = i.error) == null ? void 0 : f.type,
-        s
-      ) : "";
-    },
-    [i.error, s]
+    rules: d,
+    shouldUnregister: l
+  }), i = m(
+    () => t.error ? _(
+      t.error?.message,
+      t.error?.type,
+      s
+    ) : "",
+    [t.error, s]
   );
-  _(() => {
-    e ? o.setErrorMessage(r, "") : o.setErrorMessage(r, m);
-  }, [m, o, r, e]);
-  const I = j(a, g);
-  return /* @__PURE__ */ M(
-    b,
+  E(() => {
+    e ? o.setErrorMessage(r, "") : o.setErrorMessage(r, i);
+  }, [i, o, r, e]);
+  const g = T(c, F);
+  return /* @__PURE__ */ a(
+    q,
     {
-      errorMessages: m && !e ? [{ message: m }] : void 0,
+      errorMessages: i && !e ? [{ message: i }] : void 0,
       readOnly: e,
-      required: !!(t != null && t.required),
+      required: !!d?.required,
       htmlFor: `${o.id}__${r}`,
-      ...c,
-      children: u({
-        ...I,
+      ...u,
+      children: n({
+        ...g,
         id: `${o.id}__${r}`
       })
     }
   );
 };
 export {
-  J as IressFormField
+  G as IressFormField
 };

package/dist/patterns/Form/FormField/FormFieldset.js

@@ -1,61 +1,58 @@
-import { jsx as g } from "react/jsx-runtime";
-import { useContext as I, useRef as M, useMemo as x, useEffect as E } from "react";
-import { u as y } from "../../../index.esm-BdbWn-w_.js";
-import { getErrorTypeMessage as q } from "./helpers/getErrorTypeMessage.js";
+import { jsx as F } from "react/jsx-runtime";
+import { useContext as c, useRef as g, useMemo as I, useEffect as M } from "react";
+import { d as x } from "../../../index.esm-B6vzbp0e.js";
+import { getErrorTypeMessage as E } from "./helpers/getErrorTypeMessage.js";
 import "../../../components/Label/Label.styles.js";
 import "../../../components/Field/Field.styles.js";
 import "../../../components/Icon/Icon.styles.js";
 import "../../../components/Tooltip/Tooltip.styles.js";
-import { IressFieldGroup as v } from "../../../components/Field/FieldGroup/FieldGroup.js";
+import { IressFieldGroup as y } from "../../../components/Field/FieldGroup/FieldGroup.js";
 import "../../../components/Field/FieldGroup/FieldGroup.styles.js";
-import { FormContext as G } from "../FormContext.js";
-import { transformCustomRulesToValidateRule as R } from "./helpers/transformCustomRulesToValidateRule.js";
-import { useFieldRenderProps as T } from "./hooks/useFieldRenderProps.js";
-const H = ({
-  control: n,
-  defaultValue: p,
-  name: e,
+import { FormContext as q } from "../FormContext.js";
+import { transformCustomRulesToValidateRule as v } from "./helpers/transformCustomRulesToValidateRule.js";
+import { useFieldRenderProps as G } from "./hooks/useFieldRenderProps.js";
+const B = ({
+  control: d,
+  defaultValue: m,
+  name: r,
   render: f,
-  rules: o,
-  shouldUnregister: l,
-  ...u
+  rules: e,
+  shouldUnregister: n,
+  ...p
 }) => {
-  const r = I(G), a = M(null);
-  if (!r)
+  const o = c(q), l = g(null);
+  if (!o)
     throw new Error(
       "IressFormFieldset must be used inside an IressForm. If you need a standalone field, use IressFieldGroup instead."
     );
-  const s = o ? R(o) : void 0, { field: F, fieldState: t } = y({
-    control: n,
-    defaultValue: p,
-    name: e,
-    rules: s,
-    shouldUnregister: l
-  }), i = x(
-    () => {
-      var d, m;
-      return t.error ? q(
-        (d = t.error) == null ? void 0 : d.message,
-        (m = t.error) == null ? void 0 : m.type,
-        o
-      ) : "";
-    },
-    [t, o]
+  const i = e ? v(e) : void 0, { field: u, fieldState: s } = x({
+    control: d,
+    defaultValue: m,
+    name: r,
+    rules: i,
+    shouldUnregister: n
+  }), t = I(
+    () => s.error ? E(
+      s.error?.message,
+      s.error?.type,
+      e
+    ) : "",
+    [s, e]
   );
-  E(() => {
-    r.setErrorMessage(e, i);
-  }, [i, r, e]);
-  const c = T(F, a);
-  return /* @__PURE__ */ g(
-    v,
+  M(() => {
+    o.setErrorMessage(r, t);
+  }, [t, o, r]);
+  const a = G(u, l);
+  return /* @__PURE__ */ F(
+    y,
     {
-      errorMessages: i ? [{ message: i }] : void 0,
-      required: !!(s != null && s.required),
-      ...u,
-      children: f({ ...c, id: `${r == null ? void 0 : r.id}__${e}` })
+      errorMessages: t ? [{ message: t }] : void 0,
+      required: !!i?.required,
+      ...p,
+      children: f({ ...a, id: `${o?.id}__${r}` })
     }
   );
 };
 export {
-  H as IressFormFieldset
+  B as IressFormFieldset
 };

package/dist/patterns/Form/FormField/helpers/getErrorTypeMessage.js

@@ -1,20 +1,20 @@
-import { stringReplacer as h } from "../../../../helpers/formatting/stringReplacer.js";
-var l = /* @__PURE__ */ ((t) => (t.required = "Please fill out this field", t.maxLength = "Please shorten this text to {{attrValue}} characters or less", t.minLength = "Please lengthen this text to {{attrValue}} characters or more", t.max = "Please enter a value less than or equal to {{attrValue}}", t.min = "Please enter a value greater than or equal to {{attrValue}}", t.minDate = "Please enter a date that is on or after {{attrValue}}", t.maxDate = "Please enter a date that is on or before {{attrValue}}", t.pattern = "Please match the requested format", t.email = "Please enter a valid email address", t.validate = "Please enter a valid value", t))(l || {});
-const r = (t, a, e, n = "") => {
-  if (t)
-    return t;
-  const u = a ? h(
-    l[a] ?? "Please enter a valid value",
+import { stringReplacer as r } from "../../../../helpers/formatting/stringReplacer.js";
+var a = /* @__PURE__ */ ((e) => (e.required = "Please fill out this field", e.maxLength = "Please shorten this text to {{attrValue}} characters or less", e.minLength = "Please lengthen this text to {{attrValue}} characters or more", e.max = "Please enter a value less than or equal to {{attrValue}}", e.min = "Please enter a value greater than or equal to {{attrValue}}", e.minDate = "Please enter a date that is on or after {{attrValue}}", e.maxDate = "Please enter a date that is on or before {{attrValue}}", e.pattern = "Please match the requested format", e.email = "Please enter a valid email address", e.validate = "Please enter a valid value", e))(a || {});
+const i = (e, t, l, n = "") => {
+  if (e)
+    return e;
+  const u = t ? r(
+    a[t] ?? "Please enter a valid value",
     [
       {
         name: "{{attrValue}}",
-        value: String(e == null ? void 0 : e[a])
+        value: String(l?.[t])
       }
     ]
   ) : "Please enter a valid value";
   return `${n}${u}`;
 };
 export {
-  l as FormFieldErrorMessages,
-  r as getErrorTypeMessage
+  a as FormFieldErrorMessages,
+  i as getErrorTypeMessage
 };

package/dist/patterns/Form/FormField/hooks/useFieldRenderProps.js

@@ -1,35 +1,35 @@
-import { useState as C, useCallback as l, useMemo as s } from "react";
-const i = (o, t) => {
-  const [r, g] = C("null"), a = l(
-    (...n) => {
-      n[1] !== void 0 ? o.onChange(n[1]) : o.onChange(...n);
+import { useState as C, useCallback as h, useMemo as l } from "react";
+const i = (n, o) => {
+  const [t, g] = C("null"), a = h(
+    (...e) => {
+      e[1] !== void 0 ? n.onChange(e[1]) : n.onChange(...e);
     },
-    [o]
-  ), u = l(
-    (n) => {
-      if (t.current = n, o.ref(n), n) {
-        const e = JSON.stringify(n.extras ?? null);
-        e !== r && g(e);
+    [n]
+  ), s = h(
+    (e) => {
+      if (o.current = e, n.ref(e), e) {
+        const r = JSON.stringify(e.extras ?? null);
+        r !== t && g(r);
       }
     },
-    [r, o, t]
-  ), h = s(() => {
-    let n = { ...o };
-    const e = JSON.parse(r);
-    return e != null && e.additionalOnChangeProps && (e == null || e.additionalOnChangeProps.forEach((p) => {
-      n = { ...n, [p]: o.onChange };
-    })), e != null && e.valueProp && (n = {
-      ...o,
-      [e.valueProp]: o.value
-    }, delete n.value), n;
-  }, [o, r]);
-  return s(
+    [t, n, o]
+  ), u = l(() => {
+    let e = { ...n };
+    const r = JSON.parse(t);
+    return r?.additionalOnChangeProps && r.additionalOnChangeProps.forEach((p) => {
+      e = { ...e, [p]: n.onChange };
+    }), r?.valueProp && (e = {
+      ...n,
+      [r.valueProp]: n.value
+    }, delete e.value), e;
+  }, [n, t]);
+  return l(
     () => ({
-      ...h,
+      ...u,
       onChange: a,
-      ref: u
+      ref: s
     }),
-    [a, u, h]
+    [a, s, u]
   );
 };
 export {

package/dist/patterns/Form/FormValidationSummary/FormValidationSummary.js

@@ -1,13 +1,13 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useContext as v } from "react";
-import { FormContext as A } from "../FormContext.js";
-import { formatObjectKey as O } from "../../../helpers/formatting/formatObjectKey.js";
-import { s as V } from "../../../factory-DHLOr79I.js";
-import { IressValidationSummary as _ } from "../../../components/ValidationMessage/ValidationSummary/ValidationSummary.js";
-import { IressAlert as C } from "../../../components/Alert/Alert.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as $ } from "react";
+import { FormContext as w } from "../FormContext.js";
+import { formatObjectKey as L } from "../../../helpers/formatting/formatObjectKey.js";
+import { s as M } from "../../../factory-oPXoMw9H.js";
+import { IressValidationSummary as T } from "../../../components/ValidationMessage/ValidationSummary/ValidationSummary.js";
+import { IressAlert as j } from "../../../components/Alert/Alert.js";
 import "../../../components/Alert/Alert.styles.js";
-import { propagateTestid as p } from "../../../helpers/utility/propagateTestid.js";
-const g = V(
+import { propagateTestid as d } from "../../../helpers/utility/propagateTestid.js";
+const l = M(
   "div",
   {
     base: {
@@ -21,69 +21,68 @@ const g = V(
       tabIndex: -1
     }
   }
-), D = ({
-  actions: b,
-  children: i,
-  "data-testid": s,
-  footer: y,
-  heading: h = /* @__PURE__ */ t("h3", { children: "There was a problem submitting this form" }),
-  itemStyle: F,
-  icon: S,
-  srOnly: m,
-  variant: x,
-  ...I
+), B = ({
+  actions: f,
+  children: o,
+  "data-testid": t,
+  footer: c,
+  heading: u = /* @__PURE__ */ r("h3", { children: "There was a problem submitting this form" }),
+  itemStyle: g,
+  icon: p,
+  srOnly: a,
+  variant: b,
+  ...y
 }) => {
-  const r = v(A);
-  if (!r)
+  const e = $(w);
+  if (!e)
     throw new Error(
       "IressFormValidationSummary must be used within a IressForm"
     );
-  const n = Object.entries(r.errorMessages).filter(
-    ([, o]) => !!o
+  const i = Object.entries(e.errorMessages).filter(
+    ([, s]) => !!s
   );
-  if (n.length === 0 || i)
-    return /* @__PURE__ */ t(
-      g,
+  if (i.length === 0 || o)
+    return /* @__PURE__ */ r(
+      l,
       {
-        "data-testid": s,
-        srOnly: m,
-        ref: r.setFocusOnError,
-        children: i
+        "data-testid": t,
+        srOnly: a,
+        ref: e.setFocusOnError,
+        children: o
       }
     );
-  const $ = n.map(([o, w]) => {
-    var l, c, u, f;
-    const d = `${r == null ? void 0 : r.id}__${o}`, e = document.getElementById(d), M = e == null ? void 0 : e.labels, T = Array.from(M ?? []), a = (l = e == null ? void 0 : e.closest("fieldset")) == null ? void 0 : l.querySelector("legend"), j = `${((u = (c = T[0]) == null ? void 0 : c.dataset) == null ? void 0 : u.name) ?? ((f = a == null ? void 0 : a.dataset) == null ? void 0 : f.name) ?? O(o)}: `;
+  const h = i.map(([s, F]) => {
+    const m = `${e?.id}__${s}`, n = document.getElementById(m), S = n?.labels, x = Array.from(S ?? []), E = n?.closest("fieldset")?.querySelector("legend"), I = `${x[0]?.dataset?.name ?? E?.dataset?.name ?? L(s)}: `;
     return {
-      linkToTarget: d,
-      message: `${j}${w}`
+      linkToTarget: m,
+      message: `${I}${F}`
     };
   });
-  return /* @__PURE__ */ t(
-    g,
+  return /* @__PURE__ */ r(
+    l,
     {
-      ref: r.setFocusOnError,
-      "data-testid": s,
-      srOnly: m,
-      children: /* @__PURE__ */ t(
-        C,
+      ref: e.setFocusOnError,
+      "data-testid": t,
+      srOnly: a,
+      children: /* @__PURE__ */ r(
+        j,
         {
-          actions: b,
-          footer: y,
-          heading: h,
-          icon: S,
+          actions: f,
+          footer: c,
+          heading: u,
+          icon: p,
           status: "danger",
-          variant: x,
-          children: /* @__PURE__ */ t(
-            _,
+          variant: b,
+          children: /* @__PURE__ */ r(
+            T,
             {
-              ...I,
-              "data-testid": p(s, "messages"),
+              ...y,
+              "data-testid": d(t, "messages"),
               itemStyle: {
-                "data-testid": p(s, "error"),
-                ...F
+                "data-testid": d(t, "error"),
+                ...g
               },
-              messages: $
+              messages: h
             }
           )
         }
@@ -92,5 +91,5 @@ const g = V(
   );
 };
 export {
-  D as IressFormValidationSummary
+  B as IressFormValidationSummary
 };