@m4l/components 9.4.37-beta-feature-dynamicform-crear-componente.0 → 9.4.37

package/components/DynamicForm/hooks/useDynamicForm/useDynamicForm.js

@@ -1,90 +0,0 @@
-import { useMemo as l } from "react";
-import { resolveInitialValue as S } from "../../helpers/resolveInitialValue/resolveInitialValue.js";
-import "yup";
-import { createFieldValidationSchema as b } from "../../helpers/createFieldValidationSchema/createFieldValidationSchema.js";
-import { evaluateConditionalRule as u } from "../../helpers/evaluateConditionalRule/evaluateConditionalRule.js";
-import "../../helpers/resolveFieldComponent/strategies/registry.js";
-import "@emotion/react/jsx-runtime";
-import "../../../hook-form/RHFTextField/RHFTextField.js";
-import "clsx";
-import "../../../hook-form/RHFSelect/constants.js";
-import "../../../hook-form/RHFSelect/slots/RHFSlots.js";
-import "react-hook-form";
-import "../../../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
-import "zustand";
-import "zustand/shallow";
-import "zustand/middleware";
-import "zustand/middleware/immer";
-import "@m4l/styles";
-import "@mui/material/utils/useId";
-import { useModuleDictionary as N } from "@m4l/core";
-import "../../../Label/slots/LabelSlots.js";
-import "../../../HelperError/HelperError.js";
-import "../../../NumberInput/NumberInput.js";
-import "../../../hook-form/RHFNumberInput/slots/RHFNumberInputSlots.js";
-import "../../../hook-form/RHFCheckbox/RHFCheckbox.js";
-import "../../../hook-form/RHFCheckableList/constants.js";
-import "../../../hook-form/RHFCheckableList/slots/RHFCheckableListSlots.js";
-import "../../slots/DynamicFormSlots.js";
-import "../../../hook-form/RHFDaysOfWeekPicker/RHFDaysOfWeekPicker.js";
-import "../../../hook-form/RHFDateRangePicker/RHFDateRangePicker.js";
-import "../../../extended/mui/Autocomplete/Autocomplete.js";
-import "../../../hook-form/RHFAutocomplete/slots/RHFAutocompleteSlots.js";
-import "../../../hook-form/RHFAutocomplete/constants.js";
-import "../../../extended/mui/Radio/Radio.js";
-import "../../../hook-form/RHFRadioGroup/slots/styled.js";
-import "../../../Icon/constants.js";
-import "../../../Icon/slots/IconSlots.js";
-import "../../../hook-form/RHFRadioGroup/constants.js";
-import { createValidationPartialObject as g, createValidationSchema as w, createValidationFullObject as A } from "../../../hook-form/RHFormProvider/schema.js";
-function lo(h) {
-  const { fields: a, conditionalRules: p } = h, { getLabel: s } = N(), d = l(() => {
-    const r = {};
-    return a.forEach((o) => {
-      o.currentValue?.isVisible !== !1 && (r[o.name] = S(o));
-    }), r;
-  }, [a]), f = l(() => {
-    const r = g({});
-    return a.forEach((o) => {
-      const e = b(o, s);
-      if (!e)
-        return;
-      const V = !o.isConditional && o.currentValue?.isVisible !== !1;
-      if (o.isConditional === !1) {
-        r[o.name] = V ? e : e.optional();
-        return;
-      }
-      const c = (p || []).filter(
-        (t) => t.isActive && t.targetFieldName === o.name
-      ), m = [...new Set(c.map((t) => t.sourceFieldName))];
-      if (m.length === 0) {
-        r[o.name] = e.optional();
-        return;
-      }
-      const y = e.when(
-        m,
-        {
-          /** Returns true when the field is visible (any show rule met or any hide rule not met). */
-          is: (t) => {
-            const F = Array.isArray(t) ? t : [t], n = {};
-            return m.forEach((i, v) => {
-              n[i] = F[v];
-            }), c.some(
-              (i) => i.actionType === "show" && u(i, n[i.sourceFieldName]) || i.actionType === "hide" && !u(i, n[i.sourceFieldName])
-            );
-          },
-          then: (t) => t,
-          otherwise: (t) => t.optional()
-        }
-      );
-      r[o.name] = y;
-    }), w(A(r));
-  }, [a, p, s]);
-  return {
-    initialValues: d,
-    validationSchema: f
-  };
-}
-export {
-  lo as useDynamicForm
-};

