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

package/dist/workflow.js

@@ -619,18 +619,15 @@ 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
@@ -747,15 +744,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 +769,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);
@@ -794,7 +776,7 @@ function FxPanel({
       listRef.current?.querySelector(`[data-fx-row="${CSS.escape(id)}"]`)?.focus();
     });
   };
-  const onRowKeyDown = (e, rows, row) => {
+  const onRowKeyDown = (e, rows, row, category) => {
     const idx = rows.findIndex((r) => r.item.id === row.item.id);
     if (idx < 0) return;
     switch (e.key) {
@@ -839,16 +821,22 @@ function FxPanel({
       case " ":
         e.preventDefault();
         if (row.hasChildren) toggleItem(row.item.id);
-        else {
-          const cat = visibleCategories.find((c) => c.id === openCategoryId);
-          if (cat) onItemSelect?.(row.item, cat);
-        }
+        else onItemSelect?.(row.item, category);
         break;
       default:
         break;
     }
   };
-  const renderRow = (row, category, rows, opts = {}) => {
+  const searchRows = useMemo2(
+    () => hits ? hits.map(({ hit }) => ({
+      item: hit.item,
+      depth: 0,
+      hasChildren: false,
+      expanded: false
+    })) : [],
+    [hits]
+  );
+  const renderRow = (row, category, rows, crumb) => {
     const { item, depth, hasChildren, expanded } = row;
     const mono = category.kind === "function";
     const draggable = !!item.insertValue;
@@ -871,7 +859,7 @@ function FxPanel({
         onDragStart: draggable ? handleDragStart(item, category) : void 0,
         onDragEnd: () => setDraggingId(null),
         onFocus: () => setFocusedId(item.id),
-        onKeyDown: opts.searching ? void 0 : (e) => onRowKeyDown(e, rows, row),
+        onKeyDown: (e) => onRowKeyDown(e, rows, row, category),
         onClick: () => {
           if (hasChildren) toggleItem(item.id);
           else onItemSelect?.(item, category);
@@ -892,27 +880,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 || opts.crumb) && /* @__PURE__ */ jsxs2("span", { className: "ods-flow-fx-panel__row-sub", children: [
-              opts.crumb && /* @__PURE__ */ jsx2("span", { className: "ods-flow-fx-panel__crumb", children: opts.crumb }),
+            (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
@@ -971,19 +945,11 @@ function FxPanel({
               hits.length === 1 ? "match" : "matches"
             ] }),
             hits.map(
-              ({ category, hit }) => renderRow(
-                { item: hit.item, depth: 0, hasChildren: false, expanded: false },
+              ({ category, hit }, i) => renderRow(
+                searchRows[i],
                 category,
-                hits.map((h) => ({
-                  item: h.hit.item,
-                  depth: 0,
-                  hasChildren: false,
-                  expanded: false
-                })),
-                {
-                  searching: true,
-                  crumb: hit.ancestors.length ? hit.ancestors.join(" / ") : category.label
-                }
+                searchRows,
+                hit.ancestors.length ? hit.ancestors.join(" / ") : category.label
               )
             )
           ] }) : /* @__PURE__ */ jsx2("div", { className: "ods-flow-fx-panel__empty", children: emptyLabel })),