@croquiscom/pds 6.5.0 → 6.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 6.6.0
+
+### Minor Changes
+
+- cfa127f: DropdownInput 버그 수정 및 자동완성 로직 수정
+
+## 6.5.1
+
+### Patch Changes
+
+- 3460334: Textarea, DateRangePicker, DatePicker, TimePicker, TimeRangePicker disabled 색상 오적용 수정
+
 ## 6.5.0
 
 ### Minor Changes

package/dist/components/date-picker/styles.d.ts

@@ -7,6 +7,7 @@ export declare const caption_text_button_css: import("@emotion/utils").Serialize
 export declare const caption_arrow_button_css: import("@emotion/utils").SerializedStyles;
 export declare const range_input_default_style: CSSProperties;
 export declare const range_picker_focus_style: import("@emotion/utils").SerializedStyles;
+export declare const date_picker_input_entered_disabled_style: import("@emotion/utils").SerializedStyles;
 export declare const range_input_disabled_style: import("@emotion/utils").SerializedStyles;
 export declare const year_month_select_panel_css: import("@emotion/utils").SerializedStyles;
 export declare const getRangeFocusInputStyle: (size: InputSize) => import("@emotion/utils").SerializedStyles;

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

@@ -1,8 +1,19 @@
-/// <reference types="react" />
+import React from 'react';
 import { AriaFocusProps } from '../../types/common';
 import { DropdownProps } from './Dropdown';
 export interface DropdownInputOption<OptionValue> {
+    /**
+     * input 영역에 텍스트 형태로 노출되고, 자동 완성을 위해 사용되는 문자열 값입니다.
+     */
     label: string;
+    /**
+     * Dropdown의 팝업 영역 내부에 노출되는 ReactNode 값입니다. 지정된 경우 팝업 내부에
+     * label을 노출하지 않고 displayLabel을 사용합니다.
+     */
+    displayLabel?: React.ReactNode;
+    /**
+     * onChange, value에서 사용되는 항목의 값입니다.
+     */
     value: OptionValue;
     disabled?: boolean;
 }
@@ -14,5 +25,6 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
     onChange?: (value: OptionValue | undefined) => void;
     options: Array<DropdownInputOption<OptionValue>>;
     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, keyExtractor, 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, keyExtractor, optionFilter, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => JSX.Element;

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

@@ -1,11 +1,12 @@
 /// <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, keyExtractor, 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, keyExtractor, optionFilter, 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;
 export declare const WithFormHelperText: ComponentStory<typeof DropdownInput>;
+export declare const WithOptionFilter: ComponentStory<typeof DropdownInput>;
 export declare const Size: ComponentStory<typeof DropdownInput>;
 export declare const Disabled: any;
 export declare const Controlled: ComponentStory<typeof DropdownInput>;

package/dist/components/input/styles.d.ts

@@ -24,12 +24,17 @@ export declare const input_focus_style: {
 export declare const input_disabled_style: {
     backgroundColor: string;
     border: string;
+    '-webkit-text-fill-color': string;
     color: string;
     opacity: number;
     '&:focus, &:hover, &:focus-within': {
         border: string;
     };
 };
+export declare const input_entered_disabled_style: {
+    color: string;
+    '-webkit-text-fill-color': string;
+};
 export declare const getInputPaddingBySize: (size: InputSize) => string;
 export declare const getInputSpacingBySize: (size: InputSize) => 4 | 8;
 export declare const getInputHeightBySize: (size: InputSize) => number;