@skbkontur/react-ui 1.12.1 → 2.0.0-beta.4

package/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,46 +1,68 @@
-import * as React from 'react';
-import { PopupMenuProps } from '../internal/PopupMenu';
-import { PopupPosition } from '../Popup';
-export interface DropdownMenuProps {
-    /** Максимальная высота меню */
-    menuMaxHeight?: React.CSSProperties['maxWidth'];
-    /** Ширина меню */
-    menuWidth?: React.CSSProperties['width'];
-    /**
-     * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо ```caption```,
-     * в таком случае управлять открытием и закрытием меню
-     * придется в этой функции
-     */
-    caption: PopupMenuProps['caption'];
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    /**
-     * Массив разрешенных положений меню относительно caption'а.
-     * @default ['bottom left', 'bottom right', 'top left', 'top right']
-     */
-    positions?: PopupPosition[];
-    onOpen?: () => void;
-    onClose?: () => void;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations: boolean;
-}
-/**
- * Меню, раскрывающееся по клику на переданный в ```caption``` элемент
- */
-export default class DropdownMenu extends React.Component<DropdownMenuProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        disableAnimations: boolean;
-        positions: string[];
-    };
-    private popupMenu;
-    constructor(props: DropdownMenuProps);
-    render(): JSX.Element | null;
-    open: () => void;
-    close: () => void;
-    private refPopupMenu;
-    private handleChangeMenuState;
-}
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { PopupMenuProps } from '../../internal/PopupMenu/index.js';
+import type { PopupPositionsType } from '../../internal/Popup/index.js';
+import type { CommonProps } from '../../internal/CommonWrapper/types.js';
+import type { TGetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';
+export interface DropdownMenuProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
+    /** Максимальная высота меню */
+    menuMaxHeight?: React.CSSProperties['maxWidth'];
+    /** Ширина меню */
+    menuWidth?: React.CSSProperties['width'];
+    /** Ширина caption */
+    width?: React.CSSProperties['width'];
+    /**
+     * Элемент или функция возвращающая элемент,
+     * если передана, используется вместо `caption`,
+     * в таком случае управлять открытием и закрытием меню
+     * придется в этой функции
+     */
+    caption: PopupMenuProps['caption'];
+    /**
+     * Произвольный элемент, который будет отрендерен в шапке меню.
+     *
+     * _Примечание_: контрол MenuHeader передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
+     */
+    header?: React.ReactNode;
+    /**
+     * Произвольный элемент, который будет отрендерен в подвале меню.
+     *
+     * Перед элементом переданным в `footer` будет отрендерен MenuSeparator.
+     */
+    footer?: React.ReactNode;
+    /**
+     *  Список позиций доступных для расположения выпадашки относительно `caption`.
+     *
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     *
+     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
+     * @default ['bottom left', 'bottom right', 'top left', 'top right']
+     */
+    positions?: PopupPositionsType[];
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations?: boolean;
+    /** @ignore */
+    corners?: React.CSSProperties;
+}
+type DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;
+/**
+ * Выпадающее меню `DropdownMenu` раскрывается по клику на переданный в `caption` элемент.
+ */
+export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private popupMenu;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    constructor(props: DropdownMenuProps);
+    render(): React.JSX.Element;
+    renderMain(): React.JSX.Element | null;
+    open: () => void;
+    close: () => void;
+    private refPopupMenu;
+}
+export {};

package/components/DropdownMenu/DropdownMenu.js

@@ -1,54 +1,97 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var PopupMenu_1 = tslib_1.__importDefault(require("../internal/PopupMenu"));
-var currentEnvironment_1 = require("../internal/currentEnvironment");
-/**
- * Меню, раскрывающееся по клику на переданный в ```caption``` элемент
- */
-var DropdownMenu = /** @class */function (_super) {
-  tslib_1.__extends(DropdownMenu, _super);
-  function DropdownMenu(props) {
-    var _this = _super.call(this, props) || this;
-    _this.popupMenu = null;
-    _this.open = function () {
-      if (_this.popupMenu) {
-        _this.popupMenu.open();
-      }
+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);
     };
-    _this.close = function () {
-      if (_this.popupMenu) {
-        _this.popupMenu.close();
-      }
+    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 __());
     };
-    _this.refPopupMenu = function (ref) {return _this.popupMenu = ref;};
-    _this.handleChangeMenuState = function (menuVisible) {
-      if (menuVisible && _this.props.onOpen) {
-        _this.props.onOpen();
-        return;
-      }
-      if (!menuVisible && _this.props.onClose) {
-        _this.props.onClose();
-        return;
-      }
+})();
+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;
     };
