@salutejs/plasma-new-hope 0.77.0-canary.1185.8720195819.0 → 0.77.0-canary.1195.8808345201.0

package/styled-components/es/components/Avatar/Avatar.js

@@ -1,5 +1,11 @@
-var _excluded = ["size", "name", "url", "customText", "status", "className", "focused", "isScalable"];
+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); }
+var _excluded = ["size", "name", "url", "customText", "status", "className", "focused", "isScalable", "statusLabels"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
 import React, { forwardRef, useMemo } from 'react';
@@ -12,6 +18,10 @@ import { base, Wrapper, Image, StatusIcon, Text } from './Avatar.styles';
 import { base as viewCSS } from './variations/_size/base';
 import { base as focusedCSS } from './variations/_focused/base';
 import { getInitialsForName } from './utils';
+var StatusLabelsDefault = {
+  active: 'Активен',
+  inactive: 'Неактивен'
+};
 var getAvatarContent = function getAvatarContent(_ref) {
   var customText = _ref.customText,
     url = _ref.url,
@@ -28,12 +38,26 @@ var getAvatarContent = function getAvatarContent(_ref) {
   }
   return /*#__PURE__*/React.createElement(Text, null, initials);
 };
+var getAriaLabel = function getAriaLabel(_ref2) {
+  var url = _ref2.url,
+    name = _ref2.name,
+    status = _ref2.status,
+    ariaLabelProp = _ref2['aria-label'],
+    statusLabels = _ref2.statusLabels;
+  if (!url) {
+    return;
+  }
+
+  // INFO: включаем aria-label чтобы озвучить что на изображении
+  var ariaLabel = !ariaLabelProp || ariaLabelProp.trim() === '' ? name : ariaLabelProp;
+  return status ? "".concat(ariaLabel, ". ").concat(statusLabels[status]) : ariaLabel;
+};
 var mergedConfig = /*#__PURE__*/mergeConfig(indicatorConfig);
 var Indicator = /*#__PURE__*/component(mergedConfig);
 var StyledIndicator = /*#__PURE__*/styled(Indicator).withConfig({
   componentId: "plasma-new-hope__sc-p4w0wq-0"
-})(["", ":var(", ");", ":", ""], indicatorTokens.size, tokens.statusIconSize, indicatorTokens.color, function (_ref2) {
-  var status = _ref2.status;
+})(["", ":var(", ");", ":", ""], indicatorTokens.size, tokens.statusIconSize, indicatorTokens.color, function (_ref3) {
+  var status = _ref3.status;
   return status === 'active' ? "var(".concat(tokens.statusOnlineColor, ")") : "var(".concat(tokens.statusOfflineColor, ")");
 });
 export var avatarRoot = function avatarRoot(Root) {
@@ -47,14 +71,20 @@ export var avatarRoot = function avatarRoot(Root) {
       _props$focused = props.focused,
       focused = _props$focused === void 0 ? true : _props$focused,
       isScalable = props.isScalable,
+      _props$statusLabels = props.statusLabels,
+      statusLabels = _props$statusLabels === void 0 ? StatusLabelsDefault : _props$statusLabels,
       rest = _objectWithoutProperties(props, _excluded);
     var initials = useMemo(function () {
       return getInitialsForName(name);
     }, [name]);
+    var ariaLabel = getAriaLabel(_objectSpread(_objectSpread({}, props), {}, {
+      statusLabels: statusLabels
+    }));
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref,
       size: avatarSize,
       className: cx(classes.avatarItem, className),
+      "aria-label": ariaLabel,
       focused: focused
     }, rest), /*#__PURE__*/React.createElement(Wrapper, {
       isScalable: isScalable
@@ -64,6 +94,7 @@ export var avatarRoot = function avatarRoot(Root) {
       initials: initials,
       name: name
     })), status && /*#__PURE__*/React.createElement(StatusIcon, null, /*#__PURE__*/React.createElement(StyledIndicator, {
+      "aria-label": statusLabels[status],
       status: status
     })));
   });

