pam-grid 1.0.8 → 1.0.9

package/dist/index.d.mts

@@ -16,9 +16,13 @@ interface SortState {
     dir: SortDir;
 }
 interface TableAction<T extends object> {
-    label: string;
-    icon?: string;
+    label?: string | ((row: T) => string);
+    icon?: string | ((row: T) => string);
+    onlyIcon?: boolean;
+    className?: string | ((row: T) => string);
+    disabled?: boolean | ((row: T) => boolean);
     isVisible?: boolean | ((row: T) => boolean);
+    tooltip?: string | ((row: T) => string);
     onClick: (row: T) => void;
 }
 interface AdvancedFilter {

package/dist/index.d.ts

@@ -16,9 +16,13 @@ interface SortState {
     dir: SortDir;
 }
 interface TableAction<T extends object> {
-    label: string;
-    icon?: string;
+    label?: string | ((row: T) => string);
+    icon?: string | ((row: T) => string);
+    onlyIcon?: boolean;
+    className?: string | ((row: T) => string);
+    disabled?: boolean | ((row: T) => boolean);
     isVisible?: boolean | ((row: T) => boolean);
+    tooltip?: string | ((row: T) => string);
     onClick: (row: T) => void;
 }
 interface AdvancedFilter {

package/dist/index.js

@@ -97,7 +97,7 @@ function AdvanceFilter({
     );
   };
   if (!type) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { width: 240 }, onClick: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { width: 270 }, onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "form-label", children: "Condition" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -222,6 +222,9 @@ function useLocalStorageState(key, initialValue) {
   }, [key]);
   return [value, updateValue];
 }
+var resolveValue = (value, row) => {
+  return typeof value === "function" ? value(row) : value;
+};
 
 // src/components/FacetFilter.tsx
 var import_react3 = require("react");
@@ -1562,8 +1565,7 @@ var PamGrid = ({
                                             {
                                               className: `bx bx-sm ${sortBy.dir === "asc" ? "bxs-chevron-up" : "bxs-chevron-down"} cursor-pointer`
                                             }
-                                          ),
-                                          col.pinned === col.key && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { className: "bx bx-x cursor-pointer" })
+                                          )
                                         ]
                                       }
                                     ),
@@ -1751,34 +1753,58 @@ var PamGrid = ({
               width: "1%",
               whiteSpace: "nowrap"
             },
-            children: isDropdown ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-center ", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TableAction, { gridFetaures: features, row }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            children: isDropdown ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TableAction, { gridFetaures: features, row }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "div",
               {
                 className: "d-inline-flex justify-content-center align-items-center gap-2",
                 style: { minWidth: "fit-content", padding: "0 4px" },
                 children: Array.isArray(features.actions) ? features.actions.filter((act) => {
-                  if (typeof act.isVisible === "function") {
-                    return act.isVisible(row);
-                  }
-                  if (typeof act.isVisible === "boolean") {
-                    return act.isVisible;
-                  }
-                  return true;
-                }).map((act, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                  "i",
-                  {
-                    title: act.label,
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      act.onClick && act.onClick(row);
+                  const visible = resolveValue(
+                    act.isVisible ?? true,
+                    row
+                  );
+                  return visible;
+                }).map((act, i) => {
+                  const label = resolveValue(act.label, row);
+                  const icon = resolveValue(act.icon, row);
+                  const className = resolveValue(act.className, row);
+                  const disabled = resolveValue(
+                    act.disabled ?? false,
+                    row
+                  );
+                  return act.onlyIcon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    "i",
+                    {
+                      title: label,
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        if (!disabled) act.onClick?.(row);
+                      },
+                      className: `${icon} ${disabled ? "opacity-50" : ""}`,
+                      style: {
+                        cursor: disabled ? "not-allowed" : "pointer"
+                      },
+                      onMouseMove: (e) => typeof label === "string" && showTooltip(label, e.clientX, e.clientY),
+                      onMouseLeave: hideTooltip
+                    },
+                    i
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                    "button",
+                    {
+                      className,
+                      disabled,
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        if (!disabled) act.onClick?.(row);
+                      },
+                      children: [
+                        icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { className: `${icon} me-1` }),
+                        label
+                      ]
                     },
-                    className: `${act.icon}`,
-                    onMouseEnter: (e) => showTooltip(act.label, e.clientX, e.clientY),
-                    onMouseMove: (e) => showTooltip(act.label, e.clientX, e.clientY),
-                    onMouseLeave: hideTooltip
-                  },
-                  i
-                )) : typeof features.actions === "function" ? features.actions(row, toggleExpand) : null
+                    i
+                  );
+                }) : typeof features.actions === "function" ? features.actions(row, toggleExpand) : null
               }
             )
           }