@inceptionbg/iui 2.0.26 → 2.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inceptionbg/iui",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "description": "UI components, elements & utils for Inception ecosystem",
   "type": "module",
   "exports": {

package/src/components/Table/Table.tsx

@@ -236,7 +236,9 @@ export const TableContent: FC = () => {
           </ConditionalWrapper>
         </div>
         {footer &&
-          (!!data.length || (noTotalRows && footer!.paginationControl!.offset > 0)) && (
+          !footer.hidden &&
+          (!!data.length ||
+            (noTotalRows && (footer.paginationControl?.offset ?? 0) > 0)) && (
             <TableFooter
               pagination={footer.paginationControl}
               totalRows={footer.totalRows}

package/src/components/Table/contexts/TableContext.tsx

@@ -83,8 +83,9 @@ export const TableProvider = <T,>({
   });
   const data = useLocalTableData<T>({
     initialData,
-    localPagination,
+    noPagination: !footer || !!footer.hidden,
     controledPagination: !!footer?.paginationControl,
+    localPagination,
     dataActions: updatedDataActions,
     isDeletable: updatedDataActions.isDeletable,
     rowSelect,

package/src/components/Table/hooks/localHooks/useLocalTableData.tsx

@@ -4,12 +4,13 @@ import type {
   ITableDataActions,
   ITableDataItem,
 } from '../../../../types/ITable';
-import { useEffect, useState } from 'react';
+import { useMemo } from 'react';
 import { Checkbox } from '../../../Inputs/Checkbox';
 import { TableItemActions } from '../../components/items/TableItemActions';
 
 interface Props<T> {
   initialData: ITableDataItem<T>[];
+  noPagination: boolean;
   controledPagination: boolean;
   localPagination: IPaginationControl;
   dataActions?: ITableDataActions<T>;
@@ -19,17 +20,16 @@ interface Props<T> {
 
 export const useLocalTableData = <T,>({
   initialData,
+  noPagination,
   controledPagination,
   localPagination,
   dataActions,
   isDeletable,
   rowSelect,
-}: Props<T>) => {
-  const [data, setData] = useState<ITableDataItem<T>[]>(initialData);
-
-  useEffect(() => {
+}: Props<T>) =>
+  useMemo(() => {
     const newData =
-      controledPagination || localPagination.limit <= 0
+      noPagination || controledPagination || localPagination.limit <= 0
         ? initialData
         : initialData.slice(
             localPagination.offset * localPagination.limit,
@@ -69,16 +69,14 @@ export const useLocalTableData = <T,>({
           return e;
         });
 
-    setData(finalData);
+    return finalData;
   }, [
-    controledPagination,
     initialData,
+    noPagination,
+    controledPagination,
     localPagination.limit,
     localPagination.offset,
     rowSelect,
     isDeletable,
     dataActions,
   ]);
-
-  return data;
-};

package/src/components/Table/hooks/localHooks/useLocalTableKeyboard.ts

@@ -93,25 +93,24 @@ export const useLocalTableKeyboard = () => {
           {
             code: 'ArrowLeft',
             ctrl: true,
-            disabled: isEditing || isAdding,
+            disabled: isEditing || isAdding || !footer || footer.hidden,
             onAction: () =>
-              footer!.paginationControl!.offset > 0 &&
-              footer!.paginationControl!.setOffset(footer!.paginationControl!.offset - 1),
+              footer?.paginationControl &&
+              footer.paginationControl.setOffset(offset => (offset > 0 ? offset - 1 : 0)),
           },
           {
             code: 'ArrowRight',
             ctrl: true,
-            disabled: isEditing || isAdding,
+            disabled: isEditing || isAdding || !footer || footer.hidden,
             onAction: () => {
               if (
-                footer?.noTotalRows
-                  ? footer!.paginationControl!.limit <= footer!.totalRows!
-                  : footer!.paginationControl!.offset + 1 <
-                    Math.ceil(footer!.totalRows! / footer!.paginationControl!.limit)
+                footer?.paginationControl &&
+                (footer.noTotalRows
+                  ? footer.paginationControl.limit <= data.length
+                  : footer.paginationControl.offset + 1 <
+                    Math.ceil(footer.totalRows! / footer.paginationControl.limit))
               ) {
-                footer!.paginationControl!.setOffset(
-                  footer!.paginationControl!.offset + 1
-                );
+                footer.paginationControl.setOffset(offset => offset + 1);
               }
             },
           },

package/src/types/ITable.ts

@@ -44,6 +44,7 @@ export interface ITable<T = unknown> {
     totalRows?: number;
     // noTotalRows?: boolean;
     refetch?: () => void;
+    hidden?: boolean;
   };
   isLoading?: boolean;
   className?: string;