@consta/uikit 3.12.3 → 3.15.0

package/__internal__/cjs-src/components/SnackBar/{Item/SnackBar-Item.d.ts → SnackBarItem/SnackBarItem.d.ts}

@@ -1,11 +1,9 @@
 import '../../Theme/_color/Theme_color_gpnDark.css';
-import './SnackBar-Item.css';
+import './SnackBarItem.css';
 import React from 'react';
 import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
-import { Item } from '../SnackBar';
-export declare type SnackBarItemProps = {
-    item: Item;
-};
+import { SnackBarItemProps } from '../helper';
 declare type SnackBarItemComponent = (props: PropsWithHTMLAttributesAndRef<SnackBarItemProps, HTMLDivElement>) => React.ReactElement | null;
+export declare const cnSnackBarItem: import("@bem-react/classname").ClassNameFormatter;
 export declare const SnackBarItem: SnackBarItemComponent;
 export {};

package/__internal__/cjs-src/components/SnackBar/{Item/SnackBar-Item.js → SnackBarItem/SnackBarItem.js}

@@ -1,20 +1,23 @@
 "use strict";
 exports.__esModule = true;
-exports.SnackBarItem = void 0;
+exports.SnackBarItem = exports.cnSnackBarItem = void 0;
 var tslib_1 = require("tslib");
 require("../../Theme/_color/Theme_color_gpnDark.css");
