@astral/ui 1.39.3 → 1.39.4

package/Autocomplete/Autocomplete.d.ts

@@ -3,7 +3,7 @@ import { AutocompleteProps as MuiAutocompleteProps } from '@mui/material';
 import { TextFieldProps } from '../TextField';
 import { OverflowedElementProps } from '../OverflowTypography';
 import { WithoutEmotionSpecific } from '../types';
-import { AutocompleteSizes } from './constants';
+import { AutocompleteSizes } from './enums';
 export declare type AutocompleteSize = `${AutocompleteSizes}`;
 export declare type AutocompleteProps<AutocompleteValueProps, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean> = Omit<WithoutEmotionSpecific<MuiAutocompleteProps<AutocompleteValueProps, Multiple, DisableClearable, FreeSolo>>, 'size' | 'renderInput'> & Pick<TextFieldProps, 'error' | 'success' | 'helperText' | 'label'> & {
     size?: AutocompleteSize;

package/Autocomplete/Autocomplete.js

@@ -41,7 +41,7 @@ const Autocomplete = (props) => {
         }
         const selected = Boolean(optionProps['aria-selected']);
         return ((0, react_1.createElement)(MenuItem_1.MenuItem, Object.assign({}, optionProps, { key: optionProps.id }),
-            multiple && ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: selected }) })),
+            multiple && ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { role: "menuitemcheckbox", checked: selected }) })),
             (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, Object.assign({ rowsCount: constants_1.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT }, overflowOption, { children: optionProps.key }))));
     }, [multiple, externalRenderOption]);
     return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, Object.assign({}, restProps, { size: size, multiple: multiple, getOptionLabel: getOptionLabel, disableCloseOnSelect: multiple, renderTags: renderTags, renderInput: renderInput, renderOption: renderOption, popupIcon: (0, jsx_runtime_1.jsx)(icons_1.ChevronDOutlineMd, {}), clearIcon: (0, jsx_runtime_1.jsx)(icons_1.CrossSmOutlineSm, {}), isOptionEqualToValue: isOptionEqualToValue, componentsProps: { clearIndicator: { disableRipple: true } }, noOptionsText: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })));

package/Autocomplete/Autocomplete.test.d.ts

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

package/Autocomplete/Autocomplete.test.js

@@ -0,0 +1,98 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tests_1 = require("@astral/tests");
+const Autocomplete_1 = require("./Autocomplete");
+describe('Autocomplete', () => {
+    it('Prop:options: при пустом массиве отображается плейсхолдер', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, { options: [] }));
+        yield tests_1.userEvents.click(tests_1.screen.getByRole('combobox'));
+        const noDataPlaceholder = tests_1.screen.getByText('Нет данных');
+        expect(noDataPlaceholder).toBeVisible();
+    }));
+    it('Focus: не отображается popover', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, { options: [] }));
+        tests_1.fireEvent.focus(tests_1.screen.getByRole('combobox'));
+        const noDataPlaceholder = tests_1.screen.queryByText('Нет данных');
+        expect(noDataPlaceholder).toBeNull();
+    }));
+    it('Prop:getOptionLabel: позволяет отображать в popover label', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [
+            { name: 'Vasya', surname: 'Pupkin' },
+            { name: 'Kolya', surname: 'Kolin' },
+        ];
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, { options: options, getOptionLabel: (option) => option.surname }));
+        yield tests_1.userEvents.click(tests_1.screen.getByRole('combobox'));
+        const vasya = tests_1.screen.getByText('Pupkin');
+        const kolya = tests_1.screen.getByText('Kolin');
+        expect(vasya).toBeVisible();
+        expect(kolya).toBeVisible();
+    }));
+    it('Закрывается popover после выбора значения', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [
+            { name: 'Vasya', surname: 'Pupkin' },
+            { name: 'Kolya', surname: 'Kolin' },
+        ];
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, { options: options, getOptionLabel: (option) => option.surname }));
+        yield tests_1.userEvents.click(tests_1.screen.getByRole('combobox'));
+        const selectedOption = tests_1.screen.getByRole('option', { name: 'Pupkin' });
+        yield tests_1.userEvents.click(selectedOption);
+        expect(tests_1.screen.queryByRole('option')).toBeNull();
+    }));
+    it('Props:multiple=false: в инпут сетится label после выбора option', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [
+            { name: 'Vasya', surname: 'Pupkin' },
+            { name: 'Kolya', surname: 'Kolin' },
+        ];
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, { options: options, getOptionLabel: (option) => option.surname }));
+        yield tests_1.userEvents.click(tests_1.screen.getByRole('combobox'));
+        const option = tests_1.screen.getByRole('option', { name: 'Pupkin' });
+        yield tests_1.userEvents.click(option);
+        const input = tests_1.screen.getByRole('combobox');
+        expect(input).toHaveAttribute('value', 'Pupkin');
+    }));
+    it('Prop:multiple: в options отображаются чекбоксы', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [{ name: 'Vasya', surname: 'Pupkin' }];
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, { multiple: true, options: options, getOptionLabel: (option) => option.surname }));
+        yield tests_1.userEvents.click(tests_1.screen.getByRole('combobox'));
+        const checkbox = tests_1.screen.getByRole('menuitemcheckbox');
+        expect(checkbox).toBeVisible();
+    }));
+    it('Prop:multiple: после выбора option в инпуте появляется tag', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [{ name: 'Vasya', surname: 'Pupkin' }];
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, { multiple: true, options: options, getOptionLabel: (option) => option.surname }));
+        yield tests_1.userEvents.click(tests_1.screen.getByRole('combobox'));
+        yield tests_1.userEvents.click(tests_1.screen.getByRole('menuitemcheckbox'));
+        const checkbox = tests_1.screen
+            .getByRole('menuitemcheckbox')
+            .getElementsByTagName('input')[0];
+        expect(checkbox).toBeChecked();
+        const tag = tests_1.screen.getByRole('button', { name: 'Pupkin' });
+        expect(tag).toBeVisible();
+    }));
+    it('Prop:multiple: tag из инпута можно удалить', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [{ name: 'Vasya', surname: 'Pupkin' }];
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Autocomplete_1.Autocomplete, { multiple: true, options: options, getOptionLabel: (option) => option.surname }));
+        yield tests_1.userEvents.click(tests_1.screen.getByRole('combobox'));
+        yield tests_1.userEvents.click(tests_1.screen.getByRole('menuitemcheckbox'));
+        const tagDeleteIcon = tests_1.screen
+            .getByRole('button', { name: 'Pupkin' })
+            .getElementsByTagName('svg')[0];
+        yield tests_1.userEvents.click(tagDeleteIcon);
+        const checkbox = tests_1.screen
+            .getByRole('menuitemcheckbox')
+            .getElementsByTagName('input')[0];
+        expect(checkbox).not.toBeChecked();
+        const tag = tests_1.screen.queryByRole('button', { name: 'Pupkin' });
+        expect(tag).toBeNull();
+    }));
+});

