@octaviaflow/core 3.0.18-beta.25 → 3.0.18-beta.27

package/dist/workflow.js

@@ -619,26 +619,25 @@ function ConfigPanel({
 
 // src/workflow/components/FxPanel/FxPanel.tsx
 import {
-  useEffect as useEffect3,
   useMemo as useMemo2,
   useRef as useRef4,
   useState as useState4
 } from "react";
 import {
-  CheckmarkIcon,
   ChevronDownIcon,
   ChevronRightIcon,
   CloseIcon,
   CollapseAllIcon,
-  CopyIcon,
   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;
@@ -747,15 +746,7 @@ function FxPanel({
     });
   };
   const [draggingId, setDraggingId] = useState4(null);
-  const [copiedId, setCopiedId] = useState4(null);
   const [focusedId, setFocusedId] = useState4(null);
-  const copyTimer = useRef4(null);
-  useEffect3(
-    () => () => {
-      if (copyTimer.current) clearTimeout(copyTimer.current);
-    },
-    []
-  );
   const hits = useMemo2(() => {
     if (!query) return null;
     const all = [];
@@ -780,13 +771,6 @@ function FxPanel({
       e.dataTransfer.effectAllowed = "copy";
     }
   };
-  const handleCopy = (item) => {
-    if (!item.insertValue || typeof navigator === "undefined") return;
-    void navigator.clipboard?.writeText(item.insertValue);
-    setCopiedId(item.id);
-    if (copyTimer.current) clearTimeout(copyTimer.current);
-    copyTimer.current = setTimeout(() => setCopiedId(null), 1400);
-  };
   const listRef = useRef4(null);
   const focusRow = (id) => {
     setFocusedId(id);
@@ -898,27 +882,13 @@ function FxPanel({
                   ),
                   children: item.valueType
                 }
-              ),
-              item.preview !== void 0 && /* @__PURE__ */ jsx2("span", { className: "ods-flow-fx-panel__preview", title: item.preview, children: item.preview })
+              )
             ] }),
             (item.description || crumb) && /* @__PURE__ */ jsxs2("span", { className: "ods-flow-fx-panel__row-sub", children: [
               crumb && /* @__PURE__ */ jsx2("span", { className: "ods-flow-fx-panel__crumb", children: crumb }),
               item.description
             ] })
-          ] }),
-          item.insertValue && /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              className: "ods-flow-fx-panel__copy",
-              "aria-label": `Copy ${item.label}`,
-              onClick: (e) => {
-                e.stopPropagation();
-                handleCopy(item);
-              },
-              children: copiedId === item.id ? /* @__PURE__ */ jsx2(CheckmarkIcon, { size: "sm" }) : /* @__PURE__ */ jsx2(CopyIcon, { size: "sm" })
-            }
-          )
+          ] })
         ]
       },
       item.id
@@ -988,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;
@@ -1030,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
@@ -1076,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
@@ -1092,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 })
       ]
     }
   );
@@ -1283,13 +1259,13 @@ export {
   DEFAULT_NODE_HEIGHT,
   DEFAULT_NODE_KINDS,
   DEFAULT_NODE_WIDTH,
+  DataRefButton,
   ErrorNode,
   FlowCanvas,
   FlowEdge,
   FlowNode,
   ForEachNode,
   FxPanel,
-  FxToggleButton,
   GroupNode,
   Handle,
   HttpRequestNode,