@salutejs/plasma-new-hope 0.249.0-canary.1720.13005615941.0 → 0.249.0-canary.1720.13031638569.0
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/cjs/components/DatePicker/RangeDate/RangeDate.js +32 -2
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +24 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +32 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +24 -2
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +33 -3
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +25 -3
- package/es/components/DatePicker/RangeDate/RangeDate.js +33 -3
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +25 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +32 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +24 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +33 -3
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +25 -3
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.249.0-canary.1720.
|
3
|
+
"version": "0.249.0-canary.1720.13031638569.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -131,5 +131,5 @@
|
|
131
131
|
"sideEffects": [
|
132
132
|
"*.css"
|
133
133
|
],
|
134
|
-
"gitHead": "
|
134
|
+
"gitHead": "6708aaa71651c4db309892c0ecc19cb334c2bf96"
|
135
135
|
}
|
@@ -294,6 +294,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
294
294
|
}));
|
295
295
|
setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(startValue, format, lang));
|
296
296
|
setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(endValue, format, lang));
|
297
|
+
handleCommitFirstDate(startValue, true, false);
|
298
|
+
handleCommitSecondDate(endValue, true, false);
|
297
299
|
outerHandler === null || outerHandler === void 0 || outerHandler(event);
|
298
300
|
};
|
299
301
|
var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
|
@@ -404,20 +406,48 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
404
406
|
}
|
405
407
|
}, [calendarFirstValue, calendarSecondValue]);
|
406
408
|
(0, _react.useLayoutEffect)(function () {
|
407
|
-
setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(startExternalValue || defaultFirstDate, format, lang));
|
408
409
|
setInputFirstValue((0, _dateHelper.formatInputValue)({
|
409
410
|
value: startExternalValue || defaultFirstDate,
|
410
411
|
format: format,
|
411
412
|
lang: lang
|
412
413
|
}));
|
414
|
+
if (!format) {
|
415
|
+
setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(startExternalValue || defaultFirstDate, undefined, lang));
|
416
|
+
return;
|
417
|
+
}
|
418
|
+
var _validateDateWithFull = (0, _dateHelper.validateDateWithFullMonth)({
|
419
|
+
currentValue: inputFirstValue,
|
420
|
+
format: format,
|
421
|
+
lang: lang
|
422
|
+
}),
|
423
|
+
hasMonthFullName = _validateDateWithFull.hasMonthFullName,
|
424
|
+
isValidMonth = _validateDateWithFull.isValidMonth,
|
425
|
+
isLengthEqual = _validateDateWithFull.isLengthEqual;
|
426
|
+
if (!hasMonthFullName && (inputFirstValue === null || inputFirstValue === void 0 ? void 0 : inputFirstValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
|
427
|
+
setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(inputFirstValue, format, lang));
|
428
|
+
}
|
413
429
|
}, [startExternalValue, defaultFirstDate, format, lang]);
|
414
430
|
(0, _react.useLayoutEffect)(function () {
|
415
|
-
setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(endExternalValue || defaultSecondDate, format, lang));
|
416
431
|
setInputSecondValue((0, _dateHelper.formatInputValue)({
|
417
432
|
value: endExternalValue || defaultSecondDate,
|
418
433
|
format: format,
|
419
434
|
lang: lang
|
420
435
|
}));
|
436
|
+
if (!format) {
|
437
|
+
setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(endExternalValue || defaultSecondDate, format, lang));
|
438
|
+
return;
|
439
|
+
}
|
440
|
+
var _validateDateWithFull2 = (0, _dateHelper.validateDateWithFullMonth)({
|
441
|
+
currentValue: inputSecondValue,
|
442
|
+
format: format,
|
443
|
+
lang: lang
|
444
|
+
}),
|
445
|
+
hasMonthFullName = _validateDateWithFull2.hasMonthFullName,
|
446
|
+
isValidMonth = _validateDateWithFull2.isValidMonth,
|
447
|
+
isLengthEqual = _validateDateWithFull2.isLengthEqual;
|
448
|
+
if (!hasMonthFullName && (inputSecondValue === null || inputSecondValue === void 0 ? void 0 : inputSecondValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
|
449
|
+
setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(inputSecondValue, format, lang));
|
450
|
+
}
|
421
451
|
}, [endExternalValue, defaultSecondDate, format, lang]);
|
422
452
|
var RootWrapper = (0, _react.useCallback)(function (_ref6) {
|
423
453
|
var children = _ref6.children;
|
@@ -139,6 +139,12 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
139
139
|
datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
|
140
140
|
handleChangeValue = _useDatePicker.handleChangeValue,
|
141
141
|
handleCommitDate = _useDatePicker.handleCommitDate;
|
142
|
+
var handleBlur = function handleBlur(event, date) {
|
143
|
+
if (onBlur) {
|
144
|
+
onBlur(event);
|
145
|
+
}
|
146
|
+
handleCommitDate(date, true, false);
|
147
|
+
};
|
142
148
|
var handleToggle = function handleToggle(opened, event) {
|
143
149
|
if (disabled || readOnly) {
|
144
150
|
return;
|
@@ -177,7 +183,9 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
177
183
|
return handleCommitDate(date, true, false);
|
178
184
|
},
|
179
185
|
onFocus: onFocus,
|
180
|
-
onBlur: onBlur
|
186
|
+
onBlur: function onBlur(event) {
|
187
|
+
return handleBlur(event, inputValue);
|
188
|
+
},
|
181
189
|
onKeyDown: onKeyDown,
|
182
190
|
required: required,
|
183
191
|
requiredPlacement: requiredPlacement,
|
@@ -191,12 +199,26 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
191
199
|
});
|
192
200
|
}, [opened]);
|
193
201
|
(0, _react.useLayoutEffect)(function () {
|
194
|
-
setCalendarValue((0, _dateHelper.formatCalendarValue)(value || defaultDate, format, lang));
|
195
202
|
setInputValue((0, _dateHelper.formatInputValue)({
|
196
203
|
value: value || defaultDate,
|
197
204
|
format: format,
|
198
205
|
lang: lang
|
199
206
|
}));
|
207
|
+
if (!format) {
|
208
|
+
setCalendarValue((0, _dateHelper.formatCalendarValue)(value || defaultDate, undefined, lang));
|
209
|
+
return;
|
210
|
+
}
|
211
|
+
var _validateDateWithFull = (0, _dateHelper.validateDateWithFullMonth)({
|
212
|
+
currentValue: inputValue,
|
213
|
+
format: format,
|
214
|
+
lang: lang
|
215
|
+
}),
|
216
|
+
hasMonthFullName = _validateDateWithFull.hasMonthFullName,
|
217
|
+
isValidMonth = _validateDateWithFull.isValidMonth,
|
218
|
+
isLengthEqual = _validateDateWithFull.isLengthEqual;
|
219
|
+
if (!hasMonthFullName && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
|
220
|
+
setCalendarValue((0, _dateHelper.formatCalendarValue)(inputValue, format, lang));
|
221
|
+
}
|
200
222
|
}, [value, defaultDate, format, lang]);
|
201
223
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
202
224
|
view: view,
|
@@ -10,7 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
10
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
11
|
import React, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
12
12
|
import { cx, noop } from '../../../utils';
|
13
|
-
import { formatCalendarValue, formatInputValue, getDateFormatDelimiter, getDateFromFormat } from '../utils/dateHelper';
|
13
|
+
import { formatCalendarValue, formatInputValue, getDateFormatDelimiter, getDateFromFormat, validateDateWithFullMonth } from '../utils/dateHelper';
|
14
14
|
import { useDatePicker } from '../hooks/useDatePicker';
|
15
15
|
import { classes } from '../DatePicker.tokens';
|
16
16
|
import { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';
|
@@ -285,6 +285,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
285
285
|
}));
|
286
286
|
setCalendarFirstValue(formatCalendarValue(startValue, format, lang));
|
287
287
|
setCalendarSecondValue(formatCalendarValue(endValue, format, lang));
|
288
|
+
handleCommitFirstDate(startValue, true, false);
|
289
|
+
handleCommitSecondDate(endValue, true, false);
|
288
290
|
outerHandler === null || outerHandler === void 0 || outerHandler(event);
|
289
291
|
};
|
290
292
|
var _useKeyNavigation = useKeyNavigation({
|
@@ -395,20 +397,48 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
395
397
|
}
|
396
398
|
}, [calendarFirstValue, calendarSecondValue]);
|
397
399
|
useLayoutEffect(function () {
|
398
|
-
setCalendarFirstValue(formatCalendarValue(startExternalValue || defaultFirstDate, format, lang));
|
399
400
|
setInputFirstValue(formatInputValue({
|
400
401
|
value: startExternalValue || defaultFirstDate,
|
401
402
|
format: format,
|
402
403
|
lang: lang
|
403
404
|
}));
|
405
|
+
if (!format) {
|
406
|
+
setCalendarFirstValue(formatCalendarValue(startExternalValue || defaultFirstDate, undefined, lang));
|
407
|
+
return;
|
408
|
+
}
|
409
|
+
var _validateDateWithFull = validateDateWithFullMonth({
|
410
|
+
currentValue: inputFirstValue,
|
411
|
+
format: format,
|
412
|
+
lang: lang
|
413
|
+
}),
|
414
|
+
hasMonthFullName = _validateDateWithFull.hasMonthFullName,
|
415
|
+
isValidMonth = _validateDateWithFull.isValidMonth,
|
416
|
+
isLengthEqual = _validateDateWithFull.isLengthEqual;
|
417
|
+
if (!hasMonthFullName && (inputFirstValue === null || inputFirstValue === void 0 ? void 0 : inputFirstValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
|
418
|
+
setCalendarFirstValue(formatCalendarValue(inputFirstValue, format, lang));
|
419
|
+
}
|
404
420
|
}, [startExternalValue, defaultFirstDate, format, lang]);
|
405
421
|
useLayoutEffect(function () {
|
406
|
-
setCalendarSecondValue(formatCalendarValue(endExternalValue || defaultSecondDate, format, lang));
|
407
422
|
setInputSecondValue(formatInputValue({
|
408
423
|
value: endExternalValue || defaultSecondDate,
|
409
424
|
format: format,
|
410
425
|
lang: lang
|
411
426
|
}));
|
427
|
+
if (!format) {
|
428
|
+
setCalendarSecondValue(formatCalendarValue(endExternalValue || defaultSecondDate, format, lang));
|
429
|
+
return;
|
430
|
+
}
|
431
|
+
var _validateDateWithFull2 = validateDateWithFullMonth({
|
432
|
+
currentValue: inputSecondValue,
|
433
|
+
format: format,
|
434
|
+
lang: lang
|
435
|
+
}),
|
436
|
+
hasMonthFullName = _validateDateWithFull2.hasMonthFullName,
|
437
|
+
isValidMonth = _validateDateWithFull2.isValidMonth,
|
438
|
+
isLengthEqual = _validateDateWithFull2.isLengthEqual;
|
439
|
+
if (!hasMonthFullName && (inputSecondValue === null || inputSecondValue === void 0 ? void 0 : inputSecondValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
|
440
|
+
setCalendarFirstValue(formatCalendarValue(inputSecondValue, format, lang));
|
441
|
+
}
|
412
442
|
}, [endExternalValue, defaultSecondDate, format, lang]);
|
413
443
|
var RootWrapper = useCallback(function (_ref6) {
|
414
444
|
var children = _ref6.children;
|
@@ -10,7 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
10
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
11
|
import React, { forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
12
12
|
import { cx, getPlacements, noop } from '../../../utils';
|
13
|
-
import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';
|
13
|
+
import { formatCalendarValue, formatInputValue, getDateFormatDelimiter, validateDateWithFullMonth } from '../utils/dateHelper';
|
14
14
|
import { useDatePicker } from '../hooks/useDatePicker';
|
15
15
|
import { classes } from '../DatePicker.tokens';
|
16
16
|
import { InputHidden, StyledCalendar } from '../DatePickerBase.styles';
|
@@ -130,6 +130,12 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
130
130
|
datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
|
131
131
|
handleChangeValue = _useDatePicker.handleChangeValue,
|
132
132
|
handleCommitDate = _useDatePicker.handleCommitDate;
|
133
|
+
var handleBlur = function handleBlur(event, date) {
|
134
|
+
if (onBlur) {
|
135
|
+
onBlur(event);
|
136
|
+
}
|
137
|
+
handleCommitDate(date, true, false);
|
138
|
+
};
|
133
139
|
var handleToggle = function handleToggle(opened, event) {
|
134
140
|
if (disabled || readOnly) {
|
135
141
|
return;
|
@@ -168,7 +174,9 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
168
174
|
return handleCommitDate(date, true, false);
|
169
175
|
},
|
170
176
|
onFocus: onFocus,
|
171
|
-
onBlur: onBlur
|
177
|
+
onBlur: function onBlur(event) {
|
178
|
+
return handleBlur(event, inputValue);
|
179
|
+
},
|
172
180
|
onKeyDown: onKeyDown,
|
173
181
|
required: required,
|
174
182
|
requiredPlacement: requiredPlacement,
|
@@ -182,12 +190,26 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
182
190
|
});
|
183
191
|
}, [opened]);
|
184
192
|
useLayoutEffect(function () {
|
185
|
-
setCalendarValue(formatCalendarValue(value || defaultDate, format, lang));
|
186
193
|
setInputValue(formatInputValue({
|
187
194
|
value: value || defaultDate,
|
188
195
|
format: format,
|
189
196
|
lang: lang
|
190
197
|
}));
|
198
|
+
if (!format) {
|
199
|
+
setCalendarValue(formatCalendarValue(value || defaultDate, undefined, lang));
|
200
|
+
return;
|
201
|
+
}
|
202
|
+
var _validateDateWithFull = validateDateWithFullMonth({
|
203
|
+
currentValue: inputValue,
|
204
|
+
format: format,
|
205
|
+
lang: lang
|
206
|
+
}),
|
207
|
+
hasMonthFullName = _validateDateWithFull.hasMonthFullName,
|
208
|
+
isValidMonth = _validateDateWithFull.isValidMonth,
|
209
|
+
isLengthEqual = _validateDateWithFull.isLengthEqual;
|
210
|
+
if (!hasMonthFullName && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
|
211
|
+
setCalendarValue(formatCalendarValue(inputValue, format, lang));
|
212
|
+
}
|
191
213
|
}, [value, defaultDate, format, lang]);
|
192
214
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
193
215
|
view: view,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2F,MAAM,OAAO,CAAC;AAWhH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;
|
1
|
+
{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2F,MAAM,OAAO,CAAC;AAWhH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAUlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAO9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAofvG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAtfxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+gB3G,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgG,MAAM,OAAO,CAAC;AAGrH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;
|
1
|
+
{"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgG,MAAM,OAAO,CAAC;AAGrH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAalD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SACjB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;gRAoPlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAtPnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+QtG,CAAC"}
|