@octaviaflow/core 3.0.18-beta.26 → 3.0.18-beta.28

package/dist/workflow.js

@@ -630,12 +630,14 @@ import {
   CollapseAllIcon,
   DraggableIcon,
   ExpandAllIcon,
-  SearchIcon
+  FunctionMathIcon,
+  SearchIcon,
+  ValueVariableIcon
 } from "@octaviaflow/icons";
 import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var KIND_GLYPH = {
-  function: "\u0192",
-  variable: "\u2B21"
+var KIND_ICON = {
+  function: FunctionMathIcon,
+  variable: ValueVariableIcon
 };
 function countLeaves(items) {
   let n = 0;
@@ -956,6 +958,7 @@ function FxPanel({
           !query && visibleCategories.map((cat) => {
             const isOpen = openCategoryId === cat.id;
             const kind = cat.kind ?? "function";
+            const KindIcon = KIND_ICON[kind];
             const branchIds = /* @__PURE__ */ new Set();
             collectBranchIds(cat.items, branchIds);
             const hasTree = branchIds.size > 0;
@@ -998,11 +1001,10 @@ function FxPanel({
                               ),
                               children: [
                                 /* @__PURE__ */ jsx2(
-                                  "span",
+                                  KindIcon,
                                   {
-                                    className: "ods-flow-fx-panel__badge-glyph",
-                                    "aria-hidden": "true",
-                                    children: KIND_GLYPH[kind]
+                                    size: "sm",
+                                    className: "ods-flow-fx-panel__badge-icon"
                                   }
                                 ),
                                 cat.label
@@ -1044,12 +1046,12 @@ function FxPanel({
   );
 }
 
-// src/workflow/components/FxPanel/FxToggleButton.tsx
-import { FunctionIcon } from "@octaviaflow/icons";
+// src/workflow/components/FxPanel/DataRefButton.tsx
+import { DataReferenceIcon } from "@octaviaflow/icons";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function FxToggleButton({
+function DataRefButton({
   active = false,
-  label = "FX",
+  label = "Data ref",
   className,
   type = "button",
   ...rest
@@ -1060,16 +1062,22 @@ function FxToggleButton({
       ...rest,
       type,
       className: cn(
-        "ods-flow-fx-toggle",
-        active && "ods-flow-fx-toggle--active",
-        label == null && "ods-flow-fx-toggle--icon-only",
+        "ods-flow-dataref-button",
+        active && "ods-flow-dataref-button--active",
+        label == null && "ods-flow-dataref-button--icon-only",
         className
       ),
       "aria-pressed": active,
-      title: active ? "Hide FX / IO" : "Show FX / IO",
+      title: active ? "Hide data references" : "Show data references",
       children: [
-        /* @__PURE__ */ jsx3(FunctionIcon, { size: "sm", className: "ods-flow-fx-toggle__icon" }),
-        label != null && /* @__PURE__ */ jsx3("span", { className: "ods-flow-fx-toggle__label", children: label })
+        /* @__PURE__ */ jsx3(
+          DataReferenceIcon,
+          {
+            size: "sm",
+            className: "ods-flow-dataref-button__icon"
+          }
+        ),
+        label != null && /* @__PURE__ */ jsx3("span", { className: "ods-flow-dataref-button__label", children: label })
       ]
     }
   );
@@ -1251,13 +1259,13 @@ export {
   DEFAULT_NODE_HEIGHT,
   DEFAULT_NODE_KINDS,
   DEFAULT_NODE_WIDTH,
+  DataRefButton,
   ErrorNode,
   FlowCanvas,
   FlowEdge,
   FlowNode,
   ForEachNode,
   FxPanel,
-  FxToggleButton,
   GroupNode,
   Handle,
   HttpRequestNode,