package/Autocomplete/constants.d.ts

@@ -1,5 +1 @@
-export declare enum AutocompleteSizes {
-    medium = "medium",
-    small = "small"
-}
 export declare const DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = 2;

package/Autocomplete/constants.js

@@ -1,9 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = exports.AutocompleteSizes = void 0;
-var AutocompleteSizes;
-(function (AutocompleteSizes) {
-    AutocompleteSizes["medium"] = "medium";
-    AutocompleteSizes["small"] = "small";
-})(AutocompleteSizes = exports.AutocompleteSizes || (exports.AutocompleteSizes = {}));
+exports.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = void 0;
 exports.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = 2;

package/Autocomplete/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum AutocompleteSizes {
+    medium = "medium",
+    small = "small"
+}

package/Autocomplete/enums.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteSizes = void 0;
+var AutocompleteSizes;
+(function (AutocompleteSizes) {
+    AutocompleteSizes["medium"] = "medium";
+    AutocompleteSizes["small"] = "small";
+})(AutocompleteSizes = exports.AutocompleteSizes || (exports.AutocompleteSizes = {}));

package/Button/Button.test.d.ts

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

package/Button/Button.test.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tests_1 = require("@astral/tests");
+const react_1 = require("react");
+const Button_1 = require("./Button");
+describe('Button', () => {
+    it('Prop:ref: is present', () => {
+        const resultRef = { current: null };
+        const ButtonWithRef = () => {
+            const ref = (0, react_1.useRef)(null);
+            (0, react_1.useEffect)(() => {
+                resultRef.current = ref.current;
+            }, []);
+            return (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ ref: ref }, { children: "Btn" }));
+        };
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(ButtonWithRef, {}));
+        expect(resultRef === null || resultRef === void 0 ? void 0 : resultRef.current).not.toBeNull();
+    });
+    it('Prop:disabled: блокирует кнопку', () => {
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ disabled: true }, { children: "Btn" })));
+        const button = tests_1.screen.getByRole('button');
+        expect(button).toBeDisabled();
+    });
+    it('Prop:loading: блокирует кнопку', () => {
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ loading: true }, { children: "Btn" })));
+        const button = tests_1.screen.getByRole('button');
+        expect(button).toBeDisabled();
+    });
+    it('Prop:loading: отображается лоадер', () => {
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ loading: true }, { children: "Btn" })));
+        const loader = tests_1.screen.getByRole('progressbar');
+        expect(loader).toBeVisible();
+    });
+});

package/DataGrid/DataGrid.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGrid = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const lodash_es_1 = require("lodash-es");
 const Table_1 = require("../Table");
 const DataGridHead_1 = require("./DataGridHead");
 const DataGridBody_1 = require("./DataGridBody");
