@iress-oss/ids-components 6.0.0-alpha.3 → 6.0.0-alpha.5

package/dist/patterns/Form/Form.js

@@ -1,13 +1,10 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-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;
-r.useFieldArray = F;
-r.useForm = a;
-r.useFormContext = u;
-r.useWatch = n;
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { LongForm as n } from "./components/LongForm.js";
+import { ShortForm as s } from "./components/ShortForm.js";
+const t = ({ pattern: f, ...r }, o) => f === "long" ? /* @__PURE__ */ m(n, { ...r, ref: o }) : /* @__PURE__ */ m(s, { ...r, ref: o });
+t.displayName = "IressForm";
+const c = i(t);
 export {
-  r as IressForm
+  c as IressForm
 };

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

@@ -1,17 +1,17 @@
-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 { jsx as I } from "react/jsx-runtime";
+import { useContext as M, useRef as E, useMemo as f, useEffect as x } from "react";
+import { a as _ } from "../../../index.esm-BiUTGNH8.js";
+import { getErrorTypeMessage as $ } from "./helpers/getErrorTypeMessage.js";
+import { FormContext as v } from "../FormContext.js";
+import { transformCustomRulesToValidateRule as q } from "./helpers/transformCustomRulesToValidateRule.js";
+import { IressField as S } 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 T } from "./hooks/useFieldRenderProps.js";
-const G = ({
-  control: f,
+const H = ({
+  control: d,
   defaultValue: p,
   name: r,
   render: n,
@@ -20,47 +20,53 @@ const G = ({
   readOnly: e,
   ...u
 }) => {
-  const o = I($), F = M(null);
+  const o = M(v), F = E(null);
   if (!o)
     throw new Error(
       "IressFormField must be used inside an IressForm. If you need a standalone field, use IressField instead."
     );
-  const d = m(() => {
+  const m = f(() => {
     if (!e)
-      return s ? v(s) : void 0;
-  }, [e, s]), { field: c, fieldState: t } = x({
-    control: f,
+      return s ? q(s) : void 0;
+  }, [e, s]), { field: a, formState: c, fieldState: t } = _({
+    control: d,
     defaultValue: p,
     name: r,
-    rules: d,
+    rules: m,
     shouldUnregister: l
-  }), i = m(
-    () => t.error ? _(
+  }), i = f(
+    () => t.error ? $(
       t.error?.message,
       t.error?.type,
       s
     ) : "",
     [t.error, s]
   );
-  E(() => {
+  x(() => {
     e ? o.setErrorMessage(r, "") : o.setErrorMessage(r, i);
   }, [i, o, r, e]);
-  const g = T(c, F);
-  return /* @__PURE__ */ a(
-    q,
+  const g = T(a, F);
+  return /* @__PURE__ */ I(
+    S,
     {
       errorMessages: i && !e ? [{ message: i }] : void 0,
       readOnly: e,
-      required: !!d?.required,
+      required: !!m?.required,
       htmlFor: `${o.id}__${r}`,
       ...u,
-      children: n({
-        ...g,
-        id: `${o.id}__${r}`
-      })
+      children: n(
+        {
+          ...g,
+          id: `${o.id}__${r}`
+        },
+        {
+          formState: c,
+          fieldState: t
+        }
+      )
     }
   );
 };
 export {
-  G as IressFormField
+  H as IressFormField
 };

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

@@ -1,6 +1,6 @@
 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 { a as x } from "../../../index.esm-BiUTGNH8.js";
 import { getErrorTypeMessage as E } from "./helpers/getErrorTypeMessage.js";
 import "../../../components/Label/Label.styles.js";
 import "../../../components/Field/Field.styles.js";
@@ -12,8 +12,8 @@ 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,
+  control: m,
+  defaultValue: d,
   name: r,
   render: f,
   rules: e,
@@ -26,8 +26,8 @@ const B = ({
       "IressFormFieldset must be used inside an IressForm. If you need a standalone field, use IressFieldGroup instead."
     );
   const i = e ? v(e) : void 0, { field: u, fieldState: s } = x({
-    control: d,
-    defaultValue: m,
+    control: m,
+    defaultValue: d,
     name: r,
     rules: i,
     shouldUnregister: n

package/dist/patterns/Form/HookForm/HookForm.js

@@ -1,59 +1,59 @@
-import { jsx as m, jsxs as D } from "react/jsx-runtime";
-import { forwardRef as E, useState as Q, useRef as f, useCallback as n, useImperativeHandle as J, useEffect as U, useMemo as K } from "react";
-import { u as L, a as X, b as Y, c as Z, F as $ } from "../../../index.esm-B6vzbp0e.js";
-import { useIdIfNeeded as y } from "../../../hooks/useIdIfNeeded.js";
-import { IressFormValidationSummary as O } from "../FormValidationSummary/FormValidationSummary.js";
-import { s as S } from "../../../factory-oPXoMw9H.js";
-import { FormContext as ee } from "../FormContext.js";
-import { c as se } from "../../../cx-DN21T1EH.js";
-import { GlobalCSSClass as re } from "../../../enums.js";
-import { propagateTestid as oe } from "../../../helpers/utility/propagateTestid.js";
-const te = ({
-  alert: V,
-  children: W,
-  className: _,
+import { jsx as f, jsxs as E } from "react/jsx-runtime";
+import { forwardRef as J, useState as U, useRef as m, useCallback as n, useImperativeHandle as K, useEffect as V, useMemo as L } from "react";
+import { F as W } from "../../../index.esm-BiUTGNH8.js";
+import { useIdIfNeeded as X } from "../../../hooks/useIdIfNeeded.js";
+import { IressFormValidationSummary as Y } from "../FormValidationSummary/FormValidationSummary.js";
+import { s as Z } from "../../../factory-oPXoMw9H.js";
+import { FormContext as $ } from "../FormContext.js";
+import { c as y } from "../../../cx-DN21T1EH.js";
+import { GlobalCSSClass as O } from "../../../enums.js";
+import { propagateTestid as S } from "../../../helpers/utility/propagateTestid.js";
+const _ = ({
+  alert: G,
+  children: T,
+  className: b,
   "data-testid": d,
   form: o,
-  onSubmit: F,
+  onSubmit: u,
   onValidChange: p,
-  onError: x,
+  onError: F,
   updateErrorSummaryOnSubmit: s,
   ...g
-}, b) => {
-  const i = y({ id: g.id }), [r, u] = Q({}), c = f({}), v = f(null), M = f(null), { handleSubmit: C, reset: G, formState: T } = o, { isValid: H, isSubmitted: I } = T, [w, R] = Q(!1), h = n(
+}, h) => {
+  const a = X({ id: g.id }), [r, i] = U({}), c = m({}), v = m(null), M = m(null), { handleSubmit: x, reset: q, formState: z } = o, { isValid: H, isSubmitted: I } = z, [C, N] = U(!1), R = n(
     (e) => {
-      x?.(e), v.current?.focus(), s && R(!0);
+      F?.(e), v.current?.focus(), s && N(!0);
     },
-    [x, s]
+    [F, s]
   ), j = n(
     (e) => {
-      C((t) => {
-        F?.(t), u({}), c.current = {};
-      }, h)(e);
+      x((t) => {
+        u?.(t), i({}), c.current = {};
+      }, R)(e);
     },
-    [h, C, F]
+    [R, x, u]
   ), k = n(
     (e) => {
       c.current = e();
     },
     []
-  ), A = n(
+  ), w = n(
     (e) => {
       v.current = e;
     },
     []
-  ), N = n(
+  ), P = n(
     (e, t) => {
       if (t === r[e] || !t && !r[e])
         return;
-      const z = s ? c.current : r, P = [...o.control._names.mount.values()].reduce(
-        (B, l) => ({
-          ...B,
-          [l]: l === e ? t : z[l]
+      const B = s ? c.current : r, Q = [...o.control._names.mount.values()].reduce(
+        (D, l) => ({
+          ...D,
+          [l]: l === e ? t : B[l]
         }),
         {}
       );
-      s ? k(() => P) : u(() => P);
+      s ? k(() => Q) : i(() => Q);
     },
     [
       r,
@@ -62,52 +62,50 @@ const te = ({
       s
     ]
   );
-  J(b, () => ({
+  K(h, () => ({
     element: M?.current ?? void 0,
     api: o,
     submit: () => j(),
-    reset: (e) => G(e)
-  })), U(() => {
+    reset: (e) => q(e)
+  })), V(() => {
     p?.(H);
-  }, [H, p]), U(() => {
-    s && w && I && (u(() => c.current), R(!1));
-  }, [s, w, I]);
-  const q = K(
+  }, [H, p]), V(() => {
+    s && C && I && (i(() => c.current), N(!1));
+  }, [s, C, I]);
+  const A = L(
     () => ({
-      id: i,
+      id: a,
       errorMessages: r,
-      setErrorMessage: N,
-      setFocusOnError: A
+      setErrorMessage: P,
+      setFocusOnError: w
     }),
-    [r, i, N, A]
+    [r, a, P, w]
   );
-  return /* @__PURE__ */ m(ee.Provider, { value: q, children: /* @__PURE__ */ m($, { ...o, children: /* @__PURE__ */ D(
-    S.form,
+  return /* @__PURE__ */ f($.Provider, { value: A, children: /* @__PURE__ */ f(W, { ...o, children: /* @__PURE__ */ E(
+    Z.form,
     {
       ...g,
-      className: se(_, re.Form),
+      className: y(b, O.Form),
       "data-testid": d,
-      id: i,
+      id: a,
       noValidate: !0,
       onSubmit: j,
       ref: M,
       children: [
-        V ?? /* @__PURE__ */ m(
-          O,
+        G ?? /* @__PURE__ */ f(
+          Y,
           {
-            "data-testid": oe(d, "error-summary"),
+            "data-testid": S(d, "error-summary"),
             srOnly: !0
           }
         ),
-        W
+        T
       ]
     }
   ) }) });
-}, ne = E(te), a = ne;
-a.useFieldArray = L;
-a.useForm = X;
-a.useFormContext = Y;
-a.useWatch = Z;
+};
+_.displayName = "IressHookForm";
+const fe = J(_);
 export {
-  a as IressHookForm
+  fe as IressHookForm
 };

package/dist/patterns/Form/components/LongForm.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { a as L } from "../../../index.esm-B6vzbp0e.js";
+import { u as L } from "../../../index.esm-BiUTGNH8.js";
 import { forwardRef as y, useMemo as z } from "react";
 import { IressText as B } from "../../../components/Text/Text.js";
 import { form as C } from "../Form.styles.js";
@@ -20,9 +20,9 @@ const T = ({
   delayError: p,
   footer: t,
   heading: o,
-  mode: g = "onBlur",
+  mode: u = "onBlur",
   panelStyle: n = { bg: "alt" },
-  progressive: u,
+  progressive: g,
   resetOptions: F,
   resolver: N,
   reValidateMode: x = "onChange",
@@ -37,8 +37,8 @@ const T = ({
     context: d,
     defaultValues: h,
     delayError: p,
-    mode: g,
-    progressive: u,
+    mode: u,
+    progressive: g,
     resetOptions: F,
     resolver: N,
     reValidateMode: x,

package/dist/patterns/Form/components/ShortForm.js

@@ -1,5 +1,5 @@
 import { jsx as H, jsxs as I } from "react/jsx-runtime";
-import { a as b } from "../../../index.esm-B6vzbp0e.js";
+import { u as b } from "../../../index.esm-BiUTGNH8.js";
 import { forwardRef as g, useMemo as w } from "react";
 import { form as C } from "../Form.styles.js";
 import { IressHookForm as E } from "../HookForm/HookForm.js";
@@ -16,8 +16,8 @@ const R = ({
   delayError: c,
   heading: o,
   mode: i = "onSubmit",
-  progressive: a,
-  resetOptions: u,
+  progressive: u,
+  resetOptions: a,
   resolver: h,
   reValidateMode: p = "onChange",
   shouldUseNativeValidation: F,
@@ -31,8 +31,8 @@ const R = ({
     defaultValues: f,
     delayError: c,
     mode: i,
-    progressive: a,
-    resetOptions: u,
+    progressive: u,
+    resetOptions: a,
     resolver: h,
     reValidateMode: p,
     shouldFocusError: !r,