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

package/components/Slider/ThumbBase.js

@@ -16,22 +16,9 @@ _export(exports, {
         return ThumbBase;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _utils = require("./utils");
-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_default(require("styled-components"));
+const _utils = require("./utils");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -78,58 +65,7 @@ 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 KeyboardSupport = {
+const KeyboardSupport = {
     PageUp: 33,
     PageDown: 34,
     End: 35,
@@ -139,35 +75,22 @@ var KeyboardSupport = {
     ArrowRight: 39,
     ArrowDown: 40
 };
-var ThumbBase = _styledcomponents.default.div.withConfig({
+const ThumbBase = _styledcomponents.default.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;}}`
 ]);
-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 = (0, _react.useCallback)(function(event) {
+const Thumb = ({ onChangeCommitted, stepSize, xPosition = 0, min, max, value, bounds, ariaValueMin = min, ariaLabel, multipleStepSize, thumb: ThumbAbstract, ...rest })=>{
+    const onKeyPress = (0, _react.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,
@@ -203,13 +126,13 @@ 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 = (0, _utils.getSliderThumbValue)(boundedValue, stepSize, min, max);
+             */ const boundedValue = Math.max(Math.min(right, data.x), left);
+        const computedValue = (0, _utils.getSliderThumbValue)(boundedValue, stepSize, min, max);
         onChangeCommitted(computedValue, data);
     }, [
         onChangeCommitted,
@@ -220,13 +143,14 @@ var Thumb = function Thumb(_0) {
         max,
         xPosition
     ]);
-    return /*#__PURE__*/ _react.default.createElement(ThumbAbstract, _object_spread({
+    return /*#__PURE__*/ _react.default.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/components/Slider/index.js

@@ -19,6 +19,6 @@ _export(exports, {
         return _ThumbBase.ThumbBase;
     }
 });
-var _Slider = require("./Slider");
-var _ThumbBase = require("./ThumbBase");
-var Slider = _Slider.SliderCore;
+const _Slider = require("./Slider");
+const _ThumbBase = require("./ThumbBase");
+const Slider = _Slider.SliderCore;

package/components/Slider/utils.js

@@ -17,7 +17,7 @@ _export(exports, {
     }
 });
 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);
 }
 function getOffsets(ref, side) {
@@ -27,7 +27,7 @@ function getOffsets(ref, side) {
             0
         ];
     }
-    var size = ref.current.clientWidth;
+    const size = ref.current.clientWidth;
     if (side === 'left') {
         return [
             0,

package/components/Spinner/Spinner.js

@@ -8,24 +8,11 @@ Object.defineProperty(exports, "Spinner", {
         return Spinner;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _tokens = require("../../tokens");
-var _hooks = require("../../hooks");
-var _SpinnerSvg = require("./SpinnerSvg");
-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_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _tokens = require("../../tokens");
+const _hooks = require("../../hooks");
+const _SpinnerSvg = require("./SpinnerSvg");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -72,97 +59,38 @@ 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 rotateAnimation = (0, _styledcomponents.keyframes)([
-    "from{transform:rotate(0);}to{transform:rotate(360deg);}"
+const rotateAnimation = (0, _styledcomponents.keyframes)([
+    `from{transform:rotate(0);}to{transform:rotate(360deg);}`
 ]);
-var StyledRoot = _styledcomponents.default.div.withConfig({
+const StyledRoot = _styledcomponents.default.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 (0, _styledcomponents.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 })=>(0, _styledcomponents.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;
 };
-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 ? _tokens.accent : _props_color, deviceScale = props.deviceScale, rest = _object_without_properties(props, [
-        "id",
-        "size",
-        "color",
-        "deviceScale"
-    ]);
-    var uniqId = (0, _hooks.useUniqId)();
-    var innerId = id || uniqId;
-    var currentSize = sizeFormatting(size, deviceScale);
-    return /*#__PURE__*/ _react.default.createElement(StyledRoot, _object_spread({
+const Spinner = (props)=>{
+    const { id, size = 56, color = _tokens.accent, deviceScale, ...rest } = props;
+    const uniqId = (0, _hooks.useUniqId)();
+    const innerId = id || uniqId;
+    const currentSize = sizeFormatting(size, deviceScale);
+    return /*#__PURE__*/ _react.default.createElement(StyledRoot, {
         id: innerId,
-        $size: currentSize
-    }, rest), /*#__PURE__*/ _react.default.createElement(_SpinnerSvg.SpinnerSvg, {
+        $size: currentSize,
+        ...rest
+    }, /*#__PURE__*/ _react.default.createElement(_SpinnerSvg.SpinnerSvg, {
         id: innerId,
         width: size,
         height: size,

package/components/Spinner/SpinnerSvg.js

@@ -8,94 +8,26 @@ Object.defineProperty(exports, "SpinnerSvg", {
         return SpinnerSvg;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-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_default(require("react"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: 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;
-}
-var SpinnerSvg = function SpinnerSvg(_0) {
-    var id = _0.id, color = _0.color, props = _object_without_properties(_0, [
-        "id",
-        "color"
-    ]);
-    return /*#__PURE__*/ _react.default.createElement("svg", _object_spread({
+const SpinnerSvg = ({ id, color, ...props })=>/*#__PURE__*/ _react.default.createElement("svg", {
         viewBox: "0 0 56 56",
-        fill: "none"
-    }, props), /*#__PURE__*/ _react.default.createElement("path", {
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ _react.default.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.default.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.default.createElement("defs", null, /*#__PURE__*/ _react.default.createElement("linearGradient", {
-        id: "prefix__paint0_linear".concat(id),
+        id: `prefix__paint0_linear${id}`,
         x1: 0,
         y1: 56,
         x2: 0,
@@ -117,7 +49,7 @@ var SpinnerSvg = function SpinnerSvg(_0) {
         stopColor: color,
         stopOpacity: 0.5
     })), /*#__PURE__*/ _react.default.createElement("linearGradient", {
-        id: "prefix__paint1_linear".concat(id),
+        id: `prefix__paint1_linear${id}`,
         x1: 28,
         y1: 56,
         x2: 28,
@@ -137,4 +69,3 @@ var SpinnerSvg = function SpinnerSvg(_0) {
         stopColor: color,
         stopOpacity: 0.5
     }))));
-};

package/components/Spinner/index.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "Spinner", {
         return _Spinner.Spinner;
     }
 });
-var _Spinner = require("./Spinner");
+const _Spinner = require("./Spinner");