@pdg/react-hook 2.0.5 → 2.0.7

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.
@@ -0,0 +1 @@
1
+ export * from './useChanged';
@@ -0,0 +1 @@
1
+ export declare const useChanged: (value: unknown, initial?: boolean) => boolean;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
+ export * from './changed';
1
2
  export * from './mount';
2
3
  export * from './ref';
3
- export * from './state';
4
4
  export * from './timeoutInterval';
5
- export * from './update';
6
5
  export * from './forwardRef';
package/dist/index.esm.js CHANGED
@@ -1,45 +1,4 @@
1
- import {c}from'react/compiler-runtime';import {useRef,useEffect,useLayoutEffect,useState,useImperativeHandle}from'react';function useMountedRef(t0) {
2
- var $ = c(2);
3
- var initialValue = t0 === undefined ? true : t0;
4
- var isMountedRef = useRef(initialValue);
5
- var t1;
6
- var t2;
7
- if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
8
- t1 = function t1() {
9
- isMountedRef.current = true;
10
- return function () {
11
- isMountedRef.current = false;
12
- };
13
- };
14
- t2 = [];
15
- $[0] = t1;
16
- $[1] = t2;
17
- } else {
18
- t1 = $[0];
19
- t2 = $[1];
20
- }
21
- useEffect(t1, t2);
22
- return isMountedRef;
23
- }function useAutoUpdateRef(value) {
24
- var $ = c(3);
25
- var valueRef = useRef(value);
26
- var t0;
27
- var t1;
28
- if ($[0] !== value) {
29
- t0 = function t0() {
30
- valueRef.current = value;
31
- };
32
- t1 = [value];
33
- $[0] = value;
34
- $[1] = t0;
35
- $[2] = t1;
36
- } else {
37
- t0 = $[1];
38
- t1 = $[2];
39
- }
40
- useLayoutEffect(t0, t1);
41
- return valueRef;
42
- }function _arrayLikeToArray(r, a) {
1
+ import {useState,useRef,useEffect,useLayoutEffect,useImperativeHandle}from'react';import {c}from'react/compiler-runtime';function _arrayLikeToArray(r, a) {
43
2
  (null == a || a > r.length) && (a = r.length);
44
3
  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
45
4
  return n;
@@ -83,258 +42,59 @@ function _unsupportedIterableToArray(r, a) {
83
42
  var t = {}.toString.call(r).slice(8, -1);
84
43
  return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
85
44
  }
86
- }// state 값을 Function 으로 지정한 경우 (사용 불가)
87
-
88
- // state 값만 받는 경우 (state function 지정 불가)
89
-
90
- // state 값을 Function 으로 지정한 경우 (사용 불가)
91
-
92
- // state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
93
-
94
- // 구현부
95
- function useAutoUpdateRefState(state, callback) {
96
- var $ = c(16);
97
- var t0;
98
- if ($[0] !== callback || $[1] !== state) {
99
- t0 = {
100
- state: state,
101
- callback: callback
102
- };
103
- $[0] = callback;
104
- $[1] = state;
105
- $[2] = t0;
106
- } else {
107
- t0 = $[2];
108
- }
109
- var _useState = useState(t0),
45
+ }var useChanged = function useChanged(value, t0) {
46
+ var initial = t0 === undefined ? false : t0;
47
+ var _useState = useState(initial ? value === undefined ? null : undefined : value),
110
48
  _useState2 = _slicedToArray(_useState, 2),
111
- prevProps = _useState2[0],
112
- setPrevProps = _useState2[1];
49
+ prevValue = _useState2[0],
50
+ setPrevValue = _useState2[1];
51
+ var changed = false;
52
+ if (value !== prevValue) {
53
+ setPrevValue(value);
54
+ changed = true;
55
+ }
56
+ return changed;
57
+ };function useMountedRef(t0) {
58
+ var $ = c(2);
59
+ var initialValue = t0 === undefined ? true : t0;
60
+ var isMountedRef = useRef(initialValue);
113
61
  var t1;
114
- if ($[3] !== callback || $[4] !== state) {
115
- t1 = function t1() {
116
- return callback ? callback(state) : state;
117
- };
118
- $[3] = callback;
119
- $[4] = state;
120
- $[5] = t1;
121
- } else {
122
- t1 = $[5];
123
- }
124
- var _useState3 = useState(t1),
125
- _useState4 = _slicedToArray(_useState3, 2),
126
- _value = _useState4[0],
127
- _setValue = _useState4[1];
128
- var finalValue = _value;
129
- if (state !== prevProps.state || callback !== prevProps.callback) {
130
- var _t;
131
- if ($[6] !== callback || $[7] !== state) {
132
- _t = callback ? callback(state) : state;
133
- $[6] = callback;
134
- $[7] = state;
135
- $[8] = _t;
136
- } else {
137
- _t = $[8];
138
- }
139
- finalValue = _t;
140
- setPrevProps({
141
- state: state,
142
- callback: callback
143
- });
144
- _setValue(finalValue);
145
- }
146
- var finalValueRef = useAutoUpdateRef(finalValue);
147
- var callbackRef = useAutoUpdateRef(callback);
148
62
  var t2;
149
- if ($[9] !== callbackRef || $[10] !== finalValueRef) {
150
- t2 = function t2(newValue, skipCallback) {
151
- var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
152
- var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
153
- finalValueRef.current = nextValue;
154
- _setValue(nextValue);
155
- return nextValue;
156
- };
157
- $[9] = callbackRef;
158
- $[10] = finalValueRef;
159
- $[11] = t2;
160
- } else {
161
- t2 = $[11];
162
- }
163
- var setValue = t2;
164
- var t3;
165
- if ($[12] !== _value || $[13] !== finalValueRef || $[14] !== setValue) {
166
- t3 = [finalValueRef, _value, setValue];
167
- $[12] = _value;
168
- $[13] = finalValueRef;
169
- $[14] = setValue;
170
- $[15] = t3;
171
- } else {
172
- t3 = $[15];
173
- }
174
- return t3;
175
- }// state 값을 Function 으로 지정한 경우 (사용 불가)
176
-
177
- // state 값만 받는 경우 (state 에 function 지정 불가)
178
-
179
- // state 값을 Function 으로 지정한 경우 (사용 불가)
180
-
181
- // state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
182
-
183
- // 구현부
184
- function useAutoUpdateState(state, callback) {
185
- var $ = c(15);
186
- var t0;
187
- if ($[0] !== callback || $[1] !== state) {
188
- t0 = {
189
- state: state,
190
- callback: callback
191
- };
192
- $[0] = callback;
193
- $[1] = state;
194
- $[2] = t0;
195
- } else {
196
- t0 = $[2];
197
- }
198
- var _useState = useState(t0),
199
- _useState2 = _slicedToArray(_useState, 2),
200
- prevProps = _useState2[0],
201
- setPrevProps = _useState2[1];
202
- var t1;
203
- if ($[3] !== callback || $[4] !== state) {
63
+ if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
204
64
  t1 = function t1() {
205
- return callback ? callback(state) : state;
206
- };
207
- $[3] = callback;
208
- $[4] = state;
209
- $[5] = t1;
210
- } else {
211
- t1 = $[5];
212
- }
213
- var _useState3 = useState(t1),
214
- _useState4 = _slicedToArray(_useState3, 2),
215
- _value = _useState4[0],
216
- _setValue = _useState4[1];
217
- var finalValue = _value;
218
- if (state !== prevProps.state || callback !== prevProps.callback) {
219
- var _t;
220
- if ($[6] !== callback || $[7] !== state) {
221
- _t = callback ? callback(state) : state;
222
- $[6] = callback;
223
- $[7] = state;
224
- $[8] = _t;
225
- } else {
226
- _t = $[8];
227
- }
228
- finalValue = _t;
229
- setPrevProps({
230
- state: state,
231
- callback: callback
232
- });
233
- _setValue(finalValue);
234
- }
235
- var finalValueRef = useAutoUpdateRef(finalValue);
236
- var callbackRef = useAutoUpdateRef(callback);
237
- var t2;
238
- if ($[9] !== callbackRef || $[10] !== finalValueRef) {
239
- t2 = function t2(newValue, skipCallback) {
240
- var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
241
- var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
242
- finalValueRef.current = nextValue;
243
- _setValue(nextValue);
244
- return nextValue;
65
+ isMountedRef.current = true;
66
+ return function () {
67
+ isMountedRef.current = false;
68
+ };
245
69
  };
246
- $[9] = callbackRef;
247
- $[10] = finalValueRef;
248
- $[11] = t2;
249
- } else {
250
- t2 = $[11];
251
- }
252
- var setValue = t2;
253
- var t3;
254
- if ($[12] !== finalValue || $[13] !== setValue) {
255
- t3 = [finalValue, setValue];
256
- $[12] = finalValue;
257
- $[13] = setValue;
258
- $[14] = t3;
70
+ t2 = [];
71
+ $[0] = t1;
72
+ $[1] = t2;
259
73
  } else {
260
- t3 = $[14];
74
+ t1 = $[0];
75
+ t2 = $[1];
261
76
  }
262
- return t3;
263
- }function useRefState(initialState) {
77
+ useEffect(t1, t2);
78
+ return isMountedRef;
79
+ }function useAutoUpdateRef(value) {
264
80
  var $ = c(3);
265
- var _useState = useState(initialState),
266
- _useState2 = _slicedToArray(_useState, 2),
267
- _value = _useState2[0],
268
- _setValue = _useState2[1];
269
- var valueRef = useRef(_value);
270
- var t0;
271
- if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
272
- t0 = function t0(value) {
273
- _setValue(function (prev) {
274
- var nextValue = typeof value === "function" ? value(prev) : value;
275
- valueRef.current = nextValue;
276
- return nextValue;
277
- });
278
- };
279
- $[0] = t0;
280
- } else {
281
- t0 = $[0];
282
- }
283
- var setValue = t0;
284
- var t1;
285
- if ($[1] !== _value) {
286
- t1 = [valueRef, _value, setValue];
287
- $[1] = _value;
288
- $[2] = t1;
289
- } else {
290
- t1 = $[2];
291
- }
292
- return t1;
293
- }function useSafeState(initialState) {
294
- var $ = c(5);
295
- var mountedRef = useRef(false);
296
- var _useState = useState(initialState),
297
- _useState2 = _slicedToArray(_useState, 2),
298
- value = _useState2[0],
299
- setValue = _useState2[1];
81
+ var valueRef = useRef(value);
300
82
  var t0;
301
83
  var t1;
302
- if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
84
+ if ($[0] !== value) {
303
85
  t0 = function t0() {
304
- mountedRef.current = true;
305
- return function () {
306
- mountedRef.current = false;
307
- };
308
- };
309
- t1 = [];
310
- $[0] = t0;
311
- $[1] = t1;
312
- } else {
313
- t0 = $[0];
314
- t1 = $[1];
315
- }
316
- useEffect(t0, t1);
317
- var t2;
318
- if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
319
- t2 = function t2(newValue) {
320
- if (mountedRef.current) {
321
- setValue(newValue);
322
- }
86
+ valueRef.current = value;
323
87
  };
324
- $[2] = t2;
325
- } else {
326
- t2 = $[2];
327
- }
328
- var safeSetValue = t2;
329
- var t3;
330
- if ($[3] !== value) {
331
- t3 = [value, safeSetValue];
332
- $[3] = value;
333
- $[4] = t3;
88
+ t1 = [value];
89
+ $[0] = value;
90
+ $[1] = t0;
91
+ $[2] = t1;
334
92
  } else {
335
- t3 = $[4];
93
+ t0 = $[1];
94
+ t1 = $[2];
336
95
  }