-require("./SnackBar-Item.css");
+require("./SnackBarItem.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var useFlag_1 = require("../../../hooks/useFlag/useFlag");
 var IconClose_1 = require("../../../icons/IconClose/IconClose");
+var bem_1 = require("../../../utils/bem");
 var type_guards_1 = require("../../../utils/type-guards");
 var Button_1 = require("../../Button/Button");
 var Text_1 = require("../../Text/Text");
 var Theme_1 = require("../../Theme/Theme");
-var SnackBar_ActionButton_1 = require("../ActionButton/SnackBar-ActionButton");
-var SnackBar_1 = require("../SnackBar");
-var SnackBar_Timer_1 = require("../Timer/SnackBar-Timer");
+var helper_1 = require("../helper");
+var SnackBarActionButton_1 = require("../SnackBarActionButton/SnackBarActionButton");
+var SnackBarLine_1 = require("../SnackBarLine/SnackBarLine");
+var SnackBarTimer_1 = require("../SnackBarTimer/SnackBarTimer");
 var defaultInitialTimerTime = 3;
+exports.cnSnackBarItem = bem_1.cn('SnackBarItem');
 var getAutoCloseTime = function (autoClose) {
     if (autoClose) {
         if (typeof autoClose === 'number') {
@@ -25,8 +28,8 @@ var getAutoCloseTime = function (autoClose) {
     return false;
 };
 exports.SnackBarItem = react_1["default"].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 ? SnackBar_1.snackBarItemStatusDefault : _a, onAutoCloseProp = item.onAutoClose;
+    var item = props.item, className = props.className;
+    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 ? helper_1.snackBarItemStatusDefault : _a, onAutoCloseProp = item.onAutoClose;
     var _b = tslib_1.__read(react_1.useState(null), 2), timerFunctions = _b[0], setTimerFunctions = _b[1];
     var _c = tslib_1.__read(useFlag_1.useFlag(false), 2), hover = _c[0], _d = _c[1], onHover = _d.on, offHover = _d.off;
     var _e = tslib_1.__read(useFlag_1.useFlag(false), 2), timeIsOver = _e[0], onTimeIsOver = _e[1].on;
@@ -60,11 +63,15 @@ exports.SnackBarItem = react_1["default"].forwardRef(function (props, ref) {
         onAutoClose(item);
     };
     var handleClose = onClose ? function () { return onClose(item); } : undefined;
-    return (react_1["default"].createElement("div", { ref: ref, className: SnackBar_1.cnSnackBarItem({ status: status }, [Theme_1.cnTheme({ color: 'gpnDark' })]), onMouseEnter: autoCloseTime ? handleMouseEnter : undefined, onMouseLeave: autoCloseTime ? handleMouseLeave : undefined },
-        autoCloseTime && (react_1["default"].createElement(SnackBar_Timer_1.SnackBarTimer, { onMount: handleMountTimer, onTimeIsOver: handleTimeIsOver, startTime: autoCloseTime, hidden: hideAutoCloseTimer })),
-        hideAutoCloseTimer && Icon && react_1["default"].createElement(Icon, { className: SnackBar_1.cnSnackBar('Icon'), size: "m" }),
-        react_1["default"].createElement("div", { className: SnackBar_1.cnSnackBar('Content') },
-            type_guards_1.isString(message) || type_guards_1.isNumber(message) ? (react_1["default"].createElement(Text_1.Text, { className: SnackBar_1.cnSnackBar('Message'), lineHeight: "s" }, message)) : (react_1["default"].createElement(react_1["default"].Fragment, null, message)),
-            actions && react_1["default"].createElement(SnackBar_ActionButton_1.SnackBarActionButton, { actions: actions })),
-        onClose && (react_1["default"].createElement(Button_1.Button, { className: SnackBar_1.cnSnackBar('CloseButton'), view: "clear", iconLeft: IconClose_1.IconClose, form: "round", size: "xs", onClick: handleClose }))));
+    return (react_1["default"].createElement("div", { ref: ref, className: exports.cnSnackBarItem({ status: status, showProgress: showProgress }, [
+            Theme_1.cnTheme({ color: 'gpnDark' }),
+            className,
+        ]), onMouseEnter: autoCloseTime ? handleMouseEnter : undefined, onMouseLeave: autoCloseTime ? handleMouseLeave : undefined },
+        autoCloseTime && showProgress !== 'line' && (react_1["default"].createElement(SnackBarTimer_1.SnackBarTimer, { className: exports.cnSnackBarItem('Timer'), onMount: handleMountTimer, onTimeIsOver: handleTimeIsOver, startTime: autoCloseTime, hidden: hideAutoCloseTimer })),
+        hideAutoCloseTimer && Icon && react_1["default"].createElement(Icon, { className: exports.cnSnackBarItem('Icon'), size: "m" }),
+        react_1["default"].createElement("div", { className: exports.cnSnackBarItem('Content') },
+            type_guards_1.isString(message) || type_guards_1.isNumber(message) ? (react_1["default"].createElement(Text_1.Text, { className: exports.cnSnackBarItem('Message'), lineHeight: "s" }, message)) : (react_1["default"].createElement(react_1["default"].Fragment, null, message)),
+            actions && (react_1["default"].createElement(SnackBarActionButton_1.SnackBarActionButton, { actions: actions, className: exports.cnSnackBarItem('ActionButton') }))),
+        onClose && (react_1["default"].createElement(Button_1.Button, { className: exports.cnSnackBarItem('CloseButton'), view: "clear", iconLeft: IconClose_1.IconClose, form: "round", size: "xs", onClick: handleClose })),
+        autoCloseTime && showProgress === 'line' && (react_1["default"].createElement(SnackBarLine_1.SnackBarLine, { className: exports.cnSnackBarItem('Line'), onMount: handleMountTimer, onTimeIsOver: handleTimeIsOver, startTime: autoCloseTime }))));
 });

package/__internal__/cjs-src/components/SnackBar/SnackBarLine/SnackBarLine.css

@@ -0,0 +1,37 @@
+.SnackBarLine {
+  overflow: hidden;
+  width: 100%;
+  height: var(--space-m);
+  border-radius: var(--space-xs);
+  opacity: 0.8;
+}
+
+  .SnackBarLine::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 200%;
+    height: var(--space-2xs);
+    background: -webkit-gradient(
+      linear,
+      left top, right top,
+      from(var(--color-bg-default)),
+      color-stop(50%, var(--color-bg-default)),
+      color-stop(50%, var(--color-bg-ghost)),
+      to(var(--color-bg-ghost))
+    );
+    background: linear-gradient(
+      90deg,
+      var(--color-bg-default) 0%,
+      var(--color-bg-default) 50%,
+      var(--color-bg-ghost) 50%,
+      var(--color-bg-ghost) 100%
+    );
+    -webkit-transition: -webkit-transform 1s linear;
+    transition: -webkit-transform 1s linear;
+    transition: transform 1s linear;
+    transition: transform 1s linear, -webkit-transform 1s linear;
+    -webkit-transform: translate(var(--progress-line-progress));
+            transform: translate(var(--progress-line-progress));
+  }

package/__internal__/cjs-src/components/SnackBar/SnackBarLine/SnackBarLine.d.ts

@@ -0,0 +1,4 @@
+import './SnackBarLine.css';
+import React from 'react';
+import { SnackBarTimerProps } from '../helper';
+export declare const SnackBarLine: React.FC<Omit<SnackBarTimerProps, 'hidden'>>;

package/__internal__/cjs-src/components/SnackBar/SnackBarLine/SnackBarLine.js

@@ -0,0 +1,34 @@
+"use strict";
+exports.__esModule = true;
+exports.SnackBarLine = void 0;
+var tslib_1 = require("tslib");
+require("./SnackBarLine.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useTimer_1 = require("../../../hooks/useTimer/useTimer");
+var bem_1 = require("../../../utils/bem");
+var Theme_1 = require("../../Theme/Theme");
+var interval = 1000;
+var cnSnackBarLine = bem_1.cn('SnackBarLine');
+exports.SnackBarLine = function (props) {
+    var _a;
+    var _b = tslib_1.__read(react_1.useState(false), 2), running = _b[0], setRunning = _b[1];
+    var onMount = props.onMount, onTimeIsOver = props.onTimeIsOver, startTimeprop = props.startTime, className = props.className;
+    var startTime = startTimeprop * interval;
+    var _c = useTimer_1.useTimer({
+        endTime: 0,
+        startTime: startTime,
+        timerType: 'DECREMENTAL',
+        onTimeOver: onTimeIsOver
+    }), time = _c.time, start = _c.start, pause = _c.pause, isRunning = _c.isRunning;
+    react_1.useEffect(function () {
+        onMount({ start: start, pause: pause });
+        start();
+    }, []);
+    react_1.useEffect(function () {
+        setRunning(isRunning);
+    }, [isRunning]);
+    var progress = running ? ((time - interval) / startTime) * 100 : (time / startTime) * 100;
+    return (react_1["default"].createElement("div", { className: cnSnackBarLine({ running: running }, [Theme_1.cnTheme({ color: 'gpnDefault' }), className]), style: (_a = {},
+            _a['--progress-line-progress'] = "-" + progress / 2 + "%",
+            _a) }));
+};

package/__internal__/cjs-src/components/SnackBar/SnackBarTimer/SnackBarTimer.css

@@ -0,0 +1,5 @@
+.SnackBarTimer {
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+}

package/__internal__/cjs-src/components/SnackBar/SnackBarTimer/SnackBarTimer.d.ts

@@ -0,0 +1,4 @@
+import './SnackBarTimer.css';
+import React from 'react';
+import { SnackBarTimerProps } from '../helper';
+export declare const SnackBarTimer: React.FC<SnackBarTimerProps>;

package/__internal__/cjs-src/components/SnackBar/{Timer/SnackBar-Timer.js → SnackBarTimer/SnackBarTimer.js}

@@ -2,15 +2,16 @@
 exports.__esModule = true;
 exports.SnackBarTimer = void 0;
 var tslib_1 = require("tslib");
-require("./SnackBar-Timer.css");
+require("./SnackBarTimer.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var useTimer_1 = require("../../../hooks/useTimer/useTimer");
+var bem_1 = require("../../../utils/bem");
 var Timer_1 = require("../../Timer/Timer");
-var SnackBar_1 = require("../SnackBar");
 var interval = 1000;
+var cnSnackBarTimer = bem_1.cn('SnackBarTimer');
 exports.SnackBarTimer = function (props) {
     var _a = tslib_1.__read(react_1.useState(false), 2), running = _a[0], setRunning = _a[1];
-    var onMount = props.onMount, onTimeIsOver = props.onTimeIsOver, startTimeprop = props.startTime, hidden = props.hidden;
+    var onMount = props.onMount, onTimeIsOver = props.onTimeIsOver, startTimeprop = props.startTime, hidden = props.hidden, className = props.className;
     var startTime = startTimeprop * interval;
     var _b = useTimer_1.useTimer({
         endTime: 0,
@@ -30,5 +31,5 @@ exports.SnackBarTimer = function (props) {
     if (hidden) {
         return null;
     }
-    return (react_1["default"].createElement(Timer_1.Timer, { className: SnackBar_1.cnSnackBar('Timer'), seconds: seconds, progress: progress, size: "m", animation: true }));
+    return (react_1["default"].createElement(Timer_1.Timer, { className: cnSnackBarTimer(null, [className]), seconds: seconds, progress: progress, size: "m", animation: true }));
 };

package/__internal__/cjs-src/components/SnackBar/helper.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { IconComponent } from '../../icons/Icon/Icon';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type SnackBarPropItemAction = {
+    label: string | number;
+    onClick: React.EventHandler<React.MouseEvent>;
+};
+export declare type SnackBarActionButtonProps = {
+    actions: SnackBarPropItemAction[];
+    className?: string;
+};
+export declare type SnackBarItemProps = {
+    item: Item;
+    className?: string;
+};
+export declare const snackBarItemStatus: readonly ["normal", "system", "success", "warning", "alert"];
+export declare type SnackBarItemStatus = typeof snackBarItemStatus[number];
+export declare const snackBarItemStatusDefault: SnackBarItemStatus;
+export declare const snackBarItemShowProgressProp: readonly ["timer", "line"];
+export declare type SnackBarItemShowProgressProp = typeof snackBarItemShowProgressProp[number];
+export declare type Item = {
+    key: string | number;
+    message?: string | number | React.ReactNode;
+    status?: SnackBarItemStatus;
+    autoClose?: boolean | number;
+    showProgress?: SnackBarItemShowProgressProp;
+    icon?: IconComponent;
+    actions?: SnackBarPropItemAction[];
+    onClose?: (item: Item) => void;
+    onAutoClose?: (item: Item) => void;
+};
+declare type Props = {
+    items: Item[];
+    children?: never;
+};
+export declare type SnackBarProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
+export declare type SnackBarTimerPropOnMount = (object: {
+    pause: () => void;
+    start: () => void;
+}) => void;
+export declare type SnackBarTimerProps = {
+    onMount: SnackBarTimerPropOnMount;
+    onTimeIsOver: () => void;
+    startTime: number;
+    hidden?: boolean;
+    className?: string;
+};
+export {};

package/__internal__/cjs-src/components/SnackBar/helper.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+exports.snackBarItemShowProgressProp = exports.snackBarItemStatusDefault = exports.snackBarItemStatus = void 0;
+exports.snackBarItemStatus = ['normal', 'system', 'success', 'warning', 'alert'];
+exports.snackBarItemStatusDefault = exports.snackBarItemStatus[0];
+exports.snackBarItemShowProgressProp = ['timer', 'line'];

package/__internal__/cjs-src/components/Table/Cell/TableCell.d.ts

@@ -12,6 +12,7 @@ declare type Props<T extends TableRow> = {
         filterable?: boolean;
     };
     onClick?: (e: React.SyntheticEvent) => void;
+    onContextMenu?: (e: React.SyntheticEvent) => void;
     style?: React.CSSProperties;
     className?: string;
     wrapperClassName?: string;

package/__internal__/cjs-src/components/Table/Cell/TableCell.js

@@ -36,7 +36,7 @@ var getWrapperClasses = function (props) {
     }, [wrapperClassName]);
 };
 exports.TableCell = react_1["default"].forwardRef(function (props, ref) {
-    var style = props.style, onClick = props.onClick, children = props.children;
+    var style = props.style, onClick = props.onClick, onContextMenu = props.onContextMenu, children = props.children;
     var propsWithRole = onClick
         ? {
             role: 'button',
@@ -45,6 +45,6 @@ exports.TableCell = react_1["default"].forwardRef(function (props, ref) {
         : {
             role: 'cell'
         };
-    return (react_1["default"].createElement("div", tslib_1.__assign({}, propsWithRole, { ref: ref, className: getCellClasses(props), style: style }),
+    return (react_1["default"].createElement("div", tslib_1.__assign({}, propsWithRole, { onContextMenu: onContextMenu, ref: ref, className: getCellClasses(props), style: style }),
         react_1["default"].createElement("div", { className: getWrapperClasses(props) }, children)));
 });

package/__internal__/cjs-src/components/Table/Header/TableHeader.d.ts

@@ -2,7 +2,7 @@ import './TableHeader.css';
 import React from 'react';
 import { FieldSelectedValues, Filters, SelectedFilters } from '../filtering';
 import { Header } from '../helpers';
-import { ColumnMetaData, HeaderVerticalAlign, TableColumn, TableRow } from '../Table';
+import { ColumnMetaData, HeaderVerticalAlign, onCellClick, TableColumn, TableRow } from '../Table';
 export declare const levelTypes: readonly ["high", "low", "default"];
 export declare type LevelType = typeof levelTypes[number];
 declare type Props<T extends TableRow> = {
@@ -17,6 +17,7 @@ declare type Props<T extends TableRow> = {
     getSortIcon: (column: Header<T>) => React.FC;
     handleSortClick: (column: TableColumn<T>) => void;
     handleFilterTogglerClick: (id: string) => () => void;
+    handleCellClick: onCellClick;
     handleTooltipSave: (field: string, tooltipSelectedFilters: FieldSelectedValues, value?: unknown) => void;
     filters: Filters<T> | undefined;
     visibleFilter: string | null;
@@ -24,5 +25,5 @@ declare type Props<T extends TableRow> = {
     showHorizontalCellShadow: boolean;
     borderBetweenColumns: boolean;
 };
-export declare const TableHeader: <T extends TableRow>({ isStickyHeader, headersWithMetaData, headerRowsHeights, headerRowsRefs, getStickyLeftOffset, stickyColumnsGrid, showVerticalCellShadow, headerVerticalAlign, getSortIcon, handleSortClick, handleFilterTogglerClick, handleTooltipSave, filters, visibleFilter, selectedFilters, showHorizontalCellShadow, borderBetweenColumns, }: Props<T>) => React.ReactElement;
+export declare const TableHeader: <T extends TableRow>({ isStickyHeader, headersWithMetaData, headerRowsHeights, headerRowsRefs, getStickyLeftOffset, stickyColumnsGrid, showVerticalCellShadow, headerVerticalAlign, getSortIcon, handleSortClick, handleFilterTogglerClick, handleCellClick, handleTooltipSave, filters, visibleFilter, selectedFilters, showHorizontalCellShadow, borderBetweenColumns, }: Props<T>) => React.ReactElement;
 export {};

package/__internal__/cjs-src/components/Table/Header/TableHeader.js

@@ -12,7 +12,7 @@ var TableFilterTooltip_1 = require("../FilterTooltip/TableFilterTooltip");
 var cnTableHeader = bem_1.cn('TableHeader');
 exports.levelTypes = ['high', 'low', 'default'];
 exports.TableHeader = function (_a) {
-    var isStickyHeader = _a.isStickyHeader, headersWithMetaData = _a.headersWithMetaData, headerRowsHeights = _a.headerRowsHeights, headerRowsRefs = _a.headerRowsRefs, getStickyLeftOffset = _a.getStickyLeftOffset, stickyColumnsGrid = _a.stickyColumnsGrid, showVerticalCellShadow = _a.showVerticalCellShadow, headerVerticalAlign = _a.headerVerticalAlign, getSortIcon = _a.getSortIcon, handleSortClick = _a.handleSortClick, handleFilterTogglerClick = _a.handleFilterTogglerClick, handleTooltipSave = _a.handleTooltipSave, filters = _a.filters, visibleFilter = _a.visibleFilter, selectedFilters = _a.selectedFilters, showHorizontalCellShadow = _a.showHorizontalCellShadow, borderBetweenColumns = _a.borderBetweenColumns;
+    var isStickyHeader = _a.isStickyHeader, headersWithMetaData = _a.headersWithMetaData, headerRowsHeights = _a.headerRowsHeights, headerRowsRefs = _a.headerRowsRefs, getStickyLeftOffset = _a.getStickyLeftOffset, stickyColumnsGrid = _a.stickyColumnsGrid, showVerticalCellShadow = _a.showVerticalCellShadow, headerVerticalAlign = _a.headerVerticalAlign, getSortIcon = _a.getSortIcon, handleSortClick = _a.handleSortClick, handleFilterTogglerClick = _a.handleFilterTogglerClick, handleCellClick = _a.handleCellClick, handleTooltipSave = _a.handleTooltipSave, filters = _a.filters, visibleFilter = _a.visibleFilter, selectedFilters = _a.selectedFilters, showHorizontalCellShadow = _a.showHorizontalCellShadow, borderBetweenColumns = _a.borderBetweenColumns;
     var tableHeaderHeight = headerRowsHeights.reduce(function (a, b) { return a + b; }, 0);
     var tableHeaderStyle = {
         '--table-header-height': tableHeaderHeight + "px"
@@ -85,7 +85,21 @@ exports.TableHeader = function (_a) {
             return (react_1["default"].createElement(TableCell_1.TableCell, { type: "header", key: columnIdx, ref: function (ref) {
                     /* eslint-disable-next-line no-param-reassign */
                     headerRowsRefs.current[columnIdx] = ref;
-                }, style: tslib_1.__assign(tslib_1.__assign({}, style), { left: getStickyLeftOffset(column.position.gridIndex, column.position.topHeaderGridIndex) }), isSticky: isStickyHeader, isResized: isColumnResized(column), column: column, verticalAlign: headerVerticalAlign, className: cnTableHeader('Cell', {
+                }, style: tslib_1.__assign(tslib_1.__assign({}, style), { left: getStickyLeftOffset(column.position.gridIndex, column.position.topHeaderGridIndex) }), isSticky: isStickyHeader, isResized: isColumnResized(column), column: column, verticalAlign: headerVerticalAlign, onContextMenu: function (e) {
+                    return handleCellClick({
+                        e: e,
+                        type: 'contextMenu',
+                        columnIdx: columnIdx,
+                        ref: { current: headerRowsRefs.current[columnIdx] }
+                    });
+                }, onClick: function (e) {
+                    return handleCellClick({
+                        e: e,
+                        type: 'click',
+                        columnIdx: columnIdx,
+                        ref: { current: headerRowsRefs.current[columnIdx] }
+                    });
+                }, className: cnTableHeader('Cell', {
                     isFirstColumn: column.position.gridIndex === 0,
                     isFirstRow: column.position.level === 0,
                     isLastInColumn: ((_a = column.position) === null || _a === void 0 ? void 0 : _a.topHeaderGridIndex) !== ((_c = (_b = headersWithMetaData[columnIdx + 1]) === null || _b === void 0 ? void 0 : _b.position) === null || _c === void 0 ? void 0 : _c.topHeaderGridIndex),

package/__internal__/cjs-src/components/Table/Table.d.ts

@@ -38,6 +38,14 @@ declare type onRowCreate = ({ id, index, e }: {
     index: number;
     e: React.MouseEvent;
 }) => void;
+export declare type CellClickType = 'click' | 'contextMenu';
+export declare type onCellClick = ({ e, type, rowId, columnIdx, ref, }: {
+    e: React.SyntheticEvent;
+    type: CellClickType;
+    columnIdx: number;
+    ref: React.RefObject<HTMLDivElement>;
+    rowId?: string;
+}) => void;
 export declare type TableRow = {
     id: string;
     rows?: TableRow[];
@@ -103,6 +111,7 @@ export declare type TableProps<T extends TableRow> = {
     onRowHover?: onRowHover;
     onRowClick?: onRowClick;
     onRowCreate?: onRowCreate;
+    onCellClick?: onCellClick;
     getAdditionalClassName?: (props: {
         column: TableColumn<T>;
         row: T;

package/__internal__/cjs-src/components/Table/Table.js

@@ -59,7 +59,7 @@ var sortingData = function (rows, sorting, onSortBy) {
 var defaultEmptyRowsPlaceholder = (react_1["default"].createElement(Text_1.Text, { as: "span", view: "primary", size: "s", lineHeight: "s" }, "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"));
 var InternalTable = function (props, ref) {
     var _a, _b, _c, _d;
-    var columns = props.columns, rows = props.rows, _e = props.size, size = _e === void 0 ? 'l' : _e, rawFilters = props.filters, _f = props.isResizable, isResizable = _f === void 0 ? false : _f, _g = props.stickyHeader, stickyHeader = _g === void 0 ? false : _g, _h = props.stickyColumns, stickyColumns = _h === void 0 ? 0 : _h, _j = props.minColumnWidth, minColumnWidth = _j === void 0 ? 150 : _j, activeRow = props.activeRow, _k = props.verticalAlign, verticalAlign = _k === void 0 ? 'top' : _k, _l = props.headerVerticalAlign, headerVerticalAlign = _l === void 0 ? 'center' : _l, zebraStriped = props.zebraStriped, _m = props.borderBetweenRows, borderBetweenRows = _m === void 0 ? false : _m, _o = props.borderBetweenColumns, borderBetweenColumns = _o === void 0 ? false : _o, _p = props.emptyRowsPlaceholder, emptyRowsPlaceholder = _p === void 0 ? defaultEmptyRowsPlaceholder : _p, className = props.className, onRowHover = props.onRowHover, onRowClick = props.onRowClick, onRowCreate = props.onRowCreate, getAdditionalClassName = props.getAdditionalClassName, _q = props.rowCreateText, rowCreateText = _q === void 0 ? '+ Добавить строку' : _q, lazyLoad = props.lazyLoad, onSortBy = props.onSortBy, onFiltersUpdated = props.onFiltersUpdated, getTagLabel = props.getTagLabel, _r = props.isExpandedRowsByDefault, isExpandedRowsByDefault = _r === void 0 ? false : _r;
+    var columns = props.columns, rows = props.rows, _e = props.size, size = _e === void 0 ? 'l' : _e, rawFilters = props.filters, _f = props.isResizable, isResizable = _f === void 0 ? false : _f, _g = props.stickyHeader, stickyHeader = _g === void 0 ? false : _g, _h = props.stickyColumns, stickyColumns = _h === void 0 ? 0 : _h, _j = props.minColumnWidth, minColumnWidth = _j === void 0 ? 150 : _j, activeRow = props.activeRow, _k = props.verticalAlign, verticalAlign = _k === void 0 ? 'top' : _k, _l = props.headerVerticalAlign, headerVerticalAlign = _l === void 0 ? 'center' : _l, zebraStriped = props.zebraStriped, _m = props.borderBetweenRows, borderBetweenRows = _m === void 0 ? false : _m, _o = props.borderBetweenColumns, borderBetweenColumns = _o === void 0 ? false : _o, _p = props.emptyRowsPlaceholder, emptyRowsPlaceholder = _p === void 0 ? defaultEmptyRowsPlaceholder : _p, className = props.className, onRowHover = props.onRowHover, onRowClick = props.onRowClick, onRowCreate = props.onRowCreate, onCellClick = props.onCellClick, getAdditionalClassName = props.getAdditionalClassName, _q = props.rowCreateText, rowCreateText = _q === void 0 ? '+ Добавить строку' : _q, lazyLoad = props.lazyLoad, onSortBy = props.onSortBy, onFiltersUpdated = props.onFiltersUpdated, getTagLabel = props.getTagLabel, _r = props.isExpandedRowsByDefault, isExpandedRowsByDefault = _r === void 0 ? false : _r;
     var _s = helpers_1.useHeaderData(columns), headers = _s.headers, flattenedHeaders = _s.flattenedHeaders, lowHeaders = _s.lowHeaders, headerRowsRefs = _s.headerRowsRefs, headerRowsHeights = _s.headerRowsHeights, resizerTopOffsets = _s.resizerTopOffsets;
     var stickyColumnsGrid = ((_a = headers[0][stickyColumns - 1]) === null || _a === void 0 ? void 0 : _a.position.gridIndex) +
         (((_b = headers[0][stickyColumns - 1]) === null || _b === void 0 ? void 0 : _b.position.colSpan) || 1);
@@ -77,6 +77,7 @@ var InternalTable = function (props, ref) {
     var _x = tslib_1.__read(react_1["default"].useState({ top: 0, left: 0 }), 2), tableScroll = _x[0], setTableScroll = _x[1];
     var tableRef = react_1["default"].useRef(null);
     var columnsRefs = react_1["default"].useRef({});
+    var cellsRefs = react_1["default"].useRef({});
     var _y = filtering_1.useSelectedFilters(filters, onFiltersUpdated), selectedFilters = _y.selectedFilters, updateSelectedFilters = _y.updateSelectedFilters, removeOneSelectedFilter = _y.removeOneSelectedFilter, removeAllSelectedFilters = _y.removeAllSelectedFilters;
     var _z = tslib_1.__read(react_1["default"].useState([]), 2), expandedRowIds = _z[0], setExpandedRowIds = _z[1];
     // установка сортировки по умолчанию
@@ -327,6 +328,11 @@ var InternalTable = function (props, ref) {
         }
         return result;
     };
+    var handleCellClick = function (params) {
+        if (onCellClick) {
+            onCellClick(params);
+        }
+    };
     return (react_1["default"].createElement("div", { ref: useForkRef_1.useForkRef([tableRef, ref]), className: cnTable({
             size: size,
             isResizable: isResizable,
@@ -337,10 +343,24 @@ var InternalTable = function (props, ref) {
                 columnsRefs.current[columnIdx] = ref;
             }, style: {
                 left: getStickyLeftOffset(columnIdx, columnIdx)
+            }, onContextMenu: function (e) {
+                return handleCellClick({
+                    e: e,
+                    type: 'contextMenu',
+                    columnIdx: columnIdx,
+                    ref: { current: columnsRefs.current[columnIdx] }
+                });
+            }, onClick: function (e) {
+                return handleCellClick({
+                    e: e,
+                    type: 'click',
+                    columnIdx: columnIdx,
+                    ref: { current: columnsRefs.current[columnIdx] }
+                });
             }, column: column, showVerticalShadow: showVerticalCellShadow }, isResizable && (react_1["default"].createElement(TableResizer_1.TableResizer, { height: tableHeight - resizerTopOffsets[columnIdx], top: resizerTopOffsets[columnIdx], isVisible: column.showResizer, onResize: function (delta) { return handleColumnResize(columnIdx, delta); }, onDoubleClick: function () {
                 return updateColumnWidth(columnIdx, initialColumnWidths[columnIdx]);
             } })))); }),
-        react_1["default"].createElement(TableHeader_1.TableHeader, { isStickyHeader: stickyHeader, headersWithMetaData: headersWithMetaData, headerRowsHeights: headerRowsHeights, headerRowsRefs: headerRowsRefs, getStickyLeftOffset: getStickyLeftOffset, stickyColumnsGrid: stickyColumnsGrid, showVerticalCellShadow: showVerticalCellShadow, headerVerticalAlign: headerVerticalAlign, getSortIcon: getSortIcon, handleSortClick: handleSortClick, handleFilterTogglerClick: handleFilterTogglerClick, handleTooltipSave: handleTooltipSave, filters: filters, visibleFilter: visibleFilter, selectedFilters: selectedFilters, showHorizontalCellShadow: showHorizontalCellShadow, borderBetweenColumns: borderBetweenColumns }),
+        react_1["default"].createElement(TableHeader_1.TableHeader, { isStickyHeader: stickyHeader, headersWithMetaData: headersWithMetaData, headerRowsHeights: headerRowsHeights, headerRowsRefs: headerRowsRefs, getStickyLeftOffset: getStickyLeftOffset, stickyColumnsGrid: stickyColumnsGrid, showVerticalCellShadow: showVerticalCellShadow, headerVerticalAlign: headerVerticalAlign, getSortIcon: getSortIcon, handleSortClick: handleSortClick, handleFilterTogglerClick: handleFilterTogglerClick, handleCellClick: handleCellClick, handleTooltipSave: handleTooltipSave, filters: filters, visibleFilter: visibleFilter, selectedFilters: selectedFilters, showHorizontalCellShadow: showHorizontalCellShadow, borderBetweenColumns: borderBetweenColumns }),
         filters && filtering_1.isSelectedFiltersPresent(selectedFilters) && (react_1["default"].createElement("div", { className: cnTable('RowWithoutCells') },
             react_1["default"].createElement(TableSelectedOptionsList_1.TableSelectedOptionsList, { values: filtering_1.getSelectedFiltersList({ filters: filters, selectedFilters: selectedFilters, columns: lowHeaders }), getTagLabel: getTagLabel, onRemove: removeSelectedFilter(filters), onReset: resetSelectedFilters }))),
         rowsData.length > 0 ? (rowsData.map(function (row, rowIdx) {
@@ -351,7 +371,10 @@ var InternalTable = function (props, ref) {
                 }), onMouseEnter: handleRowHover(row.id), onMouseLeave: handleRowHover(undefined), onClick: function (e) { return onRowClick && onRowClick({ id: row.id, e: e }); } }, columnsWithMetaData(lowHeaders).map(function (column, columnIdx) {
                 var _a = getTableCellProps(row, rowIdx, column, columnIdx), show = _a.show, style = _a.style, rowSpan = _a.rowSpan;
                 if (show) {
-                    return (react_1["default"].createElement(TableCell_1.TableCell, { type: "content", key: column.accessor, ref: setBoundaryRef(columnIdx, rowIdx), style: style, wrapperClassName: cnTable('ContentCell', {
+                    return (react_1["default"].createElement(TableCell_1.TableCell, { type: "content", key: column.accessor, ref: function (ref) {
+                            cellsRefs.current[columnIdx + "-" + row.id] = ref;
+                            setBoundaryRef(columnIdx, rowIdx);
+                        }, style: style, wrapperClassName: cnTable('ContentCell', {
                             isActive: activeRow ? activeRow.id === row.id : false,
                             isDarkned: activeRow
                                 ? activeRow.id !== undefined && activeRow.id !== row.id
@@ -361,8 +384,23 @@ var InternalTable = function (props, ref) {
                             column: column,
                             row: row,
                             isActive: activeRow ? activeRow.id === row.id : false
-                        }), onClick: function (e) {
-                            return handleSelectRow({ id: row.id, e: e });
+                        }), onContextMenu: function (e) {
+                            return handleCellClick({
+                                e: e,
+                                type: 'contextMenu',
+                                columnIdx: columnIdx,
+                                rowId: row.id,
+                                ref: { current: cellsRefs.current[columnIdx + "-" + row.id] }
+                            });
+                        }, onClick: function (e) {
+                            handleSelectRow({ id: row.id, e: e });
+                            handleCellClick({
+                                e: e,
+                                type: 'click',
+                                columnIdx: columnIdx,
+                                rowId: row.id,
+                                ref: { current: cellsRefs.current[columnIdx + "-" + row.id] }
+                            });
                         }, column: column, verticalAlign: verticalAlign, isClickable: !!isRowsClickable, showVerticalShadow: showVerticalCellShadow &&
                             (column === null || column === void 0 ? void 0 : column.position.gridIndex) + ((column === null || column === void 0 ? void 0 : column.position.colSpan) || 1) ===
                                 stickyColumnsGrid, isBorderTop: rowIdx > 0 && borderBetweenRows, isBorderLeft: columnIdx > 0 && borderBetweenColumns }, renderCell(column, row, columnIdx)));

package/__internal__/cjs-src/components/TextField/TextField.js

@@ -20,7 +20,7 @@ exports.cnTextField = bem_1.cn(exports.COMPONENT_NAME);
 function TextFieldRender(props, ref) {
     var textFieldRef = react_1["default"].useRef(null);
     var inputRef = react_1["default"].useRef(null);
-    var _a = usePropsHandler_1.usePropsHandler(exports.COMPONENT_NAME, props, textFieldRef), className = _a.className, _b = _a.type, type = _b === void 0 ? 'text' : _b, value = _a.value, onChange = _a.onChange, id = _a.id, name = _a.name, rows = _a.rows, cols = _a.cols, minRows = _a.minRows, maxRows = _a.maxRows, inputRefProp = _a.inputRef, maxLength = _a.maxLength, disabled = _a.disabled, _c = _a.size, size = _c === void 0 ? helpers_1.textFieldPropSizeDefault : _c, _d = _a.view, view = _d === void 0 ? helpers_1.textFieldPropViewDefault : _d, _e = _a.form, form = _e === void 0 ? helpers_1.textFieldPropFormDefault : _e, state = _a.state, status = _a.status, _f = _a.width, width = _f === void 0 ? helpers_1.textFieldPropWidthDefault : _f, onBlur = _a.onBlur, onFocus = _a.onFocus, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, placeholder = _a.placeholder, leftSide = _a.leftSide, rightSide = _a.rightSide, autoComplete = _a.autoComplete, withClearButton = _a.withClearButton, max = _a.max, min = _a.min, readOnly = _a.readOnly, required = _a.required, _h = _a.step, step = _h === void 0 ? 1 : _h, tabIndex = _a.tabIndex, ariaLabel = _a.ariaLabel, label = _a.label, _j = _a.labelPosition, labelPosition = _j === void 0 ? 'top' : _j, caption = _a.caption, iconSizeProp = _a.iconSize, focused = _a.focused, onClick = _a.onClick, otherProps = tslib_1.__rest(_a, ["className", "type", "value", "onChange", "id", "name", "rows", "cols", "minRows", "maxRows", "inputRef", "maxLength", "disabled", "size", "view", "form", "state", "status", "width", "onBlur", "onFocus", "autoFocus", "placeholder", "leftSide", "rightSide", "autoComplete", "withClearButton", "max", "min", "readOnly", "required", "step", "tabIndex", "ariaLabel", "label", "labelPosition", "caption", "iconSize", "focused", "onClick"]);
+    var _a = usePropsHandler_1.usePropsHandler(exports.COMPONENT_NAME, props, textFieldRef), className = _a.className, _b = _a.type, type = _b === void 0 ? 'text' : _b, value = _a.value, onChange = _a.onChange, id = _a.id, name = _a.name, rows = _a.rows, cols = _a.cols, minRows = _a.minRows, maxRows = _a.maxRows, inputRefProp = _a.inputRef, maxLength = _a.maxLength, disabled = _a.disabled, _c = _a.size, size = _c === void 0 ? helpers_1.textFieldPropSizeDefault : _c, _d = _a.view, view = _d === void 0 ? helpers_1.textFieldPropViewDefault : _d, _e = _a.form, form = _e === void 0 ? helpers_1.textFieldPropFormDefault : _e, state = _a.state, status = _a.status, _f = _a.width, width = _f === void 0 ? helpers_1.textFieldPropWidthDefault : _f, onBlur = _a.onBlur, onFocus = _a.onFocus, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, placeholder = _a.placeholder, leftSide = _a.leftSide, rightSide = _a.rightSide, autoComplete = _a.autoComplete, withClearButton = _a.withClearButton, max = _a.max, min = _a.min, readOnly = _a.readOnly, required = _a.required, _h = _a.step, step = _h === void 0 ? 1 : _h, tabIndex = _a.tabIndex, ariaLabel = _a.ariaLabel, label = _a.label, inputContainerRef = _a.inputContainerRef, _j = _a.labelPosition, labelPosition = _j === void 0 ? 'top' : _j, caption = _a.caption, iconSizeProp = _a.iconSize, focused = _a.focused, onClick = _a.onClick, otherProps = tslib_1.__rest(_a, ["className", "type", "value", "onChange", "id", "name", "rows", "cols", "minRows", "maxRows", "inputRef", "maxLength", "disabled", "size", "view", "form", "state", "status", "width", "onBlur", "onFocus", "autoFocus", "placeholder", "leftSide", "rightSide", "autoComplete", "withClearButton", "max", "min", "readOnly", "required", "step", "tabIndex", "ariaLabel", "label", "inputContainerRef", "labelPosition", "caption", "iconSize", "focused", "onClick"]);
     var _k = tslib_1.__read(react_1.useState(autoFocus), 2), focus = _k[0], setFocus = _k[1];
     var textarea = type === 'textarea';
     var LeftIcon = leftSide;
@@ -116,7 +116,7 @@ function TextFieldRender(props, ref) {
     return (react_1["default"].createElement("div", tslib_1.__assign({ className: exports.cnTextField({ labelPosition: labelPosition, size: size, view: view, width: width }, [className]), ref: useForkRef_1.useForkRef([ref, textFieldRef]) }, rootProps, otherProps),
         label && (react_1["default"].createElement(FieldLabel_1.FieldLabel, { required: required, className: exports.cnTextField('Label', { labelPosition: labelPosition }), size: size }, label)),
         react_1["default"].createElement("div", { className: exports.cnTextField('Body') },
-            react_1["default"].createElement("div", { className: exports.cnTextField('InputContainer', {
+            react_1["default"].createElement("div", { ref: inputContainerRef, className: exports.cnTextField('InputContainer', {
                     view: view,
                     form: form,
                     status: status || state,

package/__internal__/cjs-src/components/TextField/helpers.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
+import { AutoCompete } from '../../utils/types/AutoComplete';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 export declare type TextFieldPropValue = string | null;
 export declare type TextFieldPropName = string;
@@ -25,7 +26,6 @@ export declare type TextFieldPropStatus = typeof textFieldPropStatus[number];
 export declare const textFieldPropWidth: readonly ["default", "full"];
 export declare type TextFieldPropWidth = typeof textFieldPropWidth[number];
 export declare const textFieldPropWidthDefault: TextFieldPropWidth;
-export declare type TextFieldPropAutoComplete = 'on' | 'off';
 export declare type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea' ? {
     minRows?: never;
     maxRows?: never;
@@ -67,13 +67,14 @@ export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttribute
     leftSide?: string | IconComponent;
     rightSide?: string | IconComponent;
     withClearButton?: boolean;
-    autoComplete?: TextFieldPropAutoComplete;
+    autoComplete?: AutoCompete;
     max?: number | string;
     min?: number | string;
     readOnly?: boolean;
     required?: boolean;
     step?: number | string;
     tabIndex?: number;
+    inputContainerRef?: React.Ref<HTMLDivElement>;
     inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
     ariaLabel?: string;
     iconSize?: IconPropSize;

package/__internal__/cjs-src/components/ThemeToggler/ThemeToggler.js

@@ -24,7 +24,7 @@ var contextMenuSizeMap = {
     xs: 's'
 };
 exports.ThemeToggler = react_1["default"].forwardRef(function (props, componentRef) {
-    var _a = props.size, size = _a === void 0 ? exports.themeTogglerPropSizeDefault : _a, items = props.items, value = props.value, onChange = props.onChange, getItemKey = props.getItemKey, getItemLabel = props.getItemLabel, getItemIcon = props.getItemIcon, direction = props.direction, possibleDirections = props.possibleDirections, otherProps = tslib_1.__rest(props, ["size", "items", "value", "onChange", "getItemKey", "getItemLabel", "getItemIcon", "direction", "possibleDirections"]);
+    var _a = props.size, size = _a === void 0 ? exports.themeTogglerPropSizeDefault : _a, items = props.items, value = props.value, onChange = props.onChange, getItemKey = props.getItemKey, getItemLabel = props.getItemLabel, getItemIcon = props.getItemIcon, direction = props.direction, possibleDirections = props.possibleDirections, style = props.style, otherProps = tslib_1.__rest(props, ["size", "items", "value", "onChange", "getItemKey", "getItemLabel", "getItemIcon", "direction", "possibleDirections", "style"]);
     var ref = react_1.useRef(null);
     var _b = tslib_1.__read(react_1.useState(false), 2), isOpen = _b[0], setIsOpen = _b[1];
     react_1.useEffect(function () {
@@ -61,6 +61,6 @@ exports.ThemeToggler = react_1["default"].forwardRef(function (props, componentR
         return null;
     }
     return (react_1["default"].createElement(react_1["default"].Fragment, null,
-        react_1["default"].createElement(Button_1.Button, tslib_1.__assign({}, otherProps, { ref: ref, iconLeft: getButtonIcon(), onClick: onButtonClick, onlyIcon: true, size: size, view: "clear" })),
-        items.length > 2 && isOpen && (react_1["default"].createElement(ContextMenu_1.ContextMenu, { offset: 8, items: items, getLabel: getItemLabel, anchorRef: ref, direction: direction, possibleDirections: possibleDirections, getLeftSideBar: renderIcons, getRightSideBar: renderChecks, onClickOutside: function () { return setIsOpen(false); }, getItemOnClick: getOnChange, size: contextMenuSize }))));
+        react_1["default"].createElement(Button_1.Button, tslib_1.__assign({}, otherProps, { ref: ref, iconLeft: getButtonIcon(), onClick: onButtonClick, onlyIcon: true, size: size, view: "clear", style: style })),
+        items.length > 2 && isOpen && (react_1["default"].createElement(ContextMenu_1.ContextMenu, { offset: 8, items: items, getLabel: getItemLabel, anchorRef: ref, direction: direction, possibleDirections: possibleDirections, getLeftSideBar: renderIcons, getRightSideBar: renderChecks, onClickOutside: function () { return setIsOpen(false); }, getItemOnClick: getOnChange, size: contextMenuSize, style: typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' ? { zIndex: style.zIndex + 1 } : undefined }))));
 });

package/__internal__/cjs-src/components/UserSelect/UserSelect.js

@@ -22,7 +22,7 @@ function UserSelectRender(props, ref) {
     var controlInnerRef = react_1.useRef(null);
     var helperInputFakeElement = react_1.useRef(null);
     var controlRef = react_1.useRef(null);
-    var _a = helpers_2.withDefaultGetters(props), placeholder = _a.placeholder, onBlur = _a.onBlur, onFocus = _a.onFocus, items = _a.items, onChange = _a.onChange, value = _a.value, disabled = _a.disabled, ariaLabel = _a.ariaLabel, id = _a.id, required = _a.required, _b = _a.dropdownRef, dropdownRef = _b === void 0 ? defaultDropdownRef : _b, _c = _a.form, form = _c === void 0 ? types_1.defaultPropForm : _c, _d = _a.view, view = _d === void 0 ? types_1.defaultPropView : _d, _e = _a.size, size = _e === void 0 ? types_1.defaultPropSize : _e, dropdownClassName = _a.dropdownClassName, name = _a.name, _f = _a.groups, groups = _f === void 0 ? [] : _f, getItemKey = _a.getItemKey, getItemLabel = _a.getItemLabel, getItemSubLabel = _a.getItemSubLabel, getItemAvatarUrl = _a.getItemAvatarUrl, getItemGroupKey = _a.getItemGroupKey, getItemDisabled = _a.getItemDisabled, getGroupKey = _a.getGroupKey, getGroupLabel = _a.getGroupLabel, renderItem = _a.renderItem, renderValueProp = _a.renderValue, onCreate = _a.onCreate, inputRefProp = _a.inputRef, _g = _a.labelForNotFound, labelForNotFound = _g === void 0 ? helpers_1.defaultlabelForNotFound : _g, _h = _a.labelForCreate, labelForCreate = _h === void 0 ? helpers_1.defaultlabelForCreate : _h, _j = _a.multiple, multiple = _j === void 0 ? false : _j, searchFunction = _a.searchFunction, restProps = tslib_1.__rest(_a, ["placeholder", "onBlur", "onFocus", "items", "onChange", "value", "disabled", "ariaLabel", "id", "required", "dropdownRef", "form", "view", "size", "dropdownClassName", "name", "groups", "getItemKey", "getItemLabel", "getItemSubLabel", "getItemAvatarUrl", "getItemGroupKey", "getItemDisabled", "getGroupKey", "getGroupLabel", "renderItem", "renderValue", "onCreate", "inputRef", "labelForNotFound", "labelForCreate", "multiple", "searchFunction"]);
+    var _a = helpers_2.withDefaultGetters(props), placeholder = _a.placeholder, onBlur = _a.onBlur, onFocus = _a.onFocus, items = _a.items, onChange = _a.onChange, value = _a.value, disabled = _a.disabled, ariaLabel = _a.ariaLabel, id = _a.id, required = _a.required, _b = _a.dropdownRef, dropdownRef = _b === void 0 ? defaultDropdownRef : _b, _c = _a.form, form = _c === void 0 ? types_1.defaultPropForm : _c, _d = _a.view, view = _d === void 0 ? types_1.defaultPropView : _d, _e = _a.size, size = _e === void 0 ? types_1.defaultPropSize : _e, dropdownClassName = _a.dropdownClassName, name = _a.name, _f = _a.groups, groups = _f === void 0 ? [] : _f, getItemKey = _a.getItemKey, getItemLabel = _a.getItemLabel, getItemSubLabel = _a.getItemSubLabel, getItemAvatarUrl = _a.getItemAvatarUrl, getItemGroupKey = _a.getItemGroupKey, getItemDisabled = _a.getItemDisabled, getGroupKey = _a.getGroupKey, getGroupLabel = _a.getGroupLabel, renderItem = _a.renderItem, renderValueProp = _a.renderValue, onCreate = _a.onCreate, inputRefProp = _a.inputRef, _g = _a.labelForNotFound, labelForNotFound = _g === void 0 ? helpers_1.defaultlabelForNotFound : _g, _h = _a.labelForCreate, labelForCreate = _h === void 0 ? helpers_1.defaultlabelForCreate : _h, _j = _a.multiple, multiple = _j === void 0 ? false : _j, searchFunction = _a.searchFunction, style = _a.style, restProps = tslib_1.__rest(_a, ["placeholder", "onBlur", "onFocus", "items", "onChange", "value", "disabled", "ariaLabel", "id", "required", "dropdownRef", "form", "view", "size", "dropdownClassName", "name", "groups", "getItemKey", "getItemLabel", "getItemSubLabel", "getItemAvatarUrl", "getItemGroupKey", "getItemDisabled", "getGroupKey", "getGroupLabel", "renderItem", "renderValue", "onCreate", "inputRef", "labelForNotFound", "labelForCreate", "multiple", "searchFunction", "style"]);
     var searchFunctionDefault = function (item, searchValue) {
         var searchOfLabel = helpers_2.searchCompare(searchValue, getItemLabel(item));
         if (searchOfLabel) {
@@ -77,7 +77,7 @@ function UserSelectRender(props, ref) {
                     isUserSelect: true
                 }), value: searchValue, style: { width: width } }))));
     };
-    return (react_1["default"].createElement(SelectContainer_1.SelectContainer, tslib_1.__assign({ focused: isFocused, disabled: disabled, size: size, required: required, view: view, form: form, multiple: true, ref: ref }, restProps),
+    return (react_1["default"].createElement(SelectContainer_1.SelectContainer, tslib_1.__assign({ focused: isFocused, disabled: disabled, size: size, required: required, view: view, form: form, multiple: true, ref: ref, style: style }, restProps),
         react_1["default"].createElement("div", { className: cnSelect_1.cnSelect('Control', { hasInput: true }), ref: controlRef, "aria-expanded": isOpen, "aria-haspopup": "listbox", id: id },
             react_1["default"].createElement("div", { className: cnSelect_1.cnSelect('ControlInner'), onClick: handleInputClick, role: "button", ref: controlInnerRef, "aria-hidden": "true" },
                 react_1["default"].createElement("div", { className: cnSelect_1.cnSelect('ControlValueContainer') }, multiple ? (react_1["default"].createElement("div", { className: cnSelect_1.cnSelect('ControlValue', { isUserSelect: true }) }, renderControlValue())) : (renderControlValue()))),
@@ -87,7 +87,7 @@ function UserSelectRender(props, ref) {
                 react_1["default"].createElement("span", { className: cnSelect_1.cnSelect('Delimiter') }),
                 react_1["default"].createElement("button", { type: "button", className: cnSelect_1.cnSelect('IndicatorsDropdown'), tabIndex: -1, onClick: handleToggleDropdown },
                     react_1["default"].createElement(IconSelect_1.IconSelect, { size: "xs", className: cnSelect_1.cnSelect('DropdownIndicatorIcon') })))),
-        react_1["default"].createElement(SelectDropdown_1.SelectDropdown, { isOpen: isOpen, size: size, controlRef: controlRef, getOptionProps: getOptionProps, dropdownRef: dropdownRef, form: dropdownForm, className: dropdownClassName, renderItem: renderItem || renderItemDefault, getGroupLabel: getGroupLabel, visibleItems: visibleItems, labelForNotFound: labelForNotFound, labelForCreate: labelForCreate, notFound: notFound }),
+        react_1["default"].createElement(SelectDropdown_1.SelectDropdown, { isOpen: isOpen, size: size, controlRef: controlRef, getOptionProps: getOptionProps, dropdownRef: dropdownRef, form: dropdownForm, className: dropdownClassName, renderItem: renderItem || renderItemDefault, getGroupLabel: getGroupLabel, visibleItems: visibleItems, labelForNotFound: labelForNotFound, labelForCreate: labelForCreate, notFound: notFound, style: typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' ? { zIndex: style.zIndex + 1 } : undefined }),
         react_1["default"].createElement("div", { className: cnSelect_1.cnSelect('HelperInputFakeElement'), ref: helperInputFakeElement }, searchValue)));
 }
 exports.UserSelect = react_1.forwardRef(UserSelectRender);

package/__internal__/cjs-src/hocs/withTooltip/withTooltip.js

@@ -52,7 +52,7 @@ function withTooltip(hocProps) {
         return react_1["default"].forwardRef(function (props, ref) {
             var _a = props.tooltipProps, tooltipPropsFromComponent = _a === void 0 ? {} : _a, componentProps = tslib_1.__rest(props, ["tooltipProps"]);
             var tooltipProps = tslib_1.__assign(tslib_1.__assign({}, hocProps), tooltipPropsFromComponent);
-            var _b = tooltipProps.mode, mode = _b === void 0 ? 'mouseover' : _b, content = tooltipProps.content, _c = tooltipProps.closeOnClickOutside, closeOnClickOutside = _c === void 0 ? true : _c, _d = tooltipProps.appearTimeout, appearTimeout = _d === void 0 ? exports.appearTimeoutDefault : _d, _e = tooltipProps.exitTimeout, exitTimeout = _e === void 0 ? exports.exitTimeoutDefault : _e, otherTooltipProps = tslib_1.__rest(tooltipProps, ["mode", "content", "closeOnClickOutside", "appearTimeout", "exitTimeout"]);
+            var _b = tooltipProps.mode, mode = _b === void 0 ? 'mouseover' : _b, content = tooltipProps.content, _c = tooltipProps.closeOnClickOutside, closeOnClickOutside = _c === void 0 ? true : _c, _d = tooltipProps.appearTimeout, appearTimeout = _d === void 0 ? exports.appearTimeoutDefault : _d, _e = tooltipProps.exitTimeout, exitTimeout = _e === void 0 ? exports.exitTimeoutDefault : _e, style = tooltipProps.style, otherTooltipProps = tslib_1.__rest(tooltipProps, ["mode", "content", "closeOnClickOutside", "appearTimeout", "exitTimeout", "style"]);
             var _f = tslib_1.__read(react_1.useState(false), 2), visible = _f[0], setVisible = _f[1];
             var componentRef = react_1.useRef(null);
             var tooltipRef = react_1.useRef(null);
@@ -126,8 +126,8 @@ function withTooltip(hocProps) {
             };
             var Anchor = Component;
             return (react_1["default"].createElement(react_1["default"].Fragment, null,
-                react_1["default"].createElement(Anchor, tslib_1.__assign({}, componentProps, { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: useForkRef_1.useForkRef([componentRef, ref]) })),
-                visible && (react_1["default"].createElement(Tooltip_1.Tooltip, tslib_1.__assign({}, otherTooltipProps, { ref: tooltipRef, anchorRef: componentRef, onClickOutside: onClickOutside, onMouseEnter: tooltipOnMouseEnter, onMouseLeave: tooltipOnMouseLeave }), content))));
+                react_1["default"].createElement(Anchor, tslib_1.__assign({}, componentProps, { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: useForkRef_1.useForkRef([componentRef, ref]), style: style })),
+                visible && (react_1["default"].createElement(Tooltip_1.Tooltip, tslib_1.__assign({}, otherTooltipProps, { ref: tooltipRef, anchorRef: componentRef, onClickOutside: onClickOutside, onMouseEnter: tooltipOnMouseEnter, onMouseLeave: tooltipOnMouseLeave, style: typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' ? { zIndex: style.zIndex + 1 } : undefined }), content))));
             // привел к типам, так как прокинутый компонент может иметь джененрики и они потеряются за хоком
         });
     };