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

package/components/Skeleton/TextSkeleton.js

@@ -8,52 +8,16 @@ Object.defineProperty(exports, "TextSkeleton", {
         return TextSkeleton;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _Skeleton = require("./Skeleton");
-var _LineSkeleton = require("./LineSkeleton");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _Skeleton = require("./Skeleton");
+const _LineSkeleton = require("./LineSkeleton");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-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 variousWidth = [
+const variousWidth = [
     7.58,
     5.27,
     13.54,
@@ -70,21 +34,14 @@ var variousWidth = [
     3.34,
     7.96
 ];
-var StyledTextSkeleton = _styledcomponents.default.div.withConfig({
+const StyledTextSkeleton = _styledcomponents.default.div.withConfig({
     displayName: "TextSkeleton__StyledTextSkeleton",
     componentId: "sc-90ee6487-0"
 })([
-    "display:flex;flex-direction:column;width:100%;"
+    `display:flex;flex-direction:column;width:100%;`
 ]);
-var TextSkeleton = function TextSkeleton(_0) {
-    var lines = _0.lines, width = _0.width, roundness = _0.roundness, _0_size = _0.size, size = _0_size === void 0 ? _Skeleton.DEFAULT_TEXT_SIZE : _0_size, props = _object_without_properties(_0, [
-        "lines",
-        "width",
-        "roundness",
-        "size"
-    ]);
-    return /*#__PURE__*/ _react.default.createElement(StyledTextSkeleton, props, Array.from(Array(lines), function(_, i) {
-        var w;
+const TextSkeleton = ({ lines, width, roundness, size = _Skeleton.DEFAULT_TEXT_SIZE, ...props })=>/*#__PURE__*/ _react.default.createElement(StyledTextSkeleton, props, Array.from(Array(lines), (_, i)=>{
+        let w;
         if (width) {
             // TODO; https://github.com/salute-developers/plasma/issues/230
             w = width;
@@ -103,12 +60,11 @@ var TextSkeleton = function TextSkeleton(_0) {
             }
         }
         return /*#__PURE__*/ _react.default.createElement(_LineSkeleton.LineSkeleton, {
-            key: "line:".concat(i),
+            key: `line:${i}`,
             size: size,
             roundness: roundness,
             style: {
-                width: "".concat(w, "%")
+                width: `${w}%`
             }
         });
     }));
-};

package/components/Skeleton/index.js

@@ -19,6 +19,6 @@ _export(exports, {
         return _TextSkeleton.TextSkeleton;
     }
 });
-var _LineSkeleton = require("./LineSkeleton");
-var _TextSkeleton = require("./TextSkeleton");
-var _RectSkeleton = require("./RectSkeleton");
+const _LineSkeleton = require("./LineSkeleton");
+const _TextSkeleton = require("./TextSkeleton");
+const _RectSkeleton = require("./RectSkeleton");

package/components/Slider/Double.js

@@ -8,168 +8,22 @@ Object.defineProperty(exports, "Slider", {
         return Slider;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _SliderBase = require("./SliderBase");
-var _Handle = require("./Handle");
-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;
-}
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _SliderBase = require("./SliderBase");
+const _Handle = require("./Handle");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: 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);
-}
 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;
 }
-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.default.useState({
+const Slider = ({ min, max, value, disabled, onChangeCommitted, onChange, ariaLabel, multipleStepSize = 10, thumb, ...rest })=>{
+    const [state, setState] = _react.default.useState({
         stepSize: 0,
         railFillWidth: 0,
         railFillXPosition: 0,
@@ -179,47 +33,44 @@ 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.default.useRef(null);
-    var secondHandleRef = _react.default.useRef(null);
-    var stepSize = state.stepSize;
-    _react.default.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.default.useRef(null);
+    const secondHandleRef = _react.default.useRef(null);
+    const { stepSize } = state;
+    _react.default.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.default.useCallback(function(newStepSize) {
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+    const setStepSize = _react.default.useCallback((newStepSize)=>{
+        setState((prevState)=>({
+                ...prevState,
                 stepSize: newStepSize
-            });
-        });
+            }));
     }, []);
-    var onFirstHandleChange = _react.default.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.default.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,
@@ -231,34 +82,32 @@ var Slider = function Slider(_0) {
         onChange,
         value
     ]);
-    var onFirstHandleChangeCommitted = _react.default.useCallback(function(handleValue, data) {
+    const onFirstHandleChangeCommitted = _react.default.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.default.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.default.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],
@@ -270,31 +119,31 @@ var Slider = function Slider(_0) {
         onChange,
         value
     ]);
-    var onSecondHandleChangeCommitted = _react.default.useCallback(function(handleValue, data) {
+    const onSecondHandleChangeCommitted = _react.default.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.default.createElement(_SliderBase.SliderBase, _object_spread({
+    const [ariaLabelLeft, ariaLabelRight] = ariaLabel || [];
+    const currentFirstSliderValue = Math.max(state.firstValue, min);
+    return /*#__PURE__*/ _react.default.createElement(_SliderBase.SliderBase, {
         min: min,
         max: max,
         disabled: disabled,
         setStepSize: setStepSize,
         railFillWidth: state.railFillWidth,
-        railFillXPosition: state.railFillXPosition
-    }, rest), /*#__PURE__*/ _react.default.createElement(_Handle.Handle, {
+        railFillXPosition: state.railFillXPosition,
+        ...rest
+    }, /*#__PURE__*/ _react.default.createElement(_Handle.Handle, {
         ref: firstHandleRef,
         stepSize: state.stepSize,
         multipleStepSize: multipleStepSize,