@tsed/react-formio 2.2.0 → 2.2.2

package/dist/components/table/hooks/useCustomTable.hook.d.ts

@@ -18,6 +18,10 @@ export interface TableProps<Data extends object = any> extends TableOptions<Data
      * Pagination steps list
      */
     pageSizes?: number[];
+    /**
+     * Total length of the data
+     */
+    totalLength?: number;
     /**
      *
      */
@@ -98,6 +102,7 @@ export declare function useCustomTable<Data extends object = {}>(props: PropsWit
     pageIndex: number;
     pageSize: number;
     pageSizes: number[];
+    totalLength: number | undefined;
     setPageSize: (pageSize: number) => void;
     i18n: (f: string) => string;
     children: React.ReactNode;

package/dist/index.js

@@ -397,12 +397,10 @@ function Pagination(props) {
     className: "ml-3"
   }, i18n("items per page"))), pageOptions && /*#__PURE__*/React__default["default"].createElement("li", {
     className: "mb-3 mr-3 flex items-center"
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, i18n("Page"), "\xA0"), /*#__PURE__*/React__default["default"].createElement("strong", null, pageIndex + 1, " of ", pageOptions.length), totalLength !== undefined && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "ml-3"
-  }, i18n("Totals"), ": ", /*#__PURE__*/React__default["default"].createElement("strong", null, new Intl.NumberFormat(undefined).format(totalLength)), " ", i18n("items"))), totalLength !== undefined && /*#__PURE__*/React__default["default"].createElement("li", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, i18n("Page"), "\xA0"), /*#__PURE__*/React__default["default"].createElement("strong", null, pageIndex + 1, " of ", pageOptions.length)), totalLength !== undefined && /*#__PURE__*/React__default["default"].createElement("li", {
     className: "mb-3 flex items-center",
     "data-testid": "pagination-total-items"
-  }, i18n("Totals"), ": ", /*#__PURE__*/React__default["default"].createElement("strong", null, new Intl.NumberFormat(undefined).format(totalLength)), " ", i18n("items")));
+  }, i18n("Total"), ": ", /*#__PURE__*/React__default["default"].createElement("strong", null, new Intl.NumberFormat(undefined).format(totalLength)), " ", i18n("items")));
 }
 
 function DefaultArrowSort(_ref) {
@@ -788,7 +786,7 @@ function useOperations(_ref) {
   };
 }
 
-var _excluded$9 = ["children", "className", "columns", "data", "onChange", "onClick", "onDrag", "onDrop", "operations", "pageSizes", "filters", "filterId", "pageSize", "pageIndex", "sortBy", "isLoading", "disableFilters", "disablePagination", "ArrowSort", "ColumnFilter", "EmptyData", "Loader", "Pagination", "Row", "CellHeader", "CellOperations", "i18n"];
+var _excluded$9 = ["children", "className", "columns", "data", "onChange", "onClick", "onDrag", "onDrop", "operations", "pageSizes", "filters", "filterId", "pageSize", "pageIndex", "totalLength", "sortBy", "isLoading", "disableFilters", "disablePagination", "ArrowSort", "ColumnFilter", "EmptyData", "Loader", "Pagination", "Row", "CellHeader", "CellOperations", "i18n"];
 function getOperationCallback(operations, onClick) {
   return function (data, action) {
     var operation = operations.find(function (operation) {
@@ -832,6 +830,7 @@ function useCustomTable(props) {
     controlledFilterId = props.filterId,
     controlledPageSize = props.pageSize,
     controlledPageIndex = props.pageIndex,
+    totalLength = props.totalLength,
     controlledSortBy = props.sortBy,
     isLoading = props.isLoading,
     disableFilters = props.disableFilters,
@@ -933,6 +932,7 @@ function useCustomTable(props) {
     pageIndex: pageIndex,
     pageSize: pageSize,
     pageSizes: pageSizes,
+    totalLength: totalLength,
     setPageSize: setPageSize,
     i18n: i18n,
     children: children,
@@ -960,6 +960,7 @@ function Table(props) {
     pageSize = _useCustomTable.pageSize,
     pageSizes = _useCustomTable.pageSizes,
     setPageSize = _useCustomTable.setPageSize,
+    totalLength = _useCustomTable.totalLength,
     i18n = _useCustomTable.i18n,
     enableDragNDrop = _useCustomTable.enableDragNDrop,
     children = _useCustomTable.children,
@@ -1001,6 +1002,7 @@ function Table(props) {
   })) : null), isLoading ? /*#__PURE__*/React__default["default"].createElement(Loader, null) : null, !data.length ? /*#__PURE__*/React__default["default"].createElement(EmptyData, null) : null, !isLoading && data.length && !disablePagination ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "overflow-hidden"
   }, /*#__PURE__*/React__default["default"].createElement(Pagination, _extends({}, tableInstance, {
+    totalLength: totalLength,
     className: "text-sm",
     pageIndex: pageIndex,
     pageSize: pageSize,