@gravity-ui/date-components 2.8.1 → 2.8.3
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/cjs/components/Calendar/Calendar.js +5 -3
- package/dist/cjs/components/Calendar/index.js +21 -8
- package/dist/cjs/components/CalendarView/CalendarView.js +5 -3
- package/dist/cjs/components/CalendarView/hooks/useCalendarCellProps.js +5 -4
- package/dist/cjs/components/CalendarView/hooks/useCalendarGridProps.d.ts +0 -1
- package/dist/cjs/components/CalendarView/hooks/useCalendarGridProps.js +1 -2
- package/dist/cjs/components/CalendarView/hooks/useCalendarProps.js +5 -4
- package/dist/cjs/components/CalendarView/hooks/useCalendarState.js +5 -4
- package/dist/cjs/components/CalendarView/hooks/useRangeCalendarState.js +1 -2
- package/dist/cjs/components/CalendarView/i18n/index.js +5 -3
- package/dist/cjs/components/CalendarView/utils.js +4 -4
- package/dist/cjs/components/DateField/DateField.js +2 -3
- package/dist/cjs/components/DateField/hooks/useBaseDateFieldState.js +5 -4
- package/dist/cjs/components/DateField/hooks/useDateFieldProps.js +5 -4
- package/dist/cjs/components/DateField/hooks/useDateFieldState.js +5 -4
- package/dist/cjs/components/DateField/i18n/index.js +5 -3
- package/dist/cjs/components/DateField/index.js +18 -5
- package/dist/cjs/components/DateField/utils.js +20 -18
- package/dist/cjs/components/DatePicker/DatePicker.js +2 -3
- package/dist/cjs/components/DatePicker/MobileCalendar.js +3 -4
- package/dist/cjs/components/DatePicker/StubButton.js +1 -2
- package/dist/cjs/components/DatePicker/hooks/datePickerStateFactory.js +5 -4
- package/dist/cjs/components/DatePicker/hooks/useDatePickerProps.js +5 -3
- package/dist/cjs/components/DatePicker/i18n/index.js +5 -3
- package/dist/cjs/components/DatePicker/index.js +17 -4
- package/dist/cjs/components/DatePicker/utils/getDateTimeValue.js +1 -2
- package/dist/cjs/components/DatePicker/utils/index.js +16 -3
- package/dist/cjs/components/HiddenInput/HiddenInput.js +6 -5
- package/dist/cjs/components/RangeCalendar/RangeCalendar.js +5 -3
- package/dist/cjs/components/RangeCalendar/index.js +15 -2
- package/dist/cjs/components/RangeDateField/RangeDateField.js +2 -3
- package/dist/cjs/components/RangeDateField/hooks/useRangeDateFieldState.js +5 -4
- package/dist/cjs/components/RangeDateField/index.js +16 -3
- package/dist/cjs/components/RangeDateField/utils/createPlaceholderRangeValue.js +1 -2
- package/dist/cjs/components/RangeDateField/utils/getRangeEditableSections.js +1 -2
- package/dist/cjs/components/RangeDateField/utils/index.js +17 -4
- package/dist/cjs/components/RangeDateField/utils/isValidRange.js +1 -2
- package/dist/cjs/components/RangeDatePicker/RangeDatePicker.js +2 -3
- package/dist/cjs/components/RangeDatePicker/index.js +16 -3
- package/dist/cjs/components/RelativeDateField/RelativeDateField.js +6 -5
- package/dist/cjs/components/RelativeDateField/hooks/useRelativeDateFieldProps.js +5 -4
- package/dist/cjs/components/RelativeDateField/hooks/useRelativeDateFieldState.js +5 -4
- package/dist/cjs/components/RelativeDateField/index.js +17 -4
- package/dist/cjs/components/RelativeDatePicker/RelativeDatePicker.js +6 -5
- package/dist/cjs/components/RelativeDatePicker/hooks/useRelativeDatePickerProps.js +3 -2
- package/dist/cjs/components/RelativeDatePicker/hooks/useRelativeDatePickerState.js +5 -4
- package/dist/cjs/components/RelativeDatePicker/i18n/index.js +5 -3
- package/dist/cjs/components/RelativeDatePicker/index.js +17 -4
- package/dist/cjs/components/RelativeRangeDatePicker/RelativeRangeDatePicker.js +9 -6
- package/dist/cjs/components/RelativeRangeDatePicker/components/PickerDialog/PickerDialog.d.ts +0 -1
- package/dist/cjs/components/RelativeRangeDatePicker/components/PickerDialog/PickerDialog.js +2 -3
- package/dist/cjs/components/RelativeRangeDatePicker/components/PickerDialog/i18n/index.js +5 -3
- package/dist/cjs/components/RelativeRangeDatePicker/components/PickerDialog/useRelativeRangeDatePickerDialogState.js +5 -4
- package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/Presets.js +7 -5
- package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/PresetsDoc.js +6 -5
- package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/i18n/en.json +17 -7
- package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/i18n/index.d.ts +1 -1
- package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/i18n/index.js +5 -3
- package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/i18n/ru.json +37 -7
- package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/utils.js +27 -11
- package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/Zones.js +2 -3
- package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/i18n/index.js +5 -3
- package/dist/cjs/components/RelativeRangeDatePicker/hooks/useRelativeRangeDatePickerState.js +5 -4
- package/dist/cjs/components/RelativeRangeDatePicker/i18n/en.json +2 -1
- package/dist/cjs/components/RelativeRangeDatePicker/i18n/index.d.ts +1 -1
- package/dist/cjs/components/RelativeRangeDatePicker/i18n/index.js +5 -3
- package/dist/cjs/components/RelativeRangeDatePicker/i18n/ru.json +2 -1
- package/dist/cjs/components/RelativeRangeDatePicker/index.js +16 -3
- package/dist/cjs/components/RelativeRangeDatePicker/utils.js +5 -6
- package/dist/cjs/components/index.js +23 -10
- package/dist/cjs/components/types/events.d.ts +0 -1
- package/dist/cjs/components/types/style.d.ts +0 -1
- package/dist/cjs/components/utils/dates.js +3 -4
- package/dist/cjs/components/utils/getButtonSizeForInput.js +1 -2
- package/dist/cjs/components/utils/mergeProps.js +1 -2
- package/dist/cjs/components/utils/useDefaultTimeZone.js +5 -4
- package/dist/cjs/components/utils/validation/datePicker.js +1 -2
- package/dist/cjs/components/utils/validation/i18n/index.js +5 -3
- package/dist/cjs/index.js +15 -2
- package/dist/esm/components/CalendarView/hooks/useCalendarGridProps.d.ts +0 -1
- package/dist/esm/components/DatePicker/MobileCalendar.js +1 -1
- package/dist/esm/components/DatePicker/hooks/useDatePickerProps.js +4 -1
- package/dist/esm/components/RelativeDatePicker/hooks/useRelativeDatePickerProps.js +2 -0
- package/dist/esm/components/RelativeRangeDatePicker/RelativeRangeDatePicker.js +3 -1
- package/dist/esm/components/RelativeRangeDatePicker/components/PickerDialog/PickerDialog.d.ts +0 -1
- package/dist/esm/components/RelativeRangeDatePicker/components/Presets/i18n/en.json +17 -7
- package/dist/esm/components/RelativeRangeDatePicker/components/Presets/i18n/index.d.ts +1 -1
- package/dist/esm/components/RelativeRangeDatePicker/components/Presets/i18n/ru.json +37 -7
- package/dist/esm/components/RelativeRangeDatePicker/components/Presets/utils.js +23 -6
- package/dist/esm/components/RelativeRangeDatePicker/i18n/en.json +2 -1
- package/dist/esm/components/RelativeRangeDatePicker/i18n/index.d.ts +1 -1
- package/dist/esm/components/RelativeRangeDatePicker/i18n/ru.json +2 -1
- package/dist/esm/components/RelativeRangeDatePicker/utils.js +1 -1
- package/dist/esm/components/types/events.d.ts +0 -1
- package/dist/esm/components/types/style.d.ts +0 -1
- package/package.json +22 -17
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.Calendar = void 0;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 =
|
|
9
|
+
const react_1 = __importDefault(require("react"));
|
|
8
10
|
const CalendarView_1 = require("../CalendarView/CalendarView");
|
|
9
11
|
const useCalendarState_1 = require("../CalendarView/hooks/useCalendarState");
|
|
10
12
|
require("../CalendarView/Calendar.css");
|
|
@@ -1,10 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
2
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
tslib_1.__exportStar(require("../CalendarView/hooks/useCalendarCellProps"), exports);
|
|
17
|
+
__exportStar(require("./Calendar"), exports);
|
|
18
|
+
__exportStar(require("../RangeCalendar/RangeCalendar"), exports);
|
|
19
|
+
__exportStar(require("../CalendarView/hooks/useCalendarState"), exports);
|
|
20
|
+
__exportStar(require("../CalendarView/hooks/useRangeCalendarState"), exports);
|
|
21
|
+
__exportStar(require("../CalendarView/hooks/useCalendarProps"), exports);
|
|
22
|
+
__exportStar(require("../CalendarView/hooks/useCalendarGridProps"), exports);
|
|
23
|
+
__exportStar(require("../CalendarView/hooks/useCalendarCellProps"), exports);
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.CalendarView = void 0;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 =
|
|
9
|
+
const react_1 = __importDefault(require("react"));
|
|
8
10
|
const icons_1 = require("@gravity-ui/icons");
|
|
9
11
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
10
12
|
const cn_1 = require("../../utils/cn");
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useCalendarCellProps =
|
|
4
|
-
const
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
exports.useCalendarCellProps = useCalendarCellProps;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
6
8
|
function useCalendarCellProps(date, state) {
|
|
7
9
|
const ref = react_1.default.useRef(null);
|
|
8
10
|
const isFocused = state.isCellFocused(date);
|
|
@@ -81,7 +83,6 @@ function useCalendarCellProps(date, state) {
|
|
|
81
83
|
isWeekend,
|
|
82
84
|
};
|
|
83
85
|
}
|
|
84
|
-
exports.useCalendarCellProps = useCalendarCellProps;
|
|
85
86
|
function getDateLabel(date, mode) {
|
|
86
87
|
let label = '';
|
|
87
88
|
if (mode === 'days') {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useCalendarGridProps =
|
|
3
|
+
exports.useCalendarGridProps = useCalendarGridProps;
|
|
4
4
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
5
5
|
function useCalendarGridProps(state) {
|
|
6
6
|
const { focusWithinProps } = (0, uikit_1.useFocusWithin)({
|
|
@@ -60,4 +60,3 @@ function useCalendarGridProps(state) {
|
|
|
60
60
|
gridProps,
|
|
61
61
|
};
|
|
62
62
|
}
|
|
63
|
-
exports.useCalendarGridProps = useCalendarGridProps;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useCalendarProps =
|
|
4
|
-
const
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
exports.useCalendarProps = useCalendarProps;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
6
8
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
7
9
|
const i18n_1 = require("../i18n");
|
|
8
10
|
const buttonDisabledClassName = 'yc-button_disabled g-button_disabled';
|
|
@@ -110,7 +112,6 @@ function useCalendarProps(props, state) {
|
|
|
110
112
|
previousButtonProps,
|
|
111
113
|
};
|
|
112
114
|
}
|
|
113
|
-
exports.useCalendarProps = useCalendarProps;
|
|
114
115
|
function getAriaDescriptionForModeButton(mode, availableModes) {
|
|
115
116
|
const nextModeIndex = availableModes.indexOf(mode) + 1;
|
|
116
117
|
const isModeLast = nextModeIndex === availableModes.length;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useCalendarState =
|
|
4
|
-
const
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
exports.useCalendarState = useCalendarState;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
6
8
|
const date_utils_1 = require("@gravity-ui/date-utils");
|
|
7
9
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
8
10
|
const dates_1 = require("../../utils/dates");
|
|
@@ -207,7 +209,6 @@ function useCalendarState(props) {
|
|
|
207
209
|
availableModes,
|
|
208
210
|
};
|
|
209
211
|
}
|
|
210
|
-
exports.useCalendarState = useCalendarState;
|
|
211
212
|
function getStartDate(date, mode) {
|
|
212
213
|
if (mode === 'days') {
|
|
213
214
|
return date.startOf('month');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useRangeCalendarState =
|
|
3
|
+
exports.useRangeCalendarState = useRangeCalendarState;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
@@ -70,7 +70,6 @@ function useRangeCalendarState(props) {
|
|
|
70
70
|
}
|
|
71
71
|
} });
|
|
72
72
|
}
|
|
73
|
-
exports.useRangeCalendarState = useRangeCalendarState;
|
|
74
73
|
function makeRange(start, end, mode) {
|
|
75
74
|
if (start.isBefore(end)) {
|
|
76
75
|
return {
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.i18n = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
7
|
const i18n_1 = require("@gravity-ui/uikit/i18n");
|
|
6
8
|
const cn_1 = require("../../../utils/cn");
|
|
7
|
-
const en_json_1 =
|
|
8
|
-
const ru_json_1 =
|
|
9
|
+
const en_json_1 = __importDefault(require("./en.json"));
|
|
10
|
+
const ru_json_1 = __importDefault(require("./ru.json"));
|
|
9
11
|
exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}calendar`);
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.calendarLayouts =
|
|
3
|
+
exports.calendarLayouts = void 0;
|
|
4
|
+
exports.constrainValue = constrainValue;
|
|
5
|
+
exports.getDaysInPeriod = getDaysInPeriod;
|
|
6
|
+
exports.getWeekDays = getWeekDays;
|
|
4
7
|
const date_utils_1 = require("@gravity-ui/date-utils");
|
|
5
8
|
function constrainValue(value, minValue, maxValue) {
|
|
6
9
|
if (minValue && value.isBefore(minValue)) {
|
|
@@ -11,7 +14,6 @@ function constrainValue(value, minValue, maxValue) {
|
|
|
11
14
|
}
|
|
12
15
|
return value;
|
|
13
16
|
}
|
|
14
|
-
exports.constrainValue = constrainValue;
|
|
15
17
|
function getDaysInPeriod(startDate, _endDate, mode) {
|
|
16
18
|
const days = [];
|
|
17
19
|
if (mode === 'days') {
|
|
@@ -32,7 +34,6 @@ function getDaysInPeriod(startDate, _endDate, mode) {
|
|
|
32
34
|
}
|
|
33
35
|
return days;
|
|
34
36
|
}
|
|
35
|
-
exports.getDaysInPeriod = getDaysInPeriod;
|
|
36
37
|
function getWeekDays() {
|
|
37
38
|
const weekDays = [];
|
|
38
39
|
const weekStart = (0, date_utils_1.dateTime)().startOf('week');
|
|
@@ -42,5 +43,4 @@ function getWeekDays() {
|
|
|
42
43
|
}
|
|
43
44
|
return weekDays;
|
|
44
45
|
}
|
|
45
|
-
exports.getWeekDays = getWeekDays;
|
|
46
46
|
exports.calendarLayouts = ['days', 'months', 'quarters', 'years'];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
2
|
+
"use strict";
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.DateField =
|
|
4
|
+
exports.DateField = DateField;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
7
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
@@ -26,4 +26,3 @@ function DateField(_a) {
|
|
|
26
26
|
state.setDate(value);
|
|
27
27
|
}, disabled: state.disabled, form: props.form })] })));
|
|
28
28
|
}
|
|
29
|
-
exports.DateField = DateField;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useBaseDateFieldState =
|
|
4
|
-
const
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
exports.useBaseDateFieldState = useBaseDateFieldState;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
6
8
|
const dates_1 = require("../../utils/dates");
|
|
7
9
|
const utils_1 = require("../utils");
|
|
8
10
|
const PAGE_STEP = {
|
|
@@ -314,4 +316,3 @@ function useBaseDateFieldState(props) {
|
|
|
314
316
|
},
|
|
315
317
|
};
|
|
316
318
|
}
|
|
317
|
-
exports.useBaseDateFieldState = useBaseDateFieldState;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useDateFieldProps =
|
|
4
|
-
const
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
exports.useDateFieldProps = useDateFieldProps;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
6
8
|
const utils_1 = require("../utils");
|
|
7
9
|
function useDateFieldProps(state, props) {
|
|
8
10
|
const inputRef = react_1.default.useRef(null);
|
|
@@ -207,4 +209,3 @@ function useDateFieldProps(state, props) {
|
|
|
207
209
|
},
|
|
208
210
|
};
|
|
209
211
|
}
|
|
210
|
-
exports.useDateFieldProps = useDateFieldProps;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useDateFieldState =
|
|
4
|
-
const
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
exports.useDateFieldState = useDateFieldState;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
6
8
|
const date_utils_1 = require("@gravity-ui/date-utils");
|
|
7
9
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
8
10
|
const dates_1 = require("../../utils/dates");
|
|
@@ -175,7 +177,6 @@ function useDateFieldState(props) {
|
|
|
175
177
|
setValueFromString,
|
|
176
178
|
});
|
|
177
179
|
}
|
|
178
|
-
exports.useDateFieldState = useDateFieldState;
|
|
179
180
|
function useSectionsState(sections, value, validSegments) {
|
|
180
181
|
const [state, setState] = react_1.default.useState(() => {
|
|
181
182
|
return {
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.i18n = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
7
|
const i18n_1 = require("@gravity-ui/uikit/i18n");
|
|
6
8
|
const cn_1 = require("../../../utils/cn");
|
|
7
|
-
const en_json_1 =
|
|
8
|
-
const ru_json_1 =
|
|
9
|
+
const en_json_1 = __importDefault(require("./en.json"));
|
|
10
|
+
const ru_json_1 = __importDefault(require("./ru.json"));
|
|
9
11
|
exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}date-field`);
|
|
@@ -1,7 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
2
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
tslib_1.__exportStar(require("./hooks/useBaseDateFieldState"), exports);
|
|
17
|
+
__exportStar(require("./DateField"), exports);
|
|
18
|
+
__exportStar(require("./hooks/useDateFieldState"), exports);
|
|
19
|
+
__exportStar(require("./hooks/useDateFieldProps"), exports);
|
|
20
|
+
__exportStar(require("./hooks/useBaseDateFieldState"), exports);
|
|
@@ -1,8 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
+
exports.EDITABLE_SEGMENTS = void 0;
|
|
7
|
+
exports.getSectionLimits = getSectionLimits;
|
|
8
|
+
exports.getSectionValue = getSectionValue;
|
|
9
|
+
exports.getDurationUnitFromSectionType = getDurationUnitFromSectionType;
|
|
10
|
+
exports.addSegment = addSegment;
|
|
11
|
+
exports.setSegment = setSegment;
|
|
12
|
+
exports.splitFormatIntoSections = splitFormatIntoSections;
|
|
13
|
+
exports.cleanString = cleanString;
|
|
14
|
+
exports.getEditableSections = getEditableSections;
|
|
15
|
+
exports.isEditableSection = isEditableSection;
|
|
16
|
+
exports.toEditableSection = toEditableSection;
|
|
17
|
+
exports.getCurrentEditableSectionIndex = getCurrentEditableSectionIndex;
|
|
18
|
+
exports.formatSections = formatSections;
|
|
19
|
+
exports.parseDateFromString = parseDateFromString;
|
|
20
|
+
exports.isAllSegmentsValid = isAllSegmentsValid;
|
|
21
|
+
exports.useFormatSections = useFormatSections;
|
|
22
|
+
const react_1 = __importDefault(require("react"));
|
|
6
23
|
const date_utils_1 = require("@gravity-ui/date-utils");
|
|
7
24
|
const dates_1 = require("../utils/dates");
|
|
8
25
|
const i18n_1 = require("./i18n");
|
|
@@ -136,7 +153,6 @@ function getSectionLimits(section, date) {
|
|
|
136
153
|
}
|
|
137
154
|
return {};
|
|
138
155
|
}
|
|
139
|
-
exports.getSectionLimits = getSectionLimits;
|
|
140
156
|
function getSectionValue(section, date) {
|
|
141
157
|
const type = section.type;
|
|
142
158
|
switch (type) {
|
|
@@ -163,7 +179,6 @@ function getSectionValue(section, date) {
|
|
|
163
179
|
}
|
|
164
180
|
return undefined;
|
|
165
181
|
}
|
|
166
|
-
exports.getSectionValue = getSectionValue;
|
|
167
182
|
const TYPE_MAPPING = {
|
|
168
183
|
weekday: 'day',
|
|
169
184
|
day: 'date',
|
|
@@ -178,7 +193,6 @@ function getDurationUnitFromSectionType(type) {
|
|
|
178
193
|
}
|
|
179
194
|
return type;
|
|
180
195
|
}
|
|
181
|
-
exports.getDurationUnitFromSectionType = getDurationUnitFromSectionType;
|
|
182
196
|
function addSegment(section, date, amount) {
|
|
183
197
|
var _a;
|
|
184
198
|
let val = (_a = section.value) !== null && _a !== void 0 ? _a : 0;
|
|
@@ -200,7 +214,6 @@ function addSegment(section, date, amount) {
|
|
|
200
214
|
const type = getDurationUnitFromSectionType(section.type);
|
|
201
215
|
return date.set(type, val);
|
|
202
216
|
}
|
|
203
|
-
exports.addSegment = addSegment;
|
|
204
217
|
function setSegment(section, date, amount) {
|
|
205
218
|
const type = section.type;
|
|
206
219
|
switch (type) {
|
|
@@ -248,7 +261,6 @@ function setSegment(section, date, amount) {
|
|
|
248
261
|
}
|
|
249
262
|
return date;
|
|
250
263
|
}
|
|
251
|
-
exports.setSegment = setSegment;
|
|
252
264
|
function doesSectionHaveLeadingZeros(contentType, sectionType, format) {
|
|
253
265
|
if (contentType !== 'digit') {
|
|
254
266
|
return false;
|
|
@@ -363,7 +375,6 @@ function splitFormatIntoSections(format) {
|
|
|
363
375
|
}
|
|
364
376
|
return sections;
|
|
365
377
|
}
|
|
366
|
-
exports.splitFormatIntoSections = splitFormatIntoSections;
|
|
367
378
|
function addFormatSection(sections, token) {
|
|
368
379
|
if (!token) {
|
|
369
380
|
return;
|
|
@@ -421,7 +432,6 @@ function getSectionOptions(section, token) {
|
|
|
421
432
|
function cleanString(dirtyString) {
|
|
422
433
|
return dirtyString.replace(/[\u2066\u2067\u2068\u2069]/g, '');
|
|
423
434
|
}
|
|
424
|
-
exports.cleanString = cleanString;
|
|
425
435
|
function getEditableSections(sections, value, validSegments) {
|
|
426
436
|
let position = 1;
|
|
427
437
|
const newSections = [];
|
|
@@ -449,12 +459,10 @@ function getEditableSections(sections, value, validSegments) {
|
|
|
449
459
|
}
|
|
450
460
|
return newSections;
|
|
451
461
|
}
|
|
452
|
-
exports.getEditableSections = getEditableSections;
|
|
453
462
|
function isEditableSection(section) {
|
|
454
463
|
var _a;
|
|
455
464
|
return (_a = exports.EDITABLE_SEGMENTS[section.type]) !== null && _a !== void 0 ? _a : false;
|
|
456
465
|
}
|
|
457
|
-
exports.isEditableSection = isEditableSection;
|
|
458
466
|
function toEditableSection(section, value, validSegments, position, previousEditableSection) {
|
|
459
467
|
const isEditable = isEditableSection(section);
|
|
460
468
|
let renderedValue = section.placeholder;
|
|
@@ -470,7 +478,6 @@ function toEditableSection(section, value, validSegments, position, previousEdit
|
|
|
470
478
|
const newSection = Object.assign(Object.assign(Object.assign({}, section), { value: getSectionValue(section, value), textValue: renderedValue, start: position, end: position + sectionLength, modified: false, previousEditableSection, nextEditableSection: previousEditableSection }), getSectionLimits(section, value));
|
|
471
479
|
return newSection;
|
|
472
480
|
}
|
|
473
|
-
exports.toEditableSection = toEditableSection;
|
|
474
481
|
function getCurrentEditableSectionIndex(sections, selectedSections) {
|
|
475
482
|
const currentIndex = selectedSections === 'all' || selectedSections === -1 ? 0 : selectedSections;
|
|
476
483
|
const section = sections[currentIndex];
|
|
@@ -479,12 +486,10 @@ function getCurrentEditableSectionIndex(sections, selectedSections) {
|
|
|
479
486
|
}
|
|
480
487
|
return section ? currentIndex : -1;
|
|
481
488
|
}
|
|
482
|
-
exports.getCurrentEditableSectionIndex = getCurrentEditableSectionIndex;
|
|
483
489
|
function formatSections(sections) {
|
|
484
490
|
// use ltr direction context to get predictable navigation inside input
|
|
485
491
|
return '\u2066' + sections.map((s) => s.textValue).join('') + '\u2069';
|
|
486
492
|
}
|
|
487
|
-
exports.formatSections = formatSections;
|
|
488
493
|
function parseDate(options) {
|
|
489
494
|
let date = (0, date_utils_1.dateTime)(options);
|
|
490
495
|
if (!(0, date_utils_1.isValid)(date)) {
|
|
@@ -505,11 +510,9 @@ function parseDateFromString(str, format, timeZone) {
|
|
|
505
510
|
}
|
|
506
511
|
return date;
|
|
507
512
|
}
|
|
508
|
-
exports.parseDateFromString = parseDateFromString;
|
|
509
513
|
function isAllSegmentsValid(allSegments, validSegments) {
|
|
510
514
|
return Object.keys(allSegments).every((key) => validSegments[key]);
|
|
511
515
|
}
|
|
512
|
-
exports.isAllSegmentsValid = isAllSegmentsValid;
|
|
513
516
|
function useFormatSections(format) {
|
|
514
517
|
const usedFormat = format;
|
|
515
518
|
const [sections, setSections] = react_1.default.useState(() => splitFormatIntoSections(usedFormat));
|
|
@@ -520,4 +523,3 @@ function useFormatSections(format) {
|
|
|
520
523
|
}
|
|
521
524
|
return sections;
|
|
522
525
|
}
|
|
523
|
-
exports.useFormatSections = useFormatSections;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
2
|
+
"use strict";
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.DatePicker =
|
|
4
|
+
exports.DatePicker = DatePicker;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
7
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
@@ -27,4 +27,3 @@ function DatePicker(_a) {
|
|
|
27
27
|
state.setValue(value);
|
|
28
28
|
}, disabled: state.disabled, form: props.form })] })));
|
|
29
29
|
}
|
|
30
|
-
exports.DatePicker = DatePicker;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
2
|
+
"use strict";
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.MobileCalendar =
|
|
4
|
+
exports.MobileCalendar = MobileCalendar;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const date_utils_1 = require("@gravity-ui/date-utils");
|
|
7
7
|
const cn_1 = require("../../utils/cn");
|
|
@@ -17,7 +17,7 @@ function MobileCalendar({ props, state }) {
|
|
|
17
17
|
else if (state.hasTime) {
|
|
18
18
|
type = 'time';
|
|
19
19
|
}
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)("input", { className: b(), disabled: props.disabled, type: type, value: formatNative(state.dateFieldState.
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)("input", { className: b(), disabled: props.disabled, type: type, value: formatNative(state.dateFieldState.value, type), id: props.id, min: formatNative((_a = props.minValue) === null || _a === void 0 ? void 0 : _a.timeZone(state.timeZone), type), max: formatNative((_b = props.maxValue) === null || _b === void 0 ? void 0 : _b.timeZone(state.timeZone), type), tabIndex: -1, onChange: (e) => {
|
|
21
21
|
var _a, _b;
|
|
22
22
|
if (props.readOnly) {
|
|
23
23
|
return;
|
|
@@ -54,7 +54,6 @@ function MobileCalendar({ props, state }) {
|
|
|
54
54
|
}
|
|
55
55
|
} }));
|
|
56
56
|
}
|
|
57
|
-
exports.MobileCalendar = MobileCalendar;
|
|
58
57
|
function getDateFormat(type) {
|
|
59
58
|
switch (type) {
|
|
60
59
|
case 'time': {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.StubButton =
|
|
3
|
+
exports.StubButton = StubButton;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
6
6
|
const cn_1 = require("../../utils/cn");
|
|
@@ -9,4 +9,3 @@ const b = (0, cn_1.block)('stub-button');
|
|
|
9
9
|
function StubButton({ size, icon }) {
|
|
10
10
|
return ((0, jsx_runtime_1.jsx)("span", { className: b({ size }), children: (0, jsx_runtime_1.jsx)("span", { className: b('icon'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon }) }) }));
|
|
11
11
|
}
|
|
12
|
-
exports.StubButton = StubButton;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.datePickerStateFactory =
|
|
4
|
-
const
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
exports.datePickerStateFactory = datePickerStateFactory;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
6
8
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
7
9
|
const useDefaultTimeZone_1 = require("../../utils/useDefaultTimeZone");
|
|
8
10
|
function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone, getDateTime, useDateFieldState, }) {
|
|
@@ -135,4 +137,3 @@ function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone
|
|
|
135
137
|
};
|
|
136
138
|
};
|
|
137
139
|
}
|
|
138
|
-
exports.datePickerStateFactory = datePickerStateFactory;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useDatePickerProps =
|
|
3
|
+
exports.useDatePickerProps = useDatePickerProps;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const date_utils_1 = require("@gravity-ui/date-utils");
|
|
@@ -64,7 +64,10 @@ function useDatePickerProps(state, _a) {
|
|
|
64
64
|
} }),
|
|
65
65
|
fieldProps: (0, mergeProps_1.mergeProps)(inputProps, state.dateFieldState.isEmpty && !isActive && props.placeholder
|
|
66
66
|
? { value: '' }
|
|
67
|
-
: undefined, {
|
|
67
|
+
: undefined, {
|
|
68
|
+
controlRef: handleRef,
|
|
69
|
+
controlProps: { role: 'combobox', 'aria-expanded': state.isOpen },
|
|
70
|
+
}),
|
|
68
71
|
calendarButtonProps: {
|
|
69
72
|
ref: calendarButtonRef,
|
|
70
73
|
size: (0, getButtonSizeForInput_1.getButtonSizeForInput)(props.size),
|
|
@@ -136,4 +139,3 @@ function useDatePickerProps(state, _a) {
|
|
|
136
139
|
},
|
|
137
140
|
};
|
|
138
141
|
}
|
|
139
|
-
exports.useDatePickerProps = useDatePickerProps;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.i18n = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
7
|
const i18n_1 = require("@gravity-ui/uikit/i18n");
|
|
6
8
|
const cn_1 = require("../../../utils/cn");
|
|
7
|
-
const en_json_1 =
|
|
8
|
-
const ru_json_1 =
|
|
9
|
+
const en_json_1 = __importDefault(require("./en.json"));
|
|
10
|
+
const ru_json_1 = __importDefault(require("./ru.json"));
|
|
9
11
|
exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}date-picker`);
|
|
@@ -1,6 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
2
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
tslib_1.__exportStar(require("./hooks/useDatePickerProps"), exports);
|
|
17
|
+
__exportStar(require("./DatePicker"), exports);
|
|
18
|
+
__exportStar(require("./hooks/useDatePickerState"), exports);
|
|
19
|
+
__exportStar(require("./hooks/useDatePickerProps"), exports);
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getDateTimeValue =
|
|
3
|
+
exports.getDateTimeValue = getDateTimeValue;
|
|
4
4
|
function getDateTimeValue(value) {
|
|
5
5
|
if (!value) {
|
|
6
6
|
return undefined;
|
|
7
7
|
}
|
|
8
8
|
return 'start' in value && 'end' in value ? value.start : value;
|
|
9
9
|
}
|
|
10
|
-
exports.getDateTimeValue = getDateTimeValue;
|