@m4l/components 9.72.1-beta-improvement-786-m4l-components-dynamic-form.0 → 9.73.0

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicForm.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqF,MAAM,OAAO,CAAC;AAU1G,OAAO,EAEL,gBAAgB,EAChB,cAAc,EAGf,MAAM,SAAS,CAAC;AAYjB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,WAAW,yFA2RtB,CAAC"}
+{"version":3,"file":"DynamicForm.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqF,MAAM,OAAO,CAAC;AAU1G,OAAO,EAEL,gBAAgB,EAChB,cAAc,EAGf,MAAM,SAAS,CAAC;AAYjB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,WAAW,yFAwRtB,CAAC"}

package/components/DynamicForm/DynamicForm.js

@@ -1,30 +1,30 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
-import Z, { forwardRef as $, useMemo as c, useState as tt, useEffect as et, useImperativeHandle as ot, useCallback as N } from "react";
-import P from "clsx";
-import { useModuleSkeleton as rt } from "@m4l/core";
-import { useComponentSize as it } from "../../hooks/useComponentSize/index.js";
-import { TEST_PROP_ID as st } from "../../test/constants_no_mock.js";
-import { LinearProgress as nt } from "../extended/mui/LinearProgress/index.js";
-import { DynamicFormContentRootStyled as at, DynamicFormFormProviderStyled as mt } from "./slots/DynamicFormSlots.js";
-import { DYNAMIC_FORM_CLASSES as b, EMPTY_DATA as ut } from "./constants.js";
-import { useDynamicForm as dt } from "./hooks/useDynamicForm/useDynamicForm.js";
-import { useDynamicFormData as lt } from "./hooks/useDynamicFormData/useDynamicFormData.js";
-import { DynamicFormContent as T } from "./subcomponents/DynamicFormContent/DynamicFormContent.js";
-import { useFieldsWithFetchedOptions as ct } from "./hooks/useFieldsWithFetchedOptions/useFieldsWithFetchedOptions.js";
-import { filterUnknownFieldsFromSubmit as ft } from "./helpers/filterUnknownFieldsFromSubmit/filterUnknownFieldsFromSubmit.js";
-import { mapOptionFieldValuesForSubmit as pt } from "./helpers/mapOptionFieldValuesForSubmit/mapOptionFieldValuesForSubmit.js";
-import { normalizeDynamicFormFields as St } from "./helpers/resolveFormSections/resolveFormSections.js";
-const Ft = $((C, k) => {
+import X, { forwardRef as Z, useMemo as c, useState as $, useEffect as ee, useImperativeHandle as te, useCallback as M } from "react";
+import N from "clsx";
+import { useModuleSkeleton as oe } from "@m4l/core";
+import { useComponentSize as re } from "../../hooks/useComponentSize/index.js";
+import { TEST_PROP_ID as ie } from "../../test/constants_no_mock.js";
+import { LinearProgress as ne } from "../extended/mui/LinearProgress/index.js";
+import { DynamicFormContentRootStyled as se, DynamicFormFormProviderStyled as ae } from "./slots/DynamicFormSlots.js";
+import { DYNAMIC_FORM_CLASSES as b, EMPTY_DATA as me } from "./constants.js";
+import { useDynamicForm as ue } from "./hooks/useDynamicForm/useDynamicForm.js";
+import { useDynamicFormData as le } from "./hooks/useDynamicFormData/useDynamicFormData.js";
+import { DynamicFormContent as P } from "./subcomponents/DynamicFormContent/DynamicFormContent.js";
+import { useFieldsWithFetchedOptions as de } from "./hooks/useFieldsWithFetchedOptions/useFieldsWithFetchedOptions.js";
+import { filterUnknownFieldsFromSubmit as ce } from "./helpers/filterUnknownFieldsFromSubmit/filterUnknownFieldsFromSubmit.js";
+import { mapOptionFieldValuesForSubmit as fe } from "./helpers/mapOptionFieldValuesForSubmit/mapOptionFieldValuesForSubmit.js";
+import { normalizeDynamicFormFields as pe } from "./helpers/resolveFormSections/resolveFormSections.js";
+const Fe = Z((T, C) => {
   const {
-    formId: z,
-    formInstanceId: _,
-    inputEndpoint: A,
+    formId: k,
+    formInstanceId: z,
+    inputEndpoint: _,
     outputEndpoint: i,
-    submitMode: s,
+    submitMode: n,
     initialData: D,
-    formatInputData: H,
-    formatOutputData: L,
-    onSubmit: n,
+    formatInputData: A,
+    formatOutputData: H,
+    onSubmit: s,
     onSubmitError: y,
     size: g,
     readOnly: a = !1,
@@ -35,43 +35,42 @@ const Ft = $((C, k) => {
     fieldWrapperClassName: E,
     fieldFlow: u = "responsiveWrap",
     coupled: p = !1,
-    coupledStatusLoad: x,
-    actionFormIntroProps: W,
-    renderActions: V
-  } = C, { currentSize: d } = it(g), U = rt(), {
-    formData: Y,
-    statusLoad: I,
-    handleSubmit: w
-  } = lt({
-    formId: z,
-    formInstanceId: _,
-    inputEndpoint: A,
+    actionFormIntroProps: x,
+    renderActions: W
+  } = T, { currentSize: l } = re(g), L = oe(), {
+    formData: V,
+    statusLoad: U,
+    handleSubmit: I
+  } = le({
+    formId: k,
+    formInstanceId: z,
+    inputEndpoint: _,
     outputEndpoint: i,
-    submitMode: s,
+    submitMode: n,
     initialData: D,
-    formatInputData: H,
-    formatOutputData: L,
-    onSubmit: n
-  }), e = Y || D, S = c(
-    () => St(e?.fields),
-    [e?.fields]
-  ), { fields: O } = ct({
-    fields: S.fields
-  }), t = c(() => e && {
-    ...e,
-    fields: O
-  }, [O, e]), { initialValues: j, validationSchema: B } = dt(t || ut), [F, l] = tt(null);
-  et(() => {
-    if (!F)
+    formatInputData: A,
+    formatOutputData: H,
+    onSubmit: s
+  }), t = V || D, F = c(
+    () => pe(t?.fields),
+    [t?.fields]
+  ), { fields: w } = de({
+    fields: F.fields
+  }), e = c(() => t && {
+    ...t,
+    fields: w
+  }, [w, t]), { initialValues: Y, validationSchema: j } = ue(e || me), [S, d] = $(null);
+  ee(() => {
+    if (!S)
       return;
-    const o = setTimeout(() => l(null), 5e3);
+    const o = setTimeout(() => d(null), 5e3);
     return () => clearTimeout(o);
-  }, [F]);
-  const q = c(() => ({
-    size: d,
+  }, [S]);
+  const B = c(() => ({
+    size: l,
     readOnly: a,
     fieldFlow: u
-  }), [d, u, a]), R = Z.useRef(null), M = c(() => ({
+  }), [l, u, a]), O = X.useRef(null), R = c(() => ({
     formMethods: new Proxy({}, {
       get() {
         throw new Error("DynamicForm ref is not available until the form provider mounts.");
@@ -80,44 +79,43 @@ const Ft = $((C, k) => {
     onSubmit: () => {
     }
   }), []);
-  ot(k, () => R.current ?? M, [M]);
-  const G = N(
+  te(C, () => O.current ?? R, [R]);
+  const q = M(
     async (o) => {
-      if (!!!(i || s === "perField" || n))
+      if (!!!(i || n === "perField" || s))
         return;
-      const K = i || s === "perField" ? w : n ?? (() => {
-      }), Q = ft(
+      const J = i || n === "perField" ? I : s ?? (() => {
+      }), K = ce(
         o,
-        t?.fields ?? []
-      ), X = pt(Q, t?.fields ?? []);
+        e?.fields ?? []
+      ), Q = fe(K, e?.fields ?? []);
       try {
-        await K(X), l("success");
+        await J(Q), d("success");
       } catch {
-        l("error");
+        d("error");
       }
     },
-    [w, n, i, t?.fields, s]
-  ), J = N(
+    [I, s, i, e?.fields, n]
+  ), G = M(
     (o) => {
-      l("error"), y?.(o);
+      d("error"), y?.(o);
     },
     [y]
   );
-  return U ? /* @__PURE__ */ r(
-    at,
+  return L ? /* @__PURE__ */ r(
+    se,
     {
-      ownerState: q,
-      className: P(v, b.contentRoot),
+      ownerState: B,
+      className: N(v, b.contentRoot),
       ...typeof m == "string" ? { "data-meta": m } : {},
-      ...process.env.NODE_ENV !== "production" ? { [st]: f } : {},
-      children: /* @__PURE__ */ r(nt, {})
+      ...process.env.NODE_ENV !== "production" ? { [ie]: f } : {},
+      children: /* @__PURE__ */ r(ne, {})
     }
-  ) : t ? p ? /* @__PURE__ */ r(
-    T,
+  ) : e ? p ? /* @__PURE__ */ r(
+    P,
     {
-      data: t,
-      statusLoad: x,
-      currentSize: d,
+      data: e,
+      currentSize: l,
       fieldWrapperClassName: E,
       dataTestId: f,
       dataMeta: m,
@@ -125,25 +123,24 @@ const Ft = $((C, k) => {
       readOnly: a,
       suppressFormHeader: h,
       fieldFlow: u,
-      contractIssues: S.issues
+      contractIssues: F.issues
     }
   ) : /* @__PURE__ */ r(
-    mt,
+    ae,
     {
-      ref: R,
-      values: j,
-      validationSchema: B,
-      onSubmit: G,
-      onSubmitError: J,
-      statusLoad: I,
+      ref: O,
+      values: Y,
+      validationSchema: j,
+      onSubmit: q,
+      onSubmitError: G,
+      statusLoad: U,
       mode: "onSubmit",
-      className: P(v, b.contentRoot, b.formProvider),
+      className: N(v, b.contentRoot, b.formProvider),
       children: /* @__PURE__ */ r(
-        T,
+        P,
         {
-          data: t,
-          statusLoad: I,
-          currentSize: d,
+          data: e,
+          currentSize: l,
           fieldWrapperClassName: E,
           dataTestId: f,
           dataMeta: m,
@@ -151,16 +148,16 @@ const Ft = $((C, k) => {
           readOnly: a,
           suppressFormHeader: h,
           fieldFlow: u,
-          contractIssues: S.issues,
-          actionFormIntroProps: W,
-          renderActions: V,
-          submitFeedbackStatus: F
+          contractIssues: F.issues,
+          actionFormIntroProps: x,
+          renderActions: W,
+          submitFeedbackStatus: S
         }
       )
     }
   ) : null;
 });
-Ft.displayName = "DynamicForm";
+Fe.displayName = "DynamicForm";
 export {
-  Ft as DynamicForm
+  Fe as DynamicForm
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicForm.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicForm/DynamicForm.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAgNjB,eAAO,MAAM,eAAe,EAAE,iBA0W7B,CAAC"}
+{"version":3,"file":"DynamicForm.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicForm/DynamicForm.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAgNjB,eAAO,MAAM,eAAe,EAAE,iBAiV7B,CAAC"}

package/components/DynamicForm/DynamicForm.styles.js

@@ -1,98 +1,97 @@
 import { CHECKABLE_LIST_DEFAULT_MIN_HEIGHT as m } from "../CheckableList/constants.js";
-import { IMAGE_TEXT_CLASSES as h } from "../ImageText/constants.js";
-import { createDynamicFormSectionCardStyles as x } from "./subcomponents/DynamicFormSection/cardStyles.js";
-import { DYNAMIC_FORM_SEMANTIC_GRID_COLUMN_BREAKPOINTS as l, DYNAMIC_FORM_SEMANTIC_GRID_MAX_COLUMNS as c, resolveSemanticGridSpanForContainerWidth as S, resolveSemanticGridSpanForColumnCount as p, resolveSemanticGridContainerWidthForSpan as g } from "./helpers/resolveAdaptiveFieldLayout/resolveAdaptiveFieldLayout.js";
-const s = "m4l-dynamic-form-content", w = {
+import { createDynamicFormSectionCardStyles as f } from "./subcomponents/DynamicFormSection/cardStyles.js";
+import { DYNAMIC_FORM_SEMANTIC_GRID_COLUMN_BREAKPOINTS as l, DYNAMIC_FORM_SEMANTIC_GRID_MAX_COLUMNS as c, resolveSemanticGridSpanForContainerWidth as x, resolveSemanticGridSpanForColumnCount as h, resolveSemanticGridContainerWidthForSpan as S } from "./helpers/resolveAdaptiveFieldLayout/resolveAdaptiveFieldLayout.js";
+const s = "m4l-dynamic-form-content", g = {
   gridColumn: "1 / -1",
   maxWidth: "100%",
   width: "100%",
   minWidth: "0",
   flex: "1 1 100%"
-}, y = l.reduce(
-  (t, i) => (t[`@container ${s} (max-width: ${i.maxContainerWidth}px)`] = {
-    gridTemplateColumns: `repeat(${i.columns}, minmax(0, 1fr))`
-  }, t),
+}, w = l.reduce(
+  (i, t) => (i[`@container ${s} (max-width: ${t.maxContainerWidth}px)`] = {
+    gridTemplateColumns: `repeat(${t.columns}, minmax(0, 1fr))`
+  }, i),
   {}
-), C = [
+), y = [
   {
     columns: c,
     minContainerWidth: (l[0]?.maxContainerWidth ?? 0) + 1
   },
   ...l.map(
-    (t, i) => ({
-      columns: t.columns,
-      maxContainerWidth: t.maxContainerWidth,
-      minContainerWidth: (l[i + 1]?.maxContainerWidth ?? -1) + 1
+    (i, t) => ({
+      columns: i.columns,
+      maxContainerWidth: i.maxContainerWidth,
+      minContainerWidth: (l[t + 1]?.maxContainerWidth ?? -1) + 1
     })
   )
 ];
-function W(t) {
-  return typeof t == "number" && Number.isFinite(t) && t > 0;
+function C(i) {
+  return typeof i == "number" && Number.isFinite(i) && i > 0;
 }
-function u(t) {
+function p(i) {
   return {
-    gridColumn: `span ${t}`
+    gridColumn: `span ${i}`
   };
 }
-function f(t, i) {
+function u(i, t) {
   const e = [];
-  return t > 0 && e.push(`(min-width: ${t}px)`), typeof i == "number" && e.push(`(max-width: ${i}px)`), `@container ${s} ${e.join(
+  return i > 0 && e.push(`(min-width: ${i}px)`), typeof t == "number" && e.push(`(max-width: ${t}px)`), `@container ${s} ${e.join(
     " and "
   )}`;
 }
-function b(t) {
-  return t.minContainerWidth > 0 ? t.minContainerWidth : t.maxContainerWidth ?? 1;
+function W(i) {
+  return i.minContainerWidth > 0 ? i.minContainerWidth : i.maxContainerWidth ?? 1;
 }
-function v(t, i, e, n) {
+function b(i, t, e, n) {
   for (let r = n - 1; r >= 1; r -= 1) {
-    const o = g(
+    const o = S(
       e,
       r,
-      i.columns
+      t.columns
     );
-    o <= i.minContainerWidth || typeof i.maxContainerWidth == "number" && o > i.maxContainerWidth || (t[f(
+    o <= t.minContainerWidth || typeof t.maxContainerWidth == "number" && o > t.maxContainerWidth || (i[u(
       o,
-      i.maxContainerWidth
-    )] = u(r));
+      t.maxContainerWidth
+    )] = p(r));
   }
 }
-function T(t, i) {
-  if (W(i)) {
+function v(i, t) {
+  if (C(t)) {
     const e = {
       justifySelf: "start",
       maxWidth: "100%",
-      width: `min(100%, ${Math.ceil(i)}px)`
+      width: `min(100%, ${Math.ceil(t)}px)`
     };
-    return C.forEach((n, r) => {
-      const o = S(
-        i,
+    return y.forEach((n, r) => {
+      const o = x(
+        t,
         n.columns,
-        b(n)
-      ), a = u(o);
-      r === 0 ? Object.assign(e, a) : e[f(0, n.maxContainerWidth)] = a, v(
+        W(n)
+      ), a = p(o);
+      r === 0 ? Object.assign(e, a) : e[u(0, n.maxContainerWidth)] = a, b(
         e,
         n,
-        i,
+        t,
         o
       );
     }), e;
   }
   return l.reduce(
     (e, n) => (e[`@container ${s} (max-width: ${n.maxContainerWidth}px)`] = {
-      gridColumn: `span ${p(
-        t,
+      gridColumn: `span ${h(
+        i,
         n.columns
       )}`
     }, e),
     {
-      gridColumn: `span ${p(
-        t,
+      gridColumn: `span ${h(
+        i,
         c
       )}`
     }
   );
 }
-const E = {
+const _ = {
   /**
    * Styles for the RHFormProvider wrapper.
    */
@@ -107,60 +106,38 @@ const E = {
    * Styles for the form content container (inner div).
    * Uses a vertical flex axis so growable fields can consume available height.
    */
-  contentRoot: ({ theme: t, ownerState: i }) => {
-    const e = i;
+  contentRoot: ({ theme: i, ownerState: t }) => {
+    const e = t;
     return {
       display: "flex",
       flexDirection: "column",
       alignItems: "stretch",
-      gap: t.vars.size.baseSpacings.sp4,
+      gap: i.vars.size.baseSpacings.sp4,
       width: "100%",
       height: "100%",
       minHeight: 0,
       boxSizing: "border-box",
       containerName: s,
       containerType: "inline-size",
-      padding: t.vars.size.baseSpacings.sp2,
+      padding: i.vars.size.baseSpacings.sp2,
       ...e?.fieldFlow === "verticalStack" && {
         flex: "1 1 auto"
       },
       "& .MuiLinearProgress-root": {
-        backgroundColor: t.vars.palette.primary.opacity
+        backgroundColor: i.vars.palette.primary.opacity
       }
     };
   },
-  /** Center the existing empty-state composition without imposing a host height. */
-  emptyState: ({ theme: t }) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flex: "1 0 auto",
-    width: "100%",
-    minWidth: 0,
-    paddingBlock: t.vars.size.baseSpacings.sp4,
-    boxSizing: "border-box",
-    textAlign: "center",
-    [`& .${h.root}`]: {
-      height: "auto",
-      minWidth: 0,
-      boxSizing: "border-box",
-      backgroundColor: "transparent"
-    },
-    [`& .${h.wrapperTitleMessage}`]: {
-      maxWidth: "100%",
-      overflowWrap: "anywhere"
-    }
-  }),
   /**
    * Styles for normal-field flow segments.
    */
-  fieldsFlow: ({ theme: t, ownerState: i }) => i?.fieldFlow === "verticalStack" ? {
+  fieldsFlow: ({ theme: i, ownerState: t }) => t?.fieldFlow === "verticalStack" ? {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch",
     alignContent: "stretch",
     flexWrap: "nowrap",
-    gap: t.vars.size.baseSpacings.sp4,
+    gap: i.vars.size.baseSpacings.sp4,
     width: "100%",
     minWidth: 0,
     boxSizing: "border-box",
@@ -171,38 +148,38 @@ const E = {
     gridAutoFlow: "row",
     alignItems: "start",
     alignContent: "start",
-    gap: t.vars.size.baseSpacings.sp4,
+    gap: i.vars.size.baseSpacings.sp4,
     width: "100%",
     minWidth: 0,
     boxSizing: "border-box",
     flex: "0 0 auto",
-    ...y
+    ...w
   },
   /** Arrange section containers without forcing narrow input columns. */
-  sectionsGrid: ({ theme: t, ownerState: i }) => ({
+  sectionsGrid: ({ theme: i, ownerState: t }) => ({
     display: "grid",
-    gridTemplateColumns: i?.fieldFlow === "verticalStack" ? "minmax(0, 1fr)" : "repeat(auto-fit, minmax(min(100%, 22rem), 1fr))",
-    gap: t.vars.size.baseSpacings.sp5,
+    gridTemplateColumns: t?.fieldFlow === "verticalStack" ? "minmax(0, 1fr)" : "repeat(auto-fit, minmax(min(100%, 22rem), 1fr))",
+    gap: i.vars.size.baseSpacings.sp5,
     alignItems: "stretch",
     width: "100%",
     minWidth: 0,
     boxSizing: "border-box"
   }),
   /** Surface for fields outside groups when at least one section is visible. */
-  ungroupedCard: ({ theme: t }) => ({
-    ...x(t),
+  ungroupedCard: ({ theme: i }) => ({
+    ...f(i),
     containerName: s,
     containerType: "inline-size"
   }),
   /**
    * Styles for the optional form header rendered before the dynamic fields.
    */
-  formHeader: ({ theme: t }) => ({
+  formHeader: ({ theme: i }) => ({
     width: "100%",
     flex: "0 0 auto",
     display: "flex",
     flexDirection: "column",
-    gap: t.vars.size.baseSpacings.sp1,
+    gap: i.vars.size.baseSpacings.sp1,
     minWidth: 0
   }),
   /**
@@ -228,17 +205,17 @@ const E = {
    * `ownerState.gridColumnSpan` places adaptive fields on the semantic grid while
    * PropertyValue keeps the rendered control fixed to the backend semantic width.
    */
-  fieldWrapper: ({ theme: t, ownerState: i }) => {
-    const e = i, n = e?.fieldFlow === "verticalStack";
-    let r = w;
-    e?.isFullWidth !== !0 && typeof e?.gridColumnSpan == "number" && (r = T(
+  fieldWrapper: ({ theme: i, ownerState: t }) => {
+    const e = t, n = e?.fieldFlow === "verticalStack";
+    let r = g;
+    e?.isFullWidth !== !0 && typeof e?.gridColumnSpan == "number" && (r = v(
       e.gridColumnSpan,
       e.wrapperWidth
     ));
     const o = {
       display: "flex",
       flexDirection: "column",
-      gap: t.vars.size.baseSpacings.sp1,
+      gap: i.vars.size.baseSpacings.sp1,
       minWidth: 0
     }, a = {
       "& > *": {
@@ -350,12 +327,12 @@ const E = {
   /**
    * Styles for the section divider (for future use).
    */
-  sectionDivider: ({ theme: t }) => ({
+  sectionDivider: ({ theme: i }) => ({
     width: "100%",
-    height: t.vars.size.borderStroke.container,
-    backgroundColor: t.vars.palette.border.main,
-    marginTop: t.vars.size.baseSpacings.sp2,
-    marginBottom: t.vars.size.baseSpacings.sp2
+    height: i.vars.size.borderStroke.container,
+    backgroundColor: i.vars.palette.border.main,
+    marginTop: i.vars.size.baseSpacings.sp2,
+    marginBottom: i.vars.size.baseSpacings.sp2
   }),
   /**
    * Styles for the CheckableList wrapper inside the vertical grow field.
@@ -387,5 +364,5 @@ const E = {
   })
 };
 export {
-  E as componentStyles
+  _ as componentStyles
 };

package/components/DynamicForm/constants.d.ts

@@ -10,7 +10,7 @@ export declare const DYNAMIC_FORM_KEY_COMPONENT = "M4LDynamicForm";
 /**
  * CSS class inventory for the component.
  */
-export declare const DYNAMIC_FORM_CLASSES: Record<"label" | "helperText" | "emptyState" | "sectionDivider" | "contentRoot" | "formProvider" | "formHeader" | "formTitle" | "formDescription" | "fieldsFlow" | "sectionsGrid" | "ungroupedCard" | "fieldWrapper" | "submitFeedback" | "actionsRow" | "checkableListWrapper" | "fallbackEndIconChip", string>;
+export declare const DYNAMIC_FORM_CLASSES: Record<"label" | "helperText" | "sectionDivider" | "contentRoot" | "formProvider" | "formHeader" | "formTitle" | "formDescription" | "fieldsFlow" | "sectionsGrid" | "ungroupedCard" | "fieldWrapper" | "submitFeedback" | "actionsRow" | "checkableListWrapper" | "fallbackEndIconChip", string>;
 /**
  * Default shortcut used by DynamicForm date-range fields when the backend omits or sends an invalid shortcut.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicForm/constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EAGvB,MAAM,SAAS,CAAC;AAEjB;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,mBAAmB,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,oBAAoB,kTAGhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wCAAwC,UAAU,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,0BAA0B,mJAQoB,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,oCAAoC,sDAGU,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,oBAAoB,6QAG/B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,6QAGhC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,mBAAmB,6QAI9B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,sBAKxB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicForm/constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EAGvB,MAAM,SAAS,CAAC;AAEjB;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,mBAAmB,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,oBAAoB,mSAGhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wCAAwC,UAAU,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,0BAA0B,mJAQoB,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,oCAAoC,sDAGU,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,oBAAoB,6QAG/B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,6QAGhC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,mBAAmB,6QAI9B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,sBAKxB,CAAC"}

package/components/DynamicForm/dictionary.d.ts

@@ -1,15 +1,6 @@
 export declare const DYNAMIC_FORM_DICTIONARY_KEY = "dynamic_form";
-/** Shipped copy for deployments whose dictionary has not received the new keys yet. */
-export declare const DYNAMIC_FORM_EMPTY_STATE_LABELS: {
-    title: string;
-    message: string;
-};
 export declare const getDynamicFormComponentsDictionary: () => string[];
 export declare const DYNAMIC_FORM_DICTIONARY: {
-    /** Empty-state title when no visible field can mount. */
-    NO_VISIBLE_FIELDS_TITLE: string;
-    /** Explain why the form body contains no field controls. */
-    NO_VISIBLE_FIELDS_MESSAGE: string;
     /** Shown when `field.label` is missing or blank; use `$1` for the field id (e.g. "Label not found $1"). */
     LABEL_NOT_FOUND_MESSAGE: string;
     IS_REQUIRED_MESSAGE: string;

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

@@ -1 +1 @@
-{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicForm/dictionary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B,iBAAiB,CAAC;AAE1D,uFAAuF;AACvF,eAAO,MAAM,+BAA+B;;;CAG3C,CAAC;AAEF,eAAO,MAAM,kCAAkC,gBAE9C,CAAC;AAEF,eAAO,MAAM,uBAAuB;IAClC,yDAAyD;;IAEzD,4DAA4D;;IAE5D,2GAA2G;;;;;;;;;;;;IAY3G,oFAAoF;;IAEpF,kFAAkF;;IAElF,+EAA+E;;IAE/E,8DAA8D;;IAE9D,oEAAoE;;IAEpE,uFAAuF;;CAExF,CAAC"}
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicForm/dictionary.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B,iBAAiB,CAAC;AAE1D,eAAO,MAAM,kCAAkC,gBAE9C,CAAC;AAEF,eAAO,MAAM,uBAAuB;IAClC,2GAA2G;;;;;;;;;;;;IAY3G,oFAAoF;;IAEpF,kFAAkF;;IAElF,+EAA+E;;IAE/E,8DAA8D;;IAE9D,oEAAoE;;IAEpE,uFAAuF;;CAExF,CAAC"}

package/components/DynamicForm/dictionary.js

@@ -1,11 +1,4 @@
-const _ = "dynamic_form", e = {
-  title: "No visible fields",
-  message: "This form has no fields to display at this time."
-}, E = () => [_], s = {
-  /** Empty-state title when no visible field can mount. */
-  NO_VISIBLE_FIELDS_TITLE: `${_}.no_visible_fields_title`,
-  /** Explain why the form body contains no field controls. */
-  NO_VISIBLE_FIELDS_MESSAGE: `${_}.no_visible_fields_message`,
+const _ = "dynamic_form", e = () => [_], E = {
   /** Shown when `field.label` is missing or blank; use `$1` for the field id (e.g. "Label not found $1"). */
   LABEL_NOT_FOUND_MESSAGE: `${_}.label_not_found_message`,
   IS_REQUIRED_MESSAGE: `${_}.is_required_message`,
@@ -32,8 +25,7 @@ const _ = "dynamic_form", e = {
   SECTION_CONTRACT_NOTICE: `${_}.section_contract_notice`
 };
 export {
-  s as DYNAMIC_FORM_DICTIONARY,
+  E as DYNAMIC_FORM_DICTIONARY,
   _ as DYNAMIC_FORM_DICTIONARY_KEY,
-  e as DYNAMIC_FORM_EMPTY_STATE_LABELS,
-  E as getDynamicFormComponentsDictionary
+  e as getDynamicFormComponentsDictionary
 };

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

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

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,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"}
+{"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"}