@salutejs/plasma-new-hope 0.249.0-canary.1720.13031638569.0 → 0.249.0-canary.1724.12986049597.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.
Files changed (119) hide show
  1. package/cjs/components/Accordion/Accordion.tokens.js +1 -0
  2. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  3. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  4. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  5. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  6. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  7. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  8. package/cjs/components/Accordion/ui/AccordionItem/{AccordionItem.styles_aus2x3.css → AccordionItem.styles_56cr5h.css} +1 -1
  9. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +0 -8
  10. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  12. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  13. package/cjs/components/DatePicker/RangeDate/RangeDate.js +36 -57
  14. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  15. package/cjs/components/DatePicker/SingleDate/SingleDate.js +16 -31
  16. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  17. package/cjs/components/_Icon/Icons/IconChevronDownFill.js +6 -3
  18. package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
  19. package/cjs/components/_Icon/Icons/IconMinus.js +6 -3
  20. package/cjs/components/_Icon/Icons/IconMinus.js.map +1 -1
  21. package/cjs/index.css +11 -11
  22. package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -0
  23. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  24. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -20
  25. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +0 -8
  26. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  27. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +36 -57
  28. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +16 -31
  29. package/emotion/cjs/components/_Icon/Icons/IconChevronDownFill.js +8 -3
  30. package/emotion/cjs/components/_Icon/Icons/IconMinus.js +8 -3
  31. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +10 -6
  32. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  33. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +10 -10
  34. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  35. package/emotion/es/components/Accordion/Accordion.tokens.js +1 -0
  36. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  37. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -20
  38. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +0 -8
  39. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  40. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +38 -59
  41. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +18 -33
  42. package/emotion/es/components/_Icon/Icons/IconChevronDownFill.js +8 -3
  43. package/emotion/es/components/_Icon/Icons/IconMinus.js +8 -3
  44. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +10 -6
  45. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  46. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +10 -10
  47. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  48. package/es/components/Accordion/Accordion.tokens.js +1 -0
  49. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  50. package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  51. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  52. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  53. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  54. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  55. package/es/components/Accordion/ui/AccordionItem/{AccordionItem.styles_aus2x3.css → AccordionItem.styles_56cr5h.css} +1 -1
  56. package/es/components/Calendar/CalendarBase/CalendarBase.js +0 -8
  57. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  58. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  59. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  60. package/es/components/DatePicker/RangeDate/RangeDate.js +38 -59
  61. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  62. package/es/components/DatePicker/SingleDate/SingleDate.js +18 -33
  63. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  64. package/es/components/_Icon/Icons/IconChevronDownFill.js +6 -3
  65. package/es/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
  66. package/es/components/_Icon/Icons/IconMinus.js +6 -3
  67. package/es/components/_Icon/Icons/IconMinus.js.map +1 -1
  68. package/es/index.css +11 -11
  69. package/package.json +2 -2
  70. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -0
  71. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  72. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  73. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +0 -8
  74. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  75. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +36 -57
  76. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +16 -31
  77. package/styled-components/cjs/components/_Icon/Icons/IconChevronDownFill.js +8 -3
  78. package/styled-components/cjs/components/_Icon/Icons/IconMinus.js +8 -3
  79. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +5 -1
  80. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  81. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +6 -6
  82. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  83. package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -0
  84. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  85. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  86. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +0 -8
  87. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  88. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +38 -59
  89. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +18 -33
  90. package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js +8 -3
  91. package/styled-components/es/components/_Icon/Icons/IconMinus.js +8 -3
  92. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +5 -1
  93. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  94. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +6 -6
  95. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  96. package/types/components/Accordion/Accordion.tokens.d.ts +1 -0
  97. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  98. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  99. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  100. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  101. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -2
  102. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  103. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -4
  104. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  105. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +0 -2
  106. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  107. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -4
  108. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  109. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts +4 -0
  110. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
  111. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts +4 -0
  112. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts.map +1 -1
  113. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -2
  114. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  115. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts +4 -4
  116. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
  117. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts +4 -4
  118. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -2
  119. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
