@pdg/react-hook 2.0.0 → 2.0.2

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 './useForewardRef';
@@ -0,0 +1,2 @@
1
+ import { ForwardedRef } from 'react';
2
+ export declare function useForwardRef<T>(ref: ForwardedRef<T>, value: T, onSet?: (value: T) => void, onUnset?: () => void): void;
package/dist/index.d.ts CHANGED
@@ -4,3 +4,4 @@ export * from './ref';
4
4
  export * from './state';
5
5
  export * from './timeoutInterval';
6
6
  export * from './update';
7
+ export * from './forwardRef';
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import React,{useRef,useEffect,useLayoutEffect,useState}from'react';import {c}from'react/compiler-runtime';function _arrayLikeToArray(r, a) {
1
+ import React,{useRef,useEffect,useLayoutEffect,useState,useImperativeHandle}from'react';import {c}from'react/compiler-runtime';function _arrayLikeToArray(r, a) {
2
2
  (null == a || a > r.length) && (a = r.length);
3
3
  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
4
4
  return n;
@@ -93,7 +93,15 @@ function _unsupportedIterableToArray(r, a) {
93
93
  }
94
94
  useLayoutEffect(t0, t1);
95
95
  return valueRef;
96
- }// 구현부
96
+ }// state 값을 Function 으로 지정한 경우 (사용 불가)
97
+
98
+ // state 값만 받는 경우 (state 에 function 지정 불가)
99
+
100
+ // state 값을 Function 으로 지정한 경우 (사용 불가)
101
+
102
+ // state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
103
+
104
+ // 구현부
97
105
  function useAutoUpdateRefState(state, callback) {
98
106
  var $ = c(16);
99
107
  var t0;
@@ -174,7 +182,15 @@ function useAutoUpdateRefState(state, callback) {
174
182
  t3 = $[15];
175
183
  }
176
184
  return t3;
177
- }// 구현부
185
+ }// state 값을 Function 으로 지정한 경우 (사용 불가)
186
+
187
+ // state 값만 받는 경우 (state 에 function 지정 불가)
188
+
189
+ // state 값을 Function 으로 지정한 경우 (사용 불가)
190
+
191
+ // state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
192
+
193
+ // 구현부
178
194
  function useAutoUpdateState(state, callback) {
179
195
  var $ = c(15);
180
196
  var t0;
@@ -422,4 +438,46 @@ function useAutoUpdateState(state, callback) {
422
438
  t0 = $[1];
423
439
  }
424
440
  return t0;
425
- }export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useChange,useIntervalRef,useMountedRef,useRefState,useSafeState,useSafeUpdate,useTimeoutRef};
441
+ }function useForwardRef(ref, value, onSet, onUnset) {
442
+ var $ = c(8);
443
+ var onSetRef = useAutoUpdateRef(onSet);
444
+ var onUnsetRef = useAutoUpdateRef(onUnset);
445
+ var t0;
446
+ var t1;
447
+ if ($[0] !== value) {
448
+ t0 = function t0() {
449
+ return value;
450
+ };
451
+ t1 = [value];
452
+ $[0] = value;
453
+ $[1] = t0;
454
+ $[2] = t1;
455
+ } else {
456
+ t0 = $[1];
457
+ t1 = $[2];
458
+ }
459
+ useImperativeHandle(ref, t0, t1);
460
+ var t2;
461
+ var t3;
462
+ if ($[3] !== onSetRef || $[4] !== onUnsetRef || $[5] !== value) {
463
+ t2 = function t2() {
464
+ var _onSetRef$current;
465
+ (_onSetRef$current = onSetRef.current) === null || _onSetRef$current === void 0 || _onSetRef$current.call(onSetRef, value);
466
+ return function () {
467
+ var _onUnsetRef$current;
468
+ (_onUnsetRef$current = onUnsetRef.current) === null || _onUnsetRef$current === void 0 || _onUnsetRef$current.call(onUnsetRef);
469
+ onUnsetRef.current = undefined;
470
+ };
471
+ };
472
+ t3 = [onSetRef, onUnsetRef, value];
473
+ $[3] = onSetRef;
474
+ $[4] = onUnsetRef;
475
+ $[5] = value;
476
+ $[6] = t2;
477
+ $[7] = t3;
478
+ } else {
479
+ t2 = $[6];
480
+ t3 = $[7];
481
+ }
482
+ useEffect(t2, t3);
483
+ }export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useChange,useForwardRef,useIntervalRef,useMountedRef,useRefState,useSafeState,useSafeUpdate,useTimeoutRef};
package/dist/index.js CHANGED
@@ -93,7 +93,15 @@ function _unsupportedIterableToArray(r, a) {
93
93
  }
