indicator-ui 1.1.3 → 1.1.4
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/index.cjs +14 -14
- package/dist/index.js +5130 -4985
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useDateFormats.d.ts +6 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useDatePickerController.d.ts +1 -1
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useDateUtils.d.ts +6 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useInputFieldProps.d.ts +2 -1
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateRangeDraft.d.ts +8 -8
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateRangeFormats.d.ts +9 -4
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateRangePickerProps.d.ts +1 -1
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateTimePickerController.d.ts +3 -3
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateUtils.d.ts +15 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useFormDateRangeFieldProvider.d.ts +2 -2
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useInputFieldProps.d.ts +2 -2
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/{useSyncDateTimeValues.d.ts → useSyncDateRangeValues.d.ts} +3 -2
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateTimeDraft.d.ts +2 -2
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateTimeFormats.d.ts +9 -8
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateTimePickerController.d.ts +5 -4
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateUtils.d.ts +17 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useFormDateTimeFieldProvider.d.ts +2 -2
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useInputFieldProps.d.ts +2 -1
- package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useDateUtils.d.ts +11 -0
- package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useInputFieldProps.d.ts +2 -1
- package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useTimeDraft.d.ts +1 -2
- package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useTimeFormats.d.ts +6 -5
- package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useTimePickerController.d.ts +4 -4
- package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useTimePickerProps.d.ts +1 -1
- package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useDateUtils.d.ts +10 -0
- package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useFormTimeRangeFieldProvider.d.ts +1 -1
- package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useInputFieldProps.d.ts +3 -3
- package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useSyncDateTimeValues.d.ts +2 -1
- package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useTimeRangeDraft.d.ts +1 -1
- package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useTimeRangeFormats.d.ts +1 -0
- package/package.json +1 -1
|
@@ -8,8 +8,14 @@ type PropsType = Required<Pick<Parameters<typeof useFormDateFieldProvider>[numbe
|
|
|
8
8
|
export declare function useDateFormats(props: PropsType): {
|
|
9
9
|
formatDateInputToValue: (instance: InputDateValue) => string;
|
|
10
10
|
parseDateInput: (instance: InputDateValue) => Date;
|
|
11
|
+
parseValue: (instance: ValueType) => Date | undefined;
|
|
11
12
|
formatValueToDateInput: (instance: ValueType) => string | undefined;
|
|
12
13
|
formatPickerValueToDateInput: (instance: DatePickerValue) => string | undefined;
|
|
13
14
|
formatValueToDatePickerValue: (instance: ValueType) => string | undefined;
|
|
15
|
+
extractDateInputToPickerInputs: (instance: InputDateValue) => {
|
|
16
|
+
year: number;
|
|
17
|
+
monthYear: string;
|
|
18
|
+
dayMonthYear: string;
|
|
19
|
+
};
|
|
14
20
|
};
|
|
15
21
|
export {};
|
|
@@ -2,7 +2,7 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { InputDateValue } from './useDateDraft';
|
|
3
3
|
import { useInputFieldController } from './useInputFieldController';
|
|
4
4
|
import { useDateFormats } from './useDateFormats';
|
|
5
|
-
type PropsType = Pick<ReturnType<typeof useDateFormats>, '
|
|
5
|
+
type PropsType = Pick<ReturnType<typeof useDateFormats>, 'extractDateInputToPickerInputs'> & Pick<ReturnType<typeof useInputFieldController>, 'doubleInputRef'> & {
|
|
6
6
|
disablePicker?: boolean;
|
|
7
7
|
};
|
|
8
8
|
export declare function useDatePickerController(props: PropsType): {
|
|
@@ -4,8 +4,9 @@ import { useDatePickerController } from './useDatePickerController';
|
|
|
4
4
|
import { useDateDraft } from './useDateDraft';
|
|
5
5
|
import { useFormDateFieldProvider } from './useFormDateFieldProvider';
|
|
6
6
|
import { useInputFieldController } from './useInputFieldController';
|
|
7
|
+
import { useDateUtils } from './useDateUtils';
|
|
7
8
|
export type DoubleInputItemProps = React.ComponentProps<typeof DoubleInputItem>;
|
|
8
|
-
type PropsType = Pick<Parameters<typeof useFormDateFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useDatePickerController>, 'moveToInputtedDateInPicker' | 'clearDateInputInPicker' | 'closePicker' | 'switchingPicker'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnDateField'> & Pick<ReturnType<typeof useDateDraft>, 'setDateInputValue' | 'clearDateValue' | 'isFullDateInput'>;
|
|
9
|
+
type PropsType = Pick<Parameters<typeof useFormDateFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useDatePickerController>, 'moveToInputtedDateInPicker' | 'clearDateInputInPicker' | 'closePicker' | 'switchingPicker'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnDateField'> & Pick<ReturnType<typeof useDateDraft>, 'setDateInputValue' | 'clearDateValue' | 'isFullDateInput'> & Pick<ReturnType<typeof useDateUtils>, 'isValidDateInput'>;
|
|
9
10
|
export declare function useInputFieldProps(props: PropsType): {
|
|
10
11
|
onCompleteDate: NonNullable<((value: string, maskRef: import('imask').InputMask<{
|
|
11
12
|
[x: string]: unknown;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { useFormDateRangeFieldProvider } from './useFormDateRangeFieldProvider';
|
|
2
2
|
import { useDateRangeFormats } from './useDateRangeFormats';
|
|
3
|
-
export type InputDateValue = string;
|
|
3
|
+
export type InputDateValue = string | undefined;
|
|
4
4
|
type UseFormDateRangeFieldProps = Parameters<typeof useFormDateRangeFieldProvider>[number];
|
|
5
5
|
type PropsType = Pick<ReturnType<typeof useDateRangeFormats>, 'formatValueItemToDateInput'> & Pick<UseFormDateRangeFieldProps, 'value'>;
|
|
6
6
|
export declare function useDateRangeDraft(props: PropsType): {
|
|
7
|
-
fromDateValue:
|
|
8
|
-
toDateValue:
|
|
9
|
-
setFromDateValue: import('react').Dispatch<import('react').SetStateAction<
|
|
10
|
-
setToDateValue: import('react').Dispatch<import('react').SetStateAction<
|
|
11
|
-
getFromDateValue: () =>
|
|
12
|
-
getToDateValue: () =>
|
|
7
|
+
fromDateValue: InputDateValue;
|
|
8
|
+
toDateValue: InputDateValue;
|
|
9
|
+
setFromDateValue: import('react').Dispatch<import('react').SetStateAction<InputDateValue>>;
|
|
10
|
+
setToDateValue: import('react').Dispatch<import('react').SetStateAction<InputDateValue>>;
|
|
11
|
+
getFromDateValue: () => InputDateValue;
|
|
12
|
+
getToDateValue: () => InputDateValue;
|
|
13
13
|
clearDateRangeValue: () => void;
|
|
14
|
-
isFullDateInput: (fromDate
|
|
14
|
+
isFullDateInput: (fromDate: InputDateValue, toDate: InputDateValue) => boolean;
|
|
15
15
|
isFullCurrentDateInput: () => boolean;
|
|
16
16
|
};
|
|
17
17
|
export {};
|
package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateRangeFormats.d.ts
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { DatePickerV2 } from '../../../..';
|
|
1
3
|
import { useFormDateRangeFieldProvider, ValueItemType, ValueType } from './useFormDateRangeFieldProvider';
|
|
2
4
|
import { InputDateValue } from './useDateRangeDraft';
|
|
5
|
+
type DatePickerValue = Parameters<NonNullable<React.ComponentProps<typeof DatePickerV2>['onChangeDate']>>[number] & Parameters<NonNullable<React.ComponentProps<typeof DatePickerV2>['onSubmitDate']>>[number];
|
|
3
6
|
type PropsType = Required<Pick<Parameters<typeof useFormDateRangeFieldProvider>[number], 'outFormat' | 'inputDateFormat'>>;
|
|
4
7
|
export declare function useDateRangeFormats(props: PropsType): {
|
|
5
|
-
formatDateInputToValue: (instance: InputDateValue) => string;
|
|
6
|
-
formatValueItemToDateInput: (instance
|
|
7
|
-
formatValueToDatePickerValue: (instance: ValueType) =>
|
|
8
|
-
parseInputDate: (instance: InputDateValue) => Date;
|
|
8
|
+
formatDateInputToValue: (instance: NonNullable<InputDateValue>) => string;
|
|
9
|
+
formatValueItemToDateInput: (instance: ValueItemType) => string;
|
|
10
|
+
formatValueToDatePickerValue: (instance: ValueType) => string[] | undefined;
|
|
11
|
+
parseInputDate: (instance: NonNullable<InputDateValue>) => Date;
|
|
12
|
+
parseValue: (instance: ValueItemType) => Date;
|
|
13
|
+
formatDatePickerToDateInput: (instance?: DatePickerValue) => string | undefined;
|
|
9
14
|
};
|
|
10
15
|
export {};
|
package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateRangePickerProps.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { useDateRangeDraft } from './useDateRangeDraft';
|
|
|
2
2
|
import { useFormDateRangeFieldProvider } from './useFormDateRangeFieldProvider';
|
|
3
3
|
import { useDateTimePickerController } from './useDateTimePickerController';
|
|
4
4
|
import { useDateRangeFormats } from './useDateRangeFormats';
|
|
5
|
-
type PropsType = Pick<Parameters<typeof useFormDateRangeFieldProvider>[number], 'value'> & Pick<ReturnType<typeof useDateTimePickerController>, 'closePicker'> & Pick<ReturnType<typeof useDateRangeDraft>, 'setFromDateValue' | 'setToDateValue'> & Pick<ReturnType<typeof useDateRangeFormats>, '
|
|
5
|
+
type PropsType = Pick<Parameters<typeof useFormDateRangeFieldProvider>[number], 'value'> & Pick<ReturnType<typeof useDateTimePickerController>, 'closePicker'> & Pick<ReturnType<typeof useDateRangeDraft>, 'setFromDateValue' | 'setToDateValue'> & Pick<ReturnType<typeof useDateRangeFormats>, 'formatDatePickerToDateInput' | 'formatValueToDatePickerValue'>;
|
|
6
6
|
export declare function useDateRangePickerProps(props: PropsType): {
|
|
7
7
|
dateRange: string[] | undefined;
|
|
8
8
|
onChooseDateRange: (dateRange: string[]) => void;
|
package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateTimePickerController.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { InputDateValue } from './useDateRangeDraft';
|
|
3
3
|
import { useInputFieldController } from './useInputFieldController';
|
|
4
|
-
import {
|
|
5
|
-
type PropsType = Pick<ReturnType<typeof
|
|
4
|
+
import { useDateUtils } from './useDateUtils';
|
|
5
|
+
type PropsType = Pick<ReturnType<typeof useInputFieldController>, 'doubleInputRef'> & Pick<ReturnType<typeof useDateUtils>, 'extractDateInputToPickerData'> & {
|
|
6
6
|
disablePicker?: boolean;
|
|
7
7
|
};
|
|
8
8
|
export declare function useDateTimePickerController(props: PropsType): {
|
|
@@ -34,7 +34,7 @@ export declare function useDateTimePickerController(props: PropsType): {
|
|
|
34
34
|
}>;
|
|
35
35
|
}>;
|
|
36
36
|
dateTimePickerWrapperRef: React.RefObject<never>;
|
|
37
|
-
moveToInputtedDateInPicker: (instance: InputDateValue) => Promise<(void | undefined)[]>;
|
|
37
|
+
moveToInputtedDateInPicker: (instance: NonNullable<InputDateValue>) => Promise<(void | undefined)[]>;
|
|
38
38
|
clearDateRangeInputInPicker: () => void;
|
|
39
39
|
closePicker: () => void;
|
|
40
40
|
openPicker: () => void;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ValueType } from './useFormDateRangeFieldProvider';
|
|
2
|
+
import { useDateRangeFormats } from './useDateRangeFormats';
|
|
3
|
+
import { InputDateValue } from './useDateRangeDraft';
|
|
4
|
+
type PropsType = Pick<ReturnType<typeof useDateRangeFormats>, 'parseInputDate' | 'parseValue'>;
|
|
5
|
+
export declare function useDateUtils(props: PropsType): {
|
|
6
|
+
extractDateInputToPickerData: (instance: NonNullable<InputDateValue>) => {
|
|
7
|
+
year: number;
|
|
8
|
+
monthYear: string;
|
|
9
|
+
dayMonthYear: string;
|
|
10
|
+
};
|
|
11
|
+
isAfterInputDate: (a: NonNullable<InputDateValue>, b: NonNullable<InputDateValue>) => boolean;
|
|
12
|
+
sortDateValue: (instance: ValueType) => string[];
|
|
13
|
+
isValidDateInput: (instance: string) => boolean;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
@@ -32,8 +32,8 @@ type PropsType = FieldProps & Pick<DateRangePickerV2Props, 'requestedDaysData' |
|
|
|
32
32
|
disablePicker?: boolean;
|
|
33
33
|
};
|
|
34
34
|
export declare function useFormDateRangeFieldProvider(props: PropsType): {
|
|
35
|
-
fromDateValue:
|
|
36
|
-
toDateValue:
|
|
35
|
+
fromDateValue: import('./useDateRangeDraft').InputDateValue;
|
|
36
|
+
toDateValue: import('./useDateRangeDraft').InputDateValue;
|
|
37
37
|
onCompleteDateTo: NonNullable<((value: string, maskRef: import('imask').InputMask<{
|
|
38
38
|
[x: string]: unknown;
|
|
39
39
|
}>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
|
|
@@ -4,9 +4,9 @@ import { useDateTimePickerController } from './useDateTimePickerController';
|
|
|
4
4
|
import { useDateRangeDraft } from './useDateRangeDraft';
|
|
5
5
|
import { useFormDateRangeFieldProvider } from './useFormDateRangeFieldProvider';
|
|
6
6
|
import { useInputFieldController } from './useInputFieldController';
|
|
7
|
-
import {
|
|
7
|
+
import { useDateUtils } from './useDateUtils';
|
|
8
8
|
export type DoubleInputItemProps = React.ComponentProps<typeof DoubleInputItem>;
|
|
9
|
-
type PropsType = Pick<Parameters<typeof useFormDateRangeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useDateTimePickerController>, 'moveToInputtedDateInPicker' | 'clearDateRangeInputInPicker' | 'openPicker' | 'switchingPicker' | 'getIsShowPicker' | 'closePicker'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnFromDateField' | 'focusOnToDateField' | 'checkFocusedFromDateInput' | 'checkFocusedToDateInput'> & Pick<ReturnType<typeof
|
|
9
|
+
type PropsType = Pick<Parameters<typeof useFormDateRangeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useDateTimePickerController>, 'moveToInputtedDateInPicker' | 'clearDateRangeInputInPicker' | 'openPicker' | 'switchingPicker' | 'getIsShowPicker' | 'closePicker'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnFromDateField' | 'focusOnToDateField' | 'checkFocusedFromDateInput' | 'checkFocusedToDateInput'> & Pick<ReturnType<typeof useDateRangeDraft>, 'setToDateValue' | 'setFromDateValue' | 'clearDateRangeValue' | 'isFullDateInput' | 'isFullCurrentDateInput' | 'getFromDateValue' | 'getToDateValue'> & Pick<ReturnType<typeof useDateUtils>, 'isAfterInputDate' | 'isValidDateInput'>;
|
|
10
10
|
export declare function useInputFieldProps(props: PropsType): {
|
|
11
11
|
onCompleteDateFrom: NonNullable<((value: string, maskRef: import('imask').InputMask<{
|
|
12
12
|
[x: string]: unknown;
|
|
@@ -2,6 +2,7 @@ import { useDateRangeDraft } from './useDateRangeDraft';
|
|
|
2
2
|
import { useDateRangeFormats } from './useDateRangeFormats';
|
|
3
3
|
import { useFormDateRangeFieldProvider } from './useFormDateRangeFieldProvider';
|
|
4
4
|
import { useDateTimePickerController } from './useDateTimePickerController';
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
import { useDateUtils } from './useDateUtils';
|
|
6
|
+
type PropsType = Pick<Parameters<typeof useFormDateRangeFieldProvider>[number], 'onChange' | 'value'> & Pick<ReturnType<typeof useDateRangeDraft>, 'setFromDateValue' | 'setToDateValue' | 'fromDateValue' | 'toDateValue'> & Pick<ReturnType<typeof useDateRangeFormats>, 'formatDateInputToValue' | 'formatValueItemToDateInput'> & Pick<ReturnType<typeof useDateTimePickerController>, 'moveToInputtedDateInPicker'> & Pick<ReturnType<typeof useDateUtils>, 'sortDateValue'>;
|
|
7
|
+
export declare function useSyncDateRangeValues(props: PropsType): void;
|
|
7
8
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useFormDateTimeFieldProvider } from './useFormDateTimeFieldProvider';
|
|
2
2
|
import { useDateTimeFormats } from './useDateTimeFormats';
|
|
3
3
|
type UseFormDateTimeFieldProps = Parameters<typeof useFormDateTimeFieldProvider>[number];
|
|
4
|
-
export type
|
|
5
|
-
export type
|
|
4
|
+
export type DateInputValue = string;
|
|
5
|
+
export type TimeInputValue = string;
|
|
6
6
|
type PropsType = Pick<UseFormDateTimeFieldProps, 'value'> & Pick<ReturnType<typeof useDateTimeFormats>, 'formatValueToDateInput' | 'formatValueToTimeInput'>;
|
|
7
7
|
export declare function useDateTimeDraft(props: PropsType): {
|
|
8
8
|
dateInputValue: string | undefined;
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { DateTimePickerV2 } from '../../../..';
|
|
3
3
|
import { useFormDateTimeFieldProvider, ValueType } from './useFormDateTimeFieldProvider';
|
|
4
|
-
import {
|
|
4
|
+
import { DateInputValue, TimeInputValue } from './useDateTimeDraft';
|
|
5
5
|
type DateTimePickerV2Props = React.ComponentProps<typeof DateTimePickerV2>;
|
|
6
6
|
type DateTimePickerValue = Parameters<NonNullable<DateTimePickerV2Props['onSubmitDateTime']>>[0] | Parameters<NonNullable<DateTimePickerV2Props['onSubmitDate']>>[0];
|
|
7
7
|
type PropsType = Required<Pick<Parameters<typeof useFormDateTimeFieldProvider>[number], 'outFormat' | 'inputDateFormat' | 'inputTimeFormat'>>;
|
|
8
8
|
export declare function useDateTimeFormats(props: PropsType): {
|
|
9
|
-
formatDateTimeInputToValue: (dateValue:
|
|
10
|
-
parseDateInput: (instance:
|
|
11
|
-
parseTimeInput: (instance:
|
|
9
|
+
formatDateTimeInputToValue: (dateValue: DateInputValue, timeValue: TimeInputValue) => ValueType;
|
|
10
|
+
parseDateInput: (instance: DateInputValue) => Date;
|
|
11
|
+
parseTimeInput: (instance: TimeInputValue) => Date;
|
|
12
12
|
formatValueToDatePickerValue: (instance: ValueType) => DateTimePickerValue | undefined;
|
|
13
|
-
formatPickerValueToDateInput: (instance: DateTimePickerValue) =>
|
|
14
|
-
formatPickerValueToTimeInput: (instance: DateTimePickerValue) =>
|
|
15
|
-
formatValueToDateInput: (instance: ValueType) =>
|
|
16
|
-
formatValueToTimeInput: (instance: ValueType) =>
|
|
13
|
+
formatPickerValueToDateInput: (instance: DateTimePickerValue) => DateInputValue | undefined;
|
|
14
|
+
formatPickerValueToTimeInput: (instance: DateTimePickerValue) => TimeInputValue | undefined;
|
|
15
|
+
formatValueToDateInput: (instance: ValueType) => DateInputValue | undefined;
|
|
16
|
+
formatValueToTimeInput: (instance: ValueType) => TimeInputValue | undefined;
|
|
17
|
+
parseValue: (instance: ValueType) => Date | undefined;
|
|
17
18
|
};
|
|
18
19
|
export {};
|
package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateTimePickerController.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { DateInputValue, TimeInputValue } from './useDateTimeDraft';
|
|
3
3
|
import { useInputFieldController } from './useInputFieldController';
|
|
4
4
|
import { useDateTimeFormats } from './useDateTimeFormats';
|
|
5
|
-
|
|
5
|
+
import { useDateUtils } from './useDateUtils';
|
|
6
|
+
type PropsType = Pick<ReturnType<typeof useDateTimeFormats>, 'parseTimeInput' | 'parseDateInput'> & Pick<ReturnType<typeof useInputFieldController>, 'doubleInputRef'> & Pick<ReturnType<typeof useDateUtils>, 'extractDateInputValue' | 'extractTimeInputValue'> & {
|
|
6
7
|
disablePicker?: boolean;
|
|
7
8
|
};
|
|
8
9
|
export declare function useDateTimePickerController(props: PropsType): {
|
|
@@ -50,8 +51,8 @@ export declare function useDateTimePickerController(props: PropsType): {
|
|
|
50
51
|
}>;
|
|
51
52
|
}>;
|
|
52
53
|
dateTimePickerWrapperRef: React.RefObject<never>;
|
|
53
|
-
moveToInputtedDateInPicker: (instance:
|
|
54
|
-
moveToInputtedTimeInPicker: (instance:
|
|
54
|
+
moveToInputtedDateInPicker: (instance: DateInputValue) => Promise<(void | undefined)[]>;
|
|
55
|
+
moveToInputtedTimeInPicker: (instance: TimeInputValue) => Promise<(void | undefined)[]>;
|
|
55
56
|
showTimePicker: () => void;
|
|
56
57
|
showDatePicker: () => void;
|
|
57
58
|
clearDateTimeInputInPicker: () => void;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { DateInputValue, TimeInputValue } from './useDateTimeDraft';
|
|
2
|
+
import { useDateTimeFormats } from './useDateTimeFormats';
|
|
3
|
+
type PropsType = Pick<ReturnType<typeof useDateTimeFormats>, 'parseDateInput' | 'parseTimeInput'>;
|
|
4
|
+
export declare function useDateUtils(props: PropsType): {
|
|
5
|
+
extractDateInputValue: (instance: DateInputValue) => {
|
|
6
|
+
year: number;
|
|
7
|
+
monthYear: string;
|
|
8
|
+
dayMonthYear: string;
|
|
9
|
+
};
|
|
10
|
+
extractTimeInputValue: (instance: TimeInputValue) => {
|
|
11
|
+
hours: number;
|
|
12
|
+
minutes: number;
|
|
13
|
+
};
|
|
14
|
+
isValidDateInput: (instance: string) => boolean;
|
|
15
|
+
isValidTimeInput: (instance: string) => boolean;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useFormDateTimeFieldProvider.d.ts
CHANGED
|
@@ -38,8 +38,8 @@ type PropsType = FieldProps & Pick<DateTimePickerV2Props, 'requestDaysData' | 'r
|
|
|
38
38
|
disablePicker?: boolean;
|
|
39
39
|
};
|
|
40
40
|
export declare function useFormDateTimeFieldProvider(props: PropsType): {
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
dateInputValue: string | undefined;
|
|
42
|
+
timeInputValue: string | undefined;
|
|
43
43
|
onCompleteDate: NonNullable<((value: string, maskRef: import('imask').InputMask<{
|
|
44
44
|
[x: string]: unknown;
|
|
45
45
|
}>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
|
|
@@ -4,8 +4,9 @@ import { useDateTimePickerController } from './useDateTimePickerController';
|
|
|
4
4
|
import { useDateTimeDraft } from './useDateTimeDraft';
|
|
5
5
|
import { useFormDateTimeFieldProvider } from './useFormDateTimeFieldProvider';
|
|
6
6
|
import { useInputFieldController } from './useInputFieldController';
|
|
7
|
+
import { useDateUtils } from './useDateUtils';
|
|
7
8
|
export type DoubleInputItemProps = React.ComponentProps<typeof DoubleInputItem>;
|
|
8
|
-
type PropsType = Pick<Parameters<typeof useFormDateTimeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useDateTimePickerController>, 'moveToInputtedDateInPicker' | 'moveToInputtedTimeInPicker' | 'clearDateTimeInputInPicker' | 'openPicker' | 'closePicker' | 'switchingPicker' | 'getIsShowPicker' | 'showTimePicker' | 'showDatePicker'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnTimeField' | 'focusOnDateField' | 'checkFocusedDateInput' | 'checkFocusedTimeInput'> & Pick<ReturnType<typeof useDateTimeDraft>, 'setTimeInputValue' | 'setDateInputValue' | 'clearDateTimeValue' | 'isFullDateInput'>;
|
|
9
|
+
type PropsType = Pick<Parameters<typeof useFormDateTimeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useDateTimePickerController>, 'moveToInputtedDateInPicker' | 'moveToInputtedTimeInPicker' | 'clearDateTimeInputInPicker' | 'openPicker' | 'closePicker' | 'switchingPicker' | 'getIsShowPicker' | 'showTimePicker' | 'showDatePicker'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnTimeField' | 'focusOnDateField' | 'checkFocusedDateInput' | 'checkFocusedTimeInput'> & Pick<ReturnType<typeof useDateTimeDraft>, 'setTimeInputValue' | 'setDateInputValue' | 'clearDateTimeValue' | 'isFullDateInput'> & Pick<ReturnType<typeof useDateUtils>, 'isValidTimeInput' | 'isValidDateInput'>;
|
|
9
10
|
export declare function useInputFieldProps(props: PropsType): {
|
|
10
11
|
onCompleteDate: NonNullable<((value: string, maskRef: import('imask').InputMask<{
|
|
11
12
|
[x: string]: unknown;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TimeInputValue } from './useTimeDraft';
|
|
2
|
+
import { useTimeFormats } from './useTimeFormats';
|
|
3
|
+
type PropsType = Pick<ReturnType<typeof useTimeFormats>, 'parseTimeInput'>;
|
|
4
|
+
export declare function useDateUtils(props: PropsType): {
|
|
5
|
+
extractTimeData: (instance: TimeInputValue) => {
|
|
6
|
+
hours: number;
|
|
7
|
+
minutes: number;
|
|
8
|
+
};
|
|
9
|
+
isValidTimeInput: (instance: string) => boolean;
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
@@ -3,8 +3,9 @@ import { DoubleInputItem } from '../../../components';
|
|
|
3
3
|
import { useTimePickerController } from './useTimePickerController';
|
|
4
4
|
import { useTimeDraft } from './useTimeDraft';
|
|
5
5
|
import { useFormTimeFieldProvider } from './useFormTimeFieldProvider';
|
|
6
|
+
import { useDateUtils } from './useDateUtils';
|
|
6
7
|
export type DoubleInputItemProps = React.ComponentProps<typeof DoubleInputItem>;
|
|
7
|
-
type PropsType = Pick<Parameters<typeof useFormTimeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useTimePickerController>, 'moveToInputtedTimeInPicker' | 'clearTimeInputInPicker' | 'closePicker' | 'switchingPicker'> & Pick<ReturnType<typeof useTimeDraft>, 'setTimeInputValue' | 'clearTimeValue'
|
|
8
|
+
type PropsType = Pick<Parameters<typeof useFormTimeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useTimePickerController>, 'moveToInputtedTimeInPicker' | 'clearTimeInputInPicker' | 'closePicker' | 'switchingPicker'> & Pick<ReturnType<typeof useTimeDraft>, 'setTimeInputValue' | 'clearTimeValue'> & Pick<ReturnType<typeof useDateUtils>, 'isValidTimeInput'>;
|
|
8
9
|
export declare function useInputFieldProps(props: PropsType): {
|
|
9
10
|
onCompleteTime: NonNullable<((value: string, maskRef: import('imask').InputMask<{
|
|
10
11
|
[x: string]: unknown;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { useFormTimeFieldProvider } from './useFormTimeFieldProvider';
|
|
2
2
|
import { useTimeFormats } from './useTimeFormats';
|
|
3
3
|
type UseFormDateTimeFieldProps = Parameters<typeof useFormTimeFieldProvider>[number];
|
|
4
|
-
export type
|
|
5
|
-
export type TimeValue = string;
|
|
4
|
+
export type TimeInputValue = string;
|
|
6
5
|
type PropsType = Pick<UseFormDateTimeFieldProps, 'value'> & Pick<ReturnType<typeof useTimeFormats>, 'formatValueToTimeInput'>;
|
|
7
6
|
export declare function useTimeDraft(props: PropsType): {
|
|
8
7
|
timeInputValue: string | undefined;
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { TimePickerV2 } from '../../../..';
|
|
3
3
|
import { useFormTimeFieldProvider, ValueType } from './useFormTimeFieldProvider';
|
|
4
|
-
import {
|
|
4
|
+
import { TimeInputValue } from './useTimeDraft';
|
|
5
5
|
type TimePickerV2Props = React.ComponentProps<typeof TimePickerV2>;
|
|
6
6
|
type DateTimePickerValue = Parameters<NonNullable<TimePickerV2Props['onSubmitTime']>>[0];
|
|
7
7
|
type PropsType = Required<Pick<Parameters<typeof useFormTimeFieldProvider>[number], 'outFormat' | 'inputTimeFormat'>>;
|
|
8
8
|
export declare function useTimeFormats(props: PropsType): {
|
|
9
|
-
formatDateTimeInputToValue: (timeValue:
|
|
10
|
-
parseTimeInput: (instance:
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
formatDateTimeInputToValue: (timeValue: TimeInputValue) => ValueType;
|
|
10
|
+
parseTimeInput: (instance: TimeInputValue) => Date;
|
|
11
|
+
parseValueTime: (instance: ValueType) => Date | undefined;
|
|
12
|
+
formatPickerValueToTimeInput: (instance: DateTimePickerValue) => TimeInputValue | undefined;
|
|
13
|
+
formatValueToTimeInput: (instance: ValueType) => TimeInputValue | undefined;
|
|
13
14
|
};
|
|
14
15
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { TimeInputValue } from './useTimeDraft';
|
|
3
3
|
import { useInputFieldController } from './useInputFieldController';
|
|
4
|
-
import {
|
|
5
|
-
type PropsType = Pick<ReturnType<typeof
|
|
4
|
+
import { useDateUtils } from './useDateUtils';
|
|
5
|
+
type PropsType = Pick<ReturnType<typeof useInputFieldController>, 'doubleInputRef'> & Pick<ReturnType<typeof useDateUtils>, 'extractTimeData'> & {
|
|
6
6
|
disablePicker?: boolean;
|
|
7
7
|
};
|
|
8
8
|
export declare function useTimePickerController(props: PropsType): {
|
|
@@ -24,7 +24,7 @@ export declare function useTimePickerController(props: PropsType): {
|
|
|
24
24
|
}>;
|
|
25
25
|
}>;
|
|
26
26
|
timePickerWrapperRef: React.RefObject<never>;
|
|
27
|
-
moveToInputtedTimeInPicker: (instance:
|
|
27
|
+
moveToInputtedTimeInPicker: (instance: TimeInputValue) => Promise<(void | undefined)[]>;
|
|
28
28
|
clearTimeInputInPicker: () => void;
|
|
29
29
|
closePicker: () => void;
|
|
30
30
|
switchingPicker: () => void;
|
|
@@ -2,7 +2,7 @@ import { useTimeDraft } from './useTimeDraft';
|
|
|
2
2
|
import { useFormTimeFieldProvider } from './useFormTimeFieldProvider';
|
|
3
3
|
import { useTimePickerController } from './useTimePickerController';
|
|
4
4
|
import { useTimeFormats } from './useTimeFormats';
|
|
5
|
-
type PropsType = Pick<Parameters<typeof useFormTimeFieldProvider>[number], 'value'> & Pick<ReturnType<typeof useTimePickerController>, 'closePicker'> & Pick<ReturnType<typeof useTimeDraft>, 'setTimeInputValue'> & Pick<ReturnType<typeof useTimeFormats>, 'formatPickerValueToTimeInput'>;
|
|
5
|
+
type PropsType = Pick<Parameters<typeof useFormTimeFieldProvider>[number], 'value'> & Pick<ReturnType<typeof useTimePickerController>, 'closePicker'> & Pick<ReturnType<typeof useTimeDraft>, 'setTimeInputValue'> & Pick<ReturnType<typeof useTimeFormats>, 'formatPickerValueToTimeInput' | 'parseValueTime'>;
|
|
6
6
|
export declare function useTimePickerProps(props: PropsType): {
|
|
7
7
|
time: string | undefined;
|
|
8
8
|
onSubmitTime: (dateTime: string) => void;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useTimeRangeFormats } from './useTimeRangeFormats';
|
|
2
|
+
import { ValueType } from './useFormTimeRangeFieldProvider';
|
|
3
|
+
import { InputDateValue } from './useTimeRangeDraft';
|
|
4
|
+
type PropsType = Pick<ReturnType<typeof useTimeRangeFormats>, 'parseTimeValue' | 'parseInputTime'>;
|
|
5
|
+
export declare function useDateUtils(props: PropsType): {
|
|
6
|
+
sortValue: (instance: ValueType) => string[];
|
|
7
|
+
isAfterInputTime: (a: InputDateValue, b: InputDateValue) => boolean;
|
|
8
|
+
isValidTimeInput: (instance: string) => boolean;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
@@ -228,7 +228,7 @@ export declare function useFormTimeRangeFieldProvider(props: PropsType): {
|
|
|
228
228
|
fromDateInputRef: import('react').RefObject<HTMLInputElement>;
|
|
229
229
|
toDateInputRef: import('react').RefObject<HTMLInputElement>;
|
|
230
230
|
inputTimeFormat: string;
|
|
231
|
-
|
|
231
|
+
clearTimeRange: () => void;
|
|
232
232
|
isErrorInputFields: boolean | undefined;
|
|
233
233
|
isDisabledInputFields: boolean | undefined;
|
|
234
234
|
};
|
|
@@ -3,9 +3,9 @@ import { DoubleInputItem } from '../../../components';
|
|
|
3
3
|
import { useTimeRangeDraft } from './useTimeRangeDraft';
|
|
4
4
|
import { useFormTimeRangeFieldProvider } from './useFormTimeRangeFieldProvider';
|
|
5
5
|
import { useInputFieldController } from './useInputFieldController';
|
|
6
|
-
import {
|
|
6
|
+
import { useDateUtils } from './useDateUtils';
|
|
7
7
|
export type DoubleInputItemProps = React.ComponentProps<typeof DoubleInputItem>;
|
|
8
|
-
type PropsType = Pick<Parameters<typeof useFormTimeRangeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnFromDateField' | 'focusOnToDateField'> & Pick<ReturnType<typeof
|
|
8
|
+
type PropsType = Pick<Parameters<typeof useFormTimeRangeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnFromDateField' | 'focusOnToDateField'> & Pick<ReturnType<typeof useTimeRangeDraft>, 'setToTimeValue' | 'setFromTimeValue' | 'clearTimeRangeValue' | 'isFullDateInput' | 'isFullCurrentDateInput' | 'getFromTimeValue' | 'getToTimeValue'> & Pick<ReturnType<typeof useDateUtils>, 'isAfterInputTime' | 'isValidTimeInput'>;
|
|
9
9
|
export declare function useInputFieldProps(props: PropsType): {
|
|
10
10
|
onCompleteTimeFrom: NonNullable<((value: string, maskRef: import('imask').InputMask<{
|
|
11
11
|
[x: string]: unknown;
|
|
@@ -203,7 +203,7 @@ export declare function useInputFieldProps(props: PropsType): {
|
|
|
203
203
|
}>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
|
|
204
204
|
[x: string]: unknown;
|
|
205
205
|
}>, e?: InputEvent) => void) | undefined>;
|
|
206
|
-
|
|
206
|
+
clearTimeRange: () => void;
|
|
207
207
|
isErrorInputFields: boolean | undefined;
|
|
208
208
|
isDisabledInputFields: boolean | undefined;
|
|
209
209
|
};
|
package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useSyncDateTimeValues.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useTimeRangeDraft } from './useTimeRangeDraft';
|
|
2
2
|
import { useTimeRangeFormats } from './useTimeRangeFormats';
|
|
3
3
|
import { useFormTimeRangeFieldProvider } from './useFormTimeRangeFieldProvider';
|
|
4
|
-
|
|
4
|
+
import { useDateUtils } from './useDateUtils';
|
|
5
|
+
type PropsType = Pick<Parameters<typeof useFormTimeRangeFieldProvider>[number], 'onChange' | 'value'> & Pick<ReturnType<typeof useTimeRangeDraft>, 'setFromTimeValue' | 'setToTimeValue' | 'fromTimeValue' | 'toTimeValue'> & Pick<ReturnType<typeof useTimeRangeFormats>, 'formatTimeInputToValue' | 'formatValueItemToTimeInput' | 'parseTimeValue'> & Pick<ReturnType<typeof useDateUtils>, 'sortValue'>;
|
|
5
6
|
export declare function useSyncDateTimeValues(props: PropsType): void;
|
|
6
7
|
export {};
|
|
@@ -10,7 +10,7 @@ export declare function useTimeRangeDraft(props: PropsType): {
|
|
|
10
10
|
setToTimeValue: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
|
|
11
11
|
getFromTimeValue: () => string | undefined;
|
|
12
12
|
getToTimeValue: () => string | undefined;
|
|
13
|
-
|
|
13
|
+
clearTimeRangeValue: () => void;
|
|
14
14
|
isFullDateInput: (fromDate?: InputDateValue, toDate?: InputDateValue) => boolean;
|
|
15
15
|
isFullCurrentDateInput: () => boolean;
|
|
16
16
|
};
|
package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useTimeRangeFormats.d.ts
CHANGED
|
@@ -5,5 +5,6 @@ export declare function useTimeRangeFormats(props: PropsType): {
|
|
|
5
5
|
formatTimeInputToValue: (instance: InputDateValue) => string;
|
|
6
6
|
formatValueItemToTimeInput: (instance?: ValueItemType) => string | undefined;
|
|
7
7
|
parseInputTime: (instance: InputDateValue) => Date;
|
|
8
|
+
parseTimeValue: (instance?: ValueItemType) => Date | undefined;
|
|
8
9
|
};
|
|
9
10
|
export {};
|