@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/components/ScrollContainer/ScrollContainer.js

@@ -0,0 +1,310 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import debounce from 'lodash.debounce';
+import { isInstanceOf } from '../../lib/isInstanceOf.js';
+import * as LayoutEvents from '../../lib/LayoutEvents.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { getDOMRect } from '../../lib/dom/getDOMRect.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { isTestEnv } from '../../lib/currentEnvironment.js';
+import { callChildRef } from '../../lib/callChildRef/callChildRef.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getStyles, globalClasses } from './ScrollContainer.styles.js';
+import { scrollSizeParametersNames } from './ScrollContainer.constants.js';
+import { convertScrollbarXScrollState, convertScrollbarYScrollState, getScrollYOffset, } from './ScrollContainer.helpers.js';
+import { ScrollBar } from './ScrollBar.js';
+export var ScrollContainerDataTids = {
+    root: 'ScrollContainer__root',
+    inner: 'ScrollContainer__inner',
+};
+/**
+ * `ScrollContainer` используется для создания контейнера с кастомными полосами прокрутки, который обеспечивает прокрутку содержимого по горизонтали или вертикали.
+ */
+var ScrollContainer = /** @class */ (function (_super) {
+    __extends(ScrollContainer, _super);
+    function ScrollContainer() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(ScrollContainer_1.defaultProps);
+        _this.initialIsScrollBarVisible = _this.getProps().showScrollBar === 'always';
+        _this.state = {
+            isScrollBarXVisible: _this.initialIsScrollBarVisible,
+            isScrollBarYVisible: _this.initialIsScrollBarVisible,
+            isHovered: false,
+        };
+        _this.renderScrollbar = function (axis) {
+            var _a = _this.getProps(), offsetY = _a.offsetY, offsetX = _a.offsetX, invert = _a.invert, disableAnimations = _a.disableAnimations;
+            var isAxisX = axis === 'x';
+            var refScrollBar = isAxisX ? _this.refScrollBarX : _this.refScrollBarY;
+            var offset = isAxisX ? offsetX : offsetY;
+            var isVisible = isAxisX ? _this.state.isScrollBarXVisible : _this.state.isScrollBarYVisible;
+            return (React.createElement(ScrollBar, { axis: axis, ref: refScrollBar, invert: invert, onScroll: _this.handleScroll, offset: offset, disableAnimations: disableAnimations, isVisible: isVisible }));
+        };
+        _this.handleScrollStateChange = function (scrollState, axis) {
+            var _a, _b, _c, _d;
+            if (!_this.scrollY || !_this.scrollX) {
+                return;
+            }
+            if (axis === 'x') {
+                var scrollXState = convertScrollbarXScrollState(scrollState);
+                (_b = (_a = _this.props).onScrollStateChangeX) === null || _b === void 0 ? void 0 : _b.call(_a, scrollXState);
+                return;
+            }
+            var scrollYState = convertScrollbarYScrollState(scrollState);
+            (_d = (_c = _this.props).onScrollStateChangeY) === null || _d === void 0 ? void 0 : _d.call(_c, scrollYState);
+        };
+        _this.handleScroll = function (axis, scrollState, prevScrollState) {
+            if (scrollState !== prevScrollState) {
+                _this.handleScrollStateChange(scrollState, axis);
+            }
+            var showScrollBar = _this.getProps().showScrollBar;
+            showScrollBar === 'scroll' && _this.showScrollBarOnMouseWheel(axis);
+        };
+        _this.refScrollBarY = function (scrollbar) {
+            _this.scrollY = scrollbar;
+        };
+        _this.refScrollBarX = function (scrollbar) {
+            _this.scrollX = scrollbar;
+        };
+        _this.refInner = function (element) {
+            if (!_this.inner && element && _this.getProps().preventWindowScroll) {
+                element.addEventListener('wheel', _this.handleInnerScrollWheel, { passive: false });
+            }
+            if (_this.inner && !element) {
+                _this.inner.removeEventListener('wheel', _this.handleInnerScrollWheel);
+            }
+            _this.inner = element;
+            if (_this.props.scrollRef) {
+                callChildRef(_this.props.scrollRef, element);
+            }
+        };
+        _this.handleNativeScroll = function (event) {
+            var _a, _b, _c, _d;
+            (_a = _this.scrollY) === null || _a === void 0 ? void 0 : _a.reflow();
+            (_b = _this.scrollX) === null || _b === void 0 ? void 0 : _b.reflow();
+            (_d = (_c = _this.props).onScroll) === null || _d === void 0 ? void 0 : _d.call(_c, event);
+            if (_this.getProps().preventWindowScroll) {
+                event.preventDefault();
+                return;
+            }
+            LayoutEvents.emit();
+        };
+        _this.showScrollBarOnMouseWheel = function (axis) {
+            var isScrollBarVisible = axis === 'x' ? _this.state.isScrollBarXVisible : _this.state.isScrollBarYVisible;
+            if (!isScrollBarVisible) {
+                axis === 'x' ? _this.setState({ isScrollBarXVisible: true }) : _this.setState({ isScrollBarYVisible: true });
+            }
+            _this.hideScrollBar(axis);
+        };
+        _this.hideScrollBar = debounce(function (axis) {
+            var _a, _b;
+            if (_this.state.isHovered) {
+                return;
+            }
+            var isScrollBarXHovered = (_a = _this.scrollX) === null || _a === void 0 ? void 0 : _a.getHover();
+            var isScrollBarYHovered = (_b = _this.scrollY) === null || _b === void 0 ? void 0 : _b.getHover();
+            if (axis === 'both') {
+                !isScrollBarXHovered && !isScrollBarYHovered
+                    ? _this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: false })
+                    : _this.hideScrollBar('both');
+            }
+            else if (axis === 'x') {
+                !isScrollBarXHovered ? _this.setState({ isScrollBarXVisible: false }) : _this.hideScrollBar('x');
+            }
+            else {
+                !isScrollBarYHovered ? _this.setState({ isScrollBarYVisible: false }) : _this.hideScrollBar('y');
+            }
+        }, _this.getProps().hideScrollBarDelay);
+        _this.handleInnerScrollWheel = function (event) {
+            if (!_this.inner || !isInstanceOf(event, _this.globalObject.WheelEvent)) {
+                return;
+            }
+            var axis = event.shiftKey ? 'x' : 'y';
+            if (_this.hasScrollBar(axis)) {
+                var _a = scrollSizeParametersNames[axis], pos = _a.pos, size = _a.size, offset = _a.offset;
+                if (event.deltaY > 0 && _this.inner[size] <= _this.inner[pos] + _this.inner[offset]) {
+                    event.preventDefault();
+                    return false;
+                }
+                if (event.deltaY < 0 && _this.inner[pos] <= 0) {
+                    event.preventDefault();
+                    return false;
+                }
+            }
+        };
+        _this.handleMouseMove = function (event) {
+            var _a, _b;
+            var right = getDOMRect(event.currentTarget).right - event.pageX;
+            var bottom = getDOMRect(event.currentTarget).bottom - event.pageY;
+            (_a = _this.scrollY) === null || _a === void 0 ? void 0 : _a.setHover(right <= 12);
+            (_b = _this.scrollX) === null || _b === void 0 ? void 0 : _b.setHover(right >= 12 && bottom <= 12);
+            _this.getProps().showScrollBar === 'hover' &&
+                !_this.state.isHovered &&
+                _this.setState({ isScrollBarXVisible: true, isScrollBarYVisible: true, isHovered: true });
+        };
+        _this.handleMouseLeave = function () {
+            var _a, _b;
+            (_a = _this.scrollY) === null || _a === void 0 ? void 0 : _a.setHover(false);
+            (_b = _this.scrollX) === null || _b === void 0 ? void 0 : _b.setHover(false);
+            if (_this.getProps().showScrollBar === 'hover') {
+                _this.setState({ isHovered: false });
+                _this.hideScrollBar('both');
+            }
+        };
+        _this.updateInnerElement = function () {
+            var _a, _b;
+            (_a = _this.scrollX) === null || _a === void 0 ? void 0 : _a.setInnerElement(_this.inner);
+            (_b = _this.scrollY) === null || _b === void 0 ? void 0 : _b.setInnerElement(_this.inner);
+        };
+        return _this;
+    }
+    ScrollContainer_1 = ScrollContainer;
+    ScrollContainer.prototype.componentDidMount = function () {
+        this.updateInnerElement();
+    };
+    ScrollContainer.prototype.componentDidUpdate = function (prevProps) {
+        var preventWindowScroll = this.getProps().preventWindowScroll;
+        if (this.inner) {
+            if (prevProps.preventWindowScroll && !preventWindowScroll) {
+                this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);
+            }
+            if (!prevProps.preventWindowScroll && preventWindowScroll) {
+                this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });
+            }
+        }
+        if (prevProps.disabled !== this.props.disabled && !this.props.disabled) {
+            this.updateInnerElement();
+        }
+        if (prevProps.showScrollBar !== this.props.showScrollBar) {
+            if (this.props.showScrollBar === 'always') {
+                this.setState({ isScrollBarXVisible: true, isScrollBarYVisible: true });
+            }
+            else if (this.props.showScrollBar === 'never') {
+                this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: false });
+            }
+        }
+    };
+    ScrollContainer.prototype.render = function () {
+        this.styles = getStyles(this.emotion);
+        var props = this.props;
+        if (this.props.disabled) {
+            return this.props.children;
+        }
+        var innerStyle = {
+            scrollBehavior: this.getProps().scrollBehaviour,
+            maxHeight: props.maxHeight,
+            maxWidth: props.maxWidth,
+        };
+        var scrollbarY = this.renderScrollbar('y');
+        var scrollbarX = this.renderScrollbar('x');
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement("div", { "data-tid": ScrollContainerDataTids.root, className: this.styles.root(), onMouseMove: this.handleMouseMove, onMouseLeave: this.handleMouseLeave },
+                scrollbarY,
+                scrollbarX,
+                React.createElement("div", { style: innerStyle, ref: this.refInner, className: this.cx(this.styles.inner(), globalClasses.inner), "data-tid": ScrollContainerDataTids.inner, onScroll: this.handleNativeScroll }, props.children))));
+    };
+    /**
+     * @public
+     * @param {Element} element
+     */
+    ScrollContainer.prototype.scrollTo = function (element) {
+        if (!element || !this.inner) {
+            return;
+        }
+        this.inner.scrollLeft = element.offsetLeft;
+        this.inner.scrollTop = getScrollYOffset(element, this.inner);
+    };
+    /**
+     * @public
+     */
+    ScrollContainer.prototype.scrollToTop = function () {
+        if (!this.inner) {
+            return;
+        }
+        this.inner.scrollTop = 0;
+    };
+    /**
+     * @public
+     */
+    ScrollContainer.prototype.scrollToBottom = function () {
+        if (!this.inner) {
+            return;
+        }
+        this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;
+    };
+    /**
+     * @public
+     */
+    ScrollContainer.prototype.scrollToLeft = function () {
+        if (!this.inner) {
+            return;
+        }
+        this.inner.scrollLeft = 0;
+    };
+    /**
+     * @public
+     */
+    ScrollContainer.prototype.scrollToRight = function () {
+        if (!this.inner) {
+            return;
+        }
+        this.inner.scrollLeft = this.inner.scrollWidth - this.inner.offsetWidth;
+    };
+    ScrollContainer.prototype.hasScrollBar = function (axis) {
+        if (!this.inner) {
+            return false;
+        }
+        return axis === 'x'
+            ? this.inner.offsetWidth < this.inner.scrollWidth
+            : this.inner.offsetHeight < this.inner.scrollHeight;
+    };
+    var ScrollContainer_1;
+    ScrollContainer.__KONTUR_REACT_UI__ = 'ScrollContainer';
+    ScrollContainer.displayName = 'ScrollContainer';
+    ScrollContainer.defaultProps = {
+        invert: false,
+        scrollBehaviour: 'auto',
+        preventWindowScroll: false,
+        disableAnimations: isTestEnv,
+        hideScrollBarDelay: 500,
+        showScrollBar: 'always',
+    };
+    ScrollContainer = ScrollContainer_1 = __decorate([
+        withRenderEnvironment,
+        rootNode
+    ], ScrollContainer);
+    return ScrollContainer;
+}(React.Component));
+export { ScrollContainer };
+//# sourceMappingURL=ScrollContainer.js.map

