@goldenpine/react-form-builder2 0.20.3-build.2 → 0.20.3-build.4

package/lib/form-elements/component-label.js

@@ -13,17 +13,30 @@ var ComponentLabel = function ComponentLabel(props) {
   if (!labelText) {
     return null;
   }
+
+  // Since we use <div> to replace <span> in the label in form-elements-edit.jsx to support multiple-line labels,
+  // we need to ensure that the required label, *,  is inserted correctly.
+  // If it's simply appended the label string, it will show on a new line.
+  // The workaround is to insert it before the first closing </div> or </li> tag if it exists,
+  // so it appears at the end of the first line of the label.
+  var updatedLabel = labelText;
+  if (hasRequiredLabel) {
+    var insertSpan = '<span class="label-required" style="color:red;">*</span>';
+    var closingTagRegex = /<\/(div|li)>/i; // case-insensitive match for </div> or </li>
+
+    if (closingTagRegex.test(labelText)) {
+      updatedLabel = labelText.replace(closingTagRegex, "".concat(insertSpan, "</$1>"));
+    } else {
+      // Neither </div> nor </li> found — append at the end
+      updatedLabel = labelText + insertSpan;
+    }
+  }
   return /*#__PURE__*/_react["default"].createElement("label", {
     className: props.className || 'form-label'
   }, /*#__PURE__*/_react["default"].createElement("span", {
     dangerouslySetInnerHTML: {
-      __html: labelText
-    }
-  }), hasRequiredLabel && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "label-required",
-    style: {
-      color: "red"
+      __html: updatedLabel
     }
-  }, "*"));
+  }));
 };
 var _default = exports["default"] = ComponentLabel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goldenpine/react-form-builder2",
-  "version": "0.20.3-build.2",
+  "version": "0.20.3-build.4",
   "description": "A complete form builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",