@teamturing/react-kit 2.19.21 → 2.19.23

package/dist/core/ActionList/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, MouseEvent as ReactMouseEvent, KeyboardEvent as ReactKeyboardEvent } from 'react';
 import { SxProp } from '../../utils/styled-system';
 import { ActionListItemProps } from './ActionListItem';
 import { ActionListSectionDividerProps } from './ActionListSectionDivider';
@@ -11,10 +11,11 @@ type Props = {
      * `multiple`: 모든 아이템에 Checkbox를 표시합니다.
      */
     selectionVariant?: 'single' | 'multiple';
+    onSelect?: (event: ReactMouseEvent<HTMLLIElement> | ReactKeyboardEvent<HTMLLIElement>) => void;
 } & SxProp;
-type ActionListContextValue = {} & Pick<Props, 'selectionVariant'>;
-declare const ActionListContext: import("react").Context<Pick<Props, "selectionVariant">>;
-declare const _default: (({ ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element) & {
+type ActionListContextValue = {} & Pick<Props, 'selectionVariant' | 'onSelect'>;
+declare const ActionListContext: import("react").Context<Pick<Props, "onSelect" | "selectionVariant">>;
+declare const _default: (({ selectionVariant, onSelect, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element) & {
     Item: ({ variant, leadingVisual: LeadingVisual, trailingVisual: TrailingVisual, description, descriptionLayout, disabled, selected, onSelect: propOnSelect, children, sx, }: PropsWithChildren<ActionListItemProps>) => import("react/jsx-runtime").JSX.Element;
     SectionDivider: ({ color, variant, width, sx }: ActionListSectionDividerProps) => import("react/jsx-runtime").JSX.Element;
     SectionHeader: ({ ...props }: PropsWithChildren<SxProp>) => import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -6944,12 +6944,14 @@ const ActionListItem = ({
   sx
 }) => {
   const {
-    selectionVariant
+    selectionVariant,
+    onSelect: defaultOnSelect
   } = React.useContext(ActionListContext);
   if (!selectionVariant && selected) {
     throw new Error('To use selected props in ActionList.Item, ActionList selectionVariant props should be defined.');
   }
   const handleSelect = React.useCallback(event => {
+    defaultOnSelect?.(event);
     propOnSelect?.(event);
   }, [propOnSelect]);
   const handleClick = React.useCallback(event => {
@@ -7277,11 +7279,14 @@ const BaseActionListSectionHeader = styled__default.default.div`
 
 const ActionListContext = /*#__PURE__*/React.createContext({});
 const ActionList = ({
+  selectionVariant,
+  onSelect,
   ...props
 }) => {
   return /*#__PURE__*/jsxRuntimeExports.jsx(ActionListContext.Provider, {
     value: {
-      selectionVariant: props.selectionVariant
+      selectionVariant,
+      onSelect
     },
     children: /*#__PURE__*/jsxRuntimeExports.jsx(BaseActionList, {
       role: 'menu',
@@ -21337,6 +21342,10 @@ const SearchSelectInput = ({
   const focusInput = () => {
     labelInputRef.current?.focus();
   };
+  const handleClose = () => {
+    focusInput();
+    onClose?.();
+  };
   const {
     id,
     disabled,
@@ -21390,7 +21399,7 @@ const SearchSelectInput = ({
       ...focusZoneSettings
     },
     onOpen: onOpen,
-    onClose: onClose,
+    onClose: handleClose,
     renderOverlay: (overlayProps, overlayHandler, {
       elements
     }) => /*#__PURE__*/jsxRuntimeExports.jsxs(Overlay$1, {

package/esm/core/ActionList/ActionListItem.js

@@ -28,12 +28,14 @@ const ActionListItem = ({
   sx
 }) => {
   const {
-    selectionVariant
+    selectionVariant,
+    onSelect: defaultOnSelect
   } = useContext(ActionListContext);
   if (!selectionVariant && selected) {
     throw new Error('To use selected props in ActionList.Item, ActionList selectionVariant props should be defined.');
   }
   const handleSelect = useCallback(event => {
+    defaultOnSelect?.(event);
     propOnSelect?.(event);
   }, [propOnSelect]);
   const handleClick = useCallback(event => {

package/esm/core/ActionList/index.js

@@ -8,11 +8,14 @@ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js'
 
 const ActionListContext = /*#__PURE__*/createContext({});
 const ActionList = ({
+  selectionVariant,
+  onSelect,
   ...props
 }) => {
   return /*#__PURE__*/jsxRuntimeExports.jsx(ActionListContext.Provider, {
     value: {
-      selectionVariant: props.selectionVariant
+      selectionVariant,
+      onSelect
     },
     children: /*#__PURE__*/jsxRuntimeExports.jsx(BaseActionList, {
       role: 'menu',

package/esm/core/SearchSelectInput/index.js

@@ -39,6 +39,10 @@ const SearchSelectInput = ({
   const focusInput = () => {
     labelInputRef.current?.focus();
   };
+  const handleClose = () => {
+    focusInput();
+    onClose?.();
+  };
   const {
     id,
     disabled,
@@ -92,7 +96,7 @@ const SearchSelectInput = ({
       ...focusZoneSettings
     },
     onOpen: onOpen,
-    onClose: onClose,
+    onClose: handleClose,
     renderOverlay: (overlayProps, overlayHandler, {
       elements
     }) => /*#__PURE__*/jsxRuntimeExports.jsxs(Overlay, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.19.21",
+  "version": "2.19.23",
   "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",
@@ -62,5 +62,5 @@
     "react-is": "^18.2.0",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "6404b5d83461fa7855d12802cb4d1fe1f0649e31"
+  "gitHead": "58ccb149838349dd9245d2deaf370d14d4040ce9"
 }