@m4l/components 9.63.0 → 9.64.0

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

@@ -1,74 +1,76 @@
-import { useState as h, useRef as E, useEffect as I } from "react";
-import { useNetwork as L } from "@m4l/core";
-import { stringifyJsonFieldsForSubmit as D } from "../../helpers/stringifyJsonFieldsForSubmit/stringifyJsonFieldsForSubmit.js";
-import { getFieldTypeApiKey as O } from "../../helpers/getFieldTypeApiKey/getFieldTypeApiKey.js";
-function $(S, c) {
-  return S === "value_jsonb" ? c : D({ value: c }, ["value"]).value;
+import { useState as T, useRef as $, useEffect as k } from "react";
+import { useNetwork as z } from "@m4l/core";
+import { stringifyJsonFieldsForSubmit as h } from "../../helpers/stringifyJsonFieldsForSubmit/stringifyJsonFieldsForSubmit.js";
+import { getFieldTypeApiKey as A } from "../../helpers/getFieldTypeApiKey/getFieldTypeApiKey.js";
+import { filterUnknownFieldsFromSubmit as R } from "../../helpers/filterUnknownFieldsFromSubmit/filterUnknownFieldsFromSubmit.js";
+import { normalizeDynamicFormFields as j } from "../../helpers/resolveFormSections/resolveFormSections.js";
+function K(v, b) {
+  return v === "value_jsonb" ? b : h({ value: b }, ["value"]).value;
 }
-function N(S) {
+function H(v) {
   const {
-    formId: c,
-    formInstanceId: r,
-    inputEndpoint: a,
-    outputEndpoint: v,
-    submitMode: _ = "form",
-    formatInputData: w,
+    formId: b,
+    formInstanceId: t,
+    inputEndpoint: i,
+    outputEndpoint: w,
+    submitMode: E = "form",
+    formatInputData: F,
     formatOutputData: P,
-    onSubmit: p,
-    initialData: u
-  } = S, { networkOperation: b } = L(), [l, T] = h(u || null), [i, d] = h(
-    a ? "edit" : u ? "ready" : "new"
-  ), [k, o] = h(!1), s = E(null);
-  return I(() => {
-    let n = !0;
-    if (i === "edit" && a) {
-      s.current && s.current.abort(), s.current = new AbortController(), o(!0);
-      const f = {};
-      r !== void 0 && (f.form_instance_id = r), b({
+    onSubmit: y,
+    initialData: l
+  } = v, { networkOperation: S } = z(), [d, D] = T(l || null), [a, m] = T(
+    i ? "edit" : l ? "ready" : "new"
+  ), [L, o] = T(!1), n = $(null);
+  return k(() => {
+    let f = !0;
+    if (a === "edit" && i) {
+      n.current && n.current.abort(), n.current = new AbortController(), o(!0);
+      const s = {};
+      t !== void 0 && (s.form_instance_id = t), S({
         method: "GET",
-        endPoint: a,
-        parms: f,
+        endPoint: i,
+        parms: s,
         timeout: 6e4,
         isRemote: !0,
         responseToCamelCase: !0,
-        signal: s.current.signal
-      }).then((y) => {
-        if (!n)
+        signal: n.current.signal
+      }).then((c) => {
+        if (!f)
           return;
-        let e = y;
-        w && (e = w(e)), T(e), d("reload_values_provider"), o(!1);
+        let u = c;
+        F && (u = F(u)), D(u), m("reload_values_provider"), o(!1);
       }).catch(() => {
-        n && (d("error"), o(!1));
+        f && (m("error"), o(!1));
       });
-    } else i === "reload_values_provider" ? (d("ready"), o(!1)) : (i === "new" || i === "ready" && l) && o(!1);
+    } else a === "reload_values_provider" ? (m("ready"), o(!1)) : (a === "new" || a === "ready" && d) && o(!1);
     return () => {
-      n = !1, s.current && s.current.abort();
+      f = !1, n.current && n.current.abort();
     };
-  }, [i, a, c, r, w, b, l]), I(() => {
-    a || (u ? (T(u), d("ready")) : (T(null), d("new")));
-  }, [u, a]), {
-    formData: l,
-    statusLoad: i,
-    handleSubmit: async (n) => {
-      const f = r ?? l?.instance?.id, y = _ === "perField" && f !== void 0;
-      if (!v && !y) {
-        p && await p(D(n, !0));
+  }, [a, i, b, t, F, S, d]), k(() => {
+    i || (l ? (D(l), m("ready")) : (D(null), m("new")));
+  }, [l, i]), {
+    formData: d,
+    statusLoad: a,
+    handleSubmit: async (f) => {
+      const s = j(d?.fields).fields, c = R(f, s), u = t ?? d?.instance?.id, C = E === "perField" && u !== void 0;
+      if (!w && !C) {
+        y && await y(h(c, !0));
         return;
       }
       o(!0);
       try {
-        let e = n;
-        if (P && (e = P(n)), y) {
-          const m = new Map(
-            (l?.fields ?? []).map((t) => [t.name, t])
+        let r = c;
+        if (P && (r = P(c)), r = R(r, s), C) {
+          const p = new Map(
+            s.map((e) => [e.name, e])
           );
           await Promise.all(
-            Object.entries(e).filter(([t]) => m.has(t)).map(([t, C]) => {
-              const F = m.get(t), g = O(F), R = $(g, C);
-              return b({
+            Object.entries(r).filter(([e]) => p.has(e)).map(([e, g]) => {
+              const I = p.get(e), _ = A(I), O = K(_, g);
+              return S({
                 method: "PATCH",
-                endPoint: `forms/instances/${f}/fields/${F.id}/values`,
-                data: { [g]: R },
+                endPoint: `forms/instances/${u}/fields/${I.id}/values`,
+                data: { [_]: O },
                 timeout: 6e4,
                 isRemote: !0,
                 bodyToSnakeCase: !0
@@ -76,25 +78,25 @@ function N(S) {
             })
           );
         } else {
-          const m = D(e, !0);
-          let t = v;
-          r !== void 0 && (t = `${v}/${r}`), await b({
-            method: r !== void 0 ? "PUT" : "POST",
-            endPoint: t,
-            data: m,
+          const p = h(r, !0);
+          let e = w;
+          t !== void 0 && (e = `${w}/${t}`), await S({
+            method: t !== void 0 ? "PUT" : "POST",
+            endPoint: e,
+            data: p,
             timeout: 6e4,
             isRemote: !0,
             bodyToSnakeCase: !0
-          }), e = m;
+          }), r = p;
         }
-        p && await p(e);
+        y && await y(r);
       } finally {
         o(!1);
       }
     },
-    isLoading: k
+    isLoading: L
   };
 }
 export {
-  N as useDynamicFormData
+  H as useDynamicFormData
 };

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

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

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

@@ -1,11 +1,11 @@
 import { useState as S, useRef as b, useMemo as C, useEffect as O } from "react";
-import { useNetwork as I } from "@m4l/core";
-import { normalizeOptionsResponse as M } from "./normalizeOptionsResponse.js";
-import { isSupportedDynamicFormField as g } from "../../helpers/fieldContractAllowlist/fieldContractAllowlist.js";
-import { isRecord as h } from "../../helpers/isRecord/isRecord.js";
+import { useNetwork as M } from "@m4l/core";
+import { normalizeOptionsResponse as P } from "./normalizeOptionsResponse.js";
+import { isSupportedDynamicFormField as y } from "../../helpers/fieldContractAllowlist/fieldContractAllowlist.js";
+import { isRecord as R } from "../../helpers/isRecord/isRecord.js";
 import { isMultipleOptionField as j } from "../../helpers/optionFieldValueContract/isMultipleOptionField.js";
 import { normalizeEndpointParams as H } from "../../helpers/normalizeEndpointParams/normalizeEndpointParams.js";
-const w = /* @__PURE__ */ new Set([
+const E = /* @__PURE__ */ new Set([
   "RHFSelect",
   "RHFCheckableList",
   "RHFAutocomplete",
@@ -14,72 +14,65 @@ const w = /* @__PURE__ */ new Set([
 ]);
 function N(t) {
   const { fieldType: e, options: a, endpoint: c } = t;
-  return !e?.componentId || !w.has(e.componentId) || !c ? !1 : !Array.isArray(a) || a.length === 0;
+  return !e?.componentId || !E.has(e.componentId) || !c ? !1 : !Array.isArray(a) || a.length === 0;
 }
 function v(t) {
   const { fieldType: e } = t;
-  return e?.componentId ? w.has(e.componentId) : !1;
+  return e?.componentId ? E.has(e.componentId) : !1;
 }
 function k(t) {
-  return g(t) ? N(t) : !1;
+  return y(t) ? N(t) : !1;
 }
-function F(t) {
-  return Array.isArray(t) ? `[${t.map((e) => F(e)).join(",")}]` : typeof t == "object" && t !== null ? `{${Object.keys(t).sort().map((e) => `${JSON.stringify(e)}:${F(t[e])}`).join(",")}}` : JSON.stringify(t);
+function g(t) {
+  return Array.isArray(t) ? `[${t.map((e) => g(e)).join(",")}]` : typeof t == "object" && t !== null ? `{${Object.keys(t).sort().map((e) => `${JSON.stringify(e)}:${g(t[e])}`).join(",")}}` : JSON.stringify(t);
 }
-function T(t, e) {
-  return j(t.fieldType) || !h(e) ? [] : [e];
+function V(t, e) {
+  return j(t.fieldType) || !R(e) ? [] : [e];
 }
-function R(t) {
-  return Array.isArray(t) ? t.filter(h) : [];
+function F(t) {
+  return Array.isArray(t) ? t.filter(R) : [];
 }
 function B(t) {
   if (Array.isArray(t.currentValue))
-    return R(t.currentValue);
-  const e = T(
+    return F(t.currentValue);
+  const e = V(
     t,
     t.currentValue
   );
-  return e.length > 0 ? e : Array.isArray(t.defaultValue) ? R(t.defaultValue) : T(t, t.defaultValue);
+  return e.length > 0 ? e : Array.isArray(t.defaultValue) ? F(t.defaultValue) : V(t, t.defaultValue);
 }
-function q(t) {
+function I(t) {
   if (t.isVisible === !1)
     return !1;
   const { currentValue: e } = t;
   return e == null ? !1 : !Array.isArray(e) || e.length > 0;
 }
 function $(t) {
-  return q(t) ? Array.isArray(t.currentValue) ? R(t.currentValue) : h(t.currentValue) ? [t.currentValue] : [] : [];
+  return I(t) ? Array.isArray(t.currentValue) ? F(t.currentValue) : R(t.currentValue) ? [t.currentValue] : [] : [];
 }
 function x(t) {
-  const e = h(t.fieldType.componentProps) ? t.fieldType.componentProps : {};
   return {
     ...t,
-    fieldType: {
-      ...t.fieldType,
-      componentProps: {
-        ...e,
-        readOnly: !0
-      }
-    }
+    readOnly: !0
   };
 }
-function V(t) {
-  if (!v(t) || !q(t) || !g(t))
+function w(t) {
+  if (!v(t) || !I(t) || !y(t))
     return t;
   const e = $(t), a = e.length > 0 ? {
     ...t,
     options: e
   } : t;
-  return g(a) ? x(a) : t;
+  return y(a) ? x(a) : t;
 }
-function P(t) {
+function q(t) {
   if (!k(t) || !t.endpoint)
     return;
   const e = H(t.endpointParams ?? {});
   return {
     endpoint: t.endpoint,
     field: t,
-    key: F({
+    key: g({
       componentId: t.fieldType.componentId,
       endPoint: t.endpoint,
       fieldId: t.id,
@@ -89,8 +82,8 @@ function P(t) {
   };
 }
 function Q(t) {
-  const { fields: e } = t, { networkOperation: a } = I(), [c, y] = S({}), [E, A] = S(0), p = b(/* @__PURE__ */ new Map()), l = b(/* @__PURE__ */ new Set()), f = C(() => e.flatMap((r) => {
-    const n = P(r);
+  const { fields: e } = t, { networkOperation: a } = M(), [c, m] = S({}), [T, A] = S(0), p = b(/* @__PURE__ */ new Map()), l = b(/* @__PURE__ */ new Set()), f = C(() => e.flatMap((r) => {
+    const n = q(r);
     return n ? [n] : [];
   }), [e]);
   return O(() => {
@@ -101,7 +94,7 @@ function Q(t) {
       [...l.current].filter((n) => r.has(n))
     ), p.current.forEach((n, o) => {
       r.has(o) || (n.abort(), p.current.delete(o));
-    }), y((n) => {
+    }), m((n) => {
       let o = !1;
       const u = {};
       for (const [s, i] of Object.entries(n))
@@ -130,30 +123,30 @@ function Q(t) {
       }).then((i) => {
         if (s.signal.aborted)
           return;
-        const m = M(i);
-        y((d) => ({ ...d, [o]: m }));
+        const d = P(i);
+        m((h) => ({ ...h, [o]: d }));
       }).catch(() => {
-        s.signal.aborted || y((i) => ({ ...i, [o]: [] }));
+        s.signal.aborted || m((i) => ({ ...i, [o]: [] }));
       }).finally(() => {
         A((i) => Math.max(0, i - 1)), p.current.delete(o);
       });
     }));
   }, [f, a]), {
     fields: C(() => e.map((r) => {
-      const n = P(r);
+      const n = q(r);
       if (!n)
-        return Array.isArray(r.options) && r.options.length > 0 ? r : V(r);
+        return Array.isArray(r.options) && r.options.length > 0 ? r : w(r);
       const o = B(r), u = Object.prototype.hasOwnProperty.call(
         c,
         n.key
-      ), s = c[n.key] ?? [], i = u && s.length > 0, m = i ? s : o, d = {
+      ), s = c[n.key] ?? [], i = u && s.length > 0, d = i ? s : o, h = {
         ...r,
-        options: m.length > 0 ? m : o,
+        options: d.length > 0 ? d : o,
         endpoint: void 0
       };
-      return i ? d : V(d);
+      return i ? h : w(h);
     }), [c, e]),
-    isLoadingOptions: E > 0
+    isLoadingOptions: T > 0
   };
 }
 export {

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

@@ -8,6 +8,8 @@ export declare enum DynamicFormSlots {
     formTitle = "formTitle",
     formDescription = "formDescription",
     fieldsFlow = "fieldsFlow",
+    sectionsGrid = "sectionsGrid",
+    ungroupedCard = "ungroupedCard",
     fieldWrapper = "fieldWrapper",
     submitFeedback = "submitFeedback",
     actionsRow = "actionsRow",

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

@@ -1 +1 @@
-{"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,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,cAAc,mBAAmB;IACjC,UAAU,eAAe;IACzB,KAAK,UAAU;IACf,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,oBAAoB,yBAAyB;IAC7C,mBAAmB,wBAAwB;CAC5C"}
+{"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,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,cAAc,mBAAmB;IACjC,UAAU,eAAe;IACzB,KAAK,UAAU;IACf,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,oBAAoB,yBAAyB;IAC7C,mBAAmB,wBAAwB;CAC5C"}

package/components/DynamicForm/slots/DynamicFormEnum.js

@@ -1,4 +1,4 @@
-var r = /* @__PURE__ */ ((e) => (e.contentRoot = "contentRoot", e.formProvider = "formProvider", e.formHeader = "formHeader", e.formTitle = "formTitle", e.formDescription = "formDescription", e.fieldsFlow = "fieldsFlow", e.fieldWrapper = "fieldWrapper", e.submitFeedback = "submitFeedback", e.actionsRow = "actionsRow", e.label = "label", e.helperText = "helperText", e.sectionDivider = "sectionDivider", e.checkableListWrapper = "checkableListWrapper", e.fallbackEndIconChip = "fallbackEndIconChip", e))(r || {});
+var r = /* @__PURE__ */ ((e) => (e.contentRoot = "contentRoot", e.formProvider = "formProvider", e.formHeader = "formHeader", e.formTitle = "formTitle", e.formDescription = "formDescription", e.fieldsFlow = "fieldsFlow", e.sectionsGrid = "sectionsGrid", e.ungroupedCard = "ungroupedCard", e.fieldWrapper = "fieldWrapper", e.submitFeedback = "submitFeedback", e.actionsRow = "actionsRow", e.label = "label", e.helperText = "helperText", e.sectionDivider = "sectionDivider", e.checkableListWrapper = "checkableListWrapper", e.fallbackEndIconChip = "fallbackEndIconChip", e))(r || {});
 export {
   r as DynamicFormSlots
 };

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

@@ -19,6 +19,12 @@ export declare const DynamicFormFormDescriptionStyled: import('@emotion/styled')
 export declare const DynamicFormFieldsFlowStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').DynamicFormOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const DynamicFormSectionsGridStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicFormOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const DynamicFormUngroupedCardStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicFormOwnerState> & Record<string, unknown>) | undefined;
+}, 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>>, "content" | "translate" | "className" | "slot" | "style" | "title" | "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> & {
     ownerState?: (Partial<import('../types').DynamicFormOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicFormSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicForm/slots/DynamicFormSlots.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC5G,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGpD,eAAO,MAAM,iCAAiC;;UAGb,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;;6NAGT,CAAC;AAEjC,eAAO,MAAM,2BAA2B;;iNAGT,CAAC;AAEhC,eAAO,MAAM,0BAA0B;;UAGT,CAAC;AAE/B,eAAO,MAAM,gCAAgC;;UAGT,CAAC;AAErC,eAAO,MAAM,2BAA2B;;6NAGT,CAAC;AAEhC,eAAO,MAAM,6BAA6B;;UAGT,CAAC;AAElC,eAAO,MAAM,+BAA+B;;UAGT,CAAC;AAEpC,eAAO,MAAM,2BAA2B;;UAGT,CAAC;AAEhC,eAAO,MAAM,sBAAsB;;6NAGT,CAAC;AAE3B,eAAO,MAAM,2BAA2B;;6NAGT,CAAC;AAEhC,eAAO,MAAM,+BAA+B;;6NAGT,CAAC;AAEpC,eAAO,MAAM,qCAAqC;;6NAGT,CAAC;AAE1C,eAAO,MAAM,oCAAoC;;UAGT,CAAC"}
+{"version":3,"file":"DynamicFormSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicForm/slots/DynamicFormSlots.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC5G,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGpD,eAAO,MAAM,iCAAiC;;UAGb,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;;6NAGT,CAAC;AAEjC,eAAO,MAAM,2BAA2B;;iNAGT,CAAC;AAEhC,eAAO,MAAM,0BAA0B;;UAGT,CAAC;AAE/B,eAAO,MAAM,gCAAgC;;UAGT,CAAC;AAErC,eAAO,MAAM,2BAA2B;;6NAGT,CAAC;AAEhC,eAAO,MAAM,6BAA6B;;6NAGT,CAAC;AAElC,eAAO,MAAM,8BAA8B;;6NAGT,CAAC;AAEnC,eAAO,MAAM,6BAA6B;;UAGT,CAAC;AAElC,eAAO,MAAM,+BAA+B;;UAGT,CAAC;AAEpC,eAAO,MAAM,2BAA2B;;UAGT,CAAC;AAEhC,eAAO,MAAM,sBAAsB;;6NAGT,CAAC;AAE3B,eAAO,MAAM,2BAA2B;;6NAGT,CAAC;AAEhC,eAAO,MAAM,+BAA+B;;6NAGT,CAAC;AAEpC,eAAO,MAAM,qCAAqC;;6NAGT,CAAC;AAE1C,eAAO,MAAM,oCAAoC;;UAGT,CAAC"}

package/components/DynamicForm/slots/DynamicFormSlots.js

@@ -2,68 +2,76 @@ import { styled as o } from "@mui/material/styles";
 import { Box as m } from "@mui/material";
 import { Typography as i } from "@m4l/base";
 import { DynamicFormSlots as e } from "./DynamicFormEnum.js";
-import { componentStyles as t } from "../DynamicForm.styles.js";
-import { DYNAMIC_FORM_KEY_COMPONENT as r } from "../constants.js";
+import { componentStyles as r } from "../DynamicForm.styles.js";
+import { DYNAMIC_FORM_KEY_COMPONENT as t } from "../constants.js";
 import { RHFormProvider as n } from "../../hook-form/RHFormProvider/RHFormProvider.js";
-import { Chip as l } from "../../Chip/Chip.js";
-const a = o(n, {
-  name: r,
+import { Chip as a } from "../../Chip/Chip.js";
+const l = o(n, {
+  name: t,
   slot: e.formProvider
-})(t?.formProvider), S = a, b = o("div", {
-  name: r,
+})(r?.formProvider), S = l, v = o("div", {
+  name: t,
   slot: e.contentRoot
-})(t?.contentRoot), v = o("header", {
-  name: r,
+})(r?.contentRoot), b = o("header", {
+  name: t,
   slot: e.formHeader
-})(t?.formHeader), h = o(i, {
-  name: r,
+})(r?.formHeader), h = o(i, {
+  name: t,
   slot: e.formTitle
-})(t?.formTitle), k = o(i, {
-  name: r,
+})(r?.formTitle), C = o(i, {
+  name: t,
   slot: e.formDescription
-})(t?.formDescription), C = o("div", {
-  name: r,
+})(r?.formDescription), k = o("div", {
+  name: t,
   slot: e.fieldsFlow
-})(t?.fieldsFlow), R = o(m, {
-  name: r,
+})(r?.fieldsFlow), u = o("div", {
+  name: t,
+  slot: e.sectionsGrid
+})(r?.sectionsGrid), R = o("div", {
+  name: t,
+  slot: e.ungroupedCard
+})(r?.ungroupedCard), T = o(m, {
+  name: t,
   slot: e.fieldWrapper
-})(t?.fieldWrapper), T = o(m, {
-  name: r,
+})(r?.fieldWrapper), w = o(m, {
+  name: t,
   slot: e.submitFeedback
-})(t?.submitFeedback), w = o(m, {
-  name: r,
+})(r?.submitFeedback), P = o(m, {
+  name: t,
   slot: e.actionsRow
-})(t?.actionsRow);
+})(r?.actionsRow);
 o("div", {
-  name: r,
+  name: t,
   slot: e.label
-})(t?.label);
+})(r?.label);
 o("div", {
-  name: r,
+  name: t,
   slot: e.helperText
-})(t?.helperText);
+})(r?.helperText);
 o("div", {
-  name: r,
+  name: t,
   slot: e.sectionDivider
-})(t?.sectionDivider);
-const P = o("div", {
-  name: r,
+})(r?.sectionDivider);
+const W = o("div", {
+  name: t,
   slot: e.checkableListWrapper
-})(t?.checkableListWrapper), W = o(l, {
-  name: r,
+})(r?.checkableListWrapper), E = o(a, {
+  name: t,
   slot: e.fallbackEndIconChip
-})(t?.fallbackEndIconChip);
+})(r?.fallbackEndIconChip);
 export {
-  w as DynamicFormActionsRowStyled,
-  P as DynamicFormCheckableListWrapperStyled,
-  b as DynamicFormContentRootStyled,
-  W as DynamicFormFallbackEndIconChipStyled,
-  R as DynamicFormFieldWrapperStyled,
-  C as DynamicFormFieldsFlowStyled,
-  k as DynamicFormFormDescriptionStyled,
-  v as DynamicFormFormHeaderStyled,
+  P as DynamicFormActionsRowStyled,
+  W as DynamicFormCheckableListWrapperStyled,
+  v as DynamicFormContentRootStyled,
+  E as DynamicFormFallbackEndIconChipStyled,
+  T as DynamicFormFieldWrapperStyled,
+  k as DynamicFormFieldsFlowStyled,
+  C as DynamicFormFormDescriptionStyled,
+  b as DynamicFormFormHeaderStyled,
   S as DynamicFormFormProviderStyled,
-  a as DynamicFormFormProviderStyledBase,
+  l as DynamicFormFormProviderStyledBase,
   h as DynamicFormFormTitleStyled,
-  T as DynamicFormSubmitFeedbackStyled
+  u as DynamicFormSectionsGridStyled,
+  w as DynamicFormSubmitFeedbackStyled,
+  R as DynamicFormUngroupedCardStyled
 };

package/components/DynamicForm/subcomponents/DynamicFormContent/DynamicFormContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFormContent.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/subcomponents/DynamicFormContent/DynamicFormContent.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,uBAAuB,EAKxB,MAAM,aAAa,CAAC;AAqKrB,eAAO,MAAM,kBAAkB,oHAwK7B,CAAC"}
+{"version":3,"file":"DynamicFormContent.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/subcomponents/DynamicFormContent/DynamicFormContent.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,aAAa,CAAC;AAerB,eAAO,MAAM,kBAAkB,oHAqL7B,CAAC"}