@o/hooks 0.16.19
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.
- package/LICENSE +21 -0
- package/README.md +120 -0
- package/dist/cjs/index.cjs +32 -0
- package/dist/cjs/index.native.js +35 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/useClickOutside.cjs +52 -0
- package/dist/cjs/useClickOutside.native.js +63 -0
- package/dist/cjs/useClickOutside.native.js.map +1 -0
- package/dist/cjs/useDebouncePrepend.cjs +66 -0
- package/dist/cjs/useDebouncePrepend.native.js +70 -0
- package/dist/cjs/useDebouncePrepend.native.js.map +1 -0
- package/dist/cjs/useDeepMemoizedObject.cjs +207 -0
- package/dist/cjs/useDeepMemoizedObject.native.js +258 -0
- package/dist/cjs/useDeepMemoizedObject.native.js.map +1 -0
- package/dist/cjs/useDeepMemoizedObject.test.cjs +321 -0
- package/dist/cjs/useDeepMemoizedObject.test.native.js +324 -0
- package/dist/cjs/useDeepMemoizedObject.test.native.js.map +1 -0
- package/dist/cjs/useDeferredBoolean.cjs +39 -0
- package/dist/cjs/useDeferredBoolean.native.js +42 -0
- package/dist/cjs/useDeferredBoolean.native.js.map +1 -0
- package/dist/cjs/useEffectOnceGlobally.cjs +45 -0
- package/dist/cjs/useEffectOnceGlobally.native.js +50 -0
- package/dist/cjs/useEffectOnceGlobally.native.js.map +1 -0
- package/dist/cjs/useEvent.cjs +33 -0
- package/dist/cjs/useEvent.native.js +41 -0
- package/dist/cjs/useEvent.native.js.map +1 -0
- package/dist/cjs/useIsMounted.cjs +35 -0
- package/dist/cjs/useIsMounted.native.js +38 -0
- package/dist/cjs/useIsMounted.native.js.map +1 -0
- package/dist/cjs/useLastValue.cjs +31 -0
- package/dist/cjs/useLastValue.native.js +34 -0
- package/dist/cjs/useLastValue.native.js.map +1 -0
- package/dist/cjs/useLastValueIf.cjs +38 -0
- package/dist/cjs/useLastValueIf.native.js +42 -0
- package/dist/cjs/useLastValueIf.native.js.map +1 -0
- package/dist/cjs/useMemoStable.cjs +35 -0
- package/dist/cjs/useMemoStable.native.js +39 -0
- package/dist/cjs/useMemoStable.native.js.map +1 -0
- package/dist/cjs/useMemoizedObjectList.cjs +64 -0
- package/dist/cjs/useMemoizedObjectList.native.js +86 -0
- package/dist/cjs/useMemoizedObjectList.native.js.map +1 -0
- package/dist/cjs/useThrottle.cjs +52 -0
- package/dist/cjs/useThrottle.native.js +59 -0
- package/dist/cjs/useThrottle.native.js.map +1 -0
- package/dist/cjs/useWarnIfDepsChange.cjs +65 -0
- package/dist/cjs/useWarnIfDepsChange.native.js +68 -0
- package/dist/cjs/useWarnIfDepsChange.native.js.map +1 -0
- package/dist/cjs/useWarnIfMemoChangesOften.cjs +43 -0
- package/dist/cjs/useWarnIfMemoChangesOften.native.js +48 -0
- package/dist/cjs/useWarnIfMemoChangesOften.native.js.map +1 -0
- package/dist/esm/index.js +14 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +14 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +14 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/useClickOutside.mjs +27 -0
- package/dist/esm/useClickOutside.mjs.map +1 -0
- package/dist/esm/useClickOutside.native.js +35 -0
- package/dist/esm/useClickOutside.native.js.map +1 -0
- package/dist/esm/useDebouncePrepend.mjs +41 -0
- package/dist/esm/useDebouncePrepend.mjs.map +1 -0
- package/dist/esm/useDebouncePrepend.native.js +42 -0
- package/dist/esm/useDebouncePrepend.native.js.map +1 -0
- package/dist/esm/useDeepMemoizedObject.mjs +180 -0
- package/dist/esm/useDeepMemoizedObject.mjs.map +1 -0
- package/dist/esm/useDeepMemoizedObject.native.js +228 -0
- package/dist/esm/useDeepMemoizedObject.native.js.map +1 -0
- package/dist/esm/useDeepMemoizedObject.test.mjs +322 -0
- package/dist/esm/useDeepMemoizedObject.test.mjs.map +1 -0
- package/dist/esm/useDeepMemoizedObject.test.native.js +322 -0
- package/dist/esm/useDeepMemoizedObject.test.native.js.map +1 -0
- package/dist/esm/useDeferredBoolean.mjs +14 -0
- package/dist/esm/useDeferredBoolean.mjs.map +1 -0
- package/dist/esm/useDeferredBoolean.native.js +14 -0
- package/dist/esm/useDeferredBoolean.native.js.map +1 -0
- package/dist/esm/useEffectOnceGlobally.mjs +20 -0
- package/dist/esm/useEffectOnceGlobally.mjs.map +1 -0
- package/dist/esm/useEffectOnceGlobally.native.js +22 -0
- package/dist/esm/useEffectOnceGlobally.native.js.map +1 -0
- package/dist/esm/useEvent.mjs +8 -0
- package/dist/esm/useEvent.mjs.map +1 -0
- package/dist/esm/useEvent.native.js +13 -0
- package/dist/esm/useEvent.native.js.map +1 -0
- package/dist/esm/useIsMounted.mjs +10 -0
- package/dist/esm/useIsMounted.mjs.map +1 -0
- package/dist/esm/useIsMounted.native.js +10 -0
- package/dist/esm/useIsMounted.native.js.map +1 -0
- package/dist/esm/useLastValue.mjs +6 -0
- package/dist/esm/useLastValue.mjs.map +1 -0
- package/dist/esm/useLastValue.native.js +6 -0
- package/dist/esm/useLastValue.native.js.map +1 -0
- package/dist/esm/useLastValueIf.mjs +13 -0
- package/dist/esm/useLastValueIf.mjs.map +1 -0
- package/dist/esm/useLastValueIf.native.js +14 -0
- package/dist/esm/useLastValueIf.native.js.map +1 -0
- package/dist/esm/useMemoStable.mjs +10 -0
- package/dist/esm/useMemoStable.mjs.map +1 -0
- package/dist/esm/useMemoStable.native.js +11 -0
- package/dist/esm/useMemoStable.native.js.map +1 -0
- package/dist/esm/useMemoizedObjectList.mjs +39 -0
- package/dist/esm/useMemoizedObjectList.mjs.map +1 -0
- package/dist/esm/useMemoizedObjectList.native.js +58 -0
- package/dist/esm/useMemoizedObjectList.native.js.map +1 -0
- package/dist/esm/useThrottle.mjs +27 -0
- package/dist/esm/useThrottle.mjs.map +1 -0
- package/dist/esm/useThrottle.native.js +31 -0
- package/dist/esm/useThrottle.native.js.map +1 -0
- package/dist/esm/useWarnIfDepsChange.mjs +40 -0
- package/dist/esm/useWarnIfDepsChange.mjs.map +1 -0
- package/dist/esm/useWarnIfDepsChange.native.js +40 -0
- package/dist/esm/useWarnIfDepsChange.native.js.map +1 -0
- package/dist/esm/useWarnIfMemoChangesOften.mjs +18 -0
- package/dist/esm/useWarnIfMemoChangesOften.mjs.map +1 -0
- package/dist/esm/useWarnIfMemoChangesOften.native.js +20 -0
- package/dist/esm/useWarnIfMemoChangesOften.native.js.map +1 -0
- package/package.json +59 -0
- package/src/index.ts +13 -0
- package/src/useClickOutside.ts +34 -0
- package/src/useDebouncePrepend.ts +63 -0
- package/src/useDeepMemoizedObject.test.ts +344 -0
- package/src/useDeepMemoizedObject.ts +231 -0
- package/src/useDeferredBoolean.tsx +15 -0
- package/src/useEffectOnceGlobally.ts +41 -0
- package/src/useEvent.ts +7 -0
- package/src/useIsMounted.ts +11 -0
- package/src/useLastValue.ts +5 -0
- package/src/useLastValueIf.ts +15 -0
- package/src/useMemoStable.ts +25 -0
- package/src/useMemoizedObjectList.ts +74 -0
- package/src/useThrottle.ts +36 -0
- package/src/useWarnIfDepsChange.ts +61 -0
- package/src/useWarnIfMemoChangesOften.ts +24 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024 vxrn
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
# @takeout/hooks
|
|
2
|
+
|
|
3
|
+
collection of reusable react hooks for the takeout project.
|
|
4
|
+
|
|
5
|
+
## hooks
|
|
6
|
+
|
|
7
|
+
### useClickOutside
|
|
8
|
+
|
|
9
|
+
detect clicks outside a referenced element (web only)
|
|
10
|
+
|
|
11
|
+
```ts
|
|
12
|
+
useClickOutside({ ref, active, onClickOutside })
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### useDebouncePrepend
|
|
16
|
+
|
|
17
|
+
debounce list updates when prepending items, immediate updates otherwise
|
|
18
|
+
|
|
19
|
+
```ts
|
|
20
|
+
const debouncedList = useDebouncePrepend(list, delay)
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### useDeepMemoizedObject
|
|
24
|
+
|
|
25
|
+
deep memoization with optional immutable field tracking
|
|
26
|
+
|
|
27
|
+
```ts
|
|
28
|
+
const memoized = useDeepMemoizedObject(value, {
|
|
29
|
+
immutableToNestedChanges: { 'path.to.field': true },
|
|
30
|
+
})
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
### useDeferredBoolean
|
|
34
|
+
|
|
35
|
+
defer boolean state updates using react transitions
|
|
36
|
+
|
|
37
|
+
```ts
|
|
38
|
+
const deferredValue = useDeferredBoolean(value)
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
### useEffectOnceGlobally
|
|
42
|
+
|
|
43
|
+
run effect once globally across all component instances, keyed by id
|
|
44
|
+
|
|
45
|
+
```ts
|
|
46
|
+
useEffectOnceGlobally(key, (value) => {
|
|
47
|
+
// runs once per unique key
|
|
48
|
+
})
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
### useIsMounted
|
|
52
|
+
|
|
53
|
+
returns true after component mounts
|
|
54
|
+
|
|
55
|
+
```ts
|
|
56
|
+
const isMounted = useIsMounted()
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
### useLastValue
|
|
60
|
+
|
|
61
|
+
returns previous value from last render
|
|
62
|
+
|
|
63
|
+
```ts
|
|
64
|
+
const previousValue = useLastValue(currentValue)
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
### useLastValueIf
|
|
68
|
+
|
|
69
|
+
conditionally keep last value based on boolean
|
|
70
|
+
|
|
71
|
+
```ts
|
|
72
|
+
const value = useLastValueIf(currentValue, shouldKeepLast)
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
### useMemoizedObjectList
|
|
76
|
+
|
|
77
|
+
memoize list items by identity key, prevents unnecessary re-renders when zero
|
|
78
|
+
mutates objects
|
|
79
|
+
|
|
80
|
+
```ts
|
|
81
|
+
const memoizedList = useMemoizedObjectList(list, 'id')
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
### useMemoStable
|
|
85
|
+
|
|
86
|
+
useMemo with warnings when dependencies change too often (development only)
|
|
87
|
+
|
|
88
|
+
```ts
|
|
89
|
+
const value = useMemoStable(() => expensiveComputation(), deps, {
|
|
90
|
+
name: 'myMemo',
|
|
91
|
+
maxChanges: 5,
|
|
92
|
+
})
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
### useThrottle
|
|
96
|
+
|
|
97
|
+
throttle function calls
|
|
98
|
+
|
|
99
|
+
```ts
|
|
100
|
+
const throttledFn = useThrottle(fn, delay)
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
### useWarnIfDepsChange
|
|
104
|
+
|
|
105
|
+
warn when dependencies change too often (development only)
|
|
106
|
+
|
|
107
|
+
```ts
|
|
108
|
+
useWarnIfDepsChange(deps, {
|
|
109
|
+
name: 'myEffect',
|
|
110
|
+
maxChanges: 5,
|
|
111
|
+
})
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
### useWarnIfMemoChangesOften
|
|
115
|
+
|
|
116
|
+
warn when memoized value changes frequently (development only)
|
|
117
|
+
|
|
118
|
+
```ts
|
|
119
|
+
useWarnIfMemoChangesOften(value, threshold, 'valueName')
|
|
120
|
+
```
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
8
|
+
get: () => from[key],
|
|
9
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
+
value: true
|
|
17
|
+
}), mod);
|
|
18
|
+
var index_exports = {};
|
|
19
|
+
module.exports = __toCommonJS(index_exports);
|
|
20
|
+
__reExport(index_exports, require("./useClickOutside.cjs"), module.exports);
|
|
21
|
+
__reExport(index_exports, require("./useDebouncePrepend.cjs"), module.exports);
|
|
22
|
+
__reExport(index_exports, require("./useDeepMemoizedObject.cjs"), module.exports);
|
|
23
|
+
__reExport(index_exports, require("./useDeferredBoolean.cjs"), module.exports);
|
|
24
|
+
__reExport(index_exports, require("./useEffectOnceGlobally.cjs"), module.exports);
|
|
25
|
+
__reExport(index_exports, require("./useIsMounted.cjs"), module.exports);
|
|
26
|
+
__reExport(index_exports, require("./useLastValue.cjs"), module.exports);
|
|
27
|
+
__reExport(index_exports, require("./useLastValueIf.cjs"), module.exports);
|
|
28
|
+
__reExport(index_exports, require("./useMemoizedObjectList.cjs"), module.exports);
|
|
29
|
+
__reExport(index_exports, require("./useMemoStable.cjs"), module.exports);
|
|
30
|
+
__reExport(index_exports, require("./useThrottle.cjs"), module.exports);
|
|
31
|
+
__reExport(index_exports, require("./useWarnIfDepsChange.cjs"), module.exports);
|
|
32
|
+
__reExport(index_exports, require("./useWarnIfMemoChangesOften.cjs"), module.exports);
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
10
|
+
get: () => from[key],
|
|
11
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
17
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
18
|
+
value: true
|
|
19
|
+
}), mod);
|
|
20
|
+
var index_exports = {};
|
|
21
|
+
module.exports = __toCommonJS(index_exports);
|
|
22
|
+
__reExport(index_exports, require("./useClickOutside.native.js"), module.exports);
|
|
23
|
+
__reExport(index_exports, require("./useDebouncePrepend.native.js"), module.exports);
|
|
24
|
+
__reExport(index_exports, require("./useDeepMemoizedObject.native.js"), module.exports);
|
|
25
|
+
__reExport(index_exports, require("./useDeferredBoolean.native.js"), module.exports);
|
|
26
|
+
__reExport(index_exports, require("./useEffectOnceGlobally.native.js"), module.exports);
|
|
27
|
+
__reExport(index_exports, require("./useIsMounted.native.js"), module.exports);
|
|
28
|
+
__reExport(index_exports, require("./useLastValue.native.js"), module.exports);
|
|
29
|
+
__reExport(index_exports, require("./useLastValueIf.native.js"), module.exports);
|
|
30
|
+
__reExport(index_exports, require("./useMemoizedObjectList.native.js"), module.exports);
|
|
31
|
+
__reExport(index_exports, require("./useMemoStable.native.js"), module.exports);
|
|
32
|
+
__reExport(index_exports, require("./useThrottle.native.js"), module.exports);
|
|
33
|
+
__reExport(index_exports, require("./useWarnIfDepsChange.native.js"), module.exports);
|
|
34
|
+
__reExport(index_exports, require("./useWarnIfMemoChangesOften.native.js"), module.exports);
|
|
35
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,iCAAAH,MADd,CAAAC,OAAA;AAEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCAAAH,MAFd,CAAAC,OAAA;AAGAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCAHd,GAAAH,MAAA,CAAAC,OAAA;AAIAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCAAAH,MAJd,CAAAC,OAAA;AAKAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCALd,GAAAH,MAAA,CAAAC,OAAA;AAMAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BANdH,MAAA,CAAAC,OAAA;AAOAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAAAH,MAPd,CAAAC,OAAA;AAQAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,gCAAAH,MAAA,CARdC,OAAA;AASAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCATd,GAAAH,MAAA,CAAAC,OAAA;AAUAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,6BAVd,EAAAH,MAAA,CAAAC,OAAA;AAWAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,6BAAAH,MAAA,CAAAC,OAXd;AAYAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,qCAAAH,MAZd,CAAAC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
+
get: () => from[key],
|
|
15
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: true
|
|
22
|
+
}), mod);
|
|
23
|
+
var useClickOutside_exports = {};
|
|
24
|
+
__export(useClickOutside_exports, {
|
|
25
|
+
useClickOutside: () => useClickOutside
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(useClickOutside_exports);
|
|
28
|
+
var import_helpers = require("@o/helpers");
|
|
29
|
+
var import_react = require("react");
|
|
30
|
+
const useClickOutside = ({
|
|
31
|
+
ref,
|
|
32
|
+
active,
|
|
33
|
+
onClickOutside
|
|
34
|
+
}) => {
|
|
35
|
+
(0, import_react.useEffect)(() => {
|
|
36
|
+
if (!import_helpers.IS_WEB) return;
|
|
37
|
+
if (!active) return;
|
|
38
|
+
if (!onClickOutside) return;
|
|
39
|
+
const handleClickOutside = e => {
|
|
40
|
+
const node = ref.current;
|
|
41
|
+
if (!node) return;
|
|
42
|
+
if (!(e.target instanceof HTMLElement)) return;
|
|
43
|
+
if (!node.contains(e.target)) {
|
|
44
|
+
onClickOutside();
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
document.addEventListener("click", handleClickOutside);
|
|
48
|
+
return () => {
|
|
49
|
+
document.removeEventListener("click", handleClickOutside);
|
|
50
|
+
};
|
|
51
|
+
}, [ref, active, onClickOutside]);
|
|
52
|
+
};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
}), mod);
|
|
25
|
+
var useClickOutside_exports = {};
|
|
26
|
+
__export(useClickOutside_exports, {
|
|
27
|
+
useClickOutside: () => useClickOutside
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(useClickOutside_exports);
|
|
30
|
+
var import_helpers = require("@o/helpers");
|
|
31
|
+
var import_react = require("react");
|
|
32
|
+
function _instanceof(left, right) {
|
|
33
|
+
"@swc/helpers - instanceof";
|
|
34
|
+
|
|
35
|
+
if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
|
|
36
|
+
return !!right[Symbol.hasInstance](left);
|
|
37
|
+
} else return left instanceof right;
|
|
38
|
+
}
|
|
39
|
+
var useClickOutside = function useClickOutside2(param) {
|
|
40
|
+
var {
|
|
41
|
+
ref,
|
|
42
|
+
active,
|
|
43
|
+
onClickOutside
|
|
44
|
+
} = param;
|
|
45
|
+
(0, import_react.useEffect)(function () {
|
|
46
|
+
if (!import_helpers.IS_WEB) return;
|
|
47
|
+
if (!active) return;
|
|
48
|
+
if (!onClickOutside) return;
|
|
49
|
+
var handleClickOutside = function handleClickOutside2(e) {
|
|
50
|
+
var node = ref.current;
|
|
51
|
+
if (!node) return;
|
|
52
|
+
if (!_instanceof(e.target, HTMLElement)) return;
|
|
53
|
+
if (!node.contains(e.target)) {
|
|
54
|
+
onClickOutside();
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
document.addEventListener("click", handleClickOutside);
|
|
58
|
+
return function () {
|
|
59
|
+
document.removeEventListener("click", handleClickOutside);
|
|
60
|
+
};
|
|
61
|
+
}, [ref, active, onClickOutside]);
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=useClickOutside.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useClickOutside_exports","__export","useClickOutside","module","exports","import_helpers","require","import_react","_instanceof","left","right","Symbol","hasInstance","useClickOutside2","param","ref","active","onClickOutside","useEffect","IS_WEB","handleClickOutside","handleClickOutside2","e","node","current","target","HTMLElement","contains","document","addEventListener"],"sources":["../../src/useClickOutside.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,uBAAA;AACvB,IAAAK,cAAA,GAA0BC,OAAA;AAQnB,IAAAC,YAAM,GAAAD,OAAmB;AAAA,SAC9BE,YAAAC,IAAA,EAAAC,KAAA;EACA;;EACA,IAAAA,KAAA,mBAAAC,MAAA,oBAAAD,KAAA,CAAAC,MAAA,CAAAC,WAAA;IACF,OAA4B,EAAAF,KAAA,CAAAC,MAAA,CAAAC,WAAA,EAAAH,IAAA;EAC1B,cAAAA,IAAA,YAAUC,KAAM;AACd;AACA,IAAAR,eAAa,YAAAW,iBAAAC,KAAA;EACb;IAAIC,GAAC;IAAAC,MAAA;IAAAC;EAAgB,IAAAH,KAAA;EAErB,IAAAP,YAAM,CAAAW,SAAA,cAAwC;IAC5C,KAAAb,cAAiB,CAAAc,MAAA;IACjB,KAAAH,MAAK,EAAM;IACX,KAAAC,cAAQ;IACR,IAAAG,kBAAmB,GAAE,SAASC,oBAAAC,CAAA;MAC5B,IAAAC,IAAA,GAAAR,GAAA,CAAAS,OAAe;MACjB,KAAAD,IAAA;MACF,KAAAf,WAAA,CAAAc,CAAA,CAAAG,MAAA,EAAAC,WAAA;MAEA,KAAAH,IAAS,CAAAI,QAAA,CAAAL,CAAA,CAAAG,MAAiB;QAC1BR,cAAa;MACX;IACF;IACFW,QAAS,CAAAC,gBAAQ,QAAe,EAAAT,kBAAA;IAClC","ignoreList":[]}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
+
get: () => from[key],
|
|
15
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: true
|
|
22
|
+
}), mod);
|
|
23
|
+
var useDebouncePrepend_exports = {};
|
|
24
|
+
__export(useDebouncePrepend_exports, {
|
|
25
|
+
useDebouncePrepend: () => useDebouncePrepend
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(useDebouncePrepend_exports);
|
|
28
|
+
var import_helpers = require("@o/helpers");
|
|
29
|
+
var import_react = require("react");
|
|
30
|
+
function useDebouncePrepend(list, delay) {
|
|
31
|
+
const [current, setCurrent] = (0, import_react.useState)(list);
|
|
32
|
+
const [previous, setPrevious] = (0, import_react.useState)(list);
|
|
33
|
+
const [pendingUpdate, setPendingUpdate] = (0, import_react.useState)(null);
|
|
34
|
+
const debouncedUpdate = (0, import_react.useMemo)(() => {
|
|
35
|
+
return (0, import_helpers.debounce)(newList => {
|
|
36
|
+
setCurrent(newList);
|
|
37
|
+
setPendingUpdate(null);
|
|
38
|
+
}, delay);
|
|
39
|
+
}, [delay]);
|
|
40
|
+
const updateState = (0, import_react.useCallback)(newList => {
|
|
41
|
+
setCurrent(prevCurrent => {
|
|
42
|
+
const currentList = pendingUpdate || prevCurrent;
|
|
43
|
+
const isPrepending = newList.length > previous.length && newList[0]?.id !== previous[0]?.id;
|
|
44
|
+
if (isPrepending) {
|
|
45
|
+
debouncedUpdate.cancel();
|
|
46
|
+
setPendingUpdate(newList);
|
|
47
|
+
debouncedUpdate(newList);
|
|
48
|
+
return currentList;
|
|
49
|
+
}
|
|
50
|
+
debouncedUpdate.cancel();
|
|
51
|
+
setPendingUpdate(null);
|
|
52
|
+
return newList;
|
|
53
|
+
});
|
|
54
|
+
}, [previous, pendingUpdate, debouncedUpdate]);
|
|
55
|
+
(0, import_react.useEffect)(() => {
|
|
56
|
+
if (list === previous) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
setPrevious(list);
|
|
60
|
+
updateState(list);
|
|
61
|
+
return () => {
|
|
62
|
+
debouncedUpdate.cancel();
|
|
63
|
+
};
|
|
64
|
+
}, [list, previous, updateState, debouncedUpdate]);
|
|
65
|
+
return current;
|
|
66
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
}), mod);
|
|
25
|
+
var useDebouncePrepend_exports = {};
|
|
26
|
+
__export(useDebouncePrepend_exports, {
|
|
27
|
+
useDebouncePrepend: () => useDebouncePrepend
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(useDebouncePrepend_exports);
|
|
30
|
+
var import_helpers = require("@o/helpers");
|
|
31
|
+
var import_react = require("react");
|
|
32
|
+
function useDebouncePrepend(list, delay) {
|
|
33
|
+
var [current, setCurrent] = (0, import_react.useState)(list);
|
|
34
|
+
var [previous, setPrevious] = (0, import_react.useState)(list);
|
|
35
|
+
var [pendingUpdate, setPendingUpdate] = (0, import_react.useState)(null);
|
|
36
|
+
var debouncedUpdate = (0, import_react.useMemo)(function () {
|
|
37
|
+
return (0, import_helpers.debounce)(function (newList) {
|
|
38
|
+
setCurrent(newList);
|
|
39
|
+
setPendingUpdate(null);
|
|
40
|
+
}, delay);
|
|
41
|
+
}, [delay]);
|
|
42
|
+
var updateState = (0, import_react.useCallback)(function (newList) {
|
|
43
|
+
setCurrent(function (prevCurrent) {
|
|
44
|
+
var _newList_, _previous_;
|
|
45
|
+
var currentList = pendingUpdate || prevCurrent;
|
|
46
|
+
var isPrepending = newList.length > previous.length && ((_newList_ = newList[0]) === null || _newList_ === void 0 ? void 0 : _newList_.id) !== ((_previous_ = previous[0]) === null || _previous_ === void 0 ? void 0 : _previous_.id);
|
|
47
|
+
if (isPrepending) {
|
|
48
|
+
debouncedUpdate.cancel();
|
|
49
|
+
setPendingUpdate(newList);
|
|
50
|
+
debouncedUpdate(newList);
|
|
51
|
+
return currentList;
|
|
52
|
+
}
|
|
53
|
+
debouncedUpdate.cancel();
|
|
54
|
+
setPendingUpdate(null);
|
|
55
|
+
return newList;
|
|
56
|
+
});
|
|
57
|
+
}, [previous, pendingUpdate, debouncedUpdate]);
|
|
58
|
+
(0, import_react.useEffect)(function () {
|
|
59
|
+
if (list === previous) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
setPrevious(list);
|
|
63
|
+
updateState(list);
|
|
64
|
+
return function () {
|
|
65
|
+
debouncedUpdate.cancel();
|
|
66
|
+
};
|
|
67
|
+
}, [list, previous, updateState, debouncedUpdate]);
|
|
68
|
+
return current;
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=useDebouncePrepend.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useDebouncePrepend_exports","__export","useDebouncePrepend","module","exports","import_helpers","require","import_react","list","delay","current","setCurrent","useState","previous","setPrevious","pendingUpdate","setPendingUpdate","debouncedUpdate","useMemo","debounce","newList","updateState","useCallback","prevCurrent","_newList_","_previous_","currentList","isPrepending","length","id","cancel","useEffect"],"sources":["../../src/useDebouncePrepend.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,0BAAA;AACzB,IAAAK,cAAA,GAA0DC,OAAA;AAEnD,IAAAC,YAAS,GAAAD,OAAA,QAEd;AAEA,SAAOJ,kBAASA,CAAUM,IAAA,EAAAC,KAAI;EAC9B,KAAAC,OAAO,EAAAC,UAAU,IAAW,IAAAJ,YAAI,CAAAK,QAAA,EAAAJ,IAAS;EACzC,KAAAK,QAAO,EAAAC,WAAe,QAAAP,YAAoB,CAAAK,QAAA,EAAAJ,IAAA;EAE1C,KAAAO,aAAM,EAAAC,gBAAkB,QAAAT,YAAc,CAAAK,QAAA;EACpC,IAAAK,eAAO,OAAAV,YAAS,CAACW,OAAA,cAAe;IAC9B,WAAAb,cAAkB,CAAAc,QAAA,YAAAC,OAAA;MAClBT,UAAA,CAAAS,OAAiB;MACnBJ,gBAAQ;IACV,CAAG,EAACP,KAAM;EAEV,IACEA,KAAC,CACC;EAEE,IAAAY,WAAM,OAAAd,YAAc,CAAAe,WAAiB,YAAAF,OAAA;IAGrCT,UAAM,WAAAY,WACJ,EAAQ;MAEV,IAAAC,SAAI,EAAAC,UAAc;MAEhB,IAAAC,WAAA,GAAAX,aAAuB,IAAAQ,WAAA;MACvB,IAAAI,YAAA,GAAAP,OAAiB,CAAAQ,MAAO,GAAAf,QAAA,CAAAe,MAAA,MAAAJ,SAAA,GAAAJ,OAAA,iBAAAI,SAAA,uBAAAA,SAAA,CAAAK,EAAA,QAAAJ,UAAA,GAAAZ,QAAA,iBAAAY,UAAA,uBAAAA,UAAA,CAAAI,EAAA;MACxB,IAAAF,YAAA;QACAV,eAAO,CAAAa,MAAA;QACTd,gBAAA,CAAAI,OAAA;QAGAH,eAAA,CAAgBG,OAAO;QACvB,OAAAM,WAAiB;MACjB;MACFT,eAAC,CAAAa,MAAA;MACHd,gBAAA;MACC,OAAAI,OAAU;IACb;EAEA,IACEP,QAAI,EACFE,aAAA,EACFE,eAAA,CAGA;EAGA,IAAAV,YAAY,CAAAwB,SAAI;IAEhB,IAAAvB,IAAO,KAAMK,QAAA;MACX;IACF;IACFC,WAAU,CAAAN,IAAA;IAEVa,WAAO,CAAAb,IAAA;IACT","ignoreList":[]}
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
+
get: () => from[key],
|
|
15
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: true
|
|
22
|
+
}), mod);
|
|
23
|
+
var useDeepMemoizedObject_exports = {};
|
|
24
|
+
__export(useDeepMemoizedObject_exports, {
|
|
25
|
+
deepMemoize: () => deepMemoize,
|
|
26
|
+
shouldBeImmutable: () => shouldBeImmutable,
|
|
27
|
+
useDeepMemoizedObject: () => useDeepMemoizedObject
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(useDeepMemoizedObject_exports);
|
|
30
|
+
var import_react = require("react");
|
|
31
|
+
function shouldBeImmutable(path, immutableToNestedChanges) {
|
|
32
|
+
if (!immutableToNestedChanges) return false;
|
|
33
|
+
const currentPath = path.join(".");
|
|
34
|
+
for (const pattern in immutableToNestedChanges) {
|
|
35
|
+
if (immutableToNestedChanges[pattern] && currentPath === pattern) {
|
|
36
|
+
return true;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
return false;
|
|
40
|
+
}
|
|
41
|
+
function deepMutateInPlace(target, source) {
|
|
42
|
+
if (typeof target !== "object" || target === null || typeof source !== "object" || source === null) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
if (Array.isArray(target) && Array.isArray(source)) {
|
|
46
|
+
;
|
|
47
|
+
target.length = 0;
|
|
48
|
+
target.push(...source);
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
for (const key in source) {
|
|
52
|
+
const targetValue = target[key];
|
|
53
|
+
const sourceValue = source[key];
|
|
54
|
+
if (typeof sourceValue === "object" && sourceValue !== null && typeof targetValue === "object" && targetValue !== null) {
|
|
55
|
+
deepMutateInPlace(targetValue, sourceValue);
|
|
56
|
+
} else {
|
|
57
|
+
;
|
|
58
|
+
target[key] = sourceValue;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
function deepMemoizeWithTracking(current, previous, path, immutableToNestedChanges, parentIsImmutable = false) {
|
|
63
|
+
if (current === previous) {
|
|
64
|
+
return {
|
|
65
|
+
value: previous,
|
|
66
|
+
hasChanges: false,
|
|
67
|
+
hasImmutableMutation: false
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
if (typeof current !== "object" || current === null) {
|
|
71
|
+
return {
|
|
72
|
+
value: current,
|
|
73
|
+
hasChanges: true,
|
|
74
|
+
hasImmutableMutation: false
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
if (typeof previous !== "object" || previous === null) {
|
|
78
|
+
return {
|
|
79
|
+
value: current,
|
|
80
|
+
hasChanges: true,
|
|
81
|
+
hasImmutableMutation: false
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
const isCurrentImmutable = shouldBeImmutable(path, immutableToNestedChanges);
|
|
85
|
+
const shouldMutateInPlace = isCurrentImmutable || parentIsImmutable;
|
|
86
|
+
if (Array.isArray(current)) {
|
|
87
|
+
if (!Array.isArray(previous)) {
|
|
88
|
+
return {
|
|
89
|
+
value: current,
|
|
90
|
+
hasChanges: true,
|
|
91
|
+
hasImmutableMutation: false
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
if (current.length !== previous.length) {
|
|
95
|
+
return {
|
|
96
|
+
value: current,
|
|
97
|
+
hasChanges: true,
|
|
98
|
+
hasImmutableMutation: false
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
let hasChanges2 = false;
|
|
102
|
+
let hasImmutableMutation2 = false;
|
|
103
|
+
const memoizedArray = [];
|
|
104
|
+
for (let i = 0; i < current.length; i++) {
|
|
105
|
+
const itemPath = [...path, String(i)];
|
|
106
|
+
const result = deepMemoizeWithTracking(current[i], previous[i], itemPath, immutableToNestedChanges, false);
|
|
107
|
+
memoizedArray[i] = result.value;
|
|
108
|
+
if (result.hasChanges) {
|
|
109
|
+
hasChanges2 = true;
|
|
110
|
+
}
|
|
111
|
+
if (result.hasImmutableMutation) {
|
|
112
|
+
hasImmutableMutation2 = true;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
if (hasChanges2 || hasImmutableMutation2) {
|
|
116
|
+
return {
|
|
117
|
+
value: memoizedArray,
|
|
118
|
+
hasChanges: true,
|
|
119
|
+
hasImmutableMutation: false
|
|
120
|
+
};
|
|
121
|
+
}
|
|
122
|
+
return {
|
|
123
|
+
value: previous,
|
|
124
|
+
hasChanges: false,
|
|
125
|
+
hasImmutableMutation: false
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
const currentKeys = Object.keys(current);
|
|
129
|
+
const previousKeys = Object.keys(previous);
|
|
130
|
+
if (currentKeys.length !== previousKeys.length) {
|
|
131
|
+
return {
|
|
132
|
+
value: current,
|
|
133
|
+
hasChanges: true,
|
|
134
|
+
hasImmutableMutation: false
|
|
135
|
+
};
|
|
136
|
+
}
|
|
137
|
+
const keysMatch = currentKeys.every(key => key in previous);
|
|
138
|
+
if (!keysMatch) {
|
|
139
|
+
return {
|
|
140
|
+
value: current,
|
|
141
|
+
hasChanges: true,
|
|
142
|
+
hasImmutableMutation: false
|
|
143
|
+
};
|
|
144
|
+
}
|
|
145
|
+
let hasChanges = false;
|
|
146
|
+
let hasImmutableMutation = false;
|
|
147
|
+
const memoizedObject = {};
|
|
148
|
+
for (const key of currentKeys) {
|
|
149
|
+
const propPath = [...path, key];
|
|
150
|
+
const currentValue = current[key];
|
|
151
|
+
const previousValue = previous[key];
|
|
152
|
+
const result = deepMemoizeWithTracking(currentValue, previousValue, propPath, immutableToNestedChanges, shouldMutateInPlace);
|
|
153
|
+
memoizedObject[key] = result.value;
|
|
154
|
+
if (result.hasChanges) {
|
|
155
|
+
hasChanges = true;
|
|
156
|
+
}
|
|
157
|
+
if (result.hasImmutableMutation) {
|
|
158
|
+
hasImmutableMutation = true;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
if (shouldMutateInPlace && (hasChanges || hasImmutableMutation)) {
|
|
162
|
+
if (parentIsImmutable) {
|
|
163
|
+
deepMutateInPlace(previous, current);
|
|
164
|
+
} else {
|
|
165
|
+
for (const key of currentKeys) {
|
|
166
|
+
;
|
|
167
|
+
previous[key] = memoizedObject[key];
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
return {
|
|
171
|
+
value: previous,
|
|
172
|
+
hasChanges: false,
|
|
173
|
+
hasImmutableMutation: true
|
|
174
|
+
};
|
|
175
|
+
}
|
|
176
|
+
if (hasChanges || hasImmutableMutation) {
|
|
177
|
+
return {
|
|
178
|
+
value: memoizedObject,
|
|
179
|
+
hasChanges: true,
|
|
180
|
+
hasImmutableMutation: false
|
|
181
|
+
};
|
|
182
|
+
}
|
|
183
|
+
return {
|
|
184
|
+
value: previous,
|
|
185
|
+
hasChanges: false,
|
|
186
|
+
hasImmutableMutation: false
|
|
187
|
+
};
|
|
188
|
+
}
|
|
189
|
+
function deepMemoize(current, previous, path = [], immutableToNestedChanges) {
|
|
190
|
+
const result = deepMemoizeWithTracking(current, previous, path, immutableToNestedChanges, false);
|
|
191
|
+
if (path.length === 0 && result.hasImmutableMutation && !result.hasChanges) {
|
|
192
|
+
if (Array.isArray(result.value)) {
|
|
193
|
+
return [...result.value];
|
|
194
|
+
} else if (typeof result.value === "object" && result.value !== null) {
|
|
195
|
+
return {
|
|
196
|
+
...result.value
|
|
197
|
+
};
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
return result.value;
|
|
201
|
+
}
|
|
202
|
+
function useDeepMemoizedObject(value, options) {
|
|
203
|
+
const previousValueRef = (0, import_react.useRef)(value);
|
|
204
|
+
const memoizedValue = deepMemoize(value, previousValueRef.current, [], options?.immutableToNestedChanges);
|
|
205
|
+
previousValueRef.current = memoizedValue;
|
|
206
|
+
return memoizedValue;
|
|
207
|
+
}
|