@goldenpine/react-form-builder2 0.18.4-patch.1 → 0.20.3-build.10

package/dist/app.js.LICENSE.txt

@@ -0,0 +1,66 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+/*!
+  react-datepicker v8.4.0
+  https://github.com/Hacker0x01/react-datepicker
+  Released under the MIT License.
+*/
+
+/*!
+ * Signature Pad v2.3.2
+ * https://github.com/szimek/signature_pad
+ *
+ * Copyright 2017 Szymon Nowak
+ * Released under the MIT license
+ *
+ * The main idea and some parts of the code (e.g. drawing variable width Bézier curve) are taken from:
+ * http://corner.squareup.com/2012/07/smoother-signatures.html
+ *
+ * Implementation of interpolation using cubic Bézier curves is taken from:
+ * http://benknowscode.wordpress.com/2012/09/14/path-interpolation-using-cubic-bezier-and-control-point-estimation-in-javascript
+ *
+ * Algorithm for approximated length of a Bézier curve is taken from:
+ * http://www.lemoda.net/maths/bezier-length/index.html
+ *
+ */
+
+/*! =======================================================
+                      VERSION  11.0.2              
+========================================================= */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/lib/ItemTypes.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = {
+var _default = exports["default"] = {
   CARD: 'card',
   BOX: 'box'
-};
-exports["default"] = _default;
+};

package/lib/UUID.js

