@gobolt/genesis 0.4.44 → 0.4.45

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

@@ -1,8 +1,12 @@
 import { Change } from '../Table';
 import { InfiniteScrollChangeEvent } from '../InfiniteScrollTable/types';
 import * as React from "react";
+type Item = {
+    label: string;
+    value: unknown;
+};
 export type Groups = {
-    [key: string]: string[];
+    [key: string]: string[] | Item[];
 };
 export interface SecondaryTableControlsRowProps {
     groups: Groups | null;

package/dist/index.cjs

@@ -85807,18 +85807,21 @@ const GroupItem = ({
         children: getCustomIcon ? getCustomIcon(title) : getIcon$1(title)
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: 4 }, children: items?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-      Badge$1,
-      {
-        label: item,
-        hasClose: true,
-        hasIcon: false,
-        state: "generic",
-        size: "small",
-        onClick: () => onGroupItemClick(title, item)
-      },
-      item.toString()
-    )) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: 4 }, children: items?.map((item) => {
+      const isObjectItem = typeof item === "object" && item !== null && "label" in item && "value" in item;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Badge$1,
+        {
+          label: isObjectItem ? item.label : item?.toString() || "Undefined",
+          hasClose: true,
+          hasIcon: false,
+          state: "generic",
+          size: "small",
+          onClick: () => onGroupItemClick(title, item)
+        },
+        !item ? "Undefined" : item?.toString()
+      );
+    }) })
   ] });
 };
 const GroupsRow = ({
@@ -85835,7 +85838,7 @@ const GroupsRow = ({
     GroupItem,
     {
       title: group.title,
-      items: group.items,
+      items: group?.items,
       onGroupItemClick,
       getCustomIcon
     },

package/dist/index.js

@@ -85789,18 +85789,21 @@ const GroupItem = ({
         children: getCustomIcon ? getCustomIcon(title) : getIcon$1(title)
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 4 }, children: items?.map((item) => /* @__PURE__ */ jsx(
-      Badge$1,
-      {
-        label: item,
-        hasClose: true,
-        hasIcon: false,
-        state: "generic",
-        size: "small",
-        onClick: () => onGroupItemClick(title, item)
-      },
-      item.toString()
-    )) })
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 4 }, children: items?.map((item) => {
+      const isObjectItem = typeof item === "object" && item !== null && "label" in item && "value" in item;
+      return /* @__PURE__ */ jsx(
+        Badge$1,
+        {
+          label: isObjectItem ? item.label : item?.toString() || "Undefined",
+          hasClose: true,
+          hasIcon: false,
+          state: "generic",
+          size: "small",
+          onClick: () => onGroupItemClick(title, item)
+        },
+        !item ? "Undefined" : item?.toString()
+      );
+    }) })
   ] });
 };
 const GroupsRow = ({
@@ -85817,7 +85820,7 @@ const GroupsRow = ({
     GroupItem,
     {
       title: group.title,
-      items: group.items,
+      items: group?.items,
       onGroupItemClick,
       getCustomIcon
     },

package/package.json

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