@m4l/components 9.57.1-beta-hotfix-semantic-width-dynamicform.1 → 9.57.1-beta-hotfix-semantic-width-dynamicform.2

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;AAsBjB,eAAO,MAAM,eAAe,EAAE,iBAqS7B,CAAC"}
+{"version":3,"file":"DynamicForm.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicForm/DynamicForm.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAgNjB,eAAO,MAAM,eAAe,EAAE,iBA0T7B,CAAC"}

package/components/DynamicForm/DynamicForm.styles.js

@@ -1,15 +1,96 @@
-import { CHECKABLE_LIST_DEFAULT_MIN_HEIGHT as d } from "../CheckableList/constants.js";
-import { isFullRowSemanticWidth as p, resolveSemanticWidthPx as f } from "../PropertyValue/semanticWidth.js";
-const h = (t) => ({
-  flex: `1 1 ${t}px`,
-  minWidth: `min(100%, ${t}px)`,
-  maxWidth: "100%"
-}), m = {
+import { CHECKABLE_LIST_DEFAULT_MIN_HEIGHT as m } from "../CheckableList/constants.js";
+import { DYNAMIC_FORM_SEMANTIC_GRID_COLUMN_BREAKPOINTS as l, DYNAMIC_FORM_SEMANTIC_GRID_MAX_COLUMNS as c, resolveSemanticGridSpanForContainerWidth as f, resolveSemanticGridSpanForColumnCount as h, resolveSemanticGridContainerWidthForSpan as x } from "./helpers/resolveAdaptiveFieldLayout/resolveAdaptiveFieldLayout.js";
+const s = "m4l-dynamic-form-content", S = {
+  gridColumn: "1 / -1",
   maxWidth: "100%",
   width: "100%",
   minWidth: "0",
   flex: "1 1 100%"
-}, g = {
+}, g = l.reduce(
+  (t, i) => (t[`@container ${s} (max-width: ${i.maxContainerWidth}px)`] = {
+    gridTemplateColumns: `repeat(${i.columns}, minmax(0, 1fr))`
+  }, t),
+  {}
+), w = [
+  {
+    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
+    })
+  )
+];
+function C(t) {
+  return typeof t == "number" && Number.isFinite(t) && t > 0;
+}
+function u(t) {
+  return {
+    gridColumn: `span ${t}`
+  };
+}
+function p(t, i) {
+  const e = [];
+  return t > 0 && e.push(`(min-width: ${t}px)`), typeof i == "number" && e.push(`(max-width: ${i}px)`), `@container ${s} ${e.join(
+    " and "
+  )}`;
+}
+function y(t) {
+  return t.minContainerWidth > 0 ? t.minContainerWidth : t.maxContainerWidth ?? 1;
+}
+function W(t, i, e, n) {
+  for (let r = n - 1; r >= 1; r -= 1) {
+    const o = x(
+      e,
+      r,
+      i.columns
+    );
+    o <= i.minContainerWidth || typeof i.maxContainerWidth == "number" && o > i.maxContainerWidth || (t[p(
+      o,
+      i.maxContainerWidth
+    )] = u(r));
+  }
+}
+function b(t, i) {
+  if (C(i)) {
+    const e = {
+      justifySelf: "start",
+      maxWidth: "100%",
+      width: `min(100%, ${Math.ceil(i)}px)`
+    };
+    return w.forEach((n, r) => {
+      const o = f(
+        i,
+        n.columns,
+        y(n)
+      ), a = u(o);
+      r === 0 ? Object.assign(e, a) : e[p(0, n.maxContainerWidth)] = a, W(
+        e,
+        n,
+        i,
+        o
+      );
+    }), e;
+  }
+  return l.reduce(
+    (e, n) => (e[`@container ${s} (max-width: ${n.maxContainerWidth}px)`] = {
+      gridColumn: `span ${h(
+        t,
+        n.columns
+      )}`
+    }, e),
+    {
+      gridColumn: `span ${h(
+        t,
+        c
+      )}`
+    }
+  );
+}
+const T = {
   /**
    * Styles for the RHFormProvider wrapper.
    */
@@ -24,8 +105,8 @@ const h = (t) => ({
    * Styles for the form content container (inner div).
    * Uses a vertical flex axis so growable fields can consume available height.
    */
-  contentRoot: ({ theme: t, ownerState: o }) => {
-    const e = o;
+  contentRoot: ({ theme: t, ownerState: i }) => {
+    const e = i;
     return {
       display: "flex",
       flexDirection: "column",
@@ -35,6 +116,8 @@ const h = (t) => ({
       height: "100%",
       minHeight: 0,
       boxSizing: "border-box",
+      containerName: s,
+      containerType: "inline-size",
       padding: t.vars.size.baseSpacings.sp2,
       ...e?.fieldFlow === "verticalStack" && {
         flex: "1 1 auto"
@@ -47,20 +130,29 @@ const h = (t) => ({
   /**
    * Styles for normal-field flow segments.
    */
-  fieldsFlow: ({ theme: t, ownerState: o }) => {
-    const i = o?.fieldFlow === "verticalStack";
-    return {
-      display: "flex",
-      flexDirection: i ? "column" : "row",
-      alignItems: i ? "stretch" : "flex-start",
-      alignContent: i ? "stretch" : "flex-start",
-      flexWrap: i ? "nowrap" : "wrap",
-      gap: t.vars.size.baseSpacings.sp4,
-      width: "100%",
-      minWidth: 0,
-      boxSizing: "border-box",
-      flex: "0 0 auto"
-    };
+  fieldsFlow: ({ theme: t, ownerState: i }) => i?.fieldFlow === "verticalStack" ? {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch",
+    alignContent: "stretch",
+    flexWrap: "nowrap",
+    gap: t.vars.size.baseSpacings.sp4,
+    width: "100%",
+    minWidth: 0,
+    boxSizing: "border-box",
+    flex: "0 0 auto"
+  } : {
+    display: "grid",
+    gridTemplateColumns: `repeat(${c}, minmax(0, 1fr))`,
+    gridAutoFlow: "row",
+    alignItems: "start",
+    alignContent: "start",
+    gap: t.vars.size.baseSpacings.sp4,
+    width: "100%",
+    minWidth: 0,
+    boxSizing: "border-box",
+    flex: "0 0 auto",
+    ...g
   },
   /**
    * Styles for the optional form header rendered before the dynamic fields.
@@ -93,38 +185,41 @@ const h = (t) => ({
   }),
   /**
    * Styles for each form field wrapper.
-   * `ownerState.semanticWidth` drives the control width, while adaptive wrapper width
-   * gives single-line labels enough flow space without widening the control.
+   * `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: o }) => {
-    const e = o, i = e?.semanticWidth, c = e?.fieldFlow === "verticalStack", s = f(i);
-    let a = m;
-    e?.isFullWidth !== !0 && !p(i) && (typeof e?.wrapperWidth == "number" ? a = h(e.wrapperWidth) : typeof s == "number" && (a = h(s)));
-    const r = {
+  fieldWrapper: ({ theme: t, ownerState: i }) => {
+    const e = i, n = e?.fieldFlow === "verticalStack";
+    let r = S;
+    e?.isFullWidth !== !0 && typeof e?.gridColumnSpan == "number" && (r = b(
+      e.gridColumnSpan,
+      e.wrapperWidth
+    ));
+    const o = {
       display: "flex",
       flexDirection: "column",
       gap: t.vars.size.baseSpacings.sp1,
       minWidth: 0
-    }, l = {
+    }, a = {
       "& > *": {
         width: "100%",
         maxWidth: "100%",
         minWidth: 0
       }
-    }, n = {
+    }, d = {
       ...e?.disabled && {
         pointerEvents: "none",
         opacity: 0.5
       }
     };
     return e?.layout === "verticalGrow" ? {
-      ...r,
+      ...o,
       width: "100%",
       maxWidth: "100%",
-      flex: `1 1 ${d}px`,
+      flex: `1 1 ${m}px`,
       alignSelf: "stretch",
-      minHeight: d,
-      ...l,
+      minHeight: m,
+      ...a,
       "& > .M4LPropertyValue-root": {
         width: "100%",
         maxWidth: "100%",
@@ -142,21 +237,26 @@ const h = (t) => ({
         minHeight: 0,
         whiteSpace: "normal"
       },
-      ...n
-    } : c ? {
-      ...r,
+      ...d
+    } : n ? {
+      ...o,
       width: "100%",
       maxWidth: "100%",
       flex: "0 0 auto",
       alignSelf: "stretch",
-      ...l,
-      ...n
+      ...a,
+      ...d
     } : {
+      ...o,
+      width: "100%",
+      maxWidth: "100%",
+      alignSelf: "start",
       ...r,
-      alignSelf: "flex-start",
       ...a,
-      ...l,
-      ...n
+      ...d,
+      "&&& .M4LPropertyValue-name": {
+        width: "fit-content"
+      }
     };
   },
   /**
@@ -247,5 +347,5 @@ const h = (t) => ({
   })
 };
 export {
-  g as componentStyles
+  T as componentStyles
 };

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

@@ -13,17 +13,38 @@ export interface ResolveAdaptiveFieldLayoutParams extends EstimateLabelWidthPxPa
 export interface AdaptiveFieldLayout {
     controlWidth?: number;
     estimatedLabelWidth: number;
+    gridColumnSpan: number;
     isFullWidth: boolean;
     labelWidth?: number;
     requestedSemanticWidth?: SemanticWidthOptions | null;
     wrapperWidth?: number;
 }
-export declare const ADAPTIVE_FIELD_LAYOUT_VISUAL_TRACK_WIDTHS: readonly [90, 160, 240, 320, 400, 520, 796];
+export interface SemanticGridColumnBreakpoint {
+    columns: number;
+    maxContainerWidth: number;
+}
+export declare const DYNAMIC_FORM_SEMANTIC_GRID_BASE_COLUMN_WIDTH = 37;
+export declare const DYNAMIC_FORM_SEMANTIC_GRID_COLUMN_GAP = 16;
+export declare const DYNAMIC_FORM_SEMANTIC_GRID_MAX_COLUMNS = 24;
+export declare const DYNAMIC_FORM_SEMANTIC_GRID_SPAN_PRECISION_THRESHOLD = 0.06;
+export declare const DYNAMIC_FORM_SEMANTIC_GRID_COLUMN_BREAKPOINTS: readonly SemanticGridColumnBreakpoint[];
 /** Estimate the visual width needed by a single-line DynamicForm label. */
 export declare function estimateLabelWidthPx(params: EstimateLabelWidthPxParams): number;
 /** Resolve wrapper, label, and control widths without replacing the backend semantic width. */
 export declare function resolveAdaptiveFieldLayout(params: ResolveAdaptiveFieldLayoutParams): AdaptiveFieldLayout;
-/** Resolve the smallest stable visual track that can contain an adaptive field width. */
+/** Resolve the precise adaptive wrapper width allowed for a DynamicForm field. */
 export declare function resolveAdaptiveFieldLayoutVisualTrackWidth(requiredWidth: number): number | undefined;
+/** Resolve how many semantic grid columns a field needs to contain its visual width. */
+export declare function resolveSemanticGridFieldColumnSpan(wrapperWidth: number, minimumExactWidth?: number): number;
+/** Clamp a field span to the column count available in the current grid breakpoint. */
+export declare function resolveSemanticGridSpanForColumnCount(fieldColumnSpan: number, columnCount: number): number;
+/** Resolve the approximate rendered width of a semantic grid span. */
+export declare function resolveSemanticGridSpanWidth(columnSpan: number): number;
+/** Resolve the rendered width of a semantic grid span for an actual container width. */
+export declare function resolveSemanticGridSpanWidthForContainer(columnSpan: number, columnCount: number, containerWidth: number): number;
+/** Resolve the minimum container width required for a span to contain a field. */
+export declare function resolveSemanticGridContainerWidthForSpan(requiredWidth: number, columnSpan: number, columnCount: number): number;
+/** Resolve the smallest field span that can contain a width in the active container. */
+export declare function resolveSemanticGridSpanForContainerWidth(requiredWidth: number, columnCount: number, containerWidth: number): number;
 export {};
 //# sourceMappingURL=resolveAdaptiveFieldLayout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"resolveAdaptiveFieldLayout.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/helpers/resolveAdaptiveFieldLayout/resolveAdaptiveFieldLayout.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,KAAK,uBAAuB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAclD,MAAM,WAAW,0BAA0B;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,uBAAuB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,gCACf,SAAQ,0BAA0B;IAClC,sBAAsB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+BD,eAAO,MAAM,yCAAyC,6CAQ5C,CAAC;AAKX,2EAA2E;AAC3E,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,0BAA0B,GACjC,MAAM,CAmBR;AAED,+FAA+F;AAC/F,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,gCAAgC,GACvC,mBAAmB,CA8CrB;AAED,yFAAyF;AACzF,wBAAgB,0CAA0C,CACxD,aAAa,EAAE,MAAM,GACpB,MAAM,GAAG,SAAS,CAIpB"}
+{"version":3,"file":"resolveAdaptiveFieldLayout.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicForm/helpers/resolveAdaptiveFieldLayout/resolveAdaptiveFieldLayout.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,KAAK,uBAAuB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAkClD,MAAM,WAAW,0BAA0B;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,uBAAuB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,gCACf,SAAQ,0BAA0B;IAClC,sBAAsB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAwCD,eAAO,MAAM,4CAA4C,KAAK,CAAC;AAC/D,eAAO,MAAM,qCAAqC,KAAK,CAAC;AACxD,eAAO,MAAM,sCAAsC,KAAK,CAAC;AACzD,eAAO,MAAM,mDAAmD,OAAO,CAAC;AACxE,eAAO,MAAM,6CAA6C,EAAE,SAAS,4BAA4B,EAerF,CAAC;AAOb,2EAA2E;AAC3E,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,0BAA0B,GACjC,MAAM,CAsBR;AAED,+FAA+F;AAC/F,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,gCAAgC,GACvC,mBAAmB,CAqDrB;AAED,kFAAkF;AAClF,wBAAgB,0CAA0C,CACxD,aAAa,EAAE,MAAM,GACpB,MAAM,GAAG,SAAS,CAUpB;AAED,wFAAwF;AACxF,wBAAgB,kCAAkC,CAChD,YAAY,EAAE,MAAM,EACpB,iBAAiB,SAAe,GAC/B,MAAM,CAgCR;AAED,uFAAuF;AACvF,wBAAgB,qCAAqC,CACnD,eAAe,EAAE,MAAM,EACvB,WAAW,EAAE,MAAM,GAClB,MAAM,CAKR;AAED,sEAAsE;AACtE,wBAAgB,4BAA4B,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAOvE;AAED,wFAAwF;AACxF,wBAAgB,wCAAwC,CACtD,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,GACrB,MAAM,CAoBR;AAED,kFAAkF;AAClF,wBAAgB,wCAAwC,CACtD,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB,MAAM,CAiBR;AAED,wFAAwF;AACxF,wBAAgB,wCAAwC,CACtD,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,GACrB,MAAM,CAoBR"}

package/components/DynamicForm/helpers/resolveAdaptiveFieldLayout/resolveAdaptiveFieldLayout.js

@@ -1,82 +1,174 @@
-import { isFullRowSemanticWidth as f, resolveSemanticWidthPx as p } from "../../../PropertyValue/semanticWidth.js";
-const W = {
+import { isFullRowSemanticWidth as A, resolveSemanticWidthPx as p } from "../../../PropertyValue/semanticWidth.js";
+const m = {
+  narrow: 0.28,
+  normal: 0.6,
+  punctuation: 0.28,
+  space: 0.26,
+  thin: 0.38,
+  uppercase: 0.68,
+  wide: 0.86
+}, W = {
   small: {
-    buffer: 12,
-    helperIcon: 24,
-    mandatoryMarker: 8,
-    narrow: 4,
-    normal: 7,
-    punctuation: 3,
-    space: 4,
-    uppercase: 8,
-    wide: 10
+    fontSize: 10,
+    helperIcon: 18,
+    letterSpacing: 0.8,
+    mandatoryMarker: 9,
+    safetyBuffer: 2
   },
   medium: {
-    buffer: 16,
-    helperIcon: 28,
+    fontSize: 11,
+    helperIcon: 20,
+    letterSpacing: 0.8,
     mandatoryMarker: 10,
-    narrow: 5,
-    normal: 8,
-    punctuation: 4,
-    space: 5,
-    uppercase: 9,
-    wide: 11
+    safetyBuffer: 2
   }
-}, a = 796, A = [
-  90,
-  160,
-  240,
-  320,
-  400,
-  520,
-  a
-], m = "ijlI1|!", h = ".,;:", I = "mwMW@%#&";
-function T(t) {
-  const { hasHelperMessage: e = !1, label: r, mandatory: n = !1, size: u, symbol: i } = t, o = W[u], l = typeof i == "string" && i.trim() !== "" ? `${r} (${i.trim()})` : r, s = Array.from(l).reduce((d, c) => d + R(c, o), 0);
+}, d = 796, c = 37, s = 16, l = 24, I = 0.06, L = [
+  { columns: 22, maxContainerWidth: 1255 },
+  { columns: 20, maxContainerWidth: 1149 },
+  { columns: 18, maxContainerWidth: 1043 },
+  { columns: 16, maxContainerWidth: 937 },
+  { columns: 14, maxContainerWidth: 831 },
+  { columns: 12, maxContainerWidth: 725 },
+  { columns: 10, maxContainerWidth: 619 },
+  { columns: 8, maxContainerWidth: 513 },
+  { columns: 6, maxContainerWidth: 407 },
+  { columns: 4, maxContainerWidth: 359 },
+  { columns: 3, maxContainerWidth: 343 },
+  { columns: 2, maxContainerWidth: 335 },
+  { columns: 1, maxContainerWidth: 319 }
+], R = "ijlI|!", N = ".,;:'", x = "ftr()[]{}/\\", E = "mwMW@%#&";
+function F(n) {
+  const { hasHelperMessage: t = !1, label: i, mandatory: e = !1, size: o, symbol: r } = n, u = W[o], f = typeof r == "string" && r.trim() !== "" ? `${i} (${r.trim()})` : i, C = Array.from(f), h = C.reduce((M, _) => M + O(_), 0) * u.fontSize + C.length * u.letterSpacing;
   return Math.ceil(
-    s + o.buffer + (n ? o.mandatoryMarker : 0) + (e ? o.helperIcon : 0)
+    h + u.safetyBuffer + (e ? u.mandatoryMarker : 0) + (t ? u.helperIcon : 0)
   );
 }
-function C(t) {
-  const { requestedSemanticWidth: e } = t, r = T(t), n = p(e);
-  if (f(e))
+function P(n) {
+  const { requestedSemanticWidth: t } = n, i = F(n), e = p(t);
+  if (A(t))
     return {
-      controlWidth: n,
-      estimatedLabelWidth: r,
+      controlWidth: e,
+      estimatedLabelWidth: i,
+      gridColumnSpan: l,
       isFullWidth: !0,
-      requestedSemanticWidth: e
+      requestedSemanticWidth: t
     };
-  if (!n || r > a)
+  if (!e || i > d)
     return {
-      controlWidth: n,
-      estimatedLabelWidth: r,
+      controlWidth: e,
+      estimatedLabelWidth: i,
+      gridColumnSpan: l,
       isFullWidth: !0,
-      requestedSemanticWidth: e
+      requestedSemanticWidth: t
     };
-  const u = Math.max(n, r), i = r <= n ? n : _(u);
-  return i ? {
-    controlWidth: n,
-    estimatedLabelWidth: r,
+  const o = Math.max(e, i), r = i <= e ? e : T(o);
+  return r ? {
+    controlWidth: e,
+    estimatedLabelWidth: i,
+    gridColumnSpan: D(
+      r,
+      e
+    ),
     isFullWidth: !1,
-    labelWidth: i,
-    requestedSemanticWidth: e,
-    wrapperWidth: i
+    labelWidth: r,
+    requestedSemanticWidth: t,
+    wrapperWidth: r
   } : {
-    controlWidth: n,
-    estimatedLabelWidth: r,
+    controlWidth: e,
+    estimatedLabelWidth: i,
+    gridColumnSpan: l,
     isFullWidth: !0,
-    requestedSemanticWidth: e
+    requestedSemanticWidth: t
   };
 }
-function _(t) {
-  return A.find((e) => t <= e);
+function T(n) {
+  if (!(!Number.isFinite(n) || n <= 0) && !(n > d))
+    return Math.ceil(n);
 }
-function R(t, e) {
-  return t.trim() === "" ? e.space : m.includes(t) ? e.narrow : h.includes(t) ? e.punctuation : I.includes(t) ? e.wide : t >= "A" && t <= "Z" ? e.uppercase : e.normal;
+function D(n, t = n) {
+  if (!Number.isFinite(n))
+    return l;
+  const i = a(
+    Math.ceil(
+      (n + s) / (c + s)
+    )
+  ), e = Number.isFinite(t) ? t : n, o = a(
+    Math.ceil(
+      (e + s) / (c + s)
+    )
+  ), r = Math.max(o, i - 1);
+  return r < i && v(n, r) ? r : i;
+}
+function y(n, t) {
+  return Math.min(
+    a(n),
+    a(t)
+  );
+}
+function S(n) {
+  const t = a(n);
+  return t * c + (t - 1) * s;
+}
+function G(n, t, i) {
+  const e = a(t), o = Math.min(
+    a(n),
+    e
+  );
+  if (!Number.isFinite(i) || i <= 0)
+    return S(o);
+  const r = (e - 1) * s, u = Math.max(0, i - r) / e;
+  return o * u + (o - 1) * s;
+}
+function z(n, t, i) {
+  if (!Number.isFinite(n) || n <= 0)
+    return 0;
+  const e = a(i), o = Math.min(
+    a(t),
+    e
+  );
+  return Math.ceil(
+    (e * n + (e - o) * s) / o
+  );
+}
+function g(n, t, i) {
+  if (!Number.isFinite(n))
+    return a(t);
+  const e = a(t);
+  for (let o = 1; o <= e; o += 1)
+    if (G(
+      o,
+      e,
+      i
+    ) >= n)
+      return o;
+  return e;
+}
+function a(n) {
+  return Number.isFinite(n) ? Math.min(
+    l,
+    Math.max(1, Math.ceil(n))
+  ) : l;
+}
+function v(n, t) {
+  const i = S(t);
+  return i >= n ? !0 : (n - i) / n <= I;
+}
+function O(n) {
+  return n.trim() === "" ? m.space : R.includes(n) ? m.narrow : N.includes(n) ? m.punctuation : x.includes(n) ? m.thin : E.includes(n) ? m.wide : n >= "A" && n <= "Z" ? m.uppercase : m.normal;
 }
 export {
-  A as ADAPTIVE_FIELD_LAYOUT_VISUAL_TRACK_WIDTHS,
-  T as estimateLabelWidthPx,
-  C as resolveAdaptiveFieldLayout,
-  _ as resolveAdaptiveFieldLayoutVisualTrackWidth
+  c as DYNAMIC_FORM_SEMANTIC_GRID_BASE_COLUMN_WIDTH,
+  L as DYNAMIC_FORM_SEMANTIC_GRID_COLUMN_BREAKPOINTS,
+  s as DYNAMIC_FORM_SEMANTIC_GRID_COLUMN_GAP,
+  l as DYNAMIC_FORM_SEMANTIC_GRID_MAX_COLUMNS,
+  I as DYNAMIC_FORM_SEMANTIC_GRID_SPAN_PRECISION_THRESHOLD,
+  F as estimateLabelWidthPx,
+  P as resolveAdaptiveFieldLayout,
+  T as resolveAdaptiveFieldLayoutVisualTrackWidth,
+  z as resolveSemanticGridContainerWidthForSpan,
+  D as resolveSemanticGridFieldColumnSpan,
+  y as resolveSemanticGridSpanForColumnCount,
+  g as resolveSemanticGridSpanForContainerWidth,
+  S as resolveSemanticGridSpanWidth,
+  G as resolveSemanticGridSpanWidthForContainer
 };

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;AAmKrB,eAAO,MAAM,kBAAkB,oHAwK7B,CAAC"}
+{"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;AAoKrB,eAAO,MAAM,kBAAkB,oHAwK7B,CAAC"}