@salutejs/plasma-new-hope 0.255.0-canary.1727.13074611241.0 → 0.255.0-dev.0

package/es/components/DatePicker/SingleDate/SingleDate.css

@@ -151,6 +151,6 @@
 .Popover_styles_gh4xvw_s16xlixz__0bb7cc15{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end'] > .Popover_styles_gh4xvw_popoverArrow__0bb7cc15{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-start']:before,.Popover_styles_gh4xvw_s16xlixz__0bb7cc15[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
 
 
-.SingleDate_styles_4wd0mq_s15omatb__61120231{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.SingleDate_styles_4wd0mq_s15omatb__61120231.SingleDate_styles_4wd0mq_datePickerError__61120231{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_4wd0mq_s15omatb__61120231.SingleDate_styles_4wd0mq_datePickerSuccess__61120231{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
-.SingleDate_styles_4wd0mq_boba7w3__61120231{display:inline-block;}.SingleDate_styles_4wd0mq_boba7w3__61120231 .SingleDate_styles_4wd0mq_popoverWrapper__61120231,.SingleDate_styles_4wd0mq_boba7w3__61120231 .SingleDate_styles_4wd0mq_popoverTarget__61120231{width:inherit;}
-.SingleDate_styles_4wd0mq_lvfqi8__61120231{color:var(--plasma-date-picker__left-helper-color);}.SingleDate_styles_4wd0mq_lvfqi8__61120231.SingleDate_styles_4wd0mq_datePickerError__61120231{color:var(--plasma-date-picker__left-helper-color-error);}.SingleDate_styles_4wd0mq_lvfqi8__61120231.SingleDate_styles_4wd0mq_datePickerSuccess__61120231{color:var(--plasma-date-picker__left-helper-color-success);}
+.SingleDate_styles_17lyyyf_s15omatb__3d26212f{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.SingleDate_styles_17lyyyf_s15omatb__3d26212f.SingleDate_styles_17lyyyf_datePickerError__3d26212f{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_17lyyyf_s15omatb__3d26212f.SingleDate_styles_17lyyyf_datePickerSuccess__3d26212f{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
+.SingleDate_styles_17lyyyf_boba7w3__3d26212f{display:inline-block;}.SingleDate_styles_17lyyyf_boba7w3__3d26212f .SingleDate_styles_17lyyyf_popoverWrapper__3d26212f,.SingleDate_styles_17lyyyf_boba7w3__3d26212f .SingleDate_styles_17lyyyf_popoverTarget__3d26212f{width:inherit;}
+

package/es/components/DatePicker/SingleDate/SingleDate.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
+import React, { forwardRef, useRef, useState, useCallback, useEffect, useLayoutEffect } from 'react';
 import { cx } from '../../../utils/index.js';
 import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper.js';
 import { useDatePicker } from '../hooks/useDatePicker.js';
@@ -14,12 +14,13 @@ import { StyledInput, StyledPopover, LeftHelper, base } from './SingleDate.style
 import { noop } from '../../../utils/noop.js';
 import { getPlacements } from '../../../utils/getPopoverPlacement.js';
 
-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"];
+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"];
 var datePickerRoot = function datePickerRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$opened = _ref.opened,
       opened = _ref$opened === void 0 ? false : _ref$opened,
+      value = _ref.value,
       label = _ref.label,
       _ref$labelPlacement = _ref.labelPlacement,
       labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
@@ -88,12 +89,12 @@ var datePickerRoot = function datePickerRoot(Root) {
       _useState2 = _slicedToArray(_useState, 2),
       isInnerOpen = _useState2[0],
       setIsInnerOpen = _useState2[1];
-    var _useState3 = useState(formatCalendarValue(defaultDate, format, lang)),
+    var _useState3 = useState(formatCalendarValue(value || defaultDate, format, lang)),
       _useState4 = _slicedToArray(_useState3, 2),
       calendarValue = _useState4[0],
       setCalendarValue = _useState4[1];
     var _useState5 = useState(formatInputValue({
-        value: defaultDate,
+        value: value || defaultDate,
         format: format,
         lang: lang
       })),
@@ -123,7 +124,8 @@ var datePickerRoot = function datePickerRoot(Root) {
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
       handleChangeValue = _useDatePicker.handleChangeValue,
-      handleCommitDate = _useDatePicker.handleCommitDate;
+      handleCommitDate = _useDatePicker.handleCommitDate,
+      updateExternalDate = _useDatePicker.updateExternalDate;
     var handleToggle = function handleToggle(opened, event) {
       if (disabled || readOnly) {
         return;
@@ -175,22 +177,10 @@ var datePickerRoot = function datePickerRoot(Root) {
         return prevOpen !== opened && opened;
       });
     }, [opened]);
-    useEffect(function () {
-      setCalendarValue(formatCalendarValue(defaultDate, format, lang));
-      setInputValue(formatInputValue({
-        value: defaultDate,
-        format: format,
-        lang: lang
-      }));
-    }, [defaultDate]);
-    useEffect(function () {
-      setCalendarValue(formatCalendarValue(defaultDate, format, lang));
-      setInputValue(formatInputValue({
-        value: defaultDate,
-        format: format,
-        lang: lang
-      }));
-    }, [format, lang]);
+    useLayoutEffect(function () {
+      var externalDate = value || defaultDate;
+      updateExternalDate(externalDate, setInputValue, setCalendarValue);
+    }, [value, defaultDate, format, lang]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
       size: size,
@@ -236,9 +226,7 @@ var datePickerRoot = function datePickerRoot(Root) {
       onChangeValue: function onChangeValue(date, dateInfo) {
         return handleCommitDate(date, false, true, dateInfo);
       }
-    }))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
-      className: cx(datePickerErrorClass, datePickerSuccessClass)
-    }, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
+    }))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
       type: "hidden",
       datatype: "datepicker-single",
       name: name,

package/es/components/DatePicker/SingleDate/SingleDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements, noop } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                opened = false,\n\n                label,\n                labelPlacement = 'outer',\n                keepPlaceholder,\n                required = false,\n                requiredPlacement = 'right',\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n                name,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                lang = 'ru',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                frame = 'document',\n                usePortal = false,\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                offset,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n                onChange,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const innerRef = useRef<HTMLInputElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n            const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format, lang));\n            const [inputValue, setInputValue] = useState(formatInputValue({ value: defaultDate, format, lang }));\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const { datePickerErrorClass, datePickerSuccessClass, handleChangeValue, handleCommitDate } = useDatePicker(\n                {\n                    currentValue: inputValue,\n                    setInputValue,\n                    setCalendarValue,\n                    dateFormatDelimiter,\n                    format,\n                    lang,\n                    disabled,\n                    readOnly,\n                    maskWithFormat,\n                    valueError,\n                    valueSuccess,\n                    name,\n                    onChangeValue,\n                    onCommitDate,\n                    onChange,\n                },\n            );\n\n            const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                const isCalendarOpen =\n                    event.target === inputRef?.current &&\n                    (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n                        ? true\n                        : opened;\n\n                if (!isCalendarOpen && inputValue) {\n                    inputRef?.current?.focus();\n                }\n\n                if (onToggle) {\n                    onToggle(isCalendarOpen, event);\n\n                    return;\n                }\n\n                setIsInnerOpen(isCalendarOpen);\n            };\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                onToggle: handleToggle,\n                closeOnEsc,\n            });\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cx(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\n                    size={size}\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleChangeValue}\n                    onSearch={(date) => handleCommitDate(date, true, false)}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    onKeyDown={onKeyDown}\n                    required={required}\n                    requiredPlacement={requiredPlacement}\n                    label={label}\n                    labelPlacement={labelPlacement}\n                    keepPlaceholder={keepPlaceholder}\n                />\n            );\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n            }, [opened]);\n\n            useEffect(() => {\n                setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n                setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n            }, [defaultDate]);\n\n            useEffect(() => {\n                setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n                setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n            }, [format, lang]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    <StyledPopover\n                        opened={isInnerOpen}\n                        usePortal={usePortal}\n                        frame={frame}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement, false)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <Root\n                            view={view}\n                            size={size}\n                            className={cx(classes.datePickerRoot, className)}\n                            disabled={disabled}\n                            readOnly={!disabled && readOnly}\n                        >\n                            <StyledCalendar\n                                size={size}\n                                value={calendarValue}\n                                type={type}\n                                eventList={eventList}\n                                disabledList={disabledList}\n                                eventMonthList={eventMonthList}\n                                disabledMonthList={disabledMonthList}\n                                eventQuarterList={eventQuarterList}\n                                disabledQuarterList={disabledQuarterList}\n                                eventYearList={eventYearList}\n                                disabledYearList={disabledYearList}\n                                min={min}\n                                max={max}\n                                includeEdgeDates={includeEdgeDates}\n                                isRange={false}\n                                locale={lang}\n                                onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n                            />\n                        </Root>\n                    </StyledPopover>\n                    {leftHelper && (\n                        <LeftHelper className={cx(datePickerErrorClass, datePickerSuccessClass)}>\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                    <InputHidden\n                        type=\"hidden\"\n                        datatype=\"datepicker-single\"\n                        name={name}\n                        value={inputValue}\n                        ref={innerRef}\n                        {...noop}\n                    />\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerConfig = {\n    name: 'DatePicker',\n    tag: 'div',\n    layout: datePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","innerRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","value","_useState6","inputValue","setInputValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","handleCommitDate","handleToggle","event","isCalendarOpen","target","current","code","keys","Escape","_inputRef$current","focus","_useKeyNavigation","useKeyNavigation","onKeyDown","DatePickerInput","React","createElement","StyledInput","cx","onSearch","date","useEffect","prevOpen","_extends","classes","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendar","isRange","locale","dateInfo","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements, noop } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                opened = false,\n                value,\n\n                label,\n                labelPlacement = 'outer',\n                keepPlaceholder,\n                required = false,\n                requiredPlacement = 'right',\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n                name,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                lang = 'ru',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                frame = 'document',\n                usePortal = false,\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                offset,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n                onChange,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const innerRef = useRef<HTMLInputElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n            const [calendarValue, setCalendarValue] = useState(formatCalendarValue(value || defaultDate, format, lang));\n            const [inputValue, setInputValue] = useState(\n                formatInputValue({ value: value || defaultDate, format, lang }),\n            );\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                datePickerErrorClass,\n                datePickerSuccessClass,\n                handleChangeValue,\n                handleCommitDate,\n                updateExternalDate,\n            } = useDatePicker({\n                currentValue: inputValue,\n                setInputValue,\n                setCalendarValue,\n                dateFormatDelimiter,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError,\n                valueSuccess,\n                name,\n                onChangeValue,\n                onCommitDate,\n                onChange,\n            });\n\n            const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                const isCalendarOpen =\n                    event.target === inputRef?.current &&\n                    (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n                        ? true\n                        : opened;\n\n                if (!isCalendarOpen && inputValue) {\n                    inputRef?.current?.focus();\n                }\n\n                if (onToggle) {\n                    onToggle(isCalendarOpen, event);\n\n                    return;\n                }\n\n                setIsInnerOpen(isCalendarOpen);\n            };\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                onToggle: handleToggle,\n                closeOnEsc,\n            });\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cx(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\n                    size={size}\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleChangeValue}\n                    onSearch={(date) => handleCommitDate(date, true, false)}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    onKeyDown={onKeyDown}\n                    required={required}\n                    requiredPlacement={requiredPlacement}\n                    label={label}\n                    labelPlacement={labelPlacement}\n                    keepPlaceholder={keepPlaceholder}\n                />\n            );\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n            }, [opened]);\n\n            useLayoutEffect(() => {\n                const externalDate = value || defaultDate;\n                updateExternalDate(externalDate, setInputValue, setCalendarValue);\n            }, [value, defaultDate, format, lang]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    <StyledPopover\n                        opened={isInnerOpen}\n                        usePortal={usePortal}\n                        frame={frame}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement, false)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <Root\n                            view={view}\n                            size={size}\n                            className={cx(classes.datePickerRoot, className)}\n                            disabled={disabled}\n                            readOnly={!disabled && readOnly}\n                        >\n                            <StyledCalendar\n                                size={size}\n                                value={calendarValue}\n                                type={type}\n                                eventList={eventList}\n                                disabledList={disabledList}\n                                eventMonthList={eventMonthList}\n                                disabledMonthList={disabledMonthList}\n                                eventQuarterList={eventQuarterList}\n                                disabledQuarterList={disabledQuarterList}\n                                eventYearList={eventYearList}\n                                disabledYearList={disabledYearList}\n                                min={min}\n                                max={max}\n                                includeEdgeDates={includeEdgeDates}\n                                isRange={false}\n                                locale={lang}\n                                onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n                            />\n                        </Root>\n                    </StyledPopover>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                    <InputHidden\n                        type=\"hidden\"\n                        datatype=\"datepicker-single\"\n                        name={name}\n                        value={inputValue}\n                        ref={innerRef}\n                        {...noop}\n                    />\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerConfig = {\n    name: 'DatePicker',\n    tag: 'div',\n    layout: datePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","innerRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","_useState6","inputValue","setInputValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","handleCommitDate","updateExternalDate","handleToggle","event","isCalendarOpen","target","current","code","keys","Escape","_inputRef$current","focus","_useKeyNavigation","useKeyNavigation","onKeyDown","DatePickerInput","React","createElement","StyledInput","cx","onSearch","date","useEffect","prevOpen","useLayoutEffect","externalDate","_extends","classes","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendar","isRange","locale","dateInfo","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

package/es/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -1,4 +1,4 @@
-import './SingleDate.styles_4wd0mq.css';
+import './SingleDate.styles_17lyyyf.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../../engines/common.js';
 import { textFieldConfig } from '../../TextField/TextField.js';

package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    width: 100%;\n\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n    \n    ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n    ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n    ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n    ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n    ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n    ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n    ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n    ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n    ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n    ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n    ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n    ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n    ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n    &.${classes.datePickerError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.datePickerSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    display: inline-block;\n\n    .${String(popoverClasses.wrapper)}, .${String(popoverClasses.target)} {\n        width: inherit;\n    }\n`;\n\nexport const LeftHelper = styled.div`\n    color: var(${tokens.leftHelperColor});\n\n    &.${classes.datePickerError} {\n        color: var(${tokens.leftHelperColorError});\n    }\n\n    &.${classes.datePickerSuccess} {\n        color: var(${tokens.leftHelperColorSuccess});\n    }\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","LeftHelper"],"mappings":";;;;;AAQA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8FhC,EAAA;AAEM,IAAMG,IAAI,GAMhB,UAAA;AAEM,IAAMC,UAAU,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAU/B;;;;"}
+{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    width: 100%;\n\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n    \n    ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n    ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n    ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n    ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n    ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n    ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n    ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n    ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n    ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n    ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n    ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n    ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n    ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n    &.${classes.datePickerError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.datePickerSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    display: inline-block;\n\n    .${String(popoverClasses.wrapper)}, .${String(popoverClasses.target)} {\n        width: inherit;\n    }\n`;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","LeftHelper"],"mappings":";;;;;AAQA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8FhC,EAAA;AAEM,IAAMG,IAAI,GAMhB,UAAA;AAEM,IAAMC,UAAU,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}

package/es/components/DatePicker/SingleDate/{SingleDate.styles_4wd0mq.css → SingleDate.styles_17lyyyf.css}

@@ -1,4 +1,4 @@
 
 .s15omatb{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.s15omatb.date-picker-error{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.s15omatb.date-picker-success{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
 .boba7w3{display:inline-block;}.boba7w3 .popover-wrapper,.boba7w3 .popover-target{width:inherit;}
-.lvfqi8{color:var(--plasma-date-picker__left-helper-color);}.lvfqi8.date-picker-error{color:var(--plasma-date-picker__left-helper-color-error);}.lvfqi8.date-picker-success{color:var(--plasma-date-picker__left-helper-color-success);}
+

package/es/components/DatePicker/hooks/useDatePicker.js

@@ -117,11 +117,33 @@ var useDatePicker = function useDatePicker(_ref) {
       }
     });
   };
+  var updateExternalDate = function updateExternalDate(externalDate, inputSetter, calendarSetter) {
+    inputSetter(formatInputValue({
+      value: externalDate,
+      format: format,
+      lang: lang
+    }));
+    if (!format) {
+      calendarSetter(formatCalendarValue(externalDate, undefined, lang));
+      return;
+    }
+    if (!externalDate) {
+      calendarSetter(undefined);
+      return;
+    }
+    var _getDateFromFormat2 = getDateFromFormat(externalDate, undefined, lang),
+      newDate = _getDateFromFormat2.value,
+      isError = _getDateFromFormat2.isError;
+    if (!isError) {
+      calendarSetter(formatCalendarValue(newDate, format, lang));
+    }
+  };
   return {
     datePickerErrorClass: datePickerErrorClass,
     datePickerSuccessClass: datePickerSuccessClass,
     handleChangeValue: handleChangeValue,
-    handleCommitDate: handleCommitDate
+    handleCommitDate: handleCommitDate,
+    updateExternalDate: updateExternalDate
   };
 };
 

package/es/components/DatePicker/hooks/useDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDatePicker.js","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"sourcesContent":["import { ChangeEvent } from 'react';\n\nimport { classes } from '../DatePicker.tokens';\nimport type { UseDatePickerProps } from '../DatePickerBase.types';\nimport {\n    formatCalendarValue,\n    formatInputValue,\n    getDateFromFormat,\n    getMaskedDateOnInput,\n    validateDateWithFullMonth,\n} from '../utils/dateHelper';\nimport type { DateInfo } from '../../Calendar/Calendar.types';\n\nexport const useDatePicker = ({\n    currentValue,\n    setInputValue,\n    setCalendarValue,\n    dateFormatDelimiter,\n    format,\n    lang = 'ru',\n    disabled,\n    readOnly,\n    maskWithFormat,\n    valueError,\n    valueSuccess,\n    name,\n    onChangeValue,\n    onCommitDate,\n    onChange,\n}: UseDatePickerProps) => {\n    const datePickerErrorClass = valueError ? classes.datePickerError : undefined;\n    const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;\n\n    const handleChangeValue = (event: ChangeEvent<HTMLInputElement>) => {\n        if (disabled || readOnly) {\n            return;\n        }\n        const { value } = event.target;\n\n        const newValue = maskWithFormat\n            ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue)\n            : value;\n\n        if (!format) {\n            setCalendarValue(formatCalendarValue(newValue));\n            setInputValue(formatInputValue({ value: newValue, format, lang }));\n            onChangeValue?.(event, newValue);\n            onChange?.({ target: { value: newValue, name } });\n\n            return;\n        }\n\n        const { hasMonthFullName, isValidMonth, isLengthEqual } = validateDateWithFullMonth({\n            currentValue: newValue,\n            format,\n            lang,\n        });\n\n        if ((!hasMonthFullName && newValue?.length === format?.length) || (isValidMonth && isLengthEqual)) {\n            setCalendarValue(formatCalendarValue(newValue, format, lang));\n        }\n\n        setInputValue(\n            formatInputValue({ value: newValue, format, lang, hasMonthFullName, isValidMonth, isLengthEqual }),\n        );\n\n        onChangeValue?.(event, newValue);\n        onChange?.({ target: { value: newValue, name } });\n    };\n\n    const handleCommitDate = (\n        date?: Date | string,\n        applyFormat?: boolean,\n        isCalendarValue?: boolean,\n        dateInfo?: DateInfo,\n    ) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        if (!date) {\n            setCalendarValue(undefined);\n            setInputValue('');\n\n            return onCommitDate?.('', false, true);\n        }\n\n        if (isCalendarValue) {\n            const formattedInputValue = formatInputValue({ value: date, format, lang });\n\n            setCalendarValue(formatCalendarValue(date, format, lang));\n            setInputValue(formattedInputValue);\n\n            onCommitDate?.(date, false, true, dateInfo);\n            onChangeValue?.(null, formattedInputValue);\n            onChange?.({ target: { value: formattedInputValue, name } });\n\n            return;\n        }\n\n        const formatString = applyFormat ? format : undefined;\n\n        const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString, lang);\n        const formattedInputValue = formatInputValue({ value: newDate, format, lang });\n\n        setCalendarValue(formatCalendarValue(newDate, format, lang));\n        setInputValue(formattedInputValue);\n\n        onCommitDate?.(newDate, isError, isSuccess);\n        onChangeValue?.(null, formattedInputValue);\n        onChange?.({ target: { value: formattedInputValue, name } });\n    };\n\n    return {\n        datePickerErrorClass,\n        datePickerSuccessClass,\n        handleChangeValue,\n        handleCommitDate,\n    };\n};\n"],"names":["useDatePicker","_ref","currentValue","setInputValue","setCalendarValue","dateFormatDelimiter","format","_ref$lang","lang","disabled","readOnly","maskWithFormat","valueError","valueSuccess","name","onChangeValue","onCommitDate","onChange","datePickerErrorClass","classes","datePickerError","undefined","datePickerSuccessClass","datePickerSuccess","handleChangeValue","event","value","target","newValue","getMaskedDateOnInput","formatCalendarValue","formatInputValue","_validateDateWithFull","validateDateWithFullMonth","hasMonthFullName","isValidMonth","isLengthEqual","length","handleCommitDate","date","applyFormat","isCalendarValue","dateInfo","formattedInputValue","formatString","_getDateFromFormat","getDateFromFormat","newDate","isError","isSuccess"],"mappings":"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"}
+{"version":3,"file":"useDatePicker.js","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"sourcesContent":["import type { ChangeEvent, Dispatch, SetStateAction } from 'react';\n\nimport { classes } from '../DatePicker.tokens';\nimport type { UseDatePickerProps } from '../DatePickerBase.types';\nimport {\n    formatCalendarValue,\n    formatInputValue,\n    getDateFromFormat,\n    getMaskedDateOnInput,\n    validateDateWithFullMonth,\n} from '../utils/dateHelper';\nimport type { DateInfo } from '../../Calendar/Calendar.types';\n\nexport const useDatePicker = ({\n    currentValue,\n    setInputValue,\n    setCalendarValue,\n    dateFormatDelimiter,\n    format,\n    lang = 'ru',\n    disabled,\n    readOnly,\n    maskWithFormat,\n    valueError,\n    valueSuccess,\n    name,\n    onChangeValue,\n    onCommitDate,\n    onChange,\n}: UseDatePickerProps) => {\n    const datePickerErrorClass = valueError ? classes.datePickerError : undefined;\n    const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;\n\n    const handleChangeValue = (event: ChangeEvent<HTMLInputElement>) => {\n        if (disabled || readOnly) {\n            return;\n        }\n        const { value } = event.target;\n\n        const newValue = maskWithFormat\n            ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue)\n            : value;\n\n        if (!format) {\n            setCalendarValue(formatCalendarValue(newValue));\n            setInputValue(formatInputValue({ value: newValue, format, lang }));\n            onChangeValue?.(event, newValue);\n            onChange?.({ target: { value: newValue, name } });\n\n            return;\n        }\n\n        const { hasMonthFullName, isValidMonth, isLengthEqual } = validateDateWithFullMonth({\n            currentValue: newValue,\n            format,\n            lang,\n        });\n\n        if ((!hasMonthFullName && newValue?.length === format?.length) || (isValidMonth && isLengthEqual)) {\n            setCalendarValue(formatCalendarValue(newValue, format, lang));\n        }\n\n        setInputValue(\n            formatInputValue({ value: newValue, format, lang, hasMonthFullName, isValidMonth, isLengthEqual }),\n        );\n\n        onChangeValue?.(event, newValue);\n        onChange?.({ target: { value: newValue, name } });\n    };\n\n    const handleCommitDate = (\n        date?: Date | string,\n        applyFormat?: boolean,\n        isCalendarValue?: boolean,\n        dateInfo?: DateInfo,\n    ) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        if (!date) {\n            setCalendarValue(undefined);\n            setInputValue('');\n\n            return onCommitDate?.('', false, true);\n        }\n\n        if (isCalendarValue) {\n            const formattedInputValue = formatInputValue({ value: date, format, lang });\n\n            setCalendarValue(formatCalendarValue(date, format, lang));\n            setInputValue(formattedInputValue);\n\n            onCommitDate?.(date, false, true, dateInfo);\n            onChangeValue?.(null, formattedInputValue);\n            onChange?.({ target: { value: formattedInputValue, name } });\n\n            return;\n        }\n\n        const formatString = applyFormat ? format : undefined;\n\n        const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString, lang);\n        const formattedInputValue = formatInputValue({ value: newDate, format, lang });\n\n        setCalendarValue(formatCalendarValue(newDate, format, lang));\n        setInputValue(formattedInputValue);\n\n        onCommitDate?.(newDate, isError, isSuccess);\n        onChangeValue?.(null, formattedInputValue);\n        onChange?.({ target: { value: formattedInputValue, name } });\n    };\n\n    const updateExternalDate = (\n        externalDate: Date | string | undefined,\n        inputSetter: Dispatch<SetStateAction<string>>,\n        calendarSetter: Dispatch<SetStateAction<Date | undefined>>,\n    ) => {\n        inputSetter(formatInputValue({ value: externalDate, format, lang }));\n\n        if (!format) {\n            calendarSetter(formatCalendarValue(externalDate, undefined, lang));\n            return;\n        }\n\n        if (!externalDate) {\n            calendarSetter(undefined);\n            return;\n        }\n\n        const { value: newDate, isError } = getDateFromFormat(externalDate, undefined, lang);\n\n        if (!isError) {\n            calendarSetter(formatCalendarValue(newDate, format, lang));\n        }\n    };\n\n    return {\n        datePickerErrorClass,\n        datePickerSuccessClass,\n        handleChangeValue,\n        handleCommitDate,\n        updateExternalDate,\n    };\n};\n"],"names":["useDatePicker","_ref","currentValue","setInputValue","setCalendarValue","dateFormatDelimiter","format","_ref$lang","lang","disabled","readOnly","maskWithFormat","valueError","valueSuccess","name","onChangeValue","onCommitDate","onChange","datePickerErrorClass","classes","datePickerError","undefined","datePickerSuccessClass","datePickerSuccess","handleChangeValue","event","value","target","newValue","getMaskedDateOnInput","formatCalendarValue","formatInputValue","_validateDateWithFull","validateDateWithFullMonth","hasMonthFullName","isValidMonth","isLengthEqual","length","handleCommitDate","date","applyFormat","isCalendarValue","dateInfo","formattedInputValue","formatString","_getDateFromFormat","getDateFromFormat","newDate","isError","isSuccess","updateExternalDate","externalDate","inputSetter","calendarSetter","_getDateFromFormat2"],"mappings":"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"}

package/es/components/Range/Range.css

@@ -1,6 +1,6 @@
 .base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_cfxtxl2__7d0d71e0{width:inherit;border-radius:var(--plasma-range-border-radius);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_s1hiyoiq__7d0d71e0{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_s14q3826__7d0d71e0{margin-bottom:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_szi0aji__7d0d71e0{width:var(--plasma-range__indicator-size);height:var(--plasma-range__indicator-size);inset:var(--plasma-range__indicator-placement);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_szi0aji__7d0d71e0.base_11sy7xv_requiredAlignRight__7d0d71e0{inset:var(--plasma-range__indicator-placement-right);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_szi0aji__7d0d71e0.base_11sy7xv_requiredPlacementOuter__7d0d71e0{width:var(--plasma-range__indicator-size-outer);height:var(--plasma-range__indicator-size-outer);inset:var(--plasma-range__indicator-placement-outer);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_szi0aji__7d0d71e0.base_11sy7xv_requiredPlacementOuter__7d0d71e0.base_11sy7xv_requiredAlignRight__7d0d71e0{inset:var(--plasma-range__indicator-placement-outer-right);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_s15y5ylz__7d0d71e0{margin:var(--plasma-range__left-content-margin);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_suha98b__7d0d71e0{margin:var(--plasma-range__right-content-margin);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_l1e6rwfy__7d0d71e0{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}
 
-.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_cfxtxl2__c6726935{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_cfxtxl2__c6726935.base_1h18bi1_rangeError__c6726935{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_cfxtxl2__c6726935.base_1h18bi1_rangeSuccess__c6726935{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_s1hiyoiq__c6726935{color:var(--plasma-range__divider-color);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_s14q3826__c6726935{display:block;color:var(--plasma-range__label-color);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_szi0aji__c6726935{background-color:var(--plasma-range__indicator-color);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_l1e6rwfy__c6726935{color:var(--plasma-range__left-helper-color);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_l1e6rwfy__c6726935.base_1h18bi1_rangeError__c6726935,.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_l1e6rwfy__c6726935.base_1h18bi1_rangeValueError__c6726935{color:var(--plasma-range__left-helper-color-error);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_l1e6rwfy__c6726935.base_1h18bi1_rangeSuccess__c6726935,.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_l1e6rwfy__c6726935.base_1h18bi1_rangeValueSuccess__c6726935{color:var(--plasma-range__left-helper-color-success);}
+.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_cfxtxl2__d830c0b4{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_cfxtxl2__d830c0b4.base_1fx3xc5_rangeError__d830c0b4{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_cfxtxl2__d830c0b4.base_1fx3xc5_rangeSuccess__d830c0b4{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_s1hiyoiq__d830c0b4{color:var(--plasma-range__divider-color);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_s14q3826__d830c0b4{display:block;color:var(--plasma-range__label-color);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_szi0aji__d830c0b4{background-color:var(--plasma-range__indicator-color);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_l1e6rwfy__d830c0b4{color:var(--plasma-range__left-helper-color);}
 
 .base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
 

package/es/components/Range/Range.js

@@ -133,9 +133,7 @@ var rangeRoot = function rangeRoot(Root) {
       onFocus: onFocusSecondTextfield,
       onBlur: onBlurSecondTextfield,
       autoComplete: autoComplete
-    }), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
-      className: cx(rangeErrorClass, firstValueErrorClass, secondValueErrorClass, rangeSuccessClass, firstValueSuccessClass, secondValueSuccessClass)
-    }, leftHelper));
+    }), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
   });
 };
 var rangeConfig = {

package/es/components/Range/Range.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeInputRefs, RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n    ContentWrapper,\n    LeftHelper,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledDivider,\n    StyledIndicator,\n    StyledIndicatorWrapper,\n    StyledInput,\n    StyledLabel,\n    base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n    forwardRef<RangeInputRefs, RangeProps>(\n        (\n            {\n                autoComplete,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                dividerVariant = 'dash',\n                dividerIcon,\n\n                firstValue,\n                secondValue,\n                firstValueError,\n                secondValueError,\n                firstValueSuccess,\n                secondValueSuccess,\n                firstPlaceholder,\n                secondPlaceholder,\n                firstTextfieldContentLeft,\n                firstTextfieldContentRight,\n                secondTextfieldContentLeft,\n                secondTextfieldContentRight,\n                firstTextfieldTextBefore,\n                secondTextfieldTextBefore,\n                firstTextfieldTextAfter,\n                secondTextfieldTextAfter,\n\n                required,\n                requiredPlacement = 'right',\n\n                onChangeFirstValue,\n                onChangeSecondValue,\n                onSearchFirstValue,\n                onSearchSecondValue,\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const rangeRef = useRef<HTMLDivElement>(null);\n            const firstTextFieldRef = useRef<HTMLInputElement>(null);\n            const secondTextFieldRef = useRef<HTMLInputElement>(null);\n\n            const requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;\n\n            const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n\n            const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n            const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n\n            const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n            const firstValueSuccessClass =\n                !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n            const secondValueSuccessClass =\n                !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n            const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n            const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n            const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n            const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n            useImperativeHandle(\n                ref,\n                () => ({\n                    firstTextField: () => {\n                        return firstTextFieldRef;\n                    },\n                    secondTextField: () => {\n                        return secondTextFieldRef;\n                    },\n                }),\n                [firstTextFieldRef, secondTextFieldRef],\n            );\n\n            const Divider = useMemo(() => {\n                if (dividerVariant === 'none') {\n                    return null;\n                }\n\n                if (dividerVariant === 'dash') {\n                    return <StyledDivider>–</StyledDivider>;\n                }\n\n                return <StyledDivider>{dividerIcon}</StyledDivider>;\n            }, [dividerVariant, dividerIcon]);\n\n            return (\n                <Root\n                    ref={rangeRef}\n                    view={view}\n                    size={size}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    {...rest}\n                >\n                    {label && (\n                        <StyledIndicatorWrapper>\n                            <StyledLabel>{label}</StyledLabel>\n\n                            {required && (\n                                <StyledIndicator\n                                    className={cx(classes.requiredOuterPlacement, requiredPlacementClass)}\n                                />\n                            )}\n                        </StyledIndicatorWrapper>\n                    )}\n                    <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n                        {!label && required && <StyledIndicator className={cx(requiredPlacementClass)} />}\n                        {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                        <StyledInput\n                            ref={firstTextFieldRef}\n                            className={cx(firstValueErrorClass, firstValueSuccessClass)}\n                            value={firstValue}\n                            readOnly={readOnly}\n                            disabled={disabled}\n                            placeholder={firstPlaceholder}\n                            contentLeft={firstTextfieldContentLeft}\n                            contentRight={firstTextfieldContentRight}\n                            textBefore={firstTextfieldTextBefore}\n                            textAfter={firstTextfieldTextAfter}\n                            onChange={handleChangeFirstValue}\n                            onSearch={handleSearchFirstValue}\n                            onFocus={onFocusFirstTextfield}\n                            onBlur={onBlurFirstTextfield}\n                            autoComplete={autoComplete}\n                        />\n                        {Divider}\n                        <StyledInput\n                            ref={secondTextFieldRef}\n                            className={cx(secondValueErrorClass, secondValueSuccessClass)}\n                            value={secondValue}\n                            readOnly={readOnly}\n                            disabled={disabled}\n                            placeholder={secondPlaceholder}\n                            contentLeft={secondTextfieldContentLeft}\n                            contentRight={secondTextfieldContentRight}\n                            textBefore={secondTextfieldTextBefore}\n                            textAfter={secondTextfieldTextAfter}\n                            onChange={handleChangeSecondValue}\n                            onSearch={handleSearchSecondValue}\n                            onFocus={onFocusSecondTextfield}\n                            onBlur={onBlurSecondTextfield}\n                            autoComplete={autoComplete}\n                        />\n                        {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                    </ContentWrapper>\n                    {leftHelper && (\n                        <LeftHelper\n                            className={cx(\n                                rangeErrorClass,\n                                firstValueErrorClass,\n                                secondValueErrorClass,\n                                rangeSuccessClass,\n                                firstValueSuccessClass,\n                                secondValueSuccessClass,\n                            )}\n                        >\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const rangeConfig = {\n    name: 'Range',\n    tag: 'div',\n    layout: rangeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","autoComplete","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","required","_ref$requiredPlacemen","requiredPlacement","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","requiredPlacementClass","classes","requiredAlignRight","undefined","rangeErrorClass","rangeError","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledIndicatorWrapper","StyledLabel","StyledIndicator","className","cx","requiredOuterPlacement","ContentWrapper","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeInputRefs, RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n    ContentWrapper,\n    LeftHelper,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledDivider,\n    StyledIndicator,\n    StyledIndicatorWrapper,\n    StyledInput,\n    StyledLabel,\n    base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n    forwardRef<RangeInputRefs, RangeProps>(\n        (\n            {\n                autoComplete,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                dividerVariant = 'dash',\n                dividerIcon,\n\n                firstValue,\n                secondValue,\n                firstValueError,\n                secondValueError,\n                firstValueSuccess,\n                secondValueSuccess,\n                firstPlaceholder,\n                secondPlaceholder,\n                firstTextfieldContentLeft,\n                firstTextfieldContentRight,\n                secondTextfieldContentLeft,\n                secondTextfieldContentRight,\n                firstTextfieldTextBefore,\n                secondTextfieldTextBefore,\n                firstTextfieldTextAfter,\n                secondTextfieldTextAfter,\n\n                required,\n                requiredPlacement = 'right',\n\n                onChangeFirstValue,\n                onChangeSecondValue,\n                onSearchFirstValue,\n                onSearchSecondValue,\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const rangeRef = useRef<HTMLDivElement>(null);\n            const firstTextFieldRef = useRef<HTMLInputElement>(null);\n            const secondTextFieldRef = useRef<HTMLInputElement>(null);\n\n            const requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;\n\n            const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n            const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n            const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n            const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n            const firstValueSuccessClass =\n                !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n            const secondValueSuccessClass =\n                !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n            const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n            const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n            const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n            const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n            useImperativeHandle(\n                ref,\n                () => ({\n                    firstTextField: () => {\n                        return firstTextFieldRef;\n                    },\n                    secondTextField: () => {\n                        return secondTextFieldRef;\n                    },\n                }),\n                [firstTextFieldRef, secondTextFieldRef],\n            );\n\n            const Divider = useMemo(() => {\n                if (dividerVariant === 'none') {\n                    return null;\n                }\n\n                if (dividerVariant === 'dash') {\n                    return <StyledDivider>–</StyledDivider>;\n                }\n\n                return <StyledDivider>{dividerIcon}</StyledDivider>;\n            }, [dividerVariant, dividerIcon]);\n\n            return (\n                <Root\n                    ref={rangeRef}\n                    view={view}\n                    size={size}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    {...rest}\n                >\n                    {label && (\n                        <StyledIndicatorWrapper>\n                            <StyledLabel>{label}</StyledLabel>\n\n                            {required && (\n                                <StyledIndicator\n                                    className={cx(classes.requiredOuterPlacement, requiredPlacementClass)}\n                                />\n                            )}\n                        </StyledIndicatorWrapper>\n                    )}\n                    <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n                        {!label && required && <StyledIndicator className={cx(requiredPlacementClass)} />}\n                        {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                        <StyledInput\n                            ref={firstTextFieldRef}\n                            className={cx(firstValueErrorClass, firstValueSuccessClass)}\n                            value={firstValue}\n                            readOnly={readOnly}\n                            disabled={disabled}\n                            placeholder={firstPlaceholder}\n                            contentLeft={firstTextfieldContentLeft}\n                            contentRight={firstTextfieldContentRight}\n                            textBefore={firstTextfieldTextBefore}\n                            textAfter={firstTextfieldTextAfter}\n                            onChange={handleChangeFirstValue}\n                            onSearch={handleSearchFirstValue}\n                            onFocus={onFocusFirstTextfield}\n                            onBlur={onBlurFirstTextfield}\n                            autoComplete={autoComplete}\n                        />\n                        {Divider}\n                        <StyledInput\n                            ref={secondTextFieldRef}\n                            className={cx(secondValueErrorClass, secondValueSuccessClass)}\n                            value={secondValue}\n                            readOnly={readOnly}\n                            disabled={disabled}\n                            placeholder={secondPlaceholder}\n                            contentLeft={secondTextfieldContentLeft}\n                            contentRight={secondTextfieldContentRight}\n                            textBefore={secondTextfieldTextBefore}\n                            textAfter={secondTextfieldTextAfter}\n                            onChange={handleChangeSecondValue}\n                            onSearch={handleSearchSecondValue}\n                            onFocus={onFocusSecondTextfield}\n                            onBlur={onBlurSecondTextfield}\n                            autoComplete={autoComplete}\n                        />\n                        {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                    </ContentWrapper>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const rangeConfig = {\n    name: 'Range',\n    tag: 'div',\n    layout: rangeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","autoComplete","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","required","_ref$requiredPlacemen","requiredPlacement","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","requiredPlacementClass","classes","requiredAlignRight","undefined","rangeErrorClass","rangeError","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledIndicatorWrapper","StyledLabel","StyledIndicator","className","cx","requiredOuterPlacement","ContentWrapper","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

package/es/components/Range/Range.tokens.js

@@ -52,8 +52,6 @@ var tokens = {
   leftHelperColor: '--plasma-range__left-helper-color',
   leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',
   leftHelperOffset: '--plasma-range__left-helper-offset',
-  leftHelperColorError: '--plasma-range__left-helper-color-error',
-  leftHelperColorSuccess: '--plasma-range__left-helper-color-success',
   leftHelperFontFamily: '--plasma-range__left-helper-font-family',
   leftHelperFontStyle: '--plasma-range__left-helper-font-style',
   leftHelperFontSize: '--plasma-range__left-helper-font-size',