@croquiscom/pds 8.4.0-next.0 → 8.5.0

package/CHANGELOG.md

@@ -1,10 +1,16 @@
 # @croquiscom/pds
 
-## 8.4.0-next.0
+## 8.5.0
 
 ### Minor Changes
 
-- 86fd771: @floating-ui/react ^0.18.0 -> ^0.26.9 업데이트
+- 9142b39: DropdownInput > Search 유형 추가
+
+## 8.4.0
+
+### Minor Changes
+
+- 781b00c: @floating-ui/react ^0.18.0 -> ^0.26.9 업데이트
 
   - DropdownInput, Popover, Tooltip에서 FloatingPortal 조건부로 렌더링되도록 변경
   - DateRangePicker에서 TimePicker 클릭시 focusout 이벤트로 닫히는 이슈 수정

package/dist/components/dropdown/DropdownInput.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { ReactNode, ReactElement } from 'react';
 import { AriaFocusProps } from '../../types/common';
 import { DropdownProps } from './Dropdown';
+import { IconProps } from '../icons/generated';
 export interface DropdownInputOption<OptionValue> {
     /**
      * input 영역에 텍스트 형태로 노출되고, 자동 완성을 위해 사용되는 문자열 값입니다.
@@ -22,6 +23,8 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
      * options에 없는 값을 허용할 지 여부입니다.
      */
     allowCustomValue?: boolean;
+    startElement?: ReactElement<IconProps> | ReactNode;
+    endElement?: ReactElement<IconProps> | ReactNode;
     /**
      * 입력된 검색결과를 전달합니다.
      */
@@ -31,4 +34,4 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
     keyExtractor?: (item: DropdownInputOption<OptionValue>, index: number) => string | number;
     optionFilter?: (inputValue: string, item: DropdownInputOption<OptionValue>, index: number) => boolean;
 }
-export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => JSX.Element;
+export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, startElement, endElement, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => JSX.Element;

package/dist/components/dropdown/DropdownInput.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { DropdownInput } from './DropdownInput';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue> & import("../../types/common").AriaFocusProps) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, startElement, endElement, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue> & import("../../types/common").AriaFocusProps) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Error: any;
@@ -13,3 +13,4 @@ export declare const Disabled: any;
 export declare const Controlled: ComponentStory<typeof DropdownInput>;
 export declare const TestComposition: ComponentStory<typeof DropdownInput>;
 export declare const AllowCustomValue: ComponentStory<typeof DropdownInput>;
+export declare const Search: ComponentStory<typeof DropdownInput>;