@@ -20,7 +21,7 @@ function DataGrid({ columns, rows = [], selectedRows = [], sorting, maxHeight, m
             return;
         }
         if (event.target.checked) {
-            const mergedSelectedRows = [...selectedRows, ...rows];
+            const mergedSelectedRows = (0, lodash_es_1.uniqBy)([...selectedRows, ...rows], keyId);
             return onSelectRow(mergedSelectedRows);
         }
         const filteredRows = selectedRows.filter((selectedRow) => !rows.find((row) => row[keyId] === selectedRow[keyId]));

package/DataGrid/DataGrid.test.d.ts

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

package/DataGrid/DataGrid.test.js

@@ -0,0 +1,117 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tests_1 = require("@astral/tests");
+const react_1 = require("react");
+const DataGrid_1 = require("./DataGrid");
+describe('DataGrid', () => {
+    it('Props:columns: отображаются названия колонок', () => {
+        const columns = [
+            {
+                field: 'name',
+                label: 'Наименование',
+            },
+        ];
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "id", rows: [], columns: columns }));
+        const title = tests_1.screen.getByText('Наименование');
+        expect(title).toBeVisible();
+    });
+    it('Props:columns:sortable: отображается иконка сортировки', () => {
+        const columns = [
+            {
+                field: 'name',
+                label: 'Наименование',
+                sortable: true,
+            },
+        ];
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "id", rows: [], columns: columns }));
+        const icon = tests_1.screen.getByText('Наименование').querySelector('svg');
+        expect(icon).not.toBeNull();
+    });
+    it('Props:columns:sortable: по клику на head cell вызывается onSort', () => __awaiter(void 0, void 0, void 0, function* () {
+        const columns = [
+            {
+                field: 'name',
+                label: 'Наименование',
+                sortable: true,
+            },
+        ];
+        let currentSort;
+        const TestComponent = () => {
+            const [sorting, setSorting] = (0, react_1.useState)();
+            const handleSort = (sort) => {
+                currentSort = sort;
+                setSorting(sort);
+            };
+            return ((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "name", rows: [], sorting: sorting, onSort: handleSort, columns: columns }));
+        };
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(TestComponent, {}));
+        expect(currentSort).toBe(undefined);
+        yield tests_1.userEvents.click(tests_1.screen.getByText('Наименование'));
+        expect(currentSort).toEqual({ fieldId: 'name', sort: 'asc' });
+        yield tests_1.userEvents.click(tests_1.screen.getByText('Наименование'));
+        expect(currentSort).toEqual({ fieldId: 'name', sort: 'desc' });
+        yield tests_1.userEvents.click(tests_1.screen.getByText('Наименование'));
+        expect(currentSort).toBe(undefined);
+    }));
+    it('Props:columns:field: отображает в строке данные по field', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "name", rows: [{ name: 'Vasya' }], columns: [
+                {
+                    field: 'name',
+                    label: 'Наименование',
+                },
+            ] }));
+        const title = tests_1.screen.getByText('Vasya');
+        expect(title).toBeVisible();
+    }));
+    it('Props:options=[]: отображается placeholder', () => __awaiter(void 0, void 0, void 0, function* () {
+        const columns = [
+            {
+                field: 'name',
+                label: 'Наименование',
+            },
+        ];
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "id", rows: [], columns: columns }));
+        const title = tests_1.screen.getByText('Нет данных');
+        expect(title).toBeVisible();
+    }));
+    it('Props:onRowClick: по клику на строку получаем данные row', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onRowClick = jest.fn();
+        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "name", rows: [{ name: 'Vasya' }], onRowClick: onRowClick, columns: [
+                {
+                    field: 'name',
+                    label: 'Наименование',
+                },
+            ] }));
+        yield tests_1.userEvents.click(tests_1.screen.getByText('Vasya'));
+        expect(onRowClick.mock.calls[0][0]).toEqual({ name: 'Vasya' });
+    }));
+    // TODO: https://astraltrack.atlassian.net/browse/UIKIT-309
+    // it('Props:emptyCellValue: по дефолту для пустого значения отображается -', async () => {
+    //   renderWithTheme(
+    //     <DataGrid<{ name?: string }>
+    //       keyId="name"
+    //       rows={[{}]}
+    //       columns={[
+    //         {
+    //           field: 'name',
+    //           label: 'Наименование',
+    //         },
+    //       ]}
+    //     />,
+    //   );
+    //
+    //   const emptySymbol = screen.getByText('-');
+    //
+    //   expect(emptySymbol).toBeVisible();
+    // });
+});

package/DataGrid/DataGridHead/DataGridHead.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const TableHead_1 = require("../../Table/TableHead");
 const Table_1 = require("../../Table");
 const Checkbox_1 = require("../../Checkbox");
