rez-table-listing-mui 1.3.57 → 1.3.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rez-table-listing-mui",
-  "version": "1.3.57",
+  "version": "1.3.59",
   "type": "module",
   "description": "A rez table listing component built on TanStack Table",
   "main": "dist/index.js",

package/src/listing/components/tabs/index.tsx

@@ -8,8 +8,8 @@ import { useMemo } from "react";
 import { SettingIcon } from "../../../assets/svg";
 
 interface TabDataProps {
-  tab_value: string | null;
-  tab_value_count: string | number;
+  tab_name: string | null;
+  count: string | number;
 }
 
 interface TableTabsProps {
@@ -37,20 +37,20 @@ export function TableTabs({
     tableStates.setPagination((prev) => ({ ...prev, pageIndex: 0 }));
   };
 
-  // Normalize tab_value to uppercase for display + logic
+  // Normalize tab_name to uppercase for display + logic
   const normalizedTabs = useMemo(() => {
     return tabsData
-      ?.filter((tab) => tab.tab_value !== null)
+      ?.filter((tab) => tab.tab_name !== null)
       ?.map((tab) => ({
         ...tab,
-        tab_value: tab.tab_value,
+        tab_name: tab.tab_name,
       }));
   }, [tabsData]);
 
   const defaultTab = useMemo(() => {
     return (
-      normalizedTabs.find((t) => t.tab_value === "All")?.tab_value ||
-      normalizedTabs[0]?.tab_value ||
+      normalizedTabs.find((t) => t.tab_name === "All")?.tab_name ||
+      normalizedTabs[0]?.tab_name ||
       ""
     );
   }, [normalizedTabs]);
@@ -78,16 +78,16 @@ export function TableTabs({
         slotProps={{ indicator: { sx: { display: "none" } } }}
         sx={tableTabsStyles.tabs}
       >
-        {normalizedTabs.map(({ tab_value, tab_value_count }) => {
-          const isSelected = activeTab === tab_value;
+        {normalizedTabs.map(({ tab_name, count }) => {
+          const isSelected = activeTab === tab_name;
 
           return (
             <Tab
-              key={tab_value}
-              value={tab_value}
+              key={tab_name}
+              value={tab_name}
               label={
                 <Box display="flex" alignItems="center" gap={1}>
-                  <Box>{tab_value}</Box>
+                  <Box>{tab_name}</Box>
                   <Box
                     sx={{
                       ...tableTabsStyles.tabCount,
@@ -100,9 +100,7 @@ export function TableTabs({
                       }),
                     }}
                   >
-                    {tab_value_count == 0
-                      ? "0"
-                      : String(tab_value_count).padStart(2, "0")}
+                    {count == 0 ? "0" : String(count).padStart(2, "0")}
                   </Box>
                 </Box>
               }

package/src/listing/types/common.ts

@@ -72,8 +72,8 @@ export interface viewSettingsDropDownAPIProps {
 }
 
 interface EntityListTab {
-  tab_value: string | null;
-  tab_value_count: string | number;
+  tab_name: string | null;
+  count: string | number;
 }
 
 interface EntityList {

package/src/view/ListingView.tsx

@@ -231,17 +231,17 @@ function ListingView() {
       tabsData &&
       tabsData.length > 0 &&
       !tabsData.some(
-        (tab) => tab.tab_value?.toLowerCase() === selectedTab.toLowerCase()
+        (tab) => tab.tab_name?.toLowerCase() === selectedTab.toLowerCase()
       )
     ) {
       // Try to select 'ALL' if it exists
       const allTab = tabsData.find(
-        (tab) => tab.tab_value?.toLowerCase() === "all"
+        (tab) => tab.tab_name?.toLowerCase() === "all"
       );
       if (allTab) {
-        setSelectedTab(allTab.tab_value || "All");
+        setSelectedTab(allTab.tab_name || "All");
       } else {
-        setSelectedTab(tabsData[0].tab_value || "All");
+        setSelectedTab(tabsData[0].tab_name || "All");
       }
     }
   }, [tabsData, selectedTab]);
@@ -251,9 +251,9 @@ function ListingView() {
       tableData?.entity_tabs?.find((tab) => {
         const activeTab = selectedTab || "All";
         return (
-          tab.tab_value?.toLocaleLowerCase() === activeTab.toLocaleLowerCase()
+          tab.tab_name?.toLocaleLowerCase() === activeTab.toLocaleLowerCase()
         );
-      })?.tab_value_count || "0"
+      })?.count || "0"
     );
   }, [tableData, selectedTab]);