@salutejs/plasma-new-hope 0.242.0-canary.1709.12829247465.0 → 0.242.1-canary.1707.12879664455.0

package/cjs/utils/datejs.js

@@ -9,10 +9,17 @@ var advancedFormat = require('dayjs/plugin/advancedFormat');
 require('dayjs/locale/ru');
 require('dayjs/locale/en');
 
-dayjs.extend(customParseFormat);
-dayjs.extend(quarterOfYear);
-dayjs.extend(advancedFormat);
-var customDayjs = dayjs;
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var customParseFormat__default = /*#__PURE__*/_interopDefault(customParseFormat);
+var quarterOfYear__default = /*#__PURE__*/_interopDefault(quarterOfYear);
+var advancedFormat__default = /*#__PURE__*/_interopDefault(advancedFormat);
+
+dayjs__default.default.extend(customParseFormat__default.default);
+dayjs__default.default.extend(quarterOfYear__default.default);
+dayjs__default.default.extend(advancedFormat__default.default);
+var customDayjs = dayjs__default.default;
 
 exports.customDayjs = customDayjs;
 //# sourceMappingURL=datejs.js.map

package/cjs/utils/datejs.js.map

@@ -1 +1 @@
-{"version":3,"file":"datejs.js","sources":["../../src/utils/datejs.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport quarterOfYear from 'dayjs/plugin/quarterOfYear';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\n\nimport 'dayjs/locale/ru';\nimport 'dayjs/locale/en';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(quarterOfYear);\ndayjs.extend(advancedFormat);\n\nexport const customDayjs = dayjs;\n"],"names":["dayjs","extend","customParseFormat","quarterOfYear","advancedFormat","customDayjs"],"mappings":";;;;;;;;;;;AAQAA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAAC,CAAA;AAC/BF,KAAK,CAACC,MAAM,CAACE,aAAa,CAAC,CAAA;AAC3BH,KAAK,CAACC,MAAM,CAACG,cAAc,CAAC,CAAA;AAErB,IAAMC,WAAW,GAAGL;;;;"}
+{"version":3,"file":"datejs.js","sources":["../../src/utils/datejs.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport quarterOfYear from 'dayjs/plugin/quarterOfYear';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\n\nimport 'dayjs/locale/ru';\nimport 'dayjs/locale/en';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(quarterOfYear);\ndayjs.extend(advancedFormat);\n\nexport const customDayjs = dayjs;\n"],"names":["dayjs","extend","customParseFormat","quarterOfYear","advancedFormat","customDayjs"],"mappings":";;;;;;;;;;;;;;;;;;AAQAA,sBAAK,CAACC,MAAM,CAACC,kCAAiB,CAAC,CAAA;AAC/BF,sBAAK,CAACC,MAAM,CAACE,8BAAa,CAAC,CAAA;AAC3BH,sBAAK,CAACC,MAAM,CAACG,+BAAc,CAAC,CAAA;AAErB,IAAMC,WAAW,GAAGL;;;;"}

package/cjs/utils/fixedForwardRef.js

@@ -4,8 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 function fixedForwardRef(render) {
-  return /*#__PURE__*/React.forwardRef(render);
+  return /*#__PURE__*/React__default.default.forwardRef(render);
 }
 
 exports.fixedForwardRef = fixedForwardRef;