-const constants_1 = require("../constants");
+const enums_1 = require("../enums");
 const DataGridHeadColumn_1 = require("../DataGridHeadColumn");
 function DataGridHead({ columns, selectable, onSelectAllRows, rowsCount, onSort, sorting, uncheckedRowsCount, }) {
     const checked = (0, react_1.useMemo)(() => !Boolean(uncheckedRowsCount) && rowsCount > 0, [uncheckedRowsCount, rowsCount]);
@@ -17,15 +17,15 @@ function DataGridHead({ columns, selectable, onSelectAllRows, rowsCount, onSort,
         }
         const isCurrentField = (sorting === null || sorting === void 0 ? void 0 : sorting.fieldId) === field;
         // если для выбранного столбца текущая сортировка ASC - меняем на DESC
-        if (isCurrentField && sorting.sort === constants_1.SortStates.ASC) {
-            return onSort({ fieldId: field, sort: constants_1.SortStates.DESC });
+        if (isCurrentField && sorting.sort === enums_1.SortStates.ASC) {
+            return onSort({ fieldId: field, sort: enums_1.SortStates.DESC });
         }
         // если для выбранного столбца текущая сортировка DESC - убираем сортировку
-        if (isCurrentField && sorting.sort === constants_1.SortStates.DESC) {
+        if (isCurrentField && sorting.sort === enums_1.SortStates.DESC) {
             return onSort(undefined);
         }
         // если для выбранного столбца нет сортировки - добавляем сортировку ASC
-        onSort({ fieldId: field, sort: constants_1.SortStates.ASC });
+        onSort({ fieldId: field, sort: enums_1.SortStates.ASC });
     }, [sorting, onSort]);
     const renderColumns = (0, react_1.useMemo)(() => {
         return columns.map(({ field, label, sortable, align, width }) => {

package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js

@@ -4,7 +4,7 @@ exports.DataGridHeadColumn = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const icons_1 = require("@astral/icons");
-const constants_1 = require("../constants");
+const enums_1 = require("../enums");
 const styles_1 = require("./styles");
 function DataGridHeadColumn({ onSort, field, sortable, align, label, sorting, width, }) {
     const sortIcon = (0, react_1.useMemo)(() => {
@@ -15,9 +15,9 @@ function DataGridHeadColumn({ onSort, field, sortable, align, label, sorting, wi
             return (0, jsx_runtime_1.jsx)(icons_1.SortFillSm, {});
         }
         switch (sorting === null || sorting === void 0 ? void 0 : sorting.sort) {
-            case constants_1.SortStates.ASC:
+            case enums_1.SortStates.ASC:
                 return (0, jsx_runtime_1.jsx)(icons_1.SortUpFillSm, { color: "primary" });
-            case constants_1.SortStates.DESC:
+            case enums_1.SortStates.DESC:
                 return (0, jsx_runtime_1.jsx)(icons_1.SortDownFillSm, { color: "primary" });
             default:
                 return (0, jsx_runtime_1.jsx)(icons_1.SortFillSm, {});

package/DataGrid/types.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { TableCellProps } from '@mui/material';
-import { SortStates } from './constants';
+import { SortStates } from './enums';
 export declare type CellValue = string | number | boolean | Date | undefined | object;
 export declare type SortState = `${SortStates}`;
 export declare type RenderCell<Data> = (params: Data) => ReactNode;

package/Select/Select.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
 import { SelectProps as MuiSelectProps } from '@mui/material';
+import { ReactNode } from 'react';
 import { WithoutEmotionSpecific } from '../types';
 export declare type SelectProps<Value> = WithoutEmotionSpecific<MuiSelectProps<Value>> & {
     loading?: boolean;
     placeholder?: string;
     getOptionLabel?: (value: string | number) => string | number;
-    helperText?: string;
+    helperText?: ReactNode;
     success?: boolean;
     error?: boolean;
     label?: string;

package/esm/Autocomplete/Autocomplete.d.ts

@@ -3,7 +3,7 @@ import { AutocompleteProps as MuiAutocompleteProps } from '@mui/material';
 import { TextFieldProps } from '../TextField';
 import { OverflowedElementProps } from '../OverflowTypography';
 import { WithoutEmotionSpecific } from '../types';
-import { AutocompleteSizes } from './constants';
+import { AutocompleteSizes } from './enums';
 export declare type AutocompleteSize = `${AutocompleteSizes}`;
 export declare type AutocompleteProps<AutocompleteValueProps, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean> = Omit<WithoutEmotionSpecific<MuiAutocompleteProps<AutocompleteValueProps, Multiple, DisableClearable, FreeSolo>>, 'size' | 'renderInput'> & Pick<TextFieldProps, 'error' | 'success' | 'helperText' | 'label'> & {
     size?: AutocompleteSize;

package/esm/Autocomplete/Autocomplete.js

@@ -19,7 +19,7 @@ import { Tag } from '../Tag';
 import { MenuItem } from '../MenuItem';
 import { Checkbox } from '../Checkbox';
 import { OverflowTypography, } from '../OverflowTypography';
-import { DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT, } from './constants';
+import { DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT } from './constants';
 export const Autocomplete = (props) => {
     const { multiple, placeholder, error, success, helperText, label, size = 'medium', getOptionLabel, renderOption: externalRenderOption, overflowOption } = props, restProps = __rest(props, ["multiple", "placeholder", "error", "success", "helperText", "label", "size", "getOptionLabel", "renderOption", "overflowOption"]);
     const renderTags = useCallback((tags, getTagProps) => {
@@ -38,7 +38,7 @@ export const Autocomplete = (props) => {
         }
         const selected = Boolean(optionProps['aria-selected']);
         return (_createElement(MenuItem, Object.assign({}, optionProps, { key: optionProps.id }),
-            multiple && (_jsx(ListItemIcon, { children: _jsx(Checkbox, { checked: selected }) })),
+            multiple && (_jsx(ListItemIcon, { children: _jsx(Checkbox, { role: "menuitemcheckbox", checked: selected }) })),
             _jsx(OverflowTypography, Object.assign({ rowsCount: DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT }, overflowOption, { children: optionProps.key }))));
     }, [multiple, externalRenderOption]);
     return (_jsx(MuiAutocomplete, Object.assign({}, restProps, { size: size, multiple: multiple, getOptionLabel: getOptionLabel, disableCloseOnSelect: multiple, renderTags: renderTags, renderInput: renderInput, renderOption: renderOption, popupIcon: _jsx(ChevronDOutlineMd, {}), clearIcon: _jsx(CrossSmOutlineSm, {}), isOptionEqualToValue: isOptionEqualToValue, componentsProps: { clearIndicator: { disableRipple: true } }, noOptionsText: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })));

package/esm/Autocomplete/Autocomplete.test.d.ts

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

package/esm/Autocomplete/Autocomplete.test.js

@@ -0,0 +1,96 @@
+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());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, renderWithTheme, screen, userEvents } from '@astral/tests';
+import { Autocomplete } from './Autocomplete';
+describe('Autocomplete', () => {
+    it('Prop:options: при пустом массиве отображается плейсхолдер', () => __awaiter(void 0, void 0, void 0, function* () {
+        renderWithTheme(_jsx(Autocomplete, { options: [] }));
+        yield userEvents.click(screen.getByRole('combobox'));
+        const noDataPlaceholder = screen.getByText('Нет данных');
+        expect(noDataPlaceholder).toBeVisible();
+    }));
+    it('Focus: не отображается popover', () => __awaiter(void 0, void 0, void 0, function* () {
+        renderWithTheme(_jsx(Autocomplete, { options: [] }));
+        fireEvent.focus(screen.getByRole('combobox'));
+        const noDataPlaceholder = screen.queryByText('Нет данных');
+        expect(noDataPlaceholder).toBeNull();
+    }));
+    it('Prop:getOptionLabel: позволяет отображать в popover label', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [
+            { name: 'Vasya', surname: 'Pupkin' },
+            { name: 'Kolya', surname: 'Kolin' },
+        ];
+        renderWithTheme(_jsx(Autocomplete, { options: options, getOptionLabel: (option) => option.surname }));
+        yield userEvents.click(screen.getByRole('combobox'));
+        const vasya = screen.getByText('Pupkin');
+        const kolya = screen.getByText('Kolin');
+        expect(vasya).toBeVisible();
+        expect(kolya).toBeVisible();
+    }));
+    it('Закрывается popover после выбора значения', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [
+            { name: 'Vasya', surname: 'Pupkin' },
+            { name: 'Kolya', surname: 'Kolin' },
+        ];
+        renderWithTheme(_jsx(Autocomplete, { options: options, getOptionLabel: (option) => option.surname }));
+        yield userEvents.click(screen.getByRole('combobox'));
+        const selectedOption = screen.getByRole('option', { name: 'Pupkin' });
+        yield userEvents.click(selectedOption);
+        expect(screen.queryByRole('option')).toBeNull();
+    }));
+    it('Props:multiple=false: в инпут сетится label после выбора option', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [
+            { name: 'Vasya', surname: 'Pupkin' },
+            { name: 'Kolya', surname: 'Kolin' },
+        ];
+        renderWithTheme(_jsx(Autocomplete, { options: options, getOptionLabel: (option) => option.surname }));
+        yield userEvents.click(screen.getByRole('combobox'));
+        const option = screen.getByRole('option', { name: 'Pupkin' });
+        yield userEvents.click(option);
+        const input = screen.getByRole('combobox');
+        expect(input).toHaveAttribute('value', 'Pupkin');
+    }));
+    it('Prop:multiple: в options отображаются чекбоксы', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [{ name: 'Vasya', surname: 'Pupkin' }];
+        renderWithTheme(_jsx(Autocomplete, { multiple: true, options: options, getOptionLabel: (option) => option.surname }));
+        yield userEvents.click(screen.getByRole('combobox'));
+        const checkbox = screen.getByRole('menuitemcheckbox');
+        expect(checkbox).toBeVisible();
+    }));
+    it('Prop:multiple: после выбора option в инпуте появляется tag', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [{ name: 'Vasya', surname: 'Pupkin' }];
+        renderWithTheme(_jsx(Autocomplete, { multiple: true, options: options, getOptionLabel: (option) => option.surname }));
+        yield userEvents.click(screen.getByRole('combobox'));
+        yield userEvents.click(screen.getByRole('menuitemcheckbox'));
+        const checkbox = screen
+            .getByRole('menuitemcheckbox')
+            .getElementsByTagName('input')[0];
+        expect(checkbox).toBeChecked();
+        const tag = screen.getByRole('button', { name: 'Pupkin' });
+        expect(tag).toBeVisible();
+    }));
+    it('Prop:multiple: tag из инпута можно удалить', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = [{ name: 'Vasya', surname: 'Pupkin' }];
+        renderWithTheme(_jsx(Autocomplete, { multiple: true, options: options, getOptionLabel: (option) => option.surname }));
+        yield userEvents.click(screen.getByRole('combobox'));
+        yield userEvents.click(screen.getByRole('menuitemcheckbox'));
+        const tagDeleteIcon = screen
+            .getByRole('button', { name: 'Pupkin' })
+            .getElementsByTagName('svg')[0];
+        yield userEvents.click(tagDeleteIcon);
+        const checkbox = screen
+            .getByRole('menuitemcheckbox')
+            .getElementsByTagName('input')[0];
+        expect(checkbox).not.toBeChecked();
+        const tag = screen.queryByRole('button', { name: 'Pupkin' });
+        expect(tag).toBeNull();
+    }));
+});

