@astral/ui 4.83.0 → 4.85.0

package/components/NewPopover/useLogic/utils/getArrowPadding/getArrowPadding.js

@@ -0,0 +1,12 @@
+import { ARROW_BASE, ARROW_MIN_PADDING, ARROW_MIN_TRACK, ARROW_PADDING, } from '../../../constants';
+/**
+ * Фиксированный padding отобразил бы стрелку на скруглённый угол
+ */
+export const getArrowPadding = ({ popper, placement }) => {
+    const isVertical = placement.startsWith('left') || placement.startsWith('right');
+    const side = isVertical ? popper.height : popper.width;
+    const free = Math.max(0, side - ARROW_BASE);
+    const centerPadding = free / 2;
+    const desiredPadding = Math.min(ARROW_PADDING, Math.max(ARROW_MIN_PADDING, (free - ARROW_MIN_TRACK) / 2));
+    return Math.min(centerPadding, desiredPadding);
+};

package/components/NewPopover/useLogic/utils/getArrowPadding/index.d.ts

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

package/components/NewPopover/useLogic/utils/getArrowPadding/index.js

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

package/components/NewPopover/useLogic/utils/getPopoverCssVars/getPopoverCssVars.d.ts

@@ -0,0 +1,2 @@
+import type { CSSProperties } from 'react';
+export declare const getPopoverCssVars: () => CSSProperties;

package/components/NewPopover/useLogic/utils/getPopoverCssVars/getPopoverCssVars.js

@@ -0,0 +1,6 @@
+export const getPopoverCssVars = () => ({
+    // Единая тень на весь силуэт (поповер + уголок стрелки).
+    // Эквивалент elevation[200], переведённого в drop-shadow(): box-shadow
+    // не умеет обводить единый силуэт поповера со стрелкой.
+    '--drop-shadow': 'drop-shadow(0px 0px 1px #072D574F) drop-shadow(0px 3px 5px #072D5733)',
+});

package/components/NewPopover/useLogic/utils/getPopoverCssVars/index.d.ts

@@ -0,0 +1 @@
+export { getPopoverCssVars } from './getPopoverCssVars';

package/components/NewPopover/useLogic/utils/getPopoverCssVars/index.js

@@ -0,0 +1 @@
+export { getPopoverCssVars } from './getPopoverCssVars';

package/components/NewPopover/useLogic/utils/resolveAnchorNode/resolveAnchorNode.d.ts

@@ -0,0 +1,6 @@
+import { type NewPopoverAnchorEl } from '../../../types';
+/**
+ * Приводит anchorEl к DOM-ноде (virtual-anchor → null), чтобы исключить якорь из
+ * клика-вне — иначе клик по нему закрывал бы поповер.
+ */
+export declare const resolveAnchorNode: (anchorEl: NewPopoverAnchorEl | undefined) => Node | null;

package/components/NewPopover/useLogic/utils/resolveAnchorNode/resolveAnchorNode.js

@@ -0,0 +1,8 @@
+/**
+ * Приводит anchorEl к DOM-ноде (virtual-anchor → null), чтобы исключить якорь из
+ * клика-вне — иначе клик по нему закрывал бы поповер.
+ */
+export const resolveAnchorNode = (anchorEl) => {
+    const value = typeof anchorEl === 'function' ? anchorEl() : anchorEl;
+    return value instanceof Node ? value : null;
+};

package/components/Onboarding/Onboarding.js

@@ -1,3 +1,4 @@
+import { createLogger } from '../../services/Logger';
 import { ErrorService } from '../services/ErrorService';
 import { ActiveStepStore } from './core/ActiveStepStore';
 import { OnboardingTour } from './core/OnboardingTour';
