@salutejs/plasma-new-hope 0.93.0 → 0.94.0-canary.1224.9693519563.0

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -0,0 +1,293 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.datePickerRangeRoot = exports.datePickerRangeConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../utils");
+var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
+var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
+var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
+var _base = /*#__PURE__*/require("./variations/_size/base");
+var _base2 = /*#__PURE__*/require("./variations/_view/base");
+var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
+var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
+var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
+var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
+var _excluded = ["className", "isDoubleCalendar", "isOpen", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRangeRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+    var _rangeRef$current, _rangeRef$current2;
+    var className = _ref.className,
+      _ref$isDoubleCalendar = _ref.isDoubleCalendar,
+      isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+      label = _ref.label,
+      leftHelper = _ref.leftHelper,
+      contentLeft = _ref.contentLeft,
+      contentRight = _ref.contentRight,
+      view = _ref.view,
+      size = _ref.size,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$dividerVariant = _ref.dividerVariant,
+      dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
+      dividerIcon = _ref.dividerIcon,
+      _ref$defaultFirstDate = _ref.defaultFirstDate,
+      defaultFirstDate = _ref$defaultFirstDate === void 0 ? '' : _ref$defaultFirstDate,
+      _ref$defaultSecondDat = _ref.defaultSecondDate,
+      defaultSecondDate = _ref$defaultSecondDat === void 0 ? '' : _ref$defaultSecondDat,
+      firstValueError = _ref.firstValueError,
+      secondValueError = _ref.secondValueError,
+      firstValueSuccess = _ref.firstValueSuccess,
+      secondValueSuccess = _ref.secondValueSuccess,
+      firstPlaceholder = _ref.firstPlaceholder,
+      secondPlaceholder = _ref.secondPlaceholder,
+      firstTextfieldContentLeft = _ref.firstTextfieldContentLeft,
+      firstTextfieldContentRight = _ref.firstTextfieldContentRight,
+      secondTextfieldContentLeft = _ref.secondTextfieldContentLeft,
+      secondTextfieldContentRight = _ref.secondTextfieldContentRight,
+      firstTextfieldTextBefore = _ref.firstTextfieldTextBefore,
+      secondTextfieldTextBefore = _ref.secondTextfieldTextBefore,
+      firstTextfieldTextAfter = _ref.firstTextfieldTextAfter,
+      secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
+      _ref$format = _ref.format,
+      format = _ref$format === void 0 ? 'DD.MM.YYYY' : _ref$format,
+      maskWithFormat = _ref.maskWithFormat,
+      min = _ref.min,
+      max = _ref.max,
+      _ref$includeEdgeDates = _ref.includeEdgeDates,
+      includeEdgeDates = _ref$includeEdgeDates === void 0 ? false : _ref$includeEdgeDates,
+      eventList = _ref.eventList,
+      disabledList = _ref.disabledList,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'Days' : _ref$type,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
+      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
+      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
+      _ref$closeOnEsc = _ref.closeOnEsc,
+      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      offset = _ref.offset,
+      onToggle = _ref.onToggle,
+      onChangeFirstValue = _ref.onChangeFirstValue,
+      onChangeSecondValue = _ref.onChangeSecondValue,
+      onCommitFirstDate = _ref.onCommitFirstDate,
+      onCommitSecondDate = _ref.onCommitSecondDate,
+      onFocusFirstTextfield = _ref.onFocusFirstTextfield,
+      onFocusSecondTextfield = _ref.onFocusSecondTextfield,
+      onBlurFirstTextfield = _ref.onBlurFirstTextfield,
+      onBlurSecondTextfield = _ref.onBlurSecondTextfield,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/(0, _react.createRef)();
+    var rootRef = (0, _react.useRef)(null);
+    var _useState = (0, _react.useState)(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
+      _useState2 = _slicedToArray(_useState, 2),
+      firstInputRef = _useState2[0],
+      setFirstInputRef = _useState2[1];
+    var _useState3 = (0, _react.useState)(rangeRef === null || rangeRef === void 0 || (_rangeRef$current2 = rangeRef.current) === null || _rangeRef$current2 === void 0 ? void 0 : _rangeRef$current2.secondTextField()),
+      _useState4 = _slicedToArray(_useState3, 2),
+      secondInputRef = _useState4[0],
+      setSecondInputRef = _useState4[1];
+    var _useState5 = (0, _react.useState)(isOpen),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isInnerOpen = _useState6[0],
+      setIsInnerOpen = _useState6[1];
+    var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format)),
+      _useState8 = _slicedToArray(_useState7, 2),
+      calendarFirstValue = _useState8[0],
+      setCalendarFirstValue = _useState8[1];
+    var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultFirstDate, format)),
+      _useState10 = _slicedToArray(_useState9, 2),
+      inputFirstValue = _useState10[0],
+      setInputFirstValue = _useState10[1];
+    var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format)),
+      _useState12 = _slicedToArray(_useState11, 2),
+      calendarSecondValue = _useState12[0],
+      setCalendarSecondValue = _useState12[1];
+    var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultSecondDate, format)),
+      _useState14 = _slicedToArray(_useState13, 2),
+      inputSecondValue = _useState14[0],
+      setInputSecondValue = _useState14[1];
+    var dateFormatDelimiter = (0, _react.useCallback)(function () {
+      return (0, _dateHelper.getDateFormatDelimiter)(format);
+    }, [format]);
+    var _useDatePicker = (0, _useDatePicker3.useDatePicker)({
+        currentValue: inputFirstValue,
+        setInputValue: setInputFirstValue,
+        setCalendarValue: setCalendarFirstValue,
+        setIsInnerOpen: setIsInnerOpen,
+        dateFormatDelimiter: dateFormatDelimiter,
+        format: format,
+        disabled: disabled,
+        readOnly: readOnly,
+        maskWithFormat: maskWithFormat,
+        valueError: firstValueError,
+        valueSuccess: firstValueSuccess,
+        inputRef: firstInputRef,
+        onChangeValue: onChangeFirstValue,
+        onCommitDate: onCommitFirstDate
+      }),
+      handleChangeFirstValue = _useDatePicker.handleChangeValue,
+      handleCommitFirstDate = _useDatePicker.handleCommitDate;
+    var _useDatePicker2 = (0, _useDatePicker3.useDatePicker)({
+        currentValue: inputSecondValue,
+        setInputValue: setInputSecondValue,
+        setCalendarValue: setCalendarSecondValue,
+        setIsInnerOpen: setIsInnerOpen,
+        dateFormatDelimiter: dateFormatDelimiter,
+        format: format,
+        disabled: disabled,
+        readOnly: readOnly,
+        maskWithFormat: maskWithFormat,
+        valueError: secondValueError,
+        valueSuccess: secondValueSuccess,
+        inputRef: secondInputRef,
+        onChangeValue: onChangeSecondValue,
+        onCommitDate: onCommitSecondDate
+      }),
+      handleChangeSecondValue = _useDatePicker2.handleChangeValue,
+      handleCommitSecondDate = _useDatePicker2.handleCommitDate;
+    var handleToggle = function handleToggle(opened, event) {
+      var _firstInputRef$curren, _secondInputRef$curre;
+      if (disabled || readOnly) {
+        return;
+      }
+      var isCalendarOpen = firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(event.target || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains(event.target || null) ? true : opened;
+      if (onToggle) {
+        return onToggle(isCalendarOpen, event);
+      }
+      setIsInnerOpen(isCalendarOpen);
+    };
+    var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
+      ref: rangeRef,
+      dividerIcon: dividerIcon,
+      dividerVariant: dividerVariant,
+      disabled: disabled,
+      readOnly: !disabled && readOnly,
+      firstPlaceholder: firstPlaceholder,
+      secondPlaceholder: secondPlaceholder,
+      contentLeft: contentLeft,
+      contentRight: contentRight,
+      firstTextfieldTextBefore: firstTextfieldTextBefore,
+      secondTextfieldTextBefore: secondTextfieldTextBefore,
+      firstTextfieldTextAfter: firstTextfieldTextAfter,
+      secondTextfieldTextAfter: secondTextfieldTextAfter,
+      firstTextfieldContentLeft: firstTextfieldContentLeft,
+      firstTextfieldContentRight: firstTextfieldContentRight,
+      secondTextfieldContentLeft: secondTextfieldContentLeft,
+      secondTextfieldContentRight: secondTextfieldContentRight,
+      firstValue: inputFirstValue,
+      secondValue: inputSecondValue,
+      firstValueError: firstValueError,
+      secondValueError: secondValueError,
+      firstValueSuccess: firstValueSuccess,
+      secondValueSuccess: secondValueSuccess,
+      onChangeFirstValue: handleChangeFirstValue,
+      onChangeSecondValue: handleChangeSecondValue,
+      onSearchFirstValue: function onSearchFirstValue(_, date) {
+        handleCommitFirstDate(String(date), true, false);
+        if (!calendarSecondValue || secondValueError) {
+          var _rangeRef$current3;
+          rangeRef === null || rangeRef === void 0 || (_rangeRef$current3 = rangeRef.current) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.secondTextField()) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.current) === null || _rangeRef$current3 === void 0 || _rangeRef$current3.focus();
+        }
+      },
+      onSearchSecondValue: function onSearchSecondValue(_, date) {
+        handleCommitSecondDate(String(date), true, false);
+        if (!calendarFirstValue || firstValueError) {
+          var _rangeRef$current4;
+          rangeRef === null || rangeRef === void 0 || (_rangeRef$current4 = rangeRef.current) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.firstTextField()) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.current) === null || _rangeRef$current4 === void 0 || _rangeRef$current4.focus();
+        }
+      },
+      onFocusFirstTextfield: onFocusFirstTextfield,
+      onFocusSecondTextfield: onFocusSecondTextfield,
+      onBlurFirstTextfield: onBlurFirstTextfield,
+      onBlurSecondTextfield: onBlurSecondTextfield
+    }));
+    (0, _react.useEffect)(function () {
+      var _rangeRef$current5, _rangeRef$current6;
+      setFirstInputRef((_rangeRef$current5 = rangeRef.current) === null || _rangeRef$current5 === void 0 ? void 0 : _rangeRef$current5.firstTextField());
+      setSecondInputRef((_rangeRef$current6 = rangeRef.current) === null || _rangeRef$current6 === void 0 ? void 0 : _rangeRef$current6.secondTextField());
+    }, [rangeRef.current]);
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: rootRef,
+      view: view,
+      size: size,
+      className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
+      disabled: disabled,
+      readOnly: !disabled && readOnly
+    }, rest), label && /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.RangeDatePopover, {
+      calendarValue: [calendarFirstValue, calendarSecondValue],
+      target: RangeComponent,
+      isOpen: isOpen || isInnerOpen,
+      includeEdgeDates: includeEdgeDates,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max,
+      placement: placement,
+      closeOnOverlayClick: closeOnOverlayClick,
+      closeOnEsc: closeOnEsc,
+      offset: offset,
+      type: type,
+      onToggle: handleToggle,
+      isDoubleCalendar: isDoubleCalendar,
+      onChangeStartOfRange: function onChangeStartOfRange(firstDate) {
+        handleCommitFirstDate(firstDate, false, true);
+        handleCommitSecondDate('');
+      },
+      onChangeValue: function onChangeValue(_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          firstDate = _ref3[0],
+          secondDate = _ref3[1];
+        firstDate && handleCommitFirstDate(firstDate, false, true);
+        secondDate && handleCommitSecondDate(secondDate, false, true);
+        if (firstDate && secondDate && !firstValueError && !secondValueError) {
+          setIsInnerOpen(false);
+        }
+      }
+    }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper));
+  });
+};
+var datePickerRangeConfig = exports.datePickerRangeConfig = {
+  name: 'DatePickerRange',
+  tag: 'div',
+  layout: datePickerRangeRoot,
+  base: _RangeDate.base,
+  variations: {
+    view: {
+      css: _base2.base
+    },
+    size: {
+      css: _base.base
+    },
+    disabled: {
+      css: _base3.base,
+      attrs: true
+    },
+    readOnly: {
+      css: _base4.base,
+      attrs: true
+    }
+  },
+  defaults: {
+    size: 'm',
+    view: 'default'
+  }
+};

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.StyledRange = exports.StyledPopover = exports.StyledLabel = exports.LeftHelper = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
+var _engines = /*#__PURE__*/require("../../../engines");
+var _Range = /*#__PURE__*/require("../../Range");
+var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
+var _Popover = /*#__PURE__*/require("../../Popover");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var mergedRangeConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Range.rangeConfig);
+var Range = /*#__PURE__*/(0, _engines.component)(mergedRangeConfig);
+var mergedPopoverConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Popover.popoverConfig);
+var Popover = /*#__PURE__*/(0, _engines.component)(mergedPopoverConfig);
+var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
+  componentId: "plasma-new-hope__sc-14j95rs-0"
+})([""]);
+
+// NOTE: переопределение токенов Range
+var StyledRange = exports.StyledRange = /*#__PURE__*/(0, _styledComponents["default"])(Range).withConfig({
+  componentId: "plasma-new-hope__sc-14j95rs-1"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Range.rangeTokens.background, _DatePicker.tokens.background, _Range.rangeTokens.backgroundError, _DatePicker.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePicker.tokens.backgroundSuccess, _Range.rangeTokens.borderColor, _DatePicker.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePicker.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePicker.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePicker.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePicker.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePicker.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePicker.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _DatePicker.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePicker.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePicker.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePicker.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePicker.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePicker.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePicker.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePicker.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePicker.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePicker.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePicker.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePicker.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePicker.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePicker.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePicker.tokens.rightContentMargin, _Range.rangeTokens.labelOffset, _DatePicker.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePicker.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePicker.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePicker.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePicker.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePicker.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePicker.tokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _DatePicker.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePicker.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePicker.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePicker.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePicker.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePicker.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePicker.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePicker.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePicker.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePicker.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePicker.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePicker.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePicker.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePicker.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePicker.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePicker.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePicker.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePicker.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePicker.tokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
+var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
+  componentId: "plasma-new-hope__sc-14j95rs-2"
+})([""]);
+var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-14j95rs-3"
+})([""]);

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RangeDatePopover = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../../utils");
+var _RangeDate = /*#__PURE__*/require("../RangeDate.styles");
+var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref) {
+  var target = _ref.target,
+    isOpen = _ref.isOpen,
+    isDoubleCalendar = _ref.isDoubleCalendar,
+    calendarValue = _ref.calendarValue,
+    min = _ref.min,
+    max = _ref.max,
+    includeEdgeDates = _ref.includeEdgeDates,
+    eventList = _ref.eventList,
+    disabledList = _ref.disabledList,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
+    _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
+    closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
+    closeOnEsc = _ref.closeOnEsc,
+    offset = _ref.offset,
+    type = _ref.type,
+    size = _ref.size,
+    onChangeValue = _ref.onChangeValue,
+    onChangeStartOfRange = _ref.onChangeStartOfRange,
+    onToggle = _ref.onToggle;
+  if (isDoubleCalendar) {
+    return /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledPopover, {
+      isOpen: isOpen,
+      usePortal: false,
+      onToggle: onToggle,
+      offset: offset,
+      placement: (0, _utils.getPlacements)(placement),
+      trigger: "click",
+      closeOnOverlayClick: closeOnOverlayClick,
+      isFocusTrapped: false,
+      target: target,
+      preventOverflow: false
+    }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
+      size: size,
+      value: calendarValue,
+      eventList: eventList,
+      disabledList: disabledList,
+      min: min,
+      max: max,
+      includeEdgeDates: includeEdgeDates,
+      onChangeValue: onChangeValue,
+      onChangeStartOfRange: onChangeStartOfRange
+    }));
+  }
+  return /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledPopover, {
+    isOpen: isOpen,
+    usePortal: false,
+    onToggle: onToggle,
+    offset: offset,
+    placement: (0, _utils.getPlacements)(placement),
+    trigger: "click",
+    closeOnOverlayClick: closeOnOverlayClick,
+    isFocusTrapped: false,
+    target: target,
+    preventOverflow: false,
+    closeOnEsc: closeOnEsc
+  }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
+    size: size,
+    value: calendarValue,
+    eventList: eventList,
+    disabledList: disabledList,
+    min: min,
+    max: max,
+    type: type,
+    includeEdgeDates: includeEdgeDates,
+    onChangeValue: onChangeValue,
+    onChangeStartOfRange: onChangeStartOfRange
+  }));
+};

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCalendarDouble = exports.StyledCalendar = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Calendar = /*#__PURE__*/require("../../../Calendar");
+var _DatePicker = /*#__PURE__*/require("../../DatePicker.tokens");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _DatePickerBase = /*#__PURE__*/require("../../DatePickerBase.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedCalendarDoubleConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarDoubleConfig);
+var CalendarDouble = /*#__PURE__*/(0, _engines.component)(mergedCalendarDoubleConfig);
+var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
+var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
+var CalendarDoubleRange = /*#__PURE__*/(0, _Calendar.withRange)(CalendarDouble);
+var CalendarRange = /*#__PURE__*/(0, _Calendar.withRange)(Calendar);
+
+// NOTE: переопределение токенов Calendar
+var StyledCalendarDouble = exports.StyledCalendarDouble = /*#__PURE__*/(0, _styledComponents["default"])(CalendarDoubleRange).withConfig({
+  componentId: "plasma-new-hope__sc-vflcna-0"
+})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _Calendar.calendarBaseTokens.calendarWidth, _DatePicker.tokens.calendarWidth);
+var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(CalendarRange).withConfig({
+  componentId: "plasma-new-hope__sc-vflcna-1"
+})(["", ""], _DatePickerBase.baseCalendarTokens);

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _DatePicker = /*#__PURE__*/require("../../../DatePicker.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{opacity:var(", ");cursor:not-allowed;}"], _DatePicker.tokens.disabledOpacity);

