@tsed/react-formio 1.10.9 → 1.10.10

package/.eslintrc

@@ -7,7 +7,9 @@
     "prettier/react",
     "plugin:@typescript-eslint/recommended",
     "prettier/@typescript-eslint",
-    "plugin:prettier/recommended"
+    "plugin:prettier/recommended",
+    "plugin:react/recommended",
+    "plugin:jsx-a11y/recommended"
   ],
   "env": {
     "node": true,
@@ -31,12 +33,15 @@
     "react/prop-types": 0,
     "react/jsx-handler-names": 0,
     "react/jsx-fragments": 0,
+    "react/no-unescaped-entities": 0,
     "react/no-unused-prop-types": 0,
+    "react/display-name": 1,
     "no-unused-vars": "off",
     "@typescript-eslint/no-explicit-any": 0,
     "@typescript-eslint/explicit-function-return-type": 0,
     "@typescript-eslint/camelcase": 0,
     "@typescript-eslint/no-empty-function": 0,
-    "import/export": 0
+    "import/export": 0,
+    "jsx-a11y/no-autofocus": 1
   }
 }

package/dist/index.js

@@ -2102,7 +2102,7 @@ function DefaultOperationButton(props) {
       i18n = _props$i18n === void 0 ? function (f) {
     return f;
   } : _props$i18n;
-  return React__default['default'].createElement("span", {
+  return React__default['default'].createElement("button", {
     className: classnames(className, ["btn", buttonOutline && "outline", buttonType].filter(Boolean).join("-"), "btn-" + buttonSize),
     onClick: stopPropagationWrapper(function () {
       return onClick(action);
@@ -2305,19 +2305,24 @@ function Table(props) {
     className: classnames("table-group table-responsive", className)
   }, React__default['default'].createElement("table", Object.assign({
     className: "table table-striped table-hover"
-  }, tableInstance.getTableProps()), React__default['default'].createElement("thead", null, tableInstance.headerGroups.map(function (headerGroup) {
-    return React__default['default'].createElement("tr", Object.assign({}, headerGroup.getHeaderGroupProps()), headerGroup.headers.map(function (column) {
-      return React__default['default'].createElement("th", Object.assign({}, column.getHeaderProps()), React__default['default'].createElement(CellHeader, {
+  }, tableInstance.getTableProps()), React__default['default'].createElement("thead", null, tableInstance.headerGroups.map(function (headerGroup, i) {
+    return React__default['default'].createElement("tr", Object.assign({
+      key: "tableInstance.headerGroups" + i
+    }, headerGroup.getHeaderGroupProps()), headerGroup.headers.map(function (column) {
+      return React__default['default'].createElement("th", Object.assign({
+        key: "tableInstance.headers.column." + column.id
+      }, column.getHeaderProps()), React__default['default'].createElement(CellHeader, {
         column: column
       }));
     }));
-  })), !isLoading ? React__default['default'].createElement("tbody", Object.assign({}, tableInstance.getTableBodyProps()), tableInstance.page.map(function (row, i) {
+  })), !isLoading ? React__default['default'].createElement("tbody", Object.assign({}, tableInstance.getTableBodyProps()), tableInstance.page.map(function (row) {
     tableInstance.prepareRow(row);
     return React__default['default'].createElement("tr", Object.assign({
+      key: "tableInstance.page." + row.id,
       onClick: function onClick() {
         return _onClick(row.original, "row");
       }
-    }, row.getRowProps()), row.cells.map(function (cell) {
+    }, row.getRowProps()), row.cells.map(function (cell, i) {
       var _cell$column = cell.column,
           hidden = _cell$column.hidden,
           colspan = _cell$column.colspan;
@@ -2327,6 +2332,7 @@ function Table(props) {
       }
 
       return React__default['default'].createElement("td", Object.assign({
+        key: "tableInstance.page.cells." + (cell.value || "value") + "." + i,
         colSpan: colspan
       }, cell.getCellProps()), cell.render("Cell"));
     }));
@@ -2463,11 +2469,10 @@ function Card(_ref) {
   }, React__default['default'].createElement("div", {
     className: "card-header "
   }, React__default['default'].createElement("h4", {
-    className: "card-title",
-    role: "card-heading"
+    className: "card-title"
   }, label)), React__default['default'].createElement("div", {
     className: "card-body",
-    role: "card-body"
+    role: "article"
   }, children));
 }
 
@@ -9029,7 +9034,7 @@ function FormsCell(props) {
   }, React__default['default'].createElement("i", {
     className: classnames(iconClass(undefined, "history"), "mr-1")
   }), React__default['default'].createElement("span", null, "Updated ", moment(form.modified).fromNow())), (form.tags || []).map(function (tag, index) {
-    return React__default['default'].createElement("span", {
+    return React__default['default'].createElement("button", {
       key: index,
       className: 'badge badge-hover bg-secondary mr-1',
       onClick: stopPropagationWrapper(function () {
@@ -9142,6 +9147,7 @@ function Modal(_ref) {
   }
 
   return React__default['default'].createElement("div", {
+    role: "dialog",
     className: "formio-dialog formio-dialog-theme-default " + className
   }, React__default['default'].createElement("div", {
     className: 'formio-dialog-overlay',
@@ -22657,6 +22663,7 @@ var ReactComponent = /*#__PURE__*/function (_Components$component) {
   ;
 
   _proto.attachReact = function attachReact(element) {
+    // eslint-disable-next-line react/no-render-return-value
     return reactDom.render(this.renderReact(), element);
   }
   /**