@rkmodules/rules 0.0.81 → 0.0.83

package/dist/index.esm.js

@@ -4,6 +4,7 @@ import { Handle, Position, useReactFlow, useConnection, getSimpleBezierPath, Rea
 import katex from 'katex';
 import classNames from 'classnames';
 import rcin from 'rc-input-number';
+import useInner from '@rkmodules/use-inner';
 import { useLongPress } from 'use-long-press';
 import { create as create$1 } from 'zustand';
 import { persist } from 'zustand/middleware';
@@ -4877,7 +4878,21 @@ var _a;
 var InputNumber = (_a = rcin.default) !== null && _a !== void 0 ? _a : rcin;
 var InputString = React.memo(function (_a) {
     var value = _a.value, onChange = _a.onChange;
-    return (React.createElement("input", { type: "text", value: value, onChange: function (e) { return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value); } }));
+    var _b = __read(useInner(value), 2), inner = _b[0], setInner = _b[1];
+    var handleBlur = React.useCallback(function () {
+        if (inner !== value) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(inner);
+        }
+    }, [inner, value, onChange]);
+    var handleKey = React.useCallback(function (e) {
+        if (e.key === "Enter" && inner !== value) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(inner);
+        }
+        if (e.key === "Escape") {
+            setInner(value);
+        }
+    }, [inner, value, onChange]);
+    return (React.createElement("input", { type: "text", value: inner, onChange: function (e) { return setInner(e.target.value); }, onBlur: handleBlur, onKeyDown: handleKey }));
 });
 function Control(_a) {
     var value = _a.value, vardef = _a.vardef, onChange = _a.onChange;