-    if (!props.caption && !currentEnvironment_1.isProductionEnv) {
-      throw new Error('Prop "caption" is required!!!');
-    }
-    return _this;
-  }
-  DropdownMenu.prototype.render = function () {
-    if (!this.props.caption) {
-      return null;
+    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 warning from 'warning';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { PopupMenu } from '../../internal/PopupMenu/index.js';
+import { isTestEnv } from '../../lib/currentEnvironment.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { getDropdownMenuTheme } from './getDropdownMenuTheme.js';
+/**
+ * Выпадающее меню `DropdownMenu` раскрывается по клику на переданный в `caption` элемент.
+ */
+var DropdownMenu = /** @class */ (function (_super) {
+    __extends(DropdownMenu, _super);
+    function DropdownMenu(props) {
+        var _this = _super.call(this, props) || this;
+        _this.getProps = createPropsGetter(DropdownMenu_1.defaultProps);
+        _this.popupMenu = null;
+        _this.open = function () {
+            if (_this.popupMenu) {
+                _this.popupMenu.open();
+            }
+        };
+        _this.close = function () {
+            if (_this.popupMenu) {
+                _this.popupMenu.close();
+            }
+        };
+        _this.refPopupMenu = function (ref) {
+            _this.popupMenu = ref;
+        };
+        if (!props.caption) {
+            warning(false, 'Prop "caption" is required!!!');
+        }
+        return _this;
     }
-    return React.createElement(PopupMenu_1["default"], { ref: this.refPopupMenu, caption: this.props.caption, menuMaxHeight: this.props.menuMaxHeight, menuWidth: this.props.menuWidth, onChangeMenuState: this.handleChangeMenuState, popupHasPin: false, popupMargin: 0, positions: this.props.positions, disableAnimations: this.props.disableAnimations, header: this.props.header, footer: this.props.footer }, this.props.children);
-  };
-  DropdownMenu.__KONTUR_REACT_UI__ = 'DropdownMenu';
-  DropdownMenu.defaultProps = {
-    disableAnimations: Boolean(currentEnvironment_1.isTestEnv),
-    positions: ['bottom left', 'bottom right', 'top left', 'top right'] };
-
-  return DropdownMenu;
-}(React.Component);
-exports["default"] = DropdownMenu;
+    DropdownMenu_1 = DropdownMenu;
+    DropdownMenu.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            return React.createElement(ThemeContext.Provider, { value: getDropdownMenuTheme(theme) }, _this.renderMain());
+        }));
+    };
+    DropdownMenu.prototype.renderMain = function () {
+        if (!this.props.caption) {
+            return null;
+        }
+        var _a = this.getProps(), positions = _a.positions, disableAnimations = _a.disableAnimations;
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement(PopupMenu, { id: this.props.id, "aria-label": this.props['aria-label'], ref: this.refPopupMenu, caption: this.props.caption, menuMaxHeight: this.props.menuMaxHeight, menuWidth: this.props.menuWidth, preventIconsOffset: this.props.preventIconsOffset, popupHasPin: false, positions: positions, disableAnimations: disableAnimations, header: this.props.header, footer: this.props.footer, width: this.props.width, corners: this.props.corners, onClose: this.props.onClose, onOpen: this.props.onOpen, popupMenuId: this.props.popupMenuId }, this.props.children)));
+    };
+    var DropdownMenu_1;
+    DropdownMenu.__KONTUR_REACT_UI__ = 'DropdownMenu';
+    DropdownMenu.displayName = 'DropdownMenu';
+    DropdownMenu.defaultProps = {
+        disableAnimations: isTestEnv,
+        positions: ['bottom left', 'bottom right', 'top left', 'top right'],
+    };
+    DropdownMenu = DropdownMenu_1 = __decorate([
+        rootNode
+    ], DropdownMenu);
+    return DropdownMenu;
+}(React.Component));
+export { DropdownMenu };
+//# sourceMappingURL=DropdownMenu.js.map

