@salutejs/plasma-new-hope 0.149.0-dev.0 → 0.150.0-canary.1428.10987052735.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +4 -0
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -2
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/Calendar/utils/constants.js +64 -3
- package/cjs/components/Calendar/utils/constants.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/emotion/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -2
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/emotion/cjs/components/Calendar/utils/constants.js +68 -4
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +14 -2
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +14 -2
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/emotion/es/components/Calendar/hooks/useMonths.js +6 -4
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -2
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/emotion/es/components/Calendar/utils/constants.js +67 -3
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +14 -2
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +14 -2
- package/es/_virtual/_rollupPluginBabelHelpers.js +4 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hooks/useMonths.js +6 -4
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -2
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/Calendar/utils/constants.js +64 -4
- package/es/components/Calendar/utils/constants.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/styled-components/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/styled-components/cjs/components/Calendar/utils/constants.js +68 -4
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +14 -2
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +14 -2
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/styled-components/es/components/Calendar/hooks/useMonths.js +6 -4
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -2
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/styled-components/es/components/Calendar/utils/constants.js +67 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +14 -2
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +14 -2
- package/types/components/Calendar/Calendar.types.d.ts +5 -0
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hooks/types.d.ts +2 -1
- package/types/components/Calendar/hooks/types.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/Calendar/utils/constants.d.ts +8 -5
- package/types/components/Calendar/utils/constants.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
@@ -3,7 +3,50 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.quarterDates = exports.offsetMap = exports.YEAR_RENDER_COUNT = exports.SHORT_MONTH_NAME = exports.SHORT_DAY_NAMES = exports.ROW_YEAR_STEP = exports.ROW_STEP = exports.ROW_QUARTER_STEP = exports.ROW_MONTH_STEP = exports.QUARTER_NAMES = exports.MONTH_NAMES = exports.FULL_DAY_NAMES = void 0;
|
6
|
+
exports.quarterDates = exports.offsetMap = exports.YEAR_RENDER_COUNT = exports.SHORT_MONTH_NAME = exports.SHORT_DAY_NAMES = exports.ROW_YEAR_STEP = exports.ROW_STEP = exports.ROW_QUARTER_STEP = exports.ROW_MONTH_STEP = exports.QUARTER_NAMES = exports.MONTH_NAMES = exports.MONTHS = exports.FULL_DAY_NAMES = void 0;
|
7
|
+
function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
|
8
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
9
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
10
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
11
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
12
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
13
|
+
var LOCALES = {
|
14
|
+
ru: 'ru-RU',
|
15
|
+
en: 'en-US'
|
16
|
+
};
|
17
|
+
var MONTHS = exports.MONTHS = /*#__PURE__*/Array.from({
|
18
|
+
length: 12
|
19
|
+
}, function (_, i) {
|
20
|
+
return i + 1;
|
21
|
+
});
|
22
|
+
var WEEKS = /*#__PURE__*/Array.from({
|
23
|
+
length: 7
|
24
|
+
}, function (_, i) {
|
25
|
+
return i + 1;
|
26
|
+
});
|
27
|
+
var callbackDayFormatter = function callbackDayFormatter(local, options) {
|
28
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCALES[local], options);
|
29
|
+
return function (index) {
|
30
|
+
// INFO: Start for monday
|
31
|
+
var day = new Date(Date.UTC(2024, 0, index));
|
32
|
+
var _dateFormatter$format = dateFormatter.format(day),
|
33
|
+
_dateFormatter$format2 = _toArray(_dateFormatter$format),
|
34
|
+
first = _dateFormatter$format2[0],
|
35
|
+
rest = _dateFormatter$format2.slice(1);
|
36
|
+
return first.toUpperCase() + rest.join('');
|
37
|
+
};
|
38
|
+
};
|
39
|
+
var callbackMonthFormatter = function callbackMonthFormatter(local, options) {
|
40
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCALES[local], options);
|
41
|
+
return function (month) {
|
42
|
+
var data = new Date(Date.UTC(2024, month - 1));
|
43
|
+
var _dateFormatter$format3 = dateFormatter.format(data),
|
44
|
+
_dateFormatter$format4 = _toArray(_dateFormatter$format3),
|
45
|
+
first = _dateFormatter$format4[0],
|
46
|
+
rest = _dateFormatter$format4.slice(1);
|
47
|
+
return first.toUpperCase() + rest.join('').replace('.', '');
|
48
|
+
};
|
49
|
+
};
|
7
50
|
var ROW_STEP = exports.ROW_STEP = 6;
|
8
51
|
var ROW_MONTH_STEP = exports.ROW_MONTH_STEP = 4;
|
9
52
|
var ROW_YEAR_STEP = exports.ROW_YEAR_STEP = 4;
|
@@ -34,7 +77,14 @@ var quarterDates = exports.quarterDates = {
|
|
34
77
|
day: 1
|
35
78
|
}
|
36
79
|
};
|
37
|
-
var SHORT_DAY_NAMES = exports.SHORT_DAY_NAMES =
|
80
|
+
var SHORT_DAY_NAMES = exports.SHORT_DAY_NAMES = {
|
81
|
+
ru: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('ru', {
|
82
|
+
weekday: 'short'
|
83
|
+
})),
|
84
|
+
en: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('en', {
|
85
|
+
weekday: 'short'
|
86
|
+
}))
|
87
|
+
};
|
38
88
|
var FULL_DAY_NAMES = exports.FULL_DAY_NAMES = {
|
39
89
|
Пн: 'Понедельник',
|
40
90
|
Вт: 'Вторник',
|
@@ -44,5 +94,19 @@ var FULL_DAY_NAMES = exports.FULL_DAY_NAMES = {
|
|
44
94
|
Сб: 'Суббота',
|
45
95
|
Вс: 'Воскресенье'
|
46
96
|
};
|
47
|
-
var SHORT_MONTH_NAME = exports.SHORT_MONTH_NAME =
|
48
|
-
|
97
|
+
var SHORT_MONTH_NAME = exports.SHORT_MONTH_NAME = {
|
98
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
99
|
+
month: 'short'
|
100
|
+
})),
|
101
|
+
en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
|
102
|
+
month: 'short'
|
103
|
+
}))
|
104
|
+
};
|
105
|
+
var MONTH_NAMES = exports.MONTH_NAMES = {
|
106
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
107
|
+
month: 'long'
|
108
|
+
})),
|
109
|
+
en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
|
110
|
+
month: 'long'
|
111
|
+
}))
|
112
|
+
};
|
@@ -313,6 +313,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
313
313
|
offset: offset,
|
314
314
|
type: type,
|
315
315
|
onToggle: handleToggle,
|
316
|
+
lang: lang,
|
316
317
|
isDoubleCalendar: isDoubleCalendar,
|
317
318
|
onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
|
318
319
|
handleCommitFirstDate(firstDate, false, true, dateInfo);
|
@@ -34,6 +34,8 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
34
34
|
offset = _ref.offset,
|
35
35
|
type = _ref.type,
|
36
36
|
size = _ref.size,
|
37
|
+
_ref$lang = _ref.lang,
|
38
|
+
lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
|
37
39
|
onChangeValue = _ref.onChangeValue,
|
38
40
|
onChangeStartOfRange = _ref.onChangeStartOfRange,
|
39
41
|
onToggle = _ref.onToggle;
|
@@ -63,6 +65,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
63
65
|
disabledYearList: disabledYearList,
|
64
66
|
min: min,
|
65
67
|
max: max,
|
68
|
+
locale: lang,
|
66
69
|
includeEdgeDates: includeEdgeDates,
|
67
70
|
onChangeValue: onChangeValue,
|
68
71
|
onChangeStartOfRange: onChangeStartOfRange
|
@@ -94,6 +97,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
94
97
|
min: min,
|
95
98
|
max: max,
|
96
99
|
type: type,
|
100
|
+
locale: lang,
|
97
101
|
includeEdgeDates: includeEdgeDates,
|
98
102
|
onChangeValue: onChangeValue,
|
99
103
|
onChangeStartOfRange: onChangeStartOfRange
|
@@ -210,6 +210,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
210
210
|
max: max,
|
211
211
|
includeEdgeDates: includeEdgeDates,
|
212
212
|
isRange: false,
|
213
|
+
locale: lang,
|
213
214
|
onChangeValue: function onChangeValue(date, dateInfo) {
|
214
215
|
return handleCommitDate(date, false, true, dateInfo);
|
215
216
|
}
|
@@ -32,6 +32,12 @@ const meta: Meta<typeof CalendarBase> = {
|
|
32
32
|
type: 'inline-radio',
|
33
33
|
},
|
34
34
|
},
|
35
|
+
locale: {
|
36
|
+
options: ['ru', 'en'],
|
37
|
+
control: {
|
38
|
+
type: 'select',
|
39
|
+
},
|
40
|
+
},
|
35
41
|
},
|
36
42
|
};
|
37
43
|
|
@@ -75,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
|
|
75
81
|
};
|
76
82
|
|
77
83
|
const StoryDefault = (args: CalendarProps) => {
|
78
|
-
const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
|
84
|
+
const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
|
79
85
|
const [value, setValue] = useState(new Date(2023, 10, 16));
|
80
86
|
const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
|
81
87
|
|
@@ -97,6 +103,7 @@ const StoryDefault = (args: CalendarProps) => {
|
|
97
103
|
min={min}
|
98
104
|
max={max}
|
99
105
|
includeEdgeDates={includeEdgeDates}
|
106
|
+
locale={locale}
|
100
107
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
101
108
|
/>
|
102
109
|
);
|
@@ -110,6 +117,7 @@ export const Default: StoryObj<CalendarProps> = {
|
|
110
117
|
isRange: false,
|
111
118
|
includeEdgeDates: false,
|
112
119
|
size: 'm',
|
120
|
+
locale: 'ru',
|
113
121
|
},
|
114
122
|
render: (args) => <StoryDefault {...args} />,
|
115
123
|
};
|
@@ -194,12 +202,13 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
|
|
194
202
|
max: defaultMaxDate,
|
195
203
|
includeEdgeDates: false,
|
196
204
|
displayDouble: false,
|
205
|
+
locale: 'ru',
|
197
206
|
},
|
198
207
|
render: (args) => <StoryBase {...args} />,
|
199
208
|
};
|
200
209
|
|
201
210
|
const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
|
202
|
-
const { min, max, includeEdgeDates, size, displayDouble } = args;
|
211
|
+
const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
|
203
212
|
const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
|
204
213
|
const [currentState, setCurrentState] = useState('Days');
|
205
214
|
|
@@ -227,6 +236,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
227
236
|
includeEdgeDates={includeEdgeDates}
|
228
237
|
type={type}
|
229
238
|
onChangeValue={handleOnChange}
|
239
|
+
locale={locale}
|
230
240
|
{...rest}
|
231
241
|
/>
|
232
242
|
) : (
|
@@ -238,6 +248,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
238
248
|
includeEdgeDates={includeEdgeDates}
|
239
249
|
type={type}
|
240
250
|
onChangeValue={handleOnChange}
|
251
|
+
locale={locale}
|
241
252
|
{...rest}
|
242
253
|
/>
|
243
254
|
);
|
@@ -278,6 +289,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
|
|
278
289
|
max: defaultMaxDate,
|
279
290
|
includeEdgeDates: false,
|
280
291
|
displayDouble: false,
|
292
|
+
locale: 'ru',
|
281
293
|
},
|
282
294
|
render: (args) => <StoryRange {...args} />,
|
283
295
|
};
|
@@ -176,6 +176,7 @@ const StoryRange = ({
|
|
176
176
|
secondValueError,
|
177
177
|
secondValueSuccess,
|
178
178
|
size,
|
179
|
+
lang,
|
179
180
|
...rest
|
180
181
|
}: StoryPropsRange) => {
|
181
182
|
const rangeRef = useRef<RangeInputRefs>(null);
|
@@ -234,6 +235,7 @@ const StoryRange = ({
|
|
234
235
|
onCommitSecondDate={(currentValue) => {
|
235
236
|
firstDate && currentValue && setIsOpen(false);
|
236
237
|
}}
|
238
|
+
lang={lang}
|
237
239
|
{...dividerIconProps}
|
238
240
|
{...rest}
|
239
241
|
/>
|
@@ -32,6 +32,12 @@ const meta: Meta<typeof CalendarBase> = {
|
|
32
32
|
type: 'inline-radio',
|
33
33
|
},
|
34
34
|
},
|
35
|
+
locale: {
|
36
|
+
options: ['ru', 'en'],
|
37
|
+
control: {
|
38
|
+
type: 'select',
|
39
|
+
},
|
40
|
+
},
|
35
41
|
},
|
36
42
|
};
|
37
43
|
|
@@ -75,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
|
|
75
81
|
};
|
76
82
|
|
77
83
|
const StoryDefault = (args: CalendarProps) => {
|
78
|
-
const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
|
84
|
+
const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
|
79
85
|
const [value, setValue] = useState(new Date(2023, 10, 16));
|
80
86
|
const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
|
81
87
|
|
@@ -97,6 +103,7 @@ const StoryDefault = (args: CalendarProps) => {
|
|
97
103
|
min={min}
|
98
104
|
max={max}
|
99
105
|
includeEdgeDates={includeEdgeDates}
|
106
|
+
locale={locale}
|
100
107
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
101
108
|
/>
|
102
109
|
);
|
@@ -110,6 +117,7 @@ export const Default: StoryObj<CalendarProps> = {
|
|
110
117
|
isRange: false,
|
111
118
|
includeEdgeDates: false,
|
112
119
|
size: 'm',
|
120
|
+
locale: 'ru',
|
113
121
|
},
|
114
122
|
render: (args) => <StoryDefault {...args} />,
|
115
123
|
};
|
@@ -194,12 +202,13 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
|
|
194
202
|
max: defaultMaxDate,
|
195
203
|
includeEdgeDates: false,
|
196
204
|
displayDouble: false,
|
205
|
+
locale: 'ru',
|
197
206
|
},
|
198
207
|
render: (args) => <StoryBase {...args} />,
|
199
208
|
};
|
200
209
|
|
201
210
|
const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
|
202
|
-
const { min, max, includeEdgeDates, size, displayDouble } = args;
|
211
|
+
const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
|
203
212
|
const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
|
204
213
|
const [currentState, setCurrentState] = useState('Days');
|
205
214
|
|
@@ -227,6 +236,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
227
236
|
includeEdgeDates={includeEdgeDates}
|
228
237
|
type={type}
|
229
238
|
onChangeValue={handleOnChange}
|
239
|
+
locale={locale}
|
230
240
|
{...rest}
|
231
241
|
/>
|
232
242
|
) : (
|
@@ -238,6 +248,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
238
248
|
includeEdgeDates={includeEdgeDates}
|
239
249
|
type={type}
|
240
250
|
onChangeValue={handleOnChange}
|
251
|
+
locale={locale}
|
241
252
|
{...rest}
|
242
253
|
/>
|
243
254
|
);
|
@@ -278,6 +289,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
|
|
278
289
|
max: defaultMaxDate,
|
279
290
|
includeEdgeDates: false,
|
280
291
|
displayDouble: false,
|
292
|
+
locale: 'ru',
|
281
293
|
},
|
282
294
|
render: (args) => <StoryRange {...args} />,
|
283
295
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
|
1
|
+
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -37,6 +37,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
37
37
|
eventYearList = _ref.eventYearList,
|
38
38
|
disabledYearList = _ref.disabledYearList,
|
39
39
|
onChangeValue = _ref.onChangeValue,
|
40
|
+
_ref$locale = _ref.locale,
|
41
|
+
locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
|
40
42
|
rest = _objectWithoutProperties(_ref, _excluded);
|
41
43
|
var _useMemo = useMemo(function () {
|
42
44
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -151,7 +153,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
151
153
|
type: calendarState,
|
152
154
|
onPrev: handlePrev,
|
153
155
|
onNext: handleNext,
|
154
|
-
onUpdateCalendarState: handleUpdateCalendarState
|
156
|
+
onUpdateCalendarState: handleUpdateCalendarState,
|
157
|
+
locale: locale
|
155
158
|
}), calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(CalendarDays, {
|
156
159
|
value: externalValue,
|
157
160
|
date: date,
|
@@ -166,7 +169,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
166
169
|
onSetSelected: onSelectIndexes,
|
167
170
|
onHoverDay: setHoveredItem,
|
168
171
|
onKeyDown: handleKeyDown,
|
169
|
-
outerRefs: outerRefs
|
172
|
+
outerRefs: outerRefs,
|
173
|
+
locale: locale
|
170
174
|
}), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(CalendarMonths, {
|
171
175
|
value: externalValue,
|
172
176
|
date: date,
|
@@ -180,7 +184,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
180
184
|
onSetSelected: onSelectIndexes,
|
181
185
|
onHoverMonth: setHoveredItem,
|
182
186
|
onKeyDown: onKeyDown,
|
183
|
-
outerRefs: outerRefs
|
187
|
+
outerRefs: outerRefs,
|
188
|
+
locale: locale
|
184
189
|
}), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(CalendarQuarters, {
|
185
190
|
value: externalValue,
|
186
191
|
date: date,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
|
2
|
-
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
|
2
|
+
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
4
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
5
5
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -38,6 +38,8 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
38
38
|
eventYearList = _ref.eventYearList,
|
39
39
|
disabledYearList = _ref.disabledYearList,
|
40
40
|
onChangeValue = _ref.onChangeValue,
|
41
|
+
_ref$locale = _ref.locale,
|
42
|
+
locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
|
41
43
|
rest = _objectWithoutProperties(_ref, _excluded);
|
42
44
|
var _useMemo = useMemo(function () {
|
43
45
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -211,7 +213,8 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
211
213
|
type: calendarState,
|
212
214
|
onPrev: handlePrev,
|
213
215
|
onNext: handleNext,
|
214
|
-
onUpdateCalendarState: handleUpdateCalendarState
|
216
|
+
onUpdateCalendarState: handleUpdateCalendarState,
|
217
|
+
locale: locale
|
215
218
|
}), /*#__PURE__*/React.createElement(StyledWrapper, null, calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarDays, {
|
216
219
|
value: externalValue,
|
217
220
|
date: firstDate,
|
@@ -227,6 +230,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
227
230
|
onSetSelected: onSelectIndexes,
|
228
231
|
onKeyDown: handleKeyDown,
|
229
232
|
outerRefs: outerRefs,
|
233
|
+
locale: locale,
|
230
234
|
isDouble: true
|
231
235
|
}), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarDays, {
|
232
236
|
value: externalValue,
|
@@ -243,6 +247,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
243
247
|
onSetSelected: onSelectIndexes,
|
244
248
|
onKeyDown: handleKeyDown,
|
245
249
|
outerRefs: outerRefs,
|
250
|
+
locale: locale,
|
246
251
|
isDouble: true,
|
247
252
|
isSecond: true
|
248
253
|
})), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarMonths, {
|
@@ -259,6 +264,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
259
264
|
onHoverMonth: setHoveredItem,
|
260
265
|
onKeyDown: handleKeyDown,
|
261
266
|
outerRefs: outerRefs,
|
267
|
+
locale: locale,
|
262
268
|
isDouble: true
|
263
269
|
}), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarMonths, {
|
264
270
|
value: externalValue,
|
@@ -274,6 +280,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
274
280
|
onHoverMonth: setHoveredItem,
|
275
281
|
onKeyDown: handleKeyDown,
|
276
282
|
outerRefs: outerRefs,
|
283
|
+
locale: locale,
|
277
284
|
isDouble: true,
|
278
285
|
isSecond: true
|
279
286
|
})), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarQuarters, {
|
@@ -10,9 +10,11 @@ export var useMonths = function useMonths(_ref) {
|
|
10
10
|
eventList = _ref.eventList,
|
11
11
|
disabledList = _ref.disabledList,
|
12
12
|
min = _ref.min,
|
13
|
-
max = _ref.max
|
13
|
+
max = _ref.max,
|
14
|
+
_ref$locale = _ref.locale,
|
15
|
+
locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
|
14
16
|
return useMemo(function () {
|
15
|
-
var months = SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
|
17
|
+
var months = SHORT_MONTH_NAME[locale].map(function (monthName, monthIndex) {
|
16
18
|
return {
|
17
19
|
monthName: monthName,
|
18
20
|
monthIndex: monthIndex,
|
@@ -21,7 +23,7 @@ export var useMonths = function useMonths(_ref) {
|
|
21
23
|
return isSelectedMonth(date, monthIndex, v);
|
22
24
|
})) : isSelectedMonth(date, monthIndex, value),
|
23
25
|
inRange: Array.isArray(value) ? isDateInRange(date.year, monthIndex, 1, value) : false,
|
24
|
-
monthFullName: MONTH_NAMES[monthIndex],
|
26
|
+
monthFullName: MONTH_NAMES[locale][monthIndex],
|
25
27
|
date: {
|
26
28
|
year: date.year,
|
27
29
|
monthIndex: monthIndex,
|
@@ -41,5 +43,5 @@ export var useMonths = function useMonths(_ref) {
|
|
41
43
|
return getMatrix(modifiedMonths, 3);
|
42
44
|
}
|
43
45
|
return getMatrix(months, 3);
|
44
|
-
}, [date, value, eventList, disabledList, max, min]);
|
46
|
+
}, [date, value, eventList, disabledList, max, min, locale]);
|
45
47
|
};
|
@@ -34,7 +34,9 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
34
34
|
onChangeDay = _ref.onChangeDay,
|
35
35
|
onHoverDay = _ref.onHoverDay,
|
36
36
|
onSetSelected = _ref.onSetSelected,
|
37
|
-
onKeyDown = _ref.onKeyDown
|
37
|
+
onKeyDown = _ref.onKeyDown,
|
38
|
+
_ref$locale = _ref.locale,
|
39
|
+
locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
|
38
40
|
var _useDays = useDays({
|
39
41
|
date: currentDate,
|
40
42
|
value: value,
|
@@ -105,7 +107,7 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
105
107
|
id: "withShift"
|
106
108
|
}, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/React.createElement(StyledFlex, {
|
107
109
|
role: "row"
|
108
|
-
}, SHORT_DAY_NAMES.map(function (name) {
|
110
|
+
}, SHORT_DAY_NAMES[locale].map(function (name) {
|
109
111
|
return /*#__PURE__*/React.createElement(DateStructureItem, {
|
110
112
|
role: "columnheader",
|
111
113
|
"aria-label": FULL_DAY_NAMES[name],
|
@@ -20,7 +20,8 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
20
20
|
isDouble = _ref.isDouble,
|
21
21
|
onPrev = _ref.onPrev,
|
22
22
|
onNext = _ref.onNext,
|
23
|
-
onUpdateCalendarState = _ref.onUpdateCalendarState
|
23
|
+
onUpdateCalendarState = _ref.onUpdateCalendarState,
|
24
|
+
locale = _ref.locale;
|
24
25
|
var handleCalendarState = useCallback(function () {
|
25
26
|
var newSize = isDouble ? sizeMap.Months["double"] : sizeMap.Months.single;
|
26
27
|
if (type === CalendarState.Days) {
|
@@ -35,7 +36,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
35
36
|
return '';
|
36
37
|
}
|
37
38
|
if (type === CalendarState.Days) {
|
38
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
|
39
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
|
39
40
|
color: "inherit",
|
40
41
|
size: size === 'xs' ? 'xs' : 's'
|
41
42
|
})));
|
@@ -54,7 +55,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
54
55
|
}));
|
55
56
|
}
|
56
57
|
return '';
|
57
|
-
}, [type, startYear, size]);
|
58
|
+
}, [type, startYear, size, locale]);
|
58
59
|
var currentCalendarType = getCalendarType(type);
|
59
60
|
var PreviousButton = useMemo(function () {
|
60
61
|
return /*#__PURE__*/React.createElement(StyledArrow, {
|
@@ -33,14 +33,16 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
33
33
|
onChangeMonth = _ref.onChangeMonth,
|
34
34
|
onHoverMonth = _ref.onHoverMonth,
|
35
35
|
onSetSelected = _ref.onSetSelected,
|
36
|
-
onKeyDown = _ref.onKeyDown
|
36
|
+
onKeyDown = _ref.onKeyDown,
|
37
|
+
locale = _ref.locale;
|
37
38
|
var _useMonths = useMonths({
|
38
39
|
date: currentDate,
|
39
40
|
value: value,
|
40
41
|
eventList: eventList,
|
41
42
|
disabledList: disabledList,
|
42
43
|
min: min,
|
43
|
-
max: max
|
44
|
+
max: max,
|
45
|
+
locale: locale
|
44
46
|
}),
|
45
47
|
_useMonths2 = _slicedToArray(_useMonths, 2),
|
46
48
|
months = _useMonths2[0],
|
@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
11
11
|
import { isSelectProcess } from './calendarRangeHelper';
|
12
|
-
import {
|
12
|
+
import { MONTHS, YEAR_RENDER_COUNT } from './constants';
|
13
13
|
export var getDaysInMonth = function getDaysInMonth(monthIndex, year) {
|
14
14
|
return new Date(year, monthIndex + 1, 0).getDate();
|
15
15
|
};
|
@@ -20,7 +20,7 @@ export var getStartYear = function getStartYear(year) {
|
|
20
20
|
return Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;
|
21
21
|
};
|
22
22
|
export var getNextDate = function getNextDate(currentYear, currentMonth) {
|
23
|
-
return currentMonth + 1 ===
|
23
|
+
return currentMonth + 1 === MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
|
24
24
|
};
|
25
25
|
export var getPrevDate = function getPrevDate(currentYear, currentMonth) {
|
26
26
|
return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];
|
@@ -1,3 +1,46 @@
|
|
1
|
+
function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
5
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
7
|
+
var LOCALES = {
|
8
|
+
ru: 'ru-RU',
|
9
|
+
en: 'en-US'
|
10
|
+
};
|
11
|
+
export var MONTHS = /*#__PURE__*/Array.from({
|
12
|
+
length: 12
|
13
|
+
}, function (_, i) {
|
14
|
+
return i + 1;
|
15
|
+
});
|
16
|
+
var WEEKS = /*#__PURE__*/Array.from({
|
17
|
+
length: 7
|
18
|
+
}, function (_, i) {
|
19
|
+
return i + 1;
|
20
|
+
});
|
21
|
+
var callbackDayFormatter = function callbackDayFormatter(local, options) {
|
22
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCALES[local], options);
|
23
|
+
return function (index) {
|
24
|
+
// INFO: Start for monday
|
25
|
+
var day = new Date(Date.UTC(2024, 0, index));
|
26
|
+
var _dateFormatter$format = dateFormatter.format(day),
|
27
|
+
_dateFormatter$format2 = _toArray(_dateFormatter$format),
|
28
|
+
first = _dateFormatter$format2[0],
|
29
|
+
rest = _dateFormatter$format2.slice(1);
|
30
|
+
return first.toUpperCase() + rest.join('');
|
31
|
+
};
|
32
|
+
};
|
33
|
+
var callbackMonthFormatter = function callbackMonthFormatter(local, options) {
|
34
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCALES[local], options);
|
35
|
+
return function (month) {
|
36
|
+
var data = new Date(Date.UTC(2024, month - 1));
|
37
|
+
var _dateFormatter$format3 = dateFormatter.format(data),
|
38
|
+
_dateFormatter$format4 = _toArray(_dateFormatter$format3),
|
39
|
+
first = _dateFormatter$format4[0],
|
40
|
+
rest = _dateFormatter$format4.slice(1);
|
41
|
+
return first.toUpperCase() + rest.join('').replace('.', '');
|
42
|
+
};
|
43
|
+
};
|
1
44
|
export var ROW_STEP = 6;
|
2
45
|
export var ROW_MONTH_STEP = 4;
|
3
46
|
export var ROW_YEAR_STEP = 4;
|
@@ -28,7 +71,14 @@ export var quarterDates = {
|
|
28
71
|
day: 1
|
29
72
|
}
|
30
73
|
};
|
31
|
-
export var SHORT_DAY_NAMES =
|
74
|
+
export var SHORT_DAY_NAMES = {
|
75
|
+
ru: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('ru', {
|
76
|
+
weekday: 'short'
|
77
|
+
})),
|
78
|
+
en: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('en', {
|
79
|
+
weekday: 'short'
|
80
|
+
}))
|
81
|
+
};
|
32
82
|
export var FULL_DAY_NAMES = {
|
33
83
|
Пн: 'Понедельник',
|
34
84
|
Вт: 'Вторник',
|
@@ -38,5 +88,19 @@ export var FULL_DAY_NAMES = {
|
|
38
88
|
Сб: 'Суббота',
|
39
89
|
Вс: 'Воскресенье'
|
40
90
|
};
|
41
|
-
export var SHORT_MONTH_NAME =
|
42
|
-
|
91
|
+
export var SHORT_MONTH_NAME = {
|
92
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
93
|
+
month: 'short'
|
94
|
+
})),
|
95
|
+
en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
|
96
|
+
month: 'short'
|
97
|
+
}))
|
98
|
+
};
|
99
|
+
export var MONTH_NAMES = {
|
100
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
101
|
+
month: 'long'
|
102
|
+
})),
|
103
|
+
en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
|
104
|
+
month: 'long'
|
105
|
+
}))
|
106
|
+
};
|
@@ -304,6 +304,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
304
304
|
offset: offset,
|
305
305
|
type: type,
|
306
306
|
onToggle: handleToggle,
|
307
|
+
lang: lang,
|
307
308
|
isDoubleCalendar: isDoubleCalendar,
|
308
309
|
onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
|
309
310
|
handleCommitFirstDate(firstDate, false, true, dateInfo);
|
@@ -27,6 +27,8 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
27
27
|
offset = _ref.offset,
|
28
28
|
type = _ref.type,
|
29
29
|
size = _ref.size,
|
30
|
+
_ref$lang = _ref.lang,
|
31
|
+
lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
|
30
32
|
onChangeValue = _ref.onChangeValue,
|
31
33
|
onChangeStartOfRange = _ref.onChangeStartOfRange,
|
32
34
|
onToggle = _ref.onToggle;
|
@@ -56,6 +58,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
56
58
|
disabledYearList: disabledYearList,
|
57
59
|
min: min,
|
58
60
|
max: max,
|
61
|
+
locale: lang,
|
59
62
|
includeEdgeDates: includeEdgeDates,
|
60
63
|
onChangeValue: onChangeValue,
|
61
64
|
onChangeStartOfRange: onChangeStartOfRange
|
@@ -87,6 +90,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
87
90
|
min: min,
|
88
91
|
max: max,
|
89
92
|
type: type,
|
93
|
+
locale: lang,
|
90
94
|
includeEdgeDates: includeEdgeDates,
|
91
95
|
onChangeValue: onChangeValue,
|
92
96
|
onChangeStartOfRange: onChangeStartOfRange
|
@@ -201,6 +201,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
201
201
|
max: max,
|
202
202
|
includeEdgeDates: includeEdgeDates,
|
203
203
|
isRange: false,
|
204
|
+
locale: lang,
|
204
205
|
onChangeValue: function onChangeValue(date, dateInfo) {
|
205
206
|
return handleCommitDate(date, false, true, dateInfo);
|
206
207
|
}
|