rez-table-listing-mui 1.0.38 → 1.0.39

package/src/components/table-settings/components/column.tsx

@@ -267,10 +267,6 @@ const ColumnTab = ({ filterSettingStates, columnsData }: ColumnTabProps) => {
     setSelectedTabIndex(newValue);
   };
 
-  console.log("+++++", quickTabStates?.show_list?.length);
-
-  TOGGLE_BUTTON_TABS[1].isDisabled = !quickTabStates?.show_list?.length;
-
   return (
     <Box sx={{ maxHeight: "600px" }}>
       <Box sx={{ maxHeight: "500px", borderRadius: 1, bgcolor: "white" }}>

package/src/components/table-settings/components/quick-tab.tsx

@@ -38,9 +38,14 @@ const QuickTab = ({
   const [searchTerm, setSearchTerm] = useState<string>("");
 
   useEffect(() => {
+    // if Tab changes i dont want to reset the show list and hide list in tab change the api musnt trigger for the show list and hide list
+
     if (!Object.entries(quickTabStates).length) {
+      // if (quickTabStates && quickTabStates.show_list?.length) return;
       setQuickTabStates({
-        attribute: columnsData?.column_list[0]?.attribute_key || "",
+        attribute: columnsData?.column_list?.filter(
+          (item) => item.datasource_list
+        )[0]?.attribute_key,
         sorting: sortingOptions[0]?.value as QuickTabSortingType,
         hide_list: [],
         show_list: [],
@@ -51,10 +56,19 @@ const QuickTab = ({
 
     setQuickTabStates((prev) => ({
       ...prev,
-      hide_list: tabsApiData,
+      hide_list: tabsApiData, // All data goes to hide_list initially
+      show_list: [], // Empty the show_list when attribute/sorting changes
     }));
   }, [columnsData.column_list, tabsApiData]);
 
+  // useEffect(() => {
+  //   setQuickTabStates((prev) => ({
+  //     ...prev,
+  //     hide_list: tabsApiData, // All data goes to hide_list initially
+  //     show_list: [], // Empty the show_list when attribute/sorting changes
+  //   }));
+  // }, [quickTabStates.attribute, quickTabStates.sorting]);
+
   const sortingOptions = [
     { label: "A-Z", value: "asc" },
     { label: "Z-A", value: "dsc" },
@@ -203,14 +217,16 @@ const QuickTab = ({
                       }))
                     }
                   >
-                    {columnsData?.column_list?.map((column) => (
-                      <MenuItem
-                        key={column?.attribute_key}
-                        value={column?.attribute_key}
-                      >
-                        {column?.name}
-                      </MenuItem>
-                    ))}
+                    {columnsData?.column_list
+                      ?.filter((col) => col.datasource_list != null)
+                      .map((column) => (
+                        <MenuItem
+                          key={column?.attribute_key}
+                          value={column?.attribute_key}
+                        >
+                          {column?.name}
+                        </MenuItem>
+                      ))}
                   </Select>
                 </FormControl>
                 <FormControl

package/src/components/tabs/index.tsx

@@ -50,7 +50,7 @@ export function TableTabs({
           {settingsOptions?.showIcon && (
             <IconButton
               onClick={settingsOptions?.onClick}
-              style={{ zIndex: 1000 }}
+              style={{ zIndex: 1000, marginRight: "0.75rem" }}
             >
               <SettingsOutlinedIcon />
             </IconButton>

package/src/index.ts

@@ -5,3 +5,4 @@ export { TableFilter as CraftTableFilter } from "./components/filter";
 
 export * from "./types/table";
 export * from "./types/table-options";
+export * from "./types/filter-settings";