@oondemand/oon-core-front 0.3.70 → 0.3.72

package/dist/index.d.ts

@@ -321,6 +321,8 @@ type OonRowActionDef = {
     id?: string;
     label: string;
     icon?: string;
+    /** Exibe somente o ícone, preservando label em title e aria-label. */
+    iconOnly?: boolean;
     type: "openDetailModal" | "navigate" | "apiAction" | "customAction";
     method?: "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
     endpoint?: string;

package/dist/index.js

@@ -950,6 +950,7 @@ function DataGrid({
     ] }),
     query.isLoading ? /* @__PURE__ */ jsx7(LoadingScreen, {}) : query.isError ? /* @__PURE__ */ jsx7(ErrorState, { error: query.error }) : /* @__PURE__ */ jsx7(Box2, { overflowX: "auto", children: /* @__PURE__ */ jsxs3(Table.Root, { size: "sm", minW: "900px", borderCollapse: "collapse", children: [
       /* @__PURE__ */ jsx7(Table.Header, { children: /* @__PURE__ */ jsxs3(Table.Row, { bg: "#F4F7F9", children: [
+        actionCount ? /* @__PURE__ */ jsx7(Table.ColumnHeader, { w: "84px", h: "39px", px: "10px", py: "8px", color: "#667085", borderBottomWidth: "1px", borderColor: "#D5DDE3", fontSize: "10px", fontWeight: "600", textAlign: "center", children: "A\xE7\xF5es" }) : null,
         columns.map((column) => /* @__PURE__ */ jsxs3(
           Table.ColumnHeader,
           {
@@ -972,16 +973,15 @@ function DataGrid({
             ]
           },
           column.field
-        )),
-        actionCount ? /* @__PURE__ */ jsx7(Table.ColumnHeader, { w: "84px", h: "39px", px: "10px", py: "8px", color: "#667085", borderBottomWidth: "1px", borderColor: "#D5DDE3", fontSize: "10px", fontWeight: "600", textAlign: "center", children: "A\xE7\xF5es" }) : null
+        ))
       ] }) }),
       /* @__PURE__ */ jsx7(Table.Body, { children: rows.length === 0 ? /* @__PURE__ */ jsx7(Table.Row, { children: /* @__PURE__ */ jsx7(Table.Cell, { colSpan: columns.length + actionCount, children: /* @__PURE__ */ jsx7(Text3, { minH: "140px", display: "grid", placeItems: "center", color: "#98A2B3", fontSize: "12px", children: "Nenhum registro encontrado." }) }) }) : rows.map((row, index) => /* @__PURE__ */ jsxs3(Table.Row, { bg: index % 2 ? "#FBFCFD" : "white", _hover: { bg: "#F0F7FF" }, children: [
-        columns.map((column) => /* @__PURE__ */ jsx7(Table.Cell, { maxW: "250px", h: "42px", px: "10px", py: "8px", overflow: "hidden", color: "#52606D", borderBottomWidth: "1px", borderColor: "#EEF1F3", fontSize: "11px", textOverflow: "ellipsis", whiteSpace: "nowrap", children: renderColumnCell(row, column, cellRenderers) }, column.field)),
         actionCount ? /* @__PURE__ */ jsx7(Table.Cell, { h: "42px", px: "10px", py: "5px", borderBottomWidth: "1px", borderColor: "#EEF1F3", textAlign: "center", children: /* @__PURE__ */ jsxs3(Flex2, { justify: "center", gap: "5px", children: [
           onEdit ? /* @__PURE__ */ jsx7(Button2, { type: "button", "aria-label": "Editar", w: "31px", minW: "31px", h: "31px", p: 0, color: "#667085", bg: "white", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "6px", onClick: () => onEdit(row), _hover: { color: "#036491", bg: "#F0F7FF", borderColor: "#B8D9EB" }, children: /* @__PURE__ */ jsx7(EditIcon, {}) }) : null,
           onDelete ? /* @__PURE__ */ jsx7(Button2, { type: "button", "aria-label": "Excluir", w: "31px", minW: "31px", h: "31px", p: 0, color: "#667085", bg: "white", borderWidth: "1px", borderColor: "#E5E9ED", borderRadius: "6px", onClick: () => onDelete(row), _hover: { color: "#B42318", bg: "#FFF5F5", borderColor: "#FECACA" }, children: /* @__PURE__ */ jsx7(TrashIcon, {}) }) : null,
           renderRowActions?.(row)
-        ] }) }) : null
+        ] }) }) : null,
+        columns.map((column) => /* @__PURE__ */ jsx7(Table.Cell, { maxW: "250px", h: "42px", px: "10px", py: "8px", overflow: "hidden", color: "#52606D", borderBottomWidth: "1px", borderColor: "#EEF1F3", fontSize: "11px", textOverflow: "ellipsis", whiteSpace: "nowrap", children: renderColumnCell(row, column, cellRenderers) }, column.field))
       ] }, row._id ?? index)) })
     ] }) }),
     /* @__PURE__ */ jsxs3(Flex2, { minH: "56px", px: "14px", py: "10px", align: "center", justify: "flex-end", gap: "18px", color: "#7B8794", borderTopWidth: "1px", borderColor: "#E5E9ED", fontSize: "10px", flexWrap: "wrap", children: [
@@ -2359,6 +2359,33 @@ function unwrap2(value2) {
   if (data && typeof data === "object") return data;
   return record;
 }
+function RowActionIcon({ name }) {
+  const normalized2 = String(name || "").trim().toLowerCase();
+  if (["trash", "delete", "remove", "lixeira"].includes(normalized2)) {
+    return /* @__PURE__ */ jsxs8(
+      "svg",
+      {
+        "aria-hidden": "true",
+        width: "15",
+        height: "15",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+          /* @__PURE__ */ jsx13("path", { d: "M3 6h18" }),
+          /* @__PURE__ */ jsx13("path", { d: "M8 6V4h8v2" }),
+          /* @__PURE__ */ jsx13("path", { d: "M19 6l-1 14H6L5 6" }),
+          /* @__PURE__ */ jsx13("path", { d: "M10 11v5" }),
+          /* @__PURE__ */ jsx13("path", { d: "M14 11v5" })
+        ]
+      }
+    );
+  }
+  return null;
+}
 function emitOperationalEvent(action, row, changes) {
   if (typeof window === "undefined" || typeof window.dispatchEvent !== "function") return;
   if (!action.operationalKind) return;
@@ -2390,6 +2417,8 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate
   const tone = pipelineAction.tone ? ACTION_TONES[pipelineAction.tone] : void 0;
   const isWorkStatus = pipelineAction.group === "workStatus";
   const isSelected = isWorkStatus && !!pipelineAction.field && effectiveRow[pipelineAction.field] === pipelineAction.value;
+  const icon = /* @__PURE__ */ jsx13(RowActionIcon, { name: action.icon });
+  const iconOnly = Boolean(action.iconOnly && icon);
   if (evaluateCondition(action.hiddenWhen, effectiveRow)) return null;
   const disabled = evaluateCondition(action.disabledWhen, effectiveRow) || loading;
   const confirmAction = () => action.confirm ? window.confirm(action.confirm.description ?? action.confirm.title ?? `Executar ${action.label}?`) : true;
@@ -2455,9 +2484,12 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate
         type: "button",
         size: "xs",
         minH: isWorkStatus ? "32px" : "28px",
-        px: isWorkStatus ? "12px" : "9px",
+        minW: iconOnly ? "28px" : void 0,
+        px: iconOnly ? "6px" : isWorkStatus ? "12px" : "9px",
         borderRadius: isWorkStatus ? "full" : "6px",
         fontSize: "10px",
+        "aria-label": iconOnly ? action.label : void 0,
+        title: iconOnly ? action.label : void 0,
         fontWeight: "700",
         variant: tone ? "outline" : void 0,
         bg: isWorkStatus && !isSelected ? "white" : tone?.bg,
@@ -2473,7 +2505,8 @@ function CoreRowAction({ action, row, parent, onOpenDetail, onRefresh, onUpdate
         _disabled: tone ? { opacity: isSelected ? 1 : 0.55, cursor: "not-allowed" } : void 0,
         children: [
           isWorkStatus ? /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", style: { width: 8, height: 8, display: "inline-block", marginRight: 7, borderRadius: "999px", background: tone?.color ?? "#64748B", boxShadow: isSelected ? "0 0 0 2px rgba(255,255,255,.9)" : "none" } }) : null,
-          action.label
+          icon,
+          iconOnly ? null : action.label
         ]
       }
     ),
@@ -4585,7 +4618,7 @@ function Sidebar({ app, menu, registry }) {
 // package.json
 var package_default = {
   name: "@oondemand/oon-core-front",
-  version: "0.3.70",
+  version: "0.3.72",
   repository: {
     type: "git",
     url: "git+https://github.com/oondemand/oon-platform.git",