@tsed/react-formio 2.3.3 → 2.3.5

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactElement } from "react";
+import { type HTMLAttributes, type ReactElement } from "react";
 import { FormControlProps } from "../form-control/formControl.component";
 export interface SelectProps<Data = any> extends FormControlProps, Omit<HTMLAttributes<HTMLSelectElement>, "onChange" | "prefix"> {
     size?: string;

package/dist/components/table/components/defaultOperationButton.component.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import React, { type HTMLAttributes } from "react";
 export interface OperationButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
     buttonType?: string;
     buttonSize?: string;
@@ -11,4 +11,4 @@ export interface OperationButtonProps extends Omit<HTMLAttributes<HTMLButtonElem
     i18n?: (i18n: string) => string;
     ctx?: any;
 }
-export declare function DefaultOperationButton(props: OperationButtonProps): import("react").JSX.Element;
+export declare function DefaultOperationButton(props: OperationButtonProps): React.JSX.Element;

package/dist/index.js

@@ -4,7 +4,7 @@ var Wizard = require('formiojs/Wizard');
 var WizardBuilder = require('formiojs/WizardBuilder');
 var classnames = require('classnames');
 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 reactDnd = require('react-dnd');
@@ -31,7 +31,7 @@ var Wizard__default = /*#__PURE__*/_interopDefaultLegacy(Wizard);
 var WizardBuilder__default = /*#__PURE__*/_interopDefaultLegacy(WizardBuilder);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 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);