94
94
  React.useLayoutEffect(t0, t1);
95
95
  return valueRef;
96
- }// 구현부
96
+ }// state 값을 Function 으로 지정한 경우 (사용 불가)
97
+
98
+ // state 값만 받는 경우 (state 에 function 지정 불가)
99
+
100
+ // state 값을 Function 으로 지정한 경우 (사용 불가)
101
+
102
+ // state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
103
+
104
+ // 구현부
97
105
  function useAutoUpdateRefState(state, callback) {
98
106
  var $ = compilerRuntime.c(16);
99
107
  var t0;
@@ -174,7 +182,15 @@ function useAutoUpdateRefState(state, callback) {
174
182
  t3 = $[15];
175
183
  }
176
184
  return t3;
177
- }// 구현부
185
+ }// state 값을 Function 으로 지정한 경우 (사용 불가)
186
+
187
+ // state 값만 받는 경우 (state 에 function 지정 불가)
188
+
189
+ // state 값을 Function 으로 지정한 경우 (사용 불가)
190
+
191
+ // state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
192
+
193
+ // 구현부
178
194
  function useAutoUpdateState(state, callback) {
179
195
  var $ = compilerRuntime.c(15);
180
196
  var t0;
@@ -422,4 +438,46 @@ function useAutoUpdateState(state, callback) {
422
438
  t0 = $[1];
423
439
  }
424
440
  return t0;
425
- }exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useChange=useChange;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useRefState=useRefState;exports.useSafeState=useSafeState;exports.useSafeUpdate=useSafeUpdate;exports.useTimeoutRef=useTimeoutRef;
441
+ }function useForwardRef(ref, value, onSet, onUnset) {
442
+ var $ = compilerRuntime.c(8);
443
+ var onSetRef = useAutoUpdateRef(onSet);
444
+ var onUnsetRef = useAutoUpdateRef(onUnset);
445
+ var t0;
446
+ var t1;
447
+ if ($[0] !== value) {
448
+ t0 = function t0() {
449
+ return value;
450
+ };
451
+ t1 = [value];
452
+ $[0] = value;
453
+ $[1] = t0;
454
+ $[2] = t1;
455
+ } else {
456
+ t0 = $[1];
457
+ t1 = $[2];
458
+ }
459
+ React.useImperativeHandle(ref, t0, t1);
460
+ var t2;
461
+ var t3;
462
+ if ($[3] !== onSetRef || $[4] !== onUnsetRef || $[5] !== value) {
463
+ t2 = function t2() {
464
+ var _onSetRef$current;
465
+ (_onSetRef$current = onSetRef.current) === null || _onSetRef$current === void 0 || _onSetRef$current.call(onSetRef, value);
466
+ return function () {
467
+ var _onUnsetRef$current;
468
+ (_onUnsetRef$current = onUnsetRef.current) === null || _onUnsetRef$current === void 0 || _onUnsetRef$current.call(onUnsetRef);
469
+ onUnsetRef.current = undefined;
470
+ };
471
+ };
472
+ t3 = [onSetRef, onUnsetRef, value];
473
+ $[3] = onSetRef;
474
+ $[4] = onUnsetRef;
475
+ $[5] = value;
476
+ $[6] = t2;
477
+ $[7] = t3;
478
+ } else {
479
+ t2 = $[6];
480
+ t3 = $[7];
481
+ }
482
+ React.useEffect(t2, t3);
483
+ }exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useChange=useChange;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useRefState=useRefState;exports.useSafeState=useSafeState;exports.useSafeUpdate=useSafeUpdate;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.0",
5
+ "version": "2.0.2",
6
6
  "type": "module",
7
7
  "main": "./dist/index.js",
8
8
  "module": "./dist/index.esm.js",
@@ -37,8 +37,9 @@
37
37
  "git:commit:push": "npm run git:commit && npm run git:push",
38
38
  "git:merge:mirror": "node .git-merge.cjs mirror main",
39
39
  "reset:gitignore": "git rm -r --cached . && git add .",
40
- "pub": "npm i && npm run build:examples && npm run build && npm publish --access=public && rm ./.git/hooks/pre-commit",
40
+ "pub": "npm i && npm run build:examples && npm run build && npm publish --access=public && [ -f ./.git/hooks/pre-commit ] && rm ./.git/hooks/pre-commit || true",
41
41
  "lint": "eslint './src/**/*.{ts,tsx}'",
42
+ "tsc": "tsc --noEmit",
42
43
  "reinstall": "npm run reinstall:module",
43
44
  "reinstall:module": "rm -rf node_modules && rm -f package-lock.json && npm i"
44
45
  },