@tsed/react-formio 1.10.9 → 1.10.10

package/dist/index.modern.js

@@ -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"));
     }));
@@ -1897,11 +1903,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));
 }
 
@@ -8353,7 +8358,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 +8461,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',
@@ -21783,6 +21789,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);
   }
   /**