package/components/ScrollContainer/ScrollContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollContainer.js","sourceRoot":"","sources":["../../../components/ScrollContainer/ScrollContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { getStyles, globalClasses } from './ScrollContainer.styles.js';\nimport { scrollSizeParametersNames } from './ScrollContainer.constants.js';\nimport {\n  convertScrollbarXScrollState,\n  convertScrollbarYScrollState,\n  getScrollYOffset,\n} from './ScrollContainer.helpers.js';\nimport type { ScrollAxis, ScrollBarScrollState } from './ScrollBar.js';\nimport { ScrollBar } from './ScrollBar.js';\n\nexport type ScrollContainerScrollStateX = 'left' | 'scroll' | 'right';\nexport type ScrollContainerScrollStateY = 'top' | 'scroll' | 'bottom';\nexport type ScrollBehaviour = 'auto' | 'smooth';\n\ntype OffsetCSSPropsY = 'top' | 'right' | 'bottom';\ntype OffsetCSSPropsX = 'right' | 'bottom' | 'left';\n\nexport interface ScrollContainerProps extends CommonProps {\n  /** Инвертирует цвет скроллбара.\n   * @default false */\n  invert?: boolean;\n\n  /** Задает максимальную высоту. */\n  maxHeight?: React.CSSProperties['maxHeight'];\n\n  /** Задает максимальную ширину. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n\n  /** Отключает скролл окна, когда меню открыто.\n   * @default false */\n  preventWindowScroll?: boolean;\n\n  /** Задает поведение скролла. (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\n   * @default 'auto' */\n  scrollBehaviour?: ScrollBehaviour;\n\n  /** Задает функцию, которая вызывается при скроле по горизонтали. */\n  onScrollStateChangeX?: (scrollState: ScrollContainerScrollStateX) => void;\n\n  /** Задает функцию, которая вызывается при скроле по вертикали. */\n  onScrollStateChangeY?: (scrollState: ScrollContainerScrollStateY) => void;\n\n  /** Задает функцию, которая вызывается при скроле. */\n  onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\n\n  /** Отключает кастомный скролл. */\n  disabled?: boolean;\n\n  /** Задает смещение вертикального скроллбара. */\n  offsetY?: Partial<Record<OffsetCSSPropsY, React.CSSProperties[OffsetCSSPropsY]>>;\n\n  /** Задает смещение горизонтального скроллбара. */\n  offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;\n\n  /** Определяет, нужно ли показывать скроллбар. */\n  showScrollBar?: 'always' | 'scroll' | 'hover' | 'never';\n\n  /** Устанавливает задержку в миллисекундах перед скрытием скроллбара.\n   * Работает только при hideScrollBar = true или showScrollBar = 'scroll' | 'hover'. */\n  hideScrollBarDelay?: number;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n  scrollRef?: React.Ref<HTMLDivElement | null>;\n}\n\nexport const ScrollContainerDataTids = {\n  root: 'ScrollContainer__root',\n  inner: 'ScrollContainer__inner',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    ScrollContainerProps,\n    'invert' | 'scrollBehaviour' | 'preventWindowScroll' | 'disableAnimations' | 'hideScrollBarDelay' | 'showScrollBar'\n  >\n>;\n\ninterface ScrollContainerState {\n  isScrollBarXVisible: boolean;\n  isScrollBarYVisible: boolean;\n  isHovered: boolean;\n}\n\n/**\n * `ScrollContainer` используется для создания контейнера с кастомными полосами прокрутки, который обеспечивает прокрутку содержимого по горизонтали или вертикали.\n */\n@withRenderEnvironment\n@rootNode\nexport class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {\n  public static __KONTUR_REACT_UI__ = 'ScrollContainer';\n  public static displayName = 'ScrollContainer';\n\n  public inner: Nullable<HTMLElement>;\n\n  public static defaultProps: DefaultProps = {\n    invert: false,\n    scrollBehaviour: 'auto',\n    preventWindowScroll: false,\n    disableAnimations: isTestEnv,\n    hideScrollBarDelay: 500,\n    showScrollBar: 'always',\n  };\n\n  private getProps = createPropsGetter(ScrollContainer.defaultProps);\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private scrollX: Nullable<ScrollBar>;\n  private scrollY: Nullable<ScrollBar>;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private initialIsScrollBarVisible = this.getProps().showScrollBar === 'always';\n\n  public state: ScrollContainerState = {\n    isScrollBarXVisible: this.initialIsScrollBarVisible,\n    isScrollBarYVisible: this.initialIsScrollBarVisible,\n    isHovered: false,\n  };\n\n  public componentDidMount() {\n    this.updateInnerElement();\n  }\n\n  public componentDidUpdate(prevProps: ScrollContainerProps) {\n    const preventWindowScroll = this.getProps().preventWindowScroll;\n    if (this.inner) {\n      if (prevProps.preventWindowScroll && !preventWindowScroll) {\n        this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n      }\n      if (!prevProps.preventWindowScroll && preventWindowScroll) {\n        this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n      }\n    }\n\n    if (prevProps.disabled !== this.props.disabled && !this.props.disabled) {\n      this.updateInnerElement();\n    }\n\n    if (prevProps.showScrollBar !== this.props.showScrollBar) {\n      if (this.props.showScrollBar === 'always') {\n        this.setState({ isScrollBarXVisible: true, isScrollBarYVisible: true });\n      } else if (this.props.showScrollBar === 'never') {\n        this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: false });\n      }\n    }\n  }\n\n  public render(): React.ReactNode {\n    this.styles = getStyles(this.emotion);\n\n    const props = this.props;\n\n    if (this.props.disabled) {\n      return this.props.children;\n    }\n\n    const innerStyle: React.CSSProperties = {\n      scrollBehavior: this.getProps().scrollBehaviour,\n      maxHeight: props.maxHeight,\n      maxWidth: props.maxWidth,\n    };\n\n    const scrollbarY = this.renderScrollbar('y');\n    const scrollbarX = this.renderScrollbar('x');\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={ScrollContainerDataTids.root}\n          className={this.styles.root()}\n          onMouseMove={this.handleMouseMove}\n          onMouseLeave={this.handleMouseLeave}\n        >\n          {scrollbarY}\n          {scrollbarX}\n          <div\n            style={innerStyle}\n            ref={this.refInner}\n            className={this.cx(this.styles.inner(), globalClasses.inner)}\n            data-tid={ScrollContainerDataTids.inner}\n            onScroll={this.handleNativeScroll}\n          >\n            {props.children}\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  /**\n   * @public\n   * @param {Element} element\n   */\n  public scrollTo(element: Nullable<HTMLElement>): void {\n    if (!element || !this.inner) {\n      return;\n    }\n\n    this.inner.scrollLeft = element.offsetLeft;\n    this.inner.scrollTop = getScrollYOffset(element, this.inner);\n  }\n\n  /**\n   * @public\n   */\n  public scrollToTop(): void {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToBottom(): void {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToLeft(): void {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollLeft = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToRight(): void {\n    if (!this.inner) {\n      return;\n    }\n\n    this.inner.scrollLeft = this.inner.scrollWidth - this.inner.offsetWidth;\n  }\n\n  public hasScrollBar(axis: ScrollAxis): boolean {\n    if (!this.inner) {\n      return false;\n    }\n\n    return axis === 'x'\n      ? this.inner.offsetWidth < this.inner.scrollWidth\n      : this.inner.offsetHeight < this.inner.scrollHeight;\n  }\n\n  private renderScrollbar = (axis: ScrollAxis) => {\n    const { offsetY, offsetX, invert, disableAnimations } = this.getProps();\n    const isAxisX = axis === 'x';\n    const refScrollBar = isAxisX ? this.refScrollBarX : this.refScrollBarY;\n    const offset = isAxisX ? offsetX : offsetY;\n    const isVisible = isAxisX ? this.state.isScrollBarXVisible : this.state.isScrollBarYVisible;\n\n    return (\n      <ScrollBar\n        axis={axis}\n        ref={refScrollBar}\n        invert={invert}\n        onScroll={this.handleScroll}\n        offset={offset}\n        disableAnimations={disableAnimations}\n        isVisible={isVisible}\n      />\n    );\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollBarScrollState, axis: ScrollAxis) => {\n    if (!this.scrollY || !this.scrollX) {\n      return;\n    }\n\n    if (axis === 'x') {\n      const scrollXState = convertScrollbarXScrollState(scrollState);\n\n      this.props.onScrollStateChangeX?.(scrollXState);\n      return;\n    }\n\n    const scrollYState = convertScrollbarYScrollState(scrollState);\n\n    this.props.onScrollStateChangeY?.(scrollYState);\n  };\n\n  private handleScroll = (\n    axis: ScrollAxis,\n    scrollState: ScrollBarScrollState,\n    prevScrollState: ScrollBarScrollState,\n  ) => {\n    if (scrollState !== prevScrollState) {\n      this.handleScrollStateChange(scrollState, axis);\n    }\n    const { showScrollBar } = this.getProps();\n    showScrollBar === 'scroll' && this.showScrollBarOnMouseWheel(axis);\n  };\n\n  private refScrollBarY = (scrollbar: Nullable<ScrollBar>) => {\n    this.scrollY = scrollbar;\n  };\n\n  private refScrollBarX = (scrollbar: Nullable<ScrollBar>) => {\n    this.scrollX = scrollbar;\n  };\n\n  private refInner = (element: HTMLElement | null) => {\n    if (!this.inner && element && this.getProps().preventWindowScroll) {\n      element.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n    }\n    if (this.inner && !element) {\n      this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n    }\n    this.inner = element;\n\n    if (this.props.scrollRef) {\n      callChildRef(this.props.scrollRef, element);\n    }\n  };\n\n  private handleNativeScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    this.scrollY?.reflow();\n    this.scrollX?.reflow();\n\n    this.props.onScroll?.(event);\n    if (this.getProps().preventWindowScroll) {\n      event.preventDefault();\n      return;\n    }\n    LayoutEvents.emit();\n  };\n\n  private showScrollBarOnMouseWheel = (axis: ScrollAxis) => {\n    const isScrollBarVisible = axis === 'x' ? this.state.isScrollBarXVisible : this.state.isScrollBarYVisible;\n    if (!isScrollBarVisible) {\n      axis === 'x' ? this.setState({ isScrollBarXVisible: true }) : this.setState({ isScrollBarYVisible: true });\n    }\n    this.hideScrollBar(axis);\n  };\n\n  private readonly hideScrollBar = debounce((axis: ScrollAxis | 'both') => {\n    if (this.state.isHovered) {\n      return;\n    }\n    const isScrollBarXHovered = this.scrollX?.getHover();\n    const isScrollBarYHovered = this.scrollY?.getHover();\n    if (axis === 'both') {\n      !isScrollBarXHovered && !isScrollBarYHovered\n        ? this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: false })\n        : this.hideScrollBar('both');\n    } else if (axis === 'x') {\n      !isScrollBarXHovered ? this.setState({ isScrollBarXVisible: false }) : this.hideScrollBar('x');\n    } else {\n      !isScrollBarYHovered ? this.setState({ isScrollBarYVisible: false }) : this.hideScrollBar('y');\n    }\n  }, this.getProps().hideScrollBarDelay);\n\n  private handleInnerScrollWheel = (event: Event) => {\n    if (!this.inner || !isInstanceOf(event, this.globalObject.WheelEvent)) {\n      return;\n    }\n\n    const axis: ScrollAxis = event.shiftKey ? 'x' : 'y';\n\n    if (this.hasScrollBar(axis)) {\n      const { pos, size, offset } = scrollSizeParametersNames[axis];\n\n      if (event.deltaY > 0 && this.inner[size] <= this.inner[pos] + this.inner[offset]) {\n        event.preventDefault();\n        return false;\n      }\n      if (event.deltaY < 0 && this.inner[pos] <= 0) {\n        event.preventDefault();\n        return false;\n      }\n    }\n  };\n\n  private handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    const right = getDOMRect(event.currentTarget).right - event.pageX;\n    const bottom = getDOMRect(event.currentTarget).bottom - event.pageY;\n\n    this.scrollY?.setHover(right <= 12);\n    this.scrollX?.setHover(right >= 12 && bottom <= 12);\n\n    this.getProps().showScrollBar === 'hover' &&\n      !this.state.isHovered &&\n      this.setState({ isScrollBarXVisible: true, isScrollBarYVisible: true, isHovered: true });\n  };\n\n  private handleMouseLeave = () => {\n    this.scrollY?.setHover(false);\n    this.scrollX?.setHover(false);\n    if (this.getProps().showScrollBar === 'hover') {\n      this.setState({ isHovered: false });\n      this.hideScrollBar('both');\n    }\n  };\n\n  private updateInnerElement = () => {\n    this.scrollX?.setInnerElement(this.inner);\n    this.scrollY?.setInnerElement(this.inner);\n  };\n}\n"]}

