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

package/es/components/Skeleton/RectSkeleton.js

@@ -1,98 +1,25 @@
-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 { applySkeletonGradient, applyRoundness } from '../../mixins';
 import { DEFAULT_ROUNDNESS } from './Skeleton';
-var StyledRectSkeleton = styled.div.withConfig({
+const StyledRectSkeleton = styled.div.withConfig({
     displayName: "RectSkeleton__StyledRectSkeleton",
     componentId: "sc-b64b4dbc-0"
 })([
-    "",
-    ";",
-    ";position:relative;overflow:hidden;",
-    ""
-], applyRoundness, applySkeletonGradient, function(param) {
-    var $width = param.$width, $height = param.$height;
-    return css([
-        "width:",
-        ";height:",
-        ";"
-    ], $width, $height);
-});
+    ``,
+    `;`,
+    `;position:relative;overflow:hidden;`,
+    ``
+], applyRoundness, applySkeletonGradient, ({ $width, $height })=>css([
+        `width:`,
+        `;height:`,
+        `;`
+    ], $width, $height));
 /**
  * Компонент для создания прямоугольного плейсхолдера.
- */ export var RectSkeleton = function RectSkeleton(_0) {
-    var width = _0.width, height = _0.height, _0_roundness = _0.roundness, roundness = _0_roundness === void 0 ? DEFAULT_ROUNDNESS : _0_roundness, rest = _object_without_properties(_0, [
-        "width",
-        "height",
-        "roundness"
-    ]);
-    return /*#__PURE__*/ React.createElement(StyledRectSkeleton, _object_spread({
-        $width: typeof width === 'string' ? width : "".concat(width, "px"),
-        $height: typeof height === 'string' ? height : "".concat(height, "px"),
-        roundness: roundness
-    }, rest));
-};
+ */ export const RectSkeleton = ({ width, height, roundness = DEFAULT_ROUNDNESS, ...rest })=>/*#__PURE__*/ React.createElement(StyledRectSkeleton, {
+        $width: typeof width === 'string' ? width : `${width}px`,
+        $height: typeof height === 'string' ? height : `${height}px`,
+        roundness: roundness,
+        ...rest
+    });

package/es/components/Skeleton/Skeleton.js

@@ -1,2 +1,2 @@
-export var DEFAULT_TEXT_SIZE = 'body1';
-export var DEFAULT_ROUNDNESS = 16;
+export const DEFAULT_TEXT_SIZE = 'body1';
+export const DEFAULT_ROUNDNESS = 16;

package/es/components/Skeleton/TextSkeleton.js

@@ -1,44 +1,8 @@
-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 from 'styled-components';
 import { DEFAULT_TEXT_SIZE } from './Skeleton';
 import { LineSkeleton } from './LineSkeleton';
