@croquiscom/pds 10.12.0 → 10.13.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 10.13.0
+
+### Minor Changes
+
+- 5bc22a6: DropdownFilter kind 추가
+
 ## 10.12.0
 
 ### Minor Changes

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

@@ -3,6 +3,7 @@ import { InputSize } from '../input/types';
 import { DropdownProps } from './Dropdown';
 import { IconProps } from '../icons/generated';
 import { AriaFocusProps } from '../../types/common';
+import { Kind } from './DropdownFilterOptions';
 export interface DropdownFilterOption<OptionValue> {
     /**
      * 필터 검색 영역에 텍스트 형태로 노출되고, 자동 완성을 위해 사용되는 문자열 값입니다.
@@ -52,15 +53,21 @@ export interface DropdownFilterProps<OptionValue> extends Omit<DropdownProps<Opt
      *   @default false
      */
     showFilter?: boolean;
+    /**
+     * 옵션 라벨앞 셀렉션 요소 타입
+     * - radio의 경우 selectionGroup내에서 단일 선택, selectionGroup이 없다면 전체 옵션중 단일 선택만 가능합니다.
+     *   @default 'checkbox'
+     */
+    kind?: Kind;
     /**
      * showFilter true일 경우 필터 검색 방식을 커스텀할 수 있습니다.
      */
     optionFilter?: (inputValue: string, item: DropdownFilterOption<OptionValue>, index: number) => boolean;
     /**
      * DropdownFilter Option들의 전체 선택 여부
-     * - showFilter 옵션 또는 selectionGroup이 있을 경우 전체 선택은 무시됩니다.
+     * - showFilter 옵션 또는 selectionGroup이 있을 경우, selectionType이 'radio'일 경우 전체 선택은 무시됩니다.
      */
     allCheck?: boolean;
     onChange?: (value: OptionValue[]) => void;
 }
-export declare const DropdownFilter: <OptionValue extends string | number>({ label, value: valueProp, selectionGroup, options, width, size: sizeProp, startIcon, disabled, status, zIndex, maxHeight, className, filterPlaceholder, optionsMatchRefWidth, autoPlacement: autoPlacementProps, unstableFocusVisible, showFilter, helperText, optionFilter, allCheck, keyExtractor, onChange, }: DropdownFilterProps<OptionValue> & AriaFocusProps) => React.JSX.Element;
+export declare const DropdownFilter: <OptionValue extends string | number>({ label, value: valueProp, selectionGroup, options, width, size: sizeProp, startIcon, disabled, status, zIndex, maxHeight, className, filterPlaceholder, optionsMatchRefWidth, autoPlacement: autoPlacementProps, unstableFocusVisible, showFilter, helperText, kind, optionFilter, allCheck, keyExtractor, onChange, }: DropdownFilterProps<OptionValue> & AriaFocusProps) => React.JSX.Element;

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

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof DropdownFilter>;
 export declare const Base: Story;
 export declare const WithIcon: Story;
+export declare const SelectionRadioType: Story;
 export declare const Selected: Story;
 export declare const Disabled: Story;
 export declare const Error: Story;

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { AriaFocusProps } from '../../types/common';
 import { DropdownFilterGroupOption, DropdownFilterOption } from '../dropdown';
 import { PopoverContentProps } from './DropdownOptions';
+export type Kind = 'radio' | 'checkbox';
 export interface DropdownFilterOptionsProps<OptionValue> extends Omit<PopoverContentProps<OptionValue>, 'isPositioned' | 'estimateSize' | 'value' | 'options'> {
     showFilter: boolean;
     isAllCheck: boolean;
@@ -12,7 +13,8 @@ export interface DropdownFilterOptionsProps<OptionValue> extends Omit<PopoverCon
     searchValue?: string;
     onChangeSearchValue?: (value: string) => void;
     selectedList: OptionValue[];
+    kind: Kind;
     onConfirm: (value: OptionValue[]) => void;
     onAllCheck: () => void;
 }
-export declare const DropdownFilterOptions: <OptionValue extends string | number>({ className, zIndex, size: sizeProp, initialFocus, options, onClose, noDataText, value: valueProp, unstableFocusVisible, keyExtractor, onChange, focusIndex, context, getFloatingProps, getItemProps, floatingStyles, refs, setRefs, setFocusIndex, showFilter, isAllCheck, isOptionGroup, filterPlaceholder, searchValue, onChangeSearchValue, selectedList, onConfirm, onAllCheck, }: DropdownFilterOptionsProps<OptionValue> & AriaFocusProps) => React.JSX.Element;
+export declare const DropdownFilterOptions: <OptionValue extends string | number>({ className, zIndex, size: sizeProp, initialFocus, options, onClose, noDataText, value: valueProp, unstableFocusVisible, keyExtractor, onChange, focusIndex, context, getFloatingProps, getItemProps, floatingStyles, refs, setRefs, setFocusIndex, showFilter, isAllCheck, isOptionGroup, filterPlaceholder, searchValue, onChangeSearchValue, selectedList, kind, onConfirm, onAllCheck, }: DropdownFilterOptionsProps<OptionValue> & AriaFocusProps) => React.JSX.Element;