package/styled-components/es/components/Avatar/Avatar.template-doc.mdx

@@ -81,7 +81,32 @@ export function App() {
 ```
 
 ### Доступность
-Добавляем `"role"` и `"tabIndex"`.
+
+#### Avatar c использованием изображения
+
+В данном случае руководствуемся принципом универсального дизайна, т.е. незрячий должен получить ту же информацию, что и зрячий.
+
+Поэтому добавляем/используем свойства: `role`, `tabIndex` и `aria-label`.
+
+Примечание:
+- если указано свойство `name` то `aria-label` можно опустить;
+
+```tsx live
+import React from 'react';
+import { Avatar } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <>
+            <Avatar role="button" tabIndex={0} name="Иван Фадеев" url="https://avatars.githubusercontent.com/u/1813468?v=4" />
+        </>
+    );
+}
+```
+
+#### Avatar c текстом
+
+В этом случае достаточно указать свойство `name`.
 
 ```tsx live
 import React from 'react';
@@ -90,8 +115,33 @@ import { Avatar } from '@salutejs/{{ package }}';
 export function App() {
     return (
         <>
-            <Avatar role="button" tabIndex="0" name="Иван Фадеев" />
+            <Avatar role="button" tabIndex={0} name="Иван Фадеев" />
         </>
     );
 }
 ```
+
+#### Avatar и статус
+
+Если указано свойство `status` его значение будет так же озвучено в комбинации со свойством `name` или `aria-label`.
+
+```tsx live
+import React from 'react';
+import { Avatar } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <>
+            <Avatar role="button" tabIndex={0} name="Иван Фадеев" status="inactive" />
+        </>
+    );
+}
+```
+
+Озвучит как `ИФ. Неактивен`. (В данном примере озвучиваются инициалы, производное от ФИО)
+
+#### Свойство statusLabels
+
+Опциональное свойство для корректной озвучки значений свойства `status`.
+
+По-умолчанию стоит значение для русскоговорящих `{ active: 'Активен', inactive: 'Неактивен' }`.

package/styled-components/es/components/Button/Button.js

@@ -5,7 +5,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }

package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js

@@ -153,7 +153,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       isOutOfRange = _useKeyNavigation2[4];
     var handleOnChangeDay = useCallback(function (newDate, coord) {
       var newDay = new Date(newDate.year, newDate.monthIndex, newDate.day);
-      onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(newDay);
+      onChangeValue === null || onChangeValue === void 0 || onChangeValue(newDay);
       onSelectIndexes(coord);
     }, [onChangeValue, onSelectIndexes]);
     var handleOnChangeMonth = useCallback(function (monthIndex) {

package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -93,7 +93,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       outerRefs = _useKeyNavigation2[3];
     var handleOnChangeDay = useCallback(function (newDate, coord) {
       var newDay = new Date(newDate.year, newDate.monthIndex, newDate.day);
-      onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(newDay);
+      onChangeValue === null || onChangeValue === void 0 || onChangeValue(newDay);
       onSelectIndexes(coord);
     }, [onChangeValue, onSelectIndexes]);
     var firstDate = useMemo(function () {

package/styled-components/es/components/Calendar/hoc/withRange.js

@@ -47,7 +47,7 @@ export var withRange = function withRange(Component) {
     var handleOnChangeDay = useCallback(function (newDay) {
       if (endValue) {
         setValues([newDay, undefined]);
-        onChangeStartOfRange === null || onChangeStartOfRange === void 0 ? void 0 : onChangeStartOfRange(newDay);
+        onChangeStartOfRange === null || onChangeStartOfRange === void 0 || onChangeStartOfRange(newDay);
         return;
       }
       setValues([startValue, newDay]);

package/styled-components/es/components/Calendar/hooks/useKeyNavigation.js

@@ -2,7 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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."); }
@@ -33,31 +33,31 @@ var isOutOfBound = function isOutOfBound(_ref, rowSize, columnSize) {
   return columnIndex === -1 || columnIndex === columnSize + 1 || rowIndex === -1 || rowIndex === rowSize + 1;
 };
 var isVisible = function isVisible(refs, row, column) {
-  var _refs$current, _refs$current$row;
-  return (_refs$current = refs.current) === null || _refs$current === void 0 ? void 0 : (_refs$current$row = _refs$current[row]) === null || _refs$current$row === void 0 ? void 0 : _refs$current$row[column];
+  var _refs$current;
+  return (_refs$current = refs.current) === null || _refs$current === void 0 || (_refs$current = _refs$current[row]) === null || _refs$current === void 0 ? void 0 : _refs$current[column];
 };
 var isAriaDisableItem = function isAriaDisableItem(item) {
   return (item === null || item === void 0 ? void 0 : item.getAttribute('aria-disabled')) === 'true';
 };
 var hasDisabledArrowKey = function hasDisabledArrowKey(_ref3) {
-  var _refs$current2, _refs$current2$previo, _refs$current2$previo2;
+  var _refs$current2;
   var refs = _ref3.refs,
     payload = _ref3.payload,
     key = _ref3.key;
   var _payload = _slicedToArray(payload, 2),
     previousRowIndex = _payload[0],
     previousColumnIndex = _payload[1];
-  var disabledArrowKey = (_refs$current2 = refs.current) === null || _refs$current2 === void 0 ? void 0 : (_refs$current2$previo = _refs$current2[previousRowIndex]) === null || _refs$current2$previo === void 0 ? void 0 : (_refs$current2$previo2 = _refs$current2$previo[previousColumnIndex]) === null || _refs$current2$previo2 === void 0 ? void 0 : _refs$current2$previo2.dataset.disabledArrowKey;
+  var disabledArrowKey = (_refs$current2 = refs.current) === null || _refs$current2 === void 0 || (_refs$current2 = _refs$current2[previousRowIndex]) === null || _refs$current2 === void 0 || (_refs$current2 = _refs$current2[previousColumnIndex]) === null || _refs$current2 === void 0 ? void 0 : _refs$current2.dataset.disabledArrowKey;
   return Boolean(disabledArrowKey === null || disabledArrowKey === void 0 ? void 0 : disabledArrowKey.includes(key));
 };
 var hasDisabledMonths = function hasDisabledMonths(_ref4) {
   var _item$dataset, _item$dataset2;
   var item = _ref4.item,
     key = _ref4.key;
-  return item !== null && item !== void 0 && (_item$dataset = item.dataset) !== null && _item$dataset !== void 0 && _item$dataset.disabledMonths ? item === null || item === void 0 ? void 0 : (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.disabledMonths.includes(key) : false;
+  return item !== null && item !== void 0 && (_item$dataset = item.dataset) !== null && _item$dataset !== void 0 && _item$dataset.disabledMonths ? item === null || item === void 0 || (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.disabledMonths.includes(key) : false;
 };
 var getNextCorrectPosition = function getNextCorrectPosition(_ref5) {
-  var _refs$current3, _refs$current3$newRow;
+  var _refs$current3;
   var refs = _ref5.refs,
     rowSize = _ref5.rowSize,
     newRowIndex = _ref5.newRowIndex,
@@ -66,15 +66,15 @@ var getNextCorrectPosition = function getNextCorrectPosition(_ref5) {
     minColumnIndex = _ref5.minColumnIndex,
     _ref5$defaultState = _ref5.defaultState,
     defaultState = _ref5$defaultState === void 0 ? [] : _ref5$defaultState;
-  var item = (_refs$current3 = refs.current) === null || _refs$current3 === void 0 ? void 0 : (_refs$current3$newRow = _refs$current3[newRowIndex]) === null || _refs$current3$newRow === void 0 ? void 0 : _refs$current3$newRow[newColumnIndex];
+  var item = (_refs$current3 = refs.current) === null || _refs$current3 === void 0 || (_refs$current3 = _refs$current3[newRowIndex]) === null || _refs$current3 === void 0 ? void 0 : _refs$current3[newColumnIndex];
   while (isAriaDisableItem(item) && newColumnIndex <= columnSize) {
-    var _refs$current4, _refs$current4$newRow;
+    var _refs$current4;
     newColumnIndex++;
     if (newColumnIndex > columnSize && newRowIndex < rowSize) {
       newRowIndex++;
       newColumnIndex = minColumnIndex;
     }
-    item = (_refs$current4 = refs.current) === null || _refs$current4 === void 0 ? void 0 : (_refs$current4$newRow = _refs$current4[newRowIndex]) === null || _refs$current4$newRow === void 0 ? void 0 : _refs$current4$newRow[newColumnIndex];
+    item = (_refs$current4 = refs.current) === null || _refs$current4 === void 0 || (_refs$current4 = _refs$current4[newRowIndex]) === null || _refs$current4 === void 0 ? void 0 : _refs$current4[newColumnIndex];
     if (item) {
       var isDisabledArrowDown = hasDisabledArrowKey({
         refs: refs,
@@ -94,7 +94,7 @@ var getNextCorrectPosition = function getNextCorrectPosition(_ref5) {
   return [newRowIndex, newColumnIndex];
 };
 var getPreviousCorrectPosition = function getPreviousCorrectPosition(_ref6) {
-  var _refs$current5, _refs$current5$newRow;
+  var _refs$current5;
   var refs = _ref6.refs,
     rowSize = _ref6.rowSize,
     newRowIndex = _ref6.newRowIndex,
@@ -103,15 +103,15 @@ var getPreviousCorrectPosition = function getPreviousCorrectPosition(_ref6) {
     minColumnIndex = _ref6.minColumnIndex,
     _ref6$defaultState = _ref6.defaultState,
     defaultState = _ref6$defaultState === void 0 ? [] : _ref6$defaultState;
-  var item = (_refs$current5 = refs.current) === null || _refs$current5 === void 0 ? void 0 : (_refs$current5$newRow = _refs$current5[newRowIndex]) === null || _refs$current5$newRow === void 0 ? void 0 : _refs$current5$newRow[newColumnIndex];
+  var item = (_refs$current5 = refs.current) === null || _refs$current5 === void 0 || (_refs$current5 = _refs$current5[newRowIndex]) === null || _refs$current5 === void 0 ? void 0 : _refs$current5[newColumnIndex];
   while (isAriaDisableItem(item) && newColumnIndex >= minColumnIndex) {
-    var _refs$current6, _refs$current6$newRow;
+    var _refs$current6;
     newColumnIndex--;
     if (newColumnIndex < minColumnIndex && newRowIndex <= rowSize) {
       newRowIndex--;
       newColumnIndex = columnSize;
     }
-    item = (_refs$current6 = refs.current) === null || _refs$current6 === void 0 ? void 0 : (_refs$current6$newRow = _refs$current6[newRowIndex]) === null || _refs$current6$newRow === void 0 ? void 0 : _refs$current6$newRow[newColumnIndex];
+    item = (_refs$current6 = refs.current) === null || _refs$current6 === void 0 || (_refs$current6 = _refs$current6[newRowIndex]) === null || _refs$current6 === void 0 ? void 0 : _refs$current6[newColumnIndex];
     if (item && item.dataset.day === '1') {
       var isDisabledArrowUp = hasDisabledArrowKey({
         refs: refs,
@@ -152,7 +152,7 @@ function getCorrectColumnIndex(_ref7) {
   }) - 1;
 }
 var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnSize, withShift, defaultState) {
-  var _refs$current7, _refs$current7$newRow;
+  var _refs$current7;
   var _ref9 = _slicedToArray(_ref8, 2),
     rowIndex = _ref9[0],
     columnIndex = _ref9[1];
@@ -189,7 +189,7 @@ var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnS
 
   // INFO: Логика для получения правильной позиции дня, когда переключились на другой месяц
   // INFO: и ставим указатель на первый доступный день. Только при зажатой клавиши Shift.
-  if (isAriaDisableItem((_refs$current7 = refs.current) === null || _refs$current7 === void 0 ? void 0 : (_refs$current7$newRow = _refs$current7[newRowIndex]) === null || _refs$current7$newRow === void 0 ? void 0 : _refs$current7$newRow[newColumnIndex]) && withShift) {
+  if (isAriaDisableItem((_refs$current7 = refs.current) === null || _refs$current7 === void 0 || (_refs$current7 = _refs$current7[newRowIndex]) === null || _refs$current7 === void 0 ? void 0 : _refs$current7[newColumnIndex]) && withShift) {
     var isNext = rowIndex === rowSize + 1;
     var isPrevious = rowIndex === minColumnIndex - 1;
     var state = {
@@ -306,11 +306,11 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
     setSelectIndexes([newRowIndex, newColumnIndex]);
   }, [onPrev, onNext, selectIndexes, rowSize, columnSize, withShiftState, currentIndexes, isDouble]);
   useLayoutEffect(function () {
-    var _outerRefs$current, _outerRefs$current$ro;
+    var _outerRefs$current;
     var _selectIndexes = _slicedToArray(selectIndexes, 2),
       rowIndex = _selectIndexes[0],
       columnIndex = _selectIndexes[1];
-    var item = outerRefs === null || outerRefs === void 0 ? void 0 : (_outerRefs$current = outerRefs.current) === null || _outerRefs$current === void 0 ? void 0 : (_outerRefs$current$ro = _outerRefs$current[rowIndex]) === null || _outerRefs$current$ro === void 0 ? void 0 : _outerRefs$current$ro[columnIndex];
+    var item = outerRefs === null || outerRefs === void 0 || (_outerRefs$current = outerRefs.current) === null || _outerRefs$current === void 0 || (_outerRefs$current = _outerRefs$current[rowIndex]) === null || _outerRefs$current === void 0 ? void 0 : _outerRefs$current[columnIndex];
     if (item) {
       item.focus();
     }
@@ -580,8 +580,8 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
       case Keys.enter:
       case Keys.space:
         {
-          var _outerRefs$current2, _outerRefs$current2$n;
-          (_outerRefs$current2 = outerRefs.current) === null || _outerRefs$current2 === void 0 ? void 0 : (_outerRefs$current2$n = _outerRefs$current2[newRowIndex]) === null || _outerRefs$current2$n === void 0 ? void 0 : _outerRefs$current2$n[newColumnIndex].click();
+          var _outerRefs$current2;
+          (_outerRefs$current2 = outerRefs.current) === null || _outerRefs$current2 === void 0 || (_outerRefs$current2 = _outerRefs$current2[newRowIndex]) === null || _outerRefs$current2 === void 0 || _outerRefs$current2[newColumnIndex].click();
           break;
         }
       default:

package/styled-components/es/components/Calendar/store/reducer.js

@@ -8,7 +8,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { getDateFromValue, getNextDate, getPrevDate, getStartYear } from '../utils';
 import { ActionType } from './types';

package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -59,7 +59,7 @@ export var CalendarDays = function CalendarDays(_ref) {
       }
       onChangeDay(selectedDate, [i + offset, j]);
       if (isSelectProcess(value)) {
-        onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(undefined);
+        onHoverDay === null || onHoverDay === void 0 || onHoverDay(undefined);
       }
     };
   }, [getSelectedDate, onChangeDay, offset, value, onHoverDay]);
@@ -69,7 +69,7 @@ export var CalendarDays = function CalendarDays(_ref) {
     if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
       return;
     }
-    onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(selectedDate);
+    onHoverDay === null || onHoverDay === void 0 || onHoverDay(selectedDate);
   }, [getSelectedDate, onHoverDay, value]);
   var handleOnFocusDay = useCallback(function () {
     // заглушка будет убрана при реализации доступности
@@ -82,7 +82,7 @@ export var CalendarDays = function CalendarDays(_ref) {
   useEffect(function () {
     if (selectedRef.current) {
       var _onSetSelectedRef$cur;
-      (_onSetSelectedRef$cur = onSetSelectedRef.current) === null || _onSetSelectedRef$cur === void 0 ? void 0 : _onSetSelectedRef$cur.call(onSetSelectedRef, selectedRef.current);
+      (_onSetSelectedRef$cur = onSetSelectedRef.current) === null || _onSetSelectedRef$cur === void 0 || _onSetSelectedRef$cur.call(onSetSelectedRef, selectedRef.current);
     }
   }, []);
   return /*#__PURE__*/React.createElement(StyledCalendarDays, {

package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -21,10 +21,10 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     onUpdateCalendarState = _ref.onUpdateCalendarState;
   var handleCalendarState = useCallback(function () {
     if (type === CalendarState.Days) {
-      onUpdateCalendarState === null || onUpdateCalendarState === void 0 ? void 0 : onUpdateCalendarState(CalendarState.Months, [3, 2]);
+      onUpdateCalendarState === null || onUpdateCalendarState === void 0 || onUpdateCalendarState(CalendarState.Months, [3, 2]);
     }
     if (type === CalendarState.Months) {
-      onUpdateCalendarState === null || onUpdateCalendarState === void 0 ? void 0 : onUpdateCalendarState(CalendarState.Years, [3, 2]);
+      onUpdateCalendarState === null || onUpdateCalendarState === void 0 || onUpdateCalendarState(CalendarState.Years, [3, 2]);
     }
   }, [type, onUpdateCalendarState]);
   var getHeaderContent = useCallback(function (date) {

package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -42,7 +42,7 @@ export var CalendarMonths = function CalendarMonths(_ref) {
   useEffect(function () {
     if (selectedRef.current) {
       var _onSetSelectedRef$cur;
-      (_onSetSelectedRef$cur = onSetSelectedRef.current) === null || _onSetSelectedRef$cur === void 0 ? void 0 : _onSetSelectedRef$cur.call(onSetSelectedRef, selectedRef.current);
+      (_onSetSelectedRef$cur = onSetSelectedRef.current) === null || _onSetSelectedRef$cur === void 0 || _onSetSelectedRef$cur.call(onSetSelectedRef, selectedRef.current);
     }
   }, []);
   return /*#__PURE__*/React.createElement(StyledCalendarMonths, {

package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -43,7 +43,7 @@ export var CalendarYears = function CalendarYears(_ref) {
   useEffect(function () {
     if (selectedRef.current) {
       var _onSetSelectedRef$cur;
-      (_onSetSelectedRef$cur = onSetSelectedRef.current) === null || _onSetSelectedRef$cur === void 0 ? void 0 : _onSetSelectedRef$cur.call(onSetSelectedRef, selectedRef.current);
+      (_onSetSelectedRef$cur = onSetSelectedRef.current) === null || _onSetSelectedRef$cur === void 0 || _onSetSelectedRef$cur.call(onSetSelectedRef, selectedRef.current);
     }
   }, []);
   return /*#__PURE__*/React.createElement(StyledCalendarYears, {

package/styled-components/es/components/Chip/Chip.js

@@ -37,8 +37,8 @@ export var chipRoot = function chipRoot(Root) {
       if (disabled || readOnly) {
         return;
       }
-      onClick === null || onClick === void 0 ? void 0 : onClick(event);
-      onClear === null || onClear === void 0 ? void 0 : onClear();
+      onClick === null || onClick === void 0 || onClick(event);
+      onClear === null || onClear === void 0 || onClear();
     };
     var ClearContent = useMemo(function () {
       return contentClearButton || /*#__PURE__*/React.createElement(StyledContentClear, null, /*#__PURE__*/React.createElement(IconClose, {

package/styled-components/es/components/Combobox/Combobox.js

@@ -130,12 +130,12 @@ export var comboboxRoot = function comboboxRoot(Root) {
       if (rest.valueType === 'multiple') {
         var _rest$onChangeValue;
         var _newSelected = getNewSelected(rest.value, newValue, rest.valueType);
-        (_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 ? void 0 : _rest$onChangeValue.call(rest, _newSelected);
+        (_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 || _rest$onChangeValue.call(rest, _newSelected);
         return;
       }
       var newSelected = getNewSelected(rest.value, newValue, 'single');
-      (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 ? void 0 : _rest$onChangeValue2.call(rest, newSelected);
-      onInnerToggle === null || onInnerToggle === void 0 ? void 0 : onInnerToggle(false, event);
+      (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 || _rest$onChangeValue2.call(rest, newSelected);
+      onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(false, event);
       closedWithoutChanges.current = false;
     };
     var onClickChildrenItem = function onClickChildrenItem(event) {
@@ -149,7 +149,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
       if (rest.valueType !== 'multiple') {
         return;
       }
-      (_rest$onChangeValue3 = rest.onChangeValue) === null || _rest$onChangeValue3 === void 0 ? void 0 : _rest$onChangeValue3.call(rest, newValue);
+      (_rest$onChangeValue3 = rest.onChangeValue) === null || _rest$onChangeValue3 === void 0 || _rest$onChangeValue3.call(rest, newValue);
     };
     var _useKeyNavigation = useKeyNavigation({
         controlledRefs: controlledRefs,
@@ -176,7 +176,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
       setInnerOpened(newOpened !== null && newOpened !== void 0 ? newOpened : true);
     };
     var onKeyDownHandle = function onKeyDownHandle(event) {
-      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+      onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
       onKeyDownTarget(event);
     };
     return /*#__PURE__*/React.createElement(StyledRoot, {

package/styled-components/es/components/Combobox/hooks/useFocusController.js

@@ -23,14 +23,14 @@ export var useFocusController = function useFocusController(_ref) {
     if (!opened) {
       var _contentRef$current;
       updateFocused(false);
-      (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.scrollTo({
+      (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 || _contentRef$current.scrollTo({
         left: 0
       });
     }
     var hasFocusAfterClose = prevOpened !== undefined && !opened && !(closedWithoutChanges !== null && closedWithoutChanges !== void 0 && closedWithoutChanges.current);
     if (opened || hasFocusAfterClose) {
       var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     }
 
     // INFO: Помогает определить, произошло ли закрытие выпадающего меню при выборе значения.
@@ -45,7 +45,7 @@ export var useFocusController = function useFocusController(_ref) {
     var valuesCount = (values === null || values === void 0 ? void 0 : values.length) || 0;
     if ((opened || prevOpened) && prevValuesCount < valuesCount) {
       var _inputRef$current2;
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
     }
   }, [values, readOnly]);
   useDidMountEffect(function () {
@@ -81,16 +81,16 @@ export var useFocusController = function useFocusController(_ref) {
       return;
     }
     if (valueType === 'single') {
-      updateSearch === null || updateSearch === void 0 ? void 0 : updateSearch(newSearch, false);
+      updateSearch === null || updateSearch === void 0 || updateSearch(newSearch, false);
     }
     if (valueType === 'multiple') {
-      updateSearch === null || updateSearch === void 0 ? void 0 : updateSearch('', false);
+      updateSearch === null || updateSearch === void 0 || updateSearch('', false);
     }
   }, [updateSearch, values, opened, hasValue, textContent, valueType]);
   var onClickText = function onClickText(event) {
     var _inputRef$current3;
-    onChipClick === null || onChipClick === void 0 ? void 0 : onChipClick(event);
-    (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
+    onChipClick === null || onChipClick === void 0 || onChipClick(event);
+    (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
   };
   var onFocusInput = function onFocusInput() {
     var _contentRef$current2, _contentRef$current3;
@@ -104,10 +104,10 @@ export var useFocusController = function useFocusController(_ref) {
     if (valueType === 'single') {
       setTimeout(function () {
         var _inputRef$current4;
-        (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.select();
+        (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.select();
       });
     }
-    (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.scrollTo({
+    (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 || _contentRef$current2.scrollTo({
       left: (_contentRef$current3 = contentRef.current) === null || _contentRef$current3 === void 0 ? void 0 : _contentRef$current3.scrollWidth
     });
     updateFocused(true);

package/styled-components/es/components/Combobox/ui/ComboboxChip/ComboboxChip.js

@@ -16,7 +16,7 @@ export var ComboboxChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
     return onClear(value, text);
   };
   var onKeyDownHandle = function onKeyDownHandle(event) {
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(value, text, index, event);
+    onKeyDown === null || onKeyDown === void 0 || onKeyDown(value, text, index, event);
   };
   return /*#__PURE__*/React.createElement(StyledChip, {
     ref: ref,

package/styled-components/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js

@@ -110,8 +110,8 @@ export var ComboboxTarget = /*#__PURE__*/forwardRef(function (_ref, ref) {
         itemValue = _ref9[0];
       return itemValue;
     });
-    chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.splice(index, 1);
-    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    chipsRefs === null || chipsRefs === void 0 || chipsRefs.current.splice(index, 1);
+    onChange === null || onChange === void 0 || onChange(newValue);
   };
   var onChipKeyDown = function onChipKeyDown(value, text, index, event) {
     var code = event.code;
@@ -134,13 +134,13 @@ export var ComboboxTarget = /*#__PURE__*/forwardRef(function (_ref, ref) {
           itemValue = _ref11[0];
         return itemValue;
       });
-      newValue === null || newValue === void 0 ? void 0 : newValue.pop();
-      chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
-      onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+      newValue === null || newValue === void 0 || newValue.pop();
+      chipsRefs === null || chipsRefs === void 0 || chipsRefs.current.pop();
+      onChange === null || onChange === void 0 || onChange(newValue);
     }
   };
   var onChangeInput = function onChangeInput(event) {
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(event.currentTarget.value);
+    onSearch === null || onSearch === void 0 || onSearch(event.currentTarget.value);
   };
   var onWheel = function onWheel(event) {
     var deltaY = event.deltaY;

package/styled-components/es/components/Divider/Divider.js

@@ -4,7 +4,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }

package/styled-components/es/components/Drawer/DrawerContext.js

@@ -4,7 +4,7 @@
 var getDrawers = function getDrawers(items) {
   return items.filter(function (item) {
     var _item$info;
-    return item === null || item === void 0 ? void 0 : (_item$info = item.info) === null || _item$info === void 0 ? void 0 : _item$info.isDrawer;
+    return item === null || item === void 0 || (_item$info = item.info) === null || _item$info === void 0 ? void 0 : _item$info.isDrawer;
   });
 };
 export var hasDrawers = function hasDrawers(items) {

package/styled-components/es/components/Drawer/hooks/useDrawer.js

@@ -2,7 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { useCallback, useEffect, useRef } from 'react';
 import { getIdLastDrawer, hasDrawers } from '../DrawerContext';

package/styled-components/es/components/Drawer/ui/DrawerContent/DrawerContent.js

@@ -2,7 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { panelContentConfig, panelContentRoot } from '../../../Panel';
 export var drawerContentRoot = panelContentRoot;

package/styled-components/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js

@@ -2,7 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { panelFooterConfig, panelFooterRoot } from '../../../Panel';
 export var drawerFooterRoot = panelFooterRoot;