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

package/components/PopupBase/PopupBaseContext.js

@@ -19,18 +19,7 @@ _export(exports, {
         return usePopupBaseContext;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-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 _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -72,93 +61,44 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-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 _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread 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 _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-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);
-}
-var POPOVER_PORTAL_ID = 'plasma-popup-root';
-var items = [];
-var PopupBaseContext = /*#__PURE__*/ (0, _react.createContext)({
-    items: items,
-    register: function register(_info) {
+const POPOVER_PORTAL_ID = 'plasma-popup-root';
+const items = [];
+const PopupBaseContext = /*#__PURE__*/ (0, _react.createContext)({
+    items,
+    register (_info) {
         throw new Error('Function not implemented. Add PopupBaseProvider');
     },
-    unregister: function unregister(_id) {
+    unregister (_id) {
         throw new Error('Function not implemented. Add PopupBaseProvider');
     }
 });
-var usePopupBaseContext = function usePopupBaseContext() {
-    return (0, _react.useContext)(PopupBaseContext);
-};
-var PopupBaseProvider = function PopupBaseProvider(param) {
-    var children = param.children;
-    var _useState = _sliced_to_array((0, _react.useState)([]), 2), items = _useState[0], setItems = _useState[1];
-    var register = function register(info) {
-        setItems(_to_consumable_array(items).concat([
+const usePopupBaseContext = ()=>(0, _react.useContext)(PopupBaseContext);
+const PopupBaseProvider = ({ children })=>{
+    const [items, setItems] = (0, _react.useState)([]);
+    const register = (info)=>{
+        setItems([
+            ...items,
             info
-        ]));
+        ]);
     };
-    var unregister = function unregister(id) {
-        var index = items.findIndex(function(item) {
-            return id === item.id;
-        });
+    const unregister = (id)=>{
+        const index = items.findIndex((item)=>id === item.id);
         if (index === -1) {
             return;
         }
         items.splice(index, 1);
-        setItems(_to_consumable_array(items));
+        setItems([
+            ...items
+        ]);
     };
-    var context = {
-        items: items,
-        register: register,
-        unregister: unregister
+    const context = {
+        items,
+        register,
+        unregister
     };
-    (0, _react.useEffect)(function() {
-        return function() {
-            var portal = document.createElement('div');
+    (0, _react.useEffect)(()=>{
+        return ()=>{
+            const portal = document.createElement('div');
             if (portal && document.body.contains(portal)) {
                 document.body.removeChild(portal);
             }

package/components/PopupBase/PopupBaseRoot.js

@@ -16,32 +16,11 @@ _export(exports, {
         return PopupBaseRoot;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _hooks = require("../../hooks");
-var _PopupBaseContext = require("./PopupBaseContext");
-var _utils = require("./utils");
-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;
-}
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _hooks = require("../../hooks");
+const _PopupBaseContext = require("./PopupBaseContext");
+const _utils = require("./utils");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -83,166 +62,48 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-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 _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = 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 _to_array(arr) {
-    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _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);
-}
-var DEFAULT_Z_INDEX = 9000;
-var PopupBaseView = _styledcomponents.default.div.withConfig({
+const DEFAULT_Z_INDEX = 9000;
+const PopupBaseView = _styledcomponents.default.div.withConfig({
     displayName: "PopupBaseRoot__PopupBaseView",
     componentId: "sc-84dbfbb5-0"
 })([
-    "position:relative;max-width:100%;pointer-events:all;"
+    `position:relative;max-width:100%;pointer-events:all;`
 ]);
-var PopupRootContainer = _styledcomponents.default.div.withConfig({
+const PopupRootContainer = _styledcomponents.default.div.withConfig({
     displayName: "PopupBaseRoot__PopupRootContainer",
     componentId: "sc-84dbfbb5-1"
 })([
-    "",
-    " ",
-    " ",
-    ";"
-], function(param) {
-    var frame = param.frame;
-    return (0, _styledcomponents.css)([
-        "position:",
-        ";"
-    ], frame === 'document' ? 'fixed' : 'absolute');
-}, function(param) {
-    var zIndex = param.zIndex;
-    return (0, _styledcomponents.css)([
-        "z-index:",
-        ";"
-    ], zIndex || DEFAULT_Z_INDEX);
-}, function(param) {
-    var placement = param.placement, offset = param.offset;
-    return (0, _utils.handlePosition)(placement, offset);
-});
-var PopupBaseRoot = /*#__PURE__*/ _react.default.forwardRef(function(_0, _1) {
-    var _ref = [
-        _0,
-        _1
-    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), id = _ref2.id, placement = _ref2.placement, offset = _ref2.offset, frame = _ref2.frame, setVisible = _ref2.setVisible, children = _ref2.children, role = _ref2.role, zIndex = _ref2.zIndex, animationInfo = _ref2.animationInfo, rest = _object_without_properties(_ref2, [
-        "id",
-        "placement",
-        "offset",
-        "frame",
-        "setVisible",
-        "children",
-        "role",
-        "zIndex",
-        "animationInfo"
-    ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
-    var contentRef = (0, _react.useRef)(null);
-    var innerRef = (0, _hooks.useForkRef)(contentRef, ref);
-    var popupController = (0, _PopupBaseContext.usePopupBaseContext)();
-    var handleAnimationEnd = (0, _react.useCallback)(function(e) {
+    ``,
+    ` `,
+    ` `,
+    `;`
+], ({ frame })=>(0, _styledcomponents.css)([
+        `position:`,
+        `;`
+    ], frame === 'document' ? 'fixed' : 'absolute'), ({ zIndex })=>(0, _styledcomponents.css)([
+        `z-index:`,
+        `;`
+    ], zIndex || DEFAULT_Z_INDEX), ({ placement, offset })=>(0, _utils.handlePosition)(placement, offset));
+const PopupBaseRoot = /*#__PURE__*/ _react.default.forwardRef(({ id, placement, offset, frame, setVisible, children, role, zIndex, animationInfo, ...rest }, ref)=>{
+    const contentRef = (0, _react.useRef)(null);
+    const innerRef = (0, _hooks.useForkRef)(contentRef, ref);
+    const popupController = (0, _PopupBaseContext.usePopupBaseContext)();
+    const handleAnimationEnd = (0, _react.useCallback)((e)=>{
         if (!contentRef || e.target !== contentRef.current) {
             return;
         }
         e.stopPropagation();
-        if (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) {
+        if (animationInfo?.endAnimation) {
             popupController.unregister(id);
             setVisible(false);
             animationInfo.setEndAnimation(false);
         }
     }, [
         popupController.unregister,
-        animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation,
+        animationInfo?.endAnimation,
         setVisible
     ]);
-    return /*#__PURE__*/ _react.default.createElement(PopupRootContainer, _object_spread({
+    return /*#__PURE__*/ _react.default.createElement(PopupRootContainer, {
         className: _utils.popupBaseRootClass,
         ref: innerRef,
         placement: placement,
@@ -250,8 +111,9 @@ var PopupBaseRoot = /*#__PURE__*/ _react.default.forwardRef(function(_0, _1) {
         offset: offset,
         zIndex: zIndex,
         onAnimationEnd: handleAnimationEnd,
-        onTransitionEnd: handleAnimationEnd
-    }, rest), /*#__PURE__*/ _react.default.createElement(PopupBaseView, {
+        onTransitionEnd: handleAnimationEnd,
+        ...rest
+    }, /*#__PURE__*/ _react.default.createElement(PopupBaseView, {
         role: role
     }, children));
 });

package/components/PopupBase/hooks.js

@@ -16,101 +16,26 @@ _export(exports, {
         return usePopupAnimation;
     }
 });
-var _react = require("react");
-var _PopupBaseContext = require("./PopupBaseContext");
-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 _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);
-}
-var usePopupAnimation = function usePopupAnimation() {
-    var _useState = _sliced_to_array((0, _react.useState)(false), 2), endAnimation = _useState[0], setEndAnimation = _useState[1];
-    var _useState1 = _sliced_to_array((0, _react.useState)(false), 2), endTransition = _useState1[0], setEndTransition = _useState1[1];
+const _react = require("react");
+const _PopupBaseContext = require("./PopupBaseContext");
+const usePopupAnimation = ()=>{
+    const [endAnimation, setEndAnimation] = (0, _react.useState)(false);
+    const [endTransition, setEndTransition] = (0, _react.useState)(false);
     return {
-        endAnimation: endAnimation,
-        endTransition: endTransition,
-        setEndTransition: setEndTransition,
-        setEndAnimation: setEndAnimation
+        endAnimation,
+        endTransition,
+        setEndTransition,
+        setEndAnimation
     };
 };
-var usePopup = function usePopup(param) {
-    var isOpen = param.isOpen, id = param.id, popupInfo = param.popupInfo, withAnimation = param.withAnimation;
-    var _useState = _sliced_to_array((0, _react.useState)(false), 2), isVisible = _useState[0], setVisible = _useState[1];
-    var popupController = (0, _PopupBaseContext.usePopupBaseContext)();
-    var animationInfo = usePopupAnimation();
+const usePopup = ({ isOpen, id, popupInfo, withAnimation })=>{
+    const [isVisible, setVisible] = (0, _react.useState)(false);
+    const popupController = (0, _PopupBaseContext.usePopupBaseContext)();
+    const animationInfo = usePopupAnimation();
     // для использования transition в качестве анимации
-    (0, _react.useEffect)(function() {
+    (0, _react.useEffect)(()=>{
         if (withAnimation && animationInfo) {
-            animationInfo.setEndTransition(!isVisible || (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation));
+            animationInfo.setEndTransition(!isVisible || animationInfo?.endAnimation);
         }
     }, [
         animationInfo,
@@ -118,12 +43,13 @@ var usePopup = function usePopup(param) {
         isVisible
     ]);
     // сначала добавление/удаление из контекста, и только после этого отображение/скрытие
-    (0, _react.useEffect)(function() {
+    (0, _react.useEffect)(()=>{
         // при первом открытии
         if (isOpen && !isVisible) {
-            popupController.register(_object_spread({
-                id: id
-            }, popupInfo));
+            popupController.register({
+                id,
+                ...popupInfo
+            });
             setVisible(true);
             animationInfo.setEndAnimation(false);
             return;
@@ -146,8 +72,8 @@ var usePopup = function usePopup(param) {
         withAnimation
     ]);
     return {
-        isVisible: isVisible,
-        setVisible: setVisible,
-        animationInfo: animationInfo
+        isVisible,
+        setVisible,
+        animationInfo
     };
 };

package/components/PopupBase/index.js

@@ -28,6 +28,6 @@ _export(exports, {
         return _PopupBaseContext.usePopupBaseContext;
     }
 });
-var _PopupBaseContext = require("./PopupBaseContext");
-var _PopupBase = require("./PopupBase");
-var _utils = require("./utils");
+const _PopupBaseContext = require("./PopupBaseContext");
+const _PopupBase = require("./PopupBase");
+const _utils = require("./utils");

package/components/PopupBase/utils.js

@@ -22,77 +22,31 @@ _export(exports, {
         return popupBaseRootClass;
     }
 });
-var _styledcomponents = require("styled-components");
-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);
-}
-var popupBaseRootClass = 'popup-base-root';
-var endAnimationClass = 'popup-base-end-animation';
-var endTransitionClass = 'popup-base-end-transition';
-var handlePosition = function handlePosition(placement, offset) {
-    var x = '0rem';
-    var y = '0rem';
+const _styledcomponents = require("styled-components");
+const popupBaseRootClass = 'popup-base-root';
+const endAnimationClass = 'popup-base-end-animation';
+const endTransitionClass = 'popup-base-end-transition';
+const handlePosition = (placement, offset)=>{
+    let x = '0rem';
+    let y = '0rem';
     if (offset) {
-        var _offset = _sliced_to_array(offset, 2), _x = _offset[0], _y = _offset[1];
-        x = typeof _x === 'number' ? "".concat(_x, "rem") : _x;
-        y = typeof _y === 'number' ? "".concat(_y, "rem") : _y;
+        const [_x, _y] = offset;
+        x = typeof _x === 'number' ? `${_x}rem` : _x;
+        y = typeof _y === 'number' ? `${_y}rem` : _y;
     }
     if (!placement || placement === 'center') {
         return (0, _styledcomponents.css)([
-            "left:calc(50% + ",
-            ");top:calc(50% - ",
-            ");transform:translate(-50%,-50%);"
+            `left:calc(50% + `,
+            `);top:calc(50% - `,
+            `);transform:translate(-50%,-50%);`
         ], x, y);
     }
-    var left;
-    var right;
-    var top;
-    var bottom;
-    var placements = placement.split('-');
-    placements.forEach(function(placement) {
+    let left;
+    let right;
+    let top;
+    let bottom;
+    const placements = placement.split('-');
+    placements.forEach((placement)=>{
         switch(placement){
             case 'left':
                 left = x;
@@ -110,22 +64,22 @@ var handlePosition = function handlePosition(placement, offset) {
                 break;
         }
     });
-    var isCenteredX = left === undefined && right === undefined;
-    var isCenteredY = top === undefined && bottom === undefined;
+    const isCenteredX = left === undefined && right === undefined;
+    const isCenteredY = top === undefined && bottom === undefined;
     // информация для переезда в new-hope: не забыть, что styled-component выпилит undefined свойства, а линария нет
     return (0, _styledcomponents.css)([
-        "left:",
-        ";right:",
-        ";top:",
-        ";bottom:",
-        ";",
-        " ",
-        ""
+        `left:`,
+        `;right:`,
+        `;top:`,
+        `;bottom:`,
+        `;`,
+        ` `,
+        ``
     ], left, right, top, bottom, isCenteredX && (0, _styledcomponents.css)([
-        "left:calc(50% + ",
-        ");transform:translateX(-50%);"
+        `left:calc(50% + `,
+        `);transform:translateX(-50%);`
     ], x), isCenteredY && (0, _styledcomponents.css)([
-        "top:calc(50% - ",
-        ");transform:translateY(-50%);"
+        `top:calc(50% - `,
+        `);transform:translateY(-50%);`
     ], y));
 };