@@ -1,4 +1,4 @@
1
- var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
1
+ var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
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."); }
@@ -8,9 +8,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
8
8
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
9
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
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
- import React, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
11
+ import React, { createRef, forwardRef, useCallback, useEffect, useRef, useState } from 'react';
12
12
  import { cx, noop } from '../../../utils';
13
- import { formatCalendarValue, formatInputValue, getDateFormatDelimiter, getDateFromFormat, validateDateWithFullMonth } from '../utils/dateHelper';
13
+ import { formatCalendarValue, formatInputValue, getDateFormatDelimiter, getDateFromFormat } 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';
@@ -31,7 +31,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
31
31
  isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
32
32
  _ref$opened = _ref.opened,
33
33
  opened = _ref$opened === void 0 ? false : _ref$opened,
34
- externalValue = _ref.value,
35
34
  label = _ref.label,
36
35
  leftHelper = _ref.leftHelper,
37
36
  contentLeft = _ref.contentLeft,
@@ -114,10 +113,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
114
113
  var rootRef = useRef(null);
115
114
  var innerRefFirst = useRef(null);
116
115
  var innerRefSecond = useRef(null);
117
- var _ref2 = externalValue || [],
118
- _ref3 = _slicedToArray(_ref2, 2),
119
- startExternalValue = _ref3[0],
120
- endExternalValue = _ref3[1];
121
116
  var _useState = useState(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
122
117
  _useState2 = _slicedToArray(_useState, 2),
123
118
  firstInputRef = _useState2[0],
@@ -130,24 +125,24 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
130
125
  _useState6 = _slicedToArray(_useState5, 2),
131
126
  isInnerOpen = _useState6[0],
132
127
  setIsInnerOpen = _useState6[1];
133
- var _useState7 = useState(formatCalendarValue(startExternalValue || defaultFirstDate, format, lang)),
128
+ var _useState7 = useState(formatCalendarValue(defaultFirstDate, format, lang)),
134
129
  _useState8 = _slicedToArray(_useState7, 2),
135
130
  calendarFirstValue = _useState8[0],
136
131
  setCalendarFirstValue = _useState8[1];
137
132
  var _useState9 = useState(formatInputValue({
138
- value: startExternalValue || defaultFirstDate,
133
+ value: defaultFirstDate,
139
134
  format: format,
140
135
  lang: lang
141
136
  })),
142
137
  _useState10 = _slicedToArray(_useState9, 2),
143
138
  inputFirstValue = _useState10[0],
144
139
  setInputFirstValue = _useState10[1];
145
- var _useState11 = useState(formatCalendarValue(endExternalValue || defaultSecondDate, format, lang)),
140
+ var _useState11 = useState(formatCalendarValue(defaultSecondDate, format, lang)),
146
141
  _useState12 = _slicedToArray(_useState11, 2),
147
142
  calendarSecondValue = _useState12[0],
148
143
  setCalendarSecondValue = _useState12[1];
149
144
  var _useState13 = useState(formatInputValue({
150
- value: endExternalValue || defaultSecondDate,
145
+ value: defaultSecondDate,
151
146
  format: format,
152
147
  lang: lang
153
148
  })),
@@ -285,8 +280,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
285
280
  }));
286
281
  setCalendarFirstValue(formatCalendarValue(startValue, format, lang));
287
282
  setCalendarSecondValue(formatCalendarValue(endValue, format, lang));
288
- handleCommitFirstDate(startValue, true, false);
289
- handleCommitSecondDate(endValue, true, false);
290
283
  outerHandler === null || outerHandler === void 0 || outerHandler(event);
291
284
  };
292
285
  var _useKeyNavigation = useKeyNavigation({
@@ -312,10 +305,10 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
312
305
  handleToggle(false);
313
306
  }
314
307
  };
