@tsed/react-formio 2.1.4 → 2.2.1

package/dist/index.modern.js

@@ -264,6 +264,7 @@ function Pagination(props) {
     pageOptions,
     pageSize,
     setPageSize,
+    totalLength,
     i18n = f => f
   } = props;
   const pageNumbers = getPageNumbers({
@@ -322,8 +323,13 @@ function Pagination(props) {
   }), /*#__PURE__*/React.createElement("span", {
     className: "ml-3"
   }, i18n("items per page"))), pageOptions && /*#__PURE__*/React.createElement("li", {
-    className: "mb-3 flex items-center"
-  }, /*#__PURE__*/React.createElement("span", null, i18n("Page"), "\xA0"), /*#__PURE__*/React.createElement("strong", null, pageIndex + 1, " of ", pageOptions.length)));
+    className: "mb-3 mr-3 flex items-center"
+  }, /*#__PURE__*/React.createElement("span", null, i18n("Page"), "\xA0"), /*#__PURE__*/React.createElement("strong", null, pageIndex + 1, " of ", pageOptions.length), totalLength !== undefined && /*#__PURE__*/React.createElement("span", {
+    className: "ml-3"
+  }, i18n("Totals"), ": ", /*#__PURE__*/React.createElement("strong", null, new Intl.NumberFormat(undefined).format(totalLength)), " ", i18n("items"))), totalLength !== undefined && /*#__PURE__*/React.createElement("li", {
+    className: "mb-3 flex items-center",
+    "data-testid": "pagination-total-items"
+  }, i18n("Totals"), ": ", /*#__PURE__*/React.createElement("strong", null, new Intl.NumberFormat(undefined).format(totalLength)), " ", i18n("items")));
 }
 
 function DefaultArrowSort({
@@ -688,7 +694,7 @@ function useOperations({
   };
 }
 
-const _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"];
+const _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 (data, action) => {
     const operation = operations.find(operation => operation.action === action || operation.alias === action);
@@ -724,6 +730,7 @@ function useCustomTable(props) {
       filterId: controlledFilterId,
       pageSize: controlledPageSize,
       pageIndex: controlledPageIndex,
+      totalLength,
       sortBy: controlledSortBy,
       isLoading,
       disableFilters,
@@ -813,6 +820,7 @@ function useCustomTable(props) {
     pageIndex,
     pageSize,
     pageSizes,
+    totalLength,
     setPageSize,
     i18n,
     children,
@@ -840,6 +848,7 @@ function Table(props) {
     pageSize,
     pageSizes,
     setPageSize,
+    totalLength,
     i18n,
     enableDragNDrop,
     children,
@@ -878,6 +887,7 @@ function Table(props) {
   })) : null), isLoading ? /*#__PURE__*/React.createElement(Loader, null) : null, !data.length ? /*#__PURE__*/React.createElement(EmptyData, null) : null, !isLoading && data.length && !disablePagination ? /*#__PURE__*/React.createElement("div", {
     className: "overflow-hidden"
   }, /*#__PURE__*/React.createElement(Pagination, _extends({}, tableInstance, {
+    totalLength: totalLength,
     className: "text-sm",
     pageIndex: pageIndex,
     pageSize: pageSize,
@@ -7411,5 +7421,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, Loader, Modal, Pagination, ReactComponent, RemoveModal, Select, SelectColumnFilter, SliderColumnFilter, SubmissionsTable, Table, Tabs, callLast, defaultDisplayChoices, getOperationCallback, iconClass, mapPagination, stopPropagationWrapper, 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, useTooltip };
 //# sourceMappingURL=index.modern.js.map