@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.249.0-canary.1720.13005615941.0",
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": "3a9104465b3cd0e061a518b4ce51836fd0d47b1d"
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;AAIlD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAidvG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAndxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4e3G,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;AAQlD,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;;;;;;;;;;;;;;;;;;;;;;gRA8NlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAhOnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyPtG,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"}