rez-table-listing-mui 1.0.34 → 1.0.35

package/src/App.tsx

@@ -23,7 +23,6 @@ function App() {
   // const [mockLoading, setMockLoading] = useState<boolean>(true);
   // const [jsonData] = useState<any[]>([]);
   const [columns, setColumns] = useState<any[]>([]);
-  const [showFilter, setShowFilter] = useState<boolean>(true);
   const [searchTerm, setSearchTerm] = useState("");
   // const [data, setData] = useState<Person[]>(() => makeData(50, 3, 2));
   // const [entity_type] = useState(ENTITY_TYPE); //OR UPR BRD
@@ -234,7 +233,8 @@ function App() {
           searchValue: searchTerm,
           onSearchChange: (val) => setSearchTerm(val),
           showFilterToggle: true,
-          onFilterButtonClick: () => setShowFilter(!showFilter),
+          onFilterButtonClick: () =>
+            tableStates.setShowTableFilter(!tableStates.showTableFilter),
         }}
         paginationOptions={{
           showPagination: true,
@@ -247,7 +247,7 @@ function App() {
           renderAction: handleRenderAction,
         }}
         filterOptions={{
-          show: showFilter,
+          show: tableStates.showTableFilter,
           component: (
             <CraftTableFilter
               tableStates={tableStates}
@@ -256,7 +256,7 @@ function App() {
               onDeleteFilter={handleRemoveFilter}
               onSaveFilter={handleSaveFilter}
               onUpdateFilter={handleUpdateFilter}
-              onClose={() => setShowFilter(false)}
+              onClose={() => tableStates.setShowTableFilter(false)}
             />
           ),
         }}

package/src/libs/hooks/useCraftTable.tsx

@@ -38,6 +38,8 @@ export function useCraftTable(paginationPageSize: number = 25) {
   const [filterMaster, setFilterMaster] =
     useState<FilterMasterStateProps | null>(null);
 
+  const [showTableFilter, setShowTableFilter] = useState<boolean>(false);
+
   if (pagination.pageIndex < 0 || pagination.pageSize <= 0) {
     throw new Error(
       "Invalid pagination values: pageIndex and pageSize must be positive."
@@ -65,6 +67,8 @@ export function useCraftTable(paginationPageSize: number = 25) {
     setFilterSelectedAttributeValue: setFilterSelectedAttributeValue,
     filterMaster: filterMaster,
     setFilterMaster: setFilterMaster,
+    showTableFilter: showTableFilter,
+    setShowTableFilter: setShowTableFilter,
   };
 
   return craftTableOptions;

package/src/types/table-options.ts

@@ -34,6 +34,8 @@ export interface CraftTableOptionsProps {
   setFilterSelectedAttributeValue: Dispatch<SetStateAction<string>>;
   filterMaster: FilterMasterStateProps | null;
   setFilterMaster: Dispatch<SetStateAction<FilterMasterStateProps | null>>;
+  showTableFilter: boolean;
+  setShowTableFilter: Dispatch<SetStateAction<boolean>>;
 }
 
 export interface CraftTableFeatureProps {