package/components/ScrollContainer/ScrollContainer.styles.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme.js';
 export declare const globalClasses: {
     scrollbarX: string;
     scrollbarY: string;
@@ -6,7 +6,7 @@ export declare const globalClasses: {
     scrollbarContainerY: string;
     inner: string;
 };
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     root(): string;
     inner(): string;
     scrollBar(t: Theme): string;

package/components/ScrollContainer/ScrollContainer.styles.js

@@ -0,0 +1,52 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
+export var globalClasses = prefix('scroll-container')({
+    scrollbarX: 'scrollbar-x',
+    scrollbarY: 'scrollbar-y',
+    scrollbarContainerX: 'scrollbar-container-x',
+    scrollbarContainerY: 'scrollbar-container-y',
+    inner: 'inner',
+});
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "], ["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
+        },
+        inner: function () {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "], ["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
+        },
+        scrollBar: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "], ["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])), t.scrollContainerScrollBarColor);
+        },
+        visibleScrollBar: function () {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "], ["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
+        },
+        scrollBarInvert: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background: #ccc;\n      background: ", ";\n    "], ["\n      background: #ccc;\n      background: ", ";\n    "])), t.scrollContainerScrollBarInvertColor);
+        },
+        scrollBarContainerY: function () {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "], ["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
+        },
+        scrollBarY: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      right: 0;\n      width: ", ";\n    "], ["\n      right: 0;\n      width: ", ";\n    "])), t.scrollContainerScrollBarSize);
+        },
+        scrollBarYHover: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      width: ", ";\n    "], ["\n      width: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
+        },
+        scrollBarContainerX: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "], ["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "])), globalClasses.scrollbarContainerY, t.scrollContainerScrollBarHoverSize, globalClasses.inner, t.scrollContainerScrollBarHoverSize);
+        },
+        scrollBarX: function (t) {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      bottom: 0;\n      height: ", ";\n    "], ["\n      bottom: 0;\n      height: ", ";\n    "])), t.scrollContainerScrollBarSize);
+        },
+        scrollBarXHover: function (t) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      height: ", ";\n    "], ["\n      height: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+//# sourceMappingURL=ScrollContainer.styles.js.map

