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

package/components/ModalBase/ModalOverlay.js

@@ -19,24 +19,11 @@ _export(exports, {
         return modalBaseOverlayClass;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _PopupBaseRoot = require("../PopupBase/PopupBaseRoot");
-var _PopupBase = require("../PopupBase");
-var _ModalBaseContext = require("./ModalBaseContext");
-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 _PopupBaseRoot = require("../PopupBase/PopupBaseRoot");
+const _PopupBase = require("../PopupBase");
+const _ModalBaseContext = require("./ModalBaseContext");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -78,98 +65,29 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-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;
-}
-var modalBaseOverlayClass = 'modal-base-overlay';
-var Overlay = _styledcomponents.default.div.withConfig({
+const modalBaseOverlayClass = 'modal-base-overlay';
+const Overlay = _styledcomponents.default.div.withConfig({
     displayName: "ModalOverlay__Overlay",
     componentId: "sc-e7f59b8c-0"
 })([
-    "position:fixed;width:100%;height:100%;top:0;left:0;",
-    " ",
-    ";background-color:",
-    ";backdrop-filter:var(--backdrop-filter);cursor:",
-    ";"
-], function(param) {
-    var zIndex = param.zIndex;
-    return (0, _styledcomponents.css)([
-        "z-index:",
-        ";"
-    ], zIndex || _PopupBaseRoot.DEFAULT_Z_INDEX);
-}, function(param) {
-    var $withBlur = param.$withBlur;
+    `position:fixed;width:100%;height:100%;top:0;left:0;`,
+    ` `,
+    `;background-color:`,
+    `;backdrop-filter:var(--backdrop-filter);cursor:`,
+    `;`
+], ({ zIndex })=>(0, _styledcomponents.css)([
+        `z-index:`,
+        `;`
+    ], zIndex || _PopupBaseRoot.DEFAULT_Z_INDEX), ({ $withBlur })=>{
     return (0, _styledcomponents.css)([
-        "--background-color:",
-        ";--backdrop-filter:",
-        ";"
+        `--background-color:`,
+        `;--backdrop-filter:`,
+        `;`
     ], $withBlur ? 'var(--plasma-modal-blur-overlay-color)' : 'var(--plasma-modal-overlay-color)', $withBlur ? 'blur(1rem)' : 'none');
-}, function(param) {
-    var transparent = param.transparent;
-    return transparent ? 'transparent' : 'var(--background-color)';
-}, function(param) {
-    var clickable = param.clickable;
-    return clickable ? 'pointer' : 'default';
-});
-var ModalOverlay = function ModalOverlay(_0) {
-    var id = _0.id, withBlur = _0.withBlur, onOverlayClick = _0.onOverlayClick, onClose = _0.onClose, zIndex = _0.zIndex, _0_closeOnOverlayClick = _0.closeOnOverlayClick, closeOnOverlayClick = _0_closeOnOverlayClick === void 0 ? true : _0_closeOnOverlayClick, rest = _object_without_properties(_0, [
-        "id",
-        "withBlur",
-        "onOverlayClick",
-        "onClose",
-        "zIndex",
-        "closeOnOverlayClick"
-    ]);
-    var popupController = (0, _PopupBase.usePopupBaseContext)();
-    var onModalOverlayKeyDown = (0, _react.useCallback)(function(event) {
+}, ({ transparent })=>transparent ? 'transparent' : 'var(--background-color)', ({ clickable })=>clickable ? 'pointer' : 'default');
+const ModalOverlay = ({ id, withBlur, onOverlayClick, onClose, zIndex, closeOnOverlayClick = true, ...rest })=>{
+    const popupController = (0, _PopupBase.usePopupBaseContext)();
+    const onModalOverlayKeyDown = (0, _react.useCallback)((event)=>{
         if (!closeOnOverlayClick) {
             return;
         }
@@ -185,18 +103,17 @@ var ModalOverlay = function ModalOverlay(_0) {
         onOverlayClick,
         onClose
     ]);
-    var transparent = (0, _react.useMemo)(function() {
-        return (0, _ModalBaseContext.getIdLastModal)(popupController.items) !== id;
-    }, [
+    const transparent = (0, _react.useMemo)(()=>(0, _ModalBaseContext.getIdLastModal)(popupController.items) !== id, [
         id,
         popupController.items
     ]);
-    return /*#__PURE__*/ _react.default.createElement(Overlay, _object_spread({
+    return /*#__PURE__*/ _react.default.createElement(Overlay, {
         className: modalBaseOverlayClass,
         transparent: transparent,
         clickable: closeOnOverlayClick,
         onClick: onModalOverlayKeyDown,
         zIndex: zIndex,
-        $withBlur: withBlur
-    }, rest));
+        $withBlur: withBlur,
+        ...rest
+    });
 };

package/components/ModalBase/hooks.js

@@ -8,43 +8,14 @@ Object.defineProperty(exports, "useModal", {
         return useModal;
     }
 });
-var _react = require("react");
-var _PopupBase = require("../PopupBase");
-var _ModalBaseContext = require("./ModalBaseContext");
-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 _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;
-}
-var ESCAPE_KEYCODE = 27;
-var useModal = function useModal(param) {
-    var id = param.id, popupInfo = param.popupInfo, onEscKeyDown = param.onEscKeyDown, onClose = param.onClose, _param_closeOnEsc = param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc;
-    var popupController = (0, _PopupBase.usePopupBaseContext)();
+const _react = require("react");
+const _PopupBase = require("../PopupBase");
+const _ModalBaseContext = require("./ModalBaseContext");
+const ESCAPE_KEYCODE = 27;
+const useModal = ({ id, popupInfo, onEscKeyDown, onClose, closeOnEsc = true })=>{
+    const popupController = (0, _PopupBase.usePopupBaseContext)();
     // При ESC закрывает текущее окно, если это возможно
-    var onKeyDown = (0, _react.useCallback)(function(event) {
+    const onKeyDown = (0, _react.useCallback)((event)=>{
         if (!closeOnEsc) {
             return;
         }
@@ -63,9 +34,9 @@ var useModal = function useModal(param) {
         popupController.items,
         closeOnEsc
     ]);
-    (0, _react.useEffect)(function() {
+    (0, _react.useEffect)(()=>{
         window.addEventListener('keydown', onKeyDown);
-        return function() {
+        return ()=>{
             window.removeEventListener('keydown', onKeyDown);
         };
     }, [
@@ -74,13 +45,14 @@ var useModal = function useModal(param) {
         popupController.items,
         closeOnEsc
     ]);
-    var modalInfo = _object_spread({
-        id: id,
+    const modalInfo = {
+        id,
         info: {
             isModal: true
-        }
-    }, popupInfo);
+        },
+        ...popupInfo
+    };
     return {
-        modalInfo: modalInfo
+        modalInfo
     };
 };

package/components/ModalBase/index.js

@@ -19,5 +19,5 @@ _export(exports, {
         return _ModalOverlay.modalBaseOverlayClass;
     }
 });
-var _ModalBase = require("./ModalBase");
-var _ModalOverlay = require("./ModalOverlay");
+const _ModalBase = require("./ModalBase");
+const _ModalOverlay = require("./ModalOverlay");

package/components/PaginationDots/PaginationDot.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "PaginationDot", {
         return PaginationDot;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _tokens = require("../../tokens");
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _tokens = require("../../tokens");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -51,21 +51,15 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-var PaginationDot = _styledcomponents.default.li.withConfig({
+const PaginationDot = _styledcomponents.default.li.withConfig({
     displayName: "PaginationDot",
     componentId: "sc-184538f4-0"
 })([
-    "width:0.375rem;height:0.375rem;border-radius:1rem;background:",
-    ";transition:",
-    ";font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}",
-    ""
-], _tokens.surfaceLiquid03, function(param) {
-    var theme = param.theme;
-    return theme.lowPerformance ? 'unset' : 'width 0.1s ease-in-out, background 0.3s ease-in-out';
-}, function(param) {
-    var isActive = param.isActive;
-    return isActive && (0, _styledcomponents.css)([
-        "width:1.75rem;background:",
-        ";"
-    ], _tokens.primary);
-});
+    `width:0.375rem;height:0.375rem;border-radius:1rem;background:`,
+    `;transition:`,
+    `;font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}`,
+    ``
+], _tokens.surfaceLiquid03, ({ theme })=>theme.lowPerformance ? 'unset' : 'width 0.1s ease-in-out, background 0.3s ease-in-out', ({ isActive })=>isActive && (0, _styledcomponents.css)([
+        `width:1.75rem;background:`,
+        `;`
+    ], _tokens.primary));

package/components/PaginationDots/PaginationDots.js

@@ -8,20 +8,17 @@ Object.defineProperty(exports, "PaginationDots", {
         return PaginationDots;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var PaginationDots = _styledcomponents.default.ul.attrs(function(param) {
-    var tmp = param['aria-hidden'], ariaHidden = tmp === void 0 ? 'true' : tmp;
-    return {
+const PaginationDots = _styledcomponents.default.ul.attrs(({ 'aria-hidden': ariaHidden = 'true' })=>({
         'aria-hidden': ariaHidden
-    };
-}).withConfig({
+    })).withConfig({
     displayName: "PaginationDots",
     componentId: "sc-dd6e00ec-0"
 })([
-    "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"
+    `display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;`
 ]);

package/components/PaginationDots/index.js

@@ -19,6 +19,6 @@ _export(exports, {
         return _usePaginationDots.usePaginationDots;
     }
 });
-var _usePaginationDots = require("./usePaginationDots");
-var _PaginationDots = require("./PaginationDots");
-var _PaginationDot = require("./PaginationDot");
+const _usePaginationDots = require("./usePaginationDots");
+const _PaginationDots = require("./PaginationDots");
+const _PaginationDot = require("./PaginationDot");

package/components/PaginationDots/usePaginationDots.js

@@ -8,17 +8,16 @@ Object.defineProperty(exports, "usePaginationDots", {
         return usePaginationDots;
     }
 });
-var _react = require("react");
-var usePaginationDots = function usePaginationDots(param) {
-    var items = param.items, index = param.index, _param_visibleItems = param.visibleItems, visibleItems = _param_visibleItems === void 0 ? 7 : _param_visibleItems;
-    var activeId = items[index].id;
-    var prevIndex = (0, _react.useRef)(null);
-    var direction = 0;
+const _react = require("react");
+const usePaginationDots = ({ items, index, visibleItems = 7 })=>{
+    const activeId = items[index].id;
+    const prevIndex = (0, _react.useRef)(null);
+    let direction = 0;
     if (prevIndex.current !== null) {
         direction = index > prevIndex.current ? 1 : -1;
     }
-    var start;
-    var end;
+    let start;
+    let end;
     if (direction === 1) {
         end = Math.min(Math.max(index + 2, visibleItems), items.length);
         start = Math.max(end - visibleItems, 0);
@@ -30,10 +29,10 @@ var usePaginationDots = function usePaginationDots(param) {
         end = Math.min(start + visibleItems, items.length);
         start = end - visibleItems;
     }
-    var sliced = items.slice(start, end);
+    const sliced = items.slice(start, end);
     prevIndex.current = index;
     return {
-        sliced: sliced,
-        activeId: activeId
+        sliced,
+        activeId
     };
 };