@croquiscom/pds 1.2.1 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 1.3.0
+
+### Minor Changes
+
+- 1761a4b: TimePicker, TimeRangePicker fill 속성 추가
+
 ## 1.2.1
 
 ### Patch Changes

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

@@ -13,3 +13,4 @@ export declare const ShowTimeHourMinute: any;
 export declare const ShowTimeHourMinuteSecond: any;
 export declare const DisableDays: any;
 export declare const BottomSheetPicker: any;
+export declare const BottomSheetPickerWithTimePicker: any;

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

@@ -1,6 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 export interface DatePickerIconProps {
     showRemoveIcon?: boolean;
     onClick?: () => void;
 }
 export declare const DatePickerIcon: ({ showRemoveIcon, onClick }: DatePickerIconProps) => JSX.Element;
+export declare const RemoveButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/components/time-picker/TimePicker.d.ts

@@ -13,6 +13,13 @@ export interface TimePickerProps {
     zIndex?: number;
     error?: boolean;
     disabled?: boolean;
+    /**
+     * TimePicker 팝오버 너비 100% 사용여부
+     *  - Input 요소 만큼의 100% 너비를 가집니다.
+     *  - true 일 경우 footer(확인/취소) 버튼 속성은 자동 fill 처리됩니다.
+     * @default false
+     */
+    fill?: boolean;
     value?: Date;
     onClose?: () => void;
     onOpen?: () => void;
@@ -30,4 +37,4 @@ export interface TimePickerProps {
      */
     showRemoveButton?: boolean;
 }
-export declare const TimePicker: ({ disabled, value, error, width, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: TimePickerProps) => JSX.Element;
+export declare const TimePicker: ({ disabled, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: TimePickerProps) => JSX.Element;

package/dist/components/time-picker/TimePicker.stories.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ disabled, value, error, width, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ disabled, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
 export declare const Error: any;
 export declare const ShowRemoveButton: any;
 export declare const IncrementMinute: any;
+export declare const FullWidth: any;

package/dist/components/time-picker/TimePickerOptions.d.ts

@@ -5,7 +5,9 @@ export interface TimeOption {
     index: number;
 }
 export interface TimePickerOptionsProps {
+    availableHeight: number;
     disabled?: boolean;
+    fill?: boolean;
     timeHourPickerOptions: TimeOption[];
     timeMinutePickerOptions: TimeOption[];
     selectedTimeHour?: number;
@@ -15,4 +17,7 @@ export interface TimePickerOptionsProps {
 }
 export declare const getTimePickerOptions: (length: number, increment?: number) => TimeOption[];
 export declare const getTimePickerOption: (options: TimeOption[], value: TimeOption['value']) => TimeOption;
-export declare const TimePickerOptions: ({ timeHourPickerOptions, timeMinutePickerOptions, selectedTimeHour, selectedTimeMinute, disabled, onChangeHour, onChangeMinute, }: TimePickerOptionsProps) => JSX.Element;
+export declare const TIME_PICKER_COLUMN_HEIGHT = 340;
+export declare const TIME_PICKER_CELL_HEIGHT = 38;
+export declare const TIME_PICKER_SAFE_AREA = 100;
+export declare const TimePickerOptions: ({ availableHeight, timeHourPickerOptions, timeMinutePickerOptions, selectedTimeHour, selectedTimeMinute, disabled, fill, onChangeHour, onChangeMinute, }: TimePickerOptionsProps) => JSX.Element;

package/dist/components/time-picker/TimePickerOverlay.d.ts

@@ -1,12 +1,13 @@
 import React, { ReactNode, SetStateAction, Dispatch } from 'react';
 type ContentWithCloseAction = (action: {
     close(): void;
+    availableHeight: number;
 }) => ReactNode;
 export interface TimePickerOverlayProps {
     /** @desc reference element를 구할 수 있는 컴포넌트여야 합니다. */
     children: React.ReactNode;
     className?: string;
-    content?: ReactNode | ContentWithCloseAction;
+    content?: ContentWithCloseAction;
     /**
      * 기본값으로 [ZIndexOrder](https://github.com/croquiscom/pds/blob/main/src/styles/zIndex.ts) 규칙을 적용합니다.
      * @default 1035
@@ -14,10 +15,11 @@ export interface TimePickerOverlayProps {
     zIndex?: number;
     opened?: boolean;
     disabled?: boolean;
+    fill?: boolean;
     onClose?: () => void;
     onOpen?: () => void;
     onCloseOutsidePress?: () => void;
     setOpened: Dispatch<SetStateAction<boolean>>;
 }
-export declare const TimePickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, onClose, onOpen, onCloseOutsidePress, setOpened, }: TimePickerOverlayProps) => JSX.Element;
+export declare const TimePickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, fill, onClose, onOpen, onCloseOutsidePress, setOpened, }: TimePickerOverlayProps) => JSX.Element;
 export {};

package/dist/components/time-picker/TimeRangePicker.d.ts

@@ -11,5 +11,5 @@ export interface TimeRangePickerProps extends Omit<TimePickerProps, 'value' | 'o
     value?: TimeRange;
     onChange?: (start: TimeRange['from'], end: TimeRange['to']) => void;
 }
-export declare const TimeRangePicker: ({ disabled, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: TimeRangePickerProps) => JSX.Element;
+export declare const TimeRangePicker: ({ disabled, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: TimeRangePickerProps) => JSX.Element;
 export {};

package/dist/components/time-picker/TimeRangePicker.stories.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ disabled, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: import("./TimeRangePicker").TimeRangePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ disabled, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: import("./TimeRangePicker").TimeRangePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
 export declare const Error: any;
 export declare const ShowRemoveButton: any;
 export declare const IncrementMinute: any;
+export declare const FullWidth: any;