package/components/ScrollContainer/ScrollContainer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollContainer.styles.js","sourceRoot":"","sources":["../../../components/ScrollContainer/ScrollContainer.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGxE,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACtD,UAAU,EAAE,aAAa;IACzB,UAAU,EAAE,aAAa;IACzB,mBAAmB,EAAE,uBAAuB;IAC5C,mBAAmB,EAAE,uBAAuB;IAC5C,KAAK,EAAE,OAAO;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,oJAAA,iFAIT,KAAC;QACJ,CAAC;QAED,KAAK;YACH,OAAO,GAAG,+WAAA,4SAaT,KAAC;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,gSAAA,iGAIM,EAA+B,0HAM9C,KANe,CAAC,CAAC,6BAA6B,EAM7C;QACJ,CAAC;QAED,gBAAgB;YACd,OAAO,GAAG,4LAAA,yHAMT,KAAC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,6HAAA,+CAEM,EAAqC,SACpD,KADe,CAAC,CAAC,mCAAmC,EACnD;QACJ,CAAC;QAED,mBAAmB;YACjB,OAAO,GAAG,+KAAA,4GAMT,KAAC;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,gHAAA,kCAEC,EAA8B,SACxC,KADU,CAAC,CAAC,4BAA4B,EACvC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,+FAAA,iBACC,EAAmC,SAC7C,KADU,CAAC,CAAC,iCAAiC,EAC5C;QACJ,CAAC;QAED,mBAAmB,YAAC,CAAQ;YAC1B,OAAO,GAAG,ibAAA,mHAOL,EAAiC,qCACb,EAAmC,6CAGnD,EAAmB,6HAKP,EAAmC,oCAGvD,KAZI,aAAa,CAAC,mBAAmB,EACb,CAAC,CAAC,iCAAiC,EAGnD,aAAa,CAAC,KAAK,EAKP,CAAC,CAAC,iCAAiC,EAGtD;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,oHAAA,oCAEE,EAA8B,SACzC,KADW,CAAC,CAAC,4BAA4B,EACxC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,kGAAA,kBACE,EAAmC,SAC9C,KADW,CAAC,CAAC,iCAAiC,EAC7C;QACJ,CAAC;KACF,CAAC;AAnH8D,CAmH9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n}));\n"]}

