@pdg/react-hook 2.0.16 → 2.0.18

package/dist/effect/index.d.ts

@@ -1 +1,4 @@
+export * from './useEventEffect';
+export * from './useEventLayoutEffect';
 export * from './useFirstSkipEffect';
+export * from './useFirstSkipLayoutEffect';

package/dist/effect/useEventEffect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare const useEventEffect: (effectEventCallback: EffectCallback, deps?: DependencyList) => void;

package/dist/effect/useEventLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare const useEventLayoutEffect: (effectEventCallback: EffectCallback, deps?: DependencyList) => void;

package/dist/effect/useFirstSkipLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare const useFirstSkipLayoutEffect: (effectEventCallback: EffectCallback, deps: DependencyList) => void;

package/dist/eslint-plugin.js

@@ -12,7 +12,7 @@ const pluginRules = {
                             if (!depsNode || depsNode.type !== 'ArrayExpression') {
                                 context.report({
                                     node: node.callee,
-                                    message: 'useChanged 훅의 첫 번째 인자는 반드시 배열 리터럴(예: [a, b]) 형태여야 합니다.',
+                                    message: `${callbackName} 훅의 첫 번째 인자는 반드시 배열 리터럴(예: [a, b]) 형태여야 합니다.`,
                                 });
                                 return;
                             }
@@ -34,13 +34,25 @@ const pluginRules = {
                             const fakeNode = Object.assign(Object.assign({}, node), { arguments: [fakeCallback, depsNode] });
                             return originalRule.CallExpression(fakeNode);
                         }
-                        /** useFirstSkipEffect */
-                        if (callbackName === 'useFirstSkipEffect') {
+                        /** useEventEffect, useEventLayoutEffect */
+                        if (['useEventEffect', 'useEventLayoutEffect'].includes(callbackName)) {
+                            const deps = node.arguments[1];
+                            if (deps && deps.type !== 'ArrayExpression') {
+                                context.report({
+                                    node: node.callee,
+                                    message: `${callbackName} 훅의 두 번째 인자는 반드시 배열 리터럴(예: [a, b]) 형태여야 합니다.`,
+                                });
+                                return;
+                            }
+                            return originalRule.CallExpression(node);
+                        }
+                        /** useFirstSkipEffect, useFirstSkipLayoutEffect */
+                        if (['useFirstSkipEffect', 'useFirstSkipLayoutEffect'].includes(callbackName)) {
                             const deps = node.arguments[1];
                             if (!deps || deps.type !== 'ArrayExpression') {
                                 context.report({
                                     node: node.callee,
-                                    message: 'useFirstSkipEffect 훅의 두 번째 인자는 반드시 배열 리터럴(예: [a, b]) 형태여야 합니다.',
+                                    message: `${callbackName} 훅의 두 번째 인자는 반드시 배열 리터럴(예: [a, b]) 형태여야 합니다.`,
                                 });
                                 return;
                             }

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import {useState,useEffectEvent,useRef,useEffect,useLayoutEffect,useImperativeHandle}from'react';import {c}from'react/compiler-runtime';function _arrayLikeToArray(r, a) {
+import {useState,useEffectEvent,useEffect,useLayoutEffect,useRef,useImperativeHandle}from'react';import {c}from'react/compiler-runtime';function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
@@ -68,6 +68,34 @@ function _unsupportedIterableToArray(r, a) {
     setPrevValues(deps);
   }
   return changed;
+};var useEventEffect = function useEventEffect(effectEventCallback, deps) {
+  var $ = c(2);
+  var effectEvent = useEffectEvent(effectEventCallback);
+  var t0;
+  if ($[0] !== effectEvent) {
+    t0 = function t0() {
+      return effectEvent();
+    };
+    $[0] = effectEvent;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  useEffect(t0, deps);
+};var useEventLayoutEffect = function useEventLayoutEffect(effectEventCallback, deps) {
+  var $ = c(2);
+  var effectEvent = useEffectEvent(effectEventCallback);
+  var t0;
+  if ($[0] !== effectEvent) {
+    t0 = function t0() {
+      return effectEvent();
+    };
+    $[0] = effectEvent;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  useLayoutEffect(t0, deps);
 };var useFirstSkipEffect = function useFirstSkipEffect(effectEventCallback, deps) {
   var $ = c(2);
   var effectEvent = useEffectEvent(effectEventCallback);
@@ -87,6 +115,25 @@ function _unsupportedIterableToArray(r, a) {
     t0 = $[1];
   }
   useEffect(t0, deps);
+};var useFirstSkipLayoutEffect = function useFirstSkipLayoutEffect(effectEventCallback, deps) {
+  var $ = c(2);
+  var effectEvent = useEffectEvent(effectEventCallback);
+  var firstSkipRef = useRef(true);
+  var t0;
+  if ($[0] !== effectEvent) {
+    t0 = function t0() {
+      if (firstSkipRef.current) {
+        firstSkipRef.current = false;
+      } else {
+        return effectEvent();
+      }
+    };
+    $[0] = effectEvent;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  useLayoutEffect(t0, deps);
 };function useMountedRef(t0) {
   var $ = c(2);
   var initialValue = t0 === undefined ? true : t0;
@@ -247,4 +294,4 @@ function _unsupportedIterableToArray(r, a) {
     t3 = $[7];
   }
   useEffect(t2, t3);
-}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useChanged,useFirstSkipEffect,useForwardRef,useIntervalRef,useMountedRef,useTimeoutRef};
+}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useChanged,useEventEffect,useEventLayoutEffect,useFirstSkipEffect,useFirstSkipLayoutEffect,useForwardRef,useIntervalRef,useMountedRef,useTimeoutRef};

package/dist/index.js

@@ -68,6 +68,34 @@ function _unsupportedIterableToArray(r, a) {
     setPrevValues(deps);
   }
   return changed;
+};var useEventEffect = function useEventEffect(effectEventCallback, deps) {
+  var $ = compilerRuntime.c(2);
+  var effectEvent = react.useEffectEvent(effectEventCallback);
+  var t0;
+  if ($[0] !== effectEvent) {
+    t0 = function t0() {
+      return effectEvent();
+    };
+    $[0] = effectEvent;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  react.useEffect(t0, deps);
+};var useEventLayoutEffect = function useEventLayoutEffect(effectEventCallback, deps) {
+  var $ = compilerRuntime.c(2);
+  var effectEvent = react.useEffectEvent(effectEventCallback);
+  var t0;
+  if ($[0] !== effectEvent) {
+    t0 = function t0() {
+      return effectEvent();
+    };
+    $[0] = effectEvent;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  react.useLayoutEffect(t0, deps);
 };var useFirstSkipEffect = function useFirstSkipEffect(effectEventCallback, deps) {
   var $ = compilerRuntime.c(2);
   var effectEvent = react.useEffectEvent(effectEventCallback);
@@ -87,6 +115,25 @@ function _unsupportedIterableToArray(r, a) {
     t0 = $[1];
   }
   react.useEffect(t0, deps);
+};var useFirstSkipLayoutEffect = function useFirstSkipLayoutEffect(effectEventCallback, deps) {
+  var $ = compilerRuntime.c(2);
+  var effectEvent = react.useEffectEvent(effectEventCallback);
+  var firstSkipRef = react.useRef(true);
+  var t0;
+  if ($[0] !== effectEvent) {
+    t0 = function t0() {
+      if (firstSkipRef.current) {
+        firstSkipRef.current = false;
+      } else {
+        return effectEvent();
+      }
+    };
+    $[0] = effectEvent;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  react.useLayoutEffect(t0, deps);
 };function useMountedRef(t0) {
   var $ = compilerRuntime.c(2);
   var initialValue = t0 === undefined ? true : t0;
@@ -247,4 +294,4 @@ function _unsupportedIterableToArray(r, a) {
     t3 = $[7];
   }
   react.useEffect(t2, t3);
-}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useChanged=useChanged;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useTimeoutRef=useTimeoutRef;
+}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;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdg/react-hook",
   "title": "Typescript React Hook Module",
   "description": "Typescript React Hook Module",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",