indicator-ui 1.1.103 → 1.1.104
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 +13 -13
- package/dist/index.js +5603 -5566
- package/dist/indicator-ui.css +1 -1
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysFeedProvider.d.ts +2 -1
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysGridDisplay.d.ts +4 -1
- package/dist/types/src/ui/datePickersV2/hooks/pickers/date/useDatePickerV2Provider.d.ts +2 -1
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateBase/useDateBaseProvider.d.ts +2 -1
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateBase/useDateDataManager.d.ts +1 -1
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateRange/useDateRangePickerV2Provider.d.ts +2 -1
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateTime/useDateTimePickerV2Provider.d.ts +2 -1
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarDay/CalendarDay.d.ts +3 -1
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarDay/Wrapper.d.ts +4 -3
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useFormDateFieldProvider.d.ts +2 -1
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useFormDateRangeFieldProvider.d.ts +2 -1
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useFormDateTimeFieldProvider.d.ts +2 -1
- package/package.json +1 -1
|
@@ -2,9 +2,10 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { Header } from '../../../ui/feeds/days/components';
|
|
3
3
|
import { useDaysFeedManager } from './useDaysFeedManager';
|
|
4
4
|
import { useDaysGridManager } from './useDaysGridManager';
|
|
5
|
+
import { useDaysGridDisplay } from './useDaysGridDisplay';
|
|
5
6
|
import { useDaysFeedRef } from './useDaysFeedRef';
|
|
6
7
|
import { useDaysInfoRequests } from './useDaysInfoRequests';
|
|
7
|
-
type PropsType = Pick<Parameters<typeof useDaysGridManager>[number], 'day' | 'onClickDay'> & Pick<Parameters<typeof useDaysFeedManager>[number], 'initViewDay'> & Pick<Parameters<typeof useDaysFeedRef>[number], 'instanceRef'> & Pick<Parameters<typeof useDaysInfoRequests>[number], 'requestedDaysData' | 'requestDaysData'> & Pick<React.ComponentProps<typeof Header>, 'onClickMonth' | 'onClickYear'>;
|
|
8
|
+
type PropsType = Pick<Parameters<typeof useDaysGridManager>[number], 'day' | 'onClickDay'> & Pick<Parameters<typeof useDaysFeedManager>[number], 'initViewDay'> & Pick<Parameters<typeof useDaysFeedRef>[number], 'instanceRef'> & Pick<Parameters<typeof useDaysInfoRequests>[number], 'requestedDaysData' | 'requestDaysData'> & Pick<Parameters<typeof useDaysGridDisplay>[number], 'canPickDateRange'> & Pick<React.ComponentProps<typeof Header>, 'onClickMonth' | 'onClickYear'>;
|
|
8
9
|
export declare function useDaysFeedProvider(props: PropsType): {
|
|
9
10
|
list: React.JSX.Element[];
|
|
10
11
|
currentViewYear: string | undefined;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import { DateArg } from 'date-fns';
|
|
1
2
|
import { useDaysFeed } from './useDaysFeed';
|
|
2
3
|
import { useDaysGrid } from './useDaysGrid';
|
|
3
4
|
import { useDaysGridManager } from './useDaysGridManager';
|
|
4
5
|
import { useIntersectionViewMonth } from './useIntersectionViewMonth';
|
|
5
6
|
import { useDaysInfoRequests } from './useDaysInfoRequests';
|
|
6
|
-
type PropsType = Pick<ReturnType<typeof useDaysFeed>, 'feedState'> & Pick<ReturnType<typeof useDaysGridManager>, 'isChosenDay' | 'onClickCell' | 'isBetweenChosenDay'> & Pick<ReturnType<typeof useDaysGrid>, 'addCellRef'> & Pick<ReturnType<typeof useIntersectionViewMonth>, 'mostIntersectingMonth'> & Pick<ReturnType<typeof useDaysInfoRequests>, 'getDayItemData'
|
|
7
|
+
type PropsType = Pick<ReturnType<typeof useDaysFeed>, 'feedState'> & Pick<ReturnType<typeof useDaysGridManager>, 'isChosenDay' | 'onClickCell' | 'isBetweenChosenDay'> & Pick<ReturnType<typeof useDaysGrid>, 'addCellRef'> & Pick<ReturnType<typeof useIntersectionViewMonth>, 'mostIntersectingMonth'> & Pick<ReturnType<typeof useDaysInfoRequests>, 'getDayItemData'> & {
|
|
8
|
+
canPickDateRange?: [DateArg<Date> | null, DateArg<Date> | null];
|
|
9
|
+
};
|
|
7
10
|
export declare function useDaysGridDisplay(props: PropsType): {
|
|
8
11
|
list: import("react").JSX.Element[];
|
|
9
12
|
currentViewYear: string | undefined;
|
|
@@ -8,7 +8,7 @@ type DateValue = string;
|
|
|
8
8
|
type RefType = Pick<ReturnType<typeof useDateManager>, 'createCommitDate' | 'setInput' | 'clearDateInput'> & {
|
|
9
9
|
dateBaseRef: React.RefObject<DateBaseRef | null>;
|
|
10
10
|
};
|
|
11
|
-
type PropsType = Pick<React.ComponentProps<typeof Header>, 'title' | 'subtitle'> & Pick<React.ComponentProps<typeof Footer>, 'isShowFooter' | 'onClose'> & Pick<React.ComponentProps<typeof Wrapper>, 'style'> & Pick<React.ComponentProps<typeof DateBase>, 'requestedDaysData' | 'requestDaysData'> & InstanceRefAttributes<RefType> & {
|
|
11
|
+
type PropsType = Pick<React.ComponentProps<typeof Header>, 'title' | 'subtitle'> & Pick<React.ComponentProps<typeof Footer>, 'isShowFooter' | 'onClose'> & Pick<React.ComponentProps<typeof Wrapper>, 'style'> & Pick<React.ComponentProps<typeof DateBase>, 'requestedDaysData' | 'requestDaysData' | 'canPickDateRange'> & InstanceRefAttributes<RefType> & {
|
|
12
12
|
wrapperRef?: React.Ref<ComponentInstanceRef<typeof Wrapper>>;
|
|
13
13
|
date?: DateValue;
|
|
14
14
|
onChangeDate?: (date: DateValue) => void;
|
|
@@ -37,5 +37,6 @@ export declare function useDatePickerV2Provider(props: PropsType): {
|
|
|
37
37
|
element: HTMLDivElement;
|
|
38
38
|
} | null>;
|
|
39
39
|
} | null>;
|
|
40
|
+
canPickDateRange: [import('date-fns').DateArg<Date> | null, import('date-fns').DateArg<Date> | null] | undefined;
|
|
40
41
|
};
|
|
41
42
|
export {};
|
|
@@ -3,7 +3,7 @@ import { DaysFeed } from '../../../ui/feeds/days';
|
|
|
3
3
|
import { usePickersManager } from './usePickersManager';
|
|
4
4
|
import { useDateDataManager } from './useDateDataManager';
|
|
5
5
|
import { useDateBaseRef } from './useDateBaseRef';
|
|
6
|
-
type PropsType = Pick<Parameters<typeof usePickersManager>[number], 'onClickDay' | 'onClickMonth' | 'onClickYear'> & Pick<Parameters<typeof useDateDataManager>[number], 'date' | 'initViewMonth' | 'initViewDay' | 'initViewYear'> & Pick<Parameters<typeof useDateBaseRef>[number], 'instanceRef'> & Pick<React.ComponentProps<typeof DaysFeed>, 'requestedDaysData' | 'requestDaysData'>;
|
|
6
|
+
type PropsType = Pick<Parameters<typeof usePickersManager>[number], 'onClickDay' | 'onClickMonth' | 'onClickYear'> & Pick<Parameters<typeof useDateDataManager>[number], 'date' | 'initViewMonth' | 'initViewDay' | 'initViewYear' | 'canPickDateRange'> & Pick<Parameters<typeof useDateBaseRef>[number], 'instanceRef'> & Pick<React.ComponentProps<typeof DaysFeed>, 'requestedDaysData' | 'requestDaysData'>;
|
|
7
7
|
export declare function useDateBaseProvider(props: PropsType): {
|
|
8
8
|
pickerState: "day" | "month" | "year";
|
|
9
9
|
year: number | undefined;
|
|
@@ -17,6 +17,7 @@ export declare function useDateBaseProvider(props: PropsType): {
|
|
|
17
17
|
initViewMonth: string | undefined;
|
|
18
18
|
initViewDay: string | undefined;
|
|
19
19
|
initViewYear: number | undefined;
|
|
20
|
+
canPickDateRange: [import('date-fns').DateArg<Date> | null, import('date-fns').DateArg<Date> | null] | undefined;
|
|
20
21
|
daysFeedRef: React.RefObject<{
|
|
21
22
|
scrollToDayMonth: (instance: import('../../feeds/days/useDaysFeed').Day) => Promise<void>;
|
|
22
23
|
element: HTMLDivElement;
|
|
@@ -5,7 +5,7 @@ export type ExtendDateValue = Array<DateValue>;
|
|
|
5
5
|
type YearsFeedProps = React.ComponentProps<typeof YearsFeed>;
|
|
6
6
|
type MonthFeedProps = React.ComponentProps<typeof MonthsFeed>;
|
|
7
7
|
type DaysFeedProps = React.ComponentProps<typeof DaysFeed>;
|
|
8
|
-
type PropsType = Pick<YearsFeedProps, 'initViewYear'> & Pick<MonthFeedProps, 'initViewMonth'> & Pick<DaysFeedProps, 'initViewDay'> & {
|
|
8
|
+
type PropsType = Pick<YearsFeedProps, 'initViewYear'> & Pick<MonthFeedProps, 'initViewMonth'> & Pick<DaysFeedProps, 'initViewDay' | 'canPickDateRange'> & {
|
|
9
9
|
date?: DateValue | Array<DateValue>;
|
|
10
10
|
};
|
|
11
11
|
export declare function useDateDataManager(props: PropsType): {
|
package/dist/types/src/ui/datePickersV2/hooks/pickers/dateRange/useDateRangePickerV2Provider.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ type DateBaseRef = ComponentInstanceRef<typeof DateBase>;
|
|
|
10
10
|
type RefType = Pick<ReturnType<typeof useDateRangeManager>, 'setInput' | 'createCommitDateRange' | 'clearDateInput'> & {
|
|
11
11
|
dateBaseRef: React.RefObject<DateBaseRef | null>;
|
|
12
12
|
};
|
|
13
|
-
type PropsType = Pick<React.ComponentProps<typeof Header>, 'title' | 'subtitle'> & Pick<React.ComponentProps<typeof Footer>, 'isShowFooter' | 'onClose'> & Pick<React.ComponentProps<typeof Wrapper>, 'style'> & Pick<DateBaseProps, 'requestDaysData' | 'requestedDaysData'> & InstanceRefAttributes<RefType> & {
|
|
13
|
+
type PropsType = Pick<React.ComponentProps<typeof Header>, 'title' | 'subtitle'> & Pick<React.ComponentProps<typeof Footer>, 'isShowFooter' | 'onClose'> & Pick<React.ComponentProps<typeof Wrapper>, 'style'> & Pick<DateBaseProps, 'requestDaysData' | 'requestedDaysData' | 'canPickDateRange'> & InstanceRefAttributes<RefType> & {
|
|
14
14
|
wrapperRef?: React.Ref<ComponentInstanceRef<typeof Wrapper>>;
|
|
15
15
|
dateRange?: DateRangeValue;
|
|
16
16
|
/** Вызывается при полном заполнение отрезка дат */
|
|
@@ -42,5 +42,6 @@ export declare function useDateRangePickerV2Provider(props: PropsType): {
|
|
|
42
42
|
element: HTMLDivElement;
|
|
43
43
|
} | null>;
|
|
44
44
|
} | null>;
|
|
45
|
+
canPickDateRange: [import('date-fns').DateArg<Date> | null, import('date-fns').DateArg<Date> | null] | undefined;
|
|
45
46
|
};
|
|
46
47
|
export {};
|
package/dist/types/src/ui/datePickersV2/hooks/pickers/dateTime/useDateTimePickerV2Provider.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ type RefType = Pick<ReturnType<typeof usePickerState>, 'switchToDateMainPicker'
|
|
|
14
14
|
timeFeedRef: React.RefObject<TimeFeedRef | null>;
|
|
15
15
|
dateBaseRef: React.RefObject<DateBaseRef | null>;
|
|
16
16
|
};
|
|
17
|
-
type PropsType = Pick<React.ComponentProps<typeof Wrapper>, 'style'> & Pick<React.ComponentProps<typeof Header>, 'title' | 'subtitle'> & Pick<React.ComponentProps<typeof Footer>, 'isShowFooter' | 'onClose'> & Pick<DateBaseProps, 'requestDaysData' | 'requestedDaysData'> & InstanceRefAttributes<RefType> & {
|
|
17
|
+
type PropsType = Pick<React.ComponentProps<typeof Wrapper>, 'style'> & Pick<React.ComponentProps<typeof Header>, 'title' | 'subtitle'> & Pick<React.ComponentProps<typeof Footer>, 'isShowFooter' | 'onClose'> & Pick<DateBaseProps, 'requestDaysData' | 'requestedDaysData' | 'canPickDateRange'> & InstanceRefAttributes<RefType> & {
|
|
18
18
|
wrapperRef?: React.RefObject<WrapperRef | null>;
|
|
19
19
|
dateTime?: DateTimeValue;
|
|
20
20
|
onSubmitDate?: (dateTime: DateTimeValue) => void;
|
|
@@ -32,6 +32,7 @@ export declare function useDateTimePickerV2Provider(props: PropsType): {
|
|
|
32
32
|
onChangeMinutes: (instance: number) => void;
|
|
33
33
|
onChooseTime: (instance: string) => void;
|
|
34
34
|
onSubmit: () => void;
|
|
35
|
+
canPickDateRange: [import('date-fns').DateArg<Date> | null, import('date-fns').DateArg<Date> | null] | undefined;
|
|
35
36
|
viewYear: number | undefined;
|
|
36
37
|
viewMonth: string | undefined;
|
|
37
38
|
viewDay: string | undefined;
|
|
@@ -4,6 +4,8 @@ import { Wrapper } from './Wrapper';
|
|
|
4
4
|
import { Header } from './Header';
|
|
5
5
|
import { Main } from './Main';
|
|
6
6
|
type BaseProps = Pick<React.ComponentProps<typeof Header>, 'mark' | 'active' | 'disabled'> & Pick<React.ComponentProps<typeof Wrapper>, 'active' | 'disabled' | 'filter' | 'today' | 'notVisible' | 'instanceRef' | 'onClick' | 'id'> & Pick<React.ComponentProps<typeof Main>, 'weekend' | 'active' | 'disabled' | 'day'> & Pick<React.ComponentProps<typeof Footer>, 'active' | 'disabled' | 'info'>;
|
|
7
|
-
type PropsType = BaseProps
|
|
7
|
+
type PropsType = BaseProps & {
|
|
8
|
+
offPick?: boolean;
|
|
9
|
+
};
|
|
8
10
|
export declare function CalendarDay(props: PropsType): React.JSX.Element;
|
|
9
11
|
export {};
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { PropsForWithInstanceRef } from '../../../../../types';
|
|
3
3
|
type Element = 'li';
|
|
4
|
-
type PropsType =
|
|
4
|
+
type PropsType = PropsForWithInstanceRef<Element, React.ComponentRef<Element>, {
|
|
5
5
|
active?: boolean;
|
|
6
6
|
filter?: boolean;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
today?: boolean;
|
|
9
9
|
notVisible?: boolean;
|
|
10
|
-
|
|
10
|
+
offPick?: boolean;
|
|
11
|
+
}>;
|
|
11
12
|
export declare function Wrapper(props: PropsType): React.JSX.Element;
|
|
12
13
|
export {};
|
package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useFormDateFieldProvider.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ type DatePickerV2Props = React.ComponentProps<typeof DatePickerV2>;
|
|
|
7
7
|
type ValueBaseType = string;
|
|
8
8
|
type FieldProps = FieldPropsType<ValueBaseType>;
|
|
9
9
|
export type ValueType = FieldProps['value'];
|
|
10
|
-
type PropsType = FieldProps & Pick<DatePickerV2Props, 'requestDaysData' | 'requestedDaysData'> & {
|
|
10
|
+
type PropsType = FieldProps & Pick<DatePickerV2Props, 'requestDaysData' | 'requestedDaysData' | 'canPickDateRange'> & {
|
|
11
11
|
/**
|
|
12
12
|
* Формат даты ввода пользователя.
|
|
13
13
|
*
|
|
@@ -174,5 +174,6 @@ export declare function useFormDateFieldProvider(props: PropsType): {
|
|
|
174
174
|
isDisabledInputFields: boolean | undefined;
|
|
175
175
|
initPickerStylee: React.CSSProperties;
|
|
176
176
|
register: import('../../../../../hooks/modalsFederation/federation/modalInstanceContext').RegisterModal;
|
|
177
|
+
canPickDateRange: [import('date-fns').DateArg<Date> | null, import('date-fns').DateArg<Date> | null] | undefined;
|
|
177
178
|
};
|
|
178
179
|
export {};
|
|
@@ -8,7 +8,7 @@ export type ValueItemType = string;
|
|
|
8
8
|
export type ValueBaseType = Array<ValueItemType>;
|
|
9
9
|
type FieldProps = FieldPropsType<ValueBaseType>;
|
|
10
10
|
export type ValueType = FieldProps['value'];
|
|
11
|
-
type PropsType = FieldProps & Pick<DateRangePickerV2Props, 'requestedDaysData' | 'requestDaysData'> & {
|
|
11
|
+
type PropsType = FieldProps & Pick<DateRangePickerV2Props, 'requestedDaysData' | 'requestDaysData' | 'canPickDateRange'> & {
|
|
12
12
|
/**
|
|
13
13
|
* Формат даты ввода пользователя.
|
|
14
14
|
*
|
|
@@ -275,5 +275,6 @@ export declare function useFormDateRangeFieldProvider(props: PropsType): {
|
|
|
275
275
|
isDisabledInputFields: boolean | undefined;
|
|
276
276
|
pickerInitStyle: React.CSSProperties;
|
|
277
277
|
register: import('../../../../../hooks/modalsFederation/federation/modalInstanceContext').RegisterModal;
|
|
278
|
+
canPickDateRange: [import('date-fns').DateArg<Date> | null, import('date-fns').DateArg<Date> | null] | undefined;
|
|
278
279
|
};
|
|
279
280
|
export {};
|
package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useFormDateTimeFieldProvider.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ type DateTimePickerV2Props = React.ComponentProps<typeof DateTimePickerV2>;
|
|
|
7
7
|
type ValueBaseType = string;
|
|
8
8
|
type FieldProps = FieldPropsType<ValueBaseType>;
|
|
9
9
|
export type ValueType = FieldProps['value'];
|
|
10
|
-
type PropsType = FieldProps & Pick<DateTimePickerV2Props, 'requestDaysData' | 'requestedDaysData'> & {
|
|
10
|
+
type PropsType = FieldProps & Pick<DateTimePickerV2Props, 'requestDaysData' | 'requestedDaysData' | 'canPickDateRange'> & {
|
|
11
11
|
/**
|
|
12
12
|
* Формат даты ввода пользователя.
|
|
13
13
|
*
|
|
@@ -298,5 +298,6 @@ export declare function useFormDateTimeFieldProvider(props: PropsType): {
|
|
|
298
298
|
isDisabledInputFields: boolean | undefined;
|
|
299
299
|
pickerInitStyle: React.CSSProperties;
|
|
300
300
|
register: import('../../../../../hooks/modalsFederation/federation/modalInstanceContext').RegisterModal;
|
|
301
|
+
canPickDateRange: [import('date-fns').DateArg<Date> | null, import('date-fns').DateArg<Date> | null] | undefined;
|
|
301
302
|
};
|
|
302
303
|
export {};
|