@gobolt/genesis 0.4.38 → 0.4.39

package/dist/components/Table/TableControls/SecondaryTableControlsRow.d.ts

@@ -12,6 +12,7 @@ export interface SecondaryTableControlsRowProps {
     intialRowTotal?: number;
     hasExternalFilters?: boolean;
     getCustomIcon?: (title: string) => React.ReactNode | null;
+    filteredResultsCount?: number;
 }
-declare const SecondaryTableControlsRow: ({ groups, totalRecords, onChange, infiniteScrollData, intialRowTotal, hasExternalFilters, getCustomIcon, }: SecondaryTableControlsRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const SecondaryTableControlsRow: ({ groups, totalRecords, onChange, infiniteScrollData, intialRowTotal, hasExternalFilters, getCustomIcon, filteredResultsCount, }: SecondaryTableControlsRowProps) => import("react/jsx-runtime").JSX.Element;
 export default SecondaryTableControlsRow;

package/dist/index.cjs

@@ -85797,7 +85797,8 @@ const SecondaryTableControlsRow = ({
   infiniteScrollData,
   intialRowTotal = 40,
   hasExternalFilters = false,
-  getCustomIcon
+  getCustomIcon,
+  filteredResultsCount
 }) => {
   const [hasChanged, setHasChanged] = React__namespace.useState(false);
   const onGroupItemClick = (title, item) => {
@@ -85829,7 +85830,7 @@ const SecondaryTableControlsRow = ({
     };
   }, [infiniteScrollData, groups, hasExternalFilters]);
   const isGroupsEmpty = groups ? Object.values(groups).every((items) => items.length === 0) : true;
-  const isMoreThanInitial = infiniteScrollData && Number(infiniteScrollData?.resultsShown) > intialRowTotal || !isGroupsEmpty;
+  infiniteScrollData && Number(infiniteScrollData?.resultsShown) > intialRowTotal || !isGroupsEmpty;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -85848,7 +85849,6 @@ const SecondaryTableControlsRow = ({
             getCustomIcon
           }
         ) }),
-        (totalRecords ?? 0) > 0 && !infiniteScrollData ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
@@ -85860,7 +85860,7 @@ const SecondaryTableControlsRow = ({
               marginRight: 16
             },
             children: [
-              isMoreThanInitial && hasChanged ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body3", color: "#6C6C6C", children: `${infiniteScrollData?.resultsShown ?? intialRowTotal} results` }) : null,
+              filteredResultsCount && hasChanged ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body3", color: "#6C6C6C", children: `${filteredResultsCount} results` }) : null,
               !isGroupsEmpty || hasExternalFilters ? /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
@@ -85923,7 +85923,9 @@ const TableControls = ({
             onChange: onSecondaryChange,
             infiniteScrollData: secondaryTableRowData.infiniteScrollData,
             hasExternalFilters: secondaryTableRowData.hasExternalFilters,
-            intialRowTotal: secondaryTableRowData.intialRowTotal
+            intialRowTotal: secondaryTableRowData.intialRowTotal,
+            filteredResultsCount: secondaryTableRowData.filteredResultsCount,
+            getCustomIcon: secondaryTableRowData.getCustomIcon
           }
         ) : null
       ]

package/dist/index.js

@@ -85779,7 +85779,8 @@ const SecondaryTableControlsRow = ({
   infiniteScrollData,
   intialRowTotal = 40,
   hasExternalFilters = false,
-  getCustomIcon
+  getCustomIcon,
+  filteredResultsCount
 }) => {
   const [hasChanged, setHasChanged] = React.useState(false);
   const onGroupItemClick = (title, item) => {
@@ -85811,7 +85812,7 @@ const SecondaryTableControlsRow = ({
     };
   }, [infiniteScrollData, groups, hasExternalFilters]);
   const isGroupsEmpty = groups ? Object.values(groups).every((items) => items.length === 0) : true;
-  const isMoreThanInitial = infiniteScrollData && Number(infiniteScrollData?.resultsShown) > intialRowTotal || !isGroupsEmpty;
+  infiniteScrollData && Number(infiniteScrollData?.resultsShown) > intialRowTotal || !isGroupsEmpty;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -85830,7 +85831,6 @@ const SecondaryTableControlsRow = ({
             getCustomIcon
           }
         ) }),
-        (totalRecords ?? 0) > 0 && !infiniteScrollData ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null,
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -85842,7 +85842,7 @@ const SecondaryTableControlsRow = ({
               marginRight: 16
             },
             children: [
-              isMoreThanInitial && hasChanged ? /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "#6C6C6C", children: `${infiniteScrollData?.resultsShown ?? intialRowTotal} results` }) : null,
+              filteredResultsCount && hasChanged ? /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "#6C6C6C", children: `${filteredResultsCount} results` }) : null,
               !isGroupsEmpty || hasExternalFilters ? /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -85905,7 +85905,9 @@ const TableControls = ({
             onChange: onSecondaryChange,
             infiniteScrollData: secondaryTableRowData.infiniteScrollData,
             hasExternalFilters: secondaryTableRowData.hasExternalFilters,
-            intialRowTotal: secondaryTableRowData.intialRowTotal
+            intialRowTotal: secondaryTableRowData.intialRowTotal,
+            filteredResultsCount: secondaryTableRowData.filteredResultsCount,
+            getCustomIcon: secondaryTableRowData.getCustomIcon
           }
         ) : null
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.4.38",
+  "version": "0.4.39",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",