@consta/uikit 3.12.1 → 3.12.2

package/__internal__/src/components/SnackBar/Item/SnackBar-Item.js

@@ -2,6 +2,7 @@ import { __read } from "tslib";
 import '../../Theme/_color/Theme_color_gpnDark.css';
 import './SnackBar-Item.css';
 import React, { useEffect, useState } from 'react';
+import { useFlag } from '../../../hooks/useFlag/useFlag';
 import { IconClose } from '../../../icons/IconClose/IconClose';
 import { isNumber, isString } from '../../../utils/type-guards';
 import { Button } from '../../Button/Button';
@@ -20,17 +21,17 @@ var getAutoCloseTime = function (autoClose) {
     }
     return false;
 };
-export var SnackBarItem = function (props) {
+export var SnackBarItem = React.forwardRef(function (props, ref) {
     var item = props.item;
     var onClose = item.onClose, autoClose = item.autoClose, showProgress = item.showProgress, Icon = item.icon, message = item.message, actions = item.actions, _a = item.status, status = _a === void 0 ? snackBarItemStatusDefault : _a, onAutoCloseProp = item.onAutoClose;
     var _b = __read(useState(null), 2), timerFunctions = _b[0], setTimerFunctions = _b[1];
-    var _c = __read(useState(false), 2), hover = _c[0], setHover = _c[1];
-    var _d = __read(useState(false), 2), timeIsOver = _d[0], setTimeIsOver = _d[1];
+    var _c = __read(useFlag(false), 2), hover = _c[0], _d = _c[1], onHover = _d.on, offHover = _d.off;
+    var _e = __read(useFlag(false), 2), timeIsOver = _e[0], onTimeIsOver = _e[1].on;
     var handleMountTimer = function (timerFunctions) {
         return setTimerFunctions(timerFunctions);
     };
-    var handleMouseEnter = function () { return setHover(true); };
-    var handleMouseLeave = function () { return setHover(false); };
+    var handleMouseEnter = function () { return onHover(); };
+    var handleMouseLeave = function () { return offHover(); };
     var autoCloseTime = getAutoCloseTime(autoClose);
     var hideAutoCloseTimer = showProgress === undefined || !(isNumber(autoCloseTime) && autoCloseTime > 0);
     var onAutoClose = function (item) {
@@ -52,15 +53,15 @@ export var SnackBarItem = function (props) {
         }
     }, [hover, timeIsOver, timerFunctions]);
     var handleTimeIsOver = function () {
-        setTimeIsOver(true);
+        onTimeIsOver();
         onAutoClose(item);
     };
     var handleClose = onClose ? function () { return onClose(item); } : undefined;
-    return (React.createElement("div", { className: cnSnackBarItem({ status: status }, [cnTheme({ color: 'gpnDark' })]), onMouseEnter: autoCloseTime ? handleMouseEnter : undefined, onMouseLeave: autoCloseTime ? handleMouseLeave : undefined },
+    return (React.createElement("div", { ref: ref, className: cnSnackBarItem({ status: status }, [cnTheme({ color: 'gpnDark' })]), onMouseEnter: autoCloseTime ? handleMouseEnter : undefined, onMouseLeave: autoCloseTime ? handleMouseLeave : undefined },
         autoCloseTime && (React.createElement(SnackBarTimer, { onMount: handleMountTimer, onTimeIsOver: handleTimeIsOver, startTime: autoCloseTime, hidden: hideAutoCloseTimer })),
         hideAutoCloseTimer && Icon && React.createElement(Icon, { className: cnSnackBar('Icon'), size: "m" }),
         React.createElement("div", { className: cnSnackBar('Content') },
             isString(message) || isNumber(message) ? (React.createElement(Text, { className: cnSnackBar('Message'), lineHeight: "s" }, message)) : (React.createElement(React.Fragment, null, message)),
             actions && React.createElement(SnackBarActionButton, { actions: actions })),
         onClose && (React.createElement(Button, { className: cnSnackBar('CloseButton'), view: "clear", iconLeft: IconClose, form: "round", size: "xs", onClick: handleClose }))));
-};
+});

package/__internal__/src/components/SnackBar/SnackBar.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
 import './SnackBar.css';
-import React from 'react';
+import React, { createRef, useMemo } from 'react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import { cn } from '../../utils/bem';
 import { cnForCssTransition } from '../../utils/cnForCssTransition';
@@ -14,8 +14,15 @@ export var cnSnackBarItem = cn(COMPONENT_NAME, 'Item');
 var cssTransitionClassNames = cnForCssTransition(cnSnackBarItem);
 export var SnackBar = function (props) {
     var _a = usePropsHandler(COMPONENT_NAME, props), items = _a.items, className = _a.className, otherProps = __rest(_a, ["items", "className"]);
-    return (React.createElement(TransitionGroup, __assign({}, otherProps, { className: cnSnackBar(null, [className]), appear: true, enter: true, exit: true }), items.map(function (item) {
-        return (React.createElement(CSSTransition, { classNames: cssTransitionClassNames, key: item.key, timeout: 200 },
-            React.createElement(SnackBarItem, { item: item })));
+    var refs = useMemo(function () {
+        var refArray = [];
+        for (var i = 0; i < items.length; i++) {
+            refArray[i] = createRef();
+        }
+        return refArray;
+    }, [items]);
+    return (React.createElement(TransitionGroup, __assign({}, otherProps, { className: cnSnackBar(null, [className]), appear: true, enter: true, exit: true }), items.map(function (item, index) {
+        return (React.createElement(CSSTransition, { nodeRef: refs[index], classNames: cssTransitionClassNames, key: item.key, timeout: 200 },
+            React.createElement(SnackBarItem, { item: item, ref: refs[index] })));
     })));
 };

package/__internal__/src/components/Theme/_size/Theme_size_gpnDefault.css

@@ -13,7 +13,7 @@
   --size-text-6xl: 96px;
 
   /* Межстрочный интервал */
-  --line-height-text-2xs: 1em;
+  --line-height-text-2xs: 1.1em;
   --line-height-text-xs: 1.2em;
   --line-height-text-s: 1.4em;
   --line-height-text-m: 1.5em;

package/createIcon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/createIcon",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/createResponsesImage/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/createResponsesImage",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "keywords": [
     "ui-kit",
     "design-system",

package/useBreakpoints/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useBreakpoints",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useChoiceGroup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useChoiceGroup",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useChoiceGroupIndexed/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useChoiceGroupIndexed",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useClickOutside/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useClickOutside",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useComponentSize/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useComponentSize",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useDebounce/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useDebounce",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useFlag/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useFlag",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useForkRef/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useForkRef",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useGlobalKeys/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useGlobalKeys",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useKeys/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useKeys",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useMutableRef/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useMutableRef",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useOverflow/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useOverflow",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/usePrevious/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/usePrevious",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useResizeObserved/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useResizeObserved",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useScrollElements/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useScrollElements",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useScrollPosition/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useScrollPosition",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useSelect",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useThemeVars/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useThemeVars",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useTimer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useTimer",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/withTooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/withTooltip",
-  "version": "3.12.1",
+  "version": "3.12.2",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [