@algorithm-shift/design-system 1.2.992 → 1.2.994

package/dist/index.mjs

@@ -764,7 +764,7 @@ function Icon(props) {
     ...rest
   } = props;
   const [dynamicIcon, setDynamicIcon] = useState5(icon || null);
-  async function loadFAIcon(iconName, prefix2 = "fas") {
+  async function loadFAIcon(iconName, prefix2) {
     const pkgMap = {
       fas: SolidIcons,
       far: RegularIcons,
@@ -774,7 +774,7 @@ function Icon(props) {
     return basePackage[iconName] ?? null;
   }
   useEffect3(() => {
-    if (icon && iconSet === "fontawesome") {
+    if (icon && iconSet === "fontawesome" && prefix) {
       loadFAIcon(icon, prefix).then((ico) => setDynamicIcon(ico));
     }
   }, [iconSet, icon, prefix]);
@@ -3617,6 +3617,7 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
         }
       ) });
     case "icon":
+      if (!formattedValue) return null;
       return /* @__PURE__ */ jsx50(
         Icon,
         {
@@ -3624,7 +3625,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": {
@@ -4254,8 +4258,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);