@croquiscom/pds 3.3.0 → 3.4.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 3.4.0
+
+### Minor Changes
+
+- 54f7a02: Dropdown renderLabel, optionsMatchRefWidth props 추가
+
+## 3.3.1
+
+### Patch Changes
+
+- b818f4e: DatePicker가 timePickerProps 전체 받도록 수정
+
 ## 3.3.0
 
 ### Minor Changes

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Matcher } from 'react-day-picker';
 import { CSSValueWithLength } from '../../styles';
+import { TimePickerProps } from '../time-picker';
 import { InputSize } from '../input/types';
 export type DisplayTimeFormat = 'hourMinute' | 'hourMinuteSecond';
 export type DisplayMode = 'popover' | 'bottomSheet';
@@ -77,5 +78,9 @@ export interface DatePickerProps extends DatePickerBaseProps {
      */
     showFooter?: boolean;
     onChange?: (value: Date | null) => void;
+    /**
+     * [TimePickerProps](https://storybook.kakaostyle.in/master/pds/?path=/docs/component-timepicker--base)를 적용할 수 있습니다.
+     */
+    timePickerProps?: Omit<TimePickerProps, 'value' | 'fill' | 'onChange'>;
 }
-export declare const DatePicker: ({ width, error, disabled, className, placeholder, size, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, }: DatePickerProps) => JSX.Element;
+export declare const DatePicker: ({ width, error, disabled, className, placeholder, size, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, timePickerProps, }: DatePickerProps) => JSX.Element;

package/dist/components/date-picker/DatePicker.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { DatePicker } from './DatePicker';
-declare const _default: ComponentMeta<({ width, error, disabled, className, placeholder, size, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, }: import("./DatePicker").DatePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ width, error, disabled, className, placeholder, size, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, timePickerProps, }: import("./DatePicker").DatePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;

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

@@ -26,6 +26,8 @@ export interface DropdownProps<OptionValue> {
     /** @default large */
     size?: InputSize;
     disabled?: boolean;
+    /** @default true */
+    optionsMatchRefWidth?: boolean;
     options: Array<DropdownOption<OptionValue>>;
     placeholder?: string;
     status?: DropdownLabelProps['status'];
@@ -38,5 +40,6 @@ export interface DropdownProps<OptionValue> {
     autoPlacement?: boolean;
     keyExtractor?: (item: DropdownOption<OptionValue>, index: number) => string | number;
     onChange?: (value: OptionValue) => void;
+    renderLabel?: (selectedOption: DropdownOption<OptionValue>) => ReactNode;
 }
-export declare const Dropdown: <OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, keyExtractor, onChange, }: DropdownProps<OptionValue>) => JSX.Element;
+export declare const Dropdown: <OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, optionsMatchRefWidth, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, keyExtractor, onChange, renderLabel, }: DropdownProps<OptionValue>) => JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Dropdown } from './Dropdown';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, keyExtractor, onChange, }: import("./Dropdown").DropdownProps<OptionValue>) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, optionsMatchRefWidth, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, keyExtractor, onChange, renderLabel, }: import("./Dropdown").DropdownProps<OptionValue>) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Error: any;
@@ -12,3 +12,4 @@ export declare const DisabledOptionItem: any;
 export declare const CustomMaxHeight: any;
 export declare const WithIcon: ComponentStory<typeof Dropdown>;
 export declare const Controlled: ComponentStory<typeof Dropdown>;
+export declare const CustomLabel: ComponentStory<typeof Dropdown>;