@@ -11,9 +11,7 @@ ID.uuid = function (len, radix) {
   radix = radix || chars.length;
   if (len) {
     // Compact form
-    for (i = 0; i < len; i++) {
-      uuid[i] = chars[0 | Math.random() * radix];
-    }
+    for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
   } else {
     // rfc4122, version 4 form
     var r;

package/lib/dynamic-option-list.js

@@ -7,23 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _UUID = _interopRequireDefault(require("./UUID"));
 var _IntlMessages = _interopRequireDefault(require("./language-provider/IntlMessages"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
   * <DynamicOptionList />
   */
-var DynamicOptionList = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DynamicOptionList, _React$Component);
-  var _super = _createSuper(DynamicOptionList);
+var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Component) {
   function DynamicOptionList(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, DynamicOptionList);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, DynamicOptionList, [props]);
     _this.state = {
       element: _this.props.element,
       data: _this.props.data,
@@ -31,7 +29,8 @@ var DynamicOptionList = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  (0, _createClass2["default"])(DynamicOptionList, [{
+  (0, _inherits2["default"])(DynamicOptionList, _React$Component);
+  return (0, _createClass2["default"])(DynamicOptionList, [{
     key: "_setValue",
     value: function _setValue(text) {
       return text.replace(/[^A-Z0-9]+/ig, '_').toLowerCase();
@@ -91,10 +90,11 @@ var DynamicOptionList = /*#__PURE__*/function (_React$Component) {
     key: "addOption",
     value: function addOption(index) {
       var this_element = this.state.element;
+      var groupKey = this_element.element.toLowerCase();
       this_element.options.splice(index + 1, 0, {
         value: '',
         text: '',
-        key: _UUID["default"].uuid()
+        key: "".concat(groupKey, "_option_").concat(_UUID["default"].uuid())
       });
       this.props.updateElement.call(this.props.preview, this_element);
     }
@@ -184,6 +184,4 @@ var DynamicOptionList = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-  return DynamicOptionList;
-}(_react["default"].Component);
-exports["default"] = DynamicOptionList;
+}(_react["default"].Component);

package/lib/fieldset/FieldSet.js

@@ -17,10 +17,9 @@ var _dustbin = _interopRequireDefault(require("../multi-column/dustbin"));
 var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
 var _excluded = ["data", "class_name"];
 /* eslint-disable camelcase */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var accepts = [_ItemTypes["default"].BOX, _ItemTypes["default"].CARD];
 function FieldSetBase(props) {
   var _useState = (0, _react.useState)({}),

package/lib/form-dynamic-edit.js

@@ -10,8 +10,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var FormElementsEditor = function FormElementsEditor(props) {
   var _React$useState = _react["default"].useState(null),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -21,23 +20,21 @@ var FormElementsEditor = function FormElementsEditor(props) {
     var loadDynamic = /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
         var x;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('./form-elements-edit'));
-                });
-              case 2:
-                x = _context.sent;
-                setDynamic(function () {
-                  return x["default"];
-                });
-              case 4:
-              case "end":
-                return _context.stop();
-            }
+        return _regenerator["default"].wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 1;
+              return Promise.resolve().then(function () {
+                return _interopRequireWildcard(require('./form-elements-edit'));
+              });
+            case 1:
+              x = _context.sent;
+              setDynamic(function () {
+                return x["default"];
+              });
+            case 2:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
@@ -53,5 +50,4 @@ var FormElementsEditor = function FormElementsEditor(props) {
   var Component = dynamic;
   return /*#__PURE__*/_react["default"].createElement(Component, props);
 };
-var _default = FormElementsEditor;
-exports["default"] = _default;
+var _default = exports["default"] = FormElementsEditor;

package/lib/form-elements/component-drag-handle.js

@@ -6,86 +6,60 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDnd = require("react-dnd");
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
 var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var style = {
-  // display: 'inline-block',
-  // border: '1px dashed gray',
-  // padding: '0.5rem 1rem',
-  // backgroundColor: 'white',
   cursor: 'move'
 };
-var dragHandleSource = {
-  beginDrag: function beginDrag(props) {
-    var data = props.data,
-      index = props.index,
-      onDestroy = props.onDestroy,
-      setAsChild = props.setAsChild,
-      getDataById = props.getDataById;
-    return {
-      itemType: _ItemTypes["default"].BOX,
-      index: data.parentId ? -1 : index,
-      parentIndex: data.parentIndex,
-      id: data.id,
-      col: data.col,
-      onDestroy: onDestroy,
-      setAsChild: setAsChild,
-      getDataById: getDataById,
-      data: data
-    };
-  }
-};
-var DragHandle = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2["default"])(DragHandle, _PureComponent);
-  var _super = _createSuper(DragHandle);
-  function DragHandle() {
-    (0, _classCallCheck2["default"])(this, DragHandle);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(DragHandle, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var connectDragPreview = this.props.connectDragPreview;
-      if (connectDragPreview) {
-        // Use empty image as a drag preview so browsers don't draw it
-        // and we can draw whatever we want on the custom drag layer instead.
-        connectDragPreview((0, _reactDndHtml5Backend.getEmptyImage)(), {
-          // IE fallback: specify that we'd rather screenshot the node
-          // when it already knows it's being dragged so we can hide it with CSS.
-          captureDraggingState: true
-        });
+var DragHandle = function DragHandle(props) {
+  var data = props.data,
+    index = props.index,
+    onDestroy = props.onDestroy,
+    setAsChild = props.setAsChild,
+    getDataById = props.getDataById;
+  var _useDrag = (0, _reactDnd.useDrag)({
+      type: _ItemTypes["default"].BOX,
+      item: function item() {
+        return {
+          itemType: _ItemTypes["default"].BOX,
+          index: data.parentId ? -1 : index,
+          parentIndex: data.parentIndex,
+          id: data.id,
+          col: data.col,
+          onDestroy: onDestroy,
+          setAsChild: setAsChild,
+          getDataById: getDataById,
+          data: data
+        };
+      },
+      collect: function collect(monitor) {
+        return {
+          isDragging: monitor.isDragging()
+        };
       }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var connectDragSource = this.props.connectDragSource;
-      return connectDragSource(/*#__PURE__*/_react["default"].createElement("div", {
-        className: "btn is-isolated",
-        style: style
-      }, /*#__PURE__*/_react["default"].createElement("i", {
-        className: "is-isolated fas fa-grip-vertical"
-      })));
-    }
-  }]);
-  return DragHandle;
-}(_react.PureComponent);
-var _default = (0, _reactDnd.DragSource)(_ItemTypes["default"].BOX, dragHandleSource, function (connect, monitor) {
-  return {
-    connectDragSource: connect.dragSource(),
-    connectDragPreview: connect.dragPreview(),
-    isDragging: monitor.isDragging()
-  };
-})(DragHandle);
-exports["default"] = _default;
+    }),
+    _useDrag2 = (0, _slicedToArray2["default"])(_useDrag, 3),
+    dragRef = _useDrag2[1],
+    dragPreviewRef = _useDrag2[2];
+
+  // Use empty image as drag preview
+  (0, _react.useEffect)(function () {
+    dragPreviewRef((0, _reactDndHtml5Backend.getEmptyImage)(), {
+      // IE fallback: specify that we'd rather screenshot the node
+      // when it already knows it's being dragged so we can hide it with CSS.
+      captureDraggingState: true
+    });
+  }, [dragPreviewRef]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: dragRef,
+    className: "btn is-isolated",
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "is-isolated fas fa-grip-vertical"
+  }));
+};
+var _default = exports["default"] = DragHandle;

package/lib/form-elements/component-drag-layer.js

@@ -18,9 +18,7 @@ var layerStyles = {
   width: '100%',
   height: '100%'
 };
-function getItemStyles(props) {
-  var initialOffset = props.initialOffset,
-    currentOffset = props.currentOffset;
+function getItemStyles(initialOffset, currentOffset) {
   if (!initialOffset || !currentOffset) {
     return {
       display: 'none'
@@ -34,10 +32,21 @@ function getItemStyles(props) {
     WebkitTransform: transform
   };
 }
-var CustomDragLayer = function CustomDragLayer(props) {
-  var item = props.item,
-    itemType = props.itemType,
-    isDragging = props.isDragging;
+var CustomDragLayer = function CustomDragLayer() {
+  var _useDragLayer = (0, _reactDnd.useDragLayer)(function (monitor) {
+      return {
+        item: monitor.getItem(),
+        itemType: monitor.getItemType(),
+        initialOffset: monitor.getInitialSourceClientOffset(),
+        currentOffset: monitor.getSourceClientOffset(),
+        isDragging: monitor.isDragging()
+      };
+    }),
+    itemType = _useDragLayer.itemType,
+    isDragging = _useDragLayer.isDragging,
+    item = _useDragLayer.item,
+    initialOffset = _useDragLayer.initialOffset,
+    currentOffset = _useDragLayer.currentOffset;
   function renderItem() {
     switch (itemType) {
       case _ItemTypes["default"].BOX:
@@ -54,16 +63,7 @@ var CustomDragLayer = function CustomDragLayer(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: layerStyles
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: getItemStyles(props)
+    style: getItemStyles(initialOffset, currentOffset)
   }, renderItem()));
 };
-var _default = (0, _reactDnd.DragLayer)(function (monitor) {
-  return {
-    item: monitor.getItem(),
-    itemType: monitor.getItemType(),
-    initialOffset: monitor.getInitialSourceClientOffset(),
-    currentOffset: monitor.getSourceClientOffset(),
-    isDragging: monitor.isDragging()
-  };
-})(CustomDragLayer);
-exports["default"] = _default;
+var _default = exports["default"] = CustomDragLayer;

package/lib/form-elements/component-drag-preview.js

@@ -9,10 +9,9 @@ exports.BoxDragPreview = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable no-nested-ternary */ /* eslint-disable import/prefer-default-export */ /* eslint-disable no-unused-vars */
 var boxStyles = {
   border: '1px dashed gray',
   padding: '0.5rem 1rem',
@@ -33,7 +32,7 @@ var Box = function Box(_ref) {
     })
   }, title);
 };
-var BoxDragPreview = function BoxDragPreview(_ref2) {
+var BoxDragPreview = exports.BoxDragPreview = function BoxDragPreview(_ref2) {
   var item = _ref2.item;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -42,14 +41,6 @@ var BoxDragPreview = function BoxDragPreview(_ref2) {
   var text = item.data.content ? item.data.content : item.data.label ? item.data.label : item.data.text;
   var isLongText = text.length > 20;
   var previewText = isLongText ? "".concat(text.slice(0, 20), "...") : text;
-
-  // useEffect(function subscribeToIntervalTick() {
-  //     const interval = setInterval(() => {
-  //         setTickTock(!tickTock);
-  //     }, 500);
-  //     return () => clearInterval(interval);
-  // }, [tickTock]);
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: styles,
     role: "BoxPreview"
@@ -57,5 +48,4 @@ var BoxDragPreview = function BoxDragPreview(_ref2) {
     title: previewText,
     color: tickTock
   }));
-};
-exports.BoxDragPreview = BoxDragPreview;
+};

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

@@ -26,5 +26,4 @@ var ComponentHeader = function ComponentHeader(props) {
     required: props.data.required
   }));
 };
