@mic-rexjs/usecases-react 2.3.1 → 2.3.4

package/es/hooks/useUseCase/types.d.ts

@@ -19,26 +19,12 @@ export type CoreCollection<T, TEntityReducers extends EntityReducers<T>> = RootC
 export interface EntityGetter<T> {
     (): T;
 }
-export interface EntityWatchEvent<T, TValue = unknown> {
-    fieldPaths: string[];
-    newEntity: T;
-    newValue: TValue;
-    oldEntity: T;
-    oldValue: TValue;
-}
-export interface EntityWatcher<T, TValue = unknown> {
-    (event: EntityWatchEvent<T, TValue>): void;
-}
 export type PropertyPath<T, K extends keyof T = keyof T & string> = K extends infer TKey ? `${TKey & (string | number)}${'' | DotAccessorFieldPath<T[TKey & keyof T]>}` : never;
 export type DotAccessorFieldPath<T> = T extends unknown[] ? '.length' | `${'' | `.${number}`}${DotAccessorFieldPath<T[number]>}` : T extends object ? `.${PropertyPath<T>}` : '';
 export type FieldPath<T> = T extends unknown[] ? FieldPath<T[number]> | 'length' : T extends object ? PropertyPath<T> : never;
 export type ExtractPropertyType<T, TPath> = TPath extends `${infer TKey}.${infer TSubPath}` ? T extends unknown[] ? ExtractPropertyType<T[number], TKey extends `${number}` ? TSubPath : TPath> : ExtractPropertyType<T[TKey & keyof T], TSubPath> : T extends unknown[] ? TPath extends 'length' ? T[TPath] : TPath extends `${number}` ? T[number] : ExtractPropertyType<T[number], TPath> : T[TPath & keyof T];
 export type ExtractFieldType<T, TPath> = TPath extends `${infer TKey}.${infer TSubProperty}` ? ExtractPropertyType<T[TKey & keyof T], TSubProperty> : T[TPath & keyof T];