337
- return t3;
96
+ useLayoutEffect(t0, t1);
97
+ return valueRef;
338
98
  }function clearIntervalRef(ref) {
339
99
  if (ref.current) {
340
100
  clearInterval(ref.current);
@@ -412,22 +172,6 @@ function useAutoUpdateState(state, callback) {
412
172
  t2 = $[2];
413
173
  }
414
174
  return t2;
415
- }function useSafeUpdate() {
416
- var $ = c(2);
417
- var mountedRef = useMountedRef();
418
- var t0;
419
- if ($[0] !== mountedRef) {
420
- t0 = function t0(callback) {
421
- if (mountedRef.current) {
422
- callback();
423
- }
424
- };
425
- $[0] = mountedRef;
426
- $[1] = t0;
427
- } else {
428
- t0 = $[1];
429
- }
430
- return t0;
431
175
  }function useForwardRef(ref, value, onSet, onUnset) {
432
176
  var $ = c(8);
433
177
  var onSetRef = useAutoUpdateRef(onSet);
@@ -470,4 +214,4 @@ function useAutoUpdateState(state, callback) {
470
214
  t3 = $[7];
471
215
  }
472
216
  useEffect(t2, t3);
473
- }export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useForwardRef,useIntervalRef,useMountedRef,useRefState,useSafeState,useSafeUpdate,useTimeoutRef};
217
+ }export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useChanged,useForwardRef,useIntervalRef,useMountedRef,useTimeoutRef};
package/dist/index.js CHANGED
@@ -1,45 +1,4 @@
1
- 'use strict';var compilerRuntime=require('react/compiler-runtime'),react=require('react');function useMountedRef(t0) {
2
- var $ = compilerRuntime.c(2);
3
- var initialValue = t0 === undefined ? true : t0;
4
- var isMountedRef = react.useRef(initialValue);
5
- var t1;
6
- var t2;
7
- if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
8
- t1 = function t1() {
9
- isMountedRef.current = true;
10
- return function () {
11
- isMountedRef.current = false;
12
- };
13
- };
14
- t2 = [];
15
- $[0] = t1;
16
- $[1] = t2;
17
- } else {
18
- t1 = $[0];
19
- t2 = $[1];
20
- }
21
- react.useEffect(t1, t2);
22
- return isMountedRef;
23
- }function useAutoUpdateRef(value) {
24
- var $ = compilerRuntime.c(3);
25
- var valueRef = react.useRef(value);
26
- var t0;
27
- var t1;
28
- if ($[0] !== value) {
29
- t0 = function t0() {
30
- valueRef.current = value;
31
- };
32
- t1 = [value];
33
- $[0] = value;
34
- $[1] = t0;
35
- $[2] = t1;
36
- } else {
37
- t0 = $[1];
38
- t1 = $[2];
39
- }
40
- react.useLayoutEffect(t0, t1);
41
- return valueRef;
42
- }function _arrayLikeToArray(r, a) {
1
+ 'use strict';var react=require('react'),compilerRuntime=require('react/compiler-runtime');function _arrayLikeToArray(r, a) {
43
2
  (null == a || a > r.length) && (a = r.length);
44
3
  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
45
4
  return n;
@@ -83,258 +42,59 @@ function _unsupportedIterableToArray(r, a) {
83
42
  var t = {}.toString.call(r).slice(8, -1);
84
43
  return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
85
44
  }
86
- }// state 값을 Function 으로 지정한 경우 (사용 불가)
87
-
88
- // state 값만 받는 경우 (state function 지정 불가)
89
-
90
- // state 값을 Function 으로 지정한 경우 (사용 불가)
91
-
92
- // state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
93
-
94
- // 구현부
95
- function useAutoUpdateRefState(state, callback) {
96
- var $ = compilerRuntime.c(16);
97
- var t0;
98
- if ($[0] !== callback || $[1] !== state) {
99
- t0 = {
100
- state: state,
101
- callback: callback
102
- };
103
- $[0] = callback;
104
- $[1] = state;
105
- $[2] = t0;
106
- } else {
107
- t0 = $[2];
108
- }
109
- var _useState = react.useState(t0),
45
+ }var useChanged = function useChanged(value, t0) {
46
+ var initial = t0 === undefined ? false : t0;
47
+ var _useState = react.useState(initial ? value === undefined ? null : undefined : value),
110
48
  _useState2 = _slicedToArray(_useState, 2),
111
- prevProps = _useState2[0],
112
- setPrevProps = _useState2[1];
49
+ prevValue = _useState2[0],
50
+ setPrevValue = _useState2[1];
51
+ var changed = false;
52
+ if (value !== prevValue) {
53
+ setPrevValue(value);
54
+ changed = true;
55
+ }
56
+ return changed;
57
+ };function useMountedRef(t0) {
58
+ var $ = compilerRuntime.c(2);
59
+ var initialValue = t0 === undefined ? true : t0;
60
+ var isMountedRef = react.useRef(initialValue);
113
61
  var t1;
114
- if ($[3] !== callback || $[4] !== state) {
115
- t1 = function t1() {
116
- return callback ? callback(state) : state;
117
- };
118
- $[3] = callback;
119
- $[4] = state;
120
- $[5] = t1;
121
- } else {
122
- t1 = $[5];
123
- }
124
- var _useState3 = react.useState(t1),
125
- _useState4 = _slicedToArray(_useState3, 2),
126
- _value = _useState4[0],
127
- _setValue = _useState4[1];
128
- var finalValue = _value;
129
- if (state !== prevProps.state || callback !== prevProps.callback) {
130
- var _t;
131
- if ($[6] !== callback || $[7] !== state) {
132
- _t = callback ? callback(state) : state;
133
- $[6] = callback;
134
- $[7] = state;
135
- $[8] = _t;
136
- } else {
137
- _t = $[8];
138
- }
139
- finalValue = _t;
140
- setPrevProps({
141
- state: state,
142
- callback: callback
143
- });
144
- _setValue(finalValue);
145
- }
146
- var finalValueRef = useAutoUpdateRef(finalValue);
147
- var callbackRef = useAutoUpdateRef(callback);
148
62
  var t2;
149
- if ($[9] !== callbackRef || $[10] !== finalValueRef) {
150
- t2 = function t2(newValue, skipCallback) {
151
- var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
152
- var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
153
- finalValueRef.current = nextValue;
154
- _setValue(nextValue);
155
- return nextValue;
156
- };
157
- $[9] = callbackRef;
158
- $[10] = finalValueRef;
159
- $[11] = t2;
160
- } else {
161
- t2 = $[11];
162
- }
163
- var setValue = t2;
164
- var t3;
165
- if ($[12] !== _value || $[13] !== finalValueRef || $[14] !== setValue) {
166
- t3 = [finalValueRef, _value, setValue];
167
- $[12] = _value;
168
- $[13] = finalValueRef;
169
- $[14] = setValue;
170
- $[15] = t3;
171
- } else {
172
- t3 = $[15];
173
- }
174
- return t3;
175
- }// state 값을 Function 으로 지정한 경우 (사용 불가)
176
-
177
- // state 값만 받는 경우 (state 에 function 지정 불가)
178
-
179
- // state 값을 Function 으로 지정한 경우 (사용 불가)
180
-
181
- // state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
182
-
183
- // 구현부
184
- function useAutoUpdateState(state, callback) {
185
- var $ = compilerRuntime.c(15);
186
- var t0;
187
- if ($[0] !== callback || $[1] !== state) {
188
- t0 = {
189
- state: state,
190
- callback: callback
191
- };
192
- $[0] = callback;
193
- $[1] = state;
194
- $[2] = t0;
195
- } else {
196
- t0 = $[2];
197
- }
198
- var _useState = react.useState(t0),
199
- _useState2 = _slicedToArray(_useState, 2),
200
- prevProps = _useState2[0],
201
- setPrevProps = _useState2[1];
202
- var t1;
203
- if ($[3] !== callback || $[4] !== state) {
63
+ if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
204
64
  t1 = function t1() {
205
- return callback ? callback(state) : state;
206
- };
207
- $[3] = callback;
208
- $[4] = state;
209
- $[5] = t1;
210
- } else {
211
- t1 = $[5];
212
- }
213
- var _useState3 = react.useState(t1),
214
- _useState4 = _slicedToArray(_useState3, 2),
215
- _value = _useState4[0],
216
- _setValue = _useState4[1];
217
- var finalValue = _value;
218
- if (state !== prevProps.state || callback !== prevProps.callback) {
219
- var _t;
220
- if ($[6] !== callback || $[7] !== state) {
221
- _t = callback ? callback(state) : state;
222
- $[6] = callback;
223
- $[7] = state;
224
- $[8] = _t;
225
- } else {
226
- _t = $[8];
227
- }
228
- finalValue = _t;
229
- setPrevProps({
230
- state: state,
231
- callback: callback
232
- });
233
- _setValue(finalValue);
234
- }
235
- var finalValueRef = useAutoUpdateRef(finalValue);
236
- var callbackRef = useAutoUpdateRef(callback);
237
- var t2;
238
- if ($[9] !== callbackRef || $[10] !== finalValueRef) {
239
- t2 = function t2(newValue, skipCallback) {
240
- var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
241
- var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
242
- finalValueRef.current = nextValue;
243
- _setValue(nextValue);
244
- return nextValue;
65
+ isMountedRef.current = true;
66
+ return function () {
67
+ isMountedRef.current = false;
68
+ };
245
69
  };
246
- $[9] = callbackRef;
247
- $[10] = finalValueRef;
248
- $[11] = t2;
249
- } else {
250
- t2 = $[11];
251
- }
252
- var setValue = t2;
253
- var t3;
254
- if ($[12] !== finalValue || $[13] !== setValue) {
255
- t3 = [finalValue, setValue];
256
- $[12] = finalValue;
257
- $[13] = setValue;
258
- $[14] = t3;
70
+ t2 = [];
71
+ $[0] = t1;
72
+ $[1] = t2;
259
73
  } else {
260
- t3 = $[14];
74
+ t1 = $[0];
75
+ t2 = $[1];
261
76
  }
262
- return t3;
263
- }function useRefState(initialState) {
77
+ react.useEffect(t1, t2);
78
+ return isMountedRef;
79
+ }function useAutoUpdateRef(value) {
264
80
  var $ = compilerRuntime.c(3);
265
- var _useState = react.useState(initialState),
266
- _useState2 = _slicedToArray(_useState, 2),
267
- _value = _useState2[0],
268
- _setValue = _useState2[1];
269
- var valueRef = react.useRef(_value);
270
- var t0;
271
- if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
272
- t0 = function t0(value) {
273
- _setValue(function (prev) {
274
- var nextValue = typeof value === "function" ? value(prev) : value;
275
- valueRef.current = nextValue;
276
- return nextValue;
277
- });
278
- };
279
- $[0] = t0;
280
- } else {
281
- t0 = $[0];
282
- }
283
- var setValue = t0;
284
- var t1;
285
- if ($[1] !== _value) {
286
- t1 = [valueRef, _value, setValue];
287
- $[1] = _value;
288
- $[2] = t1;
289
- } else {
290
- t1 = $[2];
291
- }
292
- return t1;
293
- }function useSafeState(initialState) {
294
- var $ = compilerRuntime.c(5);
295
- var mountedRef = react.useRef(false);
296
- var _useState = react.useState(initialState),
297
- _useState2 = _slicedToArray(_useState, 2),
298
- value = _useState2[0],
299
- setValue = _useState2[1];
81
+ var valueRef = react.useRef(value);
300
82
  var t0;
301
83
  var t1;
302
- if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
84
+ if ($[0] !== value) {
303
85
  t0 = function t0() {
304
- mountedRef.current = true;
305
- return function () {
306
- mountedRef.current = false;
307
- };
308
- };
309
- t1 = [];
310
- $[0] = t0;
311
- $[1] = t1;
312
- } else {
313
- t0 = $[0];
314
- t1 = $[1];
315
- }
316
- react.useEffect(t0, t1);
317
- var t2;
318
- if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
319
- t2 = function t2(newValue) {
320
- if (mountedRef.current) {
321
- setValue(newValue);
322
- }
86
+ valueRef.current = value;
323
87
  };
324
- $[2] = t2;
325
- } else {
326
- t2 = $[2];
327
- }
328
- var safeSetValue = t2;
329
- var t3;
330
- if ($[3] !== value) {
331
- t3 = [value, safeSetValue];
332
- $[3] = value;
333
- $[4] = t3;
88
+ t1 = [value];
89
+ $[0] = value;
90
+ $[1] = t0;
91
+ $[2] = t1;
334
92
  } else {
335
- t3 = $[4];
93
+ t0 = $[1];
94
+ t1 = $[2];
336
95
  }
