@gobolt/genesis 0.4.37 → 0.4.39

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

@@ -1,5 +1,6 @@
 import { Change } from '../Table';
 import { InfiniteScrollChangeEvent } from '../InfiniteScrollTable/types';
+import * as React from "react";
 export type Groups = {
     [key: string]: string[];
 };
@@ -10,6 +11,8 @@ export interface SecondaryTableControlsRowProps {
     infiniteScrollData?: InfiniteScrollChangeEvent;
     intialRowTotal?: number;
     hasExternalFilters?: boolean;
+    getCustomIcon?: (title: string) => React.ReactNode | null;
+    filteredResultsCount?: number;
 }
-declare const SecondaryTableControlsRow: ({ groups, totalRecords, onChange, infiniteScrollData, intialRowTotal, hasExternalFilters, }: 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

@@ -85734,7 +85734,12 @@ const PrimaryTableControlsRow = ({
     }
   );
 };
-const GroupItem = ({ title, items, onGroupItemClick }) => {
+const GroupItem = ({
+  title,
+  items,
+  onGroupItemClick,
+  getCustomIcon
+}) => {
   if (items.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(Tooltip2, { tip: title, isAbsolutePositioned: false, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -85747,7 +85752,7 @@ const GroupItem = ({ title, items, onGroupItemClick }) => {
           width: 24,
           height: 24
         },
-        children: getIcon$1(title)
+        children: getCustomIcon ? getCustomIcon(title) : getIcon$1(title)
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: 4 }, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -85764,7 +85769,11 @@ const GroupItem = ({ title, items, onGroupItemClick }) => {
     )) })
   ] });
 };
-const GroupsRow = ({ groups, onGroupItemClick }) => {
+const GroupsRow = ({
+  groups,
+  onGroupItemClick,
+  getCustomIcon
+}) => {
   if (!groups) return null;
   const groupArray = Object.entries(groups).map(([title, items]) => ({
     title,
@@ -85775,7 +85784,8 @@ const GroupsRow = ({ groups, onGroupItemClick }) => {
     {
       title: group.title,
       items: group.items,
-      onGroupItemClick
+      onGroupItemClick,
+      getCustomIcon
     },
     group.title
   )) : null });
@@ -85786,7 +85796,9 @@ const SecondaryTableControlsRow = ({
   onChange,
   infiniteScrollData,
   intialRowTotal = 40,
-  hasExternalFilters = false
+  hasExternalFilters = false,
+  getCustomIcon,
+  filteredResultsCount
 }) => {
   const [hasChanged, setHasChanged] = React__namespace.useState(false);
   const onGroupItemClick = (title, item) => {
@@ -85818,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",
     {
@@ -85829,8 +85841,14 @@ const SecondaryTableControlsRow = ({
         marginTop: 8
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minWidth: 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(GroupsRow, { groups, onGroupItemClick }) }),
-        (totalRecords ?? 0) > 0 && !infiniteScrollData ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minWidth: 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          GroupsRow,
+          {
+            groups,
+            onGroupItemClick,
+            getCustomIcon
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
@@ -85842,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",
                 {
@@ -85905,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

@@ -85716,7 +85716,12 @@ const PrimaryTableControlsRow = ({
     }
   );
 };
-const GroupItem = ({ title, items, onGroupItemClick }) => {
+const GroupItem = ({
+  title,
+  items,
+  onGroupItemClick,
+  getCustomIcon
+}) => {
   if (items.length === 0) return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Tooltip2, { tip: title, isAbsolutePositioned: false, children: /* @__PURE__ */ jsx(
@@ -85729,7 +85734,7 @@ const GroupItem = ({ title, items, onGroupItemClick }) => {
           width: 24,
           height: 24
         },
-        children: getIcon$1(title)
+        children: getCustomIcon ? getCustomIcon(title) : getIcon$1(title)
       }
     ) }),
     /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 4 }, children: items.map((item) => /* @__PURE__ */ jsx(
@@ -85746,7 +85751,11 @@ const GroupItem = ({ title, items, onGroupItemClick }) => {
     )) })
   ] });
 };
-const GroupsRow = ({ groups, onGroupItemClick }) => {
+const GroupsRow = ({
+  groups,
+  onGroupItemClick,
+  getCustomIcon
+}) => {
   if (!groups) return null;
   const groupArray = Object.entries(groups).map(([title, items]) => ({
     title,
@@ -85757,7 +85766,8 @@ const GroupsRow = ({ groups, onGroupItemClick }) => {
     {
       title: group.title,
       items: group.items,
-      onGroupItemClick
+      onGroupItemClick,
+      getCustomIcon
     },
     group.title
   )) : null });
@@ -85768,7 +85778,9 @@ const SecondaryTableControlsRow = ({
   onChange,
   infiniteScrollData,
   intialRowTotal = 40,
-  hasExternalFilters = false
+  hasExternalFilters = false,
+  getCustomIcon,
+  filteredResultsCount
 }) => {
   const [hasChanged, setHasChanged] = React.useState(false);
   const onGroupItemClick = (title, item) => {
@@ -85800,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",
     {
@@ -85811,8 +85823,14 @@ const SecondaryTableControlsRow = ({
         marginTop: 8
       },
       children: [
-        /* @__PURE__ */ jsx("div", { style: { minWidth: 100 }, children: /* @__PURE__ */ jsx(GroupsRow, { groups, onGroupItemClick }) }),
-        (totalRecords ?? 0) > 0 && !infiniteScrollData ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null,
+        /* @__PURE__ */ jsx("div", { style: { minWidth: 100 }, children: /* @__PURE__ */ jsx(
+          GroupsRow,
+          {
+            groups,
+            onGroupItemClick,
+            getCustomIcon
+          }
+        ) }),
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -85824,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",
                 {
@@ -85887,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/dist/utils/icon-util.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 export declare const getIcon: (name: string) => import("react/jsx-runtime").JSX.Element | null;
 export declare const getIconColor: (state: any, theme: any) => any;
-export declare const getBadgeStateIcon: (state: any, color: any, isFilled?: boolean, hasIcon?: boolean, customIcon?: React.ReactNode | null | undefined) => string | number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+export declare const getBadgeStateIcon: (state: any, color: any, isFilled?: boolean, hasIcon?: boolean, customIcon?: React.ReactNode | null | undefined) => string | number | true | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null;

package/package.json

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