@consta/uikit 3.9.0 → 3.10.0

package/__internal__/cjs-src/components/EventInterceptor/eventInterceptorMap.d.ts

@@ -69,11 +69,11 @@ export declare const eventInterceptorMap: {
         caption?: string | undefined;
         labelPosition?: "left" | "top" | undefined;
         focused?: boolean | undefined;
-    } & {
+    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "slot" | "spellCheck" | "style" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
         rows?: undefined;
         minRows?: undefined;
         maxRows?: undefined;
     } & {
         rightSide?: string | import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "slot" | "spellCheck" | "style" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLElement>>(props: P_2, handler: import("./EventInterceptor").EventInterceptorHandler, textFieldRef: import("react").RefObject<HTMLDivElement>) => P_2;
+    } & import("react").RefAttributes<HTMLElement>>(props: P_2, handler: import("./EventInterceptor").EventInterceptorHandler, textFieldRef: import("react").RefObject<HTMLDivElement>) => P_2;
 };

package/__internal__/cjs-src/components/EventInterceptor/propsHandlers/useButtonEventHandler.js

@@ -18,7 +18,8 @@ exports.useButtonEventHandler = function (props, handler, ref) {
             options: {
                 text: e.currentTarget.innerText,
                 pageURL: e.currentTarget.baseURI,
-                DOMRef: ref.current
+                DOMRef: ref.current,
+                props: newProps
             }
         };
         handler(value);

package/__internal__/cjs-src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.js

@@ -19,7 +19,8 @@ exports.useCheckboxEventsHandler = function (props, handler, checkboxRef) {
                 label: newProps.label,
                 checked: checked,
                 pageURL: window.location.href,
-                DOMRef: checkboxRef.current
+                DOMRef: checkboxRef.current,
+                props: newProps
             }
         };
         handler(value);

package/__internal__/cjs-src/components/EventInterceptor/propsHandlers/useSelectEventsHandler.js

@@ -19,7 +19,8 @@ exports.useSelectEventsHandler = function (props, handler, controlRef) {
                         : helpers_1.defaultGetItemLabel(newProps.value),
                     value: newProps.value,
                     pageURL: window.location.href,
-                    DOMRef: controlRef.current
+                    DOMRef: controlRef.current,
+                    props: newProps
                 }
             };
             handler(value);

package/__internal__/cjs-src/components/EventInterceptor/propsHandlers/useSnackBarEventsHandler.js

@@ -14,7 +14,8 @@ exports.useSnackBarEventsHandler = function (props, handler) {
                 options: {
                     pageURL: window.location.href,
                     DOMRef: document.getElementsByClassName(SnackBar_1.COMPONENT_NAME)[0],
-                    items: newProps.items
+                    items: newProps.items,
+                    props: newProps
                 }
             };
             handler(value);

package/__internal__/cjs-src/components/EventInterceptor/propsHandlers/useTextFieldEventsHandler.d.ts

@@ -73,10 +73,10 @@ export declare const useTextFieldEventsHandler: <P extends {
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     focused?: boolean | undefined;
-} & {
+} & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "slot" | "spellCheck" | "style" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
     rows?: undefined;
     minRows?: undefined;
     maxRows?: undefined;
 } & {
     rightSide?: string | React.FC<import("../../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
-} & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "slot" | "spellCheck" | "style" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLElement>>(props: P, handler: EventInterceptorHandler, textFieldRef: React.RefObject<HTMLDivElement>) => P;
+} & React.RefAttributes<HTMLElement>>(props: P, handler: EventInterceptorHandler, textFieldRef: React.RefObject<HTMLDivElement>) => P;

package/__internal__/cjs-src/components/EventInterceptor/propsHandlers/useTextFieldEventsHandler.js