315
- var handleChangeCalendarValue = function handleChangeCalendarValue(_ref4, dateInfo) {
316
- var _ref5 = _slicedToArray(_ref4, 2),
317
- firstDate = _ref5[0],
318
- secondDate = _ref5[1];
308
+ var handleChangeCalendarValue = function handleChangeCalendarValue(_ref2, dateInfo) {
309
+ var _ref3 = _slicedToArray(_ref2, 2),
310
+ firstDate = _ref3[0],
311
+ secondDate = _ref3[1];
319
312
  if (firstDate) {
320
313
  handleCommitFirstDate(firstDate, false, true, dateInfo);
321
314
  }
@@ -392,56 +385,42 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
392
385
  });
393
386
  }, [opened]);
394
387
  useEffect(function () {
395
- if (calendarFirstValue && calendarSecondValue) {
396
- setFullDateEntered(true);
397
- }
398
- }, [calendarFirstValue, calendarSecondValue]);
399
- useLayoutEffect(function () {
388
+ setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));
400
389
  setInputFirstValue(formatInputValue({
401
- value: startExternalValue || defaultFirstDate,
390
+ value: defaultFirstDate,
402
391
  format: format,
403
392
  lang: lang
404
393
  }));
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
- }
420
- }, [startExternalValue, defaultFirstDate, format, lang]);
421
- useLayoutEffect(function () {
394
+ }, [defaultFirstDate]);
395
+ useEffect(function () {
396
+ setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));
422
397
  setInputSecondValue(formatInputValue({
423
- value: endExternalValue || defaultSecondDate,
398
+ value: defaultSecondDate,
424
399
  format: format,
425
400
  lang: lang
426
401
  }));
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));
402
+ }, [defaultSecondDate]);
403
+ useEffect(function () {
404
+ setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));
405
+ setInputFirstValue(formatInputValue({
406
+ value: defaultFirstDate,
407
+ format: format,
408
+ lang: lang
409
+ }));
410
+ setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));
411
+ setInputSecondValue(formatInputValue({
412
+ value: defaultSecondDate,
413
+ format: format,
414
+ lang: lang
415
+ }));
416
+ }, [format, lang]);
417
+ useEffect(function () {
418
+ if (calendarFirstValue && calendarSecondValue) {
419
+ setFullDateEntered(true);
441
420
  }
442
- }, [endExternalValue, defaultSecondDate, format, lang]);
443
- var RootWrapper = useCallback(function (_ref6) {
444
- var children = _ref6.children;
421
+ }, [calendarFirstValue, calendarSecondValue]);
422
+ var RootWrapper = useCallback(function (_ref4) {
423
+ var children = _ref4.children;
445
424
  return /*#__PURE__*/React.createElement(Root, {
446
425
  view: view,
447
426
  size: size,
@@ -1,4 +1,4 @@
1
- var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
1
+ var _excluded = ["className", "opened", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
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."); }
@@ -8,9 +8,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
8
8
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
9
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
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
- import React, { forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
11
+ import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
12
12
  import { cx, getPlacements, noop } from '../../../utils';
13
- import { formatCalendarValue, formatInputValue, getDateFormatDelimiter, validateDateWithFullMonth } from '../utils/dateHelper';
13
+ import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } 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';
@@ -25,7 +25,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
25
25
  var className = _ref.className,
26
26
  _ref$opened = _ref.opened,
27
27
  opened = _ref$opened === void 0 ? false : _ref$opened,
28
- value = _ref.value,
29
28
  label = _ref.label,
30
29
  _ref$labelPlacement = _ref.labelPlacement,
31
30
  labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
@@ -94,12 +93,12 @@ export var datePickerRoot = function datePickerRoot(Root) {
94
93
  _useState2 = _slicedToArray(_useState, 2),
95
94
  isInnerOpen = _useState2[0],
96
95
  setIsInnerOpen = _useState2[1];
97
- var _useState3 = useState(formatCalendarValue(value || defaultDate, format, lang)),
96
+ var _useState3 = useState(formatCalendarValue(defaultDate, format, lang)),
98
97
  _useState4 = _slicedToArray(_useState3, 2),
99
98
  calendarValue = _useState4[0],
100
99
  setCalendarValue = _useState4[1];
101
100
  var _useState5 = useState(formatInputValue({
102
- value: value || defaultDate,
101
+ value: defaultDate,
103
102
  format: format,
104
103
  lang: lang
105
104
  })),
@@ -130,12 +129,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
130
129
  datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
131
130
  handleChangeValue = _useDatePicker.handleChangeValue,
132
131
  handleCommitDate = _useDatePicker.handleCommitDate;
133
- var handleBlur = function handleBlur(event, date) {
134
- if (onBlur) {
135
- onBlur(event);
136
- }
137
- handleCommitDate(date, true, false);
138
- };
139
132
  var handleToggle = function handleToggle(opened, event) {
140
133
  if (disabled || readOnly) {
141
134
  return;
@@ -174,9 +167,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
174
167
  return handleCommitDate(date, true, false);
175
168
  },
176
169
  onFocus: onFocus,
177
- onBlur: function onBlur(event) {
178
- return handleBlur(event, inputValue);
179
- },
170
+ onBlur: onBlur,
180
171
  onKeyDown: onKeyDown,
181
172
  required: required,
182
173
  requiredPlacement: requiredPlacement,
@@ -189,28 +180,22 @@ export var datePickerRoot = function datePickerRoot(Root) {
189
180
  return prevOpen !== opened && opened;
190
181
  });
191
182
  }, [opened]);
192
- useLayoutEffect(function () {
183
+ useEffect(function () {
184
+ setCalendarValue(formatCalendarValue(defaultDate, format, lang));
193
185
  setInputValue(formatInputValue({
194
- value: value || defaultDate,
186
+ value: defaultDate,
195
187
  format: format,
196
188
  lang: lang
197
189
  }));
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
- }
213
- }, [value, defaultDate, format, lang]);
190
+ }, [defaultDate]);
191
+ useEffect(function () {
192
+ setCalendarValue(formatCalendarValue(defaultDate, format, lang));
193
+ setInputValue(formatInputValue({
194
+ value: defaultDate,
195
+ format: format,
196
+ lang: lang
197
+ }));
198
+ }, [format, lang]);
214
199
  return /*#__PURE__*/React.createElement(Root, _extends({
215
200
  view: view,
216
201
  size: size,
@@ -1,3 +1,7 @@
1
+ var _excluded = ["size", "color", "className"];
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
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+ 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; }
1
5
  import React from 'react';
2
6
  import { ChevronDownFill } from '../Icon.assets/ChevronDownFill';
3
7
  import { IconRoot } from '../IconRoot';
@@ -5,11 +9,12 @@ export var IconChevronDownFill = function IconChevronDownFill(_ref) {
5
9
  var _ref$size = _ref.size,
6
10
  size = _ref$size === void 0 ? 'xs' : _ref$size,
7
11
  color = _ref.color,
8
- className = _ref.className;
9
- return /*#__PURE__*/React.createElement(IconRoot, {
12
+ className = _ref.className,
13
+ rest = _objectWithoutProperties(_ref, _excluded);
14
+ return /*#__PURE__*/React.createElement(IconRoot, _extends({
10
15
  className: className,
11
16
  size: size,
12
17
  color: color,
13
18
  icon: ChevronDownFill
14
- });
19
+ }, rest));
15
20
  };
@@ -1,3 +1,7 @@
1
+ var _excluded = ["size", "color", "className"];
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
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+ 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; }
1
5
  import React from 'react';
2
6
  import { Minus } from '../Icon.assets/Minus';
3
7
  import { IconRoot } from '../IconRoot';
@@ -5,11 +9,12 @@ export var IconMinus = function IconMinus(_ref) {
5
9
  var _ref$size = _ref.size,
6
10
  size = _ref$size === void 0 ? 's' : _ref$size,
7
11
  color = _ref.color,
8
- className = _ref.className;
9
- return /*#__PURE__*/React.createElement(IconRoot, {
12
+ className = _ref.className,
13
+ rest = _objectWithoutProperties(_ref, _excluded);
14
+ return /*#__PURE__*/React.createElement(IconRoot, _extends({
10
15
  className: className,
11
16
  size: size,
12
17
  color: color,
13
18
  icon: Minus
14
- });
19
+ }, rest));
15
20
  };