@pdg/react-hook 2.0.19 → 2.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1,2 @@
1
1
  export * from './useChanged';
2
+ export * from './useFirstSkipChanged';
@@ -1,2 +1,2 @@
1
- import { DependencyList } from 'react';
1
+ import { type DependencyList } from 'react';
2
2
  export declare const useChanged: (callback: () => void, deps: DependencyList) => void;
@@ -1,2 +1,2 @@
1
- import { DependencyList } from 'react';
1
+ import { type DependencyList } from 'react';
2
2
  export declare const useFirstSkipChanged: (callback: () => void, deps: DependencyList) => true | undefined;
@@ -1,2 +1,2 @@
1
- import { DependencyList, EffectCallback } from 'react';
1
+ import { type DependencyList, type EffectCallback } from 'react';
2
2
  export declare const useEventEffect: (effectEventCallback: EffectCallback, deps?: DependencyList) => void;
@@ -1,2 +1,2 @@
1
- import { DependencyList, EffectCallback } from 'react';
1
+ import { type DependencyList, type EffectCallback } from 'react';
2
2
  export declare const useEventLayoutEffect: (effectEventCallback: EffectCallback, deps?: DependencyList) => void;
@@ -1,2 +1,2 @@
1
- import { DependencyList, EffectCallback } from 'react';
1
+ import { type DependencyList, type EffectCallback } from 'react';
2
2
  export declare const useFirstSkipEffect: (effectEventCallback: EffectCallback, deps: DependencyList) => void;
@@ -1,2 +1,2 @@
1
- import { DependencyList, EffectCallback } from 'react';
1
+ import { type DependencyList, type EffectCallback } from 'react';
2
2
  export declare const useFirstSkipLayoutEffect: (effectEventCallback: EffectCallback, deps: DependencyList) => void;
package/dist/index.esm.js CHANGED
@@ -64,6 +64,31 @@ function _unsupportedIterableToArray(r, a) {
64
64
  if (changed) {
65
65
  callback();
66
66
  }
67
+ };var useFirstSkipChanged = function useFirstSkipChanged(callback, deps) {
68
+ var _useState = useState(deps),
69
+ _useState2 = _slicedToArray(_useState, 2),
70
+ prevDeps = _useState2[0],
71
+ setPrevDeps = _useState2[1];
72
+ var _useState3 = useState(true),
73
+ _useState4 = _slicedToArray(_useState3, 2),
74
+ isFirst = _useState4[0],
75
+ setIsFirst = _useState4[1];
76
+ if (isFirst) {
77
+ setIsFirst(false);
78
+ return true;
79
+ }
80
+ var changed = false;
81
+ if (deps !== prevDeps) {
82
+ if (deps.length !== prevDeps.length || deps.some(function (v, i) {
83
+ return v !== prevDeps[i];
84
+ })) {
85
+ changed = true;
86
+ }
87
+ setPrevDeps(deps);
88
+ }
89
+ if (changed) {
90
+ callback();
91
+ }
67
92
  };var useEventEffect = function useEventEffect(effectEventCallback, deps) {
68
93
  var $ = c(2);
69
94
  var effectEvent = useEffectEvent(effectEventCallback);
@@ -290,4 +315,4 @@ function _unsupportedIterableToArray(r, a) {
290
315
  t3 = $[7];
291
316
  }
292
317
  useEffect(t2, t3);
293
- }export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useChanged,useEventEffect,useEventLayoutEffect,useFirstSkipEffect,useFirstSkipLayoutEffect,useForwardRef,useIntervalRef,useMountedRef,useTimeoutRef};
318
+ }export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useChanged,useEventEffect,useEventLayoutEffect,useFirstSkipChanged,useFirstSkipEffect,useFirstSkipLayoutEffect,useForwardRef,useIntervalRef,useMountedRef,useTimeoutRef};
package/dist/index.js CHANGED
@@ -64,6 +64,31 @@ function _unsupportedIterableToArray(r, a) {
64
64
  if (changed) {
65
65
  callback();
66
66
  }
67
+ };var useFirstSkipChanged = function useFirstSkipChanged(callback, deps) {
68
+ var _useState = react.useState(deps),
69
+ _useState2 = _slicedToArray(_useState, 2),
70
+ prevDeps = _useState2[0],
71
+ setPrevDeps = _useState2[1];
72
+ var _useState3 = react.useState(true),
73
+ _useState4 = _slicedToArray(_useState3, 2),
74
+ isFirst = _useState4[0],
75
+ setIsFirst = _useState4[1];
76
+ if (isFirst) {
77
+ setIsFirst(false);
78
+ return true;
79
+ }
80
+ var changed = false;
81
+ if (deps !== prevDeps) {
82
+ if (deps.length !== prevDeps.length || deps.some(function (v, i) {
83
+ return v !== prevDeps[i];
84
+ })) {
85
+ changed = true;
86
+ }
87
+ setPrevDeps(deps);
88
+ }
89
+ if (changed) {
90
+ callback();
91
+ }
67
92
  };var useEventEffect = function useEventEffect(effectEventCallback, deps) {
68
93
  var $ = compilerRuntime.c(2);
69
94
  var effectEvent = react.useEffectEvent(effectEventCallback);
@@ -290,4 +315,4 @@ function _unsupportedIterableToArray(r, a) {
290
315
  t3 = $[7];
291
316
  }
292
317
  react.useEffect(t2, t3);
293
- }exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useChanged=useChanged;exports.useEventEffect=useEventEffect;exports.useEventLayoutEffect=useEventLayoutEffect;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useTimeoutRef=useTimeoutRef;
318
+ }exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useChanged=useChanged;exports.useEventEffect=useEventEffect;exports.useEventLayoutEffect=useEventLayoutEffect;exports.useFirstSkipChanged=useFirstSkipChanged;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useTimeoutRef=useTimeoutRef;
@@ -1,2 +1,2 @@
1
- import { RefObject } from 'react';
1
+ import { type RefObject } from 'react';
2
2
  export declare function useMountedRef(initialValue?: boolean): RefObject<boolean>;
@@ -1,2 +1,2 @@
1
- import { RefObject } from 'react';
1
+ import { type RefObject } from 'react';
2
2
  export declare function useAutoUpdateRef<T>(value: T): RefObject<T>;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@pdg/react-hook",
3
3
  "title": "Typescript React Hook Module",
4
4
  "description": "Typescript React Hook Module",
5
- "version": "2.0.19",
5
+ "version": "2.0.21",
6
6
  "type": "module",
7
7
  "main": "./dist/index.js",
8
8
  "module": "./dist/index.esm.js",