package/esm/Autocomplete/constants.d.ts

@@ -1,5 +1 @@
-export declare enum AutocompleteSizes {
-    medium = "medium",
-    small = "small"
-}
 export declare const DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = 2;

package/esm/Autocomplete/constants.js

@@ -1,6 +1 @@
-export var AutocompleteSizes;
-(function (AutocompleteSizes) {
-    AutocompleteSizes["medium"] = "medium";
-    AutocompleteSizes["small"] = "small";
-})(AutocompleteSizes || (AutocompleteSizes = {}));
 export const DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = 2;

package/esm/Autocomplete/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum AutocompleteSizes {
+    medium = "medium",
+    small = "small"
+}

package/esm/Autocomplete/enums.js

@@ -0,0 +1,5 @@
+export var AutocompleteSizes;
+(function (AutocompleteSizes) {
+    AutocompleteSizes["medium"] = "medium";
+    AutocompleteSizes["small"] = "small";
+})(AutocompleteSizes || (AutocompleteSizes = {}));

package/esm/Button/Button.test.d.ts

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

package/esm/Button/Button.test.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderWithTheme, screen } from '@astral/tests';
+import { useEffect, useRef } from 'react';
+import { Button } from './Button';
+describe('Button', () => {
+    it('Prop:ref: is present', () => {
+        const resultRef = { current: null };
+        const ButtonWithRef = () => {
+            const ref = useRef(null);
+            useEffect(() => {
+                resultRef.current = ref.current;
+            }, []);
+            return _jsx(Button, Object.assign({ ref: ref }, { children: "Btn" }));
+        };
+        renderWithTheme(_jsx(ButtonWithRef, {}));
+        expect(resultRef === null || resultRef === void 0 ? void 0 : resultRef.current).not.toBeNull();
+    });
+    it('Prop:disabled: блокирует кнопку', () => {
+        renderWithTheme(_jsx(Button, Object.assign({ disabled: true }, { children: "Btn" })));
+        const button = screen.getByRole('button');
+        expect(button).toBeDisabled();
+    });
+    it('Prop:loading: блокирует кнопку', () => {
+        renderWithTheme(_jsx(Button, Object.assign({ loading: true }, { children: "Btn" })));
+        const button = screen.getByRole('button');
+        expect(button).toBeDisabled();
+    });
+    it('Prop:loading: отображается лоадер', () => {
+        renderWithTheme(_jsx(Button, Object.assign({ loading: true }, { children: "Btn" })));
+        const loader = screen.getByRole('progressbar');
+        expect(loader).toBeVisible();
+    });
+});

