@rkmodules/rules 0.0.70 → 0.0.71

package/dist/index.cjs.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.cjs.js

@@ -6,6 +6,7 @@ var react = require('@xyflow/react');
 var katex = require('katex');
 var classNames = require('classnames');
 var rcin = require('rc-input-number');
+var useLongPress = require('use-long-press');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
 var jsxRuntime = require('react/jsx-runtime');
@@ -4820,13 +4821,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 = react.useReactFlow();
+    React.useEffect(function () {
+        if (!selected) {
+            setDeleteMode(false);
+        }
+    }, [selected]);
     React.useEffect(function () {
         if (!id)
             return;
@@ -4847,11 +4855,20 @@ function NodeContainer(_a) {
             removeOnResult();
         };
     }, [id]);
+    var handlers = useLongPress.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));
 }