@tsed/react-formio 1.11.2 → 1.13.1

package/dist/components/input-text/inputText.component.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/select/select.component.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/tabs/tabs.component.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.js

@@ -130,6 +130,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -1725,8 +1728,7 @@ function Select(_ref) {
       _onChange = _ref.onChange,
       required = _ref.required,
       value = _ref.value,
-      _ref$choices = _ref.choices,
-      choices = _ref$choices === void 0 ? [] : _ref$choices,
+      choices = _ref.choices,
       description = _ref.description,
       placeholder = _ref.placeholder,
       prefix = _ref.prefix,
@@ -2001,7 +2003,8 @@ function InputText(_ref) {
       suffix = _ref.suffix,
       description = _ref.description,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["name", "value", "label", "onChange", "required", "size", "type", "prefix", "suffix", "description", "className"]);
+      placeholder = _ref.placeholder,
+      props = _objectWithoutPropertiesLoose(_ref, ["name", "value", "label", "onChange", "required", "size", "type", "prefix", "suffix", "description", "className", "placeholder"]);
 
   var _useState = React.useState(value),
       localValue = _useState[0],
@@ -2029,6 +2032,7 @@ function InputText(_ref) {
     id: name,
     required: required,
     value: localValue || "",
+    placeholder: placeholder,
     onChange: function onChange(event) {
       var value = getEventValue(event);
       setValue(value);
@@ -2477,7 +2481,43 @@ function Card(_ref) {
   }, children));
 }
 
