@croquiscom/pds 0.18.2 → 0.19.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @croquiscom/pds
 
+## 0.19.0
+
+### Minor Changes
+
+- df92547: DropdownInput 컴포넌트 추가
+
+### Patch Changes
+
+- b39ae94: Button xlarge 사이즈 폰트 크기 수정
+
 ## 0.18.2
 
 ### Patch Changes

package/dist/dropdown/DropdownArrowButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DropdownLabelProps } from './DropdownLabel';
+export declare const DropdownArrowButton: ({ expanded, disabled, selected, onClick }: DropdownLabelProps) => JSX.Element;

package/dist/dropdown/DropdownInput.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { DropdownProps } from './Dropdown';
+export interface DropdownInputOption<OptionValue> {
+    label: string;
+    value: OptionValue;
+    disabled?: boolean;
+}
+export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<OptionValue>, 'options' | 'keyExtractor' | 'onChange'> {
+    onSearch?: (inputValue: string) => void;
+    onChange?: (value: OptionValue | undefined) => void;
+    options: Array<DropdownInputOption<OptionValue>>;
+    keyExtractor?: (item: DropdownInputOption<OptionValue>, index: number) => string | number;
+}
+export declare const DropdownInput: <OptionValue extends string | number>({ className, width, disabled, options, placeholder, value, keyExtractor, onSearch, onChange, }: DropdownInputProps<OptionValue>) => JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { DropdownInput } from './DropdownInput';
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, disabled, options, placeholder, value, keyExtractor, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue>) => JSX.Element)>;
+export default _default;
+export declare const Base: any;
+export declare const Disabled: any;
+export declare const Controlled: ComponentStory<typeof DropdownInput>;

package/dist/dropdown/DropdownItem.d.ts

@@ -6,5 +6,10 @@ export interface DropdownItemProps extends LiHTMLAttributes<HTMLLIElement> {
      *  Option 선택 여부
      */
     selected?: boolean;
+    /**
+     *  @default false
+     *  Option focus 여부
+     */
+    focused?: boolean;
 }
 export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/dropdown/index.d.ts

@@ -1 +1,2 @@
 export * from './Dropdown';
+export * from './DropdownInput';

package/dist/dropdown/styles.d.ts

@@ -22,3 +22,6 @@ export declare const dropdown_item_selected_style: {
         backgroundColor: string;
     };
 };
+export declare const dropdown_item_focused_style: {
+    backgroundColor: string;
+};