@consta/uikit 3.19.0 → 3.21.1

package/__internal__/src/components/Informer/Informer.js

@@ -1,32 +0,0 @@
-import { __assign, __rest } from "tslib";
-import './Informer.css';
-import React from 'react';
-import { classnames } from '@bem-react/classnames';
-import { cn } from '../../utils/bem';
-import { Text } from '../Text/Text';
-import { useTheme } from '../Theme/Theme';
-export var informerPropView = ['filled', 'bordered'];
-export var informerPropViewDefault = informerPropView[0];
-export var informerPropStatus = ['success', 'system', 'alert', 'alert', 'warning'];
-export var informerPropStatusDefault = informerPropStatus[0];
-export var informerPropSize = ['m', 's'];
-export var informerPropSiseDefault = informerPropSize[0];
-export var cnInformer = cn('Informer');
-export var Informer = React.forwardRef(function (props, ref) {
-    var _a = props.view, view = _a === void 0 ? informerPropViewDefault : _a, _b = props.status, status = _b === void 0 ? informerPropStatusDefault : _b, _c = props.size, size = _c === void 0 ? informerPropSiseDefault : _c, icon = props.icon, label = props.label, title = props.title, children = props.children, otherProps = __rest(props, ["view", "status", "size", "icon", "label", "title", "children"]);
-    var Icon = icon;
-    var withIcon = !!icon;
-    var themeClassNames = useTheme().themeClassNames;
-    var className = status !== 'system' && view === 'filled'
-        ? classnames(props.className, themeClassNames.color.accent)
-        : props.className;
-    return (React.createElement("div", __assign({}, otherProps, { className: cnInformer({
-            view: view,
-            status: status,
-            withIcon: withIcon
-        }, [className]), ref: ref }),
-        Icon && React.createElement(Icon, { className: cnInformer('Icon'), size: "s" }),
-        React.createElement("div", { className: cnInformer('Content') },
-            title && (React.createElement(Text, { className: cnInformer('Title'), weight: "bold", size: size }, title)),
-            label ? (React.createElement(Text, { className: cnInformer('Label'), size: size }, label)) : (children))));
-});

package/__internal__/src/components/LayoutCanary/Layout.css

@@ -1,48 +0,0 @@
-.Layout {
-  position: var(--layout-position);
-  top: var(--layout-top);
-  left: var(--layout-left);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: var(--layout-flex);
-      -ms-flex: var(--layout-flex);
-          flex: var(--layout-flex);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  min-width: var(--layout-min-width);
-  max-width: var(--layout-max-width);
-  min-height: var(--layout-min-height);
-  max-height: var(--layout-max-height);
-  -webkit-transition: width 0.3s, height 0.3s, -webkit-box-flex 0.3s;
-  transition: width 0.3s, height 0.3s, -webkit-box-flex 0.3s;
-  transition: flex 0.3s, width 0.3s, height 0.3s;
-  transition: flex 0.3s, width 0.3s, height 0.3s, -webkit-box-flex 0.3s, -ms-flex 0.3s;
-}
-
-  .Layout_direction_row {
-      -webkit-box-orient: horizontal;
-      -webkit-box-direction: normal;
-          -ms-flex-direction: row;
-              flex-direction: row;
-    }
-
-  .Layout_direction_column {
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-              flex-direction: column;
-    }
-
-  .Layout-Fake {
-    -webkit-box-flex: var(--layout-flex);
-        -ms-flex: var(--layout-flex);
-            flex: var(--layout-flex);
-    min-width: var(--layout-min-width);
-    min-height: var(--layout-min-height);
-    background-color: var(--layout-bg-color);
-    -webkit-transition: width 0.3s, height 0.3s, -webkit-box-flex 0.3s;
-    transition: width 0.3s, height 0.3s, -webkit-box-flex 0.3s;
-    transition: flex 0.3s, width 0.3s, height 0.3s;
-    transition: flex 0.3s, width 0.3s, height 0.3s, -webkit-box-flex 0.3s, -ms-flex 0.3s;
-  }

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

