@tsed/react-formio 1.11.1 → 1.13.0

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

@@ -12,7 +12,7 @@ export interface InputTextProps<T = any> extends FormControlProps {
     placeholder?: string;
     [key: string]: any;
 }
-export declare function InputText<T = any>({ name, value, label, onChange, required, size, type, prefix, suffix, description, className, ...props }: InputTextProps<T>): JSX.Element;
+export declare function InputText<T = any>({ name, value, label, onChange, required, size, type, prefix, suffix, description, className, placeholder, ...props }: InputTextProps<T>): JSX.Element;
 export declare namespace InputText {
     var propTypes: {
         label: PropTypes.Requireable<string>;

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

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

package/dist/components/loader/loader.component.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
+import { PropsWithChildren } from "react";
 export interface LoaderProps {
     isActive?: boolean;
     color?: string;
     icon?: string;
     className?: string;
 }
-export declare function Loader({ isActive, color, icon, className }: LoaderProps): JSX.Element;
+export declare function Loader({ isActive, color, icon, className }: PropsWithChildren<LoaderProps>): JSX.Element;
 export declare namespace Loader {
     var propTypes: {
         isActive: PropTypes.Requireable<boolean>;

package/dist/components/loader/loader.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Loader } from "./loader.component";
+declare const _default: {
+    title: string;
+    component: typeof Loader;
+    argTypes: {};
+    parameters: {};
+};
+export default _default;
+export declare const Sandbox: {
+    (args: any): JSX.Element;
+    args: {
+        isActive: boolean;
+    };
+};

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

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

package/dist/components/pagination/pagination.stories.d.ts

@@ -3,33 +3,6 @@ import { Pagination } from "./pagination.component";
 declare const _default: {
     title: string;
     component: typeof Pagination;
-    argTypes: {
-        pageSizes: {
-            control: {
-                type: string;
-            };
-        };
-        pageCount: {
-            control: {
-                type: string;
-            };
-        };
-        pageIndex: {
-            control: {
-                type: string;
-            };
-        };
-        canPreviousPage: {
-            control: {
-                type: string;
-            };
-        };
-        canNextPage: {
-            control: {
-                type: string;
-            };
-        };
-    };
     parameters: {};
 };
 export default _default;

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,
@@ -1857,6 +1859,7 @@ function PaginationButton(props) {
       otherProps = _objectWithoutPropertiesLoose(props, ["component", "children", "disabled", "active"]);
 
   return React__default['default'].createElement(Component, Object.assign({}, otherProps, {
+    "data-testid": 'pagination-button',
     disabled: disabled,
     className: classnames("page-link", disabled ? "disabled" : "", active ? "" : "", props.className)
   }), children);
@@ -1872,7 +1875,8 @@ function Pagination(props) {
       nextPage = props.nextPage,
       canNextPage = props.canNextPage,
       pageCount = props.pageCount,
-      pageIndex = props.pageIndex,
+      _props$pageIndex = props.pageIndex,
+      pageIndex = _props$pageIndex === void 0 ? 1 : _props$pageIndex,
       pageOptions = props.pageOptions,
       pageSize = props.pageSize,
       setPageSize = props.setPageSize,
@@ -1999,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],
@@ -2026,7 +2031,8 @@ function InputText(_ref) {
     className: classnames("form-control", size && "form-control-" + size),
     id: name,
     required: required,
-    value: localValue || "",
+    value: localValue || placeholder || "",
+    placeholder: placeholder,
     onChange: function onChange(event) {
       var value = getEventValue(event);
       setValue(value);
@@ -2475,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,
@@ -2494,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);
@@ -2519,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]));
           }
         }
       });
@@ -2578,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]);
@@ -2629,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,
@@ -2638,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,
@@ -3060,7 +3113,7 @@ function FormAction(_ref2) {
   }), children);
 }
 
-function _catch$a(body, recover) {
+function _catch$b(body, recover) {
   try {
     var result = body();
   } catch (e) {
@@ -3088,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 () {
@@ -3190,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 {
@@ -3984,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));
       }
 
@@ -4105,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;
@@ -4147,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];
 
@@ -4200,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') {
@@ -4632,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 {
@@ -4715,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];
@@ -4727,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;
       }
     }
@@ -5813,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;
@@ -6049,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;
@@ -6068,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];
@@ -6404,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];
 
@@ -6500,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);
@@ -6730,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])))) {
@@ -6738,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
@@ -7226,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);
       }
@@ -8970,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;
@@ -9584,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", {
@@ -9615,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", {
@@ -9640,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));
 }