@croquiscom/pds 0.47.0 → 0.47.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 0.47.1
+
+### Patch Changes
+
+- 2201206: DateRangePicker RadioGroup DatePreset 지원 추가
+
+  ## BreakPoint
+
+  - DateRangePicker DatePreset 팝오버 요소 외부에서 제공되는 RadioGroup 추가되었습니다.
+  - DatePreset 해당 항목을 선택하면 현재 들고 있는 상태를 버리고, onChange(start, end)로 바뀐 값을 내보낸 뒤 팝업을 닫습니다.
+  - currentMonth는 range.to 날짜 기준으로 세팅됩니다.
+
 ## 0.47.0
 
 ### Minor Changes

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

@@ -3,6 +3,7 @@ import { DateRange } from 'react-day-picker';
 import { Duration } from 'date-fns';
 import { DatePickerBaseProps } from './DatePicker';
 export type DatePresetItem = {
+    id: number;
     label: string;
     range: [Date, Date];
 };
@@ -10,10 +11,15 @@ export type DatePreset = DatePresetItem[];
 export type Dates = DateRange;
 export interface DateRangePickerProps extends DatePickerBaseProps {
     /**
-     * 좌측 DatePreset 사용 유무
+     * 좌측 팝오버 DatePreset 사용 유무
      * @default false
      */
     showDatePreset?: boolean;
+    /**
+     * RadioGroup DatePreset 사용 유무
+     * @default false
+     */
+    showRadioGroupDatePreset?: boolean;
     /**
      * [Dates Type](https://github.com/gpbl/react-day-picker/blob/master/packages/react-day-picker/src/types/Matchers.ts#L73)
      */
@@ -36,4 +42,4 @@ export interface DateRangePickerProps extends DatePickerBaseProps {
     numberOfMonths?: number;
     onChange?: (start: Dates['from'], end: Dates['to']) => void;
 }
-export declare const DateRangePicker: ({ width, error, disabled, className, showDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths, showRemoveButton, opened: openProp, customDatePreset, onOpen, onClose, onChange, }: DateRangePickerProps) => JSX.Element;
+export declare const DateRangePicker: ({ width, error, disabled, className, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths, showRemoveButton, opened: openProp, customDatePreset, onOpen, onClose, onChange, }: DateRangePickerProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ width, error, disabled, className, showDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths, showRemoveButton, opened: openProp, customDatePreset, onOpen, onClose, onChange, }: import("./DateRangePicker").DateRangePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ width, error, disabled, className, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths, showRemoveButton, opened: openProp, customDatePreset, onOpen, onClose, onChange, }: import("./DateRangePicker").DateRangePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
@@ -11,3 +11,5 @@ export declare const MinDate: any;
 export declare const MaxDate: any;
 export declare const MaxRange: any;
 export declare const WithDatePreset: any;
+export declare const WithRadioGroupDatePreset: any;
+export declare const WithAllDatePreset: any;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { DatePreset, DatePresetItem } from './DateRangePicker';
 export interface DateRangePresetProps {
-    selected?: DatePresetItem['label'];
+    selected?: DatePresetItem['id'];
     items: DatePreset;
-    onChange?: ({ label, range }: DatePresetItem) => void;
+    onChange?: ({ label, range, id }: DatePresetItem) => void;
 }
 export declare const DataRangePreset: ({ selected, items, onChange }: DateRangePresetProps) => JSX.Element;