@@ -1,23 +0,0 @@
-import './Layout.css';
-import React from 'react';
-export declare const layoutPropDirection: readonly ["row", "column"];
-export declare type LayoutPropDirection = typeof layoutPropDirection[number];
-export declare const layoutPropDirectionDefault: LayoutPropDirection;
-export declare const layoutPropVerticalAlign: readonly ["top", "bottom"];
-export declare type LayoutPropVerticalAlign = typeof layoutPropVerticalAlign[number];
-export declare const layoutPropVerticalAlignDefault: LayoutPropVerticalAlign;
-export declare const layoutPropHorizontalAlign: readonly ["left", "right"];
-export declare type LayoutPropHorizontalAlign = typeof layoutPropHorizontalAlign[number];
-export declare const layoutPropHorizontalAlignDefault: LayoutPropHorizontalAlign;
-export declare type LayoutProps = {
-    flex?: number | 'none';
-    fixed?: boolean;
-    verticalAlign?: LayoutPropVerticalAlign;
-    horizontalAlign?: LayoutPropHorizontalAlign;
-    anchorRef?: React.RefObject<HTMLElement>;
-    scrollContainer?: React.RefObject<HTMLElement> | HTMLElement | null | Window;
-    direction?: LayoutPropDirection;
-    children?: React.ReactNode;
-};
-export declare const cnLayout: import("@bem-react/classname").ClassNameFormatter;
-export declare const Layout: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<LayoutProps, "div">;

package/__internal__/src/components/LayoutCanary/LayoutCanary.js

@@ -1,35 +0,0 @@
-import { __assign, __rest } from "tslib";
-import './Layout.css';
-import React, { useRef } from 'react';
-import { useForkRef } from '../../hooks/useForkRef/useForkRef';
-import { cn } from '../../utils/bem';
-import { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';
-import { useFixed } from './useFixed';
-export var layoutPropDirection = ['row', 'column'];
-export var layoutPropDirectionDefault = layoutPropDirection[0];
-export var layoutPropVerticalAlign = ['top', 'bottom'];
-export var layoutPropVerticalAlignDefault = layoutPropVerticalAlign[0];
-export var layoutPropHorizontalAlign = ['left', 'right'];
-export var layoutPropHorizontalAlignDefault = layoutPropHorizontalAlign[0];
-export var cnLayout = cn('Layout');
-export var Layout = forwardRefWithAs(function (props, ref) {
-    var _a, _b, _c;
-    var flex = props.flex, fixed = props.fixed, anchorRef = props.anchorRef, scrollContainer = props.scrollContainer, _d = props.direction, direction = _d === void 0 ? layoutPropDirectionDefault : _d, children = props.children, className = props.className, tabIndex = props.tabIndex, _e = props.verticalAlign, verticalAlign = _e === void 0 ? layoutPropVerticalAlignDefault : _e, _f = props.horizontalAlign, horizontalAlign = _f === void 0 ? layoutPropHorizontalAlignDefault : _f, _g = props.as, as = _g === void 0 ? 'div' : _g, style = props.style, otherProps = __rest(props, ["flex", "fixed", "anchorRef", "scrollContainer", "direction", "children", "className", "tabIndex", "verticalAlign", "horizontalAlign", "as", "style"]);
-    var containerRef = useRef(null);
-    var _h = useFixed(containerRef, scrollContainer, anchorRef, verticalAlign, horizontalAlign), top = _h.top, left = _h.left, width = _h.width, height = _h.height, maxWidth = _h.maxWidth, maxHeight = _h.maxHeight, position = _h.position;
-    var Tag = as;
-    var backgroundColor = containerRef && containerRef.current
-        ? window.getComputedStyle(containerRef.current).getPropertyValue('background-color')
-        : 'none';
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tag, __assign({ tabIndex: tabIndex, ref: useForkRef([ref, containerRef]), style: fixed
-                ? __assign(__assign({}, style), (_a = {}, _a['--layout-flex'] = flex, _a['--layout-top'] = top + "px", _a['--layout-left'] = left + "px", _a['--layout-max-height'] = maxHeight + "px", _a['--layout-max-width'] = maxWidth + "px", _a['--layout-position'] = position, _a['--layout-min-width'] = width + "px", _a['--layout-min-height'] = height + "px", _a)) : __assign(__assign({}, style), (_b = {}, _b['--layout-flex'] = flex, _b)), className: cnLayout({
-                direction: direction
-            }, [className]) }, otherProps), children),
-        position === 'fixed' && fixed && (React.createElement("div", { className: cnLayout('Fake'), style: (_c = {},
-                _c['--layout-flex'] = flex,
-                _c['--layout-min-width'] = width + "px",
-                _c['--layout-min-height'] = height + "px",
-                _c['--layout-bg-color'] = backgroundColor,
-                _c) }))));
-});