package/cjs/utils/fixedForwardRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"fixedForwardRef.js","sources":["../../src/utils/fixedForwardRef.ts"],"sourcesContent":["import React from 'react';\n\nexport function fixedForwardRef<T, P = {}>(\n    render: (props: P, ref: React.Ref<T>) => React.ReactElement | null,\n): (props: P & React.RefAttributes<T>) => React.ReactElement | null {\n    return React.forwardRef(render as any) as any;\n}\n"],"names":["fixedForwardRef","render","React","forwardRef"],"mappings":";;;;;;AAEO,SAASA,eAAeA,CAC3BC,MAAkE,EACF;AAChE,EAAA,oBAAOC,KAAK,CAACC,UAAU,CAACF,MAAa,CAAC,CAAA;AAC1C;;;;"}
+{"version":3,"file":"fixedForwardRef.js","sources":["../../src/utils/fixedForwardRef.ts"],"sourcesContent":["import React from 'react';\n\nexport function fixedForwardRef<T, P = {}>(\n    render: (props: P, ref: React.Ref<T>) => React.ReactElement | null,\n): (props: P & React.RefAttributes<T>) => React.ReactElement | null {\n    return React.forwardRef(render as any) as any;\n}\n"],"names":["fixedForwardRef","render","React","forwardRef"],"mappings":";;;;;;;;;;AAEO,SAASA,eAAeA,CAC3BC,MAAkE,EACF;AAChE,EAAA,oBAAOC,sBAAK,CAACC,UAAU,CAACF,MAAa,CAAC,CAAA;AAC1C;;;;"}

package/cjs/utils/react.js

