@consta/uikit 3.9.0 → 3.9.1

package/Text/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Text",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/TextField/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/TextField",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Theme",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ThemeToggler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ThemeToggler",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Timer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Timer",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Tooltip",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/User/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/User",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/UserSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/UserSelect",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/UserSelectDeprecated/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/UserSelectDeprecated",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

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

@@ -61,6 +61,12 @@ exports.TableHeader = function (_a) {
         };
         return column.filterable ? (react_1["default"].createElement(TableFilterTooltip_1.TableFilterTooltip, { field: column.accessor, isOpened: visibleFilter === column.accessor, options: filtering_1.getOptionsForFilters(filters, column.accessor), values: selectedFilters[column.accessor].selected || [], onChange: handleTooltipSave, onToggle: handleFilterTogglerClick(column.accessor), className: cnTableHeader('Icon', { type: 'filter' }) }, FilterComponent && (react_1["default"].createElement(FilterComponent, tslib_1.__assign({}, filterComponentProps, { onConfirm: handleFilterSave, filterValue: (_d = selectedFilters[column.accessor]) === null || _d === void 0 ? void 0 : _d.value, onCancel: handleFilterTogglerClick(column.accessor) }))))) : null;
     };
+    var control = function (column) {
+        if (column.control) {
+            return react_1["default"].createElement("div", { className: cnTableHeader('Сontrol') }, column.control({ column: column }));
+        }
+        return null;
+    };
     return (react_1["default"].createElement(react_1["default"].Fragment, null,
         react_1["default"].createElement("div", { className: cnTableHeader('Row', { withVerticalBorder: borderBetweenColumns }) }, headersWithMetaData.map(function (column, columnIdx) {
             var _a, _b, _c;
@@ -94,7 +100,8 @@ exports.TableHeader = function (_a) {
                         verticalAlign: headerVerticalAlign
                     }) },
                     column.sortable && (react_1["default"].createElement(Button_1.Button, { size: "xs", iconSize: "s", view: "clear", onlyIcon: true, onClick: function () { return handleSortClick(column); }, iconLeft: getSortIcon(column), className: cnTableHeader('Icon', { type: 'sort' }) })),
-                    getFilterPopover(column))));
+                    getFilterPopover(column),
+                    control(column))));
         })),
         react_1["default"].createElement("div", { className: cnTableHeader('ShadowWrapper'), style: tableHeaderStyle },
             react_1["default"].createElement("div", { className: cnTableHeader('Shadow', { show: showHorizontalCellShadow && isStickyHeader }) }))));

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { HorizontalAlign, VerticalAlign } from './Cell/TableCell';
 import { GetTagLabel } from './SelectedOptionsList/TableSelectedOptionsList';
 import { Filters, onSortBy, SelectedFilters } from './filtering';
-import { OrderType, Position } from './helpers';
+import { Header, OrderType, Position } from './helpers';
 export { TableTextFilter } from './TextFilter/TableTextFilter';
 export { TableFilterContainer } from './FilterContainer/TableFilterContainer';
 export { TableNumberFilter } from './NumberFilter/TableNumberFilter';
@@ -69,6 +69,9 @@ declare type GroupColumnAddition<T extends TableRow> = {
 } & {
     [K in keyof ColumnBase<T>]?: never;
 };
