@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/components/Dropdown/__tests__/Dropdown-test.js

@@ -0,0 +1,138 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React from 'react';
+import { act, render, screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { Dropdown, DropdownDataTids } from '../Dropdown.js';
+import { MenuItem, MenuItemDataTids } from '../../MenuItem/index.js';
+describe('Dropdown', function () {
+    var captionText = 'Open';
+    var captionDatatid = 'test-caption';
+    var caption = React.createElement("span", { "data-tid": captionDatatid }, captionText);
+    var menuItemText = 'Menu item';
+    var menuItem = React.createElement(MenuItem, null, menuItemText);
+    it('renders Dropdown', function () {
+        render(React.createElement(Dropdown, { caption: "button" },
+            React.createElement(MenuItem, null, "Menu item")));
+        expect(screen.getByTestId(DropdownDataTids.root)).toBeInTheDocument();
+    });
+    it('has id attribute', function () {
+        var dropdownId = 'dropdownId';
+        var result = render(React.createElement(Dropdown, { id: dropdownId, caption: "button" },
+            React.createElement(MenuItem, null, "Menu item")));
+        expect(result.container.querySelector("button#".concat(dropdownId))).not.toBeNull();
+    });
+    it('Renders caption', function () {
+        render(React.createElement(Dropdown, { caption: caption }, menuItem));
+        expect(screen.getByTestId(DropdownDataTids.root)).toBeInTheDocument();
+    });
+    it('Renders items', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    render(React.createElement(Dropdown, { caption: caption }, menuItem));
+                    return [4 /*yield*/, userEvent.click(screen.getByTestId(captionDatatid))];
+                case 1:
+                    _a.sent();
+                    expect(screen.getByText(menuItemText)).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('opens and closes', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    render(React.createElement(Dropdown, { caption: caption }, menuItem));
+                    //is menu open check
+                    expect(screen.queryByTestId(MenuItemDataTids.root)).not.toBeInTheDocument();
+                    return [4 /*yield*/, userEvent.click(screen.getByTestId(captionDatatid))];
+                case 1:
+                    _a.sent();
+                    expect(screen.getByTestId(MenuItemDataTids.root)).toBeInTheDocument();
+                    return [4 /*yield*/, userEvent.click(screen.getByTestId(captionDatatid))];
+                case 2:
+                    _a.sent();
+                    expect(screen.queryByTestId(MenuItemDataTids.root)).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    describe('a11y', function () {
+        it('props aria-describedby applied correctly', function () {
+            render(React.createElement("div", null,
+                React.createElement(Dropdown, { caption: "button", "aria-describedby": "elementId" }),
+                React.createElement("p", { id: "elementId" }, "Description")));
+            var dropdown = screen.getByRole('button');
+            expect(dropdown).toHaveAttribute('aria-describedby', 'elementId');
+            expect(dropdown).toHaveAccessibleDescription('Description');
+        });
+        it('sets value for aria-label attribute', function () {
+            var ariaLabel = 'aria-label';
+            render(React.createElement(Dropdown, { caption: "button", "aria-label": ariaLabel }));
+            expect(screen.getByRole('button')).toHaveAttribute('aria-label', ariaLabel);
+        });
+    });
+    it('method open works', function () {
+        var dropdownRef = React.createRef();
+        render(React.createElement(Dropdown, { caption: caption, ref: dropdownRef }, menuItem));
+        //is menu open check
+        expect(screen.queryByTestId(MenuItemDataTids.root)).not.toBeInTheDocument();
+        act(function () {
+            var _a;
+            (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.open();
+        });
+        expect(screen.getByTestId(MenuItemDataTids.root)).toBeInTheDocument();
+    });
+    it('method close works', function () {
+        var dropdownRef = React.createRef();
+        render(React.createElement(Dropdown, { caption: caption, ref: dropdownRef }, menuItem));
+        //is menu open check
+        expect(screen.queryByTestId(MenuItemDataTids.root)).not.toBeInTheDocument();
+        act(function () {
+            var _a;
+            (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.open();
+        });
+        expect(screen.getByTestId(MenuItemDataTids.root)).toBeInTheDocument();
+        act(function () {
+            var _a;
+            (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        });
+        expect(screen.queryByTestId(MenuItemDataTids.root)).not.toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Dropdown-test.js.map

package/components/Dropdown/__tests__/Dropdown-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-test.js","sourceRoot":"","sources":["../../../../components/Dropdown/__tests__/Dropdown-test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { act, render, screen } from '@testing-library/react';\nimport { userEvent } from '@testing-library/user-event';\n\nimport { Dropdown, DropdownDataTids } from '../Dropdown.js';\nimport { MenuItem, MenuItemDataTids } from '../../MenuItem/index.js';\n\ndescribe('Dropdown', () => {\n  const captionText = 'Open';\n  const captionDatatid = 'test-caption';\n  const caption = <span data-tid={captionDatatid}>{captionText}</span>;\n\n  const menuItemText = 'Menu item';\n  const menuItem = <MenuItem>{menuItemText}</MenuItem>;\n\n  it('renders Dropdown', () => {\n    render(\n      <Dropdown caption=\"button\">\n        <MenuItem>Menu item</MenuItem>\n      </Dropdown>,\n    );\n    expect(screen.getByTestId(DropdownDataTids.root)).toBeInTheDocument();\n  });\n\n  it('has id attribute', () => {\n    const dropdownId = 'dropdownId';\n    const result = render(\n      <Dropdown id={dropdownId} caption=\"button\">\n        <MenuItem>Menu item</MenuItem>\n      </Dropdown>,\n    );\n    expect(result.container.querySelector(`button#${dropdownId}`)).not.toBeNull();\n  });\n\n  it('Renders caption', () => {\n    render(<Dropdown caption={caption}>{menuItem}</Dropdown>);\n\n    expect(screen.getByTestId(DropdownDataTids.root)).toBeInTheDocument();\n  });\n\n  it('Renders items', async () => {\n    render(<Dropdown caption={caption}>{menuItem}</Dropdown>);\n\n    await userEvent.click(screen.getByTestId(captionDatatid));\n\n    expect(screen.getByText(menuItemText)).toBeInTheDocument();\n  });\n\n  it('opens and closes', async () => {\n    render(<Dropdown caption={caption}>{menuItem}</Dropdown>);\n    //is menu open check\n    expect(screen.queryByTestId(MenuItemDataTids.root)).not.toBeInTheDocument();\n\n    await userEvent.click(screen.getByTestId(captionDatatid));\n\n    expect(screen.getByTestId(MenuItemDataTids.root)).toBeInTheDocument();\n\n    await userEvent.click(screen.getByTestId(captionDatatid));\n    expect(screen.queryByTestId(MenuItemDataTids.root)).not.toBeInTheDocument();\n  });\n\n  describe('a11y', () => {\n    it('props aria-describedby applied correctly', () => {\n      render(\n        <div>\n          <Dropdown caption=\"button\" aria-describedby=\"elementId\" />\n          <p id=\"elementId\">Description</p>\n        </div>,\n      );\n      const dropdown = screen.getByRole('button');\n      expect(dropdown).toHaveAttribute('aria-describedby', 'elementId');\n      expect(dropdown).toHaveAccessibleDescription('Description');\n    });\n\n    it('sets value for aria-label attribute', () => {\n      const ariaLabel = 'aria-label';\n      render(<Dropdown caption=\"button\" aria-label={ariaLabel} />);\n\n      expect(screen.getByRole('button')).toHaveAttribute('aria-label', ariaLabel);\n    });\n  });\n\n  it('method open works', () => {\n    const dropdownRef = React.createRef<Dropdown>();\n\n    render(\n      <Dropdown caption={caption} ref={dropdownRef}>\n        {menuItem}\n      </Dropdown>,\n    );\n    //is menu open check\n    expect(screen.queryByTestId(MenuItemDataTids.root)).not.toBeInTheDocument();\n\n    act(() => {\n      dropdownRef.current?.open();\n    });\n    expect(screen.getByTestId(MenuItemDataTids.root)).toBeInTheDocument();\n  });\n\n  it('method close works', () => {\n    const dropdownRef = React.createRef<Dropdown>();\n\n    render(\n      <Dropdown caption={caption} ref={dropdownRef}>\n        {menuItem}\n      </Dropdown>,\n    );\n    //is menu open check\n    expect(screen.queryByTestId(MenuItemDataTids.root)).not.toBeInTheDocument();\n    act(() => {\n      dropdownRef.current?.open();\n    });\n    expect(screen.getByTestId(MenuItemDataTids.root)).toBeInTheDocument();\n    act(() => {\n      dropdownRef.current?.close();\n    });\n    expect(screen.queryByTestId(MenuItemDataTids.root)).not.toBeInTheDocument();\n  });\n});\n"]}

package/components/Dropdown/getDropdownTheme.d.ts

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

package/components/Dropdown/getDropdownTheme.js

@@ -0,0 +1,33 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getDropdownTheme = function (theme) {
+    return ThemeFactory.create({
+        selectDefaultBg: theme.dropdownDefaultBg,
+        selectMenuOffsetY: theme.dropdownMenuOffsetY,
+        selectBorderColorHover: theme.dropdownMenuHoverBorderColor,
+        selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,
+        selectBorderWidth: theme.dropdownBorderWidth,
+        selectOutlineWidth: theme.dropdownOutlineWidth,
+        selectLineHeightSmall: theme.dropdownLineHeightSmall,
+        selectFontSizeSmall: theme.dropdownFontSizeSmall,
+        selectPaddingXSmall: theme.dropdownPaddingXSmall,
+        selectPaddingYSmall: theme.dropdownPaddingYSmall,
+        selectIconSizeSmall: theme.dropdownIconSizeSmall,
+        selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,
+        selectLineHeightMedium: theme.dropdownLineHeightMedium,
+        selectFontSizeMedium: theme.dropdownFontSizeMedium,
+        selectPaddingXMedium: theme.dropdownPaddingXMedium,
+        selectPaddingYMedium: theme.dropdownPaddingYMedium,
+        selectIconSizeMedium: theme.dropdownIconSizeMedium,
+        selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,
+        selectLineHeightLarge: theme.dropdownLineHeightLarge,
+        selectFontSizeLarge: theme.dropdownFontSizeLarge,
+        selectPaddingXLarge: theme.dropdownPaddingXLarge,
+        selectPaddingYLarge: theme.dropdownPaddingYLarge,
+        selectIconSizeLarge: theme.dropdownIconSizeLarge,
+        selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,
+        selectBgDisabled: theme.dropdownBgDisabled,
+        selectBorderColorDisabled: theme.dropdownBorderColorDisabled,
+        selectTextColorDisabled: theme.dropdownTextColorDisabled,
+    }, theme);
+};
+//# sourceMappingURL=getDropdownTheme.js.map

package/components/Dropdown/getDropdownTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDropdownTheme.js","sourceRoot":"","sources":["../../../components/Dropdown/getDropdownTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,KAAY;IAC3C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,eAAe,EAAE,KAAK,CAAC,iBAAiB;QACxC,iBAAiB,EAAE,KAAK,CAAC,mBAAmB;QAC5C,sBAAsB,EAAE,KAAK,CAAC,4BAA4B;QAC1D,2BAA2B,EAAE,KAAK,CAAC,iCAAiC;QAEpE,iBAAiB,EAAE,KAAK,CAAC,mBAAmB;QAC5C,kBAAkB,EAAE,KAAK,CAAC,oBAAoB;QAE9C,qBAAqB,EAAE,KAAK,CAAC,uBAAuB;QACpD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,uBAAuB,EAAE,KAAK,CAAC,+BAA+B;QAE9D,sBAAsB,EAAE,KAAK,CAAC,wBAAwB;QACtD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,wBAAwB,EAAE,KAAK,CAAC,gCAAgC;QAEhE,qBAAqB,EAAE,KAAK,CAAC,uBAAuB;QACpD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,uBAAuB,EAAE,KAAK,CAAC,+BAA+B;QAE9D,gBAAgB,EAAE,KAAK,CAAC,kBAAkB;QAC1C,yBAAyB,EAAE,KAAK,CAAC,2BAA2B;QAC5D,uBAAuB,EAAE,KAAK,CAAC,yBAAyB;KACzD,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 getDropdownTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      selectDefaultBg: theme.dropdownDefaultBg,\n      selectMenuOffsetY: theme.dropdownMenuOffsetY,\n      selectBorderColorHover: theme.dropdownMenuHoverBorderColor,\n      selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,\n\n      selectBorderWidth: theme.dropdownBorderWidth,\n      selectOutlineWidth: theme.dropdownOutlineWidth,\n\n      selectLineHeightSmall: theme.dropdownLineHeightSmall,\n      selectFontSizeSmall: theme.dropdownFontSizeSmall,\n      selectPaddingXSmall: theme.dropdownPaddingXSmall,\n      selectPaddingYSmall: theme.dropdownPaddingYSmall,\n      selectIconSizeSmall: theme.dropdownIconSizeSmall,\n      selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,\n\n      selectLineHeightMedium: theme.dropdownLineHeightMedium,\n      selectFontSizeMedium: theme.dropdownFontSizeMedium,\n      selectPaddingXMedium: theme.dropdownPaddingXMedium,\n      selectPaddingYMedium: theme.dropdownPaddingYMedium,\n      selectIconSizeMedium: theme.dropdownIconSizeMedium,\n      selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,\n\n      selectLineHeightLarge: theme.dropdownLineHeightLarge,\n      selectFontSizeLarge: theme.dropdownFontSizeLarge,\n      selectPaddingXLarge: theme.dropdownPaddingXLarge,\n      selectPaddingYLarge: theme.dropdownPaddingYLarge,\n      selectIconSizeLarge: theme.dropdownIconSizeLarge,\n      selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,\n\n      selectBgDisabled: theme.dropdownBgDisabled,\n      selectBorderColorDisabled: theme.dropdownBorderColorDisabled,\n      selectTextColorDisabled: theme.dropdownTextColorDisabled,\n    },\n    theme,\n  );\n};\n"]}

package/components/Dropdown/index.d.ts

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

package/components/Dropdown/index.js

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

package/components/Dropdown/index.js.map

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

package/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,65 +1,68 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { PopupPositionsType } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-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](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
-     */
-    header?: React.ReactNode;
-    /**
-     * Произвольный элемент, который будет отрендерен в подвале меню.
-     *
-     * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/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;
-    private setRootNode;
-    constructor(props: DropdownMenuProps);
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element | null;
-    open: () => void;
-    close: () => void;
-    private refPopupMenu;
-}
-export {};
+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

@@ -0,0 +1,95 @@
+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 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) { return (_this.popupMenu = ref); };
+        if (!props.caption) {
+            warning(false, 'Prop "caption" is required!!!');
+        }
+        return _this;
+    }
+    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

@@ -0,0 +1 @@
+{"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,IAAK,OAAA,CAAC,KAAI,CAAC,SAAS,GAAG,GAAG,CAAC,EAAtB,CAAsB,CAAC;QA3D1E,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,CA8ExB;IAAD,mBAAC;CAAA,AA9ED,CAAkC,KAAK,CAAC,SAAS,GA8EhD;SA9EY,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() {\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() {\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>) => (this.popupMenu = ref);\n}\n"]}

package/components/DropdownMenu/__creevey__/DropdownMenu.creevey.d.mts

@@ -1 +1 @@
-export {};
+export {};