@tsed/react-formio 1.10.7 → 1.10.11

package/dist/index.modern.js

@@ -1268,7 +1268,7 @@ function Select(_ref) {
   }, React.createElement("select", Object.assign({
     ref: ref
   }, props, {
-    "data-testid": "select",
+    "data-testid": `select_${name}`,
     className: classnames("form-control", size && `form-control-${size}`),
     name: name,
     id: name,
@@ -1510,7 +1510,7 @@ function InputText(_ref) {
   }, React.createElement("input", Object.assign({
     type: type || "text"
   }, props, {
-    "data-testid": "input",
+    "data-testid": `input_${name}`,
     className: classnames("form-control", size && `form-control-${size}`),
     id: name,
     required: required,
@@ -1579,7 +1579,7 @@ function DefaultOperationButton(props) {
     title = "",
     i18n = f => f
   } = props;
-  return React.createElement("span", {
+  return React.createElement("button", {
     className: classnames(className, ["btn", buttonOutline && "outline", buttonType].filter(Boolean).join("-"), `btn-${buttonSize}`),
     onClick: stopPropagationWrapper(() => onClick(action))
   }, icon ? React.createElement(React.Fragment, null, React.createElement("i", {
@@ -1755,13 +1755,18 @@ function Table(props) {
     className: classnames("table-group table-responsive", className)
   }, React.createElement("table", Object.assign({
     className: "table table-striped table-hover"
-  }, tableInstance.getTableProps()), React.createElement("thead", null, tableInstance.headerGroups.map(headerGroup => React.createElement("tr", Object.assign({}, headerGroup.getHeaderGroupProps()), headerGroup.headers.map(column => React.createElement("th", Object.assign({}, column.getHeaderProps()), React.createElement(CellHeader, {
+  }, tableInstance.getTableProps()), React.createElement("thead", null, tableInstance.headerGroups.map((headerGroup, i) => React.createElement("tr", Object.assign({
+    key: `tableInstance.headerGroups${i}`
+  }, headerGroup.getHeaderGroupProps()), headerGroup.headers.map(column => React.createElement("th", Object.assign({
+    key: `tableInstance.headers.column.${column.id}`
+  }, column.getHeaderProps()), React.createElement(CellHeader, {
     column: column
-  })))))), !isLoading ? React.createElement("tbody", Object.assign({}, tableInstance.getTableBodyProps()), tableInstance.page.map((row, i) => {
+  })))))), !isLoading ? React.createElement("tbody", Object.assign({}, tableInstance.getTableBodyProps()), tableInstance.page.map(row => {
     tableInstance.prepareRow(row);
     return React.createElement("tr", Object.assign({
+      key: `tableInstance.page.${row.id}`,
       onClick: () => _onClick(row.original, "row")
-    }, row.getRowProps()), row.cells.map(cell => {
+    }, row.getRowProps()), row.cells.map((cell, i) => {
       const {
         hidden,
         colspan
@@ -1772,6 +1777,7 @@ function Table(props) {
       }
 
       return React.createElement("td", Object.assign({
+        key: `tableInstance.page.cells.${cell.value || "value"}.${i}`,
         colSpan: colspan
       }, cell.getCellProps()), cell.render("Cell"));
     }));
@@ -1827,7 +1833,8 @@ function ActionsTable(_ref) {
     "data-testid": "submit",
     disabled: currentAction === "",
     className: "btn btn-success",
-    onClick: () => currentAction && onAddAction(currentAction)
+    onClick: () => currentAction && onAddAction(currentAction),
+    type: "submit"
   }, React.createElement("i", {
     className: classnames(iconClass(undefined, "plus"), "mr-1")
   }), " ", i18n("Add action")))));
@@ -1897,11 +1904,10 @@ function Card({
   }, React.createElement("div", {
     className: "card-header "
   }, React.createElement("h4", {
-    className: "card-title",
-    role: "card-heading"
+    className: "card-title"
   }, label)), React.createElement("div", {
     className: "card-body",
-    role: "card-body"
+    role: "article"
   }, children));
 }
 
@@ -3199,7 +3205,8 @@ function FormSettings(props) {
     "data-testid": 'submit',
     disabled: !isValid,
     className: "mt-5 btn btn-primary",
-    onClick: onSubmit
+    onClick: onSubmit,
+    type: "submit"
   }, i18n("Save settings")));
 }
 
@@ -8353,7 +8360,7 @@ function FormsCell(props) {
     className: 'badge bg-light mr-1'
   }, React.createElement("i", {
     className: classnames(iconClass(undefined, "history"), "mr-1")
-  }), React.createElement("span", null, "Updated ", moment(form.modified).fromNow())), (form.tags || []).map((tag, index) => React.createElement("span", {
+  }), React.createElement("span", null, "Updated ", moment(form.modified).fromNow())), (form.tags || []).map((tag, index) => React.createElement("button", {
     key: index,
     className: 'badge badge-hover bg-secondary mr-1',
     onClick: stopPropagationWrapper(() => {
@@ -8456,6 +8463,7 @@ function Modal(_ref) {
   }
 
   return React.createElement("div", {
+    role: "dialog",
     className: `formio-dialog formio-dialog-theme-default ${className}`
   }, React.createElement("div", {
     className: 'formio-dialog-overlay',
@@ -8495,7 +8503,7 @@ function RemoveModalFooter({
   valueToCompare,
   onSubmit,
   onClose,
-  i18n = noop
+  i18n = f => f
 }) {
   return React.createElement("div", {
     className: "flex items-center justify-center bg-white p-2"
@@ -8517,16 +8525,23 @@ function RemoveModalFooter({
   }), i18n("Remove")));
 }
 
-function RemoveModal(props) {
+function RemoveModal(_ref) {
   var _props$itemType, _props$itemType2;
 
+  let {
+    maxWidth = "300px",
+    children
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, ["maxWidth", "children"]);
+
   const {
     i18n = noop
   } = props;
   const [value, setValue] = useState();
   return React.createElement(Modal, Object.assign({}, props, {
+    className: classnames(props.className, "formio-dialog-theme-remove"),
     style: {
-      maxWidth: "300px"
+      maxWidth
     },
     title: `Drop ${(_props$itemType = props.itemType) == null ? void 0 : _props$itemType.toLowerCase()}`,
     value: value,
@@ -8535,7 +8550,7 @@ function RemoveModal(props) {
     className: "px-4 pt-3 pb-5"
   }, React.createElement("div", {
     className: "pb-1"
-  }, i18n("To drop"), " ", React.createElement("strong", null, props.valueToCompare), ",\u00A0", i18n("type the"), "\u00A0", React.createElement("strong", null, "\"", (_props$itemType2 = props.itemType) == null ? void 0 : _props$itemType2.toLowerCase(), "\""), "\u00A0", i18n("name"), " ", React.createElement("strong", null, "\"", props.valueToCompare, "\""), "."), React.createElement(InputText, {
+  }, children, i18n("To drop"), " ", React.createElement("strong", null, props.valueToCompare), ",\u00A0", i18n("type the"), "\u00A0", React.createElement("strong", null, "\"", (_props$itemType2 = props.itemType) == null ? void 0 : _props$itemType2.toLowerCase(), "\""), "\u00A0", i18n("name"), " ", React.createElement("strong", null, "\"", props.valueToCompare, "\""), "."), React.createElement(InputText, {
     name: 'remove',
     value: value,
     onChange: (name, value) => setValue(value)
@@ -21776,6 +21791,7 @@ class ReactComponent extends Components$1.components.field {
 
 
   attachReact(element) {
+    // eslint-disable-next-line react/no-render-return-value
     return reactDom.render(this.renderReact(), element);
   }
   /**
@@ -21852,7 +21868,7 @@ class ReactComponent extends Components$1.components.field {
 
 }
 
-function Cell({
+function DefaultCell({
   value,
   render = f => f
 }) {
@@ -21881,7 +21897,7 @@ function mapFormToColumns(form) {
       const column = {
         Header: component.label || component.title || component.key,
         accessor: `data.${component.key}`,
-        Cell: props => React.createElement(Cell, Object.assign({}, props, {
+        Cell: props => React.createElement(DefaultCell, Object.assign({}, props, {
           render: value => cmp.asString(value)
         }))
       };
@@ -22015,7 +22031,7 @@ function Loader({
     return React.createElement("div", {
       className: classnames("opacity-85 z-20 flex items-center justify-center p-5 absolute top-0 right-0 left-0 bottom-0 bg-white", className)
     }, React.createElement("span", {
-      "data-testid": "icon",
+      "data-testid": `icon_${icon}`,
       color: color,
       className: `text-11xl ${iconClass(undefined, icon, true)}`
     }));
@@ -22030,5 +22046,5 @@ Loader.propTypes = {
   className: PropTypes.string
 };
 
-export { ACTION, ACTIONS, ACTION_INFO, AUTH, ActionsTable, Alert, ButtonTab, Card, Cell, DefaultArrowSort, DefaultCellHeader, DefaultCellOperations, DefaultColumnFilter, DefaultOperationButton, Form, FormAccess, FormAction, FormBuilder, FormControl, FormEdit, FormEditCTAs, FormParameters, FormSettings, FormsTable, InputTags, InputText, Loader, Modal, Pagination, ReactComponent, RemoveModal, Select, SelectColumnFilter, SliderColumnFilter, SubmissionsTable, Table, Tabs, actionInfoReducer, actionReducer, actionsReducer, authReducer, checkRoleFormAccess, clearActionError, clearFormError, clearSubmissionError, createInitialState$7 as createInitialState, defaultDisplayChoices, defaultFormioReducer, deleteAction, deleteForm, deleteSubmission, failAction, failActionInfo, failActions, failForm, failForms, failSubmission, failSubmissions, failUser, formAccessUser, formReducer, formsReducer, getAccess, getAction, getActionInfo, getActionUrl, getActions, getForm, getFormUrl, getForms, getProjectAccess, getSubmission, getSubmissionUrl, getSubmissions, hasRole, hasRoles, iconClass, initAuth, isAuthorized, logout, logoutUser, oneOfIsActive, projectAccessUser, receiveAction, receiveActionInfo, receiveActions, receiveForm, receiveForms, receiveSubmission, receiveSubmissions, receiveUser, refreshForms, refreshSubmissions, requestAction, requestActionInfo, requestActions, requestForm, requestForms, requestSubmission, requestSubmissions, requestUser, resetAction, resetActionInfo, resetActions, resetForm, resetForms, resetSubmission, resetSubmissions, saveAction, saveForm, saveSubmission, selectAction, selectActionInfo, selectActions, selectAuth, selectAvailableActions, selectError, selectForm, selectForms, selectFormsParameters, selectIsActive, selectIsAuthenticated, selectRoles, selectRoot, selectSubmission, selectSubmissions, selectSubmissionsParameters, selectUser, sendAction, sendForm, sendSubmission, setUser, submissionAccessUser, submissionReducer, submissionsReducer, useModal, useOperations, useTooltip, userForms, userRoles };
+export { ACTION, ACTIONS, ACTION_INFO, AUTH, ActionsTable, Alert, ButtonTab, Card, DefaultArrowSort, DefaultCell, DefaultCellHeader, DefaultCellOperations, DefaultColumnFilter, DefaultOperationButton, Form, FormAccess, FormAction, FormBuilder, FormControl, FormEdit, FormEditCTAs, FormParameters, FormSettings, FormsTable, InputTags, InputText, Loader, Modal, Pagination, ReactComponent, RemoveModal, Select, SelectColumnFilter, SliderColumnFilter, SubmissionsTable, Table, Tabs, actionInfoReducer, actionReducer, actionsReducer, authReducer, checkRoleFormAccess, clearActionError, clearFormError, clearSubmissionError, createInitialState$7 as createInitialState, defaultDisplayChoices, defaultFormioReducer, deleteAction, deleteForm, deleteSubmission, failAction, failActionInfo, failActions, failForm, failForms, failSubmission, failSubmissions, failUser, formAccessUser, formReducer, formsReducer, getAccess, getAction, getActionInfo, getActionUrl, getActions, getForm, getFormUrl, getForms, getProjectAccess, getSubmission, getSubmissionUrl, getSubmissions, hasRole, hasRoles, iconClass, initAuth, isAuthorized, logout, logoutUser, oneOfIsActive, projectAccessUser, receiveAction, receiveActionInfo, receiveActions, receiveForm, receiveForms, receiveSubmission, receiveSubmissions, receiveUser, refreshForms, refreshSubmissions, requestAction, requestActionInfo, requestActions, requestForm, requestForms, requestSubmission, requestSubmissions, requestUser, resetAction, resetActionInfo, resetActions, resetForm, resetForms, resetSubmission, resetSubmissions, saveAction, saveForm, saveSubmission, selectAction, selectActionInfo, selectActions, selectAuth, selectAvailableActions, selectError, selectForm, selectForms, selectFormsParameters, selectIsActive, selectIsAuthenticated, selectRoles, selectRoot, selectSubmission, selectSubmissions, selectSubmissionsParameters, selectUser, sendAction, sendForm, sendSubmission, setUser, submissionAccessUser, submissionReducer, submissionsReducer, useModal, useOperations, useTooltip, userForms, userRoles };
 //# sourceMappingURL=index.modern.js.map