@algorithm-shift/design-system 1.2.993 → 1.2.995

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]);
@@ -2126,7 +2126,8 @@ function LazySelectDropdown({
   errorMessage,
   axiosInstance,
   enableAddNewOption = false,
-  enforceStrictQueryParams = false
+  enforceStrictQueryParams = false,
+  ...props
 }) {
   const [isOpen, setIsOpen] = (0, import_react21.useState)(false);
   const [searchTerm, setSearchTerm] = (0, import_react21.useState)("");
@@ -2252,7 +2253,10 @@ function LazySelectDropdown({
           top: dropdownRef.current ? dropdownRef.current.getBoundingClientRect().bottom + window.scrollY : 0,
           left: dropdownRef.current ? dropdownRef.current.getBoundingClientRect().left + window.scrollX : 0
         },
-        children: loading && lazyOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "px-3 py-4 text-center text-gray-500 flex items-center justify-center gap-2 text-sm", children: [
+        children: props.loading && !loading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "px-3 py-4 text-center text-gray-500 flex items-center justify-center gap-2 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "animate-spin w-4 h-4 border-2 border-gray-300 border-t-blue-500 rounded-full" }),
+          "Loading..."
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: loading && lazyOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "px-3 py-4 text-center text-gray-500 flex items-center justify-center gap-2 text-sm", children: [
           /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "animate-spin w-4 h-4 border-2 border-gray-300 border-t-blue-500 rounded-full" }),
           "Loading..."
         ] }) : lazyOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
@@ -2290,7 +2294,7 @@ function LazySelectDropdown({
               children: `Add "${searchTerm}"`
             }
           )
-        ] })
+        ] }) })
       }
     ) })
   ] });
@@ -4345,8 +4349,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);