@salutejs/plasma-new-hope 0.147.0-canary.1437.10892194926.0 → 0.147.0-canary.1440.10898537587.0

package/cjs/index.css

@@ -680,17 +680,3 @@
 .base_11fpjfv_b14xop9w__3f9dd444 .base_11fpjfv_e1fh2i5t__3f9dd444{background:var( --plasma-editable-icon-background, linear-gradient(270deg,var(--plasma-editable-edit-button-background) 70%,rgba(0,0,0,0) 120%) );color:var(--plasma-editable-edit-button-color);}.base_11fpjfv_b14xop9w__3f9dd444:hover > .base_11fpjfv_e1fh2i5t__3f9dd444{color:var(--plasma-editable-edit-button-color-hover);}
 
 .base_54y6eh_b1x5zqph__a3c52690 .base_54y6eh_e1fh2i5t__a3c52690{padding-left:var(--plasma-editable-edit-button-padding-left);}.base_54y6eh_b1x5zqph__a3c52690 .base_54y6eh_editableTextBox__a3c52690{margin-right:var(--plasma-editable-text-box-margin-right);padding-right:var(--plasma-editable-text-box-padding-right);}
-
-.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_horizontal__bf96e72c{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_vertical__bf96e72c{row-gap:var(--plasma-attach-vertical-gap);}.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_auto__bf96e72c{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}
-
-.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_horizontal__83d45116{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_vertical__83d45116{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_auto__83d45116{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-
-.Attach_styles_17fejif_by826kf__b001d2f6{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.Attach_styles_17fejif_sw7vb9c__b001d2f6{display:none;}
-.Attach_styles_17fejif_suojwhg__b001d2f6{position:absolute;visibility:hidden;font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}
-
-.Button_styles_oi6jxf_sfplb1t__92f1711d{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);}
-
-.Cell_styles_1dlvsak_si1k6gv__6095305f{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important;}.Cell_styles_1dlvsak_si1k6gv__6095305f.Cell_styles_1dlvsak_cellHidden__6095305f{visibility:hidden;}
-
-.IconButton_styles_14dty7n_sdel9u5__d56017d3{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);}

package/cjs/index.js

@@ -189,8 +189,6 @@ var EmptyState = require('./components/EmptyState/EmptyState.js');
 var EmptyState_tokens = require('./components/EmptyState/EmptyState.tokens.js');
 var Editable = require('./components/Editable/Editable.js');
 var Editable_tokens = require('./components/Editable/Editable.tokens.js');
-var Attach = require('./components/Attach/Attach.js');
-var Attach_tokens = require('./components/Attach/Attach.tokens.js');
 var common = require('./engines/common.js');
 var canUseDOM = require('./utils/canUseDOM.js');
 var extractTextFrom = require('./utils/extractTextFrom.js');
@@ -561,9 +559,6 @@ exports.emptyStateTokens = EmptyState_tokens.tokens;
 exports.editableConfig = Editable.editableConfig;
 exports.editableRoot = Editable.editableRoot;
 exports.editableTokens = Editable_tokens.tokens;
-exports.attachConfig = Attach.attachConfig;
-exports.attachRoot = Attach.attachRoot;
-exports.attachTokens = Attach_tokens.tokens;
 exports.component = common.component;
 exports.mergeConfig = common.mergeConfig;
 exports.canUseDOM = canUseDOM.canUseDOM;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/emotion/cjs/components/Cell/Cell.js

@@ -31,8 +31,7 @@ var cellRoot = exports.cellRoot = function cellRoot(Root) {
       description = _ref.description,
       content = _ref.content,
       _ref$stretching = _ref.stretching,
-      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      className = _ref.className;
+      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
     var stretchingClass = _Cell2.classes["".concat(stretching, "Stretching")];
 
     // Импорт  старых свойств
@@ -42,7 +41,7 @@ var cellRoot = exports.cellRoot = function cellRoot(Root) {
       ref: outerRootRef,
       size: size,
       view: view,
-      className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot, className)
+      className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot)
     }, contentLeftDeprecated && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
       align: alignContentLeft
     }, contentLeftDeprecated), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, titleText || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextbox, {

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

@@ -122,7 +122,11 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       _useState8 = _slicedToArray(_useState7, 2),
       calendarFirstValue = _useState8[0],
       setCalendarFirstValue = _useState8[1];
-    var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultFirstDate, format, lang)),
+    var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      })),
       _useState10 = _slicedToArray(_useState9, 2),
       inputFirstValue = _useState10[0],
       setInputFirstValue = _useState10[1];