-var variousWidth = [
+const variousWidth = [
     7.58,
     5.27,
     13.54,
@@ -55,24 +19,17 @@ var variousWidth = [
     3.34,
     7.96
 ];
-var StyledTextSkeleton = styled.div.withConfig({
+const StyledTextSkeleton = styled.div.withConfig({
     displayName: "TextSkeleton__StyledTextSkeleton",
     componentId: "sc-90ee6487-0"
 })([
-    "display:flex;flex-direction:column;width:100%;"
+    `display:flex;flex-direction:column;width:100%;`
 ]);
 /**
  * Компонент для создания плейсхолдера нескольких строк текста.
  * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).
- */ export var TextSkeleton = function TextSkeleton(_0) {
-    var lines = _0.lines, width = _0.width, roundness = _0.roundness, _0_size = _0.size, size = _0_size === void 0 ? DEFAULT_TEXT_SIZE : _0_size, props = _object_without_properties(_0, [
-        "lines",
-        "width",
-        "roundness",
-        "size"
-    ]);
-    return /*#__PURE__*/ React.createElement(StyledTextSkeleton, props, Array.from(Array(lines), function(_, i) {
-        var w;
+ */ export const TextSkeleton = ({ lines, width, roundness, size = DEFAULT_TEXT_SIZE, ...props })=>/*#__PURE__*/ React.createElement(StyledTextSkeleton, props, Array.from(Array(lines), (_, i)=>{
+        let w;
         if (width) {
             // TODO; https://github.com/salute-developers/plasma/issues/230
             w = width;
@@ -91,12 +48,11 @@ var StyledTextSkeleton = styled.div.withConfig({
             }
         }
         return /*#__PURE__*/ React.createElement(LineSkeleton, {
-            key: "line:".concat(i),
+            key: `line:${i}`,
             size: size,
             roundness: roundness,
             style: {
-                width: "".concat(w, "%")
+                width: `${w}%`
             }
         });
     }));
-};

package/es/components/Slider/Double.js

@@ -1,160 +1,14 @@
-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 _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 _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 from 'react';
 import { SliderBase } from './SliderBase';
 import { Handle } from './Handle';
 function getXCenterHandle(handle) {
-    var _handle_parentElement_getBoundingClientRect, _handle_parentElement;
-    var containerX = ((_handle_parentElement = handle.parentElement) === null || _handle_parentElement === void 0 ? void 0 : (_handle_parentElement_getBoundingClientRect = _handle_parentElement.getBoundingClientRect()) === null || _handle_parentElement_getBoundingClientRect === void 0 ? void 0 : _handle_parentElement_getBoundingClientRect.x) || 0;
-    var handleRect = handle.getBoundingClientRect();
-    var handlePosition = handleRect.x;
+    const containerX = handle.parentElement?.getBoundingClientRect()?.x || 0;
+    const handleRect = handle.getBoundingClientRect();
+    const handlePosition = handleRect.x;
     return handlePosition - containerX;
 }
-export var Slider = function Slider(_0) {
-    var min = _0.min, max = _0.max, value = _0.value, disabled = _0.disabled, onChangeCommitted = _0.onChangeCommitted, onChange = _0.onChange, ariaLabel = _0.ariaLabel, _0_multipleStepSize = _0.multipleStepSize, multipleStepSize = _0_multipleStepSize === void 0 ? 10 : _0_multipleStepSize, thumb = _0.thumb, rest = _object_without_properties(_0, [
-        "min",
-        "max",
-        "value",
-        "disabled",
-        "onChangeCommitted",
-        "onChange",
-        "ariaLabel",
-        "multipleStepSize",
-        "thumb"
-    ]);
-    var _React_useState = _sliced_to_array(React.useState({
+export const Slider = ({ min, max, value, disabled, onChangeCommitted, onChange, ariaLabel, multipleStepSize = 10, thumb, ...rest })=>{
+    const [state, setState] = React.useState({
         stepSize: 0,
         railFillWidth: 0,
         railFillXPosition: 0,
@@ -164,47 +18,44 @@ export var Slider = function Slider(_0) {
         secondHandleZIndex: 101,
         firstValue: value[0],
         secondValue: value[1]
-    }), 2), state = _React_useState[0], setState = _React_useState[1];
-    var firstHandleRef = React.useRef(null);
-    var secondHandleRef = React.useRef(null);
-    var stepSize = state.stepSize;
-    React.useEffect(function() {
-        var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
-        var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+    });
+    const firstHandleRef = React.useRef(null);
+    const secondHandleRef = React.useRef(null);
+    const { stepSize } = state;
+    React.useEffect(()=>{
+        const firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
+        const secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
+        setState((prevState)=>({
+                ...prevState,
                 railFillXPosition: stepSize * firstLocalValue,
                 railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,
                 xFirstHandle: stepSize * firstLocalValue,
                 xSecondHandle: stepSize * secondLocalValue
-            });
-        });
+            }));
     }, [
         value,
         stepSize,
         min,
         max
     ]);
-    var setStepSize = React.useCallback(function(newStepSize) {
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+    const setStepSize = React.useCallback((newStepSize)=>{
+        setState((prevState)=>({
+                ...prevState,
                 stepSize: newStepSize
-            });
-        });
+            }));
     }, []);
-    var onFirstHandleChange = React.useCallback(function(handleValue, data) {
-        if (secondHandleRef === null || secondHandleRef === void 0 ? void 0 : secondHandleRef.current) {
-            var newHandleXPosition = data.x;
-            var secondHandleXPosition = getXCenterHandle(secondHandleRef.current);
-            var fillWidth = secondHandleXPosition - newHandleXPosition;
-            setState(function(prevState) {
-                return _object_spread_props(_object_spread({}, prevState), {
+    const onFirstHandleChange = React.useCallback((handleValue, data)=>{
+        if (secondHandleRef?.current) {
+            const newHandleXPosition = data.x;
+            const secondHandleXPosition = getXCenterHandle(secondHandleRef.current);
+            const fillWidth = secondHandleXPosition - newHandleXPosition;
+            setState((prevState)=>({
+                    ...prevState,
                     firstHandleZIndex: 101,
                     secondHandleZIndex: 100,
                     railFillWidth: fillWidth < 0 ? 0 : fillWidth,
                     railFillXPosition: newHandleXPosition
-                });
-            });
+                }));
             if (onChange) {
                 onChange([
                     handleValue,
@@ -216,34 +67,32 @@ export var Slider = function Slider(_0) {
         onChange,
         value
     ]);
-    var onFirstHandleChangeCommitted = React.useCallback(function(handleValue, data) {
+    const onFirstHandleChangeCommitted = React.useCallback((handleValue, data)=>{
         onChangeCommitted([
             handleValue,
             value[1]
         ]);
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+        setState((prevState)=>({
+                ...prevState,
                 firstValue: handleValue,
                 xFirstHandle: data.lastX
-            });
-        });
+            }));
     }, [
         onChangeCommitted,
         value
     ]);
-    var onSecondHandleChange = React.useCallback(function(handleValue, data) {
-        if (firstHandleRef === null || firstHandleRef === void 0 ? void 0 : firstHandleRef.current) {
-            var firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);
-            var newHandleXPosition = data.x;
-            var fillWidth = newHandleXPosition - firstXHandleXPosition;
-            setState(function(prevState) {
-                return _object_spread_props(_object_spread({}, prevState), {
+    const onSecondHandleChange = React.useCallback((handleValue, data)=>{
+        if (firstHandleRef?.current) {
+            const firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);
+            const newHandleXPosition = data.x;
+            const fillWidth = newHandleXPosition - firstXHandleXPosition;
+            setState((prevState)=>({
+                    ...prevState,
                     firstHandleZIndex: 100,
                     secondHandleZIndex: 101,
                     railFillWidth: fillWidth < 0 ? 0 : fillWidth,
                     railFillXPosition: firstXHandleXPosition
-                });
-            });
+                }));
             if (onChange) {
                 onChange([
                     value[0],
@@ -255,31 +104,31 @@ export var Slider = function Slider(_0) {
         onChange,
         value
     ]);
-    var onSecondHandleChangeCommitted = React.useCallback(function(handleValue, data) {
+    const onSecondHandleChangeCommitted = React.useCallback((handleValue, data)=>{
         onChangeCommitted([
             value[0],
             handleValue
         ]);
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+        setState((prevState)=>({
+                ...prevState,
                 secondValue: handleValue,
                 xSecondHandle: data.lastX
-            });
-        });
+            }));
     }, [
         onChangeCommitted,
         value
     ]);
-    var _ref = _sliced_to_array(ariaLabel || [], 2), ariaLabelLeft = _ref[0], ariaLabelRight = _ref[1];
-    var currentFirstSliderValue = Math.max(state.firstValue, min);
-    return /*#__PURE__*/ React.createElement(SliderBase, _object_spread({
+    const [ariaLabelLeft, ariaLabelRight] = ariaLabel || [];
+    const currentFirstSliderValue = Math.max(state.firstValue, min);
+    return /*#__PURE__*/ React.createElement(SliderBase, {
         min: min,
         max: max,
         disabled: disabled,
         setStepSize: setStepSize,
         railFillWidth: state.railFillWidth,
-        railFillXPosition: state.railFillXPosition
-    }, rest), /*#__PURE__*/ React.createElement(Handle, {
+        railFillXPosition: state.railFillXPosition,
+        ...rest
+    }, /*#__PURE__*/ React.createElement(Handle, {
         ref: firstHandleRef,
         stepSize: state.stepSize,
         multipleStepSize: multipleStepSize,