@tsed/react-formio 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsed/react-formio",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "Provide a react formio wrapper. Written in TypeScript.",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
@@ -31,8 +31,8 @@
     "tooltip.js": ">=1.3.3"
   },
   "devDependencies": {
-    "@tsed/tailwind": "2.2.0",
-    "@tsed/tailwind-formio": "2.2.0"
+    "@tsed/tailwind": "2.2.2",
+    "@tsed/tailwind-formio": "2.2.2"
   },
   "repository": "https://github.com/TypedProject/tsed-formio",
   "bugs": {

package/src/components/pagination/pagination.component.tsx

@@ -122,16 +122,11 @@ export function Pagination(props: PaginationProps) {
           <strong>
             {pageIndex + 1} of {pageOptions.length}
           </strong>
-          {totalLength !== undefined && (
-            <span className='ml-3'>
-              {i18n("Totals")}: <strong>{new Intl.NumberFormat(undefined).format(totalLength)}</strong> {i18n("items")}
-            </span>
-          )}
         </li>
       )}
       {totalLength !== undefined && (
         <li className={"mb-3 flex items-center"} data-testid='pagination-total-items'>
-          {i18n("Totals")}: <strong>{new Intl.NumberFormat(undefined).format(totalLength)}</strong> {i18n("items")}
+          {i18n("Total")}: <strong>{new Intl.NumberFormat(undefined).format(totalLength)}</strong> {i18n("items")}
         </li>
       )}
     </nav>

package/src/components/table/hooks/useCustomTable.hook.tsx

@@ -25,6 +25,10 @@ export interface TableProps<Data extends object = any> extends TableOptions<Data
    * Pagination steps list
    */
   pageSizes?: number[];
+  /**
+   * Total length of the data
+   */
+  totalLength?: number;
   /**
    *
    */
@@ -126,6 +130,7 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
     filterId: controlledFilterId,
     pageSize: controlledPageSize,
     pageIndex: controlledPageIndex,
+    totalLength,
     sortBy: controlledSortBy,
     isLoading,
     disableFilters,
@@ -225,6 +230,7 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
     pageIndex,
     pageSize,
     pageSizes,
+    totalLength,
     setPageSize,
     i18n,
     children,

package/src/components/table/table.component.tsx

@@ -20,6 +20,7 @@ export function Table<Data extends object = any>(props: PropsWithChildren<TableP
     pageSize,
     pageSizes,
     setPageSize,
+    totalLength,
     i18n,
     enableDragNDrop,
     children,
@@ -81,6 +82,7 @@ export function Table<Data extends object = any>(props: PropsWithChildren<TableP
           <div className={"overflow-hidden"}>
             <Pagination
               {...tableInstance}
+              totalLength={totalLength}
               className={"text-sm"}
               pageIndex={pageIndex}
               pageSize={pageSize}