@pdg/react-form 1.0.122 → 1.0.123
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@private/@types/date_time.d.ts +12 -0
- package/dist/@private/@types/index.d.ts +1 -0
- package/dist/@private/PrivateAlertDialog/PrivateAlertDialog.d.ts +4 -0
- package/dist/@private/PrivateAlertDialog/PrivateAlertDialog.types.d.ts +8 -0
- package/dist/@private/PrivateAlertDialog/index.d.ts +4 -0
- package/dist/@private/PrivateDatePicker/PrivateDatePicker.d.ts +5 -0
- package/dist/@private/PrivateDatePicker/PrivateDatePicker.types.d.ts +26 -0
- package/dist/@private/PrivateDatePicker/index.d.ts +4 -0
- package/dist/@private/PrivateDateTimePicker/PrivateDateTimePicker.d.ts +5 -0
- package/dist/@private/PrivateDateTimePicker/PrivateDateTimePicker.types.d.ts +26 -0
- package/dist/@private/PrivateDateTimePicker/index.d.ts +4 -0
- package/dist/@private/PrivateInputDatePicker/PrivateInputDatePicker.d.ts +5 -0
- package/dist/@private/PrivateInputDatePicker/PrivateInputDatePicker.types.d.ts +27 -0
- package/dist/@private/PrivateInputDatePicker/index.d.ts +4 -0
- package/dist/@private/PrivateMonthPicker/PrivateMonthPicker.d.ts +4 -0
- package/dist/@private/PrivateMonthPicker/PrivateMonthPicker.types.d.ts +15 -0
- package/dist/@private/PrivateMonthPicker/PrivateMonthPickerMonth/PrivateMonthPickerMonth.d.ts +4 -0
- package/dist/@private/PrivateMonthPicker/PrivateMonthPickerMonth/PrivateMonthPickerMonth.types.d.ts +13 -0
- package/dist/@private/PrivateMonthPicker/PrivateMonthPickerMonth/index.d.ts +4 -0
- package/dist/@private/PrivateMonthPicker/PrivateMonthPickerMonthList/PrivateMonthPickerMonthList.d.ts +4 -0
- package/dist/@private/PrivateMonthPicker/PrivateMonthPickerMonthList/PrivateMonthPickerMonthList.types.d.ts +7 -0
- package/dist/@private/PrivateMonthPicker/PrivateMonthPickerMonthList/index.d.ts +4 -0
- package/dist/@private/PrivateMonthPicker/index.d.ts +4 -0
- package/dist/@private/PrivateMonthRangePicker/PrivateMonthRangePicker.d.ts +4 -0
- package/dist/@private/PrivateMonthRangePicker/PrivateMonthRangePicker.types.d.ts +15 -0
- package/dist/@private/PrivateMonthRangePicker/index.d.ts +4 -0
- package/dist/@private/PrivateMonthSelect/PrivateMonthSelect.d.ts +5 -0
- package/dist/@private/PrivateMonthSelect/PrivateMonthSelect.types.d.ts +9 -0
- package/dist/@private/PrivateMonthSelect/index.d.ts +4 -0
- package/dist/@private/PrivateStaticDatePicker/PrivateStaticDatePicker.d.ts +5 -0
- package/dist/@private/PrivateStaticDatePicker/PrivateStaticDatePicker.types.d.ts +19 -0
- package/dist/@private/PrivateStaticDatePicker/index.d.ts +4 -0
- package/dist/@private/PrivateStaticDateTimePicker/PrivateStaticDateTimePicker.d.ts +5 -0
- package/dist/@private/PrivateStaticDateTimePicker/PrivateStaticDateTimePicker.types.d.ts +21 -0
- package/dist/@private/PrivateStaticDateTimePicker/index.d.ts +4 -0
- package/dist/@private/PrivateStyledTooltip/PrivateStyledTooltip.d.ts +3 -0
- package/dist/@private/PrivateStyledTooltip/index.d.ts +3 -0
- package/dist/@private/PrivateTimeSelect/PrivateTimeSelect.d.ts +5 -0
- package/dist/@private/PrivateTimeSelect/PrivateTimeSelect.types.d.ts +12 -0
- package/dist/@private/PrivateTimeSelect/index.d.ts +4 -0
- package/dist/@private/PrivateToggleButton/PrivateToggleButton.d.ts +4 -0
- package/dist/@private/PrivateToggleButton/PrivateToggleButton.types.d.ts +6 -0
- package/dist/@private/PrivateToggleButton/index.d.ts +4 -0
- package/dist/@private/PrivateYearPicker/PrivateYearPicker.d.ts +4 -0
- package/dist/@private/PrivateYearPicker/PrivateYearPicker.types.d.ts +15 -0
- package/dist/@private/PrivateYearPicker/PrivateYearPickerYear/PrivateYearPickerYear.d.ts +4 -0
- package/dist/@private/PrivateYearPicker/PrivateYearPickerYear/PrivateYearPickerYear.types.d.ts +12 -0
- package/dist/@private/PrivateYearPicker/PrivateYearPickerYear/index.d.ts +4 -0
- package/dist/@private/PrivateYearPicker/PrivateYearPickerYearList/PrivateYearPickerYearList.d.ts +4 -0
- package/dist/@private/PrivateYearPicker/PrivateYearPickerYearList/PrivateYearPickerYearList.types.d.ts +6 -0
- package/dist/@private/PrivateYearPicker/PrivateYearPickerYearList/index.d.ts +4 -0
- package/dist/@private/PrivateYearPicker/index.d.ts +4 -0
- package/dist/@private/PrivateYearRangePicker/PrivateYearRangePicker.d.ts +4 -0
- package/dist/@private/PrivateYearRangePicker/PrivateYearRangePicker.types.d.ts +14 -0
- package/dist/@private/PrivateYearRangePicker/PrivateYearRangePickerYear/PrivateYearRangePickerYear.d.ts +4 -0
- package/dist/@private/PrivateYearRangePicker/PrivateYearRangePickerYear/PrivateYearRangePickerYear.types.d.ts +10 -0
- package/dist/@private/PrivateYearRangePicker/PrivateYearRangePickerYear/index.d.ts +4 -0
- package/dist/@private/PrivateYearRangePicker/PrivateYearRangePickerYearList/PrivateYearRangePickerYearList.d.ts +4 -0
- package/dist/@private/PrivateYearRangePicker/PrivateYearRangePickerYearList/PrivateYearRangePickerYearList.types.d.ts +6 -0
- package/dist/@private/PrivateYearRangePicker/PrivateYearRangePickerYearList/index.d.ts +4 -0
- package/dist/@private/PrivateYearRangePicker/index.d.ts +4 -0
- package/dist/@private/PrivateYearSelect/PrivateYearSelect.d.ts +5 -0
- package/dist/@private/PrivateYearSelect/PrivateYearSelect.types.d.ts +7 -0
- package/dist/@private/PrivateYearSelect/index.d.ts +4 -0
- package/dist/@private/index.d.ts +11 -0
- package/dist/FormItemCustom/FormDatePicker/FormDatePicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePicker.types.d.ts +2 -2
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePickerTooltipPickerContainer/FormDateRangePickerTooltipPicker/FormDateRangePickerTooltipPicker.d.ts +5 -0
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePickerTooltipPickerContainer/FormDateRangePickerTooltipPicker/FormDateRangePickerTooltipPicker.types.d.ts +25 -0
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePickerTooltipPickerContainer/FormDateRangePickerTooltipPicker/index.d.ts +4 -0
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePickerTooltipPickerContainer/FormDateRangePickerTooltipPickerContainer.d.ts +5 -0
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePickerTooltipPickerContainer/FormDateRangePickerTooltipPickerContainer.types.d.ts +27 -0
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePickerTooltipPickerContainer/index.d.ts +5 -0
- package/dist/FormItemCustom/FormDateTimePicker/FormDateTimePicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormMonthPicker/FormMonthPicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormMonthRangePicker/FormMonthRangePicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormTimePicker/FormTimePicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormYearPicker/FormYearPicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormYearRangePicker/FormYearRangePicker.types.d.ts +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Dayjs } from 'dayjs';
|
|
2
|
+
export type FormAvailableDateType = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
|
|
3
|
+
export interface FormAvailableDateItem {
|
|
4
|
+
date: Dayjs;
|
|
5
|
+
year: number;
|
|
6
|
+
month: number;
|
|
7
|
+
day: number;
|
|
8
|
+
hour: number;
|
|
9
|
+
minute: number;
|
|
10
|
+
second: number;
|
|
11
|
+
}
|
|
12
|
+
export type FormAvailableDate = [FormAvailableDateItem | null, FormAvailableDateItem | null];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './date_time';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateDatePickerProps as Props, PrivateDatePickerCommands } from './PrivateDatePicker.types';
|
|
3
|
+
import './PrivateDatePicker.scss';
|
|
4
|
+
declare const PrivateDatePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<PrivateDatePickerCommands>>;
|
|
5
|
+
export default PrivateDatePicker;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { DesktopDatePickerProps } from '@mui/x-date-pickers';
|
|
3
|
+
import { CommonSxProps, FormDateType, FormDateValueItemCommands, FormTimeType, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
|
|
4
|
+
import { Dayjs } from 'dayjs';
|
|
5
|
+
export type PrivateDatePickerValue = Dayjs | null;
|
|
6
|
+
export interface PrivateDatePickerProps extends CommonSxProps, Partial<Omit<DesktopDatePickerProps<Dayjs>, 'children' | 'name' | 'className' | 'style' | 'sx' | 'value' | 'inputFormat' | 'views' | 'onChange'>>, FormValueItemProps<PrivateDatePickerValue, false> {
|
|
7
|
+
type: FormDateType;
|
|
8
|
+
time?: FormTimeType;
|
|
9
|
+
hours?: number[];
|
|
10
|
+
minutes?: number[];
|
|
11
|
+
seconds?: number[];
|
|
12
|
+
minuteInterval?: number;
|
|
13
|
+
secondInterval?: number;
|
|
14
|
+
required?: boolean;
|
|
15
|
+
labelShrink?: boolean;
|
|
16
|
+
format?: string;
|
|
17
|
+
formValueFormat?: string;
|
|
18
|
+
icon?: string;
|
|
19
|
+
startAdornment?: ReactNode;
|
|
20
|
+
endAdornment?: ReactNode;
|
|
21
|
+
align?: 'left' | 'center' | 'right';
|
|
22
|
+
readOnlyInput?: boolean;
|
|
23
|
+
hidden?: boolean;
|
|
24
|
+
}
|
|
25
|
+
export interface PrivateDatePickerCommands extends FormValueItemBaseCommands<PrivateDatePickerValue, false>, FormDateValueItemCommands {
|
|
26
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateDateTimePickerProps as Props, PrivateDateTimePickerCommands } from './PrivateDateTimePicker.types';
|
|
3
|
+
import './PrivateDateTimePicker.scss';
|
|
4
|
+
declare const PrivateDateTimePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<PrivateDateTimePickerCommands>>;
|
|
5
|
+
export default PrivateDateTimePicker;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { DesktopDateTimePickerProps } from '@mui/x-date-pickers';
|
|
3
|
+
import { CommonSxProps, FormDateType, FormDateValueItemCommands, FormTimeType, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
|
|
4
|
+
import { Dayjs } from 'dayjs';
|
|
5
|
+
export type PrivateDateTimePickerValue = Dayjs | null;
|
|
6
|
+
export interface PrivateDateTimePickerProps extends CommonSxProps, Partial<Omit<DesktopDateTimePickerProps<Dayjs>, 'children' | 'className' | 'name' | 'style' | 'sx' | 'value' | 'inputFormat' | 'views' | 'onChange' | 'openTo' | 'view' | 'viewRenderers' | 'components' | 'componentsProps' | 'slots' | 'slotProps'>>, FormValueItemProps<PrivateDateTimePickerValue, false> {
|
|
7
|
+
type: FormDateType;
|
|
8
|
+
time?: FormTimeType;
|
|
9
|
+
hours?: number[];
|
|
10
|
+
minutes?: number[];
|
|
11
|
+
seconds?: number[];
|
|
12
|
+
minuteInterval?: number;
|
|
13
|
+
secondInterval?: number;
|
|
14
|
+
required?: boolean;
|
|
15
|
+
labelShrink?: boolean;
|
|
16
|
+
format?: string;
|
|
17
|
+
formValueFormat?: string;
|
|
18
|
+
icon?: string;
|
|
19
|
+
startAdornment?: ReactNode;
|
|
20
|
+
endAdornment?: ReactNode;
|
|
21
|
+
align?: 'left' | 'center' | 'right';
|
|
22
|
+
readOnlyInput?: boolean;
|
|
23
|
+
hidden?: boolean;
|
|
24
|
+
}
|
|
25
|
+
export interface PrivateDateTimePickerCommands extends FormValueItemBaseCommands<PrivateDateTimePickerValue, false>, FormDateValueItemCommands {
|
|
26
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateInputDatePickerProps as Props } from './PrivateInputDatePicker.types';
|
|
3
|
+
import './PrivateInputDatePicker.scss';
|
|
4
|
+
declare const PrivateInputDatePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export default PrivateInputDatePicker;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { Dayjs } from 'dayjs';
|
|
3
|
+
import { TextFieldProps } from '@mui/material';
|
|
4
|
+
import { DateValidationError } from '@mui/x-date-pickers';
|
|
5
|
+
import { CommonSxProps, FormValueItemProps } from '../../@types';
|
|
6
|
+
import { DesktopDatePickerProps } from '@mui/x-date-pickers';
|
|
7
|
+
export type PrivateInputDatePickerValue = Dayjs | null;
|
|
8
|
+
export interface PrivateInputDatePickerProps extends CommonSxProps, Pick<DesktopDatePickerProps<Dayjs>, 'name' | 'disablePast' | 'disableFuture' | 'shouldDisableYear' | 'shouldDisableMonth' | 'shouldDisableDate'>, Pick<FormValueItemProps<PrivateInputDatePickerValue>, 'variant' | 'size' | 'color' | 'focused' | 'fullWidth' | 'readOnly' | 'label' | 'labelIcon' | 'error'> {
|
|
9
|
+
className?: string;
|
|
10
|
+
value: PrivateInputDatePickerValue;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
required?: boolean;
|
|
13
|
+
labelShrink?: boolean;
|
|
14
|
+
inputRef?: React.MutableRefObject<HTMLInputElement | undefined>;
|
|
15
|
+
format: string;
|
|
16
|
+
icon?: string;
|
|
17
|
+
startAdornment?: ReactNode;
|
|
18
|
+
endAdornment?: ReactNode;
|
|
19
|
+
minDate?: Dayjs;
|
|
20
|
+
maxDate?: Dayjs;
|
|
21
|
+
align?: 'left' | 'center' | 'right';
|
|
22
|
+
readOnlyInput?: boolean;
|
|
23
|
+
onChange(newValue: PrivateInputDatePickerValue): void;
|
|
24
|
+
onFocus: TextFieldProps['onFocus'];
|
|
25
|
+
onBlur?: TextFieldProps['onBlur'];
|
|
26
|
+
onError?(reason: DateValidationError, value: PrivateInputDatePickerValue): void;
|
|
27
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type PrivateMonthPickerBaseValue = {
|
|
2
|
+
year: number;
|
|
3
|
+
month: number;
|
|
4
|
+
};
|
|
5
|
+
export type PrivateMonthPickerValue = PrivateMonthPickerBaseValue | null;
|
|
6
|
+
export interface PrivateMonthPickerProps {
|
|
7
|
+
value: PrivateMonthPickerValue;
|
|
8
|
+
minValue?: PrivateMonthPickerBaseValue;
|
|
9
|
+
maxValue?: PrivateMonthPickerBaseValue;
|
|
10
|
+
disablePast?: boolean;
|
|
11
|
+
disableFuture?: boolean;
|
|
12
|
+
selectFromValue?: PrivateMonthPickerValue;
|
|
13
|
+
selectToValue?: PrivateMonthPickerValue;
|
|
14
|
+
onChange(value: PrivateMonthPickerBaseValue, isMonthSelect: boolean): void;
|
|
15
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateMonthPickerMonthProps as Props } from './PrivateMonthPickerMonth.types';
|
|
3
|
+
declare const PrivateMonthPickerMonth: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export default PrivateMonthPickerMonth;
|
package/dist/@private/PrivateMonthPicker/PrivateMonthPickerMonth/PrivateMonthPickerMonth.types.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ButtonProps } from '@mui/material';
|
|
2
|
+
export interface PrivateMonthPickerMonthProps extends Pick<ButtonProps, 'onMouseEnter' | 'onMouseLeave'> {
|
|
3
|
+
month: number;
|
|
4
|
+
range?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
isDefault?: boolean;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
selected?: boolean;
|
|
9
|
+
selectedStart?: boolean;
|
|
10
|
+
selectedEnd?: boolean;
|
|
11
|
+
selectedTemp?: boolean;
|
|
12
|
+
onClick?(month: number): void;
|
|
13
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PrivateMonthPickerBaseValue, PrivateMonthPickerProps, PrivateMonthPickerValue } from '../PrivateMonthPicker.types';
|
|
2
|
+
export interface PrivateMonthPickerMonthListProps extends Pick<PrivateMonthPickerProps, 'value' | 'disablePast' | 'disableFuture' | 'selectFromValue' | 'selectToValue'> {
|
|
3
|
+
defaultValue?: PrivateMonthPickerValue;
|
|
4
|
+
minAvailableValue: PrivateMonthPickerBaseValue;
|
|
5
|
+
maxAvailableValue: PrivateMonthPickerBaseValue;
|
|
6
|
+
onChange(value: PrivateMonthPickerBaseValue): void;
|
|
7
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type PrivateMonthRangePickerSelectType = 'start' | 'end';
|
|
2
|
+
export type PrivateMonthRangePickerBaseValue = {
|
|
3
|
+
year: number;
|
|
4
|
+
month: number;
|
|
5
|
+
};
|
|
6
|
+
export type PrivateMonthRangePickerDataValue = PrivateMonthRangePickerBaseValue | null;
|
|
7
|
+
export type PrivateMonthRangePickerValue = [PrivateMonthRangePickerDataValue, PrivateMonthRangePickerDataValue];
|
|
8
|
+
export interface PrivateMonthRangePickerProps {
|
|
9
|
+
value: PrivateMonthRangePickerValue;
|
|
10
|
+
minValue?: PrivateMonthRangePickerBaseValue;
|
|
11
|
+
maxValue?: PrivateMonthRangePickerBaseValue;
|
|
12
|
+
disablePast?: boolean;
|
|
13
|
+
disableFuture?: boolean;
|
|
14
|
+
onChange(value: PrivateMonthRangePickerValue, selectType: PrivateMonthRangePickerSelectType, isMonthSelect: boolean): void;
|
|
15
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateStaticDatePickerProps as Props, PrivateStaticDatePickerCommands } from './PrivateStaticDatePicker.types';
|
|
3
|
+
import './PrivateStaticDatePicker.scss';
|
|
4
|
+
declare const PrivateStaticDatePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<PrivateStaticDatePickerCommands>>;
|
|
5
|
+
export default PrivateStaticDatePicker;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { StaticDatePickerProps } from '@mui/x-date-pickers';
|
|
2
|
+
import { Dayjs } from 'dayjs';
|
|
3
|
+
import { FormAvailableDate } from '../@types';
|
|
4
|
+
import { FormDateType, FormTimeType } from '../../@types';
|
|
5
|
+
export type PrivateStaticDatePickerUnit = 'date' | 'action_date' | 'hour' | 'minute' | 'second';
|
|
6
|
+
export interface PrivateStaticDatePickerProps extends Omit<StaticDatePickerProps<Dayjs>, 'displayStaticWrapperAs' | 'renderInput' | 'onChange'> {
|
|
7
|
+
type: FormDateType;
|
|
8
|
+
time?: FormTimeType;
|
|
9
|
+
availableDate?: FormAvailableDate;
|
|
10
|
+
hours?: number[];
|
|
11
|
+
minutes?: number[];
|
|
12
|
+
seconds?: number[];
|
|
13
|
+
minuteInterval?: number;
|
|
14
|
+
secondInterval?: number;
|
|
15
|
+
onChange(unit: PrivateStaticDatePickerUnit, newValue: Dayjs | null): void;
|
|
16
|
+
onClose?(): void;
|
|
17
|
+
}
|
|
18
|
+
export interface PrivateStaticDatePickerCommands {
|
|
19
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateStaticDateTimePickerProps as Props, PrivateStaticDateTimePickerCommands } from './PrivateStaticDateTimePicker.types';
|
|
3
|
+
import './PrivateStaticDateTimePicker.scss';
|
|
4
|
+
declare const PrivateStaticDateTimePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<PrivateStaticDateTimePickerCommands>>;
|
|
5
|
+
export default PrivateStaticDateTimePicker;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { StaticDateTimePickerProps } from '@mui/x-date-pickers';
|
|
2
|
+
import { Dayjs } from 'dayjs';
|
|
3
|
+
import { FormAvailableDate } from '../@types';
|
|
4
|
+
import { FormDateType, FormTimeType } from '../../@types';
|
|
5
|
+
export type PrivateStaticDateTimePickerUnit = 'date' | 'action_date' | 'hour' | 'minute' | 'second';
|
|
6
|
+
export interface PrivateStaticDateTimePickerProps extends Omit<StaticDateTimePickerProps<Dayjs>, 'displayStaticWrapperAs' | 'renderInput' | 'onChange'> {
|
|
7
|
+
type: FormDateType;
|
|
8
|
+
time?: FormTimeType;
|
|
9
|
+
availableDate?: FormAvailableDate;
|
|
10
|
+
hours?: number[];
|
|
11
|
+
minutes?: number[];
|
|
12
|
+
seconds?: number[];
|
|
13
|
+
minuteInterval?: number;
|
|
14
|
+
secondInterval?: number;
|
|
15
|
+
onChange(unit: PrivateStaticDateTimePickerUnit, newValue: Dayjs | null): void;
|
|
16
|
+
onClose?(): void;
|
|
17
|
+
}
|
|
18
|
+
export type TimeSelectScrollToDateUnit = 'hour' | 'minute' | 'second';
|
|
19
|
+
export interface PrivateStaticDateTimePickerCommands {
|
|
20
|
+
timeSelectScrollToDate(date: Dayjs, times?: TimeSelectScrollToDateUnit[]): void;
|
|
21
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateTimeSelectProps as Props, PrivateTimeSelectCommands } from './PrivateTimeSelect.types';
|
|
3
|
+
import './PrivateTimeSelect.scss';
|
|
4
|
+
declare const PrivateTimeSelect: React.ForwardRefExoticComponent<Props & React.RefAttributes<PrivateTimeSelectCommands>>;
|
|
5
|
+
export default PrivateTimeSelect;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface PrivateTimeSelectProps {
|
|
2
|
+
list: number[];
|
|
3
|
+
listInterval?: number;
|
|
4
|
+
unit: string;
|
|
5
|
+
cols?: 1 | 2 | 3;
|
|
6
|
+
disableList?: number[];
|
|
7
|
+
value?: number | null;
|
|
8
|
+
onSelect?(value: number): void;
|
|
9
|
+
}
|
|
10
|
+
export interface PrivateTimeSelectCommands {
|
|
11
|
+
scrollToValue(value: number): void;
|
|
12
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateToggleButtonProps as Props } from './PrivateToggleButton.types';
|
|
3
|
+
declare const PrivateToggleButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
export default PrivateToggleButton;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
export type PrivateYearPickerBaseValue = number;
|
|
3
|
+
export type PrivateYearPickerValue = PrivateYearPickerBaseValue | null;
|
|
4
|
+
export interface PrivateYearPickerProps {
|
|
5
|
+
style?: CSSProperties;
|
|
6
|
+
value: PrivateYearPickerValue;
|
|
7
|
+
minYear?: PrivateYearPickerBaseValue;
|
|
8
|
+
maxYear?: PrivateYearPickerBaseValue;
|
|
9
|
+
disablePast?: boolean;
|
|
10
|
+
disableFuture?: boolean;
|
|
11
|
+
hideHeader?: boolean;
|
|
12
|
+
selectFromYear?: PrivateYearPickerValue;
|
|
13
|
+
selectToYear?: PrivateYearPickerValue;
|
|
14
|
+
onChange(value: PrivateYearPickerBaseValue, isClick: boolean): void;
|
|
15
|
+
}
|
package/dist/@private/PrivateYearPicker/PrivateYearPickerYear/PrivateYearPickerYear.types.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ButtonProps } from '@mui/material';
|
|
2
|
+
export interface PrivateYearPickerYearProps extends Pick<ButtonProps, 'onClick' | 'onMouseEnter' | 'onMouseLeave'> {
|
|
3
|
+
year: number;
|
|
4
|
+
range?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
isDefault?: boolean;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
selected?: boolean;
|
|
9
|
+
selectedStart?: boolean;
|
|
10
|
+
selectedEnd?: boolean;
|
|
11
|
+
selectedTemp?: boolean;
|
|
12
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PrivateYearPickerBaseValue, PrivateYearPickerProps, PrivateYearPickerValue } from '../PrivateYearPicker.types';
|
|
2
|
+
export interface PrivateYearPickerYearListProps extends Pick<PrivateYearPickerProps, 'value' | 'disablePast' | 'disableFuture'>, Required<Pick<PrivateYearPickerProps, 'minYear' | 'maxYear'>> {
|
|
3
|
+
selectFromYear?: PrivateYearPickerValue;
|
|
4
|
+
selectToYear?: PrivateYearPickerValue;
|
|
5
|
+
onChange(year: PrivateYearPickerBaseValue): void;
|
|
6
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type PrivateYearRangePickerSelectType = 'start' | 'end';
|
|
2
|
+
export type PrivateYearRangePickerBaseValue = number;
|
|
3
|
+
export type PrivateYearRangePickerDataValue = PrivateYearRangePickerBaseValue | null;
|
|
4
|
+
export type PrivateYearRangePickerValue = [PrivateYearRangePickerDataValue, PrivateYearRangePickerDataValue];
|
|
5
|
+
export interface PrivateYearRangePickerProps {
|
|
6
|
+
selectType: PrivateYearRangePickerSelectType;
|
|
7
|
+
value: PrivateYearRangePickerValue;
|
|
8
|
+
minYear?: PrivateYearRangePickerBaseValue;
|
|
9
|
+
maxYear?: PrivateYearRangePickerBaseValue;
|
|
10
|
+
disablePast?: boolean;
|
|
11
|
+
disableFuture?: boolean;
|
|
12
|
+
hideHeader?: boolean;
|
|
13
|
+
onChange(value: PrivateYearRangePickerValue, selectType: PrivateYearRangePickerSelectType): void;
|
|
14
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateYearRangePickerYearProps as Props } from './PrivateYearRangePickerYear.types';
|
|
3
|
+
declare const PrivateYearRangePickerYear: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export default PrivateYearRangePickerYear;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ButtonProps } from '@mui/material';
|
|
2
|
+
export interface PrivateYearRangePickerYearProps extends Pick<ButtonProps, 'onClick' | 'onMouseEnter' | 'onMouseLeave'> {
|
|
3
|
+
year: number;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
isDefault?: boolean;
|
|
6
|
+
selected?: boolean;
|
|
7
|
+
selectedStart?: boolean;
|
|
8
|
+
selectedEnd?: boolean;
|
|
9
|
+
selectedTemp?: boolean;
|
|
10
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PrivateYearRangePickerBaseValue, PrivateYearRangePickerProps, PrivateYearRangePickerSelectType } from '../PrivateYearRangePicker.types';
|
|
2
|
+
export interface PrivateYearRangePickerYearListProps extends Pick<PrivateYearRangePickerProps, 'value' | 'disablePast' | 'disableFuture'>, Required<Pick<PrivateYearRangePickerProps, 'minYear' | 'maxYear'>> {
|
|
3
|
+
selectType: PrivateYearRangePickerSelectType;
|
|
4
|
+
displayValue: PrivateYearRangePickerBaseValue[];
|
|
5
|
+
onChange(year: number): void;
|
|
6
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './PrivateDatePicker';
|
|
2
|
+
export * from './PrivateDateTimePicker';
|
|
3
|
+
export * from './PrivateStaticDatePicker';
|
|
4
|
+
export * from './PrivateStaticDateTimePicker';
|
|
5
|
+
export * from './PrivateStyledTooltip';
|
|
6
|
+
export * from './PrivateAlertDialog';
|
|
7
|
+
export * from './PrivateInputDatePicker';
|
|
8
|
+
export * from './PrivateYearRangePicker';
|
|
9
|
+
export * from './PrivateYearPicker';
|
|
10
|
+
export * from './PrivateMonthPicker';
|
|
11
|
+
export * from './PrivateMonthRangePicker';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PrivateDatePickerValue, PrivateDatePickerProps, PrivateDatePickerCommands } from '../../@
|
|
1
|
+
import { PrivateDatePickerValue, PrivateDatePickerProps, PrivateDatePickerCommands } from '../../@private';
|
|
2
2
|
export type FormDatePickerValue = PrivateDatePickerValue;
|
|
3
3
|
export interface FormDatePickerProps extends Omit<PrivateDatePickerProps, 'type' | 'time' | 'hours' | 'minutes' | 'seconds' | 'minuteInterval' | 'secondInterval'> {
|
|
4
4
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { FormDateRangePickerTooltipPickerContainerCalendarCount, FormDateRangePickerTooltipPickerDateValue } from './FormDateRangePickerTooltipPickerContainer
|
|
2
|
+
import { FormDateRangePickerTooltipPickerContainerCalendarCount, FormDateRangePickerTooltipPickerDateValue } from './FormDateRangePickerTooltipPickerContainer';
|
|
3
3
|
import { CommonSxProps, FormRangeValueItemCommands, FormDateValueItemCommands, FormValueItemBaseCommands, FormValueItemProps, FormRangeValueItemNameCommands } from '../../@types';
|
|
4
4
|
import { Dayjs } from 'dayjs';
|
|
5
|
-
import { PrivateInputDatePickerProps } from '../../@
|
|
5
|
+
import { PrivateInputDatePickerProps } from '../../@private';
|
|
6
6
|
export type FormDateRangePickerDateValue = FormDateRangePickerTooltipPickerDateValue;
|
|
7
7
|
export type FormDateRangePickerValue = [FormDateRangePickerDateValue, FormDateRangePickerDateValue];
|
|
8
8
|
export type FormDateRangePickerCalendarCount = FormDateRangePickerTooltipPickerContainerCalendarCount;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormDateRangePickerTooltipPickerProps as Props, FormDateRangePickerTooltipPickerCommands } from './FormDateRangePickerTooltipPicker.types';
|
|
3
|
+
import './FormDateRangePickerTooltipPicker.scss';
|
|
4
|
+
declare const FormDateRangePickerTooltipPicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormDateRangePickerTooltipPickerCommands>>;
|
|
5
|
+
export default FormDateRangePickerTooltipPicker;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Dayjs } from 'dayjs';
|
|
2
|
+
export type FormDateRangePickerTooltipPickerDateValue = Dayjs | null;
|
|
3
|
+
export type FormDateRangePickerTooltipPickerValue = [
|
|
4
|
+
FormDateRangePickerTooltipPickerDateValue,
|
|
5
|
+
FormDateRangePickerTooltipPickerDateValue
|
|
6
|
+
];
|
|
7
|
+
export type FormDateRangePickerTooltipPickerSelectType = 'start' | 'end';
|
|
8
|
+
export interface FormDateRangePickerTooltipPickerProps {
|
|
9
|
+
selectType: FormDateRangePickerTooltipPickerSelectType;
|
|
10
|
+
value?: FormDateRangePickerTooltipPickerValue;
|
|
11
|
+
focusedDate?: FormDateRangePickerTooltipPickerDateValue;
|
|
12
|
+
month: Dayjs;
|
|
13
|
+
disablePast?: boolean;
|
|
14
|
+
disableFuture?: boolean;
|
|
15
|
+
minDate?: Dayjs;
|
|
16
|
+
maxDate?: Dayjs;
|
|
17
|
+
onValueChange?(selectType: FormDateRangePickerTooltipPickerSelectType, value: FormDateRangePickerTooltipPickerDateValue): void;
|
|
18
|
+
onMouseEnterPickersDay?(date: FormDateRangePickerTooltipPickerDateValue): void;
|
|
19
|
+
onMonthChange?(date: Dayjs): void;
|
|
20
|
+
}
|
|
21
|
+
export interface FormDateRangePickerTooltipPickerCommands {
|
|
22
|
+
previousMonth(): void;
|
|
23
|
+
nextMonth(): void;
|
|
24
|
+
activeMonth(month: Dayjs): void;
|
|
25
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormDateRangePickerTooltipPickerContainerProps as Props, FormDateRangePickerTooltipPickerContainerCommands } from './FormDateRangePickerTooltipPickerContainer.types';
|
|
3
|
+
import './FormDateRangePickerTooltipPickerContainer.scss';
|
|
4
|
+
declare const FormDateRangePickerTooltipPickerContainer: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormDateRangePickerTooltipPickerContainerCommands>>;
|
|
5
|
+
export default FormDateRangePickerTooltipPickerContainer;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { FormDateRangePickerTooltipPickerDateValue, FormDateRangePickerTooltipPickerSelectType, FormDateRangePickerTooltipPickerValue } from './FormDateRangePickerTooltipPicker';
|
|
2
|
+
import { Dayjs } from 'dayjs';
|
|
3
|
+
export type FormDateRangePickerTooltipPickerContainerMonths = [Dayjs, Dayjs, Dayjs];
|
|
4
|
+
export type FormDateRangePickerTooltipPickerContainerCalendarCount = 2 | 3;
|
|
5
|
+
export interface FormDateRangePickerTooltipPickerContainerProps {
|
|
6
|
+
calendarCount?: FormDateRangePickerTooltipPickerContainerCalendarCount;
|
|
7
|
+
selectType: FormDateRangePickerTooltipPickerSelectType;
|
|
8
|
+
value: FormDateRangePickerTooltipPickerValue;
|
|
9
|
+
months: FormDateRangePickerTooltipPickerContainerMonths;
|
|
10
|
+
disablePast?: boolean;
|
|
11
|
+
disableFuture?: boolean;
|
|
12
|
+
minDate?: Dayjs;
|
|
13
|
+
maxDate?: Dayjs;
|
|
14
|
+
onGetActionButtons?(): {
|
|
15
|
+
label: string;
|
|
16
|
+
start: Dayjs;
|
|
17
|
+
end: Dayjs;
|
|
18
|
+
}[];
|
|
19
|
+
onChange(newValue: FormDateRangePickerTooltipPickerValue): void;
|
|
20
|
+
onValueChange(selectType: FormDateRangePickerTooltipPickerSelectType, newValue: FormDateRangePickerTooltipPickerDateValue): void;
|
|
21
|
+
onMonthsChange(months: FormDateRangePickerTooltipPickerContainerMonths): void;
|
|
22
|
+
}
|
|
23
|
+
export interface FormDateRangePickerTooltipPickerContainerCommands {
|
|
24
|
+
previousMonth(): void;
|
|
25
|
+
nextMonth(): void;
|
|
26
|
+
activeMonth(month: Dayjs): void;
|
|
27
|
+
}
|
package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePickerTooltipPickerContainer/index.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import FormDateRangePickerTooltipPickerContainer from './FormDateRangePickerTooltipPickerContainer';
|
|
2
|
+
export default FormDateRangePickerTooltipPickerContainer;
|
|
3
|
+
export { FormDateRangePickerTooltipPickerContainer };
|
|
4
|
+
export * from './FormDateRangePickerTooltipPickerContainer.types';
|
|
5
|
+
export * from './FormDateRangePickerTooltipPicker';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PrivateDateTimePickerProps, PrivateDateTimePickerCommands } from '../../@
|
|
1
|
+
import { PrivateDateTimePickerProps, PrivateDateTimePickerCommands } from '../../@private';
|
|
2
2
|
export interface FormDateTimePickerProps extends Omit<PrivateDateTimePickerProps, 'type' | 'time'> {
|
|
3
3
|
time: Required<PrivateDateTimePickerProps['time']>;
|
|
4
4
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FormValueItemProps, FormValueItemBaseCommands, FormYearMonthValueItemNameCommands, FormYearMonthValueItemCommands } from '../../@types';
|
|
2
2
|
import { CommonSxProps } from '../../@types';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
|
-
import { PrivateMonthPickerBaseValue, PrivateMonthPickerValue } from '../../@
|
|
4
|
+
import { PrivateMonthPickerBaseValue, PrivateMonthPickerValue } from '../../@private';
|
|
5
5
|
export type FormMonthPickerBaseValue = PrivateMonthPickerBaseValue;
|
|
6
6
|
export type FormMonthPickerValue = PrivateMonthPickerValue;
|
|
7
7
|
export interface FormMonthPickerProps extends CommonSxProps, FormValueItemProps<FormMonthPickerValue, false> {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FormValueItemProps, FormValueItemBaseCommands, FormRangeValueItemCommands, FormYearMonthRangeValueItemNameCommands, FormYearMonthRangeValueItemCommands } from '../../@types';
|
|
2
2
|
import { CommonSxProps } from '../../@types';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
|
-
import { PrivateInputDatePickerProps, PrivateMonthRangePickerBaseValue, PrivateMonthRangePickerValue } from '../../@
|
|
4
|
+
import { PrivateInputDatePickerProps, PrivateMonthRangePickerBaseValue, PrivateMonthRangePickerValue } from '../../@private';
|
|
5
5
|
export type FormMonthRangePickerBaseValue = PrivateMonthRangePickerBaseValue;
|
|
6
6
|
export type FormMonthRangePickerValue = PrivateMonthRangePickerValue;
|
|
7
7
|
export interface FormMonthRangePickerProps extends CommonSxProps, Omit<FormValueItemProps<FormMonthRangePickerValue, false>, 'label' | 'labelIcon' | 'width'>, Pick<PrivateInputDatePickerProps, 'align'> {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PrivateDateTimePickerProps, PrivateDateTimePickerCommands } from '../../@
|
|
1
|
+
import { PrivateDateTimePickerProps, PrivateDateTimePickerCommands } from '../../@private';
|
|
2
2
|
export interface FormTimePickerProps extends Omit<PrivateDateTimePickerProps, 'type' | 'time'> {
|
|
3
3
|
time: Required<PrivateDateTimePickerProps['time']>;
|
|
4
4
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FormValueItemProps, FormValueItemBaseCommands } from '../../@types';
|
|
2
2
|
import { CommonSxProps } from '../../@types';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
|
-
import { PrivateYearPickerBaseValue, PrivateYearPickerValue } from '../../@
|
|
4
|
+
import { PrivateYearPickerBaseValue, PrivateYearPickerValue } from '../../@private';
|
|
5
5
|
export type FormYearPickerBaseValue = PrivateYearPickerBaseValue;
|
|
6
6
|
export type FormYearPickerValue = PrivateYearPickerValue;
|
|
7
7
|
export interface FormYearPickerProps extends CommonSxProps, FormValueItemProps<FormYearPickerValue, false> {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FormValueItemProps, FormValueItemBaseCommands, FormRangeValueItemCommands, FormRangeValueItemNameCommands } from '../../@types';
|
|
2
2
|
import { CommonSxProps } from '../../@types';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
|
-
import { PrivateInputDatePickerProps, PrivateYearRangePickerBaseValue, PrivateYearRangePickerValue } from '../../@
|
|
4
|
+
import { PrivateInputDatePickerProps, PrivateYearRangePickerBaseValue, PrivateYearRangePickerValue } from '../../@private';
|
|
5
5
|
export type FormYearRangePickerBaseValue = PrivateYearRangePickerBaseValue;
|
|
6
6
|
export type FormYearRangePickerValue = PrivateYearRangePickerValue;
|
|
7
7
|
export interface FormYearRangePickerProps extends CommonSxProps, Omit<FormValueItemProps<FormYearRangePickerValue, false>, 'label' | 'labelIcon' | 'width'>, Pick<PrivateInputDatePickerProps, 'align'> {
|