package/components/ScrollContainer/index.d.ts

@@ -1 +1 @@
-export * from './ScrollContainer';
+export * from './ScrollContainer.js';

package/components/ScrollContainer/index.js

@@ -0,0 +1,2 @@
+export * from './ScrollContainer.js';
+//# sourceMappingURL=index.js.map

package/components/ScrollContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/ScrollContainer/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './ScrollContainer.js';\n"]}

package/components/Select/ArrowDownIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const ArrowDownIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: import("../../internal/icons2022/BaseIcon").IconProps["size"] | import("../../internal/icons2022/iconConstants").IconSizeAliases;
+export declare const ArrowDownIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
 }>;

package/components/Select/ArrowDownIcon.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ArrowCDownIcon16Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular.js';
+import { ArrowCDownIcon20Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular.js';
+import { ArrowCDownIcon24Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular.js';
+import { iconSizer } from '../../internal/icons2022/iconSizer.js';
+export var ArrowDownIcon = iconSizer({
+    small: function () { return React.createElement(ArrowCDownIcon16Regular, null); },
+    medium: function () { return React.createElement(ArrowCDownIcon20Regular, null); },
+    large: function () { return React.createElement(ArrowCDownIcon24Regular, null); },
+}, 'ArrowDownIcon');
+//# sourceMappingURL=ArrowDownIcon.js.map

package/components/Select/ArrowDownIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDownIcon.js","sourceRoot":"","sources":["../../../components/Select/ArrowDownIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7G,OAAO,EAAE,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7G,OAAO,EAAE,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7G,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAElE,MAAM,CAAC,IAAM,aAAa,GAAG,SAAS,CACpC;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,uBAAuB,OAAG,EAA3B,CAA2B;IACxC,MAAM,EAAE,cAAM,OAAA,oBAAC,uBAAuB,OAAG,EAA3B,CAA2B;IACzC,KAAK,EAAE,cAAM,OAAA,oBAAC,uBAAuB,OAAG,EAA3B,CAA2B;CACzC,EACD,eAAe,CAChB,CAAC","sourcesContent":["import React from 'react';\n\nimport { ArrowCDownIcon16Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular.js';\nimport { ArrowCDownIcon20Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular.js';\nimport { ArrowCDownIcon24Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular.js';\nimport { iconSizer } from '../../internal/icons2022/iconSizer.js';\n\nexport const ArrowDownIcon = iconSizer(\n  {\n    small: () => <ArrowCDownIcon16Regular />,\n    medium: () => <ArrowCDownIcon20Regular />,\n    large: () => <ArrowCDownIcon24Regular />,\n  },\n  'ArrowDownIcon',\n);\n"]}

package/components/Select/Item.js

@@ -0,0 +1,31 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import React from 'react';
+import { MenuItem } from '../MenuItem/index.js';
+var Item = /** @class */ (function (_super) {
+    __extends(Item, _super);
+    function Item() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Item.prototype.render = function () {
+        return React.createElement(MenuItem, { isNotSelectable: this.props.isNotSelectable }, this.props.children);
+    };
+    Item.__KONTUR_REACT_UI__ = 'SelectItem';
+    Item.displayName = 'SelectItem';
+    return Item;
+}(React.Component));
+export { Item };
+//# sourceMappingURL=Item.js.map

package/components/Select/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../components/Select/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAShD;IAA0B,wBAA0B;IAApD;;IAOA,CAAC;IAHQ,qBAAM,GAAb;QACE,OAAO,oBAAC,QAAQ,IAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAY,CAAC;IACjG,CAAC;IALa,wBAAmB,GAAG,YAAY,CAAC;IACnC,gBAAW,GAAG,YAAY,CAAC;IAK3C,WAAC;CAAA,AAPD,CAA0B,KAAK,CAAC,SAAS,GAOxC;SAPY,IAAI","sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../MenuItem/index.js';\n\ninterface ItemProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Запрещает выделение и выбор данного пункта. */\n  isNotSelectable?: boolean;\n}\nexport class Item extends React.Component<ItemProps> {\n  public static __KONTUR_REACT_UI__ = 'SelectItem';\n  public static displayName = 'SelectItem';\n\n  public render(): React.JSX.Element {\n    return <MenuItem isNotSelectable={this.props.isNotSelectable}>{this.props.children}</MenuItem>;\n  }\n}\n"]}

package/components/Select/Select.d.ts

@@ -1,14 +1,14 @@
 import type { AriaAttributes, HTMLAttributes, ReactNode, ReactPortal } from 'react';
 import React from 'react';
-import type { ButtonUse } from '../Button';
-import type { Nullable } from '../../typings/utility-types';
-import type { Theme, ThemeIn } from '../../lib/theming/Theme';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { TGetRootNode } from '../../lib/rootNode';
-import type { SizeProp } from '../../lib/types/props';
-import { type PopupPositionsType } from '../../internal/Popup';
-import { Item } from './Item';
-export * from './tids';
+import type { ButtonUse } from '../Button/index.js';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { Theme, ThemeIn } from '../../lib/theming/Theme.js';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import type { SizeProp } from '../../lib/types/props.js';
+import { type PopupPositionsType } from '../../internal/Popup/index.js';
+import { Item } from './Item.js';
+export * from './tids.js';
 export interface ButtonParams extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {
     /** Блокирует компонент. */
     disabled?: boolean;