package/esm/DataGrid/DataGrid.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from 'react';
+import { uniqBy } from 'lodash-es';
 import { Table } from '../Table';
 import { DataGridHead } from './DataGridHead';
 import { DataGridBody } from './DataGridBody';
@@ -14,7 +15,7 @@ export function DataGrid({ columns, rows = [], selectedRows = [], sorting, maxHe
             return;
         }
         if (event.target.checked) {
-            const mergedSelectedRows = [...selectedRows, ...rows];
+            const mergedSelectedRows = uniqBy([...selectedRows, ...rows], keyId);
             return onSelectRow(mergedSelectedRows);
         }
         const filteredRows = selectedRows.filter((selectedRow) => !rows.find((row) => row[keyId] === selectedRow[keyId]));

package/esm/DataGrid/DataGrid.test.d.ts

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

package/esm/DataGrid/DataGrid.test.js

@@ -0,0 +1,115 @@
+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());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderWithTheme, screen, userEvents } from '@astral/tests';
+import { useState } from 'react';
+import { DataGrid } from './DataGrid';
+describe('DataGrid', () => {
+    it('Props:columns: отображаются названия колонок', () => {
+        const columns = [
+            {
+                field: 'name',
+                label: 'Наименование',
+            },
+        ];
+        renderWithTheme(_jsx(DataGrid, { keyId: "id", rows: [], columns: columns }));
+        const title = screen.getByText('Наименование');
+        expect(title).toBeVisible();
+    });
+    it('Props:columns:sortable: отображается иконка сортировки', () => {
+        const columns = [
+            {
+                field: 'name',
+                label: 'Наименование',
+                sortable: true,
+            },
+        ];
+        renderWithTheme(_jsx(DataGrid, { keyId: "id", rows: [], columns: columns }));
+        const icon = screen.getByText('Наименование').querySelector('svg');
+        expect(icon).not.toBeNull();
+    });
+    it('Props:columns:sortable: по клику на head cell вызывается onSort', () => __awaiter(void 0, void 0, void 0, function* () {
+        const columns = [
+            {
+                field: 'name',
+                label: 'Наименование',
+                sortable: true,
+            },
+        ];
+        let currentSort;
+        const TestComponent = () => {
+            const [sorting, setSorting] = useState();
+            const handleSort = (sort) => {
+                currentSort = sort;
+                setSorting(sort);
+            };
+            return (_jsx(DataGrid, { keyId: "name", rows: [], sorting: sorting, onSort: handleSort, columns: columns }));
+        };
+        renderWithTheme(_jsx(TestComponent, {}));
+        expect(currentSort).toBe(undefined);
+        yield userEvents.click(screen.getByText('Наименование'));
+        expect(currentSort).toEqual({ fieldId: 'name', sort: 'asc' });
+        yield userEvents.click(screen.getByText('Наименование'));
+        expect(currentSort).toEqual({ fieldId: 'name', sort: 'desc' });
+        yield userEvents.click(screen.getByText('Наименование'));
+        expect(currentSort).toBe(undefined);
+    }));
+    it('Props:columns:field: отображает в строке данные по field', () => __awaiter(void 0, void 0, void 0, function* () {
+        renderWithTheme(_jsx(DataGrid, { keyId: "name", rows: [{ name: 'Vasya' }], columns: [
+                {
+                    field: 'name',
+                    label: 'Наименование',
+                },
+            ] }));
+        const title = screen.getByText('Vasya');
+        expect(title).toBeVisible();
+    }));
+    it('Props:options=[]: отображается placeholder', () => __awaiter(void 0, void 0, void 0, function* () {
+        const columns = [
+            {
+                field: 'name',
+                label: 'Наименование',
+            },
+        ];
+        renderWithTheme(_jsx(DataGrid, { keyId: "id", rows: [], columns: columns }));
+        const title = screen.getByText('Нет данных');
+        expect(title).toBeVisible();
+    }));
+    it('Props:onRowClick: по клику на строку получаем данные row', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onRowClick = jest.fn();
+        renderWithTheme(_jsx(DataGrid, { keyId: "name", rows: [{ name: 'Vasya' }], onRowClick: onRowClick, columns: [
+                {
+                    field: 'name',
+                    label: 'Наименование',
+                },
+            ] }));
+        yield userEvents.click(screen.getByText('Vasya'));
+        expect(onRowClick.mock.calls[0][0]).toEqual({ name: 'Vasya' });
+    }));
+    // TODO: https://astraltrack.atlassian.net/browse/UIKIT-309
+    // it('Props:emptyCellValue: по дефолту для пустого значения отображается -', async () => {
+    //   renderWithTheme(
+    //     <DataGrid<{ name?: string }>
+    //       keyId="name"
+    //       rows={[{}]}
+    //       columns={[
+    //         {
+    //           field: 'name',
+    //           label: 'Наименование',
+    //         },
+    //       ]}
+    //     />,
+    //   );
+    //
+    //   const emptySymbol = screen.getByText('-');
+    //
+    //   expect(emptySymbol).toBeVisible();
+    // });
+});

package/esm/DataGrid/DataGridHead/DataGridHead.js

@@ -3,7 +3,7 @@ import { useCallback, useMemo } from 'react';
 import { TableHead } from '../../Table/TableHead';
 import { TableCell, TableRow } from '../../Table';
 import { Checkbox } from '../../Checkbox';
-import { SortStates } from '../constants';
+import { SortStates } from '../enums';
 import { DataGridHeadColumn } from '../DataGridHeadColumn';
 export function DataGridHead({ columns, selectable, onSelectAllRows, rowsCount, onSort, sorting, uncheckedRowsCount, }) {
     const checked = useMemo(() => !Boolean(uncheckedRowsCount) && rowsCount > 0, [uncheckedRowsCount, rowsCount]);

package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { SortDownFillSm, SortFillSm, SortUpFillSm } from '@astral/icons';
-import { SortStates } from '../constants';
+import { SortStates } from '../enums';
 import { StyledTableCell, TableCellTitle } from './styles';
 export function DataGridHeadColumn({ onSort, field, sortable, align, label, sorting, width, }) {
     const sortIcon = useMemo(() => {

package/esm/DataGrid/types.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { TableCellProps } from '@mui/material';
-import { SortStates } from './constants';
+import { SortStates } from './enums';
 export declare type CellValue = string | number | boolean | Date | undefined | object;
 export declare type SortState = `${SortStates}`;
 export declare type RenderCell<Data> = (params: Data) => ReactNode;

package/esm/Select/Select.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
 import { SelectProps as MuiSelectProps } from '@mui/material';
+import { ReactNode } from 'react';
 import { WithoutEmotionSpecific } from '../types';
 export declare type SelectProps<Value> = WithoutEmotionSpecific<MuiSelectProps<Value>> & {
     loading?: boolean;
     placeholder?: string;
     getOptionLabel?: (value: string | number) => string | number;
-    helperText?: string;
+    helperText?: ReactNode;
     success?: boolean;
     error?: boolean;
     label?: string;

package/esm/hooks/useEscapeClickEffect/useEscapeClickEffect.test.d.ts

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

package/esm/hooks/useEscapeClickEffect/useEscapeClickEffect.test.js

@@ -0,0 +1,25 @@
+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());
+    });
+};
+import { renderHook, userEvents } from '@astral/tests';
+import { useEscapeClickEffect } from './useEscapeClickEffect';
+describe('useEscapeClickEffect', () => {
+    it('Props:isActive=true: при нажатии esc вызывается onEscape', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onEscape = jest.fn();
+        renderHook(() => useEscapeClickEffect({ isActive: true, onEscape }));
+        yield userEvents.keyboard('{Escape}');
+        expect(onEscape).toBeCalled();
+    }));
+    it('Props:isActive=false: при нажатии esc onEscape не вызывается', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onEscape = jest.fn();
+        renderHook(() => useEscapeClickEffect({ isActive: false, onEscape }));
+        yield userEvents.keyboard('{Escape}');
+        expect(onEscape).not.toBeCalled();
+    }));
+});