+export interface TableControl<T extends TableRow> {
+    column: Header<T> & ColumnMetaData;
+}
 export declare type TableColumn<T extends TableRow> = {
     title: React.ReactNode;
     align?: HorizontalAlign;
@@ -76,6 +79,7 @@ export declare type TableColumn<T extends TableRow> = {
     width?: ColumnWidth;
     mergeCells?: boolean;
     position?: Position;
+    control?: ({ column }: TableControl<T>) => React.ReactNode;
 } & (GroupColumnAddition<T> | SingleColumnAddition<T>);
 export declare type TableProps<T extends TableRow> = {
     columns: TableColumn<T>[];

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

@@ -44,6 +44,7 @@ export declare const transformColumns: <T extends TableRow>(columns: TableColumn
     width?: number | undefined;
     mergeCells?: boolean | undefined;
     position?: Position | undefined;
+    control?: (({ column }: import("./Table").TableControl<T>) => React.ReactNode) | undefined;
 } & {
     columns: TableColumn<T>[];
 } & { [K_1 in keyof import("./Table").ValueOf<{ [K in keyof T]: {
@@ -63,6 +64,7 @@ export declare const transformColumns: <T extends TableRow>(columns: TableColumn
     width?: number | undefined;
     mergeCells?: boolean | undefined;
     position?: Position | undefined;
+    control?: (({ column }: import("./Table").TableControl<T>) => React.ReactNode) | undefined;
 } & import("./Table").ValueOf<{ [K in keyof T]: {
     accessor: K extends string ? K : never;
     sortable?: boolean | undefined;

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

@@ -58,6 +58,12 @@ export var TableHeader = function (_a) {
         };
         return column.filterable ? (React.createElement(TableFilterTooltip, { field: column.accessor, isOpened: visibleFilter === column.accessor, options: getOptionsForFilters(filters, column.accessor), values: selectedFilters[column.accessor].selected || [], onChange: handleTooltipSave, onToggle: handleFilterTogglerClick(column.accessor), className: cnTableHeader('Icon', { type: 'filter' }) }, FilterComponent && (React.createElement(FilterComponent, __assign({}, filterComponentProps, { onConfirm: handleFilterSave, filterValue: (_d = selectedFilters[column.accessor]) === null || _d === void 0 ? void 0 : _d.value, onCancel: handleFilterTogglerClick(column.accessor) }))))) : null;
     };
+    var control = function (column) {
+        if (column.control) {
+            return React.createElement("div", { className: cnTableHeader('Сontrol') }, column.control({ column: column }));
+        }
+        return null;
+    };
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: cnTableHeader('Row', { withVerticalBorder: borderBetweenColumns }) }, headersWithMetaData.map(function (column, columnIdx) {
             var _a, _b, _c;
@@ -91,7 +97,8 @@ export var TableHeader = function (_a) {
                         verticalAlign: headerVerticalAlign
                     }) },
                     column.sortable && (React.createElement(Button, { size: "xs", iconSize: "s", view: "clear", onlyIcon: true, onClick: function () { return handleSortClick(column); }, iconLeft: getSortIcon(column), className: cnTableHeader('Icon', { type: 'sort' }) })),
-                    getFilterPopover(column))));
+                    getFilterPopover(column),
+                    control(column))));
         })),
         React.createElement("div", { className: cnTableHeader('ShadowWrapper'), style: tableHeaderStyle },
             React.createElement("div", { className: cnTableHeader('Shadow', { show: showHorizontalCellShadow && isStickyHeader }) }))));

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { HorizontalAlign, VerticalAlign } from './Cell/TableCell';
 import { GetTagLabel } from './SelectedOptionsList/TableSelectedOptionsList';
 import { Filters, onSortBy, SelectedFilters } from './filtering';
-import { OrderType, Position } from './helpers';
+import { Header, OrderType, Position } from './helpers';
 export { TableTextFilter } from './TextFilter/TableTextFilter';
 export { TableFilterContainer } from './FilterContainer/TableFilterContainer';
 export { TableNumberFilter } from './NumberFilter/TableNumberFilter';
@@ -69,6 +69,9 @@ declare type GroupColumnAddition<T extends TableRow> = {
 } & {
     [K in keyof ColumnBase<T>]?: never;
 };
+export interface TableControl<T extends TableRow> {
+    column: Header<T> & ColumnMetaData;
+}
 export declare type TableColumn<T extends TableRow> = {
     title: React.ReactNode;
     align?: HorizontalAlign;
@@ -76,6 +79,7 @@ export declare type TableColumn<T extends TableRow> = {
     width?: ColumnWidth;
     mergeCells?: boolean;
     position?: Position;
+    control?: ({ column }: TableControl<T>) => React.ReactNode;
 } & (GroupColumnAddition<T> | SingleColumnAddition<T>);
 export declare type TableProps<T extends TableRow> = {
     columns: TableColumn<T>[];

package/__internal__/src/components/Table/helpers.d.ts

@@ -44,6 +44,7 @@ export declare const transformColumns: <T extends TableRow>(columns: TableColumn
     width?: number | undefined;
     mergeCells?: boolean | undefined;
     position?: Position | undefined;
+    control?: (({ column }: import("./Table").TableControl<T>) => React.ReactNode) | undefined;
 } & {
     columns: TableColumn<T>[];
 } & { [K_1 in keyof import("./Table").ValueOf<{ [K in keyof T]: {
@@ -63,6 +64,7 @@ export declare const transformColumns: <T extends TableRow>(columns: TableColumn
     width?: number | undefined;
     mergeCells?: boolean | undefined;
     position?: Position | undefined;
+    control?: (({ column }: import("./Table").TableControl<T>) => React.ReactNode) | undefined;
 } & import("./Table").ValueOf<{ [K in keyof T]: {
     accessor: K extends string ? K : never;
     sortable?: boolean | undefined;

package/createIcon/package.json

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

package/createResponsesImage/package.json

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

package/package.json

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

package/useChoiceGroup/package.json

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

package/useChoiceGroupIndexed/package.json

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

package/useClickOutside/package.json

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

package/useComponentSize/package.json

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

package/useDebounce/package.json

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

package/useFlag/package.json

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

package/useForkRef/package.json

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

package/useGlobalKeys/package.json

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

package/useKeys/package.json

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

package/useMutableRef/package.json

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

package/usePrevious/package.json

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

package/useResizeObserved/package.json

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

package/useScrollPosition/package.json

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

package/useSelect/package.json

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

package/useThemeVars/package.json

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

package/useTimer/package.json

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

package/withTooltip/package.json

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