package/__internal__/src/components/LayoutCanary/useFixed.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-export declare type UseFixedData = {
-    top?: number;
-    left?: number;
-    width?: number;
-    height?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    position?: 'unset' | 'fixed';
-};
-declare const verticalAlign: readonly ["top", "bottom"];
-declare type VerticalAlign = typeof verticalAlign[number];
-declare const horizontalAlign: readonly ["left", "right"];
-declare type HorizontalAlign = typeof horizontalAlign[number];
-declare type UseFixed = (layoutRef?: React.RefObject<HTMLElement> | null, scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window, anchorRef?: React.RefObject<HTMLElement> | null, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
-export declare type ElementStationing = {
-    offsetTop: number;
-    offsetHeight: number;
-    offsetLeft: number;
-    offsetWidth: number;
-    clientHeight: number;
-    clientWidth: number;
-    scrollTop: number;
-    scrollHeight: number;
-};
-declare type PositioningElement = (startScroll?: number, layoutStationing?: ElementStationing, scrollContainerStationing?: ElementStationing, anchorStationing?: ElementStationing, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
-export declare const positioningElement: PositioningElement;
-export declare const useFixed: UseFixed;
-export {};

package/__internal__/src/components/LayoutCanary/useFixed.js

@@ -1,173 +0,0 @@
-import { __assign, __read } from "tslib";
-import { useCallback, useEffect, useState } from 'react';
-var verticalAlign = ['top', 'bottom'];
-var verticalAlignDefault = verticalAlign[0];
-var horizontalAlign = ['left', 'right'];
-var horizontalAlignDefault = horizontalAlign[0];
-var getHTMLElement = function (element) {
-    if (element && !(element instanceof HTMLElement || element instanceof Window))
-        return element === null || element === void 0 ? void 0 : element.current;
-    return element;
-};
-var getStationingElement = function (element) {
-    if (element instanceof HTMLElement)
-        return {
-            offsetTop: element.offsetTop,
-            offsetHeight: element.offsetHeight,
-            offsetLeft: element.offsetLeft,
-            offsetWidth: element.offsetWidth,
-            clientHeight: element.clientHeight,
-            clientWidth: element.clientWidth,
-            scrollTop: element.scrollTop,
-            scrollHeight: element.scrollHeight
-        };
-    if (element instanceof Window) {
-        return {
-            offsetTop: 0,
-            offsetHeight: element.innerHeight,
-            offsetLeft: 0,
-            offsetWidth: element.innerWidth,
-            clientHeight: element.innerHeight,
-            clientWidth: element.innerWidth,
-            scrollTop: element.scrollY,
-            scrollHeight: Math.max(document.body.scrollHeight, document.body.offsetHeight)
-        };
-    }
-    return undefined;
-};
-var isElementScrollible = function (element, container, anchor, isVerticalFixation, startScroll) {
-    if (isVerticalFixation)
-        return (container.scrollTop >= startScroll &&
-            container.scrollTop <= container.scrollHeight - container.offsetHeight + element.offsetHeight);
-    return anchor
-        ? container.scrollTop + anchor.offsetHeight >= startScroll &&
-            container.scrollTop <=
-                container.scrollHeight - container.offsetHeight + element.offsetHeight
-        : container.scrollTop + container.offsetHeight <= startScroll + element.offsetHeight &&
-            container.scrollTop <= container.scrollHeight - container.offsetHeight;
-};
-export var positioningElement = function (startScroll, layoutStationing, scrollContainerStationing, anchorStationing, verticalAlign, horizontalAlign) {
-    var stationingData = {
-        top: 0,
-        left: 0,
-        width: layoutStationing === null || layoutStationing === void 0 ? void 0 : layoutStationing.offsetWidth,
-        height: layoutStationing === null || layoutStationing === void 0 ? void 0 : layoutStationing.offsetHeight,
-        maxWidth: scrollContainerStationing === null || scrollContainerStationing === void 0 ? void 0 : scrollContainerStationing.clientWidth,
-        maxHeight: scrollContainerStationing === null || scrollContainerStationing === void 0 ? void 0 : scrollContainerStationing.clientHeight,
-        position: 'unset'
-    };
-    if (layoutStationing && scrollContainerStationing && typeof startScroll !== 'undefined') {
-        var scrollContainerPosition = {
-            top: scrollContainerStationing.offsetTop,
-            bottom: scrollContainerStationing.offsetTop + scrollContainerStationing.clientHeight,
-            left: scrollContainerStationing.offsetLeft,
-            right: scrollContainerStationing.offsetLeft + scrollContainerStationing.clientWidth,
-            width: scrollContainerStationing.clientWidth,
-            height: scrollContainerStationing.clientHeight
-        };
-        stationingData.width = layoutStationing.offsetWidth;
-        stationingData.height = layoutStationing.offsetHeight;
-        stationingData.maxWidth = scrollContainerPosition.width;
-        stationingData.maxHeight = scrollContainerPosition.height;
-        if (isElementScrollible(layoutStationing, scrollContainerStationing, anchorStationing, verticalAlign === 'top', startScroll)) {
-            stationingData.position = 'fixed';
-            if (verticalAlign === 'top')
-                stationingData.top = anchorStationing
-                    ? anchorStationing.offsetTop
-                    : scrollContainerPosition.top;
-            else
-                stationingData.top = anchorStationing
-                    ? anchorStationing.offsetTop + anchorStationing.offsetHeight
-                    : scrollContainerPosition.bottom - layoutStationing.offsetHeight;
-            if (horizontalAlign === 'left')
-                stationingData.left = anchorStationing
-                    ? anchorStationing.offsetLeft
-                    : -window.scrollX + scrollContainerPosition.left;
-            else
-                stationingData.left = anchorStationing
-                    ? anchorStationing.offsetLeft +
-                        anchorStationing.offsetWidth -
-                        layoutStationing.offsetWidth
-                    : -window.scrollX + scrollContainerPosition.right - layoutStationing.offsetWidth;
-        }
-        else
-            stationingData.position = 'unset';
-    }
-    return stationingData;
-};
-export var useFixed = function (layoutRef, scrollContainer, anchorRef, verticalAlign, horizontalAlign) {
-    if (verticalAlign === void 0) { verticalAlign = verticalAlignDefault; }
-    if (horizontalAlign === void 0) { horizontalAlign = horizontalAlignDefault; }
-    var _a = __read(useState({}), 2), stationing = _a[0], setStationing = _a[1];
-    var _b = __read(useState({}), 2), result = _b[0], setResult = _b[1];
-    useEffect(function () {
-        var startScroll = 0;
-        setTimeout(function () {
-            if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {
-                var parentContainer = scrollContainer
-                    ? getHTMLElement(scrollContainer)
-                    : layoutRef.current.parentElement;
-                var parentStationing = getStationingElement(parentContainer);
-                if (parentStationing) {
-                    startScroll =
-                        layoutRef.current.offsetTop - (parentStationing === null || parentStationing === void 0 ? void 0 : parentStationing.offsetTop) >= 0
-                            ? layoutRef.current.offsetTop - (parentStationing === null || parentStationing === void 0 ? void 0 : parentStationing.offsetTop)
-                            : 0;
-                }
-                positioning(startScroll);
-                document.addEventListener('resize', resizing);
-                if (typeof (parentContainer === null || parentContainer === void 0 ? void 0 : parentContainer.addEventListener) === 'function') {
-                    parentContainer === null || parentContainer === void 0 ? void 0 : parentContainer.addEventListener('resize', resizing);
-                    parentContainer === null || parentContainer === void 0 ? void 0 : parentContainer.addEventListener('scroll', function () { return positioning(startScroll); });
-                }
-            }
-        }, typeof scrollContainer !== 'undefined' ? 0 : 500);
-        return function () {
-            if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {
-                var parentContainer = scrollContainer
-                    ? getHTMLElement(scrollContainer)
-                    : layoutRef.current.parentElement;
-                document.removeEventListener('resize', resizing);
-                if (typeof (parentContainer === null || parentContainer === void 0 ? void 0 : parentContainer.removeEventListener) === 'function') {
-                    parentContainer === null || parentContainer === void 0 ? void 0 : parentContainer.removeEventListener('resize', resizing);
-                    parentContainer === null || parentContainer === void 0 ? void 0 : parentContainer.removeEventListener('scroll', function () { return positioning(startScroll); });
-                }
-            }
-        };
-    }, [verticalAlign, horizontalAlign, layoutRef, scrollContainer, anchorRef]);
-    useEffect(function () {
-        setResult(__assign({}, stationing));
-    }, [
-        stationing.top,
-        stationing.left,
-        stationing.position,
-        stationing.width,
-        stationing.height,
-        stationing.maxHeight,
-        stationing.maxWidth,
-    ]);
-    var resizing = function () {
-        if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {
-            var parentContainer = scrollContainer
-                ? getHTMLElement(scrollContainer)
-                : layoutRef.current.parentElement;
-            var parentStationing = getStationingElement(parentContainer);
-            setStationing(__assign(__assign({}, stationing), { width: layoutRef.current.offsetWidth, height: layoutRef.current.offsetHeight, maxWidth: parentStationing === null || parentStationing === void 0 ? void 0 : parentStationing.clientWidth, maxHeight: parentStationing === null || parentStationing === void 0 ? void 0 : parentStationing.clientHeight }));
-        }
-    };
-    var positioning = useCallback(function (startScroll) {
-        if (layoutRef &&
-            layoutRef.current &&
-            layoutRef.current.parentElement &&
-            typeof startScroll === 'number') {
-            var parentContainer = scrollContainer
-                ? getHTMLElement(scrollContainer)
-                : layoutRef.current.parentElement;
-            if (scrollContainer) {
-                var stationingData = positioningElement(startScroll, getStationingElement(layoutRef.current), getStationingElement(parentContainer), getStationingElement(anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current), verticalAlign, horizontalAlign);
-                setStationing(__assign({}, stationingData));
-            }
-        }
-    }, [stationing]);
-    return result;
-};

package/__internal__/src/components/Loader/Loader.css

@@ -1,70 +0,0 @@
-.Loader {
-  --backgroundColor: var(--loaderBackgroundColor, var(--color-control-bg-primary));
-  position: relative;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: calc(100% - var(--loader-size));
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
-}
-
-  .Loader::before {
-    content: '';
-    position: absolute;
-    top: calc(50% - (var(--loader-size) * 0.5));
-    left: calc(50% - (var(--loader-size) * 2.5));
-    width: var(--loader-size);
-    height: var(--loader-size);
-    background: var(--backgroundColor);
-    border-radius: 50%;
-    -webkit-animation: loader 1s ease infinite;
-            animation: loader 1s ease infinite;
-  }
-
-  .Loader::after {
-    content: '';
-    position: absolute;
-    top: calc(50% - (var(--loader-size) * 0.5));
-    left: calc(50% + (var(--loader-size) * 1.5));
-    width: var(--loader-size);
-    height: var(--loader-size);
-    background: var(--backgroundColor);
-    border-radius: 50%;
-    -webkit-animation: loader 1s -0.36s ease infinite;
-            animation: loader 1s -0.36s ease infinite;
-  }
-
-  .Loader-Dot {
-    position: absolute;
-    top: calc(50% - (var(--loader-size) * 0.5));
-    left: calc(50% - (var(--loader-size) * 0.5));
-    width: var(--loader-size);
-    height: var(--loader-size);
-    background: var(--backgroundColor);
-    border-radius: 50%;
-    -webkit-animation: loader 1s -0.18s ease infinite;
-            animation: loader 1s -0.18s ease infinite;
-  }
-
-  .Loader_size_s {
-      --loader-size: 4px;
-    }
-
-  .Loader_size_m {
-      --loader-size: 8px;
-    }
-
-@-webkit-keyframes loader {
-  50% {
-    -webkit-transform: scale(1.5);
-            transform: scale(1.5);
-  }
-}
-
-@keyframes loader {
-  50% {
-    -webkit-transform: scale(1.5);
-            transform: scale(1.5);
-  }
-}

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

@@ -1,14 +0,0 @@
-import './Loader.css';
-import React from 'react';
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const loaderPropSize: readonly ["m", "s"];
-export declare type LoaderPropSize = typeof loaderPropSize[number];
-export declare const loaderPropSizeDefault: LoaderPropSize;
-declare type Props = {
-    size?: LoaderPropSize;
-    children?: never;
-};
-export declare type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
-export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
-export declare const Loader: React.ForwardRefExoticComponent<Props & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "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" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "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<HTMLDivElement>>;
-export {};

package/__internal__/src/components/Loader/Loader.js

@@ -1,12 +0,0 @@
-import { __assign, __rest } from "tslib";
-import './Loader.css';
-import React from 'react';
-import { cn } from '../../utils/bem';
-export var loaderPropSize = ['m', 's'];
-export var loaderPropSizeDefault = loaderPropSize[0];
-export var cnLoader = cn('Loader');
-export var Loader = React.forwardRef(function (props, ref) {
-    var className = props.className, _a = props.size, size = _a === void 0 ? loaderPropSizeDefault : _a, otherProps = __rest(props, ["className", "size"]);
-    return (React.createElement("div", __assign({}, otherProps, { ref: ref, className: cnLoader({ size: size }, [className]) }),
-        React.createElement("div", { className: cnLoader('Dot') })));
-});

package/__internal__/src/components/Modal/Modal.css

@@ -1,106 +0,0 @@
-.Modal {
-  --modal-window-animate-space: var(--space-xl);
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  padding: var(--space-5xl);
-}
-
-  .Modal:not(.Modal_hasOverlay) {
-    pointer-events: none;
-  }
-
-  .Modal-Window {
-    position: absolute;
-    overflow: auto;
-    min-width: 400px;
-    max-width: 90%;
-    min-height: 200px;
-    max-height: 90%;
-    background-color: var(--color-bg-default);
-    border-radius: var(--control-radius);
-    -webkit-box-shadow: var(--shadow-modal);
-            box-shadow: var(--shadow-modal);
-    pointer-events: auto;
-  }
-
-  .Modal-Window_position_center {
-        -ms-flex-item-align: safe center;
-            align-self: safe center;
-      }
-
-  .Modal-Window_position_top {
-        -ms-flex-item-align: safe flex-start;
-            align-self: safe flex-start;
-      }
-
-  .Modal-Overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    padding: 0;
-    background: var(--color-bg-tone);
-    border: none;
-  }
-
-  .Modal_animate_appear .Modal-Overlay, .Modal_animate_enter .Modal-Overlay, .Modal_animate_exit .Modal-Overlay, .Modal_animate_appearActive .Modal-Overlay, .Modal_animate_enterActive .Modal-Overlay, .Modal_animate_exitActive .Modal-Overlay {
-        -webkit-transition: opacity 0.24s ease;
-        transition: opacity 0.24s ease;
-      }
-
-  .Modal_animate_appear .Modal-Window, .Modal_animate_enter .Modal-Window, .Modal_animate_exit .Modal-Window, .Modal_animate_appearActive .Modal-Window, .Modal_animate_enterActive .Modal-Window, .Modal_animate_exitActive .Modal-Window {
-        -webkit-transition: opacity 0.24s, -webkit-transform 0.24s;
-        transition: opacity 0.24s, -webkit-transform 0.24s;
-        transition: opacity 0.24s, transform 0.24s;
-        transition: opacity 0.24s, transform 0.24s, -webkit-transform 0.24s;
-      }
-
-  .Modal_animate_appear .Modal-Overlay, .Modal_animate_enter .Modal-Overlay {
-        opacity: 0;
-      }
-
-  .Modal_animate_appear .Modal-Window, .Modal_animate_enter .Modal-Window {
-        opacity: 0;
-        -webkit-transform: translate(0, calc(-1 * var(--modal-window-animate-space)));
-                transform: translate(0, calc(-1 * var(--modal-window-animate-space)));
-      }
-
-  .Modal_animate_appearActive .Modal-Overlay, .Modal_animate_enterActive .Modal-Overlay {
-        opacity: 1;
-      }
-
-  .Modal_animate_appearActive .Modal-Window, .Modal_animate_enterActive .Modal-Window {
-        opacity: 1;
-        -webkit-transform: translate(0, 0);
-                transform: translate(0, 0);
-      }
-
-  .Modal_animate_exit .Modal-Overlay {
-        opacity: 1;
-      }
-
-  .Modal_animate_exit .Modal-Window {
-        opacity: 1;
-        -webkit-transform: translate(0, 0);
-                transform: translate(0, 0);
-      }
-
-  .Modal_animate_exitActive .Modal-Overlay {
-        opacity: 0;
-      }
-
-  .Modal_animate_exitActive .Modal-Window {
-        opacity: 0;
-        -webkit-transform: translate(0, var(--modal-window-animate-space));
-                transform: translate(0, var(--modal-window-animate-space));
-      }

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

@@ -1,25 +0,0 @@
-import './Modal.css';
-import React from 'react';
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-declare const modalPropWidth: readonly ["auto"];
-declare type ModalPropWidth = typeof modalPropWidth[number];
-declare const modalPropPosition: readonly ["center", "top"];
-declare type ModalPropPosition = typeof modalPropPosition[number];
-declare type ModalProps = PropsWithHTMLAttributes<{
-    isOpen?: boolean;
-    onClose?: () => void;
-    onOpen?: () => void;
-    hasOverlay?: boolean;
-    /** @deprecated use onClickOutside */
-    onOverlayClick?: (event: MouseEvent) => void;
-    onClickOutside?: (event: MouseEvent) => void;
-    onEsc?: (event: KeyboardEvent) => void;
-    rootClassName?: string;
-    width?: ModalPropWidth;
-    position?: ModalPropPosition;
-    children?: React.ReactNode;
-    container?: HTMLDivElement | undefined;
-    refsForExcludeClickOutside?: React.RefObject<HTMLElement>[];
-}, HTMLDivElement>;
-export declare const Modal: React.FC<ModalProps>;
-export {};

package/__internal__/src/components/Modal/Modal.js

@@ -1,52 +0,0 @@
-import { __assign, __read, __rest, __spread } from "tslib";
-import './Modal.css';
-import React, { useEffect, useRef } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { useClickOutside } from '../../hooks/useClickOutside/useClickOutside';
-import { useGlobalKeys } from '../../hooks/useGlobalKeys/useGlobalKeys';
-import { cn } from '../../utils/bem';
-import { cnForCssTransition } from '../../utils/cnForCssTransition';
-import { PortalWithTheme, usePortalContext } from '../PortalWithTheme/PortalWithTheme';
-import { useTheme } from '../Theme/Theme';
-var modalPropWidth = ['auto'];
-var modalPropWidthDefault = modalPropWidth[0];
-var modalPropPosition = ['center', 'top'];
-var modalPropPositionDefault = modalPropPosition[0];
-var cnModal = cn('Modal');
-/**
- * Подписчик на PortalWithThemeProvider
- * получает рефы всех вложенных порталов в модалку
- * для дальнейшего исключения их из useClickOutside
- */
-var ContextConsumer = function (_a) {
-    var onClickOutside = _a.onClickOutside, children = _a.children, ignoreClicksInsideRefs = _a.ignoreClicksInsideRefs;
-    var refs = usePortalContext().refs;
-    useClickOutside({
-        isActive: !!onClickOutside,
-        ignoreClicksInsideRefs: __spread((ignoreClicksInsideRefs || []), (refs || [])),
-        handler: onClickOutside
-    });
-    return React.createElement(React.Fragment, null, children);
-};
-export var Modal = function (props) {
-    var isOpen = props.isOpen, onClose = props.onClose, onOpen = props.onOpen, _a = props.hasOverlay, hasOverlay = _a === void 0 ? true : _a, onOverlayClick = props.onOverlayClick, onClickOutside = props.onClickOutside, onEsc = props.onEsc, className = props.className, _b = props.width, width = _b === void 0 ? modalPropWidthDefault : _b, _c = props.position, position = _c === void 0 ? modalPropPositionDefault : _c, children = props.children, _d = props.container, container = _d === void 0 ? window.document.body : _d, refsForExcludeClickOutside = props.refsForExcludeClickOutside, rootClassName = props.rootClassName, style = props.style, otherProps = __rest(props, ["isOpen", "onClose", "onOpen", "hasOverlay", "onOverlayClick", "onClickOutside", "onEsc", "className", "width", "position", "children", "container", "refsForExcludeClickOutside", "rootClassName", "style"]);
-    var ref = useRef(null);
-    var portalRef = useRef(null);
-    var theme = useTheme().theme;
-    useEffect(function () {
-        if (isOpen) {
-            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-        }
-        else {
-            onClose === null || onClose === void 0 ? void 0 : onClose();
-        }
-    }, [isOpen]);
-    useGlobalKeys({
-        Escape: function (e) { return isOpen && onEsc && onEsc(e); }
-    });
-    return (React.createElement(CSSTransition, { "in": isOpen, unmountOnExit: true, appear: true, classNames: cnForCssTransition(cnModal), timeout: 240, nodeRef: portalRef },
-        React.createElement(PortalWithTheme, { preset: theme, container: container, className: cnModal({ hasOverlay: hasOverlay }, [rootClassName]), ref: portalRef, style: typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' ? { zIndex: style.zIndex } : undefined },
-            hasOverlay && React.createElement("div", { className: cnModal('Overlay'), "aria-label": "Overlay" }),
-            React.createElement("div", __assign({}, otherProps, { style: __assign(__assign({}, style), { zIndex: undefined }), className: cnModal('Window', { width: width, position: position }, [className]), ref: ref }),
-                React.createElement(ContextConsumer, { onClickOutside: onClickOutside || onOverlayClick, ignoreClicksInsideRefs: __spread((refsForExcludeClickOutside || []), [ref]) }, children)))));
-};