@tsed/react-formio 1.11.1 → 1.13.0

package/dist/index.modern.js

@@ -1227,7 +1227,7 @@ function Select(_ref) {
     onChange,
     required,
     value,
-    choices = [],
+    choices,
     description,
     placeholder,
     prefix,
@@ -1357,6 +1357,7 @@ function PaginationButton(props) {
         otherProps = _objectWithoutPropertiesLoose(props, ["component", "children", "disabled", "active"]);
 
   return React.createElement(Component, Object.assign({}, otherProps, {
+    "data-testid": 'pagination-button',
     disabled: disabled,
     className: classnames("page-link", disabled ? "disabled" : "", active ? "" : "", props.className)
   }), children);
@@ -1372,7 +1373,7 @@ function Pagination(props) {
     nextPage,
     canNextPage,
     pageCount,
-    pageIndex,
+    pageIndex = 1,
     pageOptions,
     pageSize,
     setPageSize,
@@ -1489,9 +1490,10 @@ function InputText(_ref) {
     prefix,
     suffix,
     description,
-    className
+    className,
+    placeholder
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["name", "value", "label", "onChange", "required", "size", "type", "prefix", "suffix", "description", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["name", "value", "label", "onChange", "required", "size", "type", "prefix", "suffix", "description", "className", "placeholder"]);
 
   const [localValue, setValue] = useState(value);
   const change = useMemo(() => callLast(onChange, 300), [onChange]);
@@ -1513,7 +1515,8 @@ function InputText(_ref) {
     className: classnames("form-control", size && `form-control-${size}`),
     id: name,
     required: required,
-    value: localValue || "",
+    value: localValue || placeholder || "",
+    placeholder: placeholder,
     onChange: event => {
       const value = getEventValue(event);
       setValue(value);
@@ -1600,7 +1603,7 @@ function DefaultCellOperations({
     className: 'btn-group'
   }, operations.filter(({
     permissionsResolver
-  }) => !permissionsResolver || permissionsResolver(data, ctx)).map((_ref) => {
+  }) => !permissionsResolver || permissionsResolver(data, ctx)).map(_ref => {
     let {
       OperationButton = DefaultOperationButton
     } = _ref,
@@ -1925,12 +1928,29 @@ function useForm(props) {
   const instance = useRef();
   const events = useRef(new Map());
 
+  async function customValidation(submission, callback) {
+    if (events.current.has("onAsyncSubmit")) {
+      try {
+        await events.current.get("onAsyncSubmit")(submission);
+      } catch (err) {
+        callback((err == null ? void 0 : err.errors) || err);
+      }
+    } else {
+      callback(null);
+    }
+  }
+
   const createWebForm = (srcOrForm, options) => {
     options = Object.assign({}, options);
     srcOrForm = typeof srcOrForm === "string" ? srcOrForm : cloneDeep(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 Form$1(element.current, srcOrForm, options);
       instance.current.onAny((event, ...args) => {
         if (!instance.current) {
@@ -1953,7 +1973,8 @@ function useForm(props) {
               events.current.set(funcName, fn);
             }
 
-            events.current.get(funcName)(...args);
+            instance.current.instance.setAlert("success", "");
+            events.current.get(funcName)(...args, instance.current);
           }
         }
       });
@@ -2012,6 +2033,9 @@ function useForm(props) {
   useEffect(() => {
     props.onSubmit && events.current.set("onSubmit", props.onSubmit);
   }, [props.onSubmit, events]);
+  useEffect(() => {
+    props.onAsyncSubmit && events.current.set("onAsyncSubmit", props.onAsyncSubmit);
+  }, [props.onAsyncSubmit, events]);
   useEffect(() => {
     props.onSubmitDone && events.current.set("onSubmitDone", props.onSubmitDone);
   }, [props.onSubmitDone, events]);
@@ -2063,7 +2087,8 @@ Form.propTypes = {
     noAlerts: PropTypes.bool,
     i18n: PropTypes.any,
     template: PropTypes.string,
-    saveDraft: PropTypes.bool
+    saveDraft: PropTypes.bool,
+    hooks: PropTypes.any
   }),
   onPrevPage: PropTypes.func,
   onNextPage: PropTypes.func,
@@ -2072,6 +2097,7 @@ Form.propTypes = {
   onCustomEvent: PropTypes.func,
   onComponentChange: PropTypes.func,
   onSubmit: PropTypes.func,
+  onAsyncSubmit: PropTypes.func,
   onSubmitDone: PropTypes.func,
   onFormLoad: PropTypes.func,
   onError: PropTypes.func,
@@ -2563,7 +2589,8 @@ class FormBuilder extends React.Component {
     var _this$builderRef;
 
     (_this$builderRef = this.builderRef) == null ? void 0 : _this$builderRef.destroy();
-  }
+  } // eslint-disable-next-line react/no-deprecated
+
 
   async componentWillReceiveProps(nextProps) {
     if (this.builderRef) {
@@ -3302,9 +3329,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));
       }
 
@@ -3423,7 +3451,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;
@@ -3465,8 +3496,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];
 
@@ -3518,9 +3549,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') {
@@ -3950,9 +3982,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 {
@@ -4033,7 +4066,8 @@ var moment = createCommonjsModule(function (module, exports) {
 
     function addParseToken(token, callback) {
       var i,
-          func = callback;
+          func = callback,
+          tokenLen;
 
       if (typeof token === 'string') {
         token = [token];
@@ -4045,7 +4079,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;
       }
     }
@@ -5131,11 +5167,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;
@@ -5367,12 +5408,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;
@@ -5386,7 +5429,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];
@@ -5722,10 +5765,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];
 
@@ -5818,15 +5863,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);
@@ -6048,7 +6094,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])))) {
@@ -6056,7 +6103,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
@@ -6544,9 +6591,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);
       }
@@ -8288,7 +8336,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;
@@ -8855,8 +8903,10 @@ function ButtonTab({
   after
 }) {
   return React.createElement("div", {
+    title: 'button-wrapper',
     className: classnames("tw-tabs__button-wrapper", isActive ? "-active" : "", back ? "-back" : "", className)
   }, React.createElement("button", {
+    title: 'button-tab',
     className: classnames("tw-tabs__button", reverse ? "-reverse" : "", isActive ? "-active" : "", back ? "-back" : ""),
     onClick: onClick
   }, icon && React.createElement("i", {
@@ -8883,6 +8933,7 @@ function Tabs(_ref) {
       additionalProps = _objectWithoutPropertiesLoose(_ref, ["style", "current", "items", "children", "HeaderChildren", "AddButton", "Button", "className", "onClick", "i18n"]);
 
   return React.createElement("div", {
+    "data-testid": 'tabs-comp',
     className: `tw-tabs ${className}`,
     style: style
   }, React.createElement("div", null, React.createElement("nav", {
@@ -8906,6 +8957,7 @@ function Tabs(_ref) {
   })))), HeaderChildren && React.createElement(HeaderChildren, Object.assign({}, additionalProps, {
     current: current
   }))), React.createElement("div", {
+    title: "tab-body",
     className: "tw-tabs__body"
   }, children));
 }