@inceptionbg/iui 2.0.26 → 2.0.28

package/package.json

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

package/src/components/Table/Table.tsx

@@ -235,17 +235,16 @@ export const TableContent: FC = () => {
             </table>
           </ConditionalWrapper>
         </div>
-        {footer &&
-          (!!data.length || (noTotalRows && footer!.paginationControl!.offset > 0)) && (
-            <TableFooter
-              pagination={footer.paginationControl}
-              totalRows={footer.totalRows}
-              noTotalRows={noTotalRows}
-              customLimit={footer.customPagination?.customLimit}
-              refetch={footer.refetch}
-              dataLength={data.length}
-            />
-          )}
+        {footer && !footer.hidden && (
+          <TableFooter
+            pagination={footer.paginationControl}
+            totalRows={footer.totalRows}
+            noTotalRows={noTotalRows}
+            customLimit={footer.customPagination?.customLimit}
+            refetch={footer.refetch}
+            dataLength={data.length}
+          />
+        )}
       </div>
     </Loader>
   );

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;