+function _catch$a(body, recover) {
+  try {
+    var result = body();
+  } catch (e) {
+    return recover(e);
+  }
+
+  if (result && result.then) {
+    return result.then(void 0, recover);
+  }
+
+  return result;
+}
+
 function useForm(props) {
+  var customValidation = function customValidation(submission, callback) {
+    try {
+      var _temp3 = function () {
+        if (events.current.has("onAsyncSubmit")) {
+          var _temp4 = _catch$a(function () {
+            return Promise.resolve(events.current.get("onAsyncSubmit")(submission)).then(function () {});
+          }, function (err) {
+            callback((err == null ? void 0 : err.errors) || err);
+          });
+
+          if (_temp4 && _temp4.then) return _temp4.then(function () {});
+        } else {
+          callback(null);
+        }
+      }();
+
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
   var src = props.src,
       form = props.form,
       _props$options = props.options,
@@ -2496,7 +2536,12 @@ function useForm(props) {
     srcOrForm = typeof srcOrForm === "string" ? srcOrForm : cloneDeep__default['default'](srcOrForm);
 
     if (!instance.current) {
+      var _options, _options$hooks;
+
       isLoaded.current = false;
+      options.hooks = _extends({}, options.hooks || {}, {
+        customValidation: ((_options = options) == null ? void 0 : (_options$hooks = _options.hooks) == null ? void 0 : _options$hooks.customValidation) || customValidation
+      });
       instance.current = new formiojs.Form(element.current, srcOrForm, options);
       instance.current.onAny(function (event) {
         var args = [].slice.call(arguments, 1);
@@ -2521,7 +2566,8 @@ function useForm(props) {
               events.current.set(funcName, fn);
             }
 
-            events.current.get(funcName).apply(void 0, args);
+            instance.current.instance.setAlert("success", "");
+            events.current.get(funcName).apply(void 0, args.concat([instance.current]));
           }
         }
       });
@@ -2580,6 +2626,9 @@ function useForm(props) {
   React.useEffect(function () {
     props.onSubmit && events.current.set("onSubmit", props.onSubmit);
   }, [props.onSubmit, events]);
+  React.useEffect(function () {
+    props.onAsyncSubmit && events.current.set("onAsyncSubmit", props.onAsyncSubmit);
+  }, [props.onAsyncSubmit, events]);
   React.useEffect(function () {
     props.onSubmitDone && events.current.set("onSubmitDone", props.onSubmitDone);
   }, [props.onSubmitDone, events]);
@@ -2631,7 +2680,8 @@ Form.propTypes = {
     noAlerts: PropTypes__default['default'].bool,
     i18n: PropTypes__default['default'].any,
     template: PropTypes__default['default'].string,
-    saveDraft: PropTypes__default['default'].bool
+    saveDraft: PropTypes__default['default'].bool,
+    hooks: PropTypes__default['default'].any
   }),
   onPrevPage: PropTypes__default['default'].func,
   onNextPage: PropTypes__default['default'].func,
@@ -2640,6 +2690,7 @@ Form.propTypes = {
   onCustomEvent: PropTypes__default['default'].func,
   onComponentChange: PropTypes__default['default'].func,
   onSubmit: PropTypes__default['default'].func,
+  onAsyncSubmit: PropTypes__default['default'].func,
   onSubmitDone: PropTypes__default['default'].func,
   onFormLoad: PropTypes__default['default'].func,
   onError: PropTypes__default['default'].func,
@@ -3062,7 +3113,7 @@ function FormAction(_ref2) {
   }), children);
 }
 
-function _catch$a(body, recover) {
+function _catch$b(body, recover) {
   try {
     var result = body();
   } catch (e) {
@@ -3090,7 +3141,7 @@ var createBuilder = function createBuilder(el, _ref2) {
       display: display,
       components: [].concat(components)
     };
-    return Promise.resolve(_catch$a(function () {
+    return Promise.resolve(_catch$b(function () {
       return Promise.resolve(new FormioFormBuilder__default['default'](el, form, _extends({}, options)).ready).then(function (builder) {
         var handleEvent = function handleEvent(event) {
           return function () {
@@ -3192,7 +3243,8 @@ var FormBuilder = /*#__PURE__*/function (_React$Component) {
     var _this$builderRef;
 
     (_this$builderRef = this.builderRef) == null ? void 0 : _this$builderRef.destroy();
-  };
+  } // eslint-disable-next-line react/no-deprecated
+  ;
 
   _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
     try {
@@ -3986,9 +4038,10 @@ var moment = createCommonjsModule(function (module, exports) {
 
     function map(arr, fn) {
       var res = [],
-          i;
+          i,
+          arrLen = arr.length;
 
-      for (i = 0; i < arr.length; ++i) {
+      for (i = 0; i < arrLen; ++i) {
         res.push(fn(arr[i], i));
       }
 
@@ -4107,7 +4160,10 @@ var moment = createCommonjsModule(function (module, exports) {
         updateInProgress = false;
 
     function copyConfig(to, from) {
-      var i, prop, val;
+      var i,
+          prop,
+          val,
+          momentPropertiesLen = momentProperties.length;
 
       if (!isUndefined(from._isAMomentObject)) {
         to._isAMomentObject = from._isAMomentObject;
@@ -4149,8 +4205,8 @@ var moment = createCommonjsModule(function (module, exports) {
         to._locale = from._locale;
       }
 
-      if (momentProperties.length > 0) {
-        for (i = 0; i < momentProperties.length; i++) {
+      if (momentPropertiesLen > 0) {
+        for (i = 0; i < momentPropertiesLen; i++) {
           prop = momentProperties[i];
           val = from[prop];
 
@@ -4202,9 +4258,10 @@ var moment = createCommonjsModule(function (module, exports) {
           var args = [],
               arg,
               i,
-              key;
+              key,
+              argLen = arguments.length;
 
-          for (i = 0; i < arguments.length; i++) {
+          for (i = 0; i < argLen; i++) {
             arg = '';
 
             if (typeof arguments[i] === 'object') {
@@ -4634,9 +4691,10 @@ var moment = createCommonjsModule(function (module, exports) {
       if (typeof units === 'object') {
         units = normalizeObjectUnits(units);
         var prioritized = getPrioritizedUnits(units),
-            i;
+            i,
+            prioritizedLen = prioritized.length;
 
-        for (i = 0; i < prioritized.length; i++) {
+        for (i = 0; i < prioritizedLen; i++) {
           this[prioritized[i].unit](units[prioritized[i].unit]);
         }
       } else {
@@ -4717,7 +4775,8 @@ var moment = createCommonjsModule(function (module, exports) {
 
     function addParseToken(token, callback) {
       var i,
-          func = callback;
+          func = callback,
+          tokenLen;
 
       if (typeof token === 'string') {
         token = [token];
@@ -4729,7 +4788,9 @@ var moment = createCommonjsModule(function (module, exports) {
         };
       }
 
-      for (i = 0; i < token.length; i++) {
+      tokenLen = token.length;
+
+      for (i = 0; i < tokenLen; i++) {
         tokens[token[i]] = func;
       }
     }
@@ -5815,11 +5876,16 @@ var moment = createCommonjsModule(function (module, exports) {
       return globalLocale;
     }
 
+    function isLocaleNameSane(name) {
+      // Prevent names that look like filesystem paths, i.e contain '/' or '\'
+      return name.match('^[^/\\\\]*$') != null;
+    }
+
     function loadLocale(name) {
       var oldLocale = null,
           aliasedRequire; // TODO: Find a better way to register and load all the locales in Node
 
-      if (locales[name] === undefined && 'object' !== 'undefined' && module && module.exports) {
+      if (locales[name] === undefined && 'object' !== 'undefined' && module && module.exports && isLocaleNameSane(name)) {
         try {
           oldLocale = globalLocale._abbr;
           aliasedRequire = commonjsRequire;
@@ -6051,12 +6117,14 @@ var moment = createCommonjsModule(function (module, exports) {
           allowTime,
           dateFormat,
           timeFormat,
-          tzFormat;
+          tzFormat,
+          isoDatesLen = isoDates.length,
+          isoTimesLen = isoTimes.length;
 
       if (match) {
         getParsingFlags(config).iso = true;
 
-        for (i = 0, l = isoDates.length; i < l; i++) {
+        for (i = 0, l = isoDatesLen; i < l; i++) {
           if (isoDates[i][1].exec(match[1])) {
             dateFormat = isoDates[i][0];
             allowTime = isoDates[i][2] !== false;
@@ -6070,7 +6138,7 @@ var moment = createCommonjsModule(function (module, exports) {
         }
 
         if (match[3]) {
-          for (i = 0, l = isoTimes.length; i < l; i++) {
+          for (i = 0, l = isoTimesLen; i < l; i++) {
             if (isoTimes[i][1].exec(match[3])) {
               // match[2] should be 'T' or space
               timeFormat = (match[2] || ' ') + isoTimes[i][0];
@@ -6406,10 +6474,12 @@ var moment = createCommonjsModule(function (module, exports) {
           skipped,
           stringLength = string.length,
           totalParsedInputLength = 0,
-          era;
+          era,
+          tokenLen;
       tokens = expandFormat(config._f, config._locale).match(formattingTokens) || [];
+      tokenLen = tokens.length;
 
-      for (i = 0; i < tokens.length; i++) {
+      for (i = 0; i < tokenLen; i++) {
         token = tokens[i];
         parsedInput = (string.match(getParseRegexForToken(token, config)) || [])[0];
 
@@ -6502,15 +6572,16 @@ var moment = createCommonjsModule(function (module, exports) {
           i,
           currentScore,
           validFormatFound,
-          bestFormatIsValid = false;
+          bestFormatIsValid = false,
+          configfLen = config._f.length;
 
-      if (config._f.length === 0) {
+      if (configfLen === 0) {
         getParsingFlags(config).invalidFormat = true;
         config._d = new Date(NaN);
         return;
       }
 
-      for (i = 0; i < config._f.length; i++) {
+      for (i = 0; i < configfLen; i++) {
         currentScore = 0;
         validFormatFound = false;
         tempConfig = copyConfig({}, config);
@@ -6732,7 +6803,8 @@ var moment = createCommonjsModule(function (module, exports) {
     function isDurationValid(m) {
       var key,
           unitHasDecimal = false,
-          i;
+          i,
+          orderLen = ordering.length;
 
       for (key in m) {
         if (hasOwnProp(m, key) && !(indexOf.call(ordering, key) !== -1 && (m[key] == null || !isNaN(m[key])))) {
@@ -6740,7 +6812,7 @@ var moment = createCommonjsModule(function (module, exports) {
         }
       }
 
-      for (i = 0; i < ordering.length; ++i) {
+      for (i = 0; i < orderLen; ++i) {
         if (m[ordering[i]]) {
           if (unitHasDecimal) {
             return false; // only allow non-integers for smallest unit
@@ -7228,9 +7300,10 @@ var moment = createCommonjsModule(function (module, exports) {
           propertyTest = false,
           properties = ['years', 'year', 'y', 'months', 'month', 'M', 'days', 'day', 'd', 'dates', 'date', 'D', 'hours', 'hour', 'h', 'minutes', 'minute', 'm', 'seconds', 'second', 's', 'milliseconds', 'millisecond', 'ms'],
           i,
-          property;
+          property,
+          propertyLen = properties.length;
 
-      for (i = 0; i < properties.length; i += 1) {
+      for (i = 0; i < propertyLen; i += 1) {
         property = properties[i];
         propertyTest = propertyTest || hasOwnProp(input, property);
       }
@@ -8972,7 +9045,7 @@ var moment = createCommonjsModule(function (module, exports) {
       config._d = new Date(toInt(input));
     }); //! moment.js
 
-    hooks.version = '2.29.1';
+    hooks.version = '2.29.3';
     setHookCallback(createLocal);
     hooks.fn = proto;
     hooks.min = min;
@@ -9586,8 +9659,10 @@ function ButtonTab(_ref) {
       className = _ref.className,
       after = _ref.after;
   return React__default['default'].createElement("div", {
+    title: 'button-wrapper',
     className: classnames("tw-tabs__button-wrapper", isActive ? "-active" : "", back ? "-back" : "", className)
   }, React__default['default'].createElement("button", {
+    title: 'button-tab',
     className: classnames("tw-tabs__button", reverse ? "-reverse" : "", isActive ? "-active" : "", back ? "-back" : ""),
     onClick: onClick
   }, icon && React__default['default'].createElement("i", {
@@ -9617,6 +9692,7 @@ function Tabs(_ref2) {
       additionalProps = _objectWithoutPropertiesLoose(_ref2, ["style", "current", "items", "children", "HeaderChildren", "AddButton", "Button", "className", "onClick", "i18n"]);
 
   return React__default['default'].createElement("div", {
+    "data-testid": 'tabs-comp',
     className: "tw-tabs " + className,
     style: style
   }, React__default['default'].createElement("div", null, React__default['default'].createElement("nav", {
@@ -9642,6 +9718,7 @@ function Tabs(_ref2) {
   })))), HeaderChildren && React__default['default'].createElement(HeaderChildren, Object.assign({}, additionalProps, {
     current: current
   }))), React__default['default'].createElement("div", {
+    title: "tab-body",
     className: "tw-tabs__body"
   }, children));
 }