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

package/es/components/Field/Field.js

@@ -4,83 +4,68 @@ import { secondary, tertiary, body1, caption } from '../../tokens';
 import { fieldStatuses } from './Field.statuses';
 /**
  * Common dynamic placeholder.
- */ export var FieldPlaceholder = styled.label.withConfig({
+ */ export const FieldPlaceholder = styled.label.withConfig({
     displayName: "Field__FieldPlaceholder",
     componentId: "sc-cb2977c5-0"
 })([
-    "position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;color:",
-    ";pointer-events:none;transition:",
-    ";transform-origin:top left;",
-    ""
-], tertiary, function(param) {
-    var theme = param.theme;
-    return theme.lowPerformance ? 'unset' : 'all 0.1s ease-in';
-}, applyEllipsis);
+    `position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;color:`,
+    `;pointer-events:none;transition:`,
+    `;transform-origin:top left;`,
+    ``
+], tertiary, ({ theme })=>theme.lowPerformance ? 'unset' : 'all 0.1s ease-in', applyEllipsis);
 /**
  * Content wrapper for left and right slots of the field.
- */ export var FieldContent = styled.div.withConfig({
+ */ export const FieldContent = styled.div.withConfig({
     displayName: "Field__FieldContent",
     componentId: "sc-cb2977c5-1"
 })([
-    "position:absolute;top:0;",
-    ";bottom:0;display:flex;align-items:center;height:3rem;"
-], function(param) {
-    var pos = param.pos;
-    return pos === 'left' ? 'left: 1rem' : 'right: 1rem';
-});
+    `position:absolute;top:0;`,
+    `;bottom:0;display:flex;align-items:center;height:3rem;`
+], ({ pos })=>pos === 'left' ? 'left: 1rem' : 'right: 1rem');
 /**
  * An inline block to place a helper text under the form item.
- */ export var FieldHelper = styled.span.withConfig({
+ */ export const FieldHelper = styled.span.withConfig({
     displayName: "Field__FieldHelper",
     componentId: "sc-cb2977c5-2"
 })([
-    "",
-    ";display:block;margin-top:0.25rem;",
-    ""
+    ``,
+    `;display:block;margin-top:0.25rem;`,
+    ``
 ], caption, applyEllipsis);
 /**
  * Common container for singular form item.
- */ export var FieldRoot = styled.div.withConfig({
+ */ export const FieldRoot = styled.div.withConfig({
     displayName: "Field__FieldRoot",
     componentId: "sc-cb2977c5-3"
 })([
-    "",
-    ";position:relative;display:block;box-sizing:border-box;color:",
-    ";",
-    " ",
-    " ",
-    " ",
-    ""
-], body1, secondary, applyDisabled, function(param) {
-    var _param_$size = param.$size, $size = _param_$size === void 0 ? 'm' : _param_$size;
-    return $size === 'l' ? css([
-        "",
-        "{top:1.125rem;left:1rem;right:1rem;}input:not(:placeholder-shown) ~ ",
-        "{transform:scale(0.75);top:0.375rem;}",
-        "{height:3.5rem;}"
+    ``,
+    `;position:relative;display:block;box-sizing:border-box;color:`,
+    `;`,
+    ` `,
+    ` `,
+    ` `,
+    ``
+], body1, secondary, applyDisabled, ({ $size = 'm' })=>$size === 'l' ? css([
+        ``,
+        `{top:1.125rem;left:1rem;right:1rem;}input:not(:placeholder-shown) ~ `,
+        `{transform:scale(0.75);top:0.375rem;}`,
+        `{height:3.5rem;}`
     ], FieldPlaceholder, FieldPlaceholder, FieldContent) : css([
-        "",
-        "{height:3rem;}"
-    ], FieldContent);
-}, function(param) {
-    var $isContentLeft = param.$isContentLeft, $isContentRight = param.$isContentRight;
-    return css([
-        "input,textarea{",
-        "  ",
-        "}",
-        "{",
-        "  ",
-        "}"
-    ], $isContentLeft && 'padding-left: 3.125rem;', $isContentRight && 'padding-right: 3.125rem;', FieldPlaceholder, $isContentLeft && 'left: 3.125rem;', $isContentRight && 'right: 3.125rem;');
-}, function(param) {
-    var $isHelper = param.$isHelper, status = param.status;
-    return status && ($isHelper ? css([
-        "",
-        "{color:",
-        ";}"
+        ``,
+        `{height:3rem;}`
+    ], FieldContent), ({ $isContentLeft, $isContentRight })=>css([
+        `input,textarea{`,
+        `  `,
+        `}`,
+        `{`,
+        `  `,
+        `}`
+    ], $isContentLeft && 'padding-left: 3.125rem;', $isContentRight && 'padding-right: 3.125rem;', FieldPlaceholder, $isContentLeft && 'left: 3.125rem;', $isContentRight && 'right: 3.125rem;'), ({ $isHelper, status })=>status && ($isHelper ? css([
+        ``,
+        `{color:`,
+        `;}`
     ], FieldHelper, fieldStatuses[status]) : css([
-        "",
-        "{color:",
-        ";}"
-    ], FieldPlaceholder, fieldStatuses[status]));
-});
+        ``,
+        `{color:`,
+        `;}`
+    ], FieldPlaceholder, fieldStatuses[status])));

package/es/components/Field/Field.statuses.js

@@ -1,10 +1,10 @@
 import { success, warning, critical, buttonSuccess, buttonWarning, buttonCritical } from '../../tokens';
-export var fieldStatuses = {
-    success: success,
-    warning: warning,
+export const fieldStatuses = {
+    success,
+    warning,
     error: critical
 };
-export var fieldBackgroundStatuses = {
+export const fieldBackgroundStatuses = {
     success: buttonSuccess,
     warning: buttonWarning,
     error: buttonCritical

package/es/components/Image/Image.js

@@ -1,71 +1,7 @@
-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;
-}
-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;
-}
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { toCssSize } from '../../utils';
-var ratios = {
+const ratios = {
     '1 / 1': '100',
     '1/1': '100',
     '3 / 4': '133.3333',
@@ -81,65 +17,48 @@ var ratios = {
     '2 / 1': '50',
     '2/1': '50'
 };
-var StyledRoot = styled.div.withConfig({
+const StyledRoot = styled.div.withConfig({
     displayName: "Image__StyledRoot",
     componentId: "sc-c0cf331c-0"
 })([
-    "position:relative;display:block;box-sizing:border-box;overflow:hidden;width:100%;height:inherit;border-radius:inherit;",
-    " ",
-    ""
-], function(param) {
-    var $ratio = param.$ratio, $customRatio = param.$customRatio;
-    return ($ratio || $customRatio) && css([
-        "height:0;padding-bottom:",
-        "%;"
-    ], $ratio ? ratios[$ratio] : $customRatio);
-}, function(param) {
-    var $width = param.$width, $height = param.$height;
-    return css([
-        "",
-        " ",
-        ""
-    ], $width && "width: ".concat(toCssSize($width), ";"), $height && "height: ".concat(toCssSize($height), ";"));
-});
-var StyledImg = styled.img.withConfig({
+    `position:relative;display:block;box-sizing:border-box;overflow:hidden;width:100%;height:inherit;border-radius:inherit;`,
+    ` `,
+    ``
+], ({ $ratio, $customRatio })=>($ratio || $customRatio) && css([
+        `height:0;padding-bottom:`,
+        `%;`
+    ], $ratio ? ratios[$ratio] : $customRatio), ({ $width, $height })=>css([
+        ``,
+        ` `,
+        ``
+    ], $width && `width: ${toCssSize($width)};`, $height && `height: ${toCssSize($height)};`));
+const StyledImg = styled.img.withConfig({
     displayName: "Image__StyledImg",
     componentId: "sc-c0cf331c-1"
 })([
-    "width:100%;",
-    ";"
-], function(param) {
-    var src = param.src, ratio = param.ratio;
-    return src && ratio && css([
-        "height:100%;object-fit:cover;position:absolute;"
-    ]);
-});
-var StyledDivImg = styled.div.withConfig({
+    `width:100%;`,
+    `;`
+], ({ src, ratio })=>src && ratio && css([
+        `height:100%;object-fit:cover;position:absolute;`
+    ]));
+const StyledDivImg = styled.div.withConfig({
     displayName: "Image__StyledDivImg",
     componentId: "sc-c0cf331c-2"
 })([
-    "width:100%;height:100%;position:absolute;background-position:center;background-size:cover;"
+    `width:100%;height:100%;position:absolute;background-position:center;background-size:cover;`
 ]);
 /**
  * Компонент для отображения картинок.
- */ var ImageBase = function ImageBase(_0) {
-    var src = _0.src, srcSet = _0.srcSet, sizes = _0.sizes, _0_base = _0.base, base = _0_base === void 0 ? 'img' : _0_base, alt = _0.alt, width = _0.width, height = _0.height, props = _object_without_properties(_0, [
-        "src",
-        "srcSet",
-        "sizes",
-        "base",
-        "alt",
-        "width",
-        "height"
-    ]);
-    var ratio = 'ratio' in props ? props.ratio : undefined;
-    var customRatio = 'customRatio' in props ? props.customRatio : undefined;
-    return /*#__PURE__*/ React.createElement(StyledRoot, _object_spread({
+ */ const ImageBase = ({ src, srcSet, sizes, base = 'img', alt, width, height, ...props })=>{
+    const ratio = 'ratio' in props ? props.ratio : undefined;
+    const customRatio = 'customRatio' in props ? props.customRatio : undefined;
+    return /*#__PURE__*/ React.createElement(StyledRoot, {
         $ratio: ratio,
         $customRatio: customRatio,
         $width: width,
-        $height: height
-    }, props), base === 'img' && /*#__PURE__*/ React.createElement(StyledImg, {
+        $height: height,
+        ...props
+    }, base === 'img' && /*#__PURE__*/ React.createElement(StyledImg, {
         src: src,
         srcSet: srcSet,
         sizes: sizes,
@@ -147,7 +66,7 @@ var StyledDivImg = styled.div.withConfig({
         ratio: ratio
     }), base === 'div' && /*#__PURE__*/ React.createElement(StyledDivImg, {
         style: {
-            backgroundImage: "url(".concat(src, ")")
+            backgroundImage: `url(${src})`
         },
         role: "img",
         "aria-label": alt
@@ -155,9 +74,9 @@ var StyledDivImg = styled.div.withConfig({
 };
 /**
  * Компонент для отображения картинок.
- */ export var Image = styled(ImageBase).withConfig({
+ */ export const Image = styled(ImageBase).withConfig({
     displayName: "Image",
     componentId: "sc-c0cf331c-3"
 })([
-    ""
+    ``
 ]);

package/es/components/Input/Input.js

@@ -3,11 +3,11 @@ import { applyEllipsis } from '../../mixins';
 import { applyInputStyles } from './Input.mixins';
 /**
  * Base input.
- */ export var Input = styled.input.withConfig({
+ */ export const Input = styled.input.withConfig({
     displayName: "Input",
     componentId: "sc-869dfd24-0"
 })([
-    "",
-    " ",
-    ""
+    ``,
+    ` `,
+    ``
 ], applyInputStyles, applyEllipsis);

package/es/components/Input/Input.mixins.js

@@ -1,15 +1,12 @@
 import { css } from 'styled-components';
 import { accent } from '../../tokens';
 import { fieldStatuses } from '../Field';
-export var applyInputStyles = function applyInputStyles(param) {
-    var status = param.status, _param_$size = param.$size, $size = _param_$size === void 0 ? 'm' : _param_$size;
-    return css([
-        "box-sizing:border-box;width:100%;border:0 none;caret-color:",
-        ";font:inherit;line-height:inherit;letter-spacing:inherit;&:focus{outline:none;}&:disabled{cursor:inherit;}&[readonly]{cursor:default;}",
-        ""
+export const applyInputStyles = ({ status, $size = 'm' })=>css([
+        `box-sizing:border-box;width:100%;border:0 none;caret-color:`,
+        `;font:inherit;line-height:inherit;letter-spacing:inherit;&:focus{outline:none;}&:disabled{cursor:inherit;}&[readonly]{cursor:default;}`,
+        ``
     ], status ? fieldStatuses[status] : accent, $size === 'l' ? css([
-        "height:3.5rem;padding:1.125rem 1rem;&:not(:placeholder-shown){padding-top:1.5rem;padding-bottom:0.375rem;}&::placeholder{color:transparent;}"
+        `height:3.5rem;padding:1.125rem 1rem;&:not(:placeholder-shown){padding-top:1.5rem;padding-bottom:0.375rem;}&::placeholder{color:transparent;}`
     ]) : css([
-        "height:3rem;padding:0.875rem 1rem;"
+        `height:3rem;padding:0.875rem 1rem;`
     ]));
-};

package/es/components/ModalBase/ModalBase.js

@@ -1,106 +1,27 @@
-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;
-}
-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;
-}
 import React from 'react';
 import { createGlobalStyle } from 'styled-components';
 import { PopupBase } from '../PopupBase/PopupBase';
 import { useFocusTrap, useUniqId } from '../../hooks';
 import { ModalOverlay } from './ModalOverlay';
 import { useModal } from './hooks';
-var NoScroll = createGlobalStyle([
-    "body{overflow-y:hidden;}"
+const NoScroll = createGlobalStyle([
+    `body{overflow-y:hidden;}`
 ]);
 /**
  * ModalBase.
  * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
- */ export var ModalBase = function ModalBase(_0) {
-    var id = _0.id, withAnimation = _0.withAnimation, onClose = _0.onClose, onOverlayClick = _0.onOverlayClick, onEscKeyDown = _0.onEscKeyDown, _0_closeOnEsc = _0.closeOnEsc, closeOnEsc = _0_closeOnEsc === void 0 ? true : _0_closeOnEsc, _0_closeOnOverlayClick = _0.closeOnOverlayClick, closeOnOverlayClick = _0_closeOnOverlayClick === void 0 ? true : _0_closeOnOverlayClick, withBlur = _0.withBlur, initialFocusRef = _0.initialFocusRef, focusAfterRef = _0.focusAfterRef, zIndex = _0.zIndex, popupInfo = _0.popupInfo, children = _0.children, rest = _object_without_properties(_0, [
-        "id",
-        "withAnimation",
-        "onClose",
-        "onOverlayClick",
-        "onEscKeyDown",
-        "closeOnEsc",
-        "closeOnOverlayClick",
-        "withBlur",
-        "initialFocusRef",
-        "focusAfterRef",
-        "zIndex",
-        "popupInfo",
-        "children"
-    ]);
-    var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);
-    var uniqId = useUniqId();
-    var innerId = id || uniqId;
-    var modalInfo = useModal({
+ */ export const ModalBase = ({ id, withAnimation, onClose, onOverlayClick, onEscKeyDown, closeOnEsc = true, closeOnOverlayClick = true, withBlur, initialFocusRef, focusAfterRef, zIndex, popupInfo, children, ...rest })=>{
+    const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);
+    const uniqId = useUniqId();
+    const innerId = id || uniqId;
+    const { modalInfo } = useModal({
         id: innerId,
-        closeOnEsc: closeOnEsc,
-        onEscKeyDown: onEscKeyDown,
-        onClose: onClose,
-        popupInfo: popupInfo
-    }).modalInfo;
-    return /*#__PURE__*/ React.createElement(PopupBase, _object_spread({
+        closeOnEsc,
+        onEscKeyDown,
+        onClose,
+        popupInfo
+    });
+    return /*#__PURE__*/ React.createElement(PopupBase, {
         id: id,
         ref: trapRef,
         popupInfo: modalInfo,
@@ -113,6 +34,7 @@ var NoScroll = createGlobalStyle([
             onClose: onClose,
             zIndex: zIndex,
             closeOnOverlayClick: closeOnOverlayClick
-        })
-    }, rest), /*#__PURE__*/ React.createElement(NoScroll, null), children);
+        }),
+        ...rest
+    }, /*#__PURE__*/ React.createElement(NoScroll, null), children);
 };

package/es/components/ModalBase/ModalBaseContext.js

@@ -1,20 +1,17 @@
 /**
  * Взаимодействие с модальными оконами.
- */ var getModals = function getModals(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.isModal;
-    });
+ */ const getModals = (items)=>{
+    return items.filter((item)=>item?.info?.isModal);
 };
-export var getIdLastModal = function getIdLastModal(items) {
-    var modals = getModals(items);
+export const getIdLastModal = (items)=>{
+    const modals = getModals(items);
     if (!modals.length) {
         return;
     }
     return modals[modals.length - 1].id;
 };
-export var getIdFirstModal = function getIdFirstModal(items) {
-    var modals = getModals(items);
+export const getIdFirstModal = (items)=>{
+    const modals = getModals(items);
     if (!modals.length) {
         return;
     }