@gobolt/genesis 0.4.27 → 0.4.30

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

@@ -9,6 +9,7 @@ export interface SecondaryTableControlsRowProps {
     onChange?: Change;
     infiniteScrollData?: InfiniteScrollChangeEvent;
     intialRowTotal?: number;
+    hasExternalFilters?: boolean;
 }
-declare const SecondaryTableControlsRow: ({ groups, totalRecords, onChange, infiniteScrollData, intialRowTotal, }: SecondaryTableControlsRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const SecondaryTableControlsRow: ({ groups, totalRecords, onChange, infiniteScrollData, intialRowTotal, hasExternalFilters, }: SecondaryTableControlsRowProps) => import("react/jsx-runtime").JSX.Element;
 export default SecondaryTableControlsRow;

package/dist/index.cjs

@@ -85701,7 +85701,8 @@ const SecondaryTableControlsRow = ({
   totalRecords,
   onChange,
   infiniteScrollData,
-  intialRowTotal = 40
+  intialRowTotal = 40,
+  hasExternalFilters = false
 }) => {
   const [hasChanged, setHasChanged] = React__namespace.useState(false);
   const onGroupItemClick = (title, item) => {
@@ -85725,10 +85726,13 @@ const SecondaryTableControlsRow = ({
     if (groups) {
       setHasChanged(true);
     }
+    if (hasExternalFilters) {
+      setHasChanged(true);
+    }
     return () => {
       setHasChanged(false);
     };
-  }, [infiniteScrollData, groups]);
+  }, [infiniteScrollData, groups, hasExternalFilters]);
   const isGroupsEmpty = groups ? Object.values(groups).every((items) => items.length === 0) : true;
   const isMoreThanInitial = infiniteScrollData && Number(infiniteScrollData?.resultsShown) > intialRowTotal || !isGroupsEmpty;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -85754,8 +85758,8 @@ const SecondaryTableControlsRow = ({
               marginRight: 16
             },
             children: [
-              isMoreThanInitial && hasChanged ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body1", color: "#6C6C6C", children: `${infiniteScrollData?.resultsShown ?? intialRowTotal} results` }) : null,
-              !isGroupsEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+              isMoreThanInitial && hasChanged ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body3", color: "#6C6C6C", children: `${infiniteScrollData?.resultsShown ?? intialRowTotal} results` }) : null,
+              !isGroupsEmpty || hasExternalFilters ? /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: handleClearFilters,
@@ -85769,7 +85773,7 @@ const SecondaryTableControlsRow = ({
                     alignItems: "center",
                     gap: 4
                   },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body1", color: "#30606B;", children: "Clear Filters" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body3", color: "#30606B;", children: "Clear Filters" })
                 }
               ) : null
             ]
@@ -85816,7 +85820,9 @@ const TableControls = ({
             groups: secondaryTableRowData.groups,
             totalRecords: secondaryTableRowData.totalRecords,
             onChange: onSecondaryChange,
-            infiniteScrollData: secondaryTableRowData.infiniteScrollData
+            infiniteScrollData: secondaryTableRowData.infiniteScrollData,
+            hasExternalFilters: secondaryTableRowData.hasExternalFilters,
+            intialRowTotal: secondaryTableRowData.intialRowTotal
           }
         ) : null
       ]

package/dist/index.js

@@ -85683,7 +85683,8 @@ const SecondaryTableControlsRow = ({
   totalRecords,
   onChange,
   infiniteScrollData,
-  intialRowTotal = 40
+  intialRowTotal = 40,
+  hasExternalFilters = false
 }) => {
   const [hasChanged, setHasChanged] = React.useState(false);
   const onGroupItemClick = (title, item) => {
@@ -85707,10 +85708,13 @@ const SecondaryTableControlsRow = ({
     if (groups) {
       setHasChanged(true);
     }
+    if (hasExternalFilters) {
+      setHasChanged(true);
+    }
     return () => {
       setHasChanged(false);
     };
-  }, [infiniteScrollData, groups]);
+  }, [infiniteScrollData, groups, hasExternalFilters]);
   const isGroupsEmpty = groups ? Object.values(groups).every((items) => items.length === 0) : true;
   const isMoreThanInitial = infiniteScrollData && Number(infiniteScrollData?.resultsShown) > intialRowTotal || !isGroupsEmpty;
   return /* @__PURE__ */ jsxs(
@@ -85736,8 +85740,8 @@ const SecondaryTableControlsRow = ({
               marginRight: 16
             },
             children: [
-              isMoreThanInitial && hasChanged ? /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "#6C6C6C", children: `${infiniteScrollData?.resultsShown ?? intialRowTotal} results` }) : null,
-              !isGroupsEmpty ? /* @__PURE__ */ jsx(
+              isMoreThanInitial && hasChanged ? /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "#6C6C6C", children: `${infiniteScrollData?.resultsShown ?? intialRowTotal} results` }) : null,
+              !isGroupsEmpty || hasExternalFilters ? /* @__PURE__ */ jsx(
                 "button",
                 {
                   onClick: handleClearFilters,
@@ -85751,7 +85755,7 @@ const SecondaryTableControlsRow = ({
                     alignItems: "center",
                     gap: 4
                   },
-                  children: /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "#30606B;", children: "Clear Filters" })
+                  children: /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "#30606B;", children: "Clear Filters" })
                 }
               ) : null
             ]
@@ -85798,7 +85802,9 @@ const TableControls = ({
             groups: secondaryTableRowData.groups,
             totalRecords: secondaryTableRowData.totalRecords,
             onChange: onSecondaryChange,
-            infiniteScrollData: secondaryTableRowData.infiniteScrollData
+            infiniteScrollData: secondaryTableRowData.infiniteScrollData,
+            hasExternalFilters: secondaryTableRowData.hasExternalFilters,
+            intialRowTotal: secondaryTableRowData.intialRowTotal
           }
         ) : null
       ]

package/package.json

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