package/components/DynamicForm/hooks/useDynamicFormConditionals/useDynamicFormConditionals.d.ts

@@ -1,13 +0,0 @@
-import { DynamicFormApiResponse } from '../../types';
-/**
- * Hook that manages conditional rules for the dynamic form.
- * Must be used inside RHFormProvider context.
- *
- * Responsibilities:
- * - Evaluate conditional rules
- * - Manage field visibility
- */
-export declare function useDynamicFormConditionals(data: DynamicFormApiResponse): {
-    visibleFields: import('../../types').Field[];
-};
-//# sourceMappingURL=useDynamicFormConditionals.d.ts.map

package/components/DynamicForm/hooks/useDynamicFormConditionals/useDynamicFormConditionals.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDynamicFormConditionals.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/hooks/useDynamicFormConditionals/useDynamicFormConditionals.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAsC,MAAM,aAAa,CAAC;AAGzF;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,sBAAsB;;EA8DtE"}

package/components/DynamicForm/hooks/useDynamicFormConditionals/useDynamicFormConditionals.js

@@ -1,25 +0,0 @@
-import { useState as f, useEffect as m, useMemo as u } from "react";
-import { useFormContext as F, useWatch as h } from "react-hook-form";
-import { evaluateConditionalRule as p } from "../../helpers/evaluateConditionalRule/evaluateConditionalRule.js";
-function v(l) {
-  const { fields: s, conditionalRules: o } = l, { control: c } = F(), [n, r] = f(() => {
-    const i = /* @__PURE__ */ new Set();
-    return s.forEach((e) => {
-      !e.isConditional && e.currentValue?.isVisible !== !1 && i.add(e.name);
-    }), i;
-  }), a = h({ control: c });
-  return m(() => {
-    const i = /* @__PURE__ */ new Set();
-    s.forEach((e) => {
-      !e.isConditional && e.currentValue?.isVisible !== !1 && i.add(e.name);
-    }), o.filter((e) => e.isActive).forEach((e) => {
-      const d = a[e.sourceFieldName], t = p(e, d);
-      t && e.actionType === "show" ? i.add(e.targetFieldName) : !t && e.actionType === "show" || t && e.actionType === "hide" || !t && e.actionType === "hide" && i.add(e.targetFieldName);
-    }), r(i);
-  }, [a, o, s]), {
-    visibleFields: u(() => s.filter((i) => n.has(i.name)).sort((i, e) => i.displayOrder - e.displayOrder), [s, n])
-  };
-}
-export {
-  v as useDynamicFormConditionals
-};

package/components/DynamicForm/hooks/useDynamicFormCoupled/index.d.ts

@@ -1,3 +0,0 @@
-export { useDynamicFormCoupled } from './useDynamicFormCoupled';
-export type { UseDynamicFormCoupledProps, UseDynamicFormCoupledReturn } from './types';
-//# sourceMappingURL=index.d.ts.map

package/components/DynamicForm/hooks/useDynamicFormCoupled/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/hooks/useDynamicFormCoupled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC"}

package/components/DynamicForm/hooks/useDynamicFormCoupled/types.d.ts

