@tsed/react-formio 2.2.2 → 2.3.0

package/dist/index.modern.js

@@ -327,7 +327,9 @@ function Pagination(props) {
   }, /*#__PURE__*/React.createElement("span", null, i18n("Page"), "\xA0"), /*#__PURE__*/React.createElement("strong", null, pageIndex + 1, " of ", pageOptions.length)), totalLength !== undefined && /*#__PURE__*/React.createElement("li", {
     className: "mb-3 flex items-center",
     "data-testid": "pagination-total-items"
-  }, i18n("Total"), ": ", /*#__PURE__*/React.createElement("strong", null, new Intl.NumberFormat(undefined).format(totalLength)), " ", i18n("items")));
+  }, i18n("Total"), ": ", /*#__PURE__*/React.createElement("strong", {
+    className: "mx-1"
+  }, new Intl.NumberFormat(undefined).format(totalLength)), " ", i18n("items")));
 }
 
 function DefaultArrowSort({
@@ -448,7 +450,10 @@ function DefaultCells({
     }
     return /*#__PURE__*/React.createElement("td", _extends({
       colSpan: colspan
-    }, cell.getCellProps(), {
+    }, cell.getCellProps({
+      className: cell.column.className,
+      style: cell.column.style
+    }), {
       key: `tableInstance.page.cells.${cell.value || "value"}.${i}`
     }), cell.render("Cell"));
   }));
@@ -2288,34 +2293,58 @@ function FormSettings(props) {
   }, i18n("Save settings")));
 }
 
-function SelectColumnFilter({
-  column
-}) {
+function useSelectColumnFilter(props) {
+  const {
+    column
+  } = props;
   const {
     id,
-    preFilteredRows,
-    filterValue,
-    setFilter
+    preFilteredRows
   } = column;
   const {
     choices: customChoices
   } = column;
-  const choices = customChoices || [...new Set(preFilteredRows.map(row => row.values[id]))].filter(value => value).map(value => ({
-    label: value,
-    value
-  }));
-  return /*#__PURE__*/React.createElement(Select, {
-    key: `filter-${column.id}`,
-    name: `filter-${column.id}`,
-    size: "sm",
+  const {
+    filterValue,
+    setFilter
+  } = column;
+  const choices = (() => {
+    if (customChoices) {
+      if (typeof customChoices === "function") {
+        return customChoices(props);
+      }
+      return customChoices;
+    }
+    return [...new Set(preFilteredRows.map(row => row.values[id]))].filter(value => value).map(value => ({
+      label: value,
+      value
+    }));
+  })();
+  const onChange = (_, value) => {
+    setFilter(value || undefined);
+  };
+  return {
     value: filterValue,
+    onChange,
     choices: [{
       value: "",
       label: "All"
-    }].concat(choices),
-    onChange: (name, value) => {
-      setFilter(value || undefined);
-    }
+    }].concat(choices)
+  };
+}
+function SelectColumnFilter(props) {
+  const {
+    value,
+    choices,
+    onChange
+  } = useSelectColumnFilter(props);
+  return /*#__PURE__*/React.createElement(Select, {
+    key: `filter-${props.column.id}`,
+    name: `filter-${props.column.id}`,
+    size: "sm",
+    value: value,
+    choices: choices,
+    onChange: onChange
   });
 }
 
@@ -7277,6 +7306,7 @@ function mapFormToColumns(form) {
       const column = {
         Header: component.label || component.title || component.key,
         accessor: `data.${component.key}`,
+        className: "text-center",
         Cell: props => /*#__PURE__*/React.createElement(DefaultCell, _extends({}, props, {
           render: value => cmp.asString(value)
         }))
@@ -7419,5 +7449,5 @@ function mapPagination({
   };
 }
 
-export { ActionsTable, Alert, ButtonTab, Card, DefaultArrowSort, DefaultCell, DefaultCellHeader, DefaultCellOperations, DefaultColumnFilter, DefaultOperationButton, Form, FormAccess, FormAction, FormBuilder, FormControl, FormEdit, FormEditCTAs, FormParameters, FormSettings, FormsTable, InputTags, InputText, LEFT_PAGE, Loader, Modal, Pagination, RIGHT_PAGE, ReactComponent, RemoveModal, Select, SelectColumnFilter, SliderColumnFilter, SubmissionsTable, Table, Tabs, callLast, defaultDisplayChoices, getOperationCallback, getPageNumbers, iconClass, mapFormToColumns, mapPagination, stopPropagationWrapper, swapElements, useCustomTable, useForm, useFormEdit, useModal, useOperations, useTooltip };
+export { ActionsTable, Alert, ButtonTab, Card, DefaultArrowSort, DefaultCell, DefaultCellHeader, DefaultCellOperations, DefaultColumnFilter, DefaultOperationButton, Form, FormAccess, FormAction, FormBuilder, FormControl, FormEdit, FormEditCTAs, FormParameters, FormSettings, FormsTable, InputTags, InputText, LEFT_PAGE, Loader, Modal, Pagination, RIGHT_PAGE, ReactComponent, RemoveModal, Select, SelectColumnFilter, SliderColumnFilter, SubmissionsTable, Table, Tabs, callLast, defaultDisplayChoices, getOperationCallback, getPageNumbers, iconClass, mapFormToColumns, mapPagination, stopPropagationWrapper, swapElements, useCustomTable, useForm, useFormEdit, useModal, useOperations, useSelectColumnFilter, useTooltip };
 //# sourceMappingURL=index.modern.js.map