@croquiscom/pds 6.5.1 → 6.6.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 6.6.1
+
+### Patch Changes
+
+- 7da3b18: export PaginationArrow
+
+## 6.6.0
+
+### Minor Changes
+
+- cfa127f: DropdownInput 버그 수정 및 자동완성 로직 수정
+
 ## 6.5.1
 
 ### Patch Changes

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/pagination/PaginationArrow.d.ts

@@ -6,9 +6,5 @@ export interface PaginationArrowProps {
     disabled?: boolean;
     onClick?: () => void;
 }
-export declare const PaginationArrow: ({ position, disabled, onClick }: {
-    position?: string;
-    disabled: any;
-    onClick: any;
-}) => JSX.Element;
+export declare const PaginationArrow: ({ position, disabled, onClick }: PaginationArrowProps) => JSX.Element;
 export {};

package/dist/components/pagination/PaginationArrow.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ position, disabled, onClick }: import("./PaginationArrow").PaginationArrowProps) => JSX.Element>;
+export default _default;
+export declare const Base: any;

package/dist/components/pagination/index.d.ts

@@ -1 +1,2 @@
 export * from './Pagination';
+export * from './PaginationArrow';