@@ -130,7 +134,11 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       _useState12 = _slicedToArray(_useState11, 2),
       calendarSecondValue = _useState12[0],
       setCalendarSecondValue = _useState12[1];
-    var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultSecondDate, format, lang)),
+    var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      })),
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
@@ -249,17 +257,33 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
     }, [opened]);
     (0, _react.useEffect)(function () {
       setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format, lang));
-      setInputFirstValue((0, _dateHelper.formatInputValue)(defaultFirstDate, format, lang));
+      setInputFirstValue((0, _dateHelper.formatInputValue)({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultFirstDate]);
     (0, _react.useEffect)(function () {
       setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format, lang));
-      setInputSecondValue((0, _dateHelper.formatInputValue)(defaultSecondDate, format, lang));
+      setInputSecondValue((0, _dateHelper.formatInputValue)({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultSecondDate]);
     (0, _react.useEffect)(function () {
       setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format, lang));
-      setInputFirstValue((0, _dateHelper.formatInputValue)(defaultFirstDate, format, lang));
+      setInputFirstValue((0, _dateHelper.formatInputValue)({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      }));
       setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format, lang));
-      setInputSecondValue((0, _dateHelper.formatInputValue)(defaultSecondDate, format, lang));
+      setInputSecondValue((0, _dateHelper.formatInputValue)({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      }));
     }, [format, lang]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: rootRef,

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

@@ -92,7 +92,11 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       _useState4 = _slicedToArray(_useState3, 2),
       calendarValue = _useState4[0],
       setCalendarValue = _useState4[1];
-    var _useState5 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultDate, format, lang)),
+    var _useState5 = (0, _react.useState)((0, _dateHelper.formatInputValue)({
+        value: defaultDate,
+        format: format,
+        lang: lang
+      })),
       _useState6 = _slicedToArray(_useState5, 2),
       inputValue = _useState6[0],
       setInputValue = _useState6[1];
@@ -158,11 +162,19 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
     }, [opened]);
     (0, _react.useEffect)(function () {
       setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang));
-      setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format, lang));
+      setInputValue((0, _dateHelper.formatInputValue)({
+        value: defaultDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultDate]);
     (0, _react.useEffect)(function () {
       setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang));
-      setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format, lang));
+      setInputValue((0, _dateHelper.formatInputValue)({
+        value: defaultDate,
+        format: format,
+        lang: lang
+      }));
     }, [format, lang]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       view: view,

package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDatePicker = void 0;
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
 var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
+var _datejs = /*#__PURE__*/require("../../../utils/datejs");
 var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
   var currentValue = _ref.currentValue,
     setInputValue = _ref.setInputValue,
@@ -44,10 +45,36 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
     var newValue = maskWithFormat ? (0, _dateHelper.getMaskedDateOnInput)(value, format, dateFormatDelimiter(), currentValue) : value;
     if (!format) {
       setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue));
-    } else if ((newValue === null || newValue === void 0 ? void 0 : newValue.length) === format.length) {
+      setInputValue((0, _dateHelper.formatInputValue)({
+        value: newValue,
+        format: format,
+        lang: lang
+      }));
+      onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+      return;
+    }
+    var hasMonthFullName = /M{3,4}/g.test(format);
+    var isValidMonth;
+    var isLengthEqual;
+    if (hasMonthFullName) {
+      var firstIndexOfMonth = format.indexOf('M');
+      var lastIndexOfMonth = newValue.indexOf(dateFormatDelimiter(), firstIndexOfMonth);
+      var fullMonthName = !lastIndexOfMonth ? newValue.slice(firstIndexOfMonth) : newValue.slice(firstIndexOfMonth, lastIndexOfMonth);
+      _datejs.customDayjs.locale(lang);
+      isValidMonth = (0, _datejs.customDayjs)("01 ".concat(fullMonthName, " 1970"), 'DD MMMM YYYY', true).isValid();
+      isLengthEqual = format.length - 4 === newValue.length - fullMonthName.length;
+    }
+    if (!hasMonthFullName && (newValue === null || newValue === void 0 ? void 0 : newValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
       setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue, format, lang));
     }
-    setInputValue((0, _dateHelper.formatInputValue)(newValue, format, lang));
+    setInputValue((0, _dateHelper.formatInputValue)({
+      value: newValue,
+      format: format,
+      lang: lang,
+      hasMonthFullName: hasMonthFullName,
+      isValidMonth: isValidMonth,
+      isLengthEqual: isLengthEqual
+    }));
     onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
   };
   var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
