@mic-rexjs/usecases-react 2.11.2 → 2.12.1

package/lib/hooks/useUseCase/index.test.js

@@ -5,11 +5,11 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _wrapAsyncGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapAsyncGenerator"));
 var _awaitAsyncGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/awaitAsyncGenerator"));
 var _asyncGeneratorDelegate2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncGeneratorDelegate"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _ = require(".");
 var _useDepsKey = require("../useDepsKey");
@@ -19,6 +19,7 @@ var _dom = require("@testing-library/dom");
 var _react = require("@testing-library/react");
 var _ahooks = require("ahooks");
 var _react2 = require("react");
+var _reactDom = require("react-dom");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _asyncIterator(r) { var n, t, o, e = 2; for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) { if (t && null != (n = r[t])) return n.call(r); if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r)); t = "@@asyncIterator", o = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
@@ -43,29 +44,28 @@ var fileUseCase = function fileUseCase() {
   var init = function init(entity) {
     var newEntity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultFile;
     return /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      return _regenerator["default"].wrap(function (_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator["default"].wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context.next = 1;
+            _context3.next = 1;
             return function () {
               return newEntity;
             };
           case 1:
           case "end":
-            return _context.stop();
+            return _context3.stop();
         }
       }, _callee);
     })();
   };
   var setPath = /*#__PURE__*/_regenerator["default"].mark(function setPath(entity, path) {
-    var _path$match;
-    var oldPath, newPath;
-    return _regenerator["default"].wrap(function (_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+    var _path$match, oldPath, newPath;
+    return _regenerator["default"].wrap(function (_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
           oldPath = entity.path;
           newPath = pathPrefix + path;
-          _context2.next = 1;
+          _context4.next = 1;
           return _objectSpread(_objectSpread({}, entity), {}, {
             path: newPath,
             ext: ((_path$match = path.match(/\.[^.]+$/)) === null || _path$match === void 0 ? void 0 : _path$match[0]) || ''
@@ -74,38 +74,38 @@ var fileUseCase = function fileUseCase() {
           onPathChange === null || onPathChange === void 0 || onPathChange(newPath, oldPath);
         case 2:
         case "end":
-          return _context2.stop();
+          return _context4.stop();
       }
     }, setPath);
   });
   var readFile = /*#__PURE__*/function () {
-    var _ref = (0, _wrapAsyncGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
+    var _ref7 = (0, _wrapAsyncGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
       var size;
-      return _regenerator["default"].wrap(function (_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regenerator["default"].wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             size = 2000;
-            return _context3.delegateYield((0, _asyncGeneratorDelegate2["default"])(_asyncIterator(setPath(entity, path)), _awaitAsyncGenerator2["default"]), "t0", 1);
+            return _context5.delegateYield((0, _asyncGeneratorDelegate2["default"])(_asyncIterator(setPath(entity, path)), _awaitAsyncGenerator2["default"]), "t0", 1);
           case 1:
-            _context3.next = 2;
+            _context5.next = 2;
             return (0, _awaitAsyncGenerator2["default"])(Promise.resolve(null));
           case 2:
-            _context3.next = 3;
+            _context5.next = 3;
             return function (oldEntity) {
               return _objectSpread(_objectSpread({}, oldEntity), {}, {
                 size: size
               });
             };
           case 3:
-            return _context3.abrupt("return", size);
+            return _context5.abrupt("return", size);
           case 4:
           case "end":
-            return _context3.stop();
+            return _context5.stop();
         }
       }, _callee2);
     }));
     return function readFile(_x, _x2) {
-      return _ref.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   var isImage = function isImage(entity) {
@@ -137,19 +137,19 @@ var mathUseCase = function mathUseCase() {
 var fieldPathUseCase = function fieldPathUseCase() {
   return (0, _usecases.objectUseCase)();
 };
-var Child = function Child(_ref2) {
-  var _ref2$textPrefix = _ref2.textPrefix,
-    textPrefix = _ref2$textPrefix === void 0 ? '' : _ref2$textPrefix,
-    onUpdate = _ref2.onUpdate,
-    onPathChange = _ref2.onPathChange,
-    onUndefinedEntity = _ref2.onUndefinedEntity;
+var Child = function Child(_ref) {
+  var _ref$textPrefix = _ref.textPrefix,
+    textPrefix = _ref$textPrefix === void 0 ? '' : _ref$textPrefix,
+    onUpdate = _ref.onUpdate,
+    onPathChange = _ref.onPathChange,
+    onUndefinedEntity = _ref.onUndefinedEntity;
   var _useUseCase = (0, _.useUseCase)(fileUseCase),
     _useUseCase2 = (0, _slicedToArray2["default"])(_useUseCase, 2),
     file = _useUseCase2[0],
     setPath = _useUseCase2[1].setPath;
-  var _ref3 = file || {},
-    path = _ref3.path,
-    ext = _ref3.ext;
+  var _ref2 = file || {},
+    path = _ref2.path,
+    ext = _ref2.ext;
   var onClick = function onClick() {
     setPath(PATH_2);
   };
@@ -179,10 +179,10 @@ var Child = function Child(_ref2) {
     })]
   });
 };
-var Parent = function Parent(_ref4) {
-  var children = _ref4.children,
-    onUpdate = _ref4.onUpdate,
-    onSetPath = _ref4.onSetPath;
+var Parent = function Parent(_ref3) {
+  var children = _ref3.children,
+    onUpdate = _ref3.onUpdate,
+    onSetPath = _ref3.onSetPath;
   var _useUseCase3 = (0, _.useUseCase)(defaultFile, fileUseCase),
     _useUseCase4 = (0, _slicedToArray2["default"])(_useUseCase3, 3),
     _useUseCase4$ = _useUseCase4[0],
@@ -211,10 +211,10 @@ var Parent = function Parent(_ref4) {
     })
   });
 };
-var MathParent = function MathParent(_ref5) {
-  var _ref5$extraValue = _ref5.extraValue,
-    extraValue = _ref5$extraValue === void 0 ? 0 : _ref5$extraValue,
-    onUpdate = _ref5.onUpdate;
+var MathParent = function MathParent(_ref4) {
+  var _ref4$extraValue = _ref4.extraValue,
+    extraValue = _ref4$extraValue === void 0 ? 0 : _ref4$extraValue,
+    onUpdate = _ref4.onUpdate;
   var _useUseCase5 = (0, _.useUseCase)(mathUseCase, {
       extraValue: extraValue
     }, [extraValue]),
@@ -587,8 +587,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onDeepUpdate = _globals.jest.fn();
       var _renderHook15 = (0, _react.renderHook)(function () {
           var context = (0, _.useUseCase)(defaultFile, fileUseCase);
-          var _context4 = (0, _slicedToArray2["default"])(context, 2),
-            reducers = _context4[1];
+          var _context = (0, _slicedToArray2["default"])(context, 2),
+            reducers = _context[1];
           var isImage = reducers.isImage;
           var update = (0, _ahooks.useUpdate)();
           (0, _ahooks.useUpdateEffect)(function () {
@@ -651,8 +651,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('after `yield entity` on async mode, it should trigger update', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
       var onUpdate, _renderHook17, result, cores, _cores8, entity, reducers, readFile, promise;
-      return _regenerator["default"].wrap(function (_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regenerator["default"].wrap(function (_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             onUpdate = _globals.jest.fn();
             _renderHook17 = (0, _react.renderHook)(function () {
@@ -670,7 +670,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             (0, _globals.expect)(result.current).toBe(cores);
             (0, _globals.expect)(result.current).toEqual(cores);
             (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-            _context5.next = 1;
+            _context6.next = 1;
             return promise;
           case 1:
             (0, _globals.expect)(result.current[0]).not.toBe(entity);
@@ -682,7 +682,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
           case 2:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
       }, _callee3);
     })));
@@ -1023,8 +1023,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         }),
         result = _renderHook25.result;
       var context = result.current;
-      var _context6 = (0, _slicedToArray2["default"])(context, 2),
-        setPath = _context6[1].setPath;
+      var _context2 = (0, _slicedToArray2["default"])(context, 2),
+        setPath = _context2[1].setPath;
       (0, _react.act)(function () {
         setPath(PATH_1);
         onPathChange = onPathChange2;
@@ -1674,6 +1674,100 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
   });
   (0, _globals.describe)('`useUseCase` should work the same as `useContextualCoreCollection`', function () {
+    (0, _globals.test)('Provider should be returned in child component', function () {
+      var onCore = _globals.jest.fn();
+      var TestChild = function TestChild() {
+        var core = (0, _.useUseCase)(fileUseCase);
+        var length = core.length;
+        var _core = (0, _slicedToArray2["default"])(core, 3),
+          file = _core[0],
+          Provider = _core[2];
+        (0, _react2.useEffect)(function () {
+          onCore(file, length, (0, _typeof2["default"])(Provider));
+        });
+        return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
+      };
+      var TestParent = function TestParent() {
+        var _useUseCase22 = (0, _.useUseCase)(function () {
+            return _objectSpread(_objectSpread({}, defaultFile), {}, {
+              ext: EXT_1
+            });
+          }, fileUseCase),
+          _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
+          Provider = _useUseCase23[2];
+        return (0, _jsxRuntime.jsx)(Provider, {
+          children: (0, _jsxRuntime.jsx)(TestChild, {})
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(TestParent, {}));
+      (0, _globals.expect)(onCore).toHaveBeenCalledWith(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        ext: EXT_1
+      }), 3, 'function');
+    });
+    (0, _globals.test)('Provider should work in child component or popup component', function () {
+      var onChange = _globals.jest.fn();
+      var onRootFile = _globals.jest.fn();
+      var onPopupFile = _globals.jest.fn();
+      var buttonText = 'button';
+      var Popup = function Popup() {
+        var _useUseCase24 = (0, _.useUseCase)(fileUseCase),
+          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 2),
+          file = _useUseCase25[0],
+          setEntity = _useUseCase25[1].setEntity;
+        var onClick = function onClick() {
+          setEntity({
+            ext: EXT_2
+          });
+        };
+        (0, _react2.useEffect)(function () {
+          onPopupFile(file);
+        }, [file]);
+        return (0, _jsxRuntime.jsx)("button", {
+          onClick: onClick,
+          children: buttonText
+        });
+      };
+      var TestChild = function TestChild() {
+        var _useUseCase26 = (0, _.useUseCase)(fileUseCase),
+          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 3),
+          Provider = _useUseCase27[2];
+        return (0, _reactDom.createPortal)((0, _jsxRuntime.jsx)(Provider, {
+          children: (0, _jsxRuntime.jsx)(Popup, {})
+        }), document.body);
+      };
+      var TestParent = function TestParent() {
+        var _useUseCase28 = (0, _.useUseCase)(function () {
+            return _objectSpread(_objectSpread({}, defaultFile), {}, {
+              ext: EXT_1
+            });
+          }, fileUseCase, {
+            onChange: onChange
+          }),
+          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 3),
+          file = _useUseCase29[0],
+          Provider = _useUseCase29[2];
+        (0, _react2.useEffect)(function () {
+          onRootFile(file);
+        }, [file]);
+        return (0, _jsxRuntime.jsx)(Provider, {
+          children: (0, _jsxRuntime.jsx)(TestChild, {})
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(TestParent, {}));
+      (0, _globals.expect)(onRootFile).toHaveBeenCalledWith(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        ext: EXT_1
+      }));
+      (0, _globals.expect)(onPopupFile).toHaveBeenCalledWith(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        ext: EXT_1
+      }));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
+      (0, _globals.expect)(onRootFile).toHaveBeenCalledWith(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        ext: EXT_2
+      }));
+      (0, _globals.expect)(onPopupFile).toHaveBeenCalledWith(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        ext: EXT_2
+      }));
+    });
     (0, _globals.test)('Should trigger Parent & Child to update', function () {
       var onParentUpdate = _globals.jest.fn();
       var onChildUpdate = _globals.jest.fn();
@@ -1712,9 +1806,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var B = function B() {
-        var _useUseCase22 = (0, _.useUseCase)(defaultFile, mockUseCase),
-          _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
-          Provider = _useUseCase23[2];
+        var _useUseCase30 = (0, _.useUseCase)(defaultFile, mockUseCase),
+          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 3),
+          Provider = _useUseCase31[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1734,9 +1828,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase24 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 2),
-          add = _useUseCase25[1].add;
+        var _useUseCase32 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 2),
+          add = _useUseCase33[1].add;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -1748,9 +1842,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase26 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 3),
-          Provider = _useUseCase27[2];
+        var _useUseCase34 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
+          Provider = _useUseCase35[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1774,9 +1868,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase28 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 2),
-          add = _useUseCase29[1].add;
+        var _useUseCase36 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 2),
+          add = _useUseCase37[1].add;
         var onClick = function onClick() {
           add('x');
         };