@@ -6,10 +6,15 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var useUniqId = require('../hooks/useUniqId.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-var _ref = React,
+var _ref = React__default.default,
   useId = _ref.useId;
-var IS_REACT_18 = ReactDOM.version.split('.')[0] === '18';
+var IS_REACT_18 = ReactDOM__default.default.version.split('.')[0] === '18';
 var safeUseId = !IS_REACT_18 ? useUniqId.useUniqId : useId;
 
 exports.IS_REACT_18 = IS_REACT_18;

package/cjs/utils/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":["../../src/utils/react.ts"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\n// NOTE: для next.js важно, чтобы путь до хука был полный, т.к. есть проблемы с ре-экспортом\nimport { useUniqId } from '../hooks/useUniqId';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst { useId } = React as any;\n\nexport const IS_REACT_18 = ReactDOM.version.split('.')[0] === '18';\n\nexport const safeUseId: () => string = !IS_REACT_18 ? useUniqId : useId;\n"],"names":["_ref","React","useId","IS_REACT_18","ReactDOM","version","split","safeUseId","useUniqId"],"mappings":";;;;;;;;AAMA;AACA,IAAAA,IAAA,GAAkBC,KAAK;EAAfC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;IAEAC,WAAW,GAAGC,QAAQ,CAACC,OAAO,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,KAAI;AAE3D,IAAMC,SAAuB,GAAG,CAACJ,WAAW,GAAGK,mBAAS,GAAGN;;;;;"}
+{"version":3,"file":"react.js","sources":["../../src/utils/react.ts"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\n// NOTE: для next.js важно, чтобы путь до хука был полный, т.к. есть проблемы с ре-экспортом\nimport { useUniqId } from '../hooks/useUniqId';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst { useId } = React as any;\n\nexport const IS_REACT_18 = ReactDOM.version.split('.')[0] === '18';\n\nexport const safeUseId: () => string = !IS_REACT_18 ? useUniqId : useId;\n"],"names":["_ref","React","useId","IS_REACT_18","ReactDOM","version","split","safeUseId","useUniqId"],"mappings":";;;;;;;;;;;;;AAMA;AACA,IAAAA,IAAA,GAAkBC,sBAAK;EAAfC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;IAEAC,WAAW,GAAGC,yBAAQ,CAACC,OAAO,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,KAAI;AAE3D,IAAMC,SAAuB,GAAG,CAACJ,WAAW,GAAGK,mBAAS,GAAGN;;;;;"}

package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx

@@ -25,11 +25,6 @@ type Items = Array<{
          * Метка-подпись к item
          */
         label: string;
-        /**
-        * Сторона открытия вложенного дропдауна относительно текущего элемента
-        * @default right
-        */
-        placement?: Placement;
         /**
          * Список дочерних items.
          */

package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js

@@ -39,7 +39,7 @@ var Inner = exports.Inner = function Inner(_ref) {
   if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
     var _item$items;
     return /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
-      placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right-start',
+      placement: "right-start",
       opened: isCurrentListOpen,
       onToggle: handleToggle,
       offset: 2,

package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -19,7 +19,7 @@ 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", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 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); }
@@ -104,6 +104,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
+      closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
       onToggle = _ref.onToggle,
       onChange = _ref.onChange,
@@ -156,6 +158,14 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
+    var _useState15 = (0, _react.useState)(Boolean(calendarFirstValue && calendarSecondValue)),
+      _useState16 = _slicedToArray(_useState15, 2),
+      fullDateEntered = _useState16[0],
+      setFullDateEntered = _useState16[1];
+    var _useState17 = (0, _react.useState)(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      secondTextFieldClicked = _useState18[0],
+      setSecondTextFieldClicked = _useState18[1];
     var setFirstInputValue = function setFirstInputValue(value) {
       setInputFirstValue(value);
       if (onChange) {
@@ -216,12 +226,12 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       }),
       handleChangeSecondValue = _useDatePicker2.handleChangeValue,
       handleCommitSecondDate = _useDatePicker2.handleCommitDate;
-    var handleToggle = function handleToggle(opened, event) {
+    var handleToggle = function handleToggle(currentOpened, 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)) && event.code !== _useKeyboardNavigation.keys.Escape ? true : opened;
+      var isCalendarOpen = (firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains((event === null || event === void 0 ? void 0 : event.target) || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains((event === null || event === void 0 ? void 0 : event.target) || null)) && (event === null || event === void 0 ? void 0 : event.code) !== _useKeyboardNavigation.keys.Escape ? true : currentOpened;
       if (!isCalendarOpen) {
         if (calendarFirstValue && !calendarSecondValue) {
           var _secondInputRef$curre2;
@@ -232,11 +242,22 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
           firstInputRef === null || firstInputRef === void 0 || (_firstInputRef$curren2 = firstInputRef.current) === null || _firstInputRef$curren2 === void 0 || _firstInputRef$curren2.focus();
         }
       }
+      if (!isCalendarOpen) {
+        setSecondTextFieldClicked(false);
+      }
       if (onToggle) {
         return onToggle(isCalendarOpen, event);
       }
       setIsInnerOpen(isCalendarOpen);
     };
+    var handleFocusFirstTextField = function handleFocusFirstTextField(event) {
+      onFocusFirstTextfield === null || onFocusFirstTextfield === void 0 || onFocusFirstTextfield(event);
+      setSecondTextFieldClicked(false);
+    };
+    var handleFocusSecondTextField = function handleFocusSecondTextField(event) {
+      onFocusSecondTextfield === null || onFocusSecondTextfield === void 0 || onFocusSecondTextfield(event);
+      setSecondTextFieldClicked(true);
+    };
     var handleBlur = function handleBlur(event, outerHandler) {
       if (!inputFirstValue || !inputSecondValue) {
         outerHandler === null || outerHandler === void 0 || outerHandler(event);
@@ -276,6 +297,37 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         closeOnEsc: closeOnEsc
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
+    var handleChangeStartOfRange = function handleChangeStartOfRange(chosenDate, dateInfo) {
+      if (!fullDateEntered) {
+        handleCommitFirstDate(chosenDate, false, true, dateInfo);
+        handleCommitSecondDate('');
+        return;
+      }
+      var prevValue = secondTextFieldClicked ? calendarFirstValue : calendarSecondValue;
+      var _getSortedValues3 = (0, _utils2.getSortedValues)([prevValue, chosenDate]),
+        _getSortedValues4 = _slicedToArray(_getSortedValues3, 2),
+        first = _getSortedValues4[0],
+        second = _getSortedValues4[1];
+      handleCommitFirstDate(first, false, true, dateInfo);
+      handleCommitSecondDate(second, false, true, dateInfo);
+      if (!firstValueError && !secondValueError && closeAfterDateSelect) {
+        handleToggle(false);
+      }
+    };
+    var handleChangeCalendarValue = function handleChangeCalendarValue(_ref2, dateInfo) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        firstDate = _ref3[0],
+        secondDate = _ref3[1];
+      if (firstDate) {
+        handleCommitFirstDate(firstDate, false, true, dateInfo);
+      }
+      if (secondDate) {
+        handleCommitSecondDate(secondDate, false, true, dateInfo);
+      }
+      if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {
+        handleToggle(false);
+      }
+    };
     var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
       ref: rangeRef,
       autoComplete: autoComplete,
@@ -321,8 +373,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
           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,
+      onFocusFirstTextfield: handleFocusFirstTextField,
+      onFocusSecondTextfield: handleFocusSecondTextField,
       onBlurFirstTextfield: function onBlurFirstTextfield(event) {
         return handleBlur(event, _onBlurFirstTextfield);
       },
@@ -371,8 +423,13 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         lang: lang
       }));
     }, [format, lang]);
-    var RootWrapper = (0, _react.useCallback)(function (_ref2) {
-      var children = _ref2.children;
+    (0, _react.useEffect)(function () {
+      if (calendarFirstValue && calendarSecondValue) {
+        setFullDateEntered(true);
+      }
+    }, [calendarFirstValue, calendarSecondValue]);
+    var RootWrapper = (0, _react.useCallback)(function (_ref4) {
+      var children = _ref4.children;
       return /*#__PURE__*/_react["default"].createElement(Root, {
         view: view,
         size: size,
@@ -414,20 +471,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       lang: lang,
       isDoubleCalendar: isDoubleCalendar,
       rootWrapper: RootWrapper,
-      onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
-        handleCommitFirstDate(firstDate, false, true, dateInfo);
-        handleCommitSecondDate('');
-      },
-      onChangeValue: function onChangeValue(_ref3, dateInfo) {
-        var _ref4 = _slicedToArray(_ref3, 2),
-          firstDate = _ref4[0],
-          secondDate = _ref4[1];
-        firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
-        secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
-        if (firstDate && secondDate && !firstValueError && !secondValueError) {
-          setIsInnerOpen(false);
-        }
-      }
+      onChangeStartOfRange: handleChangeStartOfRange,
+      onChangeValue: handleChangeCalendarValue
     }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
       name: name,
       type: "hidden",

package/emotion/cjs/components/Dropdown/Dropdown.template-doc.mdx

@@ -29,10 +29,6 @@ type Items = Array<{
          * Метка-подпись к item
          */
         label: string;
-        /**
-        * Сторона открытия вложенного дропдауна относительно текущего элемента;
-        */
-        placement: DropdownPlacement;
         /**
          * Список дочерних items.
          */

package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -9,7 +9,6 @@ var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _DropdownItem = /*#__PURE__*/require("../DropdownItem/DropdownItem");
 var _Dropdown = /*#__PURE__*/require("../../Dropdown.styles");
 var _FloatingPopover = /*#__PURE__*/require("../../FloatingPopover");
-var _utils = /*#__PURE__*/require("../../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
   var item = _ref.item,
@@ -41,7 +40,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
   var nextLevel = currentLevel + 1;
   if (item !== null && item !== void 0 && item.items) {
     return /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
-      placement: (0, _utils.getPlacement)((item === null || item === void 0 ? void 0 : item.placement) || 'right'),
+      placement: "right-start",
       opened: isCurrentListOpen,
       onToggle: handleToggle,
       trigger: trigger,

package/emotion/cjs/components/Select/ui/Inner/Inner.js

@@ -39,7 +39,7 @@ var Inner = exports.Inner = function Inner(_ref) {
   if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
     var _item$items;
     return /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
-      placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right',
+      placement: "right",
       opened: isCurrentListOpen,
       onToggle: handleToggle,
       offset: 2,

package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -192,7 +192,6 @@ const StoryRange = ({
     const rangeRef = useRef<RangeInputRefs>(null);
 
     const [isOpen, setIsOpen] = useState(false);
-    const [firstDate, setFirstDate] = useState<string | Date>('');
 
     const iconSize = size === 'xs' ? 'xs' : 's';
     const showDividerIcon = dividerVariant === 'icon';
@@ -239,12 +238,6 @@ const StoryRange = ({
             onChangeSecondValue={(e, currentValue) => {
                 onChangeSecondValue(e, currentValue);
             }}
-            onCommitFirstDate={(currentValue) => {
-                setFirstDate(currentValue);
-            }}
-            onCommitSecondDate={(currentValue) => {
-                firstDate && currentValue && setIsOpen(false);
-            }}
             lang={lang}
             {...dividerIconProps}
             {...rest}
@@ -279,6 +272,7 @@ export const Range: StoryObj<StoryPropsRange> = {
         size: 'l',
         view: 'default',
         isDoubleCalendar: false,
+        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),

package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx

@@ -186,12 +186,12 @@ const StoryRange = ({
     secondValueError,
     secondValueSuccess,
     size,
+    lang,
     ...rest
 }: StoryPropsRange) => {
     const rangeRef = useRef<RangeInputRefs>(null);
 
     const [isOpen, setIsOpen] = useState(false);
-    const [firstDate, setFirstDate] = useState<string | Date>('');
 
     const iconSize = size === 'xs' ? 'xs' : 's';
     const showDividerIcon = dividerVariant === 'icon';
@@ -238,12 +238,7 @@ const StoryRange = ({
             onChangeSecondValue={(e, currentValue) => {
                 onChangeSecondValue(e, currentValue);
             }}
-            onCommitFirstDate={(currentValue) => {
-                setFirstDate(currentValue);
-            }}
-            onCommitSecondDate={(currentValue) => {
-                firstDate && currentValue && setIsOpen(false);
-            }}
+            lang={lang}
             {...dividerIconProps}
             {...rest}
         />
@@ -277,6 +272,7 @@ export const Range: StoryObj<StoryPropsRange> = {
         size: 'l',
         view: 'default',
         isDoubleCalendar: false,
+        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),

package/emotion/es/components/Combobox/Combobox.template-doc.mdx

@@ -25,11 +25,6 @@ type Items = Array<{
          * Метка-подпись к item
          */
         label: string;
-        /**
-        * Сторона открытия вложенного дропдауна относительно текущего элемента
-        * @default right
-        */
-        placement?: Placement;
         /**
          * Список дочерних items.
          */

package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js

@@ -32,7 +32,7 @@ export var Inner = function Inner(_ref) {
   if (!isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
     var _item$items;
     return /*#__PURE__*/React.createElement(FloatingPopover, {
-      placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right-start',
+      placement: "right-start",
       opened: isCurrentListOpen,
       onToggle: handleToggle,
       offset: 2,

package/emotion/es/components/DatePicker/RangeDate/RangeDate.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 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."); }
@@ -95,6 +95,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
+      closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
       onToggle = _ref.onToggle,
       onChange = _ref.onChange,
@@ -147,6 +149,14 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
+    var _useState15 = useState(Boolean(calendarFirstValue && calendarSecondValue)),
+      _useState16 = _slicedToArray(_useState15, 2),
+      fullDateEntered = _useState16[0],
+      setFullDateEntered = _useState16[1];
+    var _useState17 = useState(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      secondTextFieldClicked = _useState18[0],
+      setSecondTextFieldClicked = _useState18[1];
     var setFirstInputValue = function setFirstInputValue(value) {
       setInputFirstValue(value);
       if (onChange) {
@@ -207,12 +217,12 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       }),
       handleChangeSecondValue = _useDatePicker2.handleChangeValue,
       handleCommitSecondDate = _useDatePicker2.handleCommitDate;
-    var handleToggle = function handleToggle(opened, event) {
+    var handleToggle = function handleToggle(currentOpened, 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)) && event.code !== keys.Escape ? true : opened;
+      var isCalendarOpen = (firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains((event === null || event === void 0 ? void 0 : event.target) || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains((event === null || event === void 0 ? void 0 : event.target) || null)) && (event === null || event === void 0 ? void 0 : event.code) !== keys.Escape ? true : currentOpened;
       if (!isCalendarOpen) {
         if (calendarFirstValue && !calendarSecondValue) {
           var _secondInputRef$curre2;
@@ -223,11 +233,22 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
           firstInputRef === null || firstInputRef === void 0 || (_firstInputRef$curren2 = firstInputRef.current) === null || _firstInputRef$curren2 === void 0 || _firstInputRef$curren2.focus();
         }
       }
+      if (!isCalendarOpen) {
+        setSecondTextFieldClicked(false);
+      }
       if (onToggle) {
         return onToggle(isCalendarOpen, event);
       }
       setIsInnerOpen(isCalendarOpen);
     };
+    var handleFocusFirstTextField = function handleFocusFirstTextField(event) {
+      onFocusFirstTextfield === null || onFocusFirstTextfield === void 0 || onFocusFirstTextfield(event);
+      setSecondTextFieldClicked(false);
+    };
+    var handleFocusSecondTextField = function handleFocusSecondTextField(event) {
+      onFocusSecondTextfield === null || onFocusSecondTextfield === void 0 || onFocusSecondTextfield(event);
+      setSecondTextFieldClicked(true);
+    };
     var handleBlur = function handleBlur(event, outerHandler) {
       if (!inputFirstValue || !inputSecondValue) {
         outerHandler === null || outerHandler === void 0 || outerHandler(event);
@@ -267,6 +288,37 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
         closeOnEsc: closeOnEsc
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
+    var handleChangeStartOfRange = function handleChangeStartOfRange(chosenDate, dateInfo) {
+      if (!fullDateEntered) {
+        handleCommitFirstDate(chosenDate, false, true, dateInfo);
+        handleCommitSecondDate('');
+        return;
+      }
+      var prevValue = secondTextFieldClicked ? calendarFirstValue : calendarSecondValue;
+      var _getSortedValues3 = getSortedValues([prevValue, chosenDate]),
+        _getSortedValues4 = _slicedToArray(_getSortedValues3, 2),
+        first = _getSortedValues4[0],
+        second = _getSortedValues4[1];
+      handleCommitFirstDate(first, false, true, dateInfo);
+      handleCommitSecondDate(second, false, true, dateInfo);
+      if (!firstValueError && !secondValueError && closeAfterDateSelect) {
+        handleToggle(false);
+      }
+    };
+    var handleChangeCalendarValue = function handleChangeCalendarValue(_ref2, dateInfo) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        firstDate = _ref3[0],
+        secondDate = _ref3[1];
+      if (firstDate) {
+        handleCommitFirstDate(firstDate, false, true, dateInfo);
+      }
+      if (secondDate) {
+        handleCommitSecondDate(secondDate, false, true, dateInfo);
+      }
+      if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {
+        handleToggle(false);
+      }
+    };
     var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
       ref: rangeRef,
       autoComplete: autoComplete,
@@ -312,8 +364,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
           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,
+      onFocusFirstTextfield: handleFocusFirstTextField,
+      onFocusSecondTextfield: handleFocusSecondTextField,
       onBlurFirstTextfield: function onBlurFirstTextfield(event) {
         return handleBlur(event, _onBlurFirstTextfield);
       },
@@ -362,8 +414,13 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
         lang: lang
       }));
     }, [format, lang]);
-    var RootWrapper = useCallback(function (_ref2) {
-      var children = _ref2.children;
+    useEffect(function () {
+      if (calendarFirstValue && calendarSecondValue) {
+        setFullDateEntered(true);
+      }
+    }, [calendarFirstValue, calendarSecondValue]);
+    var RootWrapper = useCallback(function (_ref4) {
+      var children = _ref4.children;
       return /*#__PURE__*/React.createElement(Root, {
         view: view,
         size: size,
@@ -405,20 +462,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       lang: lang,
       isDoubleCalendar: isDoubleCalendar,
       rootWrapper: RootWrapper,
-      onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
-        handleCommitFirstDate(firstDate, false, true, dateInfo);
-        handleCommitSecondDate('');
-      },
-      onChangeValue: function onChangeValue(_ref3, dateInfo) {
-        var _ref4 = _slicedToArray(_ref3, 2),
-          firstDate = _ref4[0],
-          secondDate = _ref4[1];
-        firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
-        secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
-        if (firstDate && secondDate && !firstValueError && !secondValueError) {
-          setIsInnerOpen(false);
-        }
-      }
+      onChangeStartOfRange: handleChangeStartOfRange,
+      onChangeValue: handleChangeCalendarValue
     }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
       name: name,
       type: "hidden",

package/emotion/es/components/Dropdown/Dropdown.template-doc.mdx

@@ -29,10 +29,6 @@ type Items = Array<{
          * Метка-подпись к item
          */
         label: string;
-        /**
-        * Сторона открытия вложенного дропдауна относительно текущего элемента;
-        */
-        placement: DropdownPlacement;
         /**
          * Список дочерних items.
          */

package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -3,7 +3,6 @@ import { safeUseId } from '@salutejs/plasma-core';
 import { DropdownItem } from '../DropdownItem/DropdownItem';
 import { Ul } from '../../Dropdown.styles';
 import { FloatingPopover } from '../../FloatingPopover';
-import { getPlacement } from '../../utils';
 var DropdownInner = function DropdownInner(_ref) {
   var item = _ref.item,
     currentLevel = _ref.currentLevel,
@@ -34,7 +33,7 @@ var DropdownInner = function DropdownInner(_ref) {
   var nextLevel = currentLevel + 1;
   if (item !== null && item !== void 0 && item.items) {
     return /*#__PURE__*/React.createElement(FloatingPopover, {
-      placement: getPlacement((item === null || item === void 0 ? void 0 : item.placement) || 'right'),
+      placement: "right-start",
       opened: isCurrentListOpen,
       onToggle: handleToggle,
       trigger: trigger,

package/emotion/es/components/Select/ui/Inner/Inner.js

@@ -32,7 +32,7 @@ export var Inner = function Inner(_ref) {
   if (!isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
     var _item$items;
     return /*#__PURE__*/React.createElement(FloatingPopover, {
-      placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right',
+      placement: "right",
       opened: isCurrentListOpen,
       onToggle: handleToggle,
       offset: 2,

package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -192,7 +192,6 @@ const StoryRange = ({
     const rangeRef = useRef<RangeInputRefs>(null);
 
     const [isOpen, setIsOpen] = useState(false);
-    const [firstDate, setFirstDate] = useState<string | Date>('');
 
     const iconSize = size === 'xs' ? 'xs' : 's';
     const showDividerIcon = dividerVariant === 'icon';
@@ -239,12 +238,6 @@ const StoryRange = ({
             onChangeSecondValue={(e, currentValue) => {
                 onChangeSecondValue(e, currentValue);
             }}
-            onCommitFirstDate={(currentValue) => {
-                setFirstDate(currentValue);
-            }}
-            onCommitSecondDate={(currentValue) => {
-                firstDate && currentValue && setIsOpen(false);
-            }}
             lang={lang}
             {...dividerIconProps}
             {...rest}
@@ -279,6 +272,7 @@ export const Range: StoryObj<StoryPropsRange> = {
         size: 'l',
         view: 'default',
         isDoubleCalendar: false,
+        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),