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

package/es/components/Slider/ThumbBase.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, { useCallback } from 'react';
 import styled from 'styled-components';
 import { getSliderThumbValue } from './utils';
-var KeyboardSupport = {
+const KeyboardSupport = {
     PageUp: 33,
     PageDown: 34,
     End: 35,
@@ -75,35 +11,22 @@ var KeyboardSupport = {
     ArrowRight: 39,
     ArrowDown: 40
 };
-export var ThumbBase = styled.div.withConfig({
+export const ThumbBase = styled.div.withConfig({
     displayName: "ThumbBase",
     componentId: "sc-df386cdf-0"
 })([
-    "border-radius:50%;background-clip:content-box;box-sizing:content-box;transition:transform 0.1s ease-in-out;&:focus{outline:none;}&:not([disabled]){&.focus-visible,&[data-focus-visible-added]{border-color:currentColor;}}"
+    `border-radius:50%;background-clip:content-box;box-sizing:content-box;transition:transform 0.1s ease-in-out;&:focus{outline:none;}&:not([disabled]){&.focus-visible,&[data-focus-visible-added]{border-color:currentColor;}}`
 ]);
-export var Thumb = function Thumb(_0) {
-    var onChangeCommitted = _0.onChangeCommitted, stepSize = _0.stepSize, _0_xPosition = _0.xPosition, xPosition = _0_xPosition === void 0 ? 0 : _0_xPosition, min = _0.min, max = _0.max, value = _0.value, bounds = _0.bounds, _0_ariaValueMin = _0.ariaValueMin, ariaValueMin = _0_ariaValueMin === void 0 ? min : _0_ariaValueMin, ariaLabel = _0.ariaLabel, multipleStepSize = _0.multipleStepSize, ThumbAbstract = _0.thumb, rest = _object_without_properties(_0, [
-        "onChangeCommitted",
-        "stepSize",
-        "xPosition",
-        "min",
-        "max",
-        "value",
-        "bounds",
-        "ariaValueMin",
-        "ariaLabel",
-        "multipleStepSize",
-        "thumb"
-    ]);
-    var onKeyPress = useCallback(function(event) {
+export const Thumb = ({ onChangeCommitted, stepSize, xPosition = 0, min, max, value, bounds, ariaValueMin = min, ariaLabel, multipleStepSize, thumb: ThumbAbstract, ...rest })=>{
+    const onKeyPress = useCallback((event)=>{
         event.persist();
-        var keyCode = event.keyCode, target = event.target;
+        const { keyCode, target } = event;
         if (!Object.values(KeyboardSupport).includes(keyCode)) {
             return;
         }
-        var ArrowUp = KeyboardSupport.ArrowUp, ArrowRight = KeyboardSupport.ArrowRight, ArrowDown = KeyboardSupport.ArrowDown, ArrowLeft = KeyboardSupport.ArrowLeft, Home = KeyboardSupport.Home, End = KeyboardSupport.End, PageDown = KeyboardSupport.PageDown, PageUp = KeyboardSupport.PageUp;
-        var computedMultipleSteps = stepSize * (multipleStepSize / 100 * max);
-        var data = {
+        const { ArrowUp, ArrowRight, ArrowDown, ArrowLeft, Home, End, PageDown, PageUp } = KeyboardSupport;
+        const computedMultipleSteps = stepSize * (multipleStepSize / 100 * max);
+        const data = {
             x: 0,
             deltaX: stepSize,
             lastX: xPosition,
@@ -139,13 +62,13 @@ export var Thumb = function Thumb(_0) {
             default:
                 data.x = 0;
         }
-        var left = bounds.left, right = bounds.right;
+        const { left, right } = bounds;
         /*
              * INFO:Находим значение в диапазоне между указанными левой и правой границами.
              * Необходимо для правильного расчета положения SliderThumb.
              * см. функция clamp
-             */ var boundedValue = Math.max(Math.min(right, data.x), left);
-        var computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);
+             */ const boundedValue = Math.max(Math.min(right, data.x), left);
+        const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);
         onChangeCommitted(computedValue, data);
     }, [
         onChangeCommitted,
@@ -156,13 +79,14 @@ export var Thumb = function Thumb(_0) {
         max,
         xPosition
     ]);
-    return /*#__PURE__*/ React.createElement(ThumbAbstract, _object_spread({
+    return /*#__PURE__*/ React.createElement(ThumbAbstract, {
         role: "slider",
         "aria-label": ariaLabel,
         "aria-valuemin": ariaValueMin,
         "aria-valuemax": max,
         "aria-valuenow": value,
         "aria-orientation": "horizontal",
-        onKeyDown: onKeyPress
-    }, rest));
+        onKeyDown: onKeyPress,
+        ...rest
+    });
 };

package/es/components/Slider/index.js

@@ -1,4 +1,4 @@
 import { SliderCore } from './Slider';
 export { SliderCore } from './Slider';
 export { ThumbBase } from './ThumbBase';
-export var Slider = SliderCore;
+export const Slider = SliderCore;

package/es/components/Slider/utils.js

@@ -6,7 +6,7 @@
  * @param {number} max
  * @return {number}
  */ export function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
-    var newValue = Math.round(handleCenterXRelative / stepSize) + min;
+    const newValue = Math.round(handleCenterXRelative / stepSize) + min;
     return Math.min(Math.max(newValue, min), max);
 }
 /**
@@ -22,7 +22,7 @@
             0
         ];
     }
-    var size = ref.current.clientWidth;
+    const size = ref.current.clientWidth;
     if (side === 'left') {
         return [
             0,

package/es/components/Spinner/Spinner.js

@@ -1,114 +1,42 @@
-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, { keyframes, css } from 'styled-components';
 import { accent } from '../../tokens';
 import { useUniqId } from '../../hooks';
 import { SpinnerSvg } from './SpinnerSvg';
-var rotateAnimation = keyframes([
-    "from{transform:rotate(0);}to{transform:rotate(360deg);}"
+const rotateAnimation = keyframes([
+    `from{transform:rotate(0);}to{transform:rotate(360deg);}`
 ]);
-var StyledRoot = styled.div.withConfig({
+const StyledRoot = styled.div.withConfig({
     displayName: "Spinner__StyledRoot",
     componentId: "sc-c7478b4f-0"
 })([
-    "display:flex;box-sizing:border-box;",
-    " animation:",
-    " 1s linear infinite;"
-], function(param) {
-    var $size = param.$size;
-    return css([
-        "width:",
-        ";height:",
-        ";"
-    ], $size, $size);
-}, rotateAnimation);
-var scalingPixelBasis = 16;
-var sizeFormatting = function sizeFormatting(size) {
-    var deviceScale = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+    `display:flex;box-sizing:border-box;`,
+    ` animation:`,
+    ` 1s linear infinite;`
+], ({ $size })=>css([
+        `width:`,
+        `;height:`,
+        `;`
+    ], $size, $size), rotateAnimation);
+const scalingPixelBasis = 16;
+const sizeFormatting = (size, deviceScale = 1)=>{
     if (typeof size === 'number' || !size.endsWith('rem') && !size.endsWith('px')) {
-        return "".concat(Number(size) / (scalingPixelBasis * deviceScale), "rem");
+        return `${Number(size) / (scalingPixelBasis * deviceScale)}rem`;
     }
     return size;
 };
 /**
  * Компонент для отображения индикатора загрузки.
- */ export var Spinner = function Spinner(props) {
-    var id = props.id, _props_size = props.size, size = _props_size === void 0 ? 56 : _props_size, _props_color = props.color, color = _props_color === void 0 ? accent : _props_color, deviceScale = props.deviceScale, rest = _object_without_properties(props, [
-        "id",
-        "size",
-        "color",
-        "deviceScale"
-    ]);
-    var uniqId = useUniqId();
-    var innerId = id || uniqId;
-    var currentSize = sizeFormatting(size, deviceScale);
-    return /*#__PURE__*/ React.createElement(StyledRoot, _object_spread({
+ */ export const Spinner = (props)=>{
+    const { id, size = 56, color = accent, deviceScale, ...rest } = props;
+    const uniqId = useUniqId();
+    const innerId = id || uniqId;
+    const currentSize = sizeFormatting(size, deviceScale);
+    return /*#__PURE__*/ React.createElement(StyledRoot, {
         id: innerId,
-        $size: currentSize
-    }, rest), /*#__PURE__*/ React.createElement(SpinnerSvg, {
+        $size: currentSize,
+        ...rest
+    }, /*#__PURE__*/ React.createElement(SpinnerSvg, {
         id: innerId,
         width: size,
         height: size,

package/es/components/Spinner/SpinnerSvg.js

@@ -1,86 +1,18 @@
-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';
-export var SpinnerSvg = function SpinnerSvg(_0) {
-    var id = _0.id, color = _0.color, props = _object_without_properties(_0, [
-        "id",
-        "color"
-    ]);
-    return /*#__PURE__*/ React.createElement("svg", _object_spread({
+export const SpinnerSvg = ({ id, color, ...props })=>/*#__PURE__*/ React.createElement("svg", {
         viewBox: "0 0 56 56",
-        fill: "none"
-    }, props), /*#__PURE__*/ React.createElement("path", {
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M28 0C12.536 0 0 12.536 0 28s12.536 28 28 28h.055H28v-4C14.745 52 4 41.255 4 28S14.745 4 28 4V0z",
-        fill: "url(#prefix__paint0_linear".concat(id, ")")
+        fill: `url(#prefix__paint0_linear${id})`
     }), /*#__PURE__*/ React.createElement("path", {
         d: "M56 28c0 14.791-11.47 26.904-26 27.93-1.102.077-2-.825-2-1.93s.899-1.991 2-2.082C42.318 50.902 52 40.58 52 28 52 14.745 41.255 4 28 4V0c15.464 0 28 12.536 28 28z",
-        fill: "url(#prefix__paint1_linear".concat(id, ")")
+        fill: `url(#prefix__paint1_linear${id})`
     }), /*#__PURE__*/ React.createElement("defs", null, /*#__PURE__*/ React.createElement("linearGradient", {
-        id: "prefix__paint0_linear".concat(id),
+        id: `prefix__paint0_linear${id}`,
         x1: 0,
         y1: 56,
         x2: 0,
@@ -102,7 +34,7 @@ export var SpinnerSvg = function SpinnerSvg(_0) {
         stopColor: color,
         stopOpacity: 0.5
     })), /*#__PURE__*/ React.createElement("linearGradient", {
-        id: "prefix__paint1_linear".concat(id),
+        id: `prefix__paint1_linear${id}`,
         x1: 28,
         y1: 56,
         x2: 28,
@@ -122,4 +54,3 @@ export var SpinnerSvg = function SpinnerSvg(_0) {
         stopColor: color,
         stopOpacity: 0.5
     }))));
-};