@algorithm-shift/design-system 1.2.992 → 1.2.994

package/dist/index.d.mts

@@ -422,6 +422,7 @@ type PaginationMode = 'client' | 'server';
 interface CellClickProps {
   id: string;
   column: any;
+  columnId: string;
 }
 
 interface ExtendedTableProps extends TableProps {

package/dist/index.d.ts

@@ -422,6 +422,7 @@ type PaginationMode = 'client' | 'server';
 interface CellClickProps {
   id: string;
   column: any;
+  columnId: string;
 }
 
 interface ExtendedTableProps extends TableProps {

package/dist/index.js

@@ -861,7 +861,7 @@ function Icon(props) {
     ...rest
   } = props;
   const [dynamicIcon, setDynamicIcon] = (0, import_react8.useState)(icon || null);
-  async function loadFAIcon(iconName, prefix2 = "fas") {
+  async function loadFAIcon(iconName, prefix2) {
     const pkgMap = {
       fas: SolidIcons,
       far: RegularIcons,
@@ -871,7 +871,7 @@ function Icon(props) {
     return basePackage[iconName] ?? null;
   }
   (0, import_react8.useEffect)(() => {
-    if (icon && iconSet === "fontawesome") {
+    if (icon && iconSet === "fontawesome" && prefix) {
       loadFAIcon(icon, prefix).then((ico) => setDynamicIcon(ico));
     }
   }, [iconSet, icon, prefix]);
@@ -3704,6 +3704,7 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
         }
       ) });
     case "icon":
+      if (!formattedValue) return null;
       return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         Icon,
         {
@@ -3711,7 +3712,10 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
           icon: rendererProps?.icon,
           prefix: rendererProps?.iconSetPrefix,
           iconSize: rendererProps?.size,
-          className: rendererProps?.className
+          className: rendererProps?.className,
+          style: {
+            ...rendererProps?.color ? { color: rendererProps?.color } : {}
+          }
         }
       );
     case "badge": {
@@ -4341,8 +4345,8 @@ var Table2 = ({
       onFilterChange: (filters) => onFilterChange?.({ columnKey: filters.columnKey, columnTerm: filters.columnTerm }),
       onGlobalSearch: (term) => onGlobalSearch?.({ searchTerm: term }),
       globalSearch,
-      onCellClick: (cell) => {
-        onCellClick?.({ id: cell.id, column: cell });
+      onCellClick: (cell, columnId) => {
+        onCellClick?.({ id: cell.id, column: cell, columnId });
       },
       onDeleteRow: (cell) => {
         onDeleteRow?.(cell.id);