package/components/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["DropdownMenu.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAE/B,4EAAkE;AAClE,qEAA4E;AAiC5E;;GAEG;AACH;IAA0C,wCAAkC;IAU1E,sBAAY,KAAwB;QAApC,YACE,kBAAM,KAAK,CAAC,SAKb;QARO,eAAS,GAAwB,IAAI,CAAC;QAiCvC,UAAI,GAAG;YACZ,IAAI,KAAI,CAAC,SAAS,EAAE;gBAClB,KAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;aACvB;QACH,CAAC,CAAC;QAEK,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,SAAS,EAAE;gBAClB,KAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;aACxB;QACH,CAAC,CAAC;QAEM,kBAAY,GAAG,UAAC,GAAwB,IAAK,OAAA,CAAC,KAAI,CAAC,SAAS,GAAG,GAAG,CAAC,EAAtB,CAAsB,CAAC;QAEpE,2BAAqB,GAAG,UAAC,WAAoB;YACnD,IAAI,WAAW,IAAI,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACpC,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACpB,OAAO;aACR;YAED,IAAI,CAAC,WAAW,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACtC,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACrB,OAAO;aACR;QACH,CAAC,CAAC;QApDA,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,oCAAe,EAAE;YACtC,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;SAClD;;IACH,CAAC;IAEM,6BAAM,GAAb;QACE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACvB,OAAO,IAAI,CAAC;SACb;QACD,OAAO,CACL,oBAAC,mBAAS,IACR,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACvC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,EAC7C,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,CAAC,EACd,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAC/C,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAExB,IAAI,CAAC,KAAK,CAAC,QAAQ,CACV,CACb,CAAC;IACJ,CAAC;IAtCa,gCAAmB,GAAG,cAAc,CAAC;IAErC,yBAAY,GAAG;QAC3B,iBAAiB,EAAE,OAAO,CAAC,8BAAS,CAAC;QACrC,SAAS,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,CAAC;KACpE,CAAC;IA4DJ,mBAAC;CAAA,AAlED,CAA0C,KAAK,CAAC,SAAS,GAkExD;kBAlEoB,YAAY"}
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAG5D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAuDjE;;GAEG;AAEH;IAAkC,gCAAkC;IAelE,sBAAY,KAAwB;QAClC,YAAA,MAAK,YAAC,KAAK,CAAC,SAAC;QAPP,cAAQ,GAAG,iBAAiB,CAAC,cAAY,CAAC,YAAY,CAAC,CAAC;QAExD,eAAS,GAAwB,IAAI,CAAC;QAsDvC,UAAI,GAAG;YACZ,IAAI,KAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,KAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;YACxB,CAAC;QACH,CAAC,CAAC;QAEK,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,KAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QAEM,kBAAY,GAAG,UAAC,GAAwB;YAC9C,KAAI,CAAC,SAAS,GAAG,GAAG,CAAC;QACvB,CAAC,CAAC;QA7DA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACnB,OAAO,CAAC,KAAK,EAAE,+BAA+B,CAAC,CAAC;QAClD,CAAC;;IACH,CAAC;qBArBU,YAAY;IAuBhB,6BAAM,GAAb;QAAA,iBAQC;QAPC,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,OAAO,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAG,KAAI,CAAC,UAAU,EAAE,CAAyB,CAAC;QAChH,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEM,iCAAU,GAAjB;QACE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC;QACd,CAAC;QACK,IAAA,KAAmC,IAAI,CAAC,QAAQ,EAAE,EAAhD,SAAS,eAAA,EAAE,iBAAiB,uBAAoB,CAAC;QACzD,OAAO,CACL,oBAAC,aAAa,aAAC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAM,IAAI,CAAC,KAAK;YAC1D,oBAAC,SAAS,IACR,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,gBACL,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EACpC,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACvC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,EACjD,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAElC,IAAI,CAAC,KAAK,CAAC,QAAQ,CACV,CACE,CACjB,CAAC;IACJ,CAAC;;IA9Da,gCAAmB,GAAG,cAAc,AAAjB,CAAkB;IACrC,wBAAW,GAAG,cAAc,AAAjB,CAAkB;IAE7B,yBAAY,GAAiB;QACzC,iBAAiB,EAAE,SAAS;QAC5B,SAAS,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,CAAC;KACpE,AAHyB,CAGxB;IAPS,YAAY;QADxB,QAAQ;OACI,YAAY,CAgFxB;IAAD,mBAAC;CAAA,AAhFD,CAAkC,KAAK,CAAC,SAAS,GAgFhD;SAhFY,YAAY","sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { PopupMenuProps } from '../../internal/PopupMenu/index.js';\nimport { PopupMenu } from '../../internal/PopupMenu/index.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport type { PopupPositionsType } from '../../internal/Popup/index.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/types.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\n\nimport { getDropdownMenuTheme } from './getDropdownMenuTheme.js';\n\nexport interface DropdownMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  /** Максимальная высота меню */\n  menuMaxHeight?: React.CSSProperties['maxWidth'];\n  /** Ширина меню */\n  menuWidth?: React.CSSProperties['width'];\n  /** Ширина caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо `caption`,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: PopupMenuProps['caption'];\n\n  /**\n   * Произвольный элемент, который будет отрендерен в шапке меню.\n   *\n   * _Примечание_: контрол MenuHeader передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Произвольный элемент, который будет отрендерен в подвале меню.\n   *\n   * Перед элементом переданным в `footer` будет отрендерен MenuSeparator.\n   */\n  footer?: React.ReactNode;\n  /**\n   *  Список позиций доступных для расположения выпадашки относительно `caption`.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions?: PopupPositionsType[];\n\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations?: boolean;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n}\n\ntype DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;\n\n/**\n * Выпадающее меню `DropdownMenu` раскрывается по клику на переданный в `caption` элемент.\n */\n@rootNode\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'DropdownMenu';\n  public static displayName = 'DropdownMenu';\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n  };\n\n  private getProps = createPropsGetter(DropdownMenu.defaultProps);\n\n  private popupMenu: Nullable<PopupMenu> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    if (!props.caption) {\n      warning(false, 'Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render(): React.JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return <ThemeContext.Provider value={getDropdownMenuTheme(theme)}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain(): React.JSX.Element | null {\n    if (!this.props.caption) {\n      return null;\n    }\n    const { positions, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          id={this.props.id}\n          aria-label={this.props['aria-label']}\n          ref={this.refPopupMenu}\n          caption={this.props.caption}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          preventIconsOffset={this.props.preventIconsOffset}\n          popupHasPin={false}\n          positions={positions}\n          disableAnimations={disableAnimations}\n          header={this.props.header}\n          footer={this.props.footer}\n          width={this.props.width}\n          corners={this.props.corners}\n          onClose={this.props.onClose}\n          onOpen={this.props.onOpen}\n          popupMenuId={this.props.popupMenuId}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.open();\n    }\n  };\n\n  public close = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.close();\n    }\n  };\n\n  private refPopupMenu = (ref: Nullable<PopupMenu>) => {\n    this.popupMenu = ref;\n  };\n}\n"]}

package/components/DropdownMenu/getDropdownMenuTheme.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getDropdownMenuTheme: (theme: Theme) => Theme;

package/components/DropdownMenu/getDropdownMenuTheme.js

@@ -0,0 +1,11 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getDropdownMenuTheme = function (theme) {
+    return ThemeFactory.create({
+        popupMargin: theme.dropdownMenuMenuOffsetY,
+        menuBoxSizing: theme.dropdownMenuMenuBoxSizing,
+        menuPaddingY: theme.menuScrollContainerContentWrapperPaddingY,
+        menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,
+        scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY,
+    }, theme);
+};
+//# sourceMappingURL=getDropdownMenuTheme.js.map

package/components/DropdownMenu/getDropdownMenuTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDropdownMenuTheme.js","sourceRoot":"","sources":["../../../components/DropdownMenu/getDropdownMenuTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAY;IAC/C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,WAAW,EAAE,KAAK,CAAC,uBAAuB;QAC1C,aAAa,EAAE,KAAK,CAAC,yBAAyB;QAC9C,YAAY,EAAE,KAAK,CAAC,yCAAyC;QAC7D,yCAAyC,EAAE,KAAK,CAAC,YAAY;QAC7D,+BAA+B,EAAE,KAAK,CAAC,2CAA2C;KACnF,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getDropdownMenuTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      popupMargin: theme.dropdownMenuMenuOffsetY,\n      menuBoxSizing: theme.dropdownMenuMenuBoxSizing,\n      menuPaddingY: theme.menuScrollContainerContentWrapperPaddingY,\n      menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,\n      scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY,\n    },\n    theme,\n  );\n};\n"]}

