@tsed/react-formio 2.1.4 → 2.2.0

package/dist/components/pagination/pagination.component.d.ts

@@ -9,9 +9,10 @@ export interface PaginationProps {
     canNextPage: boolean;
     pageCount: number;
     pageIndex: number;
-    pageOptions?: any;
+    pageOptions?: number[];
     pageSize: number;
     setPageSize: any;
+    totalLength?: number;
     i18n?: (f: string) => string;
 }
 export declare function Pagination(props: PaginationProps): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { CellProps, FilterProps, Renderer, TableInstance, TableOptions } from "react-table";
+import { CellProps, FilterProps, Renderer, TableOptions } from "react-table";
 import { OnClickOperation, Operation, QueryOptions } from "../../../interfaces";
 import { Pagination as DefaultPagination } from "../../pagination/pagination.component";
 import { DefaultCellHeaderProps } from "../components/defaultCellHeader.component";
@@ -86,7 +86,7 @@ declare function DefaultLoader(): React.JSX.Element;
 declare function DefaultEmptyData(): React.JSX.Element;
 export declare function useCustomTable<Data extends object = {}>(props: PropsWithChildren<TableProps<Data>>): {
     className: string;
-    tableInstance: TableInstance<Data>;
+    tableInstance: import("react-table").TableInstance<Data>;
     CellHeader: any;
     isLoading: boolean | undefined;
     Loader: React.ComponentType<{}> | typeof DefaultLoader;

package/dist/components/table/index.d.ts

@@ -10,3 +10,6 @@ export * from "./filters/sliderColumnFilter.component";
 export * from "./hooks/useCustomTable.hook";
 export * from "./hooks/useOperations.hook";
 export * from "./table.component";
+export * from "./utils/getPageNumbers";
+export * from "./utils/mapFormToColumns";
+export * from "./utils/swapElements";

package/dist/index.js

@@ -327,6 +327,7 @@ function Pagination(props) {
     pageOptions = props.pageOptions,
     pageSize = props.pageSize,
     setPageSize = props.setPageSize,
+    totalLength = props.totalLength,
     _props$i18n = props.i18n,
     i18n = _props$i18n === void 0 ? function (f) {
       return f;
@@ -395,8 +396,13 @@ function Pagination(props) {
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "ml-3"
   }, i18n("items per page"))), pageOptions && /*#__PURE__*/React__default["default"].createElement("li", {
-    className: "mb-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)));
+    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", {
+    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")));
 }
 
 function DefaultArrowSort(_ref) {
@@ -7739,9 +7745,11 @@ exports.FormSettings = FormSettings;
 exports.FormsTable = FormsTable;
 exports.InputTags = InputTags;
 exports.InputText = InputText;
+exports.LEFT_PAGE = LEFT_PAGE;
 exports.Loader = Loader;
 exports.Modal = Modal;
 exports.Pagination = Pagination;
+exports.RIGHT_PAGE = RIGHT_PAGE;
 exports.ReactComponent = ReactComponent;
 exports.RemoveModal = RemoveModal;
 exports.Select = Select;
@@ -7753,9 +7761,12 @@ exports.Tabs = Tabs;
 exports.callLast = callLast;
 exports.defaultDisplayChoices = defaultDisplayChoices;
 exports.getOperationCallback = getOperationCallback;
+exports.getPageNumbers = getPageNumbers;
 exports.iconClass = iconClass;
+exports.mapFormToColumns = mapFormToColumns;
 exports.mapPagination = mapPagination;
 exports.stopPropagationWrapper = stopPropagationWrapper;
+exports.swapElements = swapElements;
 exports.useCustomTable = useCustomTable;
 exports.useForm = useForm;
 exports.useFormEdit = useFormEdit;