@astral/ui 1.39.3 → 1.40.0

package/esm/utils/date/isDateOutOfRange/isDateOutOfRange.d.ts

@@ -9,7 +9,7 @@ export declare enum DateCompareDeep {
     minute = 4,
     second = 5
 }
-export declare type IsDateOutOfRangeOptions = {
+export type IsDateOutOfRangeOptions = {
     /**
      * @description опорная дата, которая сравнивается с minDate и maxDate
      */

package/hooks/useEscapeClickEffect/useEscapeClickEffect.d.ts

@@ -1,5 +1,5 @@
 import { Reason } from '../../types';
-export declare type UseEscapeClickEffectProps = {
+export type UseEscapeClickEffectProps = {
     /**
      * @description колбэк который будет вызываться при нажатии на кнопку `esc`
      */

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/hooks/{useMenu.d.ts → useMenu/useMenu.d.ts}

@@ -1,5 +1,5 @@
 import { ForwardedRef, MutableRefObject } from 'react';
-declare type UseMenuResult = {
+type UseMenuResult = {
     /**
      * Флаг состояния меню (открыто-закрыто)
      */

package/hooks/useToggle/useToggle.d.ts

@@ -1,20 +1,20 @@
 /**
  * @description тип обозначающий какой угодно рест аргументов
  */
-declare type Arguments = unknown[];
+type Arguments = unknown[];
 /**
  * @description хэндлер принимающий на вход неизвестное колличество аргументов, неизвестного вида
  */
-declare type Handler<Args extends Arguments> = (...a: Args) => void;
+type Handler<Args extends Arguments> = (...a: Args) => void;
 /**
  * @description хэндлер на открытие с неизвестным колличеством аргументов, неизвестного вида
  */
-declare type OpenHandler<Args extends Arguments> = Handler<Args>;
+type OpenHandler<Args extends Arguments> = Handler<Args>;
 /**
  * @description хэндлер на закрытие с неизвестным колличеством аргументов, неизвестного вида
  */
-declare type CloseHandler<Args extends Arguments> = Handler<Args>;
-declare type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
+type CloseHandler<Args extends Arguments> = Handler<Args>;
+type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
     /**
      * @description флаг активности состояния
      */
@@ -22,7 +22,7 @@ declare type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends
     OpenHandler<OpenArgs>,
     CloseHandler<CloseArgs>
 ];
-declare type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
+type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
     /**
      * @description изначальное состояние активности
      */

package/index.d.ts

@@ -4,6 +4,7 @@ export * from './Autocomplete';
 export * from './BackdropStack';
 export * from './Badge';
 export * from './Button';
+export * from './Breadcrumbs';
 export * from './Collapse';
 export * from './DatePickerProvider';
 export * from './Description';
@@ -47,6 +48,10 @@ export * from './MenuItem';
 export * from './MenuList';
 export * from './MenuGroup';
 export * from './OverflowTypography';
+export * from './PageAside';
+export * from './PageHeader';
+export * from './PageLayout';
+export * from './PageLayoutContainer';
 export * from './Placeholder';
 export * from './Product';
 export * from './ProductSwitcher';

package/index.js

@@ -20,6 +20,7 @@ __exportStar(require("./Autocomplete"), exports);
 __exportStar(require("./BackdropStack"), exports);
 __exportStar(require("./Badge"), exports);
 __exportStar(require("./Button"), exports);
+__exportStar(require("./Breadcrumbs"), exports);
 __exportStar(require("./Collapse"), exports);
 __exportStar(require("./DatePickerProvider"), exports);
 __exportStar(require("./Description"), exports);
@@ -63,6 +64,10 @@ __exportStar(require("./MenuItem"), exports);
 __exportStar(require("./MenuList"), exports);
 __exportStar(require("./MenuGroup"), exports);
 __exportStar(require("./OverflowTypography"), exports);
+__exportStar(require("./PageAside"), exports);
+__exportStar(require("./PageHeader"), exports);
+__exportStar(require("./PageLayout"), exports);
+__exportStar(require("./PageLayoutContainer"), exports);
 __exportStar(require("./Placeholder"), exports);
 __exportStar(require("./Product"), exports);
 __exportStar(require("./ProductSwitcher"), exports);

package/package.json

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

package/theme/baseTheme/baseTheme.d.ts

@@ -2,7 +2,7 @@ import { BreakpointsOptions, Palette as MuiPalette, Theme as MuiTheme, PaletteCo
 import { Background, Color } from '../palette';
 import { FontsUrls } from '../components';
 import { Brand } from '../constants';
-export declare type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
+export type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
     red: Color;
     green: Color;
     yellow: Color;
@@ -10,8 +10,8 @@ export declare type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
     primary: PaletteColor & Color;
     background: Background;
 };
-export declare type Theme = MuiTheme;
-declare type CreateThemeParams = {
+export type Theme = MuiTheme;
+type CreateThemeParams = {
     brand: Brand;
     options?: ThemeOptions;
     fontsUrls: FontsUrls;

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 }) {

package/theme/components/MuiTypography.d.ts

@@ -1,5 +1,5 @@
 import { Components } from '@mui/material';
-export declare type FontsUrls = {
+export type FontsUrls = {
     bold: {
         woff: string;
         woff2: string;

package/theme/components/components.d.ts

@@ -1,6 +1,6 @@
 import { Components } from '@mui/material';
 import type { Theme } from '../baseTheme';
-export declare type FontsUrls = {
+export type FontsUrls = {
     bold: {
         woff: string;
         woff2: string;

package/theme/elevation.d.ts

@@ -1,4 +1,4 @@
-export declare type Elevation = {
+export type Elevation = {
     100: string;
     200: string;
     300: string;

package/theme/palette/brandPalette.d.ts

@@ -1,5 +1,5 @@
 import { Brand } from '../constants';
-declare type BrandColors = {
+type BrandColors = {
     secondary: string;
     900: string;
     800: string;

package/theme/palette/palette.d.ts

@@ -1,7 +1,7 @@
 import { PaletteOptions as MuiPaletteOptions, PaletteColorOptions } from '@mui/material';
 import { TypeBackground } from '@mui/material/styles/createPalette';
 import { Brand } from '../constants';
-export declare type Color = {
+export type Color = {
     900: string;
     800: string;
     700: string;
@@ -12,13 +12,13 @@ export declare type Color = {
     200: string;
     100: string;
 };
-export declare type PrimaryColorOptions = PaletteColorOptions & Color;
-export declare type Background = TypeBackground & {
+export type PrimaryColorOptions = PaletteColorOptions & Color;
+export type Background = TypeBackground & {
     element: string;
     elementHover: string;
     modalShadow: string;
 };
-declare type PaletteOptions = MuiPaletteOptions & {
+type PaletteOptions = MuiPaletteOptions & {
     red: Color;
     green: Color;
     yellow: Color;

package/theme/shape.d.ts

@@ -1,4 +1,4 @@
-export declare type Shape = {
+export type Shape = {
     small: string;
     medium: string;
     large: string;

package/theme/typography.d.ts

@@ -1,11 +1,11 @@
 import { Typography } from '@mui/material/styles/createTypography';
 import { CSSProperties } from 'react';
-declare type CustomTypographyVariantStyle = {
+type CustomTypographyVariantStyle = {
     fontSize: CSSProperties['fontSize'];
     fontWeight: CSSProperties['fontWeight'];
     lineHeight: CSSProperties['lineHeight'];
 };
-export declare type TypographyThemeOptions = Typography & {
+export type TypographyThemeOptions = Typography & {
     h7: CustomTypographyVariantStyle;
     h8: CustomTypographyVariantStyle;
     h9: CustomTypographyVariantStyle;

package/types.d.ts

@@ -1,3 +1,3 @@
 import { AutocompleteCloseReason } from '@mui/base/AutocompleteUnstyled/useAutocomplete';
-export declare type WithoutEmotionSpecific<Props> = Omit<Props, 'sx' | 'css'>;
-export declare type Reason = 'escapeKeyDown' | 'backdropClick' | 'toggleInput' | 'blur' | AutocompleteCloseReason | null;
+export type WithoutEmotionSpecific<Props> = Omit<Props, 'sx' | 'css'>;
+export type Reason = 'escapeKeyDown' | 'backdropClick' | 'toggleInput' | 'blur' | AutocompleteCloseReason | null;

package/utils/date/buildIsoDate/buildIsoDateString.d.ts

@@ -1,7 +1,7 @@
 /**
  * @description опции для генерации даты без смещения по часовому поясу пользователя
  */
-export declare type BuildIsoDateStringOptions = {
+export type BuildIsoDateStringOptions = {
     /**
      * @description год, обязательный
      */

package/utils/date/format/maskDate.d.ts

@@ -2,7 +2,7 @@
  * @description текстовая маска содержащая упоминания элементов даты
  * @example DD.MM.YYYY.hh.mm.ss
  */
-export declare type DateMask = string;
+export type DateMask = string;
 export declare enum DateMaskElements {
     day = "DD",
     month = "MM",

package/utils/date/isDate/isDate.d.ts

@@ -1,4 +1,4 @@
-declare type Unknown = null | undefined | string | number | Date;
+type Unknown = null | undefined | string | number | Date;
 /**
  * @description функция проверки значения на дату
  */

package/utils/date/isDateOutOfRange/isDateOutOfRange.d.ts

@@ -9,7 +9,7 @@ export declare enum DateCompareDeep {
     minute = 4,
     second = 5
 }
-export declare type IsDateOutOfRangeOptions = {
+export type IsDateOutOfRangeOptions = {
     /**
      * @description опорная дата, которая сравнивается с minDate и maxDate
      */