@@ -18,11 +19,20 @@ export class Onboarding {
          * Создаёт тур.
          */
         this.createTour = (tourConfig) => {
+            const logger = createLogger('Onboarding', {
+                context: { tourName: tourConfig.name },
+            });
             // Fail-fast на некорректной конфигурации до сборки тура.
-            validateTourConfig(tourConfig);
+            try {
+                validateTourConfig(tourConfig);
+            }
+            catch (error) {
+                logger.error('Некорректная конфигурация тура', error);
+                throw error;
+            }
             // Ключ хранилища уникален на тур, поэтому стратегия строится на createTour.
-            const progressStorage = new ProgressStorage(this.saveStrategyFactory(tourConfig.name));
-            return new OnboardingTour(tourConfig, progressStorage, this.activeStepStore, this.errorService);
+            const progressStorage = new ProgressStorage(this.saveStrategyFactory(tourConfig.name), logger);
+            return new OnboardingTour(tourConfig, progressStorage, this.activeStepStore, this.errorService, logger);
         };
         /**
          * Закрывает показанный сейчас тур.

package/components/Onboarding/core/ExitController/ExitController.d.ts

@@ -1,3 +1,4 @@
+import { type Logger } from '../../../../services/Logger';
 export type ExitControllerParams = {
     /**
      * Фактическое закрытие тура. Вызывается только после подтверждения в
@@ -20,8 +21,9 @@ export type ExitControllerParams = {
  */
 export declare class ExitController {
     private readonly params;
+    private readonly logger;
     private confirming;
-    constructor(params: ExitControllerParams);
+    constructor(params: ExitControllerParams, logger: Logger);
     /**
      * Идёт ли запрос подтверждения выхода.
      */

package/components/Onboarding/core/ExitController/ExitController.js

@@ -6,8 +6,9 @@
  * (ConfirmExit); закрытие происходит только по confirm.
  */
 export class ExitController {
-    constructor(params) {
+    constructor(params, logger) {
         this.params = params;
+        this.logger = logger;
         this.confirming = false;
         /**
          * Запрос на закрытие — показывает ConfirmExit. Повторные вызовы во время
@@ -17,6 +18,7 @@ export class ExitController {
             if (this.confirming) {
                 return;
             }
+            this.logger.debug('Запрошен выход из тура, показано подтверждение');
             this.confirming = true;
             this.params.onChange();
         };
@@ -37,6 +39,7 @@ export class ExitController {
             if (!this.confirming) {
                 return;
             }
+            this.logger.debug('Выход из тура отменён');
             this.confirming = false;
             this.params.onChange();
         };

package/components/Onboarding/core/OnboardingTour/OnboardingTour.d.ts

@@ -1,3 +1,4 @@
+import { type Logger } from '../../../../services/Logger';
 import { type ErrorService } from '../../../services/ErrorService';
 import { type OnboardingTourConfig, type Step, type StepHandles, type TourProgress } from '../../types';
 import { type ActiveStepStore } from '../ActiveStepStore';
@@ -13,6 +14,7 @@ export declare class OnboardingTour<TSteps extends readonly Step[] = readonly St
     private readonly progressStorage;
     private readonly activeStepStore;
     private readonly errorService;
+    private readonly logger;
     private readonly navigator;
     private readonly resolver;
     private readonly stepsController;
@@ -22,7 +24,7 @@ export declare class OnboardingTour<TSteps extends readonly Step[] = readonly St
      * Типобезопасный доступ к шагам по их именам.
      */
     readonly steps: StepHandles<TSteps>;
-    constructor(config: OnboardingTourConfig<TSteps>, progressStorage: ProgressStorage, activeStepStore: ActiveStepStore, errorService: ErrorService);
+    constructor(config: OnboardingTourConfig<TSteps>, progressStorage: ProgressStorage, activeStepStore: ActiveStepStore, errorService: ErrorService, logger: Logger);
     /**
      * Запуск тура с первого шага.
      */

package/components/Onboarding/core/OnboardingTour/OnboardingTour.js

@@ -9,11 +9,12 @@ import { StepsController } from '../StepsController';
  * состояние активного шага в store своего экземпляра онбординга.
  */
 export class OnboardingTour {
-    constructor(config, progressStorage, activeStepStore, errorService) {
+    constructor(config, progressStorage, activeStepStore, errorService, logger) {
         this.config = config;
         this.progressStorage = progressStorage;
         this.activeStepStore = activeStepStore;
         this.errorService = errorService;
+        this.logger = logger;
         this.status = 'idle';
         /**
          * Запуск тура с первого шага.
@@ -21,8 +22,10 @@ export class OnboardingTour {
         this.start = async () => {
             const persisted = await this.progressStorage.load();
             if (persisted?.isDismissed) {
+                this.logger.info('Тур пропущен: ранее закрыт пользователем');
                 return;
             }
+            this.logger.info('Тур запущен');
             this.exitController.reset();
             this.navigator.reset();
             this.enterCurrentStep();
@@ -32,8 +35,10 @@ export class OnboardingTour {
          */
         this.resume = () => {
             if (this.status !== 'waiting-resume') {
+                this.logger.debug('resume проигнорирован: тур не на паузе');
                 return;
             }
+            this.logger.debug('Тур возобновлён после паузы');
             this.status = 'running';
             this.publishStep();
         };
@@ -42,6 +47,7 @@ export class OnboardingTour {
          */
         this.restore = async () => {
             const persisted = await this.progressStorage.load();
+            this.logger.info('Тур восстановлен');
             this.exitController.reset();
             this.navigator.reset();
             // Пройденный тур переигрываем с начала; иначе продолжаем с сохранённого шага.
@@ -148,6 +154,7 @@ export class OnboardingTour {
          */
         this.resetProgress = async () => {
             await this.progressStorage.reset();
+            this.logger.debug('Прогресс тура сброшен');
         };
         /**
          * Возвращает сохранённый прогресс тура
@@ -167,12 +174,14 @@ export class OnboardingTour {
                     isDismissed: true,
                 });
             }
+            this.logger.info('Тур закрыт', { reason });
             this.status = 'idle';
             this.exitController.reset();
             this.releaseStep();
             this.config.onClose?.(reason);
         };
         this.handleError = (error) => {
+            this.logger.error('Ошибка тура', error);
             this.errorService.captureException(error, {
                 place: 'Onboarding',
                 tourName: this.config.name,
@@ -185,17 +194,22 @@ export class OnboardingTour {
         this.resolver = new StepResolver(config);
         this.stepsController = new StepsController(config.steps, (stepName) => this.refreshStep(stepName));
         this.steps = this.stepsController.handles;
-        this.exitController = new ExitController({
+        const exitParams = {
             close: () => this.exit('dismissed'),
             onChange: () => this.publishStep(),
-        });
+        };
+        this.exitController = new ExitController(exitParams, this.logger);
     }
     /**
      * Разрешена ли навигация сейчас: тур показан на экране и владеет активным
      * шагом store
      */
     canNavigate() {
-        return this.status === 'running' && this.activeStepStore.isActiveTour(this);
+        const isNavigable = this.status === 'running' && this.activeStepStore.isActiveTour(this);
+        if (!isNavigable) {
+            this.logger.debug('Навигация проигнорирована: тур неактивен');
+        }
+        return isNavigable;
     }
     /**
      * Переход к текущему шагу. Шаг с `waitForResume` ставит тур в ожидание
@@ -204,16 +218,23 @@ export class OnboardingTour {
     enterCurrentStep() {
         // Показывать нечего: у тура нет ни одного видимого (не-пропущенного) шага.
         if (this.navigator.total === 0) {
+            this.logger.warn('Нет ни одного видимого шага, тур не показан');
             this.status = 'idle';
             this.releaseStep();
             return;
         }
         const step = this.navigator.current;
         if (step.waitForResume) {
+            this.logger.debug('Ожидание resume', { step: step.name });
             this.status = 'waiting-resume';
             this.releaseStep();
             return;
         }
+        this.logger.debug('Показан шаг', {
+            step: step.name,
+            position: this.navigator.position,
+            total: this.navigator.total,
+        });
         this.status = 'running';
         this.publishStep();
     }

package/components/Onboarding/core/ProgressStorage/ProgressStorage.d.ts

@@ -1,3 +1,4 @@
+import { type Logger } from '../../../../services/Logger';
 import { type SaveStrategy, type TourProgress } from '../../types';
 /**
  * Обёртка над переданной SaveStrategy, изолирующая тур от исключений хранилища
@@ -9,8 +10,9 @@ import { type SaveStrategy, type TourProgress } from '../../types';
  */
 export declare class ProgressStorage {
     private readonly strategy;
+    private readonly logger;
     private saving;
-    constructor(strategy: SaveStrategy);
+    constructor(strategy: SaveStrategy, logger: Logger);
     load(): Promise<TourProgress | null>;
     save(state: TourProgress): Promise<void>;
     /**

package/components/Onboarding/core/ProgressStorage/ProgressStorage.js

@@ -15,8 +15,9 @@ const CLEARED_STATE = {
  * `load()` ждёт текущее сохранение, поэтому читает уже применённое состояние.
  */
 export class ProgressStorage {
-    constructor(strategy) {
+    constructor(strategy, logger) {
         this.strategy = strategy;
+        this.logger = logger;
         this.saving = Promise.resolve();
     }
     async load() {
@@ -25,7 +26,9 @@ export class ProgressStorage {
         try {
             return await this.strategy.load();
         }
-        catch {
+        catch (error) {
+            // Ошибка хранилища не должна ронять тур, но остаётся видимой в логах.
+            this.logger.warn('Ошибка чтения прогресса из хранилища', error);
             return null;
         }
     }
@@ -49,8 +52,9 @@ export class ProgressStorage {
             try {
                 await write();
             }
-            catch {
-                // Ошибка хранилища не должна ронять тур;
+            catch (error) {
+                // Ошибка хранилища не должна ронять тур, но остаётся видимой в логах.
+                this.logger.warn('Ошибка записи прогресса в хранилище', error);
             }
         });
         return this.saving;

package/components/Onboarding/ui/StepStrategy/steps/HighlightStep/HighlightStep.js

@@ -1,8 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CrossOutlineMd } from '../../../../../../icons/CrossOutlineMd';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Typography } from '../../../../../Typography';
 import { StepFooter } from '../StepFooter';
-import { CloseButton, Content, PopoverBody, StepPopover } from './styles';
+import { StepPopover } from './styles';
 import { useLogic } from './useLogic';
 /**
  * Шаг с подсветкой: popover рядом с hole.
@@ -15,5 +14,5 @@ export const HighlightStep = ({ activeStep, isClosing, geometry, }) => {
     if (!anchorEl) {
         return null;
     }
-    return (_jsx(_Fragment, { children: shouldShowPopover && (_jsx(StepPopover, { isOpen: isOpen, disableAutoFocus: true, hasArrow: true, anchorEl: anchorEl, placement: step.position, children: _jsxs(PopoverBody, { ref: setPopoverNode, tabIndex: -1, children: [_jsx(CloseButton, { variant: "text", onClick: handleClose, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", children: _jsx(CrossOutlineMd, {}) }), _jsxs(Content, { children: [step.title && (_jsx(Typography, { component: "div", variant: "h5", children: step.title })), step.content && (_jsx(Typography, { component: "div", variant: "body1", color: "grey", colorIntensity: "900", children: step.content }))] }), _jsx(StepFooter, { activeStep: activeStep })] }) })) }));
+    return (_jsx(_Fragment, { children: shouldShowPopover && (_jsx(StepPopover, { variant: "light", isOpen: isOpen, disableAutoFocus: true, anchorEl: anchorEl, placement: step.position, onClose: handleClose, contentRef: setPopoverNode, title: step.title, action: _jsx(StepFooter, { activeStep: activeStep }), children: step.content && (_jsx(Typography, { component: "div", variant: "body1", color: "grey", colorIntensity: "900", children: step.content })) })) }));
 };

package/components/Onboarding/ui/StepStrategy/steps/HighlightStep/styles.d.ts

@@ -1,25 +1,9 @@
 /// <reference types="react" />
-/**
- * Popover шага, z-index над overlay, быстрое закрытие.
- */
-export declare const StepPopover: import("../../../../../styled").StyledComponent<import("../../../../../NewPopover").NewPopoverProps & {
+export declare const StepPopover: import("../../../../../styled").StyledComponent<Omit<import("../../../../../NewPopover").NewPopoverProps, "title" | "hasArrow" | "disableMobileDrawer"> & {
+    variant?: import("../../../../../HintPopover").HintPopoverVariant | undefined;
+    title?: import("react").ReactNode;
+    action?: import("react").ReactNode;
+    contentRef?: import("react").Ref<HTMLDivElement> | undefined;
+} & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const PopoverBody: import("../../../../../styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CloseButton: import("../../../../../styled").StyledComponent<Omit<import("../../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
-    loading?: boolean | undefined;
-    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
-    component?: import("react").ElementType | undefined;
-    selected?: boolean | undefined;
-    size?: "large" | "medium" | undefined;
-} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const Content: import("../../../../../styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Onboarding/ui/StepStrategy/steps/HighlightStep/styles.js

@@ -1,56 +1,13 @@
-import { IconButton } from '../../../../../IconButton';
-import { NewPopover } from '../../../../../NewPopover';
+import { HintPopover } from '../../../../../HintPopover';
 import { popoverClassnames } from '../../../../../NewPopover/constants';
 import { styled } from '../../../../../styled';
 import { ONBOARDING_Z_INDEX_OFFSET } from '../../../../constants';
-/**
- * Popover шага, z-index над overlay, быстрое закрытие.
- */
-export const StepPopover = styled(NewPopover) `
+export const StepPopover = styled(HintPopover) `
   && {
     z-index: ${({ theme }) => theme.zIndex.tooltip + ONBOARDING_Z_INDEX_OFFSET.popover};
   }
-  
-  .${popoverClassnames.innerContainer} {
-    border-radius: calc(${({ theme }) => theme.shape.medium} * 2);
-  }
 
   .${popoverClassnames.animatedWrapper}:not(.${popoverClassnames.animatedWrapperOpen}) {
     animation-duration: ${({ theme }) => theme.transitions.duration.shortest}ms;
   }
 `;
-export const PopoverBody = styled.div `
-  position: relative;
-
-  width: 400px;
-  padding: ${({ theme }) => theme.spacing(6)};
-
-  border-radius: calc(${({ theme }) => theme.shape.medium} * 2);
-
-  /* Фокус-трап ставит фокус на контейнер, браузерную рамку убираем. */
-  &:focus {
-    outline: none;
-  }
-`;
-export const CloseButton = styled(IconButton) `
-  position: absolute;
-  top: ${({ theme }) => theme.spacing(6)};
-  right: ${({ theme }) => theme.spacing(6)};
-`;
-export const Content = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${({ theme }) => theme.spacing(4)};
-
-  margin-bottom: ${({ theme }) => theme.spacing(6)};
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-
-  /* Резерв справа под крестик — только у верхнего элемента (заголовок, а если
-     его нет — текст) */
-  & > *:first-of-type {
-    padding-right: ${({ theme }) => theme.spacing(10)};
-  }
-`;

package/node/_mocks/LoggerMock/LoggerMock.d.ts

@@ -0,0 +1,16 @@
+import { type Logger } from '../../services/Logger';
+/**
+ * Mock логгера для тестов
+ */
+export declare class LoggerMock {
+    configure: Logger['configure'];
+    child: Logger['child'];
+    isLevelEnabled: Logger['isLevelEnabled'];
+    success: Logger['success'];
+    info: Logger['info'];
+    warn: Logger['warn'];
+    debug: Logger['debug'];
+    error: Logger['error'];
+    constructor();
+}
+export declare const createLoggerMock: () => Logger;

package/node/_mocks/LoggerMock/LoggerMock.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLoggerMock = exports.LoggerMock = void 0;
+const vitest_1 = require("vitest");
+/**
+ * Mock логгера для тестов
+ */
+class LoggerMock {
+    constructor() {
+        this.configure = vitest_1.vi.fn(() => vitest_1.vi.fn());
+        this.child = vitest_1.vi.fn();
+        this.isLevelEnabled = vitest_1.vi.fn(() => false);
+        this.success = vitest_1.vi.fn();
+        this.info = vitest_1.vi.fn();
+        this.warn = vitest_1.vi.fn();
+        this.debug = vitest_1.vi.fn();
+        this.error = vitest_1.vi.fn();
+        vitest_1.vi.mocked(this.child).mockReturnValue(this);
+    }
+}
+exports.LoggerMock = LoggerMock;
+const createLoggerMock = () => new LoggerMock();
+exports.createLoggerMock = createLoggerMock;

package/node/_mocks/LoggerMock/index.d.ts

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

package/node/_mocks/LoggerMock/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("./LoggerMock"), exports);

package/node/components/ConfigProvider/ConfigProvider.d.ts

@@ -1,4 +1,5 @@
 import { type ReactElement, type ReactNode } from 'react';
+import { type LogThreshold } from '../../services/Logger';
 import { type LanguageMap } from '../DatePicker/types';
 import { type PlaceholderImageProps } from '../placeholders/Placeholder/Image';
 import { type CaptureException } from '../services/ErrorService';
@@ -138,7 +139,12 @@ export type ConfigProviderProps = Partial<ConfigContextProps> & {
      * Переданный в компонент флаг напрямую имеет приоритет выше
      */
     nextFeatureFlags?: NextFeatureFlagsContextProps;
+    /**
+     * Порог логов ui-kit в консоли. По умолчанию: prod → `error`, dev → `warn`,
+     * test → `silent`. `silent` — выключить полностью.
+     */
+    logLevel?: LogThreshold;
 };
 export declare const ConfigContext: import("react").Context<ConfigContextProps>;
-export declare const ConfigProvider: ({ children, language, datePickerLanguageMap, captureException: captureExceptionProp, emptySymbol, imagesMap, techSup, hidePersonalData, hidePersonalDataClassname, hidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags, }: Partial<ConfigProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfigProvider: ({ children, language, datePickerLanguageMap, captureException: captureExceptionProp, emptySymbol, imagesMap, techSup, hidePersonalData, hidePersonalDataClassname, hidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags, logLevel, }: Partial<ConfigProviderProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/node/components/ConfigProvider/ConfigProvider.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfigProvider = exports.ConfigContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const Logger_1 = require("../../services/Logger");
 const constants_1 = require("../DatePicker/constants");
 const ErrorService_1 = require("../services/ErrorService");
 const NextFeatureFlagsContext_1 = require("./NextFeatureFlagsContext");
@@ -16,6 +17,10 @@ const techSupDefault = {
     phone: '',
     email: '',
 };
+const defaultCaptureException = (error) => {
+    // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
+    console.error(error);
+};
 const defaultHidePersonalDataClassname = 'ym-hide-content sentry-mask';
 const defaultHidePersonalInputDataClassname = 'ym-disable-keys sentry-mask';
 exports.ConfigContext = (0, react_1.createContext)({
@@ -30,20 +35,21 @@ exports.ConfigContext = (0, react_1.createContext)({
     hidePersonalInputDataClassname: defaultHidePersonalInputDataClassname,
     hidePersonalData: true,
 });
-const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMap = constants_1.russianMap, captureException: captureExceptionProp, emptySymbol = '—', imagesMap = imagesMapDefault, techSup = techSupDefault, hidePersonalData = true, hidePersonalDataClassname = defaultHidePersonalDataClassname, hidePersonalInputDataClassname = defaultHidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags = {}, }) => {
-    const captureException = 
-    // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
-    captureExceptionProp || ((error) => console.error(error));
-    (0, react_1.useMemo)(() => {
+const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMap = constants_1.russianMap, captureException: captureExceptionProp, emptySymbol = '—', imagesMap = imagesMapDefault, techSup = techSupDefault, hidePersonalData = true, hidePersonalDataClassname = defaultHidePersonalDataClassname, hidePersonalInputDataClassname = defaultHidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags = {}, logLevel, }) => {
+    const captureException = captureExceptionProp ?? defaultCaptureException;
+    (0, react_1.useEffect)(() => {
         ErrorService_1.ErrorService.getInstance().init(captureException);
     }, [captureException]);
     (0, react_1.useEffect)(() => {
-        if (!captureException) {
+        return (0, Logger_1.configureLogger)({ level: logLevel });
+    }, [logLevel]);
+    (0, react_1.useEffect)(() => {
+        if (!captureExceptionProp) {
             // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
             console.warn('ConfigProvider: Необходимо наличие captureException, связанного с сервисом мониторинга ошибок.\n' +
                 'На данный момент все ошибки, отлавливаемые в ErrorBoundary будут выводиться только в консоль');
         }
-    }, []);
+    }, [captureExceptionProp]);
     const components = {
         ...propsComponents,
         layout: {

package/node/components/DashboardLayout/Header/useLogic/useLogic.d.ts

@@ -5,7 +5,7 @@ export declare const useLogic: ({ profile, menuOrganization }: HeaderProps) => {
     isShowProfile: boolean;
     isMobile: boolean;
     isFocusedMode: boolean;
-    mobileHeaderPriorityFeature: "menuOrg" | "profile";
+    mobileHeaderPriorityFeature: "profile" | "menuOrg";
     isLoading: boolean;
     collapsedIn: boolean;
     onToggleSidebar: (newValue?: boolean | undefined) => void;

package/node/components/HintPopover/HintPopover.d.ts

@@ -0,0 +1,6 @@
+import { type HintPopoverProps } from './types';
+/**
+ * Поповер-подсказка, привязанная к элементу: подсвечивает возможность интерфейса.
+ * Отличие от `NewPopover`: увеличенное скругление, всегда со стрелкой и не сворачивается в BottomDrawer на mobile.
+ */
+export declare const HintPopover: ({ variant, title, action, onClose, contentRef, children, className, ...restProps }: HintPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/HintPopover/HintPopover.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HintPopover = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CrossOutlineMd_1 = require("../../icons/CrossOutlineMd");
+const useViewportType_1 = require("../useViewportType");
+const classNames_1 = require("../utils/classNames");
+const cva_1 = require("../utils/cva");
+const constants_1 = require("./constants");
+const styles_1 = require("./styles");
+const hintPopoverCva = (0, cva_1.cva)(constants_1.hintPopoverClassnames.root, {
+    variants: {
+        variant: {
+            light: '',
+            dark: constants_1.hintPopoverClassnames.dark,
+        },
+    },
+});
+/**
+ * Поповер-подсказка, привязанная к элементу: подсвечивает возможность интерфейса.
+ * Отличие от `NewPopover`: увеличенное скругление, всегда со стрелкой и не сворачивается в BottomDrawer на mobile.
+ */
+const HintPopover = ({ variant = 'dark', title, action, onClose, contentRef, children, className, ...restProps }) => {
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledHintPopover, { ...restProps, className: (0, classNames_1.classNames)(className, hintPopoverCva({ variant })), hasArrow: true, disableMobileDrawer: true, onClose: onClose, children: (0, jsx_runtime_1.jsxs)(styles_1.Body, { ref: contentRef, tabIndex: -1, children: [(0, jsx_runtime_1.jsx)(styles_1.CloseButton, { variant: "text", onClick: onClose, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }), title && ((0, jsx_runtime_1.jsx)(styles_1.Title, { component: "div", variant: isMobile ? 'h5' : 'h4', children: title })), children, action && (0, jsx_runtime_1.jsx)(styles_1.ActionRow, { children: action })] }) }));
+};
+exports.HintPopover = HintPopover;

package/node/components/HintPopover/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const hintPopoverClassnames: {
+    root: string;
+    dark: string;
+};

package/node/components/HintPopover/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hintPopoverClassnames = void 0;
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
+exports.hintPopoverClassnames = {
+    root: (0, createUIKitClassname_1.createUIKitClassname)('hint-popover'),
+    dark: (0, createUIKitClassname_1.createUIKitClassname)('hint-popover_dark'),
+};

package/node/components/HintPopover/index.d.ts

@@ -0,0 +1,2 @@
+export { HintPopover } from './HintPopover';
+export type { HintPopoverProps, HintPopoverVariant } from './types';