-var _default = ComponentHeader;
-exports["default"] = _default;
+var _default = exports["default"] = ComponentHeader;

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

@@ -13,18 +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 = ComponentLabel;
-exports["default"] = _default;
+var _default = exports["default"] = ComponentLabel;

package/lib/form-elements/custom-element.js

@@ -10,29 +10,27 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
 var _componentHeader = _interopRequireDefault(require("./component-header"));
 var _componentLabel = _interopRequireDefault(require("./component-label"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var CustomElement = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(CustomElement, _Component);
-  var _super = _createSuper(CustomElement);
   function CustomElement(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, CustomElement);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, CustomElement, [props]);
     _this.inputField = /*#__PURE__*/_react["default"].createRef();
     return _this;
   }
-  (0, _createClass2["default"])(CustomElement, [{
+  (0, _inherits2["default"])(CustomElement, _Component);
+  return (0, _createClass2["default"])(CustomElement, [{
     key: "render",
     value: function render() {
       var bare = this.props.data.bare;
@@ -67,8 +65,6 @@ var CustomElement = /*#__PURE__*/function (_Component) {
       }, this.props.data.props, props))));
     }
   }]);
-  return CustomElement;
 }(_react.Component);
 CustomElement.propTypes = {};
-var _default = CustomElement;
-exports["default"] = _default;
+var _default = exports["default"] = CustomElement;