@@ -61,8 +88,13 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
     }
     if (isCalendarValue) {
       setCalendarValue((0, _dateHelper.formatCalendarValue)(date, format, lang));
-      setInputValue((0, _dateHelper.formatInputValue)(date, format, lang));
-      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true, dateInfo);
+      setInputValue((0, _dateHelper.formatInputValue)({
+        value: date,
+        format: format,
+        lang: lang
+      }));
+      onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
+      return;
     }
     var formatString = applyFormat ? format : undefined;
     var _getDateFromFormat = (0, _dateHelper.getDateFromFormat)(date, formatString, lang),
@@ -70,7 +102,11 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
       isError = _getDateFromFormat.isError,
       isSuccess = _getDateFromFormat.isSuccess;
     setCalendarValue((0, _dateHelper.formatCalendarValue)(newDate, format, lang));
-    setInputValue((0, _dateHelper.formatInputValue)(newDate, format, lang));
+    setInputValue((0, _dateHelper.formatInputValue)({
+      value: newDate,
+      format: format,
+      lang: lang
+    }));
     onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
   };
   return {

package/emotion/cjs/components/DatePicker/utils/dateHelper.js

@@ -5,10 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getMaskedDateOnInput = exports.getDateFromFormat = exports.getDateFormatDelimiter = exports.formatInputValue = exports.formatCalendarValue = void 0;
 var _datejs = /*#__PURE__*/require("../../../utils/datejs");
-var formatInputValue = exports.formatInputValue = function formatInputValue(value, format, lang) {
+var formatInputValue = exports.formatInputValue = function formatInputValue(_ref) {
+  var value = _ref.value,
+    format = _ref.format,
+    lang = _ref.lang,
+    hasMonthFullName = _ref.hasMonthFullName,
+    isValidMonth = _ref.isValidMonth,
+    isLengthEqual = _ref.isLengthEqual;
   if (!value || !lang) {
     return '';
   }
+  if (hasMonthFullName && (!isValidMonth || !isLengthEqual)) {
+    return String(value);
+  }
   if (format && (0, _datejs.customDayjs)(value, format, true).isValid()) {
     return (0, _datejs.customDayjs)(value, format).locale(lang).format(format);
   }

package/emotion/cjs/index.js

@@ -629,15 +629,4 @@ Object.keys(_Editable).forEach(function (key) {
       return _Editable[key];
     }
   });
-});
-var _Attach = /*#__PURE__*/require("./components/Attach");
-Object.keys(_Attach).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Attach[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Attach[key];
-    }
-  });
 });

package/emotion/es/components/Cell/Cell.js

@@ -22,8 +22,7 @@ export var cellRoot = function cellRoot(Root) {
       description = _ref.description,
       content = _ref.content,
       _ref$stretching = _ref.stretching,
-      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      className = _ref.className;
+      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
     var stretchingClass = classes["".concat(stretching, "Stretching")];
 
     // Импорт  старых свойств
@@ -33,7 +32,7 @@ export var cellRoot = function cellRoot(Root) {
       ref: outerRootRef,
       size: size,
       view: view,
-      className: cx(stretchingClass, classes.cellRoot, className)
+      className: cx(stretchingClass, classes.cellRoot)
     }, contentLeftDeprecated && /*#__PURE__*/React.createElement(CellLeft, {
       align: alignContentLeft
     }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {

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

@@ -113,7 +113,11 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState8 = _slicedToArray(_useState7, 2),
       calendarFirstValue = _useState8[0],
       setCalendarFirstValue = _useState8[1];
-    var _useState9 = useState(formatInputValue(defaultFirstDate, format, lang)),
+    var _useState9 = useState(formatInputValue({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      })),
       _useState10 = _slicedToArray(_useState9, 2),
       inputFirstValue = _useState10[0],
       setInputFirstValue = _useState10[1];
@@ -121,7 +125,11 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState12 = _slicedToArray(_useState11, 2),
       calendarSecondValue = _useState12[0],
       setCalendarSecondValue = _useState12[1];
-    var _useState13 = useState(formatInputValue(defaultSecondDate, format, lang)),
+    var _useState13 = useState(formatInputValue({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      })),
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
@@ -240,17 +248,33 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
     }, [opened]);
     useEffect(function () {
       setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));
-      setInputFirstValue(formatInputValue(defaultFirstDate, format, lang));
+      setInputFirstValue(formatInputValue({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultFirstDate]);
     useEffect(function () {
       setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));
-      setInputSecondValue(formatInputValue(defaultSecondDate, format, lang));
+      setInputSecondValue(formatInputValue({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultSecondDate]);
     useEffect(function () {
       setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));
-      setInputFirstValue(formatInputValue(defaultFirstDate, format, lang));
+      setInputFirstValue(formatInputValue({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      }));
       setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));
-      setInputSecondValue(formatInputValue(defaultSecondDate, format, lang));
+      setInputSecondValue(formatInputValue({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      }));
     }, [format, lang]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: rootRef,

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

