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

package/lib/form.js

@@ -8,13 +8,11 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
 var _fbemitter = require("fbemitter");
 var _reactIntl = require("react-intl");
 var _formValidator = _interopRequireDefault(require("./form-validator"));
@@ -23,8 +21,8 @@ var _multiColumn = require("./multi-column");
 var _fieldset = require("./fieldset");
 var _customElement = _interopRequireDefault(require("./form-elements/custom-element"));
 var _registry = _interopRequireDefault(require("./stores/registry"));
-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; })(); } /* eslint-disable arrow-body-style */ /* eslint-disable camelcase */ /**
   * <Form />
   */
 var Image = _formElements["default"].Image,
@@ -34,19 +32,17 @@ var Image = _formElements["default"].Image,
   Camera = _formElements["default"].Camera,
   FileUpload = _formElements["default"].FileUpload;
 var ReactForm = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ReactForm, _React$Component);
-  var _super = _createSuper(ReactForm);
   function ReactForm(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, ReactForm);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "form", void 0);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputs", {});
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "answerData", void 0);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_getOptionKeyValue", function (option) {
+    _this = _callSuper(this, ReactForm, [props]);
+    (0, _defineProperty2["default"])(_this, "form", void 0);
+    (0, _defineProperty2["default"])(_this, "inputs", {});
+    (0, _defineProperty2["default"])(_this, "answerData", void 0);
+    (0, _defineProperty2["default"])(_this, "_getOptionKeyValue", function (option) {
       return _this.props.option_key_value === 'value' ? option.value : option.key;
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRenderSubmit", function () {
+    (0, _defineProperty2["default"])(_this, "handleRenderSubmit", function () {
       var name = _this.props.action_name || _this.props.actionName;
       var actionName = name || 'Submit';
       var _this$props$submitBut = _this.props.submitButton,
@@ -57,7 +53,7 @@ var ReactForm = /*#__PURE__*/function (_React$Component) {
         value: actionName
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRenderBack", function () {
+    (0, _defineProperty2["default"])(_this, "handleRenderBack", function () {
       var name = _this.props.back_name || _this.props.backName;
       var backName = name || 'Cancel';
       var _this$props$backButto = _this.props.backButton,
@@ -69,15 +65,16 @@ var ReactForm = /*#__PURE__*/function (_React$Component) {
     });
     _this.answerData = _this._convert(props.answer_data);
     _this.emitter = new _fbemitter.EventEmitter();
-    _this.getDataById = _this.getDataById.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.getDataById = _this.getDataById.bind(_this);
 
     // Bind handleBlur and handleChange methods
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleSubmit = _this.handleSubmit.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleBlur = _this.handleBlur.bind(_this);
+    _this.handleChange = _this.handleChange.bind(_this);
+    _this.handleSubmit = _this.handleSubmit.bind(_this);
     return _this;
   }
-  (0, _createClass2["default"])(ReactForm, [{
+  (0, _inherits2["default"])(ReactForm, _React$Component);
+  return (0, _createClass2["default"])(ReactForm, [{
     key: "_convert",
     value: function _convert(answers) {
       if (Array.isArray(answers)) {
@@ -134,7 +131,7 @@ var ReactForm = /*#__PURE__*/function (_React$Component) {
       } else if (item.element === 'FileUpload') {
         $item.value = ref.state.fileUpload;
       } else if (ref && ref.inputField && ref.inputField.current) {
-        $item = _reactDom["default"].findDOMNode(ref.inputField.current);
+        $item = ref.inputField.current;
         if (trimValue && $item && typeof $item.value === 'string') {
           $item.value = $item.value.trim();
         }
@@ -149,7 +146,7 @@ var ReactForm = /*#__PURE__*/function (_React$Component) {
         var ref = this.inputs[item.field_name];
         if (item.element === 'Checkboxes' || item.element === 'RadioButtons') {
           item.options.forEach(function (option) {
-            var $option = _reactDom["default"].findDOMNode(ref.options["child_ref_".concat(option.key)]);
+            var $option = ref.options["child_ref_".concat(option.key)];
             if (option.hasOwnProperty('correct') && !$option.checked || !option.hasOwnProperty('correct') && $option.checked) {
               incorrect = true;
             }
@@ -176,7 +173,7 @@ var ReactForm = /*#__PURE__*/function (_React$Component) {
         if (item.element === 'Checkboxes' || item.element === 'RadioButtons') {
           var checked_options = 0;
           item.options.forEach(function (option) {
-            var $option = _reactDom["default"].findDOMNode(ref.options["child_ref_".concat(option.key)]);
+            var $option = ref.options["child_ref_".concat(option.key)];
             if ($option.checked) {
               checked_options += 1;
             }
@@ -212,7 +209,7 @@ var ReactForm = /*#__PURE__*/function (_React$Component) {
       if (item.element === 'Checkboxes' || item.element === 'RadioButtons') {
         var checked_options = [];
         item.options.forEach(function (option) {
-          var $option = _reactDom["default"].findDOMNode(ref.options["child_ref_".concat(option.key)]);
+          var $option = ref.options["child_ref_".concat(option.key)];
           if ($option.checked) {
             checked_options.push(_this3._getOptionKeyValue(option));
           }
@@ -245,7 +242,7 @@ var ReactForm = /*#__PURE__*/function (_React$Component) {
       if ($canvas_sig) {
         var base64 = $canvas_sig.toDataURL().replace('data:image/png;base64,', '');
         var isEmpty = $canvas_sig.isEmpty();
-        var $input_sig = _reactDom["default"].findDOMNode(ref.inputField.current);
+        var $input_sig = ref.inputField.current;
         if (isEmpty) {
           $input_sig.value = '';
         } else {
@@ -271,14 +268,14 @@ var ReactForm = /*#__PURE__*/function (_React$Component) {
           var data = this._collectFormData(this.props.data, true);
           onSubmit(data);
         } else {
-          var $form = _reactDom["default"].findDOMNode(this.form);
+          var $form = this.form;
           $form.submit();
         }
       }
     }
   }, {
     key: "handleBlur",
-    value: function handleBlur(event) {
+    value: function handleBlur() {
       // Call submit function on blur
       if (this.props.onBlur) {
         var onBlur = this.props.onBlur;
@@ -288,7 +285,7 @@ var ReactForm = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "handleChange",
-    value: function handleChange(event) {
+    value: function handleChange() {
       // Call submit function on change
       if (this.props.onChange) {
         var onChange = this.props.onChange;
@@ -583,10 +580,8 @@ var ReactForm = /*#__PURE__*/function (_React$Component) {
       }, !this.props.hide_actions && this.handleRenderSubmit(), !this.props.hide_actions && this.props.back_action && this.handleRenderBack()))));
     }
   }]);
-  return ReactForm;
 }(_react["default"].Component);
-var _default = (0, _reactIntl.injectIntl)(ReactForm);
-exports["default"] = _default;
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(ReactForm);
 ReactForm.defaultProps = {
   validateForCorrectness: false
 };

package/lib/functions/index.js

@@ -22,16 +22,13 @@ var draftToHtml = _interopRequireWildcard(require("draftjs-to-html"));
 exports.draftToHtml = draftToHtml;
 var _reactDraftWysiwyg = require("react-draft-wysiwyg");
 var _UUID = _interopRequireDefault(require("../UUID"));
-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; }
-var generateUUID = function generateUUID() {
+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 generateUUID = exports.generateUUID = function generateUUID() {
   return _UUID["default"].uuid();
 };
-exports.generateUUID = generateUUID;
-var TextAreaAutosize = function TextAreaAutosize(props) {
+var TextAreaAutosize = exports.TextAreaAutosize = function TextAreaAutosize(props) {
   return /*#__PURE__*/_react["default"].createElement(PkgTextAreaAutosize, props);
 };
-exports.TextAreaAutosize = TextAreaAutosize;
 function groupBy(list, keyGetter) {
   var map = new Map();
   list.forEach(function (item) {

package/lib/index.js

@@ -22,10 +22,9 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-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 _reactDnd = require("react-dnd");
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
@@ -36,25 +35,24 @@ var _form = _interopRequireDefault(require("./form"));
 var _store = _interopRequireDefault(require("./stores/store"));
 var _registry = _interopRequireDefault(require("./stores/registry"));
 var _languageProvider = _interopRequireDefault(require("./language-provider"));
-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; })(); } /**
   * <ReactFormBuilder />
 */
-var ReactFormBuilder = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ReactFormBuilder, _React$Component);
-  var _super = _createSuper(ReactFormBuilder);
+var ReactFormBuilder = exports.ReactFormBuilder = /*#__PURE__*/function (_React$Component) {
   function ReactFormBuilder(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, ReactFormBuilder);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, ReactFormBuilder, [props]);
     _this.state = {
       editMode: false,
       editElement: null
     };
-    _this.editModeOn = _this.editModeOn.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.editModeOn = _this.editModeOn.bind(_this);
     return _this;
   }
-  (0, _createClass2["default"])(ReactFormBuilder, [{
+  (0, _inherits2["default"])(ReactFormBuilder, _React$Component);
+  return (0, _createClass2["default"])(ReactFormBuilder, [{
     key: "editModeOn",
     value: function editModeOn(data, e) {
       e.preventDefault();
@@ -122,9 +120,7 @@ var ReactFormBuilder = /*#__PURE__*/function (_React$Component) {
       })))))));
     }
   }]);
-  return ReactFormBuilder;
 }(_react["default"].Component);
-exports.ReactFormBuilder = ReactFormBuilder;
 function ReactFormGenerator(props) {
   var language = props.locale ? props.locale : 'en';
   var currentAppLocale = _languageProvider["default"][language];
@@ -138,5 +134,4 @@ FormBuilders.ReactFormBuilder = ReactFormBuilder;
 FormBuilders.ReactFormGenerator = ReactFormGenerator;
 FormBuilders.ElementStore = _store["default"];
 FormBuilders.Registry = _registry["default"];
-var _default = FormBuilders;
-exports["default"] = _default;
+var _default = exports["default"] = FormBuilders;

package/lib/language-provider/IntlMessages.js

@@ -10,7 +10,6 @@ var _reactIntl = require("react-intl");
 var InjectMassage = function InjectMassage(props) {
   return /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, props);
 };
-var _default = (0, _reactIntl.injectIntl)(InjectMassage, {
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(InjectMassage, {
   withRef: false
-});
-exports["default"] = _default;
+});

package/lib/language-provider/entries/en-us.js

@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _enUs = _interopRequireDefault(require("../locales/en-us.json"));
-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 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 EnLang = {
   messages: _objectSpread({}, _enUs["default"]),
   locale: 'en-US'
 };
-var _default = EnLang;
-exports["default"] = _default;
+var _default = exports["default"] = EnLang;

package/lib/language-provider/entries/fa-ir.js

@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _faIr = _interopRequireDefault(require("../locales/fa-ir.json"));
-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 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 FaLang = {
   messages: _objectSpread({}, _faIr["default"]),
   locale: 'fa-IR'
 };
-var _default = FaLang;
-exports["default"] = _default;
+var _default = exports["default"] = FaLang;

package/lib/language-provider/entries/it-it.js

@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _itIt = _interopRequireDefault(require("../locales/it-it.json"));
-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 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 ItLang = {
   messages: _objectSpread({}, _itIt["default"]),
   locale: 'it-IT'
 };
-var _default = ItLang;
-exports["default"] = _default;
+var _default = exports["default"] = ItLang;

package/lib/language-provider/entries/vi-vn.js

@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _viVn = _interopRequireDefault(require("../locales/vi-vn.json"));
-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 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 VnLang = {
   messages: _objectSpread({}, _viVn["default"]),
   locale: 'vi-VN'
 };
-var _default = VnLang;
-exports["default"] = _default;
+var _default = exports["default"] = VnLang;

package/lib/language-provider/index.js

@@ -9,7 +9,7 @@ var _enUs = _interopRequireDefault(require("./entries/en-us"));
 var _itIt = _interopRequireDefault(require("./entries/it-it"));
 var _viVn = _interopRequireDefault(require("./entries/vi-vn"));
 var _faIr = _interopRequireDefault(require("./entries/fa-ir"));
-var AppLanguages = [{
+var AppLanguages = exports.AppLanguages = [{
   languageId: 'vietnamese',
   locale: 'vi',
   name: 'Vietnamese',
@@ -30,12 +30,10 @@ var AppLanguages = [{
   name: 'farsi',
   icon: 'ir'
 }];
-exports.AppLanguages = AppLanguages;
 var AppLocale = {
   en: _enUs["default"],
   vi: _viVn["default"],
   it: _itIt["default"],
   fa: _faIr["default"]
 };
-var _default = AppLocale;
-exports["default"] = _default;
+var _default = exports["default"] = AppLocale;

package/lib/multi-column/MultiColumnRow.js

@@ -10,9 +10,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 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 = _interopRequireDefault(require("react"));
 var _componentHeader = _interopRequireDefault(require("../form-elements/component-header"));
 var _componentLabel = _interopRequireDefault(require("../form-elements/component-label"));
@@ -21,19 +21,18 @@ var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
 var _excluded = ["data", "class_name"],
   _excluded2 = ["data", "class_name"],
   _excluded3 = ["data"];
-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; } } /* eslint-disable camelcase */
+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; })(); } /* eslint-disable camelcase */
 var accepts = [_ItemTypes["default"].BOX, _ItemTypes["default"].CARD];
 var MultiColumnRowBase = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(MultiColumnRowBase, _React$Component);
-  var _super = _createSuper(MultiColumnRowBase);
   function MultiColumnRowBase() {
     (0, _classCallCheck2["default"])(this, MultiColumnRowBase);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MultiColumnRowBase, arguments);
   }
-  (0, _createClass2["default"])(MultiColumnRowBase, [{
+  (0, _inherits2["default"])(MultiColumnRowBase, _React$Component);
+  return (0, _createClass2["default"])(MultiColumnRowBase, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -81,9 +80,8 @@ var MultiColumnRowBase = /*#__PURE__*/function (_React$Component) {
       }))));
     }
   }]);
-  return MultiColumnRowBase;
 }(_react["default"].Component);
-var TwoColumnRow = function TwoColumnRow(_ref) {
+var TwoColumnRow = exports.TwoColumnRow = function TwoColumnRow(_ref) {
   var data = _ref.data,
     class_name = _ref.class_name,
     rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -98,8 +96,7 @@ var TwoColumnRow = function TwoColumnRow(_ref) {
     data: data
   }));
 };
-exports.TwoColumnRow = TwoColumnRow;
-var ThreeColumnRow = function ThreeColumnRow(_ref2) {
+var ThreeColumnRow = exports.ThreeColumnRow = function ThreeColumnRow(_ref2) {
   var data = _ref2.data,
     class_name = _ref2.class_name,
     rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
@@ -114,8 +111,7 @@ var ThreeColumnRow = function ThreeColumnRow(_ref2) {
     data: data
   }));
 };
-exports.ThreeColumnRow = ThreeColumnRow;
-var MultiColumnRow = function MultiColumnRow(_ref3) {
+var MultiColumnRow = exports.MultiColumnRow = function MultiColumnRow(_ref3) {
   var data = _ref3.data,
     rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
   var colCount = data.col_count || 4;
@@ -133,5 +129,4 @@ var MultiColumnRow = function MultiColumnRow(_ref3) {
     className: className,
     data: data
   }));
-};
-exports.MultiColumnRow = MultiColumnRow;
+};

package/lib/multi-column/dustbin.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
@@ -15,9 +16,8 @@ var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
 var _customElement = _interopRequireDefault(require("../form-elements/custom-element"));
 var _registry = _interopRequireDefault(require("../stores/registry"));
 var _store = _interopRequireDefault(require("../stores/store"));
-var _excluded = ["onDropSuccess", "seq", "draggedItem", "parentIndex", "canDrop", "isOver", "isOverCurrent", "connectDropTarget", "items", "col", "getDataById"];
-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; }
+var _excluded = ["onDropSuccess", "seq", "parentIndex", "items", "col", "getDataById", "accepts", "data", "setAsChild"];
+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 getCustomElement(item, props) {
   if (!item.component || typeof item.component !== 'function') {
     item.component = _registry["default"].get(item.key);
@@ -67,90 +67,75 @@ function isContainer(item) {
   }
   return false;
 }
-var Dustbin = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+var Dustbin = function Dustbin(_ref) {
+  var _draggedItem$data;
   var onDropSuccess = _ref.onDropSuccess,
     seq = _ref.seq,
-    draggedItem = _ref.draggedItem,
     parentIndex = _ref.parentIndex,
-    canDrop = _ref.canDrop,
-    isOver = _ref.isOver,
-    isOverCurrent = _ref.isOverCurrent,
-    connectDropTarget = _ref.connectDropTarget,
     items = _ref.items,
     col = _ref.col,
     getDataById = _ref.getDataById,
+    accepts = _ref.accepts,
+    data = _ref.data,
+    setAsChild = _ref.setAsChild,
     rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var dropRef = (0, _react.useRef)(null);
   var item = getDataById(items[col]);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      onDrop: function onDrop(dropped) {
-        console.log("dropped ites");
-        var data = dropped.data;
-        if (data) {
-          onDropSuccess && onDropSuccess();
-          _store["default"].dispatch('deleteLastItem');
+  var _useDrop = (0, _reactDnd.useDrop)({
+      accept: accepts,
+      collect: function collect(monitor) {
+        return {
+          isOver: monitor.isOver(),
+          canDrop: monitor.canDrop(),
+          draggedItem: monitor.getItem()
+        };
+      },
+      drop: function drop(droppedItem) {
+        // Do nothing when moving the box inside the same column
+        if (col === droppedItem.col && items[col] === droppedItem.id) return;
+
+        // Do not allow replace component other than both items in same multi column row
+        if (droppedItem.col === undefined && items[col]) {
+          _store["default"].dispatch('resetLastItem');
+          return;
+        }
+        if (!isContainer(droppedItem)) {
+          console.log("Item dropped", droppedItem);
+          var isBusy = !!items[col];
+          if (droppedItem.data) {
+            var isNew = !droppedItem.data.id;
+            var itemData = isNew ? droppedItem.onCreate(droppedItem.data) : droppedItem.data;
+            if (typeof setAsChild === 'function') {
+              setAsChild(data, itemData, col, isBusy);
+            }
+            onDropSuccess && onDropSuccess();
+            _store["default"].dispatch('deleteLastItem');
+          }
         }
+      },
+      canDrop: function canDrop(item) {
+        // Add any custom logic for when an item can be dropped
+        return true;
       }
-    };
-  }, []);
+    }),
+    _useDrop2 = (0, _slicedToArray2["default"])(_useDrop, 2),
+    _useDrop2$ = _useDrop2[0],
+    isOver = _useDrop2$.isOver,
+    canDrop = _useDrop2$.canDrop,
+    draggedItem = _useDrop2$.draggedItem,
+    drop = _useDrop2[1];
   var element = getElement(item, rest);
   var sameCard = draggedItem ? draggedItem.index === parentIndex : false;
-
-  // console.log('dragIndex:',draggedItem?.index)
-  // console.log('HoverIndex:',parentIndex)
-  // console.log('SameCard:',sameCard)
-
   var backgroundColor = 'rgba(0, 0, 0, .03)';
-  if (!sameCard && isOver && canDrop && !draggedItem.data.isContainer) {
+  if (!sameCard && isOver && canDrop && draggedItem && !((_draggedItem$data = draggedItem.data) !== null && _draggedItem$data !== void 0 && _draggedItem$data.isContainer)) {
     backgroundColor = '#F7F589';
   }
 
-  // console.log('sameCard, canDrop', sameCard, canDrop);
-  return connectDropTarget(/*#__PURE__*/_react["default"].createElement("div", {
-    style: !sameCard ? getStyle(backgroundColor) : getStyle('rgba(0, 0, 0, .03')
-  }, !element && /*#__PURE__*/_react["default"].createElement("span", null, "Drop your element here "), element));
-});
-var _default = (0, _reactDnd.DropTarget)(function (props) {
-  return props.accepts;
-}, {
-  drop: function drop(props, monitor, component) {
-    if (!component) {
-      return;
-    }
-
-    // //Do nothing whith busy dustbin
-    // if(props.items[props.col]) return;
-    // Allow swap column if target and source are in same multi column row
-    var isBusy = !!props.items[props.col];
-    var item = monitor.getItem();
-
-    // Do nothing when moving the box inside the same column
-    if (props.col === item.col && props.items[props.col] === item.id) return;
-
-    // Do not allow replace component other than both items in same multi column row
-    if (item.col === undefined && props.items[props.col]) {
-      _store["default"].dispatch('resetLastItem');
-      return;
-    }
-    if (!isContainer(item)) {
-      component.onDrop(item);
-      console.log("calling on Drop from 137", item);
-      if (item.data && typeof props.setAsChild === 'function') {
-        var isNew = !item.data.id;
-        var data = isNew ? item.onCreate(item.data) : item.data;
-        props.setAsChild(props.data, data, props.col, isBusy);
-      }
-    }
-  }
-}, function (connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    draggedItem: monitor.getItem() ? monitor.getItem() : null,
-    isOver: monitor.isOver(),
-    isOverCurrent: monitor.isOver({
-      shallow: true
-    }),
-    canDrop: monitor.canDrop()
-  };
-})(Dustbin);
-exports["default"] = _default;
+  // Connect the drop ref to the DOM element
+  drop(dropRef);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: dropRef,
+    style: !sameCard ? getStyle(backgroundColor) : getStyle('rgba(0, 0, 0, .03)')
+  }, !element && /*#__PURE__*/_react["default"].createElement("span", null, "Drop your element here"), element);
+};
+var _default = exports["default"] = Dustbin;