@salutejs/plasma-core 1.226.1-next-sbcom.0 → 1.227.0-dev.0

package/tokens/colors.js

@@ -154,51 +154,51 @@ _export(exports, {
         return whiteTertiary;
     }
 });
-var white = 'var(--plasma-colors-white)';
-var whitePrimary = 'var(--plasma-colors-white-primary)';
-var whiteSecondary = 'var(--plasma-colors-white-secondary)';
-var whiteTertiary = 'var(--plasma-colors-white-tertiary)';
-var black = 'var(--plasma-colors-black)';
-var blackPrimary = 'var(--plasma-colors-black-primary)';
-var blackSecondary = 'var(--plasma-colors-black-secondary)';
-var blackTertiary = 'var(--plasma-colors-black-tertiary)';
-var dark01 = 'var(--plasma-colors-dark01)';
-var dark02 = 'var(--plasma-colors-dark02)';
-var dark03 = 'var(--plasma-colors-dark03)';
-var transparent = 'var(--plasma-colors-transparent)';
-var text = 'var(--plasma-colors-text)';
-var primary = 'var(--plasma-colors-primary)';
-var secondary = 'var(--plasma-colors-secondary)';
-var tertiary = 'var(--plasma-colors-tertiary)';
-var inverse = 'var(--plasma-colors-inverse)';
-var paragraph = 'var(--plasma-colors-paragraph)';
-var background = 'var(--plasma-colors-background)';
-var backgroundPrimary = 'var(--plasma-colors-background-primary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-var backgroundSecondary = 'var(--plasma-colors-background-secondary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-var backgroundTertiary = 'var(--plasma-colors-background-tertiary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-var success = 'var(--plasma-colors-success)';
-var warning = 'var(--plasma-colors-warning)';
-var critical = 'var(--plasma-colors-critical)';
-var overlay = 'var(--plasma-colors-overlay)';
-var surfaceLiquid01 = 'var(--plasma-colors-surface-liquid01)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-var surfaceLiquid02 = 'var(--plasma-colors-surface-liquid02)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-var surfaceLiquid03 = 'var(--plasma-colors-surface-liquid03)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
-var surfaceSolid01 = 'var(--plasma-colors-surface-solid01)';
-var surfaceSolid02 = 'var(--plasma-colors-surface-solid02)';
-var surfaceSolid03 = 'var(--plasma-colors-surface-solid03)';
-var surfaceCard = 'var(--plasma-colors-surface-card)';
-var buttonPrimary = 'var(--plasma-colors-button-primary)';
-var buttonSecondary = 'var(--plasma-colors-button-secondary)';
-var buttonSuccess = 'var(--plasma-colors-button-success)';
-var buttonWarning = 'var(--plasma-colors-button-warning)';
-var buttonCritical = 'var(--plasma-colors-button-critical)';
-var buttonChecked = 'var(--plasma-colors-button-checked)';
-var speechBubbleSent = 'var(--plasma-colors-speech-bubble-sent)';
-var speechBubbleReceived = 'var(--plasma-colors-speech-bubble-received)';
-var accent = 'var(--plasma-colors-accent)';
-var buttonAccent = 'var(--plasma-colors-button-accent)';
-var buttonFocused = 'var(--plasma-colors-button-focused)';
-var gradient = 'var(--plasma-colors-gradient)';
-var voicePhraseGradient = 'var(--plasma-colors-voice-phrase-gradient)';
-var skeletonGradient = 'var(--plasma-colors-skeleton-gradient)';
-var skeletonGradientLighter = 'var(--plasma-colors-skeleton-gradient-lighter)';
+const white = 'var(--plasma-colors-white)';
+const whitePrimary = 'var(--plasma-colors-white-primary)';
+const whiteSecondary = 'var(--plasma-colors-white-secondary)';
+const whiteTertiary = 'var(--plasma-colors-white-tertiary)';
+const black = 'var(--plasma-colors-black)';
+const blackPrimary = 'var(--plasma-colors-black-primary)';
+const blackSecondary = 'var(--plasma-colors-black-secondary)';
+const blackTertiary = 'var(--plasma-colors-black-tertiary)';
+const dark01 = 'var(--plasma-colors-dark01)';
+const dark02 = 'var(--plasma-colors-dark02)';
+const dark03 = 'var(--plasma-colors-dark03)';
+const transparent = 'var(--plasma-colors-transparent)';
+const text = 'var(--plasma-colors-text)';
+const primary = 'var(--plasma-colors-primary)';
+const secondary = 'var(--plasma-colors-secondary)';
+const tertiary = 'var(--plasma-colors-tertiary)';
+const inverse = 'var(--plasma-colors-inverse)';
+const paragraph = 'var(--plasma-colors-paragraph)';
+const background = 'var(--plasma-colors-background)';
+const backgroundPrimary = 'var(--plasma-colors-background-primary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const backgroundSecondary = 'var(--plasma-colors-background-secondary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const backgroundTertiary = 'var(--plasma-colors-background-tertiary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const success = 'var(--plasma-colors-success)';
+const warning = 'var(--plasma-colors-warning)';
+const critical = 'var(--plasma-colors-critical)';
+const overlay = 'var(--plasma-colors-overlay)';
+const surfaceLiquid01 = 'var(--plasma-colors-surface-liquid01)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const surfaceLiquid02 = 'var(--plasma-colors-surface-liquid02)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const surfaceLiquid03 = 'var(--plasma-colors-surface-liquid03)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const surfaceSolid01 = 'var(--plasma-colors-surface-solid01)';
+const surfaceSolid02 = 'var(--plasma-colors-surface-solid02)';
+const surfaceSolid03 = 'var(--plasma-colors-surface-solid03)';
+const surfaceCard = 'var(--plasma-colors-surface-card)';
+const buttonPrimary = 'var(--plasma-colors-button-primary)';
+const buttonSecondary = 'var(--plasma-colors-button-secondary)';
+const buttonSuccess = 'var(--plasma-colors-button-success)';
+const buttonWarning = 'var(--plasma-colors-button-warning)';
+const buttonCritical = 'var(--plasma-colors-button-critical)';
+const buttonChecked = 'var(--plasma-colors-button-checked)';
+const speechBubbleSent = 'var(--plasma-colors-speech-bubble-sent)';
+const speechBubbleReceived = 'var(--plasma-colors-speech-bubble-received)';
+const accent = 'var(--plasma-colors-accent)';
+const buttonAccent = 'var(--plasma-colors-button-accent)';
+const buttonFocused = 'var(--plasma-colors-button-focused)';
+const gradient = 'var(--plasma-colors-gradient)';
+const voicePhraseGradient = 'var(--plasma-colors-voice-phrase-gradient)';
+const skeletonGradient = 'var(--plasma-colors-skeleton-gradient)';
+const skeletonGradientLighter = 'var(--plasma-colors-skeleton-gradient-lighter)';

package/tokens/typography.js

@@ -64,7 +64,7 @@ _export(exports, {
         return underline;
     }
 });
-var body1 = {
+const body1 = {
     fontFamily: 'var(--plasma-typo-body1-font-family)',
     fontWeight: 'var(--plasma-typo-body1-font-weight)',
     fontStyle: 'var(--plasma-typo-body1-font-style)',
@@ -72,7 +72,7 @@ var body1 = {
     letterSpacing: 'var(--plasma-typo-body1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body1-line-height)'
 };
-var body2 = {
+const body2 = {
     fontFamily: 'var(--plasma-typo-body2-font-family)',
     fontWeight: 'var(--plasma-typo-body2-font-weight)',
     fontStyle: 'var(--plasma-typo-body2-font-style)',
@@ -80,7 +80,7 @@ var body2 = {
     letterSpacing: 'var(--plasma-typo-body2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body2-line-height)'
 };
-var body3 = {
+const body3 = {
     fontFamily: 'var(--plasma-typo-body3-font-family)',
     fontWeight: 'var(--plasma-typo-body3-font-weight)',
     fontStyle: 'var(--plasma-typo-body3-font-style)',
@@ -88,7 +88,7 @@ var body3 = {
     letterSpacing: 'var(--plasma-typo-body3-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body3-line-height)'
 };
-var button1 = {
+const button1 = {
     fontFamily: 'var(--plasma-typo-button1-font-family)',
     fontWeight: 'var(--plasma-typo-button1-font-weight)',
     fontStyle: 'var(--plasma-typo-button1-font-style)',
@@ -96,7 +96,7 @@ var button1 = {
     letterSpacing: 'var(--plasma-typo-button1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-button1-line-height)'
 };
-var button2 = {
+const button2 = {
     fontFamily: 'var(--plasma-typo-button2-font-family)',
     fontWeight: 'var(--plasma-typo-button2-font-weight)',
     fontStyle: 'var(--plasma-typo-button2-font-style)',
@@ -104,7 +104,7 @@ var button2 = {
     letterSpacing: 'var(--plasma-typo-button2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-button2-line-height)'
 };
-var caption = {
+const caption = {
     fontFamily: 'var(--plasma-typo-caption-font-family)',
     fontWeight: 'var(--plasma-typo-caption-font-weight)',
     fontStyle: 'var(--plasma-typo-caption-font-style)',
@@ -112,7 +112,7 @@ var caption = {
     letterSpacing: 'var(--plasma-typo-caption-letter-spacing)',
     lineHeight: 'var(--plasma-typo-caption-line-height)'
 };
-var display1 = {
+const display1 = {
     fontFamily: 'var(--plasma-typo-display1-font-family)',
     fontWeight: 'var(--plasma-typo-display1-font-weight)',
     fontStyle: 'var(--plasma-typo-display1-font-style)',
@@ -120,7 +120,7 @@ var display1 = {
     letterSpacing: 'var(--plasma-typo-display1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-display1-line-height)'
 };
-var display2 = {
+const display2 = {
     fontFamily: 'var(--plasma-typo-display2-font-family)',
     fontWeight: 'var(--plasma-typo-display2-font-weight)',
     fontStyle: 'var(--plasma-typo-display2-font-style)',
@@ -128,7 +128,7 @@ var display2 = {
     letterSpacing: 'var(--plasma-typo-display2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-display2-line-height)'
 };
-var display3 = {
+const display3 = {
     fontFamily: 'var(--plasma-typo-display3-font-family)',
     fontWeight: 'var(--plasma-typo-display3-font-weight)',
     fontStyle: 'var(--plasma-typo-display3-font-style)',
@@ -136,7 +136,7 @@ var display3 = {
     letterSpacing: 'var(--plasma-typo-display3-letter-spacing)',
     lineHeight: 'var(--plasma-typo-display3-line-height)'
 };
-var footnote1 = {
+const footnote1 = {
     fontFamily: 'var(--plasma-typo-footnote1-font-family)',
     fontWeight: 'var(--plasma-typo-footnote1-font-weight)',
     fontStyle: 'var(--plasma-typo-footnote1-font-style)',
@@ -144,7 +144,7 @@ var footnote1 = {
     letterSpacing: 'var(--plasma-typo-footnote1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-footnote1-line-height)'
 };
-var footnote2 = {
+const footnote2 = {
     fontFamily: 'var(--plasma-typo-footnote2-font-family)',
     fontWeight: 'var(--plasma-typo-footnote2-font-weight)',
     fontStyle: 'var(--plasma-typo-footnote2-font-style)',
@@ -152,7 +152,7 @@ var footnote2 = {
     letterSpacing: 'var(--plasma-typo-footnote2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-footnote2-line-height)'
 };
-var headline1 = {
+const headline1 = {
     fontFamily: 'var(--plasma-typo-headline1-font-family)',
     fontWeight: 'var(--plasma-typo-headline1-font-weight)',
     fontStyle: 'var(--plasma-typo-headline1-font-style)',
@@ -160,7 +160,7 @@ var headline1 = {
     letterSpacing: 'var(--plasma-typo-headline1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-headline1-line-height)'
 };
-var headline2 = {
+const headline2 = {
     fontFamily: 'var(--plasma-typo-headline2-font-family)',
     fontWeight: 'var(--plasma-typo-headline2-font-weight)',
     fontStyle: 'var(--plasma-typo-headline2-font-style)',
@@ -168,7 +168,7 @@ var headline2 = {
     letterSpacing: 'var(--plasma-typo-headline2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-headline2-line-height)'
 };
-var headline3 = {
+const headline3 = {
     fontFamily: 'var(--plasma-typo-headline3-font-family)',
     fontWeight: 'var(--plasma-typo-headline3-font-weight)',
     fontStyle: 'var(--plasma-typo-headline3-font-style)',
@@ -176,7 +176,7 @@ var headline3 = {
     letterSpacing: 'var(--plasma-typo-headline3-letter-spacing)',
     lineHeight: 'var(--plasma-typo-headline3-line-height)'
 };
-var headline4 = {
+const headline4 = {
     fontFamily: 'var(--plasma-typo-headline4-font-family)',
     fontWeight: 'var(--plasma-typo-headline4-font-weight)',
     fontStyle: 'var(--plasma-typo-headline4-font-style)',
@@ -184,7 +184,7 @@ var headline4 = {
     letterSpacing: 'var(--plasma-typo-headline4-letter-spacing)',
     lineHeight: 'var(--plasma-typo-headline4-line-height)'
 };
-var paragraph1 = {
+const paragraph1 = {
     fontFamily: 'var(--plasma-typo-paragraph1-font-family)',
     fontWeight: 'var(--plasma-typo-paragraph1-font-weight)',
     fontStyle: 'var(--plasma-typo-paragraph1-font-style)',
@@ -192,7 +192,7 @@ var paragraph1 = {
     letterSpacing: 'var(--plasma-typo-paragraph1-letter-spacing)',
     lineHeight: 'var(--plasma-typo-paragraph1-line-height)'
 };
-var paragraph2 = {
+const paragraph2 = {
     fontFamily: 'var(--plasma-typo-paragraph2-font-family)',
     fontWeight: 'var(--plasma-typo-paragraph2-font-weight)',
     fontStyle: 'var(--plasma-typo-paragraph2-font-style)',
@@ -200,7 +200,7 @@ var paragraph2 = {
     letterSpacing: 'var(--plasma-typo-paragraph2-letter-spacing)',
     lineHeight: 'var(--plasma-typo-paragraph2-line-height)'
 };
-var underline = {
+const underline = {
     fontFamily: 'var(--plasma-typo-underline-font-family)',
     fontWeight: 'var(--plasma-typo-underline-font-weight)',
     fontStyle: 'var(--plasma-typo-underline-font-style)',

package/utils/__tests__/formatters.test.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-var _formatters = require("../formatters");
+const _formatters = require("../formatters");
 test.each([
     [
         0,
@@ -52,7 +52,7 @@ test.each([
         11,
         'декабря'
     ]
-])("monthLongName(%s) return '%s'", function(index, monthName) {
+])("monthLongName(%s) return '%s'", (index, monthName)=>{
     expect((0, _formatters.monthLongName)(index)).toBe(monthName);
 });
 test.each([
@@ -104,6 +104,6 @@ test.each([
         11,
         'дек'
     ]
-])("monthShortName(%s) return '%s'", function(index, monthName) {
+])("monthShortName(%s) return '%s'", (index, monthName)=>{
     expect((0, _formatters.monthShortName)(index)).toBe(monthName);
 });

package/utils/animatedScrollTo.js

@@ -16,53 +16,43 @@ _export(exports, {
         return animatedScrollToY;
     }
 });
-var DEFAULT_DURATION = 300;
+const DEFAULT_DURATION = 300;
 // https://css-tricks.com/emulating-css-timing-functions-javascript/
-var tfs = {
-    linear: function linear(t) {
-        return t;
-    },
+const tfs = {
+    linear: (t)=>t,
     // eslint-disable-next-line
-    easeIn: function easeIn(t) {
-        return Math.pow(t, 1.675);
-    },
+    easeIn: (t)=>Math.pow(t, 1.675),
     // eslint-disable-next-line
-    easeOut: function easeOut(t) {
-        return 1 - Math.pow(1 - t, 1.675);
-    },
-    easeInOut: function easeInOut(t) {
-        return 0.5 * (Math.sin((t - 0.5) * Math.PI) + 1);
-    }
+    easeOut: (t)=>1 - Math.pow(1 - t, 1.675),
+    easeInOut: (t)=>0.5 * (Math.sin((t - 0.5) * Math.PI) + 1)
 };
-var animatedScrollToX = function animatedScrollToX(elem, pos) {
-    var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, timingFunction = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 'easeInOut';
-    var startTime;
-    var startX = elem.scrollLeft;
-    var endX = Math.max(0, Math.min(elem.scrollWidth - elem.clientWidth, pos));
-    var handleNewAnimationFrame = function handleNewAnimationFrame1() {
+const animatedScrollToX = (elem, pos, duration = DEFAULT_DURATION, timingFunction = 'easeInOut')=>{
+    let startTime;
+    const startX = elem.scrollLeft;
+    const endX = Math.max(0, Math.min(elem.scrollWidth - elem.clientWidth, pos));
+    const handleNewAnimationFrame = ()=>{
         startTime = startTime || Date.now();
-        var timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
-        var scrollPos = tfs[timingFunction](timePos);
-        var left = startX + (endX - startX) * scrollPos;
+        const timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
+        const scrollPos = tfs[timingFunction](timePos);
+        const left = startX + (endX - startX) * scrollPos;
         elem.scrollTo({
-            left: left
+            left
         });
         if (timePos !== 1) window.requestAnimationFrame(handleNewAnimationFrame);
     };
     window.requestAnimationFrame(handleNewAnimationFrame);
 };
-var animatedScrollToY = function animatedScrollToY(elem, pos) {
-    var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, timingFunction = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 'easeInOut';
-    var startTime;
-    var startY = elem.scrollTop;
-    var endY = Math.max(0, Math.min(elem.scrollHeight - elem.clientHeight, pos));
-    var handleNewAnimationFrame = function handleNewAnimationFrame1() {
+const animatedScrollToY = (elem, pos, duration = DEFAULT_DURATION, timingFunction = 'easeInOut')=>{
+    let startTime;
+    const startY = elem.scrollTop;
+    const endY = Math.max(0, Math.min(elem.scrollHeight - elem.clientHeight, pos));
+    const handleNewAnimationFrame = ()=>{
         startTime = startTime || Date.now();
-        var timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
-        var scrollPos = tfs[timingFunction](timePos);
-        var top = startY + (endY - startY) * scrollPos;
+        const timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
+        const scrollPos = tfs[timingFunction](timePos);
+        const top = startY + (endY - startY) * scrollPos;
         elem.scrollTo({
-            top: top
+            top
         });
         if (timePos !== 1) window.requestAnimationFrame(handleNewAnimationFrame);
     };

package/utils/canUseDOM.js

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "canUseDOM", {
         return canUseDOM;
     }
 });
-var canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
+const canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');

package/utils/extractTextFrom.js

@@ -8,13 +8,9 @@ Object.defineProperty(exports, "extractTextFrom", {
         return extractTextFrom;
     }
 });
-var _react = require("react");
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-var extractTextFrom = function extractTextFrom1(textSource) {
-    switch(typeof textSource === "undefined" ? "undefined" : _type_of(textSource)){
+const _react = require("react");
+const extractTextFrom = (textSource)=>{
+    switch(typeof textSource){
         case 'string':
             return textSource;
         case 'number':
@@ -24,7 +20,7 @@ var extractTextFrom = function extractTextFrom1(textSource) {
                 if (!(0, _react.isValidElement)(textSource) || !textSource.props || !textSource.props.children) {
                     return '';
                 }
-                return _react.Children.map(textSource.props.children, function(child) {
+                return _react.Children.map(textSource.props.children, (child)=>{
                     return extractTextFrom(child);
                 }).join('');
             }

package/utils/focusManager.js

@@ -8,12 +8,7 @@ Object.defineProperty(exports, "FocusManager", {
         return FocusManager;
     }
 });
-var _tabbable = require("./tabbable");
-function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
+const _tabbable = require("./tabbable");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -27,45 +22,43 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-var FocusManager = function FocusManager() {
-    "use strict";
-    var _this = this;
-    _class_call_check(this, FocusManager);
-    // массив с элементами, которые нужно зафокусить после анмаунта
-    _define_property(this, "focusAfterElements", []);
-    // массив с trap нодами
-    _define_property(this, "focusNodes", []);
-    _define_property(this, "handleFocus", function() {
-        // Фокус всегда должен находиться внутри необходимой ноды
-        var focusNode = _this.focusNodes[_this.focusNodes.length - 1];
-        if (!focusNode || focusNode.contains(document.activeElement)) {
-            return;
-        }
-        // Выделяем первый tabbable элемент
-        var el = (0, _tabbable.findTabbableDescendants)(focusNode)[0] || focusNode;
-        el.focus();
-    });
-    // добавление на фокус после анмаунта
-    _define_property(this, "markForFocusAfter", function(focusAfterNode) {
-        var node = focusAfterNode && focusAfterNode.current ? focusAfterNode.current : document.activeElement;
-        _this.focusAfterElements.push(node);
-    });
-    // фокус на необходимый элемент
-    _define_property(this, "returnFocus", function() {
-        var _this_focusAfterElements_pop;
-        var toFocus = (_this_focusAfterElements_pop = _this.focusAfterElements.pop()) !== null && _this_focusAfterElements_pop !== void 0 ? _this_focusAfterElements_pop : null;
-        if (toFocus) {
-            toFocus.focus();
-        }
-    });
-    // при маунте ноды
-    _define_property(this, "setupScopedFocus", function(element) {
-        _this.focusNodes.push(element);
-        document.addEventListener('focusin', _this.handleFocus, true);
-    });
-    // при анмаунте
-    _define_property(this, "teardownScopedFocus", function() {
-        _this.focusNodes.pop();
-        document.removeEventListener('focusin', _this.handleFocus);
-    });
-};
+class FocusManager {
+    constructor(){
+        // массив с элементами, которые нужно зафокусить после анмаунта
+        _define_property(this, "focusAfterElements", []);
+        // массив с trap нодами
+        _define_property(this, "focusNodes", []);
+        _define_property(this, "handleFocus", ()=>{
+            // Фокус всегда должен находиться внутри необходимой ноды
+            const focusNode = this.focusNodes[this.focusNodes.length - 1];
+            if (!focusNode || focusNode.contains(document.activeElement)) {
+                return;
+            }
+            // Выделяем первый tabbable элемент
+            const el = (0, _tabbable.findTabbableDescendants)(focusNode)[0] || focusNode;
+            el.focus();
+        });
+        // добавление на фокус после анмаунта
+        _define_property(this, "markForFocusAfter", (focusAfterNode)=>{
+            const node = focusAfterNode && focusAfterNode.current ? focusAfterNode.current : document.activeElement;
+            this.focusAfterElements.push(node);
+        });
+        // фокус на необходимый элемент
+        _define_property(this, "returnFocus", ()=>{
+            const toFocus = this.focusAfterElements.pop() ?? null;
+            if (toFocus) {
+                toFocus.focus();
+            }
+        });
+        // при маунте ноды
+        _define_property(this, "setupScopedFocus", (element)=>{
+            this.focusNodes.push(element);
+            document.addEventListener('focusin', this.handleFocus, true);
+        });
+        // при анмаунте
+        _define_property(this, "teardownScopedFocus", ()=>{
+            this.focusNodes.pop();
+            document.removeEventListener('focusin', this.handleFocus);
+        });
+    }
+}

package/utils/formatCurrency.js

@@ -14,11 +14,11 @@ Object.defineProperty(exports, "formatCurrency", {
         return formatCurrency;
     }
 });
-var formatCurrency = function formatCurrency(value, currency, minimumFractionDigits) {
-    var formatter = new Intl.NumberFormat('ru', {
+const formatCurrency = (value, currency, minimumFractionDigits)=>{
+    const formatter = new Intl.NumberFormat('ru', {
         style: 'currency',
-        currency: currency,
-        minimumFractionDigits: minimumFractionDigits
+        currency,
+        minimumFractionDigits
     });
     return formatter.format(value);
 };

package/utils/formatters.js

@@ -25,22 +25,14 @@ _export(exports, {
         return padZeroNumber;
     }
 });
-var last = function last(array) {
-    return array[array.length - 1];
-};
-var padZeroNumber = function padZeroNumber(value) {
-    return "".concat(value).padStart(2, '0');
-};
-var monthName = function monthName(val, monthFormat) {
-    var targetMonth = new Date(2000, val, 1);
+const last = (array)=>array[array.length - 1];
+const padZeroNumber = (value)=>`${value}`.padStart(2, '0');
+const monthName = (val, monthFormat)=>{
+    const targetMonth = new Date(2000, val, 1);
     return last(new Intl.DateTimeFormat('ru-RU', {
         day: 'numeric',
         month: monthFormat
     }).formatToParts(targetMonth)).value;
 };
-var monthLongName = function monthLongName(val) {
-    return monthName(val, 'long');
-};
-var monthShortName = function monthShortName(val) {
-    return monthName(val, 'short').replace('.', '');
-};
+const monthLongName = (val)=>monthName(val, 'long');
+const monthShortName = (val)=>monthName(val, 'short').replace('.', '');

package/utils/index.js

@@ -55,13 +55,13 @@ _export(exports, {
         return _transformStyles.transformStyles;
     }
 });
-var _animatedScrollTo = require("./animatedScrollTo");
-var _canUseDOM = require("./canUseDOM");
-var _roundness = require("./roundness");
-var _extractTextFrom = require("./extractTextFrom");
-var _formatters = require("./formatters");
-var _formatCurrency = require("./formatCurrency");
-var _setRef = require("./setRef");
-var _toCssSize = require("./toCssSize");
-var _transformStyles = require("./transformStyles");
-var _react = require("./react");
+const _animatedScrollTo = require("./animatedScrollTo");
+const _canUseDOM = require("./canUseDOM");
+const _roundness = require("./roundness");
+const _extractTextFrom = require("./extractTextFrom");
+const _formatters = require("./formatters");
+const _formatCurrency = require("./formatCurrency");
+const _setRef = require("./setRef");
+const _toCssSize = require("./toCssSize");
+const _transformStyles = require("./transformStyles");
+const _react = require("./react");

package/utils/react.js

@@ -19,9 +19,9 @@ _export(exports, {
         return safeUseId;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _reactdom = /*#__PURE__*/ _interop_require_default(require("react-dom"));
-var _useUniqId = require("../hooks/useUniqId");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactdom = /*#__PURE__*/ _interop_require_default(require("react-dom"));
+const _useUniqId = require("../hooks/useUniqId");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -29,14 +29,14 @@ function _interop_require_default(obj) {
 }
 // TODO: https://github.com/salute-developers/plasma/issues/233
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-var flushSync = _reactdom.default.flushSync;
+const { flushSync } = _reactdom.default;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-var useId = _react.default.useId;
-var IS_REACT_18 = _reactdom.default.version.split('.')[0] === '18';
+const { useId } = _react.default;
+const IS_REACT_18 = _reactdom.default.version.split('.')[0] === '18';
 function safeFlushSync(fn) {
     if (!IS_REACT_18) {
         return fn();
     }
     return flushSync(fn);
 }
-var safeUseId = !IS_REACT_18 ? _useUniqId.useUniqId : useId;
+const safeUseId = !IS_REACT_18 ? _useUniqId.useUniqId : useId;

package/utils/roundness.js

@@ -21,7 +21,7 @@ _export(exports, {
         return pins;
     }
 });
-var pins = {
+const pins = {
     'square-square': 'r',
     'square-clear': 'r 0 0 r',
     'clear-square': '0 r r 0',
@@ -30,8 +30,7 @@ var pins = {
     'circle-clear': 'h 0 0 h',
     'circle-circle': 'h'
 };
-var convertRoundnessMatrix = function convertRoundnessMatrix(matrixKey, r, h) {
-    return matrixKey && pins[matrixKey].split(' ').map(function(char) {
+const convertRoundnessMatrix = (matrixKey, r, h)=>matrixKey && pins[matrixKey].split(' ').map((char)=>{
         switch(char){
             case 'r':
                 return r;
@@ -41,4 +40,3 @@ var convertRoundnessMatrix = function convertRoundnessMatrix(matrixKey, r, h) {
                 return char;
         }
     }).join(' ');
-};