@rkmodules/rules 0.0.53 → 0.0.54

package/dist/index.esm.js

@@ -2581,13 +2581,18 @@ var FlowContext = React.createContext({
 var useEngine = function () {
     return React.useContext(FlowContext).engine;
 };
+var empty = {};
 var useControls = function () {
-    return React.useContext(FlowContext).controls || {};
+    return React.useContext(FlowContext).controls || empty;
 };
 
 var _a;
 // normalizing import
 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); } }));
+});
 function Control(_a) {
     var value = _a.value, vardef = _a.vardef, onChange = _a.onChange;
     var customControls = useControls();
@@ -2600,7 +2605,7 @@ function Control(_a) {
     }
     switch (vardef.type) {
         case "string":
-            return (React.createElement("input", { type: "text", value: value !== null && value !== void 0 ? value : "", onChange: function (e) { return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value); } }));
+            return React.createElement(InputString, { value: value !== null && value !== void 0 ? value : "", onChange: onChange });
         case "number":
             return (React.createElement(InputNumber, { value: Number(value) || 0, onChange: onChange, step: vardef.step, min: vardef.min, max: vardef.max, inputMode: "numeric" }));
         case "boolean":
@@ -3231,7 +3236,8 @@ function FlowInner(_a) {
 }
 function Flow(_a) {
     var fn = _a.function, engine = _a.engine, _b = _a.onChange, onChange = _b === void 0 ? function () { } : _b, onClick = _a.onClick, onSelect = _a.onSelect, customControls = _a.customControls;
-    return (React.createElement(FlowContext.Provider, { value: { engine: engine, controls: customControls } },
+    var contextValue = React.useMemo(function () { return ({ engine: engine, controls: customControls }); }, [engine, customControls]);
+    return (React.createElement(FlowContext.Provider, { value: contextValue },
         React.createElement(ReactFlowProvider, null,
             React.createElement(FlowInner, { function: fn, engine: engine, onChange: onChange, onClick: onClick, onSelect: onSelect }))));
 }