@tsed/react-formio 2.1.0 → 2.1.2

package/dist/index.js

@@ -3,7 +3,7 @@ var WebformBuilder = require('formiojs/WebformBuilder');
 var Wizard = require('formiojs/Wizard');
 var WizardBuilder = require('formiojs/WizardBuilder');
 var noop = require('lodash/noop');
-var React$1 = require('react');
+var React = require('react');
 var formiojs = require('formiojs');
 var Choices = require('@formio/choices.js');
 var PropTypes = require('prop-types');
@@ -29,7 +29,7 @@ var WebformBuilder__default = /*#__PURE__*/_interopDefaultLegacy(WebformBuilder)
 var Wizard__default = /*#__PURE__*/_interopDefaultLegacy(Wizard);
 var WizardBuilder__default = /*#__PURE__*/_interopDefaultLegacy(WizardBuilder);
 var noop__default = /*#__PURE__*/_interopDefaultLegacy(noop);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Choices__default = /*#__PURE__*/_interopDefaultLegacy(Choices);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var AllComponents__default = /*#__PURE__*/_interopDefaultLegacy(AllComponents);
@@ -240,8 +240,8 @@ function Select(_ref) {
     multiple = _ref.multiple,
     layout = _ref.layout,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var ref = React$1.useRef();
-  React$1.useEffect(function () {
+  var ref = React.useRef();
+  React.useEffect(function () {
     var instance;
     if (layout === "choicesjs") {
       instance = new Choices__default['default'](ref.current, {
@@ -300,9 +300,9 @@ Select.propTypes = {
 function DrapNDropContainer(_ref) {
   var enableDragNDrop = _ref.enableDragNDrop,
     children = _ref.children;
-  return enableDragNDrop ? /*#__PURE__*/React.createElement(reactDnd.DndProvider, {
+  return enableDragNDrop ? /*#__PURE__*/React__default['default'].createElement(reactDnd.DndProvider, {
     backend: reactDndHtml5Backend.HTML5Backend
-  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }, children) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children);
 }
 
 var LEFT_PAGE = "LEFT";
@@ -480,8 +480,8 @@ function useDndRow(_ref) {
     onDrop = _ref.onDrop,
     index = _ref.index,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  var dropRef = React$1.useRef(null);
-  var dragRef = React$1.useRef(null);
+  var dropRef = React.useRef(null);
+  var dragRef = React.useRef(null);
   var _useDrop = reactDnd.useDrop({
       accept: DND_ITEM_TYPE,
       drop: function drop(item) {
@@ -558,14 +558,14 @@ function useDndRow(_ref) {
 
 function DefaultCells(_ref) {
   var row = _ref.row;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, row.cells.map(function (cell, i) {
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, row.cells.map(function (cell, i) {
     var _cell$column = cell.column,
       hidden = _cell$column.hidden,
       colspan = _cell$column.colspan;
     if (hidden) {
       return null;
     }
-    return /*#__PURE__*/React.createElement("td", _extends({
+    return /*#__PURE__*/React__default['default'].createElement("td", _extends({
       colSpan: colspan
     }, cell.getCellProps(), {
       key: "tableInstance.page.cells." + (cell.value || "value") + "." + i
@@ -651,13 +651,13 @@ function InputText(_ref) {
     className = _ref.className,
     placeholder = _ref.placeholder,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  var _useState = React$1.useState(value),
+  var _useState = React.useState(value),
     localValue = _useState[0],
     setValue = _useState[1];
-  var change = React$1.useMemo(function () {
+  var change = React.useMemo(function () {
     return onChange && callLast(onChange, 300);
   }, [onChange]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     setValue(value);
   }, [value]);
   return /*#__PURE__*/React__default['default'].createElement(FormControl, {
@@ -703,10 +703,10 @@ function DefaultColumnFilter(props) {
     id = _props$column.id,
     filterValue = _props$column.filterValue,
     setFilter = _props$column.setFilter;
-  var _useState = React$1.useState(filterValue || ""),
+  var _useState = React.useState(filterValue || ""),
     value = _useState[0],
     setValue = _useState[1];
-  var onChange = React$1.useCallback(function (name, value) {
+  var onChange = React.useCallback(function (name, value) {
     setValue(value);
     setFilterId(id);
     setFilter(value || undefined);
@@ -914,9 +914,12 @@ function useCustomTable(props) {
     filterId = _React$useState[0],
     setFilterId = _React$useState[1];
   // DND
-  var _useState = React$1.useState(data),
+  var _useState = React.useState(data),
     records = _useState[0],
     setRecords = _useState[1];
+  React.useEffect(function () {
+    setRecords(data);
+  }, [data]);
   var _onDrag = function _onDrag(dragIndex, hoverIndex) {
     var newRecords = swapElements([].concat(records), dragIndex, hoverIndex);
     setRecords(newRecords);
@@ -1067,7 +1070,7 @@ function ActionsTable(_ref) {
     i18n = _props$i18n === void 0 ? function (f) {
       return f;
     } : _props$i18n;
-  var _useState = React$1.useState(""),
+  var _useState = React.useState(""),
     currentAction = _useState[0],
     setAction = _useState[1];
   var columns = [{
@@ -1181,14 +1184,14 @@ function _catch(body, recover) {
   return result;
 }
 function useEvent(event, callback, events) {
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (callback) {
       events.set(event, callback);
     }
   }, [callback, event, events]);
 }
 function useEvents(funcs) {
-  var events = React$1.useRef(new Map());
+  var events = React.useRef(new Map());
   var hasEvent = function hasEvent(event) {
     return funcs.hasOwnProperty(event) && typeof funcs[event] === "function";
   };
@@ -1249,9 +1252,9 @@ function useForm(props) {
     submission = props.submission,
     url = props.url,
     funcs = _objectWithoutPropertiesLoose(props, _excluded$8);
-  var element = React$1.useRef();
-  var isLoaded = React$1.useRef();
-  var instance = React$1.useRef();
+  var element = React.useRef();
+  var isLoaded = React.useRef();
+  var instance = React.useRef();
   var _useEvents = useEvents(funcs),
     emit = _useEvents.emit,
     hasEvent = _useEvents.hasEvent;
@@ -1288,7 +1291,7 @@ function useForm(props) {
     }
     return instance.current;
   };
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (instance.current) {
       instance.current.ready.then(function (formio) {
         if (isEqual__default['default'](formio.submission.data, submission == null ? void 0 : submission.data)) {
@@ -1298,7 +1301,7 @@ function useForm(props) {
       });
     }
   }, [submission]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (form && instance.current) {
       instance.current.ready.then(function (formio) {
         formio.form = form;
@@ -1308,7 +1311,7 @@ function useForm(props) {
       });
     }
   }, [form, url]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (src) {
       if (instance.current) {
         isLoaded.current = false;
@@ -1317,7 +1320,7 @@ function useForm(props) {
       createWebForm(src, options);
     }
   }, [src]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (form) {
       createWebForm(form, options);
     }
@@ -1609,18 +1612,18 @@ function useFormAccess(_ref) {
     _onSubmit = _ref.onSubmit,
     options = _ref.options;
   // eslint-disable-next-line no-undef
-  var form = React$1.useMemo(function () {
+  var form = React.useMemo(function () {
     return getFormAccess(roles);
   }, [roles]);
-  var _useState = React$1.useState(function () {
+  var _useState = React.useState(function () {
       return dataAccessToSubmissions(formDefinition, form);
     }),
     submissions = _useState[0],
     setSubmissions = _useState[1];
-  var onChange = React$1.useCallback(function (type, submission) {
+  var onChange = React.useCallback(function (type, submission) {
     updateSubmissions(type, submission, submissions, setSubmissions);
   }, [submissions]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var input = dataAccessToSubmissions(formDefinition, form);
     if (formDefinition != null && formDefinition._id) {
       if (shouldUpdate("access", submissions.access, input) || shouldUpdate("submissionAccess", submissions.submissionAccess, input)) {
@@ -1647,7 +1650,7 @@ function NamedFormAccess(_ref2) {
     _onChange = _ref2.onChange,
     onSubmit = _ref2.onSubmit,
     children = _ref2.children;
-  var _useState2 = React$1.useState(true),
+  var _useState2 = React.useState(true),
     isValid = _useState2[0],
     setIsValid = _useState2[1];
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Form, {
@@ -1965,8 +1968,8 @@ FormBuilder.propTypes = {
 };
 
 function useTooltip(options) {
-  var ref = React$1.useRef();
-  React$1.useEffect(function () {
+  var ref = React.useRef();
+  React.useEffect(function () {
     ref.current && new Tooltip__default['default'](ref.current, options);
   }, [ref, options]);
   return ref;
@@ -2076,8 +2079,8 @@ function InputTags(_ref) {
     prefix = _ref.prefix,
     suffix = _ref.suffix,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
-  var ref = React$1.useRef();
-  React$1.useEffect(function () {
+  var ref = React.useRef();
+  React.useEffect(function () {
     var instance = new Choices__default['default'](ref.current, {
       delimiter: ",",
       editItems: true,
@@ -2293,7 +2296,7 @@ var reducer = function reducer(state, _ref) {
 };
 
 function useFormEdit(props) {
-  var _useReducer = React$1.useReducer(reducer, createInitialState(props)),
+  var _useReducer = React.useReducer(reducer, createInitialState(props)),
     _useReducer$ = _useReducer[0],
     current = _useReducer$.current,
     future = _useReducer$.future,
@@ -2309,7 +2312,7 @@ function useFormEdit(props) {
       props.onCopy(current);
     }
   };
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (props.form && (current._id !== props.form._id || current.modified !== props.form.modified)) {
       dispatchFormAction({
         type: "replaceForm",
@@ -2495,10 +2498,10 @@ function useFormSettings(_ref) {
     _onSubmit = _ref$onSubmit === void 0 ? noop__default['default'] : _ref$onSubmit,
     options = _ref.options;
   var form = getFormSettingsSchema();
-  var _useState = React$1.useState(true),
+  var _useState = React.useState(true),
     isValid = _useState[0],
     setIsValid = _useState[1];
-  var _useState2 = React$1.useState(function () {
+  var _useState2 = React.useState(function () {
       return formSettingsToSubmission(formDefinition);
     }),
     submission = _useState2[0],
@@ -2513,7 +2516,7 @@ function useFormSettings(_ref) {
     }
     setIsValid(isValid);
   };
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var input = formSettingsToSubmission(formDefinition);
     if (formDefinition != null && formDefinition._id && !isEqual__default['default'](submission.data, input.data)) {
       setSubmission(input);
@@ -7212,7 +7215,7 @@ Loader.propTypes = {
 
 var _excluded$c = ["show", "children", "closeModal", "onClose", "title", "footer", "style", "className"];
 function useModal() {
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
     show = _useState[0],
     setShowModal = _useState[1];
   return {
@@ -7239,16 +7242,16 @@ function Modal(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
-  var titleRef = React$1.useRef();
-  var footerRef = React$1.useRef();
-  var _useState2 = React$1.useState(),
+  var titleRef = React.useRef();
+  var footerRef = React.useRef();
+  var _useState2 = React.useState(),
     maxHeight = _useState2[0],
     setMaxHeight = _useState2[1];
   var onClickClose = function onClickClose() {
     closeModal();
     onClose();
   };
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (titleRef.current || footerRef.current) {
       var _titleRef$current, _footerRef$current;
       var height = ((titleRef == null ? void 0 : (_titleRef$current = titleRef.current) == null ? void 0 : _titleRef$current.offsetHeight) || 0) + ((footerRef == null ? void 0 : (_footerRef$current = footerRef.current) == null ? void 0 : _footerRef$current.offsetHeight) || 0);
@@ -7333,7 +7336,7 @@ function RemoveModal(_ref2) {
     props = _objectWithoutPropertiesLoose(_ref2, _excluded$d);
   var _props$i18n = props.i18n,
     i18n = _props$i18n === void 0 ? noop__default['default'] : _props$i18n;
-  var _useState = React$1.useState(),
+  var _useState = React.useState(),
     value = _useState[0],
     setValue = _useState[1];
   return /*#__PURE__*/React__default['default'].createElement(Modal, _extends({}, props, {