@@ -32,7 +32,8 @@ exports.useTextFieldEventsHandler = function (props, handler, textFieldRef) {
                 placeholder: newProps.placeholder,
                 pageURL: window.location.href,
                 DOMRef: textFieldRef.current,
-                value: newProps.value
+                value: newProps.value,
+                props: newProps
             }
         };
         if (inputChanged) {

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

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 require("./ProgressSpin.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var bem_1 = require("../../utils/bem");
-var getSizeByMap_1 = require("../../utils/getSizeByMap");
+var getByMap_1 = require("../../utils/getByMap");
 var type_guards_1 = require("../../utils/type-guards");
 exports.progressSpinPropSize = ['m', 's', 'l', 'xl', '2xl'];
 exports.progressSpinPropSizeDefault = exports.progressSpinPropSize[0];
@@ -25,8 +25,8 @@ var strokeWidthMap = {
     '2xl': 3.5
 };
 function getSvgParamsBySize(size) {
-    var sizeOfPixels = getSizeByMap_1.getSizeByMap(sizeMap, size);
-    var strokeWidth = getSizeByMap_1.getSizeByMap(strokeWidthMap, size);
+    var sizeOfPixels = getByMap_1.getByMap(sizeMap, size);
+    var strokeWidth = getByMap_1.getByMap(strokeWidthMap, size);
     var radius = (sizeOfPixels - strokeWidth) / 2;
     var strokeDasharray = radius * 2 * Math.PI;
     return [sizeOfPixels, strokeWidth, radius, strokeDasharray];

package/__internal__/cjs-src/components/ProgressStepBarCanary/ProgressStepBarLine/ProgressStepBarLine.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 require("./ProgressStepBarLine.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var bem_1 = require("../../../utils/bem");
-var getSizeByMap_1 = require("../../../utils/getSizeByMap");
+var getByMap_1 = require("../../../utils/getByMap");
 var cnProgressStepBarLine = bem_1.cn('ProgressStepBarLine');
 var mapVarsByStatus = {
     normal: 'var(--color-bg-normal)',
@@ -18,7 +18,7 @@ var backgroundGenerate = function (lines, direction) {
     var length = lines.length;
     for (var index = 0; index < length; index++) {
         var line = lines[index];
-        var color = getSizeByMap_1.getSizeByMap(mapVarsByStatus, line.status || 'normal');
+        var color = getByMap_1.getByMap(mapVarsByStatus, line.status || 'normal');
         var from = lines[index - 1] ? lines[index - 1].size : 0;
         var to = line.size;
         background += color + " " + from + "px, " + color + " " + to + "px" + (index < length - 1 ? ', ' : ')');

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

@@ -52,7 +52,7 @@ function SelectRender(props, ref) {
                 react_1["default"].createElement("div", { className: cnSelect_1.cnSelect('ControlValueContainer') },
                     react_1["default"].createElement("input", tslib_1.__assign({}, getKeyProps(), { type: "button", name: name, onFocus: handleInputFocus, onBlur: handleInputBlur, "aria-label": ariaLabel, onClick: handleInputClick, ref: useForkRef_1.useForkRef([inputRef, inputRefProp]), className: cnSelect_1.cnSelect('FakeField'), readOnly: true })),
                     value && renderValue({ item: value }),
-                    !value && placeholder && (react_1["default"].createElement("span", { className: cnSelect_1.cnSelect('Placeholder'), title: "placeholder" }, placeholder)))),
+                    (typeof value === 'undefined' || value === null) && placeholder && (react_1["default"].createElement("span", { className: cnSelect_1.cnSelect('Placeholder'), title: "placeholder" }, placeholder)))),
             react_1["default"].createElement("span", { className: cnSelect_1.cnSelect('Indicators') },
                 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') })))),

package/__internal__/cjs-src/components/SelectComponents/SelectItem/SelectItem.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 require("./SelectItem.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var bem_1 = require("../../../utils/bem");
-var getSizeByMap_1 = require("../../../utils/getSizeByMap");
+var getByMap_1 = require("../../../utils/getByMap");
 var Checkbox_1 = require("../../Checkbox/Checkbox");
 exports.cnSelectItem = bem_1.cn('SelectItem');
 var sizeCheckboxMap = {
@@ -17,6 +17,6 @@ var sizeCheckboxMap = {
 exports.SelectItem = function (props) {
     var className = props.className, label = props.label, active = props.active, hovered = props.hovered, multiple = props.multiple, size = props.size, indent = props.indent, disabled = props.disabled, otherProps = tslib_1.__rest(props, ["className", "label", "active", "hovered", "multiple", "size", "indent", "disabled"]);
     return (react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { className: exports.cnSelectItem({ active: active, hovered: hovered, multiple: multiple, size: size, indent: indent, disabled: disabled }, [className]), "aria-selected": active, "aria-disabled": disabled, role: "option" }),
-        multiple && (react_1["default"].createElement(Checkbox_1.Checkbox, { className: exports.cnSelectItem('Checkbox'), checked: active, size: getSizeByMap_1.getSizeByMap(sizeCheckboxMap, size) })),
+        multiple && (react_1["default"].createElement(Checkbox_1.Checkbox, { className: exports.cnSelectItem('Checkbox'), checked: active, size: getByMap_1.getByMap(sizeCheckboxMap, size) })),
         label));
 };

package/__internal__/cjs-src/components/SelectComponentsDeprecated/SelectItem/SelectItem.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 require("./SelectItem.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var bem_1 = require("../../../utils/bem");
-var getSizeByMap_1 = require("../../../utils/getSizeByMap");
+var getByMap_1 = require("../../../utils/getByMap");
 var Checkbox_1 = require("../../Checkbox/Checkbox");
 exports.cnSelectItem = bem_1.cn('SelectItemDeprecated');
 // в дальнейшем уберем обязательность onChange у Checkbox
@@ -20,6 +20,6 @@ var sizeCheckboxMap = {
 exports.SelectItem = function (props) {
     var className = props.className, label = props.label, active = props.active, hovered = props.hovered, multiple = props.multiple, size = props.size, indent = props.indent, otherProps = tslib_1.__rest(props, ["className", "label", "active", "hovered", "multiple", "size", "indent"]);
     return (react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { className: exports.cnSelectItem({ active: active, hovered: hovered, multiple: multiple, size: size, indent: indent }, [className]), "aria-selected": active, role: "option" }),
-        multiple && (react_1["default"].createElement(Checkbox_1.Checkbox, { className: exports.cnSelectItem('Checkbox'), checked: active, onChange: emptyFunction, size: getSizeByMap_1.getSizeByMap(sizeCheckboxMap, size) })),
+        multiple && (react_1["default"].createElement(Checkbox_1.Checkbox, { className: exports.cnSelectItem('Checkbox'), checked: active, onChange: emptyFunction, size: getByMap_1.getByMap(sizeCheckboxMap, size) })),
         label));
 };

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

@@ -6,6 +6,12 @@
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100%;
+  max-width: calc(400px + var(--space-xs) * 2);
+  padding-right: var(--space-xs);
+  padding-left: var(--space-xs);
 }
 
   .SnackBar-Item_animate_appear,

package/__internal__/cjs-src/components/Steps/StepsStep/StepsStep.js

@@ -6,7 +6,7 @@ require("./StepsStep.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var IconCheck_1 = require("../../../icons/IconCheck/IconCheck");
 var bem_1 = require("../../../utils/bem");
-var getSizeByMap_1 = require("../../../utils/getSizeByMap");
+var getByMap_1 = require("../../../utils/getByMap");
 exports.cnStepsStep = bem_1.cn('StepsStep');
 var sizeMap = {
     m: 'xs',
@@ -17,7 +17,7 @@ exports.StepsStep = react_1["default"].forwardRef(function (props, ref) {
     var clickHandler = function (e) {
         !active && !disabled && (onChange === null || onChange === void 0 ? void 0 : onChange(e));
     };
-    var iconSize = getSizeByMap_1.getSizeByMap(sizeMap, size);
+    var iconSize = getByMap_1.getByMap(sizeMap, size);
     return (react_1["default"].createElement("button", { ref: ref, className: exports.cnStepsStep({ size: size, active: active, disabled: disabled, completed: completed, skipped: skipped }, [className]), type: "button", title: label, onClick: clickHandler },
         completed && react_1["default"].createElement(IconCheck_1.IconCheck, { className: exports.cnStepsStep('Icon'), size: iconSize }),
         label));

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

@@ -36,14 +36,21 @@
   }
 
   .TableCell_isSortable,
-  .TableCell_isFilterable {
+  .TableCell_isFilterable,
+  .TableCell_isControl {
     --buttons-wrapper-size: var(--space-xl);
   }
 
-  .TableCell_isSortable.TableCell_isFilterable {
+  .TableCell_isSortable.TableCell_isFilterable,
+  .TableCell_isSortable.TableCell_isControl,
+  .TableCell_isFilterable.TableCell_isControl {
     --buttons-wrapper-size: var(--space-4xl);
   }
 
+  .TableCell_isSortable.TableCell_isFilterable.TableCell_isControl {
+    --buttons-wrapper-size: var(--space-5xl);
+  }
+
   .TableCell_stickyOnTop,
   .TableCell_stickyOnLeft {
     position: -webkit-sticky;

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

@@ -20,6 +20,7 @@ var getCellClasses = function (props) {
         stickyOnTop: (props.type === 'header' && props.isSticky) || props.type === 'resizer',
         stickyOnLeft: column.isSticky,
         isFilterable: column.filterable,
+        isControl: Boolean(column.control),
         withoutBorder: props.type === 'resizer',
         isClickable: 'isClickable' in props && props.isClickable,
         isBorderTop: 'isBorderTop' in props && props.isBorderTop,

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

@@ -21,5 +21,5 @@ exports.TableChoiceGroupFilter = function (_a) {
         setValue(value);
     };
     return (react_1["default"].createElement(TableFilterContainer_1.TableFilterContainer, { title: title, onCancel: onCancel, onConfirm: confirmHandler },
-        react_1["default"].createElement(ChoiceGroup_1.ChoiceGroup, { size: "s", items: choiceGroupItems, getLabel: function (item) { return item.name; }, name: "choiceGroup", onChange: onChange, value: (value === null || value === void 0 ? void 0 : value.value) ? value : defaultValue, multiple: false, className: cnChoiceGroupFilter() })));
+        react_1["default"].createElement(ChoiceGroup_1.ChoiceGroup, { size: "s", items: choiceGroupItems, getLabel: function (item) { return item.name; }, name: "choiceGroup", onChange: onChange, value: (value === null || value === void 0 ? void 0 : value.value) ? value : defaultValue, className: cnChoiceGroupFilter() })));
 };

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,8 @@ export declare type TableColumn<T extends TableRow> = {
     width?: ColumnWidth;
     mergeCells?: boolean;
     position?: Position;
+    hidden?: boolean;
+    control?: ({ column }: TableControl<T>) => React.ReactNode;
 } & (GroupColumnAddition<T> | SingleColumnAddition<T>);
 export declare type TableProps<T extends TableRow> = {
     columns: TableColumn<T>[];
@@ -85,6 +90,7 @@ export declare type TableProps<T extends TableRow> = {
     size?: Size;
     stickyHeader?: boolean;
     stickyColumns?: number;
+    minColumnWidth?: number;
     isResizable?: boolean;
     activeRow?: ActiveRow;
     verticalAlign?: VerticalAlign;

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

@@ -59,26 +59,26 @@ 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, activeRow = props.activeRow, _j = props.verticalAlign, verticalAlign = _j === void 0 ? 'top' : _j, _k = props.headerVerticalAlign, headerVerticalAlign = _k === void 0 ? 'center' : _k, zebraStriped = props.zebraStriped, _l = props.borderBetweenRows, borderBetweenRows = _l === void 0 ? false : _l, _m = props.borderBetweenColumns, borderBetweenColumns = _m === void 0 ? false : _m, _o = props.emptyRowsPlaceholder, emptyRowsPlaceholder = _o === void 0 ? defaultEmptyRowsPlaceholder : _o, className = props.className, onRowHover = props.onRowHover, onRowClick = props.onRowClick, onRowCreate = props.onRowCreate, _p = props.rowCreateText, rowCreateText = _p === void 0 ? '+ Добавить строку' : _p, lazyLoad = props.lazyLoad, onSortBy = props.onSortBy, onFiltersUpdated = props.onFiltersUpdated, getTagLabel = props.getTagLabel, _q = props.isExpandedRowsByDefault, isExpandedRowsByDefault = _q === void 0 ? false : _q;
-    var _r = helpers_1.useHeaderData(columns), headers = _r.headers, flattenedHeaders = _r.flattenedHeaders, lowHeaders = _r.lowHeaders, headerRowsRefs = _r.headerRowsRefs, headerRowsHeights = _r.headerRowsHeights, resizerTopOffsets = _r.resizerTopOffsets;
+    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, _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);
     var getColumnsWidth = function () { return lowHeaders.map(function (column) { return column.width; }); };
-    var _s = tslib_1.__read(react_1["default"].useState(getColumnsWidth()), 2), resizedColumnWidths = _s[0], setResizedColumnWidths = _s[1];
+    var _t = tslib_1.__read(react_1["default"].useState(getColumnsWidth()), 2), resizedColumnWidths = _t[0], setResizedColumnWidths = _t[1];
     var filters = react_1["default"].useMemo(function () {
         return rawFilters && rawFilters.filter(function (filter) { return filter.id && filter.field; });
     }, [rawFilters]);
     react_1["default"].useEffect(function () {
         setResizedColumnWidths(getColumnsWidth());
     }, [lowHeaders.length]);
-    var _t = tslib_1.__read(react_1["default"].useState([]), 2), initialColumnWidths = _t[0], setInitialColumnWidths = _t[1];
-    var _u = tslib_1.__read(react_1["default"].useState(null), 2), sorting = _u[0], setSorting = _u[1];
-    var _v = tslib_1.__read(react_1["default"].useState(null), 2), visibleFilter = _v[0], setVisibleFilter = _v[1];
-    var _w = tslib_1.__read(react_1["default"].useState({ top: 0, left: 0 }), 2), tableScroll = _w[0], setTableScroll = _w[1];
+    var _u = tslib_1.__read(react_1["default"].useState([]), 2), initialColumnWidths = _u[0], setInitialColumnWidths = _u[1];
+    var _v = tslib_1.__read(react_1["default"].useState(null), 2), sorting = _v[0], setSorting = _v[1];
+    var _w = tslib_1.__read(react_1["default"].useState(null), 2), visibleFilter = _w[0], setVisibleFilter = _w[1];
+    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 _x = filtering_1.useSelectedFilters(filters, onFiltersUpdated), selectedFilters = _x.selectedFilters, updateSelectedFilters = _x.updateSelectedFilters, removeOneSelectedFilter = _x.removeOneSelectedFilter, removeAllSelectedFilters = _x.removeAllSelectedFilters;
-    var _y = tslib_1.__read(react_1["default"].useState([]), 2), expandedRowIds = _y[0], setExpandedRowIds = _y[1];
+    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];
     // установка сортировки по умолчанию
     react_1["default"].useEffect(function () {
         var sortingColumn = columns.find(function (col) { return type_guards_1.isString(col.order) && Object.prototype.hasOwnProperty.call(helpers_1.Order, col.order); });
@@ -184,7 +184,7 @@ var InternalTable = function (props, ref) {
         return onRowCreate && onRowCreate({ e: e, id: id, index: index });
     }; };
     var handleColumnResize = function (idx, delta) {
-        var columnMinWidth = Math.min(150, initialColumnWidths[idx]);
+        var columnMinWidth = Math.min(minColumnWidth, initialColumnWidths[idx]);
         var prevColumnWidth = resizedColumnWidths[idx] || initialColumnWidths[idx];
         var newColumnWidth = Math.max(columnMinWidth, prevColumnWidth + delta);
         updateColumnWidth(idx, newColumnWidth);
@@ -234,8 +234,8 @@ var InternalTable = function (props, ref) {
             selectedFilters: selectedFilters
         })
         : sortedTableData;
-    var _z = lazyLoad || {}, _0 = _z.maxVisibleRows, maxVisibleRows = _0 === void 0 ? 210 : _0, _1 = _z.scrollableEl, scrollableEl = _1 === void 0 ? tableRef.current : _1;
-    var _2 = helpers_1.useLazyLoadData(maxVisibleRows, scrollableEl, !!lazyLoad), getSlicedRows = _2.getSlicedRows, setBoundaryRef = _2.setBoundaryRef;
+    var _0 = lazyLoad || {}, _1 = _0.maxVisibleRows, maxVisibleRows = _1 === void 0 ? 210 : _1, _2 = _0.scrollableEl, scrollableEl = _2 === void 0 ? tableRef.current : _2;
+    var _3 = helpers_1.useLazyLoadData(maxVisibleRows, scrollableEl, !!lazyLoad), getSlicedRows = _3.getSlicedRows, setBoundaryRef = _3.setBoundaryRef;
     var flatRowsData = helpers_1.transformRows(filteredData, expandedRowIds, isExpandedRowsByDefault);
     var rowsData = getSlicedRows(flatRowsData);
     var tableStyle = {

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

@@ -44,6 +44,8 @@ export declare const transformColumns: <T extends TableRow>(columns: TableColumn
     width?: number | undefined;
     mergeCells?: boolean | undefined;
     position?: Position | undefined;
+    hidden?: boolean | 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 +65,8 @@ export declare const transformColumns: <T extends TableRow>(columns: TableColumn
     width?: number | undefined;
     mergeCells?: boolean | undefined;
     position?: Position | undefined;
+    hidden?: boolean | 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__/cjs-src/components/Table/helpers.js

@@ -135,7 +135,10 @@ exports.useHeaderData = function (columns) {
     var headerColumnsHeights = Object.values(headerRowsRefs.current)
         .filter(type_guards_1.isNotNil)
         .map(function (ref) { return ref.getBoundingClientRect().height; });
-    var flattenedHeaders = headers.flat().map(function (column, index) { return (tslib_1.__assign(tslib_1.__assign({}, column), { position: tslib_1.__assign(tslib_1.__assign({}, column.position), { smallTextSize: headers.length > 1 && column.position.level === headers.length - 1, height: headerColumnsHeights[index] || 0 }) })); });
+    var flattenedHeaders = headers
+        .flat()
+        .filter(function (column) { return !column.hidden; })
+        .map(function (column, index) { return (tslib_1.__assign(tslib_1.__assign({}, column), { position: tslib_1.__assign(tslib_1.__assign({}, column.position), { smallTextSize: headers.length > 1 && column.position.level === headers.length - 1, height: headerColumnsHeights[index] || 0 }) })); });
     var headerRowsHeights = headers.map(function (arr, index) {
         return Math.min.apply(null, flattenedHeaders
             .filter(function (col) { return col.position.level === index; })

package/__internal__/cjs-src/components/Tabs/Tab/TabsTab.js

@@ -6,7 +6,7 @@ require("./TabsTab.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var MixFocus_1 = require("../../../mixs/MixFocus/MixFocus");
 var bem_1 = require("../../../utils/bem");
-var getSizeByMap_1 = require("../../../utils/getSizeByMap");
+var getByMap_1 = require("../../../utils/getByMap");
 exports.cnTabsTab = bem_1.cn('TabsTab');
 var sizeMap = {
     s: 'xs',
@@ -14,7 +14,7 @@ var sizeMap = {
 };
 exports.TabsTab = react_1.forwardRef(function (props, ref) {
     var label = props.label, onChange = props.onChange, checked = props.checked, size = props.size, onlyIcon = props.onlyIcon, Icon = props.icon, iconSizeProp = props.iconSize, className = props.className;
-    var iconSize = getSizeByMap_1.getSizeByMap(sizeMap, size, iconSizeProp);
+    var iconSize = getByMap_1.getByMap(sizeMap, size, iconSizeProp);
     return (react_1["default"].createElement("button", { className: exports.cnTabsTab({ size: size, checked: checked, onlyIcon: onlyIcon }, [MixFocus_1.cnMixFocus({ before: true }), className]), onClick: checked ? undefined : onChange, ref: ref, role: "tab", type: "button", title: onlyIcon ? label : undefined },
         Icon && react_1["default"].createElement(Icon, { className: exports.cnTabsTab('Icon'), size: iconSize }),
         !onlyIcon && label));

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

@@ -6,7 +6,7 @@ require("./TagBase.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var IconClose_1 = require("../../icons/IconClose/IconClose");
 var bem_1 = require("../../utils/bem");
-var getSizeByMap_1 = require("../../utils/getSizeByMap");
+var getByMap_1 = require("../../utils/getByMap");
 var PropsWithAsAttributes_1 = require("../../utils/types/PropsWithAsAttributes");
 exports.tagBasePropSize = ['m', 'xs', 's', 'l'];
 exports.tagBasePropSizeDefault = exports.tagBasePropSize[0];
@@ -27,8 +27,8 @@ exports.TagBase = PropsWithAsAttributes_1.forwardRefWithAs(function (props, ref)
     var Tag = as;
     var withCancel = typeof onCancel === 'function';
     var withIcon = !!Icon;
-    var IconCloseSize = getSizeByMap_1.getSizeByMap(sizeMap, size);
-    var IconSize = getSizeByMap_1.getSizeByMap(sizeMap, size, iconSize);
+    var IconCloseSize = getByMap_1.getByMap(sizeMap, size);
+    var IconSize = getByMap_1.getByMap(sizeMap, size, iconSize);
     return (react_1["default"].createElement(Tag, tslib_1.__assign({}, otherProps, { className: exports.cnTagBase({
             size: size,
             view: view,

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

@@ -10,7 +10,7 @@ var IconClose_1 = require("../../icons/IconClose/IconClose");
 var IconSelect_1 = require("../../icons/IconSelect/IconSelect");
 var IconSelectOpen_1 = require("../../icons/IconSelectOpen/IconSelectOpen");
 var bem_1 = require("../../utils/bem");
-var getSizeByMap_1 = require("../../utils/getSizeByMap");
+var getByMap_1 = require("../../utils/getByMap");
 var usePropsHandler_1 = require("../EventInterceptor/usePropsHandler");
 var FieldCaption_1 = require("../FieldCaption/FieldCaption");
 var FieldLabel_1 = require("../FieldLabel/FieldLabel");
@@ -20,14 +20,14 @@ 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, 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"]);
+    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 _k = tslib_1.__read(react_1.useState(autoFocus), 2), focus = _k[0], setFocus = _k[1];
     var textarea = type === 'textarea';
     var LeftIcon = leftSide;
     var RightIcon = rightSide;
     var leftSideIsString = typeof leftSide === 'string';
     var rightSideIsString = typeof rightSide === 'string';
-    var iconSize = getSizeByMap_1.getSizeByMap(helpers_1.sizeMap, size, iconSizeProp);
+    var iconSize = getByMap_1.getByMap(helpers_1.sizeMap, size, iconSizeProp);
     var handleChange = function (e) {
         var value = e.target.value;
         !disabled && (onChange === null || onChange === void 0 ? void 0 : onChange({ e: e, id: id, name: name, value: value || null }));
@@ -73,12 +73,10 @@ function TextFieldRender(props, ref) {
         ref: useForkRef_1.useForkRef([inputRef, inputRefProp])
     };
     var handleClear = function (e) {
-        var _a;
         onChange === null || onChange === void 0 ? void 0 : onChange({
             e: e,
             value: ''
         });
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     var changeNumberValue = function (e, isIncrement) {
         var _a;
@@ -90,7 +88,7 @@ function TextFieldRender(props, ref) {
         onChange === null || onChange === void 0 ? void 0 : onChange({
             e: e,
             value: currentValue.toFixed(Number((_a = 
-            /* Необходимо для того чтобы избежать ситуации, когда по нажатию
+            /* Необходимо для того, чтобы избежать ситуации, когда по нажатию
             на кнопку прибавляется число с погрешностью.
             Здесь мы берем разрядность дробной части шага и ограничиваем
             результирующее число этой разрядностью */
@@ -99,7 +97,15 @@ function TextFieldRender(props, ref) {
                 .split('.')[1]) === null || _a === void 0 ? void 0 : _a.length) || 0)
         });
     };
-    return (react_1["default"].createElement("div", tslib_1.__assign({ className: exports.cnTextField({ labelPosition: labelPosition, size: size, view: view, width: width }, [className]) }, otherProps),
+    var rootProps = {
+        // для того чтобы любые клики во внутренним элементам фокусили инпут
+        onClick: function (e) {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }
+    };
+    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', {
@@ -110,7 +116,7 @@ function TextFieldRender(props, ref) {
                     type: type,
                     focus: focus || focused,
                     withValue: !!value
-                }), ref: useForkRef_1.useForkRef([ref, textFieldRef]) },
+                }) },
                 LeftIcon && (react_1["default"].createElement("div", { className: exports.cnTextField('Side', {
                         position: 'left',
                         type: leftSideIsString ? 'string' : 'icon'