@rkmodules/rules 0.0.70 → 0.0.71

package/dist/index.esm.css

@@ -101,8 +101,27 @@
 .Label_wBwWA {
     border-bottom: 1px solid var(--ln);
     padding: 4px 8px;
-    text-align: center;
     font-weight: bold;
+    display: flex;
+    align-items: center;
+}
+
+.Label_wBwWA span {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+.DeleteButton_kglTP {
+    border: 1px solid var(--ln);
+    border-radius: 4px;
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    margin: 0;
+    display: inline-flex;
+    align-self: flex-end;
+    align-items: center;
+    justify-content: center;
 }
 
 .DefaultNode_R2P6c table {

package/dist/index.esm.js

@@ -1,9 +1,10 @@
 import { create, all } from 'mathjs';
 import React, { createContext, memo, useEffect, useLayoutEffect, useState, useCallback, useMemo, isValidElement, cloneElement, useContext } from 'react';
-import { Handle, Position, useConnection, getSimpleBezierPath, ReactFlowProvider, useOnSelectionChange, applyNodeChanges, applyEdgeChanges, ReactFlow, Background, BackgroundVariant, Controls } from '@xyflow/react';
+import { Handle, Position, useReactFlow, useConnection, getSimpleBezierPath, ReactFlowProvider, useOnSelectionChange, applyNodeChanges, applyEdgeChanges, ReactFlow, Background, BackgroundVariant, Controls } from '@xyflow/react';
 import katex from 'katex';
 import classNames from 'classnames';
 import rcin from 'rc-input-number';
+import { useLongPress } from 'use-long-press';
 import { create as create$1 } from 'zustand';
 import { persist } from 'zustand/middleware';
 import { jsx } from 'react/jsx-runtime';
@@ -4818,13 +4819,20 @@ var Output = function (_a) {
             normalized.label || name)));
 };
 
-var styles = {"DefaultNode":"DefaultNode_R2P6c","selected":"selected_VmB-F","active":"active_zjUzx","Log":"Log_dsq5e","Label":"Label_wBwWA","Description":"Description_f9s4l","PreviewHead":"PreviewHead_oFT4K","expanded":"expanded_3vnbi","Preview":"Preview_HbkZ6","Duration":"Duration_0jqWx","GroupHead":"GroupHead_QJhST","GroupName":"GroupName_Qvu4r","GroupCnt":"GroupCnt_3ctdd","GroupMore":"GroupMore_D1Kiz","GroupChildren":"GroupChildren_NKx-B","GroupLeaf":"GroupLeaf_eliT8"};
+var styles = {"DefaultNode":"DefaultNode_R2P6c","selected":"selected_VmB-F","active":"active_zjUzx","Log":"Log_dsq5e","Label":"Label_wBwWA","DeleteButton":"DeleteButton_kglTP","Description":"Description_f9s4l","PreviewHead":"PreviewHead_oFT4K","expanded":"expanded_3vnbi","Preview":"Preview_HbkZ6","Duration":"Duration_0jqWx","GroupHead":"GroupHead_QJhST","GroupName":"GroupName_Qvu4r","GroupCnt":"GroupCnt_3ctdd","GroupMore":"GroupMore_D1Kiz","GroupChildren":"GroupChildren_NKx-B","GroupLeaf":"GroupLeaf_eliT8"};
 
 function NodeContainer(_a) {
     var _b;
     var id = _a.id, label = _a.label, className = _a.className, selected = _a.selected, children = _a.children;
     var engine = useEngine();
     var _c = __read(React.useState(false), 2), active = _c[0], setActive = _c[1];
+    var _d = __read(React.useState(false), 2), deleteMode = _d[0], setDeleteMode = _d[1];
+    var instance = useReactFlow();
+    React.useEffect(function () {
+        if (!selected) {
+            setDeleteMode(false);
+        }
+    }, [selected]);
     React.useEffect(function () {
         if (!id)
             return;
@@ -4845,11 +4853,20 @@ function NodeContainer(_a) {
             removeOnResult();
         };
     }, [id]);
+    var handlers = useLongPress(function () {
+        setDeleteMode(true);
+    });
+    var handleDelete = function () {
+        instance.deleteElements({ nodes: [{ id: id }] });
+    };
     return (React.createElement("div", { className: classNames(className, styles.DefaultNode, (_b = {},
             _b[styles.selected] = selected,
             _b[styles.active] = active,
             _b)) },
-        React.createElement("div", { className: styles.Label }, label),
+        React.createElement("div", __assign({ className: styles.Label }, handlers()),
+            React.createElement("span", null),
+            label,
+            React.createElement("span", null, deleteMode && (React.createElement("button", { className: styles.DeleteButton, onClick: handleDelete }, "\u2715")))),
         children));
 }