@@ -1,43 +0,0 @@
-import { ObjectShape } from 'yup/lib/object';
-import { FormStatusLoad, ValidationSchema } from '../../../hook-form/RHFormProvider/types';
-import { DynamicFormApiResponse, DynamicFormValues, DynamicFormPropsCoupled } from '../../types';
-/**
- * Props for useDynamicFormCoupled.
- * Picked from DynamicFormPropsCoupled (fetch/send and initial data); initialData is optional
- * and nullable since the hook can run without pre-loaded data.
- *
- * In coupled mode you can attach external (sibling) fields to the same form:
- * - siblingInitialValues: initial values for those fields
- * - siblingValidationShape: Yup shape (field name -> schema) for those fields
- * They are merged with the dynamic form values/schema so one RHFormProvider drives both.
- */
-export type UseDynamicFormCoupledProps = Pick<DynamicFormPropsCoupled, 'formId' | 'formInstanceId' | 'inputEndpoint' | 'outputEndpoint' | 'formatInputData' | 'formatOutputData' | 'onSubmit'> & {
-    /** Pre-loaded form data; when provided, fetch can be skipped or used as fallback. */
-    initialData?: DynamicFormApiResponse | null;
-    /** Initial values for external fields (merged with dynamic form values). Coupled only. */
-    siblingInitialValues?: Record<string, unknown>;
-    /** Validation shape for external fields (field name -> Yup schema). Merged with dynamic form schema. Coupled only. */
-    siblingValidationShape?: ObjectShape;
-};
-/**
- * Return type of useDynamicFormCoupled.
- * Combines data/send logic (useDynamicFormData) with schema/values (useDynamicForm)
- * for use when DynamicForm runs in coupled mode (inside an existing RHFormProvider).
- */
-export interface UseDynamicFormCoupledReturn {
-    /** Raw form data from fetch or initialData (null until loaded). */
-    formData: DynamicFormApiResponse | null;
-    /** Form data to use for rendering: formData ?? initialData. */
-    formDataToUse: DynamicFormApiResponse | null;
-    /** Load state for coupled UI (skeleton when not 'ready'). */
-    statusLoad: FormStatusLoad;
-    /** Submit handler (sends to outputEndpoint or calls onSubmit). */
-    handleSubmit: (data: Record<string, unknown>) => Promise<void>;
-    /** Initial values for RHFormProvider (from formDataToUse). */
-    initialValues: DynamicFormValues;
-    /** Validation schema for RHFormProvider (from formDataToUse). */
-    validationSchema: ValidationSchema<DynamicFormValues>;
-    /** True while a request is in progress. */
-    isLoading: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/components/DynamicForm/hooks/useDynamicFormCoupled/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/hooks/useDynamicFormCoupled/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAEhF;;;;;;;;;GASG;AACH,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,uBAAuB,EACrB,QAAQ,GACR,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,UAAU,CACb,GAAG;IACF,qFAAqF;IACrF,WAAW,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC5C,0FAA0F;IAC1F,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,sHAAsH;IACtH,sBAAsB,CAAC,EAAE,WAAW,CAAC;CACtC,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC1C,mEAAmE;IACnE,QAAQ,EAAE,sBAAsB,GAAG,IAAI,CAAC;IACxC,+DAA+D;IAC/D,aAAa,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC7C,6DAA6D;IAC7D,UAAU,EAAE,cAAc,CAAC;IAC3B,kEAAkE;IAClE,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,8DAA8D;IAC9D,aAAa,EAAE,iBAAiB,CAAC;IACjC,iEAAiE;IACjE,gBAAgB,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACtD,2CAA2C;IAC3C,SAAS,EAAE,OAAO,CAAC;CACpB"}

package/components/DynamicForm/hooks/useDynamicFormCoupled/useDynamicFormCoupled.d.ts

@@ -1,54 +0,0 @@
-import { UseDynamicFormCoupledProps, UseDynamicFormCoupledReturn } from './types';
-/**
- * Hook that combines useDynamicFormData and useDynamicForm for coupled mode.
- *
- * In coupled mode the form is rendered inside an existing RHFormProvider (at the
- * consumer site). This hook:
- * 1. Fetches/sends form data (same as useDynamicFormData: formId, formInstanceId,
- *    inputEndpoint, outputEndpoint, initialData, formatInputData, formatOutputData, onSubmit).
- * 2. Derives initialValues and validationSchema from the form data (same as useDynamicForm).
- *
- * Fields with endpoint/params (RHFSelect, RHFCheckableList with empty options) have their
- * options fetched inside DynamicFormContent via useFieldsWithFetchedOptions; no extra
- * setup is needed when using this hook in coupled mode.
- *
- * The consumer uses the returned values to:
- * - Pass formDataToUse, initialValues, validationSchema, statusLoad to DynamicForm (coupled=true)
- *   or to their own RHFormProvider + DynamicFormContent.
- * - Use statusLoad for loading UI (e.g. show skeleton when statusLoad !== 'ready').
- * - Use handleSubmit when the parent form or flow triggers submit.
- * @example
- * ```tsx
- * const {
- *   formDataToUse,
- *   initialValues,
- *   validationSchema,
- *   statusLoad,
- *   handleSubmit,
- * } = useDynamicFormCoupled({
- *   formId,
- *   formInstanceId,
- *   inputEndpoint,
- *   outputEndpoint,
- *   initialData,
- *   formatInputData,
- *   formatOutputData,
- *   onSubmit,
- * });
- *
- * if (statusLoad !== 'ready' || !formDataToUse) return <Skeleton />;
- *
- * return (
- *   <RHFormProvider
- *     values={initialValues}
- *     validationSchema={validationSchema}
- *     onSubmit={handleSubmit}
- *     statusLoad={statusLoad}
- *   >
- *     <DynamicForm coupled initialData={formDataToUse} coupledStatusLoad={statusLoad} />
- *   </RHFormProvider>
- * );
- * ```
- */
-export declare function useDynamicFormCoupled(props: UseDynamicFormCoupledProps): UseDynamicFormCoupledReturn;
-//# sourceMappingURL=useDynamicFormCoupled.d.ts.map

package/components/DynamicForm/hooks/useDynamicFormCoupled/useDynamicFormCoupled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDynamicFormCoupled.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/hooks/useDynamicFormCoupled/useDynamicFormCoupled.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAEvF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,0BAA0B,GAChC,2BAA2B,CAgE7B"}

package/components/DynamicForm/hooks/useDynamicFormCoupled/useDynamicFormCoupled.js

@@ -1,53 +0,0 @@
-import { useMemo as s } from "react";
-import * as V from "yup";
-import { EMPTY_DATA as F } from "../../constants.js";
-import { useDynamicFormData as j } from "../useDynamicFormData/useDynamicFormData.js";
-import { useDynamicForm as E } from "../useDynamicForm/useDynamicForm.js";
-function M(r) {
-  const {
-    formId: u,
-    formInstanceId: c,
-    inputEndpoint: l,
-    outputEndpoint: d,
-    formatInputData: p,
-    formatOutputData: f,
-    onSubmit: b,
-    initialData: i,
-    siblingInitialValues: t,
-    siblingValidationShape: a
-  } = r, {
-    formData: n,
-    statusLoad: h,
-    handleSubmit: D,
-    isLoading: S
-  } = j({
-    formId: u,
-    formInstanceId: c,
-    inputEndpoint: l,
-    outputEndpoint: d,
-    initialData: i,
-    formatInputData: p,
-    formatOutputData: f,
-    onSubmit: b
-  }), m = s(
-    () => n ?? i ?? null,
-    [n, i]
-  ), { initialValues: o, validationSchema: e } = E(m ?? F), y = s(() => !t || Object.keys(t).length === 0 ? o : { ...o, ...t }, [o, t]), g = s(() => {
-    if (!a || Object.keys(a).length === 0)
-      return e;
-    const I = { ...e.fields ?? {}, ...a };
-    return V.object().shape(I);
-  }, [e, a]);
-  return {
-    formData: n,
-    formDataToUse: m,
-    statusLoad: h,
-    handleSubmit: D,
-    initialValues: y,
-    validationSchema: g,
-    isLoading: S
-  };
-}
-export {
-  M as useDynamicFormCoupled
-};

package/components/DynamicForm/hooks/useDynamicFormData/types.d.ts

@@ -1,20 +0,0 @@
-import { FormStatusLoad } from '../../../hook-form/RHFormProvider/types';
-import { DynamicFormApiResponse } from '../../types';
-export interface UseDynamicFormDataProps {
-    formId?: number;
-    formInstanceId?: number;
-    inputEndpoint?: string;
-    outputEndpoint?: string;
-    formatInputData?: (data: Record<string, unknown>) => Record<string, unknown>;
-    formatOutputData?: (data: Record<string, unknown>) => Record<string, unknown>;
-    onSubmit?: (data: Record<string, unknown>) => void | Promise<void>;
-    initialData?: DynamicFormApiResponse | null;
-}
-export type DynamicFormDataStatusLoad = 'initial' | 'ready' | 'error';
-export interface UseDynamicFormDataReturn {
-    formData: DynamicFormApiResponse | null;
-    statusLoad: FormStatusLoad;
-    handleSubmit: (data: Record<string, unknown>) => Promise<void>;
-    isLoading: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/components/DynamicForm/hooks/useDynamicFormData/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/hooks/useDynamicFormData/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7E,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;CAC7C;AAED,MAAM,MAAM,yBAAyB,GACjC,SAAS,GACT,OAAO,GACP,OAAO,CAAC;AAEZ,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,sBAAsB,GAAG,IAAI,CAAC;IACxC,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,SAAS,EAAE,OAAO,CAAC;CACpB"}

package/components/DynamicForm/hooks/useDynamicFormData/useDynamicFormData.d.ts

@@ -1,14 +0,0 @@
-import { UseDynamicFormDataProps, UseDynamicFormDataReturn } from './types';
-/**
- * Hook that manages fetching and submitting dynamic form data.
- *
- * Responsibilities:
- * - Fetch data from inputEndpoint via networkOperation
- * - Apply formatInputData when provided
- * - Manage loading state
- * - Send data to outputEndpoint on submit
- * - Apply formatOutputData before sending
- * - Serialize objects/arrays to JSON only in the payload sent to the backend (standard behavior)
- */
-export declare function useDynamicFormData(props: UseDynamicFormDataProps): UseDynamicFormDataReturn;
-//# sourceMappingURL=useDynamicFormData.d.ts.map

package/components/DynamicForm/hooks/useDynamicFormData/useDynamicFormData.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDynamicFormData.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/hooks/useDynamicFormData/useDynamicFormData.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAE5E;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,wBAAwB,CA2J1B"}

package/components/DynamicForm/hooks/useDynamicFormData/useDynamicFormData.js

@@ -1,74 +0,0 @@
-import { useState as S, useRef as _, useEffect as D } from "react";
-import { useNetwork as g } from "@m4l/core";
-import { stringifyJsonFieldsForSubmit as h } from "../../helpers/stringifyJsonFieldsForSubmit/stringifyJsonFieldsForSubmit.js";
-function L(v) {
-  const {
-    formId: C,
-    formInstanceId: o,
-    inputEndpoint: a,
-    outputEndpoint: m,
-    formatInputData: c,
-    formatOutputData: w,
-    onSubmit: f,
-    initialData: s
-  } = v, { networkOperation: p } = g(), [b, y] = S(s || null), [n, u] = S(
-    a ? "edit" : s ? "ready" : "new"
-  ), [T, e] = S(!1), i = _(null);
-  return D(() => {
-    let r = !0;
-    if (n === "edit" && a) {
-      i.current && i.current.abort(), i.current = new AbortController(), e(!0);
-      const t = {};
-      o !== void 0 && (t.form_instance_id = o), p({
-        method: "GET",
-        endPoint: a,
-        parms: t,
-        timeout: 6e4,
-        isRemote: !0,
-        responseToCamelCase: !0,
-        signal: i.current.signal
-      }).then((l) => {
-        if (!r)
-          return;
-        let d = l;
-        c && (d = c(d)), y(d), u("reload_values_provider"), e(!1);
-      }).catch(() => {
-        r && (u("error"), e(!1));
-      });
-    } else n === "reload_values_provider" ? (u("ready"), e(!1)) : (n === "new" || n === "ready" && b) && e(!1);
-    return () => {
-      r = !1, i.current && i.current.abort();
-    };
-  }, [n, a, C, o, c, p, b]), D(() => {
-    a || (s ? (y(s), u("ready")) : (y(null), u("new")));
-  }, [s, a]), {
-    formData: b,
-    statusLoad: n,
-    handleSubmit: async (r) => {
-      if (!m) {
-        f && await f(h(r));
-        return;
-      }
-      e(!0);
-      try {
-        let t = r;
-        w && (t = w(r)), t = h(t, !0);
-        let l = m;
-        o !== void 0 && (l = `${m}/${o}`), await p({
-          method: o !== void 0 ? "PUT" : "POST",
-          endPoint: l,
-          data: t,
-          timeout: 6e4,
-          isRemote: !0,
-          bodyToSnakeCase: !0
-        }), f && await f(t);
-      } finally {
-        e(!1);
-      }
-    },
-    isLoading: T
-  };
-}
-export {
-  L as useDynamicFormData
-};

package/components/DynamicForm/hooks/useFieldsWithFetchedOptions/index.d.ts

@@ -1,3 +0,0 @@
-export { useFieldsWithFetchedOptions } from './useFieldsWithFetchedOptions';
-export type { UseFieldsWithFetchedOptionsProps, UseFieldsWithFetchedOptionsReturn } from './types';
-//# sourceMappingURL=index.d.ts.map

package/components/DynamicForm/hooks/useFieldsWithFetchedOptions/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/hooks/useFieldsWithFetchedOptions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,gCAAgC,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC"}

package/components/DynamicForm/hooks/useFieldsWithFetchedOptions/normalizeOptionsResponse.d.ts

@@ -1,7 +0,0 @@
-import { FieldOption } from '../../types';
-/**
- * Normalizes API response to FieldOption[].
- * Supports array or { data: array } and snake_case or camelCase keys.
- */
-export declare function normalizeOptionsResponse(response: unknown): FieldOption[];
-//# sourceMappingURL=normalizeOptionsResponse.d.ts.map

package/components/DynamicForm/hooks/useFieldsWithFetchedOptions/normalizeOptionsResponse.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"normalizeOptionsResponse.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/hooks/useFieldsWithFetchedOptions/normalizeOptionsResponse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAe1C;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,OAAO,GAAG,WAAW,EAAE,CAgBzE"}

package/components/DynamicForm/hooks/useFieldsWithFetchedOptions/normalizeOptionsResponse.js

@@ -1,20 +0,0 @@
-function l(r) {
-  let d = [];
-  if (Array.isArray(r))
-    d = r;
-  else if (r && typeof r == "object" && "data" in r) {
-    const a = r.data;
-    d = Array.isArray(a) ? a : [];
-  }
-  return d.map((a, i) => ({
-    id: a.id ?? i,
-    name: a.name ?? a.value ?? null,
-    value: String(a.value ?? a.id ?? ""),
-    isDefault: a.isDefault ?? a.is_default ?? !1,
-    displayOrder: a.displayOrder ?? a.display_order ?? i,
-    nameDictionaryId: a.nameDictionaryId ?? a.name_dictionary_id ?? 0
-  }));
-}
-export {
-  l as normalizeOptionsResponse
-};

package/components/DynamicForm/hooks/useFieldsWithFetchedOptions/types.d.ts

@@ -1,12 +0,0 @@
-import { Field } from '../../types';
-export interface UseFieldsWithFetchedOptionsProps {
-    /** Visible fields from useDynamicFormConditionals. */
-    fields: Field[];
-}
-export interface UseFieldsWithFetchedOptionsReturn {
-    /** Same fields with options populated from endpoint when applicable. */
-    fields: Field[];
-    /** True while any field options are being fetched. */
-    isLoadingOptions: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/components/DynamicForm/hooks/useFieldsWithFetchedOptions/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/hooks/useFieldsWithFetchedOptions/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,WAAW,gCAAgC;IAC/C,sDAAsD;IACtD,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED,MAAM,WAAW,iCAAiC;IAChD,wEAAwE;IACxE,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,sDAAsD;IACtD,gBAAgB,EAAE,OAAO,CAAC;CAC3B"}

package/components/DynamicForm/hooks/useFieldsWithFetchedOptions/useFieldsWithFetchedOptions.d.ts

@@ -1,7 +0,0 @@
-import { UseFieldsWithFetchedOptionsProps, UseFieldsWithFetchedOptionsReturn } from './types';
-/**
- * Fetches options from fieldType.endpoint when options are empty.
- * Returns fields with options populated from the network when applicable.
- */
-export declare function useFieldsWithFetchedOptions(props: UseFieldsWithFetchedOptionsProps): UseFieldsWithFetchedOptionsReturn;
-//# sourceMappingURL=useFieldsWithFetchedOptions.d.ts.map

package/components/DynamicForm/hooks/useFieldsWithFetchedOptions/useFieldsWithFetchedOptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFieldsWithFetchedOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/hooks/useFieldsWithFetchedOptions/useFieldsWithFetchedOptions.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gCAAgC,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAmBnG;;;GAGG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,GACtC,iCAAiC,CA2EnC"}

package/components/DynamicForm/hooks/useFieldsWithFetchedOptions/useFieldsWithFetchedOptions.js

@@ -1,56 +0,0 @@
-import { useState as h, useRef as f, useEffect as m } from "react";
-import { useNetwork as S } from "@m4l/core";
-import { normalizeOptionsResponse as T } from "./normalizeOptionsResponse.js";
-const w = /* @__PURE__ */ new Set(["RHFSelect", "RHFCheckableList", "RHFRadioGroup"]);
-function E(i) {
-  const { fieldType: n, options: s } = i;
-  return !w.has(n.rhfComponent) || !n.endpoint ? !1 : !s?.length;
-}
-function k(i) {
-  const { fields: n } = i, { networkOperation: s } = S(), [O, c] = h({}), [g, p] = h(0), a = f(/* @__PURE__ */ new Map()), d = f(/* @__PURE__ */ new Set()), u = n.map((t) => t.id).join(",");
-  return m(() => {
-    const t = n.filter(
-      (e) => E(e) && !d.current.has(e.id)
-    );
-    if (t.length === 0)
-      return;
-    t.forEach((e) => d.current.add(e.id)), p((e) => e + t.length), t.forEach((e) => {
-      const l = new AbortController();
-      a.current.set(e.id, l);
-      const F = { ...e.fieldType.params ?? {} };
-      s({
-        method: "GET",
-        endPoint: e.fieldType.endpoint,
-        parms: F,
-        timeout: 3e4,
-        isRemote: !0,
-        responseToCamelCase: !0,
-        signal: l.signal
-      }).then((r) => {
-        const C = T(r);
-        c((R) => ({ ...R, [e.id]: C }));
-      }).catch(() => {
-        c((r) => ({ ...r, [e.id]: [] }));
-      }).finally(() => {
-        p((r) => Math.max(0, r - 1)), a.current.delete(e.id);
-      });
-    });
-    const o = a.current;
-    return () => {
-      t.forEach((e) => {
-        o.get(e.id)?.abort(), o.delete(e.id);
-      });
-    };
-  }, [u, n, s]), m(() => {
-    d.current.clear(), c({});
-  }, [u]), {
-    fields: n.map((t) => {
-      const o = O[t.id];
-      return o === void 0 ? t : { ...t, options: o };
-    }),
-    isLoadingOptions: g > 0
-  };
-}
-export {
-  k as useFieldsWithFetchedOptions
-};

package/components/DynamicForm/index.d.ts

@@ -1,7 +0,0 @@
-export { DynamicForm } from './DynamicForm';
-export { useDynamicForm } from './hooks/useDynamicForm/useDynamicForm';
-export { useDynamicFormData } from './hooks/useDynamicFormData/useDynamicFormData';
-export { useDynamicFormCoupled } from './hooks/useDynamicFormCoupled';
-export { EMPTY_DATA } from './constants';
-export type { DynamicFormProps, DynamicFormRef, DynamicFormApiResponse, DynamicFormFieldsValue } from './types';
-//# sourceMappingURL=index.d.ts.map

package/components/DynamicForm/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC"}

package/components/DynamicForm/slots/DynamicFormEnum.d.ts

@@ -1,13 +0,0 @@
-/**
- * Enum that defines all available slots for the DynamicForm component.
- */
-export declare enum DynamicFormSlots {
-    contentRoot = "contentRoot",
-    formProvider = "formProvider",
-    fieldWrapper = "fieldWrapper",
-    label = "label",
-    helperText = "helperText",
-    sectionDivider = "sectionDivider",
-    checkableListWrapper = "checkableListWrapper"
-}
-//# sourceMappingURL=DynamicFormEnum.d.ts.map

package/components/DynamicForm/slots/DynamicFormEnum.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DynamicFormEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicForm/slots/DynamicFormEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,YAAY,iBAAiB;IAC7B,KAAK,UAAU;IACf,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,oBAAoB,yBAAyB;CAC9C"}

package/components/DynamicForm/slots/DynamicFormEnum.js

@@ -1,4 +0,0 @@
-var r = /* @__PURE__ */ ((e) => (e.contentRoot = "contentRoot", e.formProvider = "formProvider", e.fieldWrapper = "fieldWrapper", e.label = "label", e.helperText = "helperText", e.sectionDivider = "sectionDivider", e.checkableListWrapper = "checkableListWrapper", e))(r || {});
-export {
-  r as DynamicFormSlots
-};

package/components/DynamicForm/slots/DynamicFormSlots.d.ts

@@ -1,11 +0,0 @@
-import { RHFormValues, RHFormProviderRef, RHFormProviderProps } from '../../hook-form/RHFormProvider/types';
-import { RefAttributes, ReactElement } from 'react';
-export declare const DynamicFormFormProviderStyledBase: import('@emotion/styled').StyledComponent<Pick<RHFormProviderProps<RHFormValues> & RefAttributes<RHFormProviderRef<RHFormValues>>, keyof RHFormProviderProps<RHFormValues> | keyof RefAttributes<RHFormProviderRef<RHFormValues>>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
-export declare const DynamicFormFormProviderStyled: <T extends RHFormValues>(props: RHFormProviderProps<T> & RefAttributes<RHFormProviderRef<T>>) => ReactElement;
-export declare const DynamicFormContentRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const DynamicFormFieldWrapperStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>>, "title" | "content" | "translate" | "className" | "style" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
-export declare const DynamicFormLabelStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const DynamicFormHelperTextStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const DynamicFormSectionDividerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const DynamicFormCheckableListWrapperStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-//# sourceMappingURL=DynamicFormSlots.d.ts.map

package/components/DynamicForm/slots/DynamicFormSlots.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DynamicFormSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicForm/slots/DynamicFormSlots.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC5G,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEpD,eAAO,MAAM,iCAAiC,mVAGb,CAAC;AAGlC,eAAO,MAAM,6BAA6B,EAAmD,CAC3F,CAAC,SAAS,YAAY,EAEtB,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAChE,YAAY,CAAC;AAElB,eAAO,MAAM,4BAA4B,2WAGT,CAAC;AAEjC,eAAO,MAAM,6BAA6B,02KAGT,CAAC;AAElC,eAAO,MAAM,sBAAsB,2WAGT,CAAC;AAE3B,eAAO,MAAM,2BAA2B,2WAGT,CAAC;AAEhC,eAAO,MAAM,+BAA+B,2WAGT,CAAC;AAEpC,eAAO,MAAM,qCAAqC,2WAGT,CAAC"}