package/esm/hooks/useMenu/index.d.ts

@@ -0,0 +1 @@
+export * from './useMenu';

package/esm/hooks/useMenu/index.js

@@ -0,0 +1 @@
+export * from './useMenu';

package/esm/theme/components/MuiAutocomplete.js

@@ -1,4 +1,4 @@
-import { AutocompleteSizes } from '../../Autocomplete/constants';
+import { AutocompleteSizes } from '../../Autocomplete/enums';
 export const MuiAutocomplete = {
     styleOverrides: {
         inputRoot({ theme, ownerState: { size } }) {

package/hooks/useEscapeClickEffect/useEscapeClickEffect.test.d.ts

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

package/hooks/useEscapeClickEffect/useEscapeClickEffect.test.js

@@ -0,0 +1,27 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const tests_1 = require("@astral/tests");
+const useEscapeClickEffect_1 = require("./useEscapeClickEffect");
+describe('useEscapeClickEffect', () => {
+    it('Props:isActive=true: при нажатии esc вызывается onEscape', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onEscape = jest.fn();
+        (0, tests_1.renderHook)(() => (0, useEscapeClickEffect_1.useEscapeClickEffect)({ isActive: true, onEscape }));
+        yield tests_1.userEvents.keyboard('{Escape}');
+        expect(onEscape).toBeCalled();
+    }));
+    it('Props:isActive=false: при нажатии esc onEscape не вызывается', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onEscape = jest.fn();
+        (0, tests_1.renderHook)(() => (0, useEscapeClickEffect_1.useEscapeClickEffect)({ isActive: false, onEscape }));
+        yield tests_1.userEvents.keyboard('{Escape}');
+        expect(onEscape).not.toBeCalled();
+    }));
+});

package/hooks/useMenu/index.d.ts

@@ -0,0 +1 @@
+export * from './useMenu';

package/hooks/useMenu/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useMenu"), exports);

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@astral/ui",
-  "version": "1.39.3",
+  "version": "1.39.4",
   "browser": "./esm/index.js",
   "main": "./index.js",
   "dependencies": {
-    "@astral/icons": "^1.39.3",
+    "@astral/icons": "^1.39.4",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",

package/theme/components/MuiAutocomplete.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiAutocomplete = void 0;
-const constants_1 = require("../../Autocomplete/constants");
+const enums_1 = require("../../Autocomplete/enums");
 exports.MuiAutocomplete = {
     styleOverrides: {
         inputRoot({ theme, ownerState: { size } }) {
@@ -9,7 +9,7 @@ exports.MuiAutocomplete = {
                 paddingTop: `${theme.spacing(1)} !important`,
                 paddingBottom: `${theme.spacing(1)} !important`,
                 paddingLeft: `${theme.spacing(1)} !important`,
-                minHeight: size === constants_1.AutocompleteSizes.small ? '32px' : '40px',
+                minHeight: size === enums_1.AutocompleteSizes.small ? '32px' : '40px',
             };
         },
         input({ theme }) {