@teamturing/react-kit 2.19.14 → 2.19.15

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, RefObject } from 'react';
 import { SxProp } from '../../utils/styled-system';
 import { DialogBodyProps } from './DialogBody';
 import { DialogFooterProps } from './DialogFooter';
@@ -13,11 +13,13 @@ type Props = {
     isOpen?: boolean;
     onDismiss?: () => void;
     size?: DialogSizeType;
+    initialFocusRef?: RefObject<HTMLElement>;
 } & SxProp;
 declare const _default: import("react").ForwardRefExoticComponent<{
     isOpen?: boolean | undefined;
     onDismiss?: (() => void) | undefined;
     size?: DialogSizeType | undefined;
+    initialFocusRef?: RefObject<HTMLElement> | undefined;
 } & SxProp & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>> & {

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

@@ -17,7 +17,7 @@ type Props = {
      */
     required?: boolean;
     /**
-     * @default TextInput, Select, OverlaySelectInput, Checkbox
+     * @default TextInput, Select, SearchSelectInput, Checkbox
      *
      * FormControl이 허용하는 Input 컴포넌트를 추가로 정의합니다.
      */

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

@@ -28,7 +28,7 @@ type Props<T extends {
 type PaginationPageProps = {
     selected?: boolean;
 };
-type PaginationPageDirectionProps = Pick<UnstyledButtonProps, 'onClick' | 'disabled'>;
+type PaginationPageDirectionProps = Pick<UnstyledButtonProps, 'onClick' | 'disabled' | 'type'>;
 declare const _default: (<T extends {
     label: string;
 }>({ pages: propPages, currentPageIndex, aroundPageCount, edgePageCount, type, sx, onPageClick, onPreviousClick, onNextClick, renderPage, renderPageWrapper, renderPreviousPageDirection, renderNextPageDirection, renderTruncationIndicator, }: Props<T>) => import("react/jsx-runtime").JSX.Element) & {

package/dist/core/{OverlaySelectInput → SearchSelectInput}/index.d.ts

@@ -1,8 +1,9 @@
 import { ElementType, InputHTMLAttributes, ReactNode, Ref } from 'react';
 import { OverlayPopperProps } from '../OverlayPopper';
+import { TextInputProps } from '../TextInput';
 type Props<T extends {
     label: string;
-    value: string | number | readonly string[];
+    value?: string | number | readonly string[];
 }> = {
     /**
      * TODO asdf
@@ -12,15 +13,20 @@ type Props<T extends {
      * 입력 창 앞에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
      */
     leadingVisual?: ElementType | ReactNode;
-    children: ({ handleSelect }: {
+    children: (selectionHandler: {
         handleSelect: (item: T) => void;
+    }, overlayHandler: {
+        isOpen: boolean;
+        closeOverlay: () => void;
     }) => ReactNode;
     onChange?: (item: T) => void;
-} & Pick<OverlayPopperProps, 'focusTrapSettings' | 'focusZoneSettings' | 'onClose' | 'onOpen'> & Pick<InputHTMLAttributes<HTMLInputElement>, 'id' | 'disabled' | 'onClick' | 'placeholder'>;
-declare const OverlaySelectInput: <T extends {
+    searchInputProps?: Pick<TextInputProps, 'placeholder' | 'trailingVisual' | 'trailingAction' | 'onChange'>;
+    renderValue?: (value: T['value']) => ReactNode;
+} & Pick<OverlayPopperProps, 'focusTrapSettings' | 'focusZoneSettings' | 'onClose' | 'onOpen'> & Pick<InputHTMLAttributes<HTMLInputElement>, 'id' | 'disabled' | 'onClick' | 'placeholder' | 'value'>;
+declare const SearchSelectInput: <T extends {
     label: string;
     value: string | number | readonly string[];
-}>({ validationStatus, leadingVisual: LeadingVisual, children, onChange, focusTrapSettings, focusZoneSettings, onOpen, onClose, ...props }: Props<T>, ref: Ref<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
+}>({ validationStatus, leadingVisual: LeadingVisual, children, onChange, focusTrapSettings, focusZoneSettings, onOpen, onClose, searchInputProps, value, renderValue, ...props }: Props<T>, ref: Ref<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
 declare const _default: <T extends {
     label: string;
     value: string | number | readonly string[];
@@ -33,12 +39,17 @@ declare const _default: <T extends {
      * 입력 창 앞에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
      */
     leadingVisual?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | null | undefined;
-    children: ({ handleSelect }: {
+    children: (selectionHandler: {
         handleSelect: (item: T) => void;
+    }, overlayHandler: {
+        isOpen: boolean;
+        closeOverlay: () => void;
     }) => ReactNode;
     onChange?: ((item: T) => void) | undefined;
-} & Pick<OverlayPopperProps, "onClose" | "focusZoneSettings" | "focusTrapSettings" | "onOpen"> & Pick<InputHTMLAttributes<HTMLInputElement>, "disabled" | "placeholder" | "id" | "onClick"> & {
+    searchInputProps?: Pick<TextInputProps, "placeholder" | "onChange" | "trailingVisual" | "trailingAction"> | undefined;
+    renderValue?: ((value: T["value"]) => ReactNode) | undefined;
+} & Pick<OverlayPopperProps, "onClose" | "focusZoneSettings" | "focusTrapSettings" | "onOpen"> & Pick<InputHTMLAttributes<HTMLInputElement>, "disabled" | "placeholder" | "value" | "id" | "onClick"> & {
     ref?: Ref<HTMLInputElement> | undefined;
-}) => ReturnType<typeof OverlaySelectInput>;
+}) => ReturnType<typeof SearchSelectInput>;
 export default _default;
-export type { Props as OverlaySelectInputProps };
+export type { Props as SearchSelectInputProps };

package/dist/index.d.ts

@@ -50,12 +50,12 @@ export { default as Overlay } from './core/Overlay';
 export type { OverlayProps } from './core/Overlay';
 export { default as OverlayPopper } from './core/OverlayPopper';
 export type { OverlayPopperProps } from './core/OverlayPopper';
-export { default as OverlaySelectInput } from './core/OverlaySelectInput';
-export type { OverlaySelectInputProps } from './core/OverlaySelectInput';
 export { default as Pagination } from './core/Pagination';
 export type { PaginationProps, PaginationPageProps, PaginationPageDirectionProps } from './core/Pagination';
 export { default as Pill } from './core/Pill';
 export type { PillProps } from './core/Pill';
+export { default as SearchSelectInput } from './core/SearchSelectInput';
+export type { SearchSelectInputProps } from './core/SearchSelectInput';
 export { default as Select } from './core/Select';
 export type { SelectProps, SelectOptionProps } from './core/Select';
 export { default as Space } from './core/Space';