-export type EntityWatchMap<T> = {
-    [K in FieldPath<T>]?: EntityWatcher<T, ExtractFieldType<T, K>>;
-};
 export interface UseCaseHookContextualOptions<T> {
-    watch?: EntityWatchMap<T>;
     onChange?(newEntity: T, oldEntity: T): void;
 }
 export interface UseCaseHookOwnOptions<T, TUseCaseOptions extends object> extends UseCaseHookContextualOptions<T> {
@@ -49,7 +35,7 @@ export interface ReducersHook {
     <T extends Reducers, TUseCaseOptions extends object = object>(usecase: UseCase<T & SymbolSetTarget<NonEntitySymbolSet>, TUseCaseOptions>, options?: TUseCaseOptions, deps?: unknown[]): T;
 }
 export interface ContextualCoreCollectionHook {
-    <T, TEntityReducers extends EntityReducers<T>>(usecase: EntityUseCase<T, TEntityReducers> & UseCase<EntityReducers<T>>, options?: UseCaseHookContextualOptions<T>): ContextualCoreCollection<T, TEntityReducers>;
+    <T, TEntityReducers extends EntityReducers<T>>(usecase: EntityUseCase<T, TEntityReducers> & UseCase<EntityReducers<T>>, options?: UseCaseHookContextualOptions<T>, deps?: unknown[]): ContextualCoreCollection<T, TEntityReducers>;
 }
 export interface RootCoreCollectionHook {
     <T, TEntityReducers extends EntityReducers<T>, TUseCaseOptions extends object = object>(entity: T | EntityGetter<T>, usecase: EntityUseCase<T, TEntityReducers, TUseCaseOptions> & UseCase<EntityReducers<T>, TUseCaseOptions>, options?: UseCaseHookOptions<T, TUseCaseOptions>, deps?: unknown[]): RootCoreCollection<T, TEntityReducers>;

package/es/methods/captureCalls/index.d.ts

@@ -0,0 +1,2 @@
+import { CaptureCallFactory } from './types';
+export declare const captureCalls: <T extends object>(obj: T, callback: CaptureCallFactory) => T;

package/es/methods/captureCalls/index.js

@@ -0,0 +1,14 @@
+export const captureCalls = (obj, callback) => {
+    const newObj = {};
+    Object.keys(obj).forEach((key) => {
+        const value = obj[key];
+        if (typeof value === 'function') {
+            newObj[key] = ((...args) => {
+                return callback(key, args);
+            });
+            return;
+        }
+        newObj[key] = value;
+    });
+    return newObj;
+};

package/es/methods/captureCalls/types.d.ts

@@ -0,0 +1,4 @@
+import { RestArguments } from '@mic-rexjs/usecases/es/types';
+export interface CaptureCallFactory {
+    <T>(key: string, args: RestArguments): T;
+}

package/es/methods/captureCalls/types.js

@@ -0,0 +1 @@
+export {};

package/es/methods/initEntityReducers/index.js

@@ -1,6 +1,6 @@
 import { createEntityReducers } from '@mic-rexjs/usecases';
 export const initEntityReducers = (usecase, store, options) => {
-    const { watch, onChange, options: usecaseOptions, ...restUseCaseOptions } = options;
+    const { onChange, options: usecaseOptions, ...restUseCaseOptions } = options;
     return createEntityReducers(store, usecase, {
         ...restUseCaseOptions,
         ...usecaseOptions,

package/lib/components/UseCaseFragment/index.js

@@ -9,10 +9,8 @@ var _react = require("react");
 var _useUseCase = require("../../hooks/useUseCase");
 var UseCaseFragment = exports.UseCaseFragment = function UseCaseFragment(_ref) {
   var usecase = _ref.usecase,
-    watch = _ref.watch,
     onChange = _ref.onChange;
   void (0, _useUseCase.useUseCase)(usecase, {
-    watch: watch,
     onChange: onChange
   });
   return (0, _jsxRuntime.jsx)(_react.Fragment, {});

package/lib/hooks/useContextualItem/index.js

@@ -6,10 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.useContextualItem = void 0;
 var _ahooks = require("ahooks");
 var _UseCaseStatuses = require("../../enums/UseCaseStatuses");
-var _useMemoizedCall = require("../useMemoizedCall");
+var _cacheCall = require("../../methods/cacheCall");
 var useContextualItem = exports.useContextualItem = function useContextualItem(contextItem, statuses, createFactory) {
-  var deps = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  var create = (0, _useMemoizedCall.useMemoizedCall)(createFactory, deps);
+  var depsKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var factoryRef = (0, _ahooks.useLatest)(createFactory);
+  var create = (0, _ahooks.useCreation)(function () {
+    void depsKey;
+    return (0, _cacheCall.cacheCall)(factoryRef.current, {
+      onCompare: function onCompare() {
+        return true;
+      }
+    });
+  }, [depsKey, factoryRef]);
   return (0, _ahooks.useCreation)(function () {
     var rootEnabled = (statuses & _UseCaseStatuses.UseCaseStatuses.RootEnabled) === _UseCaseStatuses.UseCaseStatuses.RootEnabled;
     if (!rootEnabled && contextItem) {

package/lib/hooks/useEntity/index.js

@@ -12,15 +12,15 @@ var _UseCaseStatuses = require("../../enums/UseCaseStatuses");
 var _getRenderingEntity = require("../../methods/getRenderingEntity");
 var _useContextualItem = require("../useContextualItem");
 var _ahooks = require("ahooks");
-var _triggerWatchers = require("../../methods/triggerWatchers");
-var useEntity = exports.useEntity = function useEntity(statuses, rootEntity, contextStore, options) {
+var useEntity = exports.useEntity = function useEntity(statuses, rootEntity, contextStore, options, depsKey) {
   var _useState = (0, _react.useState)(rootEntity),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     entityState = _useState2[0],
     setEntityState = _useState2[1];
+  var optionsRef = (0, _ahooks.useLatest)(options);
   var contextEntity = contextStore ? contextStore.value : null;
   var renderingEntity = (0, _getRenderingEntity.getRenderingEntity)(statuses, entityState, rootEntity, contextEntity);
-  var optionsRef = (0, _ahooks.useLatest)(options);
+  var entityEnabled = (statuses & _UseCaseStatuses.UseCaseStatuses.EntityEnabled) === _UseCaseStatuses.UseCaseStatuses.EntityEnabled;
   var entityRootEnabled = (statuses & _UseCaseStatuses.UseCaseStatuses.EntityRootEnabled) === _UseCaseStatuses.UseCaseStatuses.EntityRootEnabled;
   var store = (0, _useContextualItem.useContextualItem)(contextStore, statuses, function () {
     if (!entityRootEnabled) {
@@ -41,23 +41,18 @@ var useEntity = exports.useEntity = function useEntity(statuses, rootEntity, con
     store.value = renderingEntity;
   }
   (0, _react.useEffect)(function () {
-    if ((statuses & _UseCaseStatuses.UseCaseStatuses.EntityEnabled) !== _UseCaseStatuses.UseCaseStatuses.EntityEnabled) {
+    if (!entityEnabled) {
       return;
     }
     var onEntityChange = function onEntityChange(newEntity, oldEntity) {
-      var _optionsRef$current = optionsRef.current,
-        onChange = _optionsRef$current.onChange,
-        watch = _optionsRef$current.watch;
-      if (watch) {
-        (0, _triggerWatchers.triggerWatchers)(watch, newEntity, oldEntity);
-      }
+      var onChange = optionsRef.current.onChange;
       onChange === null || onChange === void 0 || onChange(newEntity, oldEntity);
     };
     store.watch(onEntityChange);
     return function () {
       store.unwatch(onEntityChange);
     };
-  }, [statuses, store, optionsRef]);
+  }, [entityEnabled, store, depsKey, optionsRef]);
   return (0, _ahooks.useCreation)(function () {
     return [renderingEntity, store];
   }, [renderingEntity, store]);

package/lib/hooks/useUseCase/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useUseCase = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _ahooks = require("ahooks");
 var _react = require("react");
@@ -20,6 +21,8 @@ var _UseCaseStatuses = require("../../enums/UseCaseStatuses");
 var _useEntity3 = require("../useEntity");
 var _useContextualItem = require("../useContextualItem");
 var _cacheCalls = require("../../methods/cacheCalls");
+var _useCompareDeps = require("../useCompareDeps");
+var _captureCalls = require("../../methods/captureCalls");
 var useUseCase = exports.useUseCase = function useUseCase() {
   var isRenderingRef = (0, _useIsRenderingRef.useIsRenderingRef)();
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -40,23 +43,29 @@ var useUseCase = exports.useUseCase = function useUseCase() {
   var contextValue = (0, _react.useContext)(context);
   var entityContextValue = contextValue;
   var statuses = (0, _useUseCaseStatuses.useUseCaseStatuses)(argumentTypes, mode, contextValue);
+  var optionsRef = (0, _ahooks.useLatest)(options);
+  var depsKey = (0, _useCompareDeps.useCompareDeps)(deps);
   var _ref = contextValue || {},
     _ref$reducers = _ref.reducers,
     contextReducers = _ref$reducers === void 0 ? null : _ref$reducers;
   var _ref2 = entityContextValue || {},
     _ref2$store = _ref2.store,
     contextStore = _ref2$store === void 0 ? null : _ref2$store;
-  var _useEntity = (0, _useEntity3.useEntity)(statuses, unsafeEntity, contextStore, options),
+  var _useEntity = (0, _useEntity3.useEntity)(statuses, unsafeEntity, contextStore, options, depsKey),
     _useEntity2 = (0, _slicedToArray2["default"])(_useEntity, 2),
     entity = _useEntity2[0],
     store = _useEntity2[1];
   var reducers = (0, _useContextualItem.useContextualItem)(contextReducers, statuses, function () {
+    var opts = (0, _captureCalls.captureCalls)(options, function (key, callArgs) {
+      var _optionsRef$current$k, _optionsRef$current;
+      return (_optionsRef$current$k = (_optionsRef$current = optionsRef.current)[key]) === null || _optionsRef$current$k === void 0 ? void 0 : _optionsRef$current$k.call.apply(_optionsRef$current$k, [_optionsRef$current].concat((0, _toConsumableArray2["default"])(callArgs)));
+    });
     if ((statuses & _UseCaseStatuses.UseCaseStatuses.EntityEnabled) !== _UseCaseStatuses.UseCaseStatuses.EntityEnabled) {
-      return usecase(options);
+      return usecase(opts);
     }
-    var hookOptions = options;
+    var hookOptions = opts;
     return (0, _initEntityReducers.initEntityReducers)(entityUseCase, store, hookOptions);
-  }, deps);
+  }, depsKey);
   var Provider = (0, _useProvider.useProvider)(statuses, context, store, reducers);
   return (0, _ahooks.useCreation)(function () {
     if ((statuses & _UseCaseStatuses.UseCaseStatuses.EntityEnabled) !== _UseCaseStatuses.UseCaseStatuses.EntityEnabled) {