package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _DatePicker = /*#__PURE__*/require("../../../DatePicker.tokens");
+var _RangeDate = /*#__PURE__*/require("../../RangeDate.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", ":transparent;", "{display:block;color:var(", ");}", "{color:var(", ");}}"], _DatePicker.tokens.textFieldBackgroundColorReadOnly, _RangeDate.StyledLabel, _DatePicker.tokens.labelColorReadOnly, _RangeDate.LeftHelper, _DatePicker.tokens.leftHelperColorReadOnly);

package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/tokens.json

@@ -0,0 +1,4 @@
+{
+    "type": "boolean",
+    "tokens": ["--plasma-date-picker__label-color-readonly", "--plasma-date-picker__left-helper-color-readonly"]
+}

package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _DatePicker = /*#__PURE__*/require("../../../DatePicker.tokens");
+var _RangeDate = /*#__PURE__*/require("../../RangeDate.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["width:var(", ");", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], _DatePicker.tokens.width, _RangeDate.StyledLabel, _DatePicker.tokens.labelOffset, _DatePicker.tokens.labelFontFamily, _DatePicker.tokens.labelFontSize, _DatePicker.tokens.labelFontStyle, _DatePicker.tokens.labelFontWeight, _DatePicker.tokens.labelLetterSpacing, _DatePicker.tokens.labelLineHeight, _RangeDate.LeftHelper, _DatePicker.tokens.leftHelperOffset, _DatePicker.tokens.leftHelperFontFamily, _DatePicker.tokens.leftHelperFontSize, _DatePicker.tokens.leftHelperFontStyle, _DatePicker.tokens.leftHelperFontWeight, _DatePicker.tokens.leftHelperLetterSpacing, _DatePicker.tokens.leftHelperLineHeight);

package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _RangeDate = /*#__PURE__*/require("../../RangeDate.styles");
+var _DatePicker = /*#__PURE__*/require("../../../DatePicker.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{display:block;color:var(", ");}", "{color:var(", ");}"], _RangeDate.StyledLabel, _DatePicker.tokens.labelColor, _RangeDate.LeftHelper, _DatePicker.tokens.leftHelperColor);