@@ -142,8 +142,8 @@ function Select(_ref) {
       layout
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
-  const ref = React$1.useRef(null);
-  React$1.useEffect(() => {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
     let instance;
     if (layout === "choicesjs") {
       instance = new Choices__default["default"](ref.current, {
@@ -383,8 +383,8 @@ function useDndRow(_ref) {
       index
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
-  const dropRef = React$1.useRef(null);
-  const dragRef = React$1.useRef(null);
+  const dropRef = React.useRef(null);
+  const dragRef = React.useRef(null);
   const [, drop] = reactDnd.useDrop({
     accept: DND_ITEM_TYPE,
     drop(item) {
@@ -554,9 +554,9 @@ function InputText(_ref) {
       placeholder
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
-  const [localValue, setValue] = React$1.useState(value);
-  const change = React$1.useMemo(() => onChange && callLast(onChange, 300), [onChange]);
-  React$1.useEffect(() => {
+  const [localValue, setValue] = React.useState(value);
+  const change = React.useMemo(() => onChange && callLast(onChange, 300), [onChange]);
+  React.useEffect(() => {
     setValue(value);
   }, [value]);
   return /*#__PURE__*/React__default["default"].createElement(FormControl, {
@@ -605,8 +605,8 @@ function DefaultColumnFilter(props) {
       setFilter
     }
   } = props;
-  const [value, setValue] = React$1.useState(filterValue || "");
-  const onChange = React$1.useCallback((name, value) => {
+  const [value, setValue] = React.useState(filterValue || "");
+  const onChange = React.useCallback((name, value) => {
     setValue(value);
     setFilterId(id);
     setFilter(value || undefined);
@@ -652,13 +652,13 @@ function DefaultOperationButton(props) {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
     } = props,
     otherProps = _objectWithoutPropertiesLoose(props, _excluded$b);
-  return /*#__PURE__*/React.createElement("button", _extends({}, otherProps, {
+  return /*#__PURE__*/React__default["default"].createElement("button", _extends({}, otherProps, {
     "aria-label": "Operation button: " + (title || action),
     className: classnames__default["default"](className, ["btn", buttonOutline && "outline", buttonType].filter(Boolean).join("-"), "btn-" + buttonSize),
     onClick: stopPropagationWrapper(() => onClick(action))
-  }), icon ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
+  }), icon ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("i", {
     className: iconClass(undefined, icon)
-  }), " ", title && " ") : null, title && /*#__PURE__*/React.createElement("span", {
+  }), " ", title && " ") : null, title && /*#__PURE__*/React__default["default"].createElement("span", {
     className: icon && title ? "ml-1" : ""
   }, i18n(title)));
 }
@@ -787,8 +787,8 @@ function useCustomTable(props) {
   }), [ColumnFilter, ArrowSort]);
   const [filterId, setFilterId] = React__default["default"].useState(controlledFilterId);
   // DND
-  const [records, setRecords] = React$1.useState(data);
-  React$1.useEffect(() => {
+  const [records, setRecords] = React.useState(data);
+  React.useEffect(() => {
     setRecords(data);
   }, [data]);
   const _onDrag = (dragIndex, hoverIndex) => {
@@ -942,7 +942,7 @@ function ActionsTable(_ref) {
   const {
     i18n = f => f
   } = props;
-  const [currentAction, setAction] = React$1.useState("");
+  const [currentAction, setAction] = React.useState("");
   const columns = [{
     Header: i18n("Actions"),
     accessor: "title",
@@ -1054,14 +1054,14 @@ function _catch$1(body, recover) {
   return result;
 }
 function useEvent(event, callback, events) {
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (callback) {
       events.set(event, callback);
     }
   }, [callback, event, events]);
 }
 function useEvents(funcs) {
-  const events = React$1.useRef(new Map());
+  const events = React.useRef(new Map());
   const hasEvent = event => {
     return funcs.hasOwnProperty(event) && typeof funcs[event] === "function";
   };
@@ -1123,9 +1123,9 @@ function useForm(props) {
       url
     } = props,
     funcs = _objectWithoutPropertiesLoose(props, _excluded$7);
-  const element = React$1.useRef();
-  const isLoaded = React$1.useRef();
-  const instance = React$1.useRef();
+  const element = React.useRef();
+  const isLoaded = React.useRef();
+  const instance = React.useRef();
   const {
     emit,
     hasEvent
@@ -1163,7 +1163,7 @@ function useForm(props) {
     }
     return instance.current;
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (instance.current) {
       instance.current.ready.then(formio => {
         if (isEqual__default["default"](formio.submission.data, submission == null ? void 0 : submission.data)) {
@@ -1173,7 +1173,7 @@ function useForm(props) {
       });
     }
   }, [submission]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (form && instance.current) {
       instance.current.ready.then(formio => {
         formio.form = form;
@@ -1183,7 +1183,7 @@ function useForm(props) {
       });
     }
   }, [form, url]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (src) {
       if (instance.current) {
         isLoaded.current = false;
@@ -1192,7 +1192,7 @@ function useForm(props) {
       createWebForm(src, options);
     }
   }, [src]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (form) {
       createWebForm(form, options);
     }
@@ -1493,12 +1493,12 @@ function useFormAccess(_ref) {
     onSubmit,
     options
   } = _ref;
-  const form = React$1.useMemo(() => getFormAccess(roles), [roles]);
-  const [submissions, setSubmissions] = React$1.useState(() => dataAccessToSubmissions(formDefinition, form));
-  const onChange = React$1.useCallback((type, submission) => {
+  const form = React.useMemo(() => getFormAccess(roles), [roles]);
+  const [submissions, setSubmissions] = React.useState(() => dataAccessToSubmissions(formDefinition, form));
+  const onChange = React.useCallback((type, submission) => {
     updateSubmissions(type, submission, submissions, setSubmissions);
   }, [submissions]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const input = dataAccessToSubmissions(formDefinition, form);
     if (formDefinition != null && formDefinition._id) {
       if (shouldUpdate("access", submissions.access, input) || shouldUpdate("submissionAccess", submissions.submissionAccess, input)) {
@@ -1527,7 +1527,7 @@ function NamedFormAccess(_ref2) {
     onSubmit,
     children
   } = _ref2;
-  const [isValid, setIsValid] = React$1.useState(true);
+  const [isValid, setIsValid] = React.useState(true);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Form, {
     name: name,
     form: form[name],
@@ -1832,8 +1832,8 @@ FormBuilder.propTypes = {
 };
 
 function useTooltip(options) {
-  const ref = React$1.useRef();
-  React$1.useEffect(() => {
+  const ref = React.useRef();
+  React.useEffect(() => {
     ref.current && new Tooltip__default["default"](ref.current, options);
   }, [ref, options]);
   return ref;
@@ -1933,8 +1933,8 @@ function InputTags(_ref) {
       suffix
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-  const ref = React$1.useRef();
-  React$1.useEffect(() => {
+  const ref = React.useRef();
+  React.useEffect(() => {
     const instance = new Choices__default["default"](ref.current, {
       delimiter: ",",
       editItems: true,
@@ -2149,7 +2149,7 @@ function useFormEdit(props) {
     current,
     future,
     past
-  }, dispatchFormAction] = React$1.useReducer(reducer, createInitialState(props));
+  }, dispatchFormAction] = React.useReducer(reducer, createInitialState(props));
   const onSubmit = () => {
     if (props.onSubmit && typeof props.onSubmit === "function") {
       props.onSubmit(current);
@@ -2160,7 +2160,7 @@ function useFormEdit(props) {
       props.onCopy(current);
     }
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (props.form && (current._id !== props.form._id || current.modified !== props.form.modified)) {
       dispatchFormAction({
         type: "replaceForm",
@@ -2344,8 +2344,8 @@ function useFormSettings(_ref) {
     options
   } = _ref;
   const form = getFormSettingsSchema();
-  const [isValid, setIsValid] = React$1.useState(true);
-  const [submission, setSubmission] = React$1.useState(() => formSettingsToSubmission(formDefinition));
+  const [isValid, setIsValid] = React.useState(true);
+  const [submission, setSubmission] = React.useState(() => formSettingsToSubmission(formDefinition));
   const onChange = _ref2 => {
     let {
       data,
@@ -2358,7 +2358,7 @@ function useFormSettings(_ref) {
     }
     setIsValid(isValid);
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const input = formSettingsToSubmission(formDefinition);
     if (formDefinition != null && formDefinition._id && !isEqual__default["default"](submission.data, input.data)) {
       setSubmission(input);
@@ -7086,7 +7086,7 @@ Loader.propTypes = {
 
 const _excluded$3 = ["show", "children", "closeModal", "onClose", "title", "footer", "style", "className"];
 function useModal() {
-  const [show, setShowModal] = React$1.useState(false);
+  const [show, setShowModal] = React.useState(false);
   return {
     show,
     setShowModal,
@@ -7110,14 +7110,14 @@ function Modal(_ref) {
       className = ""
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  const titleRef = React$1.useRef();
-  const footerRef = React$1.useRef();
-  const [maxHeight, setMaxHeight] = React$1.useState();
+  const titleRef = React.useRef();
+  const footerRef = React.useRef();
+  const [maxHeight, setMaxHeight] = React.useState();
   const onClickClose = () => {
     closeModal();
     onClose();
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (titleRef.current || footerRef.current) {
       var _titleRef$current, _footerRef$current;
       const 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);
@@ -7203,7 +7203,7 @@ function RemoveModal(_ref2) {
   const {
     i18n = f => f
   } = props;
-  const [value, setValue] = React$1.useState();
+  const [value, setValue] = React.useState();
   return /*#__PURE__*/React__default["default"].createElement(Modal, _extends({}, props, {
     className: classnames__default["default"](props.className, "formio-dialog-theme-remove"),
     style: {