@@ -1790,9 +1884,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase30 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 3),
-          Provider = _useUseCase31[2];
+        var _useUseCase38 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 3),
+          Provider = _useUseCase39[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1820,11 +1914,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase32 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 2),
-          _useUseCase33$ = _useUseCase33[1],
-          add = _useUseCase33$.add,
-          setEntity = _useUseCase33$.setEntity;
+        var _useUseCase40 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 2),
+          _useUseCase41$ = _useUseCase41[1],
+          add = _useUseCase41$.add,
+          setEntity = _useUseCase41$.setEntity;
         var update = (0, _ahooks.useUpdate)();
         add(addedText);
         var onSet = function onSet() {
@@ -1844,9 +1938,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase34 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
-          Provider = _useUseCase35[2];
+        var _useUseCase42 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 3),
+          Provider = _useUseCase43[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1875,8 +1969,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onChangeB = _globals.jest.fn(updateChangeTimes);
       var onChangeC = _globals.jest.fn(updateChangeTimes);
       var buttonText = 'my button';
-      var A = function A(_ref7) {
-        var children = _ref7.children;
+      var A = function A(_ref5) {
+        var children = _ref5.children;
         (0, _.useUseCase)(fileUseCase, {
           onChange: onChangeA
         });
@@ -1891,12 +1985,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase36 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase44 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
-          setPath = _useUseCase37[1].setPath,
-          Provider = _useUseCase37[2];
+          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 3),
+          setPath = _useUseCase45[1].setPath,
+          Provider = _useUseCase45[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -1923,11 +2017,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase38 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase46 = (0, _.useUseCase)(fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 2),
-          setPath = _useUseCase39[1].setPath;
+          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 2),
+          setPath = _useUseCase47[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -1946,9 +2040,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase40 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 3),
-          Provider = _useUseCase41[2];
+        var _useUseCase48 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 3),
+          Provider = _useUseCase49[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1970,13 +2064,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onExtChange = _globals.jest.fn();
       var firstButtonText = 'first button';
       var A = function A() {
-        var _useUseCase42 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase50 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 2),
-          setPath = _useUseCase43[1].setPath;
+          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 2),
+          setPath = _useUseCase51[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -1986,9 +2080,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase44 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
-          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 3),
-          Provider = _useUseCase45[2];
+        var _useUseCase52 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
+          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 3),
+          Provider = _useUseCase53[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2018,8 +2112,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onChangeB = _globals.jest.fn(updateChangeTimes);
       var onChangeC = _globals.jest.fn(updateChangeTimes);
       var buttonText = 'my button';
-      var A = function A(_ref8) {
-        var children = _ref8.children;
+      var A = function A(_ref6) {
+        var children = _ref6.children;
         (0, _.useUseCase)(fileUseCase, {
           watch: {
             ext: onChangeA
@@ -2038,14 +2132,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase46 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase54 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 3),
-          setPath = _useUseCase47[1].setPath,
-          Provider = _useUseCase47[2];
+          _useUseCase55 = (0, _slicedToArray2["default"])(_useUseCase54, 3),
+          setPath = _useUseCase55[1].setPath,
+          Provider = _useUseCase55[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2072,13 +2166,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase48 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase56 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 2),
-          setPath = _useUseCase49[1].setPath;
+          _useUseCase57 = (0, _slicedToArray2["default"])(_useUseCase56, 2),
+          setPath = _useUseCase57[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onExtChange = onSecondExtChange;
@@ -2097,9 +2191,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase50 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 3),
-          Provider = _useUseCase51[2];
+        var _useUseCase58 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase59 = (0, _slicedToArray2["default"])(_useUseCase58, 3),
+          Provider = _useUseCase59[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2176,8 +2270,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('reducer call should not be cached if component is at rendering phase', function () {
       var buttonText = 'button';
       var CacheTestComponent = function CacheTestComponent() {
-        var _useUseCase52 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase52.subtraction;
+        var _useUseCase60 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase60.subtraction;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -2200,8 +2294,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('reducer call should not be cached if component is not at rendering phase', function () {
       var buttonText = 'button';
       var CacheTestComponent = function CacheTestComponent() {
-        var _useUseCase53 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase53.subtraction;
+        var _useUseCase61 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase61.subtraction;
         var onClick = function onClick() {
           subtraction(5, 3);
         };
@@ -2229,8 +2323,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var count = 0;
       var buttonText = 'button';
       var StringUseCaseTestComponent = function StringUseCaseTestComponent() {
-        var _useUseCase54 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase54.subtraction;
+        var _useUseCase62 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase62.subtraction;
         var update = (0, _ahooks.useUpdate)();
         subtraction(5, count++);
         var onUpdate = function onUpdate() {

package/lib/methods/triggerWatchers/index.js

@@ -11,13 +11,15 @@ var triggerWatchers = exports.triggerWatchers = function triggerWatchers(watch,
   var _valueUseCase = (0, _valueUseCase2.valueUseCase)(),
     matchProperty = _valueUseCase.matchProperty;
   var _loop = function _loop() {
-    var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
-      fieldPath = _Object$entries$_i[0],
-      watcher = _Object$entries$_i[1];
-    matchProperty(oldEntity, newEntity, fieldPath, function (result) {
-      watcher(result);
-    });
-  };
+      var _ref = _Object$entries[_i];
+      _ref2 = (0, _slicedToArray2["default"])(_ref, 2);
+      var fieldPath = _ref2[0];
+      var watcher = _ref2[1];
+      matchProperty(oldEntity, newEntity, fieldPath, function (result) {
+        watcher(result);
+      });
+    },
+    _ref2;
   for (var _i = 0, _Object$entries = Object.entries(watch); _i < _Object$entries.length; _i++) {
     _loop();
   }

package/lib/usecases/valueUseCase/index.js

@@ -8,8 +8,8 @@ exports.valueUseCase = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _usecases = require("@mic-rexjs/usecases");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mic-rexjs/usecases-react",
-  "version": "2.11.2",
+  "version": "2.12.1",
   "description": "React-based solution for use usecases of Clean Architecture",
   "private": false,
   "sideEffects": false,
@@ -35,7 +35,7 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "@mic-rexjs/usecases": "^2.14.2",
+    "@mic-rexjs/usecases": "^2.15.3",
     "react": ">=16.8.0"
   },
   "dependencies": {
@@ -54,7 +54,7 @@
     "@eslint/js": "^10.0.1",
     "@ianvs/prettier-plugin-sort-imports": "^4.7.1",
     "@jest/globals": "^30.3.0",
-    "@mic-rexjs/usecases": "^2.15.2",
+    "@mic-rexjs/usecases": "^2.15.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^25.6.0",