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

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

@@ -18,9 +18,12 @@ export interface AdaptiveFieldLayout {
     requestedSemanticWidth?: SemanticWidthOptions | null;
     wrapperWidth?: number;
 }
+export declare const ADAPTIVE_FIELD_LAYOUT_VISUAL_TRACK_WIDTHS: readonly [90, 160, 240, 320, 400, 520, 796];
 /** 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. */
+export declare function resolveAdaptiveFieldLayoutVisualTrackWidth(requiredWidth: number): number | undefined;
 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;AAmCD,2EAA2E;AAC3E,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,0BAA0B,GACjC,MAAM,CAmBR;AAED,+FAA+F;AAC/F,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,gCAAgC,GACvC,mBAAmB,CAiCrB"}
+{"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"}

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

@@ -1,5 +1,5 @@
-import { isFullRowSemanticWidth as c, resolveSemanticWidthPx as f } from "../../../PropertyValue/semanticWidth.js";
-const p = {
+import { isFullRowSemanticWidth as f, resolveSemanticWidthPx as p } from "../../../PropertyValue/semanticWidth.js";
+const W = {
   small: {
     buffer: 12,
     helperIcon: 24,
@@ -22,43 +22,61 @@ const p = {
     uppercase: 9,
     wide: 11
   }
-}, m = 796, W = "ijlI1|!", A = ".,;:", h = "mwMW@%#&";
-function R(t) {
-  const { hasHelperMessage: e = !1, label: r, mandatory: n = !1, size: i, symbol: u } = t, o = p[i], a = typeof u == "string" && u.trim() !== "" ? `${r} (${u.trim()})` : r, l = Array.from(a).reduce((s, d) => s + I(d, o), 0);
+}, 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);
   return Math.ceil(
-    l + o.buffer + (n ? o.mandatoryMarker : 0) + (e ? o.helperIcon : 0)
+    s + o.buffer + (n ? o.mandatoryMarker : 0) + (e ? o.helperIcon : 0)
   );
 }
-function _(t) {
-  const { requestedSemanticWidth: e } = t, r = R(t), n = f(e);
-  if (c(e))
+function C(t) {
+  const { requestedSemanticWidth: e } = t, r = T(t), n = p(e);
+  if (f(e))
     return {
       controlWidth: n,
       estimatedLabelWidth: r,
       isFullWidth: !0,
       requestedSemanticWidth: e
     };
-  if (!n || r > m)
+  if (!n || r > a)
     return {
       controlWidth: n,
       estimatedLabelWidth: r,
       isFullWidth: !0,
       requestedSemanticWidth: e
     };
-  const i = Math.max(n, r);
-  return {
+  const u = Math.max(n, r), i = r <= n ? n : _(u);
+  return i ? {
     controlWidth: n,
     estimatedLabelWidth: r,
     isFullWidth: !1,
     labelWidth: i,
     requestedSemanticWidth: e,
     wrapperWidth: i
+  } : {
+    controlWidth: n,
+    estimatedLabelWidth: r,
+    isFullWidth: !0,
+    requestedSemanticWidth: e
   };
 }
-function I(t, e) {
-  return t.trim() === "" ? e.space : W.includes(t) ? e.narrow : A.includes(t) ? e.punctuation : h.includes(t) ? e.wide : t >= "A" && t <= "Z" ? e.uppercase : e.normal;
+function _(t) {
+  return A.find((e) => t <= e);
+}
+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;
 }
 export {
-  R as estimateLabelWidthPx,
-  _ as resolveAdaptiveFieldLayout
+  A as ADAPTIVE_FIELD_LAYOUT_VISUAL_TRACK_WIDTHS,
+  T as estimateLabelWidthPx,
+  C as resolveAdaptiveFieldLayout,
+  _ as resolveAdaptiveFieldLayoutVisualTrackWidth
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.57.1-beta-hotfix-semantic-width-dynamicform.0",
+  "version": "9.57.1-beta-hotfix-semantic-width-dynamicform.1",
   "publishConfig": {
     "access": "public"
   },
@@ -53,24 +53,24 @@
     "@hookform/resolvers": "2.9.11",
     "nprogress": "0.2.0",
     "react-transition-group": "4.4.5",
-    "react-spinners": "0.13.8",
+    "@tanstack/react-virtual": "3.13.23",
+    "react-color": "2.19.3",
     "react-rnd": "10.5.2",
     "@mui/x-date-pickers": "6.20.2",
+    "react-spinners": "0.13.8",
     "react-draggable": "4.5.0",
-    "react-color": "2.19.3",
     "react-dropzone": "14.4.1",
-    "@tanstack/react-virtual": "3.13.23",
+    "simplebar-react": "3.2.6",
     "chart.js": "4.5.1",
     "chartjs-chart-error-bars": "4.4.5",
     "qrcode.react": "3.2.0",
-    "simplebar-react": "3.2.6",
     "react-resizable-panels": "2.1.9",
     "react-simple-code-editor": "0.14.1",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
     "date-fns": "2.30.0",
-    "react-resizable": "3.1.3",
-    "react-window": "1.8.11"
+    "react-window": "1.8.11",
+    "react-resizable": "3.1.3"
   }
 }