rez-table-listing-mui 1.0.48 → 1.0.49

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

@@ -343,6 +343,8 @@ const QuickTab = ({
     });
   };
 
+  const enableDND = quickTabStates?.sorting === "custom" ? true : false;
+
   return (
     <Box
       sx={{
@@ -437,6 +439,7 @@ const QuickTab = ({
                 containerId="list"
                 tabsApiDataLoading={tabsApiDataLoading}
                 onItemToggle={handleItemToggle}
+                enableDragAndDrop={enableDND}
               />
               <ListingValues
                 buttonText="Hide All"
@@ -446,6 +449,7 @@ const QuickTab = ({
                 containerId="tabs"
                 // tabsApiDataLoading={tabsApiDataLoading}
                 onItemToggle={handleItemToggle}
+                enableDragAndDrop={enableDND}
               />
             </Grid>
           </DndContext>

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

@@ -93,16 +93,6 @@ const Sorting = ({
     // }
   }, [quickTabStates?.show_list]);
 
-  // useEffect(() => {
-  //   const hasEmptySortBy = false;
-
-  //   if (isSortingDefault !== undefined && isSortingDefault) {
-  //     console.log("first");
-  //   } else {
-  //     console.log("second");
-  //   }
-  // }, [isSortingDefault]);
-
   const sensors = useSensors(useSensor(PointerSensor));
 
   const activeTabIndex = sortingTabState?.tabs?.findIndex(
@@ -265,7 +255,6 @@ const Sorting = ({
   };
 
   const { showList, hideList } = getCurrentLists();
-  console.log("showList", showList);
 
   return (
     <Box sx={{ display: "flex", flexDirection: "column", gap: "0.75rem" }}>

package/src/libs/hooks/useCraftTable.tsx

@@ -40,6 +40,9 @@ export function useCraftTable(paginationPageSize: number = 25) {
 
   const [showTableFilter, setShowTableFilter] = useState<boolean>(false);
 
+  //For filter criteria paper
+  const [showFilterOptions, setShowFilterOption] = useState<boolean>(false);
+
   if (pagination.pageIndex < 0 || pagination.pageSize <= 0) {
     throw new Error(
       "Invalid pagination values: pageIndex and pageSize must be positive."
@@ -69,6 +72,8 @@ export function useCraftTable(paginationPageSize: number = 25) {
     setFilterMaster: setFilterMaster,
     showTableFilter: showTableFilter,
     setShowTableFilter: setShowTableFilter,
+    showFilterOptions: showFilterOptions,
+    setShowFilterOption: setShowFilterOption,
   };
 
   return craftTableOptions;

package/src/libs/hooks/useElementWidth.tsx

@@ -11,7 +11,7 @@ const useElementWidth = (ref: React.RefObject<HTMLElement>) => {
     // ResizeObserver callback function
     const resizeObserver = new ResizeObserver(() => {
       if (ref.current) {
-        setWidth(ref.current.offsetWidth); // Update width state
+        setWidth(ref.current.clientWidth); // Update width state
       }
     });
 
@@ -20,7 +20,7 @@ const useElementWidth = (ref: React.RefObject<HTMLElement>) => {
 
     // Clean up observer on component unmount
     return () => resizeObserver.disconnect();
-  }, [ref]);
+  }, [ref, ref.current?.clientWidth]);
 
   return width; // Return the current width
 };

package/src/libs/hooks/useEntityTableAPI.tsx

@@ -258,7 +258,7 @@ export const useSettingsDropDownAPI = ({
 //     queryFn: () =>
 //       saveSettingsData({
 //         entity_type: "LAP",
-//         mapped_entity_type: "BRD",
+//         mapped_entity_type: "AYR",
 //         layout_json: payload,
 //       }),
 //     enabled: !!payload && !!Object.entries(payload).length,

package/src/libs/utils/common.ts

@@ -101,4 +101,4 @@ api.interceptors.request.use(
   }
 );
 
-export const ENTITY_TYPE = "BRD";
+export const ENTITY_TYPE = "AYR";

package/src/types/table-options.ts

@@ -43,6 +43,8 @@ export interface CraftTableOptionsProps {
   setFilterMaster: Dispatch<SetStateAction<FilterMasterStateProps | null>>;
   showTableFilter: boolean;
   setShowTableFilter: Dispatch<SetStateAction<boolean>>;
+  showFilterOptions: boolean;
+  setShowFilterOption: Dispatch<SetStateAction<boolean>>;
 }
 
 export interface craftTableFilterSettingsOptionsProps {