package/components/DropdownMenu/index.d.ts

@@ -1 +1 @@
-export { default, DropdownMenuProps } from './DropdownMenu';
+export * from './DropdownMenu.js';

package/components/DropdownMenu/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var DropdownMenu_1 = require("./DropdownMenu");
-exports["default"] = DropdownMenu_1["default"];
+export * from './DropdownMenu.js';
+//# sourceMappingURL=index.js.map

package/components/DropdownMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;AAAA,+CAA4D;AAAnD,iCAAA,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/DropdownMenu/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './DropdownMenu.js';\n"]}

package/components/FileUploader/FileUploader.d.ts

@@ -0,0 +1,106 @@
+import React from 'react';
+import type { InstanceWithRootNode } from '../../lib/rootNode/index.js';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { SizeProp } from '../../lib/types/props.js';
+import type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup/index.js';
+import type { FileUploaderControlProviderProps } from './FileUploaderControlProvider.js';
+import { FileUploaderFileStatus } from './fileUtils.js';
+import type { FileUploaderAttachedFile, FileUploaderUploadButtonPosition, FileUploaderValidationSummary, FileUploaderView } from './fileUtils.js';
+import type { FileUploaderFileProps } from './FileUploaderFile.js';
+type FileUploaderOverriddenProps = 'size';
+interface _FileUploaderProps extends CommonProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {
+    /** Переводит контрол в состояние валидации "ошибка". */
+    /** Состояние ошибки всего контрола */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение" */
+    warning?: boolean;
+    /** Задает приоритетное расположение подсказки относительно контрола
+     * @default 'top left' */
+    validationTooltipPosition?: ShortPopupPositionsType | PopupPositionsType;
+    /** Использовать тултип для отображения валидации
+     * @default false */
+    withValidationTooltip?: boolean;
+    /** Использовать иконку для ворнинга (восклицательный знак)
+     * @default false */
+    withWarningIcon?: boolean;
+    /** Задает длину компонента. */
+    width?: React.CSSProperties['width'];
+    /** Задаёт размер контрола.
+     * @default small */
+    size?: SizeProp;
+    /** Скрывает отображение файлов.
+     * @default false */
+    hideFiles?: boolean;
+    /** Пользовательский текст для загрузки файла
+     * @default 'Загрузить файл'
+     */
+    uploaderText?: string;
+    /** Пользовательская иконка для загрузки файла
+     * @default UploadIcon
+     */
+    uploaderIcon?: React.ReactNode;
+    /** Вид компонента
+     *  - `row` — строчный вид
+     *  - `tile` — плиточный вид
+     *  @default row
+     */
+    view?: FileUploaderView;
+    /** Отображать ли саммари с детализацией ошибок. Работает с версией темы >= 5_5.
+     *  - `auto` — саммари отображается, если количество загруженных файлов >= validationSummaryStart
+     *  - `enabled` — всегда включено
+     *  - `disabled` — всегда отключено
+     *  @default auto
+     */
+    validationSummary?: FileUploaderValidationSummary;
+    /** Количество файлов, от которого показываем саммари (при validationSummary = `auto`)
+     * @default 5 */
+    validationSummaryStart?: number;
+    /** Позиционирование области загрузки файла
+     * @default start */
+    uploadButtonPosition?: FileUploaderUploadButtonPosition;
+    /** Задает функцию, через которую отправляются файлы. Используется для отслеживания статуса загрузки файла.
+     * @param {FileUploaderAttachedFile} file - файл, статус загрузки которого необходимо отследить. */
+    request?: (file: FileUploaderAttachedFile) => Promise<void>;
+    /** Задает функцию, которая вызывается при удачной попытке отправки через request. */
+    onRequestSuccess?: (fileId: string) => void;
+    /** Задает функцию, которая вызывается при неудачной попытке отправки через request. */
+    onRequestError?: (fileId: string) => void;
+    /** Определяет функцию валидации каждого файла. Срабатывает после выбора файлов и перед попыткой отправить в request.
+     * Чтобы вывести валидацию ошибки, промис должен вернуть строку или объект с ошибкой.
+     *  @returns {Promise<Nullable<string | { message: string; status: FileUploaderFileStatus }>>} */
+    validateBeforeUpload?: (file: FileUploaderAttachedFile) => Promise<Nullable<string | {
+        message: string;
+        status: FileUploaderFileStatus;
+    }>>;
+    /**
+     * Задает функцию, которая позволяет кастомизировать файлы. Через нее можно вешать кастомные валидации на каждый файл.
+     * @default (props: FileUploaderFileProps) => <FileUploaderFile {...props} />
+     * @param {FileUploaderFileProps} props - пропсы компонента `FileUploaderFile`, смотри примеры использования в документации.
+     * @returns {ReactNode} элемент, который отрисовывает контент файла.
+     */
+    renderFile?: (props: FileUploaderFileProps) => React.ReactNode;
+}
+export interface FileUploaderRef extends InstanceWithRootNode {
+    focus: () => void;
+    blur: () => void;
+    /** Сбрасывает выбранные файлы */
+    reset: () => void;
+    removeFile: (fileId: string) => void;
+}
+export type FileUploader = FileUploaderRef;
+export declare const FileUploaderDataTids: {
+    readonly root: "FileUploader__root";
+    readonly content: "FileUploader__content";
+    readonly link: "FileUploader__link";
+    readonly input: "FileUploader__input";
+};
+export interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {
+}
+/**
+ * `FileUploader` — контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.
+ *
+ * Можно использовать для синхронной отправки данных, например, в форме. Или же можно использовать в асинхронном режиме.
+ */
+export declare const FileUploader: React.ForwardRefExoticComponent<FileUploaderProps & FileUploaderControlProviderProps & React.RefAttributes<FileUploaderRef>>;
+export {};