@m4l/components 9.71.0 → 9.71.1-beta-improvement-786-m4l-components-dynamic-form.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,yFAwRtB,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,yFA2RtB,CAAC"}

package/components/DynamicForm/DynamicForm.js

@@ -1,30 +1,30 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
-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) => {
+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) => {
   const {
-    formId: k,
-    formInstanceId: z,
-    inputEndpoint: _,
+    formId: z,
+    formInstanceId: _,
+    inputEndpoint: A,
     outputEndpoint: i,
-    submitMode: n,
+    submitMode: s,
     initialData: D,
-    formatInputData: A,
-    formatOutputData: H,
-    onSubmit: s,
+    formatInputData: H,
+    formatOutputData: L,
+    onSubmit: n,
     onSubmitError: y,
     size: g,
     readOnly: a = !1,
@@ -35,42 +35,43 @@ const Fe = Z((T, C) => {
     fieldWrapperClassName: E,
     fieldFlow: u = "responsiveWrap",
     coupled: p = !1,
-    actionFormIntroProps: x,
-    renderActions: W
-  } = T, { currentSize: l } = re(g), L = oe(), {
-    formData: V,
-    statusLoad: U,
-    handleSubmit: I
-  } = le({
-    formId: k,
-    formInstanceId: z,
-    inputEndpoint: _,
+    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,
     outputEndpoint: i,
-    submitMode: n,
+    submitMode: s,
     initialData: D,
-    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)
+    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)
       return;
-    const o = setTimeout(() => d(null), 5e3);
+    const o = setTimeout(() => l(null), 5e3);
     return () => clearTimeout(o);
-  }, [S]);
-  const B = c(() => ({
-    size: l,
+  }, [F]);
+  const q = c(() => ({
+    size: d,
     readOnly: a,
     fieldFlow: u
-  }), [l, u, a]), O = X.useRef(null), R = c(() => ({
+  }), [d, u, a]), R = Z.useRef(null), M = c(() => ({
     formMethods: new Proxy({}, {
       get() {
         throw new Error("DynamicForm ref is not available until the form provider mounts.");
@@ -79,43 +80,44 @@ const Fe = Z((T, C) => {
     onSubmit: () => {
     }
   }), []);
-  te(C, () => O.current ?? R, [R]);
-  const q = M(
+  ot(k, () => R.current ?? M, [M]);
+  const G = N(
     async (o) => {
-      if (!!!(i || n === "perField" || s))
+      if (!!!(i || s === "perField" || n))
         return;
-      const J = i || n === "perField" ? I : s ?? (() => {
-      }), K = ce(
+      const K = i || s === "perField" ? w : n ?? (() => {
+      }), Q = ft(
         o,
-        e?.fields ?? []
-      ), Q = fe(K, e?.fields ?? []);
+        t?.fields ?? []
+      ), X = pt(Q, t?.fields ?? []);
       try {
-        await J(Q), d("success");
+        await K(X), l("success");
       } catch {
-        d("error");
+        l("error");
       }
     },
-    [I, s, i, e?.fields, n]
-  ), G = M(
+    [w, n, i, t?.fields, s]
+  ), J = N(
     (o) => {
-      d("error"), y?.(o);
+      l("error"), y?.(o);
     },
     [y]
   );
-  return L ? /* @__PURE__ */ r(
-    se,
+  return U ? /* @__PURE__ */ r(
+    at,
     {
-      ownerState: B,
-      className: N(v, b.contentRoot),
+      ownerState: q,
+      className: P(v, b.contentRoot),
       ...typeof m == "string" ? { "data-meta": m } : {},
-      ...process.env.NODE_ENV !== "production" ? { [ie]: f } : {},
-      children: /* @__PURE__ */ r(ne, {})
+      ...process.env.NODE_ENV !== "production" ? { [st]: f } : {},
+      children: /* @__PURE__ */ r(nt, {})
     }
-  ) : e ? p ? /* @__PURE__ */ r(
-    P,
+  ) : t ? p ? /* @__PURE__ */ r(
+    T,
     {
-      data: e,
-      currentSize: l,
+      data: t,
+      statusLoad: x,
+      currentSize: d,
       fieldWrapperClassName: E,
       dataTestId: f,
       dataMeta: m,
@@ -123,24 +125,25 @@ const Fe = Z((T, C) => {
       readOnly: a,
       suppressFormHeader: h,
       fieldFlow: u,
-      contractIssues: F.issues
+      contractIssues: S.issues
     }
   ) : /* @__PURE__ */ r(
-    ae,
+    mt,
     {
-      ref: O,
-      values: Y,
-      validationSchema: j,
-      onSubmit: q,
-      onSubmitError: G,
-      statusLoad: U,
+      ref: R,
+      values: j,
+      validationSchema: B,
+      onSubmit: G,
+      onSubmitError: J,
+      statusLoad: I,
       mode: "onSubmit",
-      className: N(v, b.contentRoot, b.formProvider),
+      className: P(v, b.contentRoot, b.formProvider),
       children: /* @__PURE__ */ r(
-        P,
+        T,
         {
-          data: e,
-          currentSize: l,
+          data: t,
+          statusLoad: I,
+          currentSize: d,
           fieldWrapperClassName: E,
           dataTestId: f,
           dataMeta: m,
@@ -148,16 +151,16 @@ const Fe = Z((T, C) => {
           readOnly: a,
           suppressFormHeader: h,
           fieldFlow: u,
-          contractIssues: F.issues,
-          actionFormIntroProps: x,
-          renderActions: W,
-          submitFeedbackStatus: S
+          contractIssues: S.issues,
+          actionFormIntroProps: W,
+          renderActions: V,
+          submitFeedbackStatus: F
         }
       )
     }
   ) : null;
 });
-Fe.displayName = "DynamicForm";
+Ft.displayName = "DynamicForm";
 export {
-  Fe as DynamicForm
+  Ft 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":"AAEA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAgNjB,eAAO,MAAM,eAAe,EAAE,iBAiV7B,CAAC"}
+{"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"}

package/components/DynamicForm/DynamicForm.styles.js

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

package/components/DynamicForm/dictionary.d.ts

@@ -1,6 +1,15 @@
 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,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"}
+{"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"}

package/components/DynamicForm/dictionary.js

@@ -1,4 +1,11 @@
-const _ = "dynamic_form", e = () => [_], E = {
+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`,
   /** 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`,
@@ -25,7 +32,8 @@ const _ = "dynamic_form", e = () => [_], E = {
   SECTION_CONTRACT_NOTICE: `${_}.section_contract_notice`
 };
 export {
-  E as DYNAMIC_FORM_DICTIONARY,
+  s as DYNAMIC_FORM_DICTIONARY,
   _ as DYNAMIC_FORM_DICTIONARY_KEY,
-  e as getDynamicFormComponentsDictionary
+  e as DYNAMIC_FORM_EMPTY_STATE_LABELS,
+  E as getDynamicFormComponentsDictionary
 };

package/components/DynamicForm/helpers/isRenderableDynamicFormField/index.d.ts

@@ -0,0 +1,2 @@
+export { isRenderableDynamicFormField } from './isRenderableDynamicFormField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/helpers/isRenderableDynamicFormField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}

package/components/DynamicForm/helpers/isRenderableDynamicFormField/isRenderableDynamicFormField.d.ts

@@ -0,0 +1,4 @@
+import { Field } from '../../types';
+/** Identify visible content records that can mount a DynamicForm field row. */
+export declare function isRenderableDynamicFormField(field: Field): boolean;
+//# sourceMappingURL=isRenderableDynamicFormField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isRenderableDynamicFormField.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/helpers/isRenderableDynamicFormField/isRenderableDynamicFormField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIzC,+EAA+E;AAC/E,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAKlE"}