@@ -83,7 +83,11 @@ export var datePickerRoot = function datePickerRoot(Root) {
       _useState4 = _slicedToArray(_useState3, 2),
       calendarValue = _useState4[0],
       setCalendarValue = _useState4[1];
-    var _useState5 = useState(formatInputValue(defaultDate, format, lang)),
+    var _useState5 = useState(formatInputValue({
+        value: defaultDate,
+        format: format,
+        lang: lang
+      })),
       _useState6 = _slicedToArray(_useState5, 2),
       inputValue = _useState6[0],
       setInputValue = _useState6[1];
@@ -149,11 +153,19 @@ export var datePickerRoot = function datePickerRoot(Root) {
     }, [opened]);
     useEffect(function () {
       setCalendarValue(formatCalendarValue(defaultDate, format, lang));
-      setInputValue(formatInputValue(defaultDate, format, lang));
+      setInputValue(formatInputValue({
+        value: defaultDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultDate]);
     useEffect(function () {
       setCalendarValue(formatCalendarValue(defaultDate, format, lang));
-      setInputValue(formatInputValue(defaultDate, format, lang));
+      setInputValue(formatInputValue({
+        value: defaultDate,
+        format: format,
+        lang: lang
+      }));
     }, [format, lang]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       view: view,

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

@@ -1,5 +1,6 @@
 import { classes } from '../DatePicker.tokens';
 import { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper';
+import { customDayjs } from '../../../utils/datejs';
 export var useDatePicker = function useDatePicker(_ref) {
   var currentValue = _ref.currentValue,
     setInputValue = _ref.setInputValue,
@@ -38,10 +39,36 @@ export var useDatePicker = function useDatePicker(_ref) {
     var newValue = maskWithFormat ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue) : value;
     if (!format) {
       setCalendarValue(formatCalendarValue(newValue));
-    } else if ((newValue === null || newValue === void 0 ? void 0 : newValue.length) === format.length) {
+      setInputValue(formatInputValue({
+        value: newValue,
+        format: format,
+        lang: lang
+      }));
+      onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+      return;
+    }
+    var hasMonthFullName = /M{3,4}/g.test(format);
+    var isValidMonth;
+    var isLengthEqual;
+    if (hasMonthFullName) {
+      var firstIndexOfMonth = format.indexOf('M');
+      var lastIndexOfMonth = newValue.indexOf(dateFormatDelimiter(), firstIndexOfMonth);
+      var fullMonthName = !lastIndexOfMonth ? newValue.slice(firstIndexOfMonth) : newValue.slice(firstIndexOfMonth, lastIndexOfMonth);
+      customDayjs.locale(lang);
+      isValidMonth = customDayjs("01 ".concat(fullMonthName, " 1970"), 'DD MMMM YYYY', true).isValid();
+      isLengthEqual = format.length - 4 === newValue.length - fullMonthName.length;
+    }
+    if (!hasMonthFullName && (newValue === null || newValue === void 0 ? void 0 : newValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
       setCalendarValue(formatCalendarValue(newValue, format, lang));
     }
-    setInputValue(formatInputValue(newValue, format, lang));
+    setInputValue(formatInputValue({
+      value: newValue,
+      format: format,
+      lang: lang,
+      hasMonthFullName: hasMonthFullName,
+      isValidMonth: isValidMonth,
+      isLengthEqual: isLengthEqual
+    }));
     onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
   };
   var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
@@ -55,8 +82,13 @@ export var useDatePicker = function useDatePicker(_ref) {
     }
     if (isCalendarValue) {
       setCalendarValue(formatCalendarValue(date, format, lang));
-      setInputValue(formatInputValue(date, format, lang));
-      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true, dateInfo);
+      setInputValue(formatInputValue({
+        value: date,
+        format: format,
+        lang: lang
+      }));
+      onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
+      return;
     }
     var formatString = applyFormat ? format : undefined;
     var _getDateFromFormat = getDateFromFormat(date, formatString, lang),
@@ -64,7 +96,11 @@ export var useDatePicker = function useDatePicker(_ref) {
       isError = _getDateFromFormat.isError,
       isSuccess = _getDateFromFormat.isSuccess;
     setCalendarValue(formatCalendarValue(newDate, format, lang));
-    setInputValue(formatInputValue(newDate, format, lang));
+    setInputValue(formatInputValue({
+      value: newDate,
+      format: format,
+      lang: lang
+    }));
     onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
   };
   return {

package/emotion/es/components/DatePicker/utils/dateHelper.js

@@ -1,8 +1,17 @@
 import { customDayjs } from '../../../utils/datejs';
-export var formatInputValue = function formatInputValue(value, format, lang) {
+export var formatInputValue = function formatInputValue(_ref) {
+  var value = _ref.value,
+    format = _ref.format,
+    lang = _ref.lang,
+    hasMonthFullName = _ref.hasMonthFullName,
+    isValidMonth = _ref.isValidMonth,
+    isLengthEqual = _ref.isLengthEqual;
   if (!value || !lang) {
     return '';
   }
+  if (hasMonthFullName && (!isValidMonth || !isLengthEqual)) {
+    return String(value);
+  }
   if (format && customDayjs(value, format, true).isValid()) {
     return customDayjs(value, format).locale(lang).format(format);
   }

package/emotion/es/index.js

@@ -56,5 +56,4 @@ export * from './components/Portal';
 export * from './components/Price';
 export * from './components/Autocomplete';
 export * from './components/EmptyState';
-export * from './components/Editable';
-export * from './components/Attach';
+export * from './components/Editable';

package/es/components/Cell/Cell.js

@@ -23,8 +23,7 @@ var cellRoot = function cellRoot(Root) {
       description = _ref.description,
       content = _ref.content,
       _ref$stretching = _ref.stretching,
-      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      className = _ref.className;
+      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
     var stretchingClass = classes["".concat(stretching, "Stretching")];
 
     // Импорт  старых свойств
@@ -34,7 +33,7 @@ var cellRoot = function cellRoot(Root) {
       ref: outerRootRef,
       size: size,
       view: view,
-      className: cx(stretchingClass, classes.cellRoot, className)
+      className: cx(stretchingClass, classes.cellRoot)
     }, contentLeftDeprecated && /*#__PURE__*/React.createElement(CellLeft, {
       align: alignContentLeft
     }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {

package/es/components/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n    forwardRef<HTMLDivElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignContentLeft = 'center',\n                alignContentRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                description,\n                content,\n                stretching = 'filled',\n                className,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            // Импорт  старых свойств\n            const titleText = title || description;\n            const contentLeftDeprecated = contentLeft || content;\n\n            return (\n                <Root\n                    ref={outerRootRef}\n                    size={size}\n                    view={view}\n                    className={cx(stretchingClass, classes.cellRoot, className)}\n                >\n                    {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {titleText || subtitle || label ? (\n                                <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n                            ) : (\n                                children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","className","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n    forwardRef<HTMLDivElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignContentLeft = 'center',\n                alignContentRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                description,\n                content,\n                stretching = 'filled',\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            // Импорт  старых свойств\n            const titleText = title || description;\n            const contentLeftDeprecated = contentLeft || content;\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {titleText || subtitle || label ? (\n                                <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n                            ) : (\n                                children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

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

@@ -106,7 +106,11 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState8 = _slicedToArray(_useState7, 2),
       calendarFirstValue = _useState8[0],
       setCalendarFirstValue = _useState8[1];
-    var _useState9 = useState(formatInputValue(defaultFirstDate, format, lang)),
+    var _useState9 = useState(formatInputValue({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      })),
       _useState10 = _slicedToArray(_useState9, 2),
       inputFirstValue = _useState10[0],
       setInputFirstValue = _useState10[1];
@@ -114,7 +118,11 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState12 = _slicedToArray(_useState11, 2),
       calendarSecondValue = _useState12[0],
       setCalendarSecondValue = _useState12[1];
-    var _useState13 = useState(formatInputValue(defaultSecondDate, format, lang)),
+    var _useState13 = useState(formatInputValue({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      })),
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
@@ -233,17 +241,33 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
     }, [opened]);
     useEffect(function () {
       setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));
-      setInputFirstValue(formatInputValue(defaultFirstDate, format, lang));
+      setInputFirstValue(formatInputValue({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultFirstDate]);
     useEffect(function () {
       setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));
-      setInputSecondValue(formatInputValue(defaultSecondDate, format, lang));
+      setInputSecondValue(formatInputValue({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultSecondDate]);
     useEffect(function () {
       setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));
-      setInputFirstValue(formatInputValue(defaultFirstDate, format, lang));
+      setInputFirstValue(formatInputValue({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      }));
       setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));
-      setInputSecondValue(formatInputValue(defaultSecondDate, format, lang));
+      setInputSecondValue(formatInputValue({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      }));
     }, [format, lang]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: rootRef,