@salutejs/plasma-core 1.214.0-next-insol.0 → 1.215.0-canary.2456.21632138802.0

package/es/utils/transformStyles.js

@@ -46,10 +46,10 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var uppercaseCheck = /([A-Z])/;
 var uppercasePattern = /([A-Z])/g;
-var prefixAndLowerCase = function(char) {
+var prefixAndLowerCase = function prefixAndLowerCase(char) {
     return "-".concat(char.toLowerCase());
 };
-var hyphenate = function(str) {
+var hyphenate = function hyphenate(str) {
     return uppercaseCheck.test(str) ? str.replace(uppercasePattern, prefixAndLowerCase) : str;
 };
 /**
@@ -57,7 +57,7 @@ var hyphenate = function(str) {
  * оставляя значения как есть (например, не добавляя "px" к числам),
  * а ключи переводя в kebab-case.
  * Подходит для подготовки типографической темы.
- */ export var transformStyles = function(styles) {
+ */ export var transformStyles = function transformStyles(styles) {
     return Object.entries(styles).map(function(param) {
         var _param = _sliced_to_array(param, 2), key = _param[0], value = _param[1];
         return "".concat(hyphenate(key), ": ").concat(value);

package/hocs/withAutoFocus.js

@@ -80,12 +80,22 @@ function _object_spread(target) {
 }
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
+    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) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
+        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];
@@ -95,19 +105,18 @@ function _object_without_properties(source, excluded) {
 }
 function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
+    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 withAutoFocus = function(Component) {
-    return function(_param) {
-        var autoFocus = _param.autoFocus, _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? -1 : _param_tabIndex, _param_preventScroll = _param.preventScroll, preventScroll = _param_preventScroll === void 0 ? true : _param_preventScroll, props = _object_without_properties(_param, [
+var withAutoFocus = function withAutoFocus(Component) {
+    return function(_0) {
+        var autoFocus = _0.autoFocus, _0_tabIndex = _0.tabIndex, tabIndex = _0_tabIndex === void 0 ? -1 : _0_tabIndex, _0_preventScroll = _0.preventScroll, preventScroll = _0_preventScroll === void 0 ? true : _0_preventScroll, props = _object_without_properties(_0, [
             "autoFocus",
             "tabIndex",
             "preventScroll"

package/hocs/withSkeleton.js

@@ -16,7 +16,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-var withSkeleton = function(Component) {
+var withSkeleton = function withSkeleton(Component) {
     return (0, _styledcomponents.default)(Component).withConfig({
         displayName: "withSkeleton",
         componentId: "sc-764f817c-0"

package/hooks/useFocusTrap.js

@@ -13,7 +13,7 @@ var _focusManager = require("../utils/focusManager");
 var _tabbable = require("../utils/tabbable");
 var _scopeTab = require("../utils/scopeTab");
 // Находим элемент для фокуса
-var getFocusElement = function(node, firstFocusSelector) {
+var getFocusElement = function getFocusElement(node, firstFocusSelector) {
     var focusElement = null;
     if (firstFocusSelector) {
         if (typeof firstFocusSelector === 'string') {
@@ -34,7 +34,7 @@ var getFocusElement = function(node, firstFocusSelector) {
     }
     return focusElement;
 };
-var processNode = function(node, firstFocusSelector, ref) {
+var processNode = function processNode1(node, firstFocusSelector, ref) {
     if (ref === null || ref === void 0 ? void 0 : ref.current) {
         ref.current.removeEventListener('animationend', function() {
             processNode(node, firstFocusSelector, ref);
@@ -46,7 +46,7 @@ var processNode = function(node, firstFocusSelector, ref) {
     }
 };
 var focusManager = new _focusManager.FocusManager();
-var useFocusTrap = function() {
+var useFocusTrap = function useFocusTrap() {
     var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0;
     var ref = (0, _react.useRef)();
     var setRef = (0, _react.useCallback)(function(node) {
@@ -79,7 +79,7 @@ var useFocusTrap = function() {
         if (!active) {
             return;
         }
-        var handleKeyDown = function(event) {
+        var handleKeyDown = function handleKeyDown(event) {
             if (event.key === 'Tab' && ref.current) {
                 (0, _scopeTab.scopeTab)(ref.current, event);
             }

package/hooks/useForkRef.js

@@ -15,7 +15,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-var useForkRef = function(refOne, refTwo) {
+var useForkRef = function useForkRef(refOne, refTwo) {
     return _react.default.useMemo(function() {
         if (refOne == null && refTwo === null) {
             return null;

package/hooks/useResizeObserver.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "useResizeObserver", {
     }
 });
 var _react = require("react");
-var useResizeObserver = function(ref, callback) {
+var useResizeObserver = function useResizeObserver(ref, callback) {
     (0, _react.useEffect)(function() {
         /* istanbul ignore if: убираем проверку на рефы из покрытия */ if (!(ref === null || ref === void 0 ? void 0 : ref.current)) {
             return;

package/mixins/addFocus.js

@@ -19,14 +19,14 @@ _export(exports, {
 var _styledcomponents = require("styled-components");
 var _tokens = require("../tokens");
 require("focus-visible");
-var syntheticFocus = function(ruleset, focused) {
+var syntheticFocus = function syntheticFocus(ruleset, focused) {
     return (0, _styledcomponents.css)([
         "&.focus-visible:focus,&[data-focus-visible-added]{outline:none;",
         "}",
         ";"
     ], ruleset, focused && ruleset);
 };
-var addFocus = function(param) {
+var addFocus = function addFocus(param) {
     var lowPerformance = param.lowPerformance, focused = param.focused, _param_outlined = param.outlined, outlined = _param_outlined === void 0 ? true : _param_outlined, _param_outlineSize = param.outlineSize, outlineSize = _param_outlineSize === void 0 ? '0.125rem' : _param_outlineSize, _param_outlineOffset = param.outlineOffset, outlineOffset = _param_outlineOffset === void 0 ? outlineSize : _param_outlineOffset, _param_outlineColor = param.outlineColor, outlineColor = _param_outlineColor === void 0 ? _tokens.buttonFocused : _param_outlineColor, _param_outlineRadius = param.outlineRadius, outlineRadius = _param_outlineRadius === void 0 ? 0 : _param_outlineRadius, _param_synthesizeFocus = param.synthesizeFocus, synthesizeFocus = _param_synthesizeFocus === void 0 ? syntheticFocus : _param_synthesizeFocus;
     return outlined && (0, _styledcomponents.css)([
         "position:relative;&::before{content:'';position:absolute;top:-",

package/mixins/applyDisabled.js

@@ -12,7 +12,7 @@ var _styledcomponents = require("styled-components");
 var disabledCss = (0, _styledcomponents.css)([
     "opacity:0.4;cursor:not-allowed;&:hover,&:active{transform:none;}"
 ]);
-var applyDisabled = function(param) {
+var applyDisabled = function applyDisabled(param) {
     var disabled = param.disabled, $disabled = param.$disabled;
     return (0, _styledcomponents.css)([
         "&:disabled{",

package/mixins/applyEllipsis.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "applyEllipsis", {
     }
 });
 var _styledcomponents = require("styled-components");
-var applyEllipsis = function() {
+var applyEllipsis = function applyEllipsis() {
     return (0, _styledcomponents.css)([
         "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"
     ]);

package/mixins/applyMaxLines.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "applyMaxLines", {
     }
 });
 var _styledcomponents = require("styled-components");
-var applyMaxLines = function(param) {
+var applyMaxLines = function applyMaxLines(param) {
     var maxLines = param.maxLines;
     return maxLines && (0, _styledcomponents.css)([
         "display:-webkit-box;overflow:hidden;box-sizing:border-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:",

package/mixins/applyNoSelect.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "applyNoSelect", {
     }
 });
 var _styledcomponents = require("styled-components");
-var applyNoSelect = function() {
+var applyNoSelect = function applyNoSelect() {
     return (0, _styledcomponents.css)([
         "user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);"
     ]);

package/mixins/applyOutline.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "applyOutline", {
     }
 });
 var _styledcomponents = require("styled-components");
-var applyOutline = function() {
+var applyOutline = function applyOutline() {
     return (0, _styledcomponents.css)([
         "position:relative;&::before{content:'';position:absolute;top:var(--plasma-outline-offset);left:var(--plasma-outline-offset);right:var(--plasma-outline-offset);bottom:var(--plasma-outline-offset);display:block;box-sizing:border-box;border:var(--plasma-outline-offset) solid transparent;border-radius:var(--plasma-outline-radius);transition:box-shadow 0.2s ease-in-out;pointer-events:none;}&:focus::before{box-shadow:0 0 0 var(--plasma-outline-size) var(--plasma-outline-radius);}"
     ]);

package/mixins/applyRoundness.js

@@ -30,7 +30,7 @@ var radiuses = {
     8: 0.5,
     0: 0
 };
-var applyRoundness = function(param) {
+var applyRoundness = function applyRoundness(param) {
     var roundness = param.roundness;
     return (0, _styledcomponents.css)([
         "border-radius:",

package/mixins/applyScrollSnap.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "applyScrollSnap", {
     }
 });
 var _styledcomponents = require("styled-components");
-var applyScrollSnap = function(param) {
+var applyScrollSnap = function applyScrollSnap(param) {
     var scrollSnapAlign = param.scrollSnapAlign, scrollSnapStop = param.scrollSnapStop;
     return scrollSnapAlign && (0, _styledcomponents.css)([
         "scroll-snap-align:",

package/mixins/applySkeletonGradient.js

@@ -13,7 +13,7 @@ var _tokens = require("../tokens");
 var loading = (0, _styledcomponents.keyframes)([
     "from{transform:translateX(0);}to{transform:translateX(100vw);}"
 ]);
-var applySkeletonGradient = function(param) {
+var applySkeletonGradient = function applySkeletonGradient(param) {
     var lighter = param.lighter;
     return (0, _styledcomponents.css)([
         "position:relative;overflow:hidden;z-index:1;&::before{content:'';position:absolute;animation:",

package/mixins/applyView.js

@@ -57,7 +57,7 @@ var views = {
         color: _tokens.white
     }
 };
-var applyView = function(param) {
+var applyView = function applyView(param) {
     var view = param.view;
     return views[view];
 };

package/mixins/blur.js

@@ -21,7 +21,7 @@ var blurs = {
     medium: '37px',
     large: '50px'
 };
-var applyBlur = function(param) {
+var applyBlur = function applyBlur(param) {
     var blur = param.blur;
     return blur && "backdrop-filter: blur(".concat(blurs[blur], ");");
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-core",
-  "version": "1.214.0-next-insol.0",
+  "version": "1.215.0-canary.2456.21632138802.0",
   "description": "Core library for Plasma: Salute Design System.",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -24,7 +24,7 @@
     "@babel/preset-react": "7.24.1",
     "@babel/preset-typescript": "7.24.1",
     "@microsoft/api-extractor": "7.38.3",
-    "@salutejs/plasma-cy-utils": "0.144.0-next-insol.0",
+    "@salutejs/plasma-cy-utils": "0.145.0-canary.2456.21632138802.0",
     "@types/jest": "27.0.1",
     "@types/lodash.throttle": "4.1.6",
     "@types/node": "15.14.9",
@@ -80,5 +80,5 @@
     "Зубаиров Фаниль Асхатович"
   ],
   "sideEffects": false,
-  "gitHead": "6fb59269d79b6b283c174c34bd5b3c0dab64dff2"
+  "gitHead": "14575ddc29d78d36091428bb5b5798f38cbc02ad"
 }

package/utils/animatedScrollTo.js

@@ -19,27 +19,27 @@ _export(exports, {
 var DEFAULT_DURATION = 300;
 // https://css-tricks.com/emulating-css-timing-functions-javascript/
 var tfs = {
-    linear: function(t) {
+    linear: function linear(t) {
         return t;
     },
     // eslint-disable-next-line
-    easeIn: function(t) {
+    easeIn: function easeIn(t) {
         return Math.pow(t, 1.675);
     },
     // eslint-disable-next-line
-    easeOut: function(t) {
+    easeOut: function easeOut(t) {
         return 1 - Math.pow(1 - t, 1.675);
     },
-    easeInOut: function(t) {
+    easeInOut: function easeInOut(t) {
         return 0.5 * (Math.sin((t - 0.5) * Math.PI) + 1);
     }
 };
-var animatedScrollToX = function(elem, pos) {
+var animatedScrollToX = function animatedScrollToX(elem, pos) {
     var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, timingFunction = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 'easeInOut';
     var startTime;
     var startX = elem.scrollLeft;
     var endX = Math.max(0, Math.min(elem.scrollWidth - elem.clientWidth, pos));
-    var handleNewAnimationFrame = function() {
+    var handleNewAnimationFrame = function handleNewAnimationFrame1() {
         startTime = startTime || Date.now();
         var timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
         var scrollPos = tfs[timingFunction](timePos);
@@ -51,12 +51,12 @@ var animatedScrollToX = function(elem, pos) {
     };
     window.requestAnimationFrame(handleNewAnimationFrame);
 };
-var animatedScrollToY = function(elem, pos) {
+var animatedScrollToY = function animatedScrollToY(elem, pos) {
     var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, timingFunction = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 'easeInOut';
     var startTime;
     var startY = elem.scrollTop;
     var endY = Math.max(0, Math.min(elem.scrollHeight - elem.clientHeight, pos));
-    var handleNewAnimationFrame = function() {
+    var handleNewAnimationFrame = function handleNewAnimationFrame1() {
         startTime = startTime || Date.now();
         var timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
         var scrollPos = tfs[timingFunction](timePos);

package/utils/extractTextFrom.js

@@ -13,7 +13,7 @@ function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-var extractTextFrom = function(textSource) {
+var extractTextFrom = function extractTextFrom1(textSource) {
     switch(typeof textSource === "undefined" ? "undefined" : _type_of(textSource)){
         case 'string':
             return textSource;

package/utils/formatCurrency.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "formatCurrency", {
         return formatCurrency;
     }
 });
-var formatCurrency = function(value, currency, minimumFractionDigits) {
+var formatCurrency = function formatCurrency(value, currency, minimumFractionDigits) {
     var formatter = new Intl.NumberFormat('ru', {
         style: 'currency',
         currency: currency,

package/utils/formatters.js

@@ -25,22 +25,22 @@ _export(exports, {
         return padZeroNumber;
     }
 });
-var last = function(array) {
+var last = function last(array) {
     return array[array.length - 1];
 };
-var padZeroNumber = function(value) {
+var padZeroNumber = function padZeroNumber(value) {
     return "".concat(value).padStart(2, '0');
 };
-var monthName = function(val, monthFormat) {
+var monthName = function monthName(val, monthFormat) {
     var targetMonth = new Date(2000, val, 1);
     return last(new Intl.DateTimeFormat('ru-RU', {
         day: 'numeric',
         month: monthFormat
     }).formatToParts(targetMonth)).value;
 };
-var monthLongName = function(val) {
+var monthLongName = function monthLongName(val) {
     return monthName(val, 'long');
 };
-var monthShortName = function(val) {
+var monthShortName = function monthShortName(val) {
     return monthName(val, 'short').replace('.', '');
 };

package/utils/roundness.js

@@ -30,7 +30,7 @@ var pins = {
     'circle-clear': 'h 0 0 h',
     'circle-circle': 'h'
 };
-var convertRoundnessMatrix = function(matrixKey, r, h) {
+var convertRoundnessMatrix = function convertRoundnessMatrix(matrixKey, r, h) {
     return matrixKey && pins[matrixKey].split(' ').map(function(char) {
         switch(char){
             case 'r':

package/utils/scopeTab.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "scopeTab", {
     }
 });
 var _tabbable = require("./tabbable");
-var scopeTab = function(node, event) {
+var scopeTab = function scopeTab(node, event) {
     var tabbable = (0, _tabbable.findTabbableDescendants)(node);
     if (!tabbable.length) {
         event.preventDefault();

package/utils/setRef.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "setRef", {
         return setRef;
     }
 });
-var setRef = function(ref, value) {
+var setRef = function setRef(ref, value) {
     if (typeof ref === 'function') {
         ref(value);
     } else if (ref) {

package/utils/tabbable.js

@@ -45,10 +45,10 @@ var focusSelector = [
     'video[controls]',
     '[contenteditable]:not([contenteditable="false"])'
 ].join(',');
-var isHidden = function(el) {
+var isHidden = function isHidden(el) {
     return el.offsetWidth <= 0 && el.offsetHeight <= 0 || el.style.display === 'none' || el.style.visibility === 'hidden' || el.style.opacity === '0';
 };
-var isVisible = function(element, parentContainer) {
+var isVisible = function isVisible(element, parentContainer) {
     var parentElement = element;
     while(parentElement){
         if (parentElement === parentContainer || parentElement === document.body) {
@@ -61,22 +61,22 @@ var isVisible = function(element, parentContainer) {
     }
     return true;
 };
-var getElementTabIndex = function(element) {
+var getElementTabIndex = function getElementTabIndex(element) {
     var tabIndex = element.getAttribute('tabindex');
     return tabIndex === null ? NaN : parseInt(tabIndex, 10);
 };
-var isFocusable = function(element, parentContainer) {
+var isFocusable = function isFocusable(element, parentContainer) {
     var nodeName = element.nodeName.toLowerCase();
     var isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));
     var res = tabbableNode.test(nodeName) && !element.disabled || (_instanceof(element, HTMLAnchorElement) ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);
     return Boolean(res) && isVisible(element, parentContainer);
 };
-var isTabble = function(element, parentContainer) {
+var isTabble = function isTabble(element, parentContainer) {
     var tabIndex = getElementTabIndex(element);
     var isTabIndexNaN = Number.isNaN(tabIndex);
     return (isTabIndexNaN || tabIndex >= 0) && isFocusable(element, parentContainer);
 };
-var findTabbableDescendants = function(element) {
+var findTabbableDescendants = function findTabbableDescendants(element) {
     return Array.from(element.querySelectorAll(focusSelector)).filter(function(el) {
         return isTabble(el, element);
     });

package/utils/toCssSize.js

@@ -10,6 +10,6 @@ Object.defineProperty(exports, "toCssSize", {
         return toCssSize;
     }
 });
-var toCssSize = function(value) {
+var toCssSize = function toCssSize(value) {
     return typeof value === 'number' ? "".concat(value, "px") : value;
 };

package/utils/transformStyles.js

@@ -56,13 +56,13 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var uppercaseCheck = /([A-Z])/;
 var uppercasePattern = /([A-Z])/g;
-var prefixAndLowerCase = function(char) {
+var prefixAndLowerCase = function prefixAndLowerCase(char) {
     return "-".concat(char.toLowerCase());
 };
-var hyphenate = function(str) {
+var hyphenate = function hyphenate(str) {
     return uppercaseCheck.test(str) ? str.replace(uppercasePattern, prefixAndLowerCase) : str;
 };
-var transformStyles = function(styles) {
+var transformStyles = function transformStyles(styles) {
     return Object.entries(styles).map(function(param) {
         var _param = _sliced_to_array(param, 2), key = _param[0], value = _param[1];
         return "".concat(hyphenate(key), ": ").concat(value);