@teamturing/react-kit 2.20.2 → 2.21.1

package/dist/hook/useTabState.d.ts

@@ -0,0 +1,6 @@
+type Options = {
+    initialSelectIndex?: number;
+};
+declare const useTabState: ({ initialSelectIndex }: Options) => readonly [number, (index: number) => void];
+export default useTabState;
+export type { Options as UseTabStateOptions };

package/dist/hook/useToggleState.d.ts

@@ -0,0 +1,6 @@
+type Options = {
+    initialState?: boolean;
+};
+declare const useToggleState: ({ initialState }: Options) => readonly [boolean, () => void, () => void, () => void];
+export default useToggleState;
+export type { Options as UseToggleStateOptions };

package/dist/index.d.ts

@@ -101,7 +101,8 @@ export { default as useProvidedOrCreatedRef } from './hook/useProvidedOrCreatedR
 export { default as useRelocation } from './hook/useRelocation';
 export { default as useResize } from './hook/useResize';
 export { default as useSafeLayoutEffect } from './hook/useSafeLayoutEffect';
-export { default as useToggleHandler } from './hook/useToggleHandler';
+export { default as useTabState } from './hook/useTabState';
+export { default as useToggleState } from './hook/useToggleState';
 /**
  * theme
  */

package/dist/index.js

@@ -21168,7 +21168,7 @@ const useFocusZone = (settings = {}, dependencies = []) => {
   };
 };
 
-const useToggleHandler = ({
+const useToggleState = ({
   initialState = false
 }) => {
   const [state, setState] = React.useState(initialState);
@@ -21181,12 +21181,7 @@ const useToggleHandler = ({
   const toggle = React.useCallback(() => {
     setState(prev => !prev);
   }, []);
-  return {
-    state,
-    on,
-    off,
-    toggle
-  };
+  return [state, toggle, on, off];
 };
 
 const OverlayPopper = ({
@@ -21209,12 +21204,7 @@ const OverlayPopper = ({
     middleware: [offset(space[1]), flip(), shift()],
     strategy: 'fixed'
   });
-  const {
-    state: isOpen,
-    toggle: toggleOverlay,
-    on: openOverlay,
-    off: closeOverlay
-  } = useToggleHandler({
+  const [isOpen, toggleOverlay, openOverlay, closeOverlay] = useToggleState({
     initialState: false
   });
   const handleOverlayToggle = () => {
@@ -25580,6 +25570,16 @@ const useOutsideClick = ({
   });
 };
 
+const useTabState = ({
+  initialSelectIndex = 0
+}) => {
+  const [selectedIndex, setSelectedIndex] = React.useState(initialSelectIndex);
+  const handleSelect = index => {
+    setSelectedIndex(index);
+  };
+  return [selectedIndex, handleSelect];
+};
+
 exports.ActionList = index$a;
 exports.AnimatePresence = AnimatePresence;
 exports.Avatar = index$9;
@@ -25637,6 +25637,7 @@ exports.useProvidedOrCreatedRef = useProvidedOrCreatedRef;
 exports.useRelocation = useRelocation;
 exports.useResize = useResize;
 exports.useSafeLayoutEffect = useSafeLayoutEffect;
-exports.useToggleHandler = useToggleHandler;
+exports.useTabState = useTabState;
+exports.useToggleState = useToggleState;
 exports.whiteSpace = whiteSpace;
 exports.wordBreak = wordBreak;

package/esm/core/OverlayPopper/index.js

@@ -5,7 +5,7 @@ import { isFunction } from '../../packages/utils/esm/isFunction.js';
 import { Children, cloneElement } from 'react';
 import useFocusTrap from '../../hook/useFocusTrap.js';
 import useFocusZone from '../../hook/useFocusZone.js';
-import useToggleHandler from '../../hook/useToggleHandler.js';
+import useToggleState from '../../hook/useToggleState.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
 import { autoUpdate } from '../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
 import { offset, flip, shift } from '../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
@@ -30,12 +30,7 @@ const OverlayPopper = ({
     middleware: [offset(space[1]), flip(), shift()],
     strategy: 'fixed'
   });
-  const {
-    state: isOpen,
-    toggle: toggleOverlay,
-    on: openOverlay,
-    off: closeOverlay
-  } = useToggleHandler({
+  const [isOpen, toggleOverlay, openOverlay, closeOverlay] = useToggleState({
     initialState: false
   });
   const handleOverlayToggle = () => {

package/esm/hook/useTabState.js

@@ -0,0 +1,13 @@
+import { useState } from 'react';
+
+const useTabState = ({
+  initialSelectIndex = 0
+}) => {
+  const [selectedIndex, setSelectedIndex] = useState(initialSelectIndex);
+  const handleSelect = index => {
+    setSelectedIndex(index);
+  };
+  return [selectedIndex, handleSelect];
+};
+
+export { useTabState as default };

package/esm/hook/{useToggleHandler.js → useToggleState.js}

@@ -1,6 +1,6 @@
 import { useState, useCallback } from 'react';
 
-const useToggleHandler = ({
+const useToggleState = ({
   initialState = false
 }) => {
   const [state, setState] = useState(initialState);
@@ -13,12 +13,7 @@ const useToggleHandler = ({
   const toggle = useCallback(() => {
     setState(prev => !prev);
   }, []);
-  return {
-    state,
-    on,
-    off,
-    toggle
-  };
+  return [state, toggle, on, off];
 };
 
-export { useToggleHandler as default };
+export { useToggleState as default };

package/esm/index.js

@@ -50,7 +50,8 @@ export { default as useProvidedOrCreatedRef } from './hook/useProvidedOrCreatedR
 export { default as useRelocation } from './hook/useRelocation.js';
 export { default as useResize } from './hook/useResize.js';
 export { default as useSafeLayoutEffect } from './hook/useSafeLayoutEffect.js';
-export { default as useToggleHandler } from './hook/useToggleHandler.js';
+export { default as useTabState } from './hook/useTabState.js';
+export { default as useToggleState } from './hook/useToggleState.js';
 export { default as theme } from './theme/index.js';
 export { lineClamp, sx, textDecoration, whiteSpace, wordBreak } from './utils/styled-system/index.js';
 export { AnimatePresence } from './node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.20.2",
+  "version": "2.21.1",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "c52d8650767c8e059b534a03b081cd449bcc6f05"
+  "gitHead": "3a0cb94384dba95211ee8e691016216e883264a0"
 }

package/dist/hook/useToggleHandler.d.ts

@@ -1,11 +0,0 @@
-type Options = {
-    initialState?: boolean;
-};
-declare const useToggleHandler: ({ initialState }: Options) => {
-    state: boolean;
-    on: () => void;
-    off: () => void;
-    toggle: () => void;
-};
-export default useToggleHandler;
-export type { Options as UseToggleHandlerOptions };