337
- return t3;
96
+ react.useLayoutEffect(t0, t1);
97
+ return valueRef;
338
98
  }function clearIntervalRef(ref) {
339
99
  if (ref.current) {
340
100
  clearInterval(ref.current);
@@ -412,22 +172,6 @@ function useAutoUpdateState(state, callback) {
412
172
  t2 = $[2];
413
173
  }
414
174
  return t2;
415
- }function useSafeUpdate() {
416
- var $ = compilerRuntime.c(2);
417
- var mountedRef = useMountedRef();
418
- var t0;
419
- if ($[0] !== mountedRef) {
420
- t0 = function t0(callback) {
421
- if (mountedRef.current) {
422
- callback();
423
- }
424
- };
425
- $[0] = mountedRef;
426
- $[1] = t0;
427
- } else {
428
- t0 = $[1];
429
- }
430
- return t0;
431
175
  }function useForwardRef(ref, value, onSet, onUnset) {
432
176
  var $ = compilerRuntime.c(8);
433
177
  var onSetRef = useAutoUpdateRef(onSet);
@@ -470,4 +214,4 @@ function useAutoUpdateState(state, callback) {
470
214
  t3 = $[7];
471
215
  }
472
216
  react.useEffect(t2, t3);
473
- }exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useRefState=useRefState;exports.useSafeState=useSafeState;exports.useSafeUpdate=useSafeUpdate;exports.useTimeoutRef=useTimeoutRef;
217
+ }exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useChanged=useChanged;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useTimeoutRef=useTimeoutRef;
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.5",
5
+ "version": "2.0.7",
6
6
  "type": "module",
7
7
  "main": "./dist/index.js",
8
8
  "module": "./dist/index.esm.js",
@@ -1,4 +0,0 @@
1
- export * from './useAutoUpdateRefState';
2
- export * from './useAutoUpdateState';
3
- export * from './useRefState';
4
- export * from './useSafeState';
@@ -1,10 +0,0 @@
1
- import { RefObject, SetStateAction } from 'react';
2
- import { Func } from '@pdg/types';
3
- export declare function useAutoUpdateRefState<T extends Func, Result = never>(state: T): Result;
4
- export declare function useAutoUpdateRefState<T, Result = [RefObject<T>, T, (value: SetStateAction<T>) => T]>(state: T): Result;
5
- export declare function useAutoUpdateRefState<T extends Func, Callback extends (state: never) => never, Result = never>(state: T, callback: Callback): Result;
6
- export declare function useAutoUpdateRefState<T, TCallbackValue, TCallbackResult, Result = [
7
- RefObject<TCallbackResult>,
8
- TCallbackResult,
9
- (value: SetStateAction<TCallbackValue>, skipCallback?: boolean) => TCallbackResult
10
- ]>(state: T, callback: (state: TCallbackValue) => TCallbackResult): Result;
@@ -1,6 +0,0 @@
1
- import { SetStateAction } from 'react';
2
- import { Func } from '@pdg/types';
3
- export declare function useAutoUpdateState<T extends Func, Result = never>(state: T): Result;
4
- export declare function useAutoUpdateState<T, Result = [T, (value: SetStateAction<T>) => T]>(state: T): Result;
5
- export declare function useAutoUpdateState<T extends Func, Callback extends (state: never) => never, Result = never>(state: T, callback: Callback): Result;
6
- export declare function useAutoUpdateState<T, TCallbackValue, TCallbackResult, Result = [TCallbackResult, (value: SetStateAction<TCallbackValue>, skipCallback?: boolean) => TCallbackResult]>(state: T, callback: (state: TCallbackValue) => TCallbackResult): Result;
@@ -1,7 +0,0 @@
1
- import { Dispatch, RefObject, SetStateAction } from 'react';
2
- export declare function useRefState<S>(initialState: S | (() => S)): [RefObject<S>, S, Dispatch<SetStateAction<S>>];
3
- export declare function useRefState<S = undefined>(): [
4
- RefObject<S | undefined>,
5
- S | undefined,
6
- Dispatch<SetStateAction<S | undefined>>
7
- ];
@@ -1,3 +0,0 @@
1
- import { Dispatch, SetStateAction } from 'react';
2
- export declare function useSafeState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];
3
- export declare function useSafeState<S = undefined>(): [S | undefined, Dispatch<SetStateAction<S | undefined>>];
@@ -1 +0,0 @@
1
- export * from './useSafeUpdate';
@@ -1 +0,0 @@
1
- export declare function useSafeUpdate(): (callback: () => void) => void;