@croquiscom/pds 10.4.0 → 10.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 10.5.0
+
+### Minor Changes
+
+- 0b9baf1: TimePicker 개별 disabled option 추가
+
 ## 10.4.0
 
 ### Minor Changes

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { DateRange } from 'react-day-picker';
 import { Duration } from 'date-fns';
 import { DatePickerBaseProps } from './DatePicker';
-import { TimePickerProps } from '../time-picker';
+import { TimePickerProps, DisabledTimes } from '../time-picker';
 export type DatePresetItem = {
     id: number;
     label: string;
@@ -11,6 +11,9 @@ export type DatePresetItem = {
 };
 export type DatePreset = DatePresetItem[];
 export type Dates = DateRange;
+export interface DateRangeTimePickerProps extends Omit<TimePickerProps, 'value' | 'fill' | 'onChange' | 'disabledTime'> {
+    disabledTime?: (value: Date | null, range?: 'from' | 'to') => DisabledTimes;
+}
 export interface DateRangePickerProps extends Omit<DatePickerBaseProps, 'disabled'> {
     /**
      * 좌측 팝오버 DatePreset 사용 유무
@@ -69,7 +72,7 @@ export interface DateRangePickerProps extends Omit<DatePickerBaseProps, 'disable
     /**
      * [TimePickerProps](https://storybook.kakaostyle.in/master/pds/?path=/docs/component-timepicker--base)를 적용할 수 있습니다.
      */
-    timePickerProps?: Omit<TimePickerProps, 'value' | 'fill' | 'onChange'>;
+    timePickerProps?: DateRangeTimePickerProps;
     /**
      * TimePicker 사용시 NowButton disabled 유무
      * @default false

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

@@ -1,9 +1,12 @@
+import { TimeOption } from '../time-picker/TimePickerOptions';
 /**
  * @param value string
  * @param dateFormat string [default='yyyy.MM.dd']
  * @param strongCheck boolean [default=false] 값이 없는 경우, 날짜 입력중인 경우 (dateFormat.length 와 비교) error 추가 판단
  */
 export declare function checkInputValidation(value: any, dateFormat?: string, strongCheck?: boolean): boolean;
+export declare function isDisabledTime(value: string, timeHourPickerOptions: TimeOption[], timeMinutePickerOptions: TimeOption[]): boolean;
+export declare function isExactDateMatch(input: any, formatString: any): boolean;
 export declare function convertStringToDate(value: any): Date;
 export declare const convertDateToDateWithTime: (date: Date, time?: Date | null, value?: {
     hours?: number;

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

@@ -1,6 +1,10 @@
 import React from 'react';
 import { CSSValueWithLength } from '../../styles';
 import { InputSize } from '../input/types';
+export interface DisabledTimes {
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+}
 export interface TimePickerProps {
     className?: string;
     /**
@@ -14,6 +18,7 @@ export interface TimePickerProps {
     zIndex?: number;
     error?: boolean;
     disabled?: boolean;
+    disabledTime?: (value: Date | null) => DisabledTimes;
     /**
      * TimePicker 팝오버 너비 100% 사용여부
      *  - Input 요소 만큼의 100% 너비를 가집니다.
@@ -42,4 +47,4 @@ export interface TimePickerProps {
     /** @default true */
     usePortal?: boolean;
 }
-export declare const TimePicker: ({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: TimePickerProps) => React.JSX.Element;
+export declare const TimePicker: ({ disabled, disabledTime, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: TimePickerProps) => React.JSX.Element;

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

@@ -3,10 +3,10 @@ export interface TimeOption {
     label: string;
     value: number;
     index: number;
+    disabled: boolean;
 }
 export interface TimePickerOptionsProps {
     availableHeight: number;
-    disabled?: boolean;
     fill?: boolean;
     timeHourPickerOptions: TimeOption[];
     timeMinutePickerOptions: TimeOption[];
@@ -15,9 +15,7 @@ export interface TimePickerOptionsProps {
     onChangeHour?: (option: number) => void;
     onChangeMinute?: (option: number) => void;
 }
-export declare const getTimePickerOptions: (length: number, increment?: number) => TimeOption[];
-export declare const getTimePickerOption: (options: TimeOption[], value: TimeOption['value']) => TimeOption;
 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) => React.JSX.Element;
+export declare const TimePickerOptions: ({ availableHeight, timeHourPickerOptions, timeMinutePickerOptions, selectedTimeHour, selectedTimeMinute, fill, onChangeHour, onChangeMinute, }: TimePickerOptionsProps) => React.JSX.Element;

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

@@ -1,15 +1,16 @@
 import React from 'react';
-import { TimePickerProps } from './TimePicker';
+import { TimePickerProps, DisabledTimes } from './TimePicker';
 type TimeRange = {
     from: Date | null;
     to: Date | null;
 };
-export interface TimeRangePickerProps extends Omit<TimePickerProps, 'value' | 'onChange'> {
+export interface TimeRangePickerProps extends Omit<TimePickerProps, 'value' | 'onChange' | 'disabledTime'> {
     /**
      * { from: Date | null; to: Date | null }
      */
     value?: TimeRange;
     onChange?: (start: TimeRange['from'], end: TimeRange['to']) => void;
+    disabledTime?: (value: Date | null, range?: 'from' | 'to') => DisabledTimes;
 }
-export declare const TimeRangePicker: ({ disabled, size, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: TimeRangePickerProps) => React.JSX.Element;
+export declare const TimeRangePicker: ({ disabled, disabledTime, size, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: TimeRangePickerProps) => React.JSX.Element;
 export {};

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

@@ -0,0 +1,10 @@
+import { DisabledTimes } from './TimePicker';
+import { TimeOption } from './TimePickerOptions';
+export declare const getTimePickerOptions: (length: number, increment?: number, disabledValues?: number[]) => TimeOption[];
+export declare const getTimePickerOption: (options: TimeOption[], value: TimeOption['value']) => TimeOption;
+export declare const getDisabledTimes: (disabledTimeFn: (date: Date, range?: 'from' | 'to') => DisabledTimes, date: Date, range?: 'from' | 'to') => {
+    disabledHours: number[];
+    disabledMinutes: number[];
+};
+export declare const getDisabledTime: (timePickerOptions: TimeOption[], time: number) => boolean;
+export declare const getAvailableSelectedTime: (timePickerOptions: TimeOption[]) => number;