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

package/es/components/Toast/ToastController.js

@@ -1,120 +1,63 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import React, { useRef, useState, useEffect, useCallback } from 'react';
 import styled, { css, keyframes } from 'styled-components';
 import { Fade } from '../Fade';
 import { safeFlushSync } from '../../utils';
 import { Toast, StyledRoot as ToastStyledRoot } from './Toast';
 import { useToast } from './useToast';
-var showAnimation = function showAnimation(position) {
-    return keyframes([
-        "0%{transform:translate(-50%,",
-        "5rem);opacity:0;}80%{transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}"
+const showAnimation = (position)=>keyframes([
+        `0%{transform:translate(-50%,`,
+        `5rem);opacity:0;}80%{transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}`
     ], position === 'top' && '-');
-};
-var hideAnimation = function hideAnimation(position) {
-    return keyframes([
-        "0%{opacity:1;}20%{transform:translate(-50%,0);opacity:0.7;}100%{transform:translate(-50%,",
-        "5rem);opacity:0;}"
+const hideAnimation = (position)=>keyframes([
+        `0%{opacity:1;}20%{transform:translate(-50%,0);opacity:0.7;}100%{transform:translate(-50%,`,
+        `5rem);opacity:0;}`
     ], position === 'top' && '-');
-};
-var fadeIn = keyframes([
-    "from{opacity:0;}to{opacity:1;}"
+const fadeIn = keyframes([
+    `from{opacity:0;}to{opacity:1;}`
 ]);
-var fadeOut = keyframes([
-    "from{opacity:1;}to{opacity:0;}"
+const fadeOut = keyframes([
+    `from{opacity:1;}to{opacity:0;}`
 ]);
-var StyledFade = styled(Fade).withConfig({
+const StyledFade = styled(Fade).withConfig({
     displayName: "ToastController__StyledFade",
     componentId: "sc-339da759-0"
 })([
-    "",
-    ";"
-], function(param) {
-    var isVisible = param.isVisible;
-    return css([
-        "animation:300ms ",
-        ";"
-    ], isVisible ? fadeIn : fadeOut);
-});
-var StyledRoot = styled.div.withConfig({
+    ``,
+    `;`
+], ({ isVisible })=>css([
+        `animation:300ms `,
+        `;`
+    ], isVisible ? fadeIn : fadeOut));
+const StyledRoot = styled.div.withConfig({
     displayName: "ToastController__StyledRoot",
     componentId: "sc-339da759-1"
 })([
-    "position:fixed;left:50%;z-index:1000;transform:translateX(-50%);",
-    ";display:flex;width:0;",
-    "{transform:translateX(-50%);max-width:calc(100vw - 5rem);flex-shrink:0;}"
-], function(param) {
-    var $position = param.$position, isVisible = param.isVisible, _param_$offset = param.$offset, $offset = _param_$offset === void 0 ? 0 : _param_$offset;
-    return css([
-        "",
-        ":",
-        "rem;animation:300ms ",
-        ";"
-    ], $position, $offset + 5, isVisible ? showAnimation($position) : hideAnimation($position));
-}, ToastStyledRoot);
+    `position:fixed;left:50%;z-index:1000;transform:translateX(-50%);`,
+    `;display:flex;width:0;`,
+    `{transform:translateX(-50%);max-width:calc(100vw - 5rem);flex-shrink:0;}`
+], ({ $position, isVisible, $offset = 0 })=>css([
+        ``,
+        `:`,
+        `rem;animation:300ms `,
+        `;`
+    ], $position, $offset + 5, isVisible ? showAnimation($position) : hideAnimation($position)), ToastStyledRoot);
 /**
  * Создаёт <div />, который внутри себя содержит тост.
  * Цикл: show => timeout => hide.
- */ export var ToastController = function ToastController(param) {
-    var role = param.role, text = param.text, contentLeft = param.contentLeft, position = param.position, timeout = param.timeout, fade = param.fade, offset = param.offset;
-    var hideToast = useToast().hideToast;
-    var _useState = _sliced_to_array(useState(true), 2), isVisible = _useState[0], setIsVisible = _useState[1];
-    var hideTimeout = useRef(null);
-    var toastKey = "".concat(text).concat(position);
-    var animationEndHandler = useCallback(function() {
+ */ export const ToastController = ({ role, text, contentLeft, position, timeout, fade, offset })=>{
+    const { hideToast } = useToast();
+    const [isVisible, setIsVisible] = useState(true);
+    const hideTimeout = useRef(null);
+    const toastKey = `${text}${position}`;
+    const animationEndHandler = useCallback(()=>{
         if (!isVisible) {
             hideToast();
-            safeFlushSync(function() {
+            safeFlushSync(()=>{
                 setIsVisible(true); // Необходимо вернуть булево к следующему вызову тоста
             });
         }
         if (isVisible) {
-            hideTimeout.current = setTimeout(function() {
+            hideTimeout.current = setTimeout(()=>{
                 setIsVisible(false);
             }, timeout);
         }
@@ -123,15 +66,15 @@ var StyledRoot = styled.div.withConfig({
         timeout,
         isVisible
     ]);
-    useEffect(function() {
+    useEffect(()=>{
         if (timeout === null && hideTimeout.current !== null) {
             clearTimeout(hideTimeout.current);
         }
     }, [
         timeout
     ]);
-    useEffect(function() {
-        return function() {
+    useEffect(()=>{
+        return ()=>{
             if (hideTimeout.current !== null) {
                 clearTimeout(hideTimeout.current);
             }

package/es/components/Toast/ToastProvider.js

@@ -1,156 +1,50 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import React, { useState, useCallback } from 'react';
 import { ToastController } from './ToastController';
 import { ToastContext } from './ToastContext';
-var DEFAULT_POSITION = 'bottom';
-var DEFAULT_TIMEOUT = 3000;
-var DEFAULT_FADE = true;
-var getShowToastCallSignature = function getShowToastCallSignature(args) {
-    if (_type_of(args[0]) === 'object' && 'text' in args[0]) {
+const DEFAULT_POSITION = 'bottom';
+const DEFAULT_TIMEOUT = 3000;
+const DEFAULT_FADE = true;
+const getShowToastCallSignature = (args)=>{
+    if (typeof args[0] === 'object' && 'text' in args[0]) {
         return args[0];
     }
     // TODO: issue https://github.com/salute-developers/plasma/issues/333
-    var _args = _sliced_to_array(args, 6), text = _args[0], position = _args[1], timeout = _args[2], fade = _args[3], contentLeft = _args[4], role = _args[5];
+    const [text, position, timeout, fade, contentLeft, role] = args;
     return {
-        text: text,
-        position: position,
-        timeout: timeout,
-        fade: fade,
-        contentLeft: contentLeft,
-        role: role
+        text,
+        position,
+        timeout,
+        fade,
+        contentLeft,
+        role
     };
 };
-export var ToastProvider = function ToastProvider(param) {
-    var children = param.children;
-    var _useState = _sliced_to_array(useState({
+export const ToastProvider = ({ children })=>{
+    const [value, setValue] = useState({
         text: null,
         position: null,
         timeout: null
-    }), 2), value = _useState[0], setValue = _useState[1];
-    var showToastCallback = function showToastCallback() {
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
-        }
-        var _getShowToastCallSignature = getShowToastCallSignature(args), text = _getShowToastCallSignature.text, _getShowToastCallSignature_position = _getShowToastCallSignature.position, position = _getShowToastCallSignature_position === void 0 ? DEFAULT_POSITION : _getShowToastCallSignature_position, _getShowToastCallSignature_timeout = _getShowToastCallSignature.timeout, timeout = _getShowToastCallSignature_timeout === void 0 ? DEFAULT_TIMEOUT : _getShowToastCallSignature_timeout, _getShowToastCallSignature_fade = _getShowToastCallSignature.fade, fade = _getShowToastCallSignature_fade === void 0 ? DEFAULT_FADE : _getShowToastCallSignature_fade, contentLeft = _getShowToastCallSignature.contentLeft, role = _getShowToastCallSignature.role, onHide = _getShowToastCallSignature.onHide, onShow = _getShowToastCallSignature.onShow, offset = _getShowToastCallSignature.offset;
+    });
+    const showToastCallback = (...args)=>{
+        const { text, position = DEFAULT_POSITION, timeout = DEFAULT_TIMEOUT, fade = DEFAULT_FADE, contentLeft, role, onHide, onShow, offset } = getShowToastCallSignature(args);
         setValue({
-            text: text,
-            position: position,
-            timeout: timeout,
-            fade: fade,
-            contentLeft: contentLeft,
-            role: role,
-            onHide: onHide,
-            onShow: onShow,
-            offset: offset
+            text,
+            position,
+            timeout,
+            fade,
+            contentLeft,
+            role,
+            onHide,
+            onShow,
+            offset
         });
         if (onShow) {
             onShow();
         }
     };
-    var showToast = useCallback(showToastCallback, []);
-    var onHide = value.onHide;
-    var hideToast = useCallback(function() {
+    const showToast = useCallback(showToastCallback, []);
+    const { onHide } = value;
+    const hideToast = useCallback(()=>{
         setValue({
             text: null,
             position: null,
@@ -163,9 +57,10 @@ export var ToastProvider = function ToastProvider(param) {
         onHide
     ]);
     return /*#__PURE__*/ React.createElement(ToastContext.Provider, {
-        value: _object_spread_props(_object_spread({}, value), {
-            showToast: showToast,
-            hideToast: hideToast
-        })
+        value: {
+            ...value,
+            showToast,
+            hideToast
+        }
     }, children, /*#__PURE__*/ React.createElement(ToastController, value));
 };

package/es/components/Toast/useToast.js

@@ -1,9 +1,9 @@
 import { useContext } from 'react';
 import { ToastContext } from './ToastContext';
-export var useToast = function useToast() {
-    var _useContext = useContext(ToastContext), showToast = _useContext.showToast, hideToast = _useContext.hideToast;
+export const useToast = ()=>{
+    const { showToast, hideToast } = useContext(ToastContext);
     return {
-        showToast: showToast,
-        hideToast: hideToast
+        showToast,
+        hideToast
     };
 };

package/es/components/Typography/Body.js

@@ -1,30 +1,30 @@
 import styled from 'styled-components';
 import { body1, body2, body3 } from '../../tokens';
 import { applyHyphens, applySpacing } from '../../mixins';
-export var Body1 = styled.div.withConfig({
+export const Body1 = styled.div.withConfig({
     displayName: "Body__Body1",
     componentId: "sc-66189794-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, body1);
-export var Body2 = styled.div.withConfig({
+export const Body2 = styled.div.withConfig({
     displayName: "Body__Body2",
     componentId: "sc-66189794-1"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, body2);
-export var Body3 = styled.div.withConfig({
+export const Body3 = styled.div.withConfig({
     displayName: "Body__Body3",
     componentId: "sc-66189794-2"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, body3);

package/es/components/Typography/Button.js

@@ -1,21 +1,21 @@
 import styled from 'styled-components';
 import { button1, button2 } from '../../tokens';
 import { applyHyphens, applySpacing } from '../../mixins';
-export var Button1 = styled.div.withConfig({
+export const Button1 = styled.div.withConfig({
     displayName: "Button__Button1",
     componentId: "sc-54b5d133-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, button1);
-export var Button2 = styled.div.withConfig({
+export const Button2 = styled.div.withConfig({
     displayName: "Button__Button2",
     componentId: "sc-54b5d133-1"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, button2);

package/es/components/Typography/Caption.js

@@ -1,12 +1,12 @@
 import styled from 'styled-components';
 import { caption } from '../../tokens';
 import { applyHyphens, applySpacing } from '../../mixins';
-export var Caption = styled.div.withConfig({
+export const Caption = styled.div.withConfig({
     displayName: "Caption",
     componentId: "sc-6a11b9de-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, caption);

package/es/components/Typography/Display.js

@@ -1,30 +1,30 @@
 import styled from 'styled-components';
 import { display1, display2, display3 } from '../../tokens';
 import { applyHyphens, applySpacing } from '../../mixins';
-export var Display1 = styled.div.withConfig({
+export const Display1 = styled.div.withConfig({
     displayName: "Display__Display1",
     componentId: "sc-f913b448-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, display1);
-export var Display2 = styled.div.withConfig({
+export const Display2 = styled.div.withConfig({
     displayName: "Display__Display2",
     componentId: "sc-f913b448-1"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, display2);
-export var Display3 = styled.div.withConfig({
+export const Display3 = styled.div.withConfig({
     displayName: "Display__Display3",
     componentId: "sc-f913b448-2"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, display3);

package/es/components/Typography/Footnote.js

@@ -1,21 +1,21 @@
 import styled from 'styled-components';
 import { footnote1, footnote2 } from '../../tokens';
 import { applyHyphens, applySpacing } from '../../mixins';
-export var Footnote1 = styled.div.withConfig({
+export const Footnote1 = styled.div.withConfig({
     displayName: "Footnote__Footnote1",
     componentId: "sc-86810250-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, footnote1);
-export var Footnote2 = styled.div.withConfig({
+export const Footnote2 = styled.div.withConfig({
     displayName: "Footnote__Footnote2",
     componentId: "sc-86810250-1"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], applyHyphens, applySpacing, footnote2);