hs-uix 1.5.0 → 1.6.0

package/dist/form.mjs

@@ -2018,6 +2018,7 @@ var FormBuilder = forwardRef(function FormBuilder2(props, ref) {
     }
   };
   const getFieldColSpan = (field) => {
+    if (field.colSpan === "full") return columns;
     if (field.colSpan != null) return Math.min(field.colSpan, columns);
     if (field.width === "full" && columns > 1) return columns;
     if (columns > 1 && (field.type === "display" || field.type === "slot" || field.type === "crmPropertyList" || field.type === "crmAssociationPropertyList")) return columns;
@@ -2043,6 +2044,7 @@ var FormBuilder = forwardRef(function FormBuilder2(props, ref) {
     let currentRowSpan = 0;
     const gridColumnWidth = 200;
     const colSpan = (field) => {
+      if (field.colSpan === "full") return cols;
       if (field.colSpan != null) return Math.min(field.colSpan, cols);
       if (field.width === "full" && cols > 1) return cols;
       if (cols > 1 && (field.type === "display" || field.type === "slot" || field.type === "crmPropertyList" || field.type === "crmAssociationPropertyList")) return cols;
@@ -2176,8 +2178,16 @@ var FormBuilder = forwardRef(function FormBuilder2(props, ref) {
       }
       batch = [];
     };
+    const isFullSpan = (f) => f.colSpan === "full" || typeof f.colSpan === "number" && f.colSpan > 1;
     for (const field of fieldList) {
       if (isDependent(field)) continue;
+      if (isFullSpan(field)) {
+        flushBatch();
+        elements.push(
+          /* @__PURE__ */ React.createElement(React.Fragment, { key: `full-${field.name}` }, renderField(field))
+        );
+        continue;
+      }
       batch.push(field);
       const dependents = getDependents(field);
       if (dependents.length > 0) {
@@ -2189,6 +2199,7 @@ var FormBuilder = forwardRef(function FormBuilder2(props, ref) {
     return elements;
   };
   const wrapWithGroups = (fieldList, renderFn) => {
+    const formatGroupLabel = (groupName) => String(groupName || "").replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (char) => char.toUpperCase());
     const hasGroups = fieldList.some((f) => f.group);
     if (!hasGroups) return renderFn(fieldList);
     const chunks = [];
@@ -2210,6 +2221,7 @@ var FormBuilder = forwardRef(function FormBuilder2(props, ref) {
     for (let i = 0; i < chunks.length; i++) {
       const chunk = chunks[i];
       const opts = chunk.group && groups && groups[chunk.group] || {};
+      const resolvedGroupLabel = opts.label || formatGroupLabel(chunk.group);
       const showDivider = opts.showDivider !== false;
       const showLabel = opts.showLabel !== false;
       if (i > 0 && showDivider) {
@@ -2223,8 +2235,13 @@ var FormBuilder = forwardRef(function FormBuilder2(props, ref) {
           );
         } else {
           elements.push(
-            /* @__PURE__ */ React.createElement(Text, { key: `group-label-${i}`, format: { fontWeight: "demibold" } }, opts.label || chunk.group)
+            /* @__PURE__ */ React.createElement(Text, { key: `group-label-${i}`, format: { fontWeight: "demibold" } }, resolvedGroupLabel)
           );
+          if (opts.description) {
+            elements.push(
+              /* @__PURE__ */ React.createElement(Text, { key: `group-description-${i}`, variant: "microcopy" }, opts.description)
+            );
+          }
         }
       }
       const chunkElements = renderFn(chunk.fields);