@alfalab/core-components-notification-manager 7.0.3 → 7.0.4

package/component.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
 import { type PortalProps } from '@alfalab/core-components-portal';
 import { type NotificationElement } from './components';
-export declare type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
+export type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Массив нотификаций.
      * В нотификации обязательно передавайте id.
@@ -43,19 +43,19 @@ export declare const NotificationManager: React.ForwardRefExoticComponent<React.
     /**
      * Дополнительный класс (native prop)
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
     /**
      * z-index компонента
      */
-    zIndex?: number | undefined;
+    zIndex?: number;
     /**
      * Отступ от верхнего края
      */
-    offset?: number | undefined;
+    offset?: number;
     /**
      * Удаление нотификации
      */
@@ -65,5 +65,5 @@ export declare const NotificationManager: React.ForwardRefExoticComponent<React.
      *
      * Контейнер к которому будут добавляться порталы
      */
-    container?: PortalProps['getPortalContainer'];
+    container?: PortalProps["getPortalContainer"];
 } & React.RefAttributes<HTMLDivElement>>;

package/components/notification/component.d.ts

@@ -1,9 +1,9 @@
 import { type FC, type ReactElement, type RefObject } from 'react';
 import { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';
-export declare type NotificationElement = ReactElement<CoreNotificationProps & {
+export type NotificationElement = ReactElement<CoreNotificationProps & {
     id: string;
 }>;
-declare type NotificationProps = {
+type NotificationProps = {
     element: NotificationElement;
     className: string;
     onRemoveNotification: (id: string) => void;

package/components/notification/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/notification/component.ts"],"sourcesContent":["import {\n    cloneElement,\n    type FC,\n    type ReactElement,\n    type RefObject,\n    useCallback,\n    useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';\n\nexport type NotificationElement = ReactElement<CoreNotificationProps & { id: string }>;\n\ntype NotificationProps = {\n    element: NotificationElement;\n    className: string;\n    onRemoveNotification: (id: string) => void;\n    containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const Notification: FC<NotificationProps> = ({\n    element,\n    className,\n    onRemoveNotification,\n    containerRef,\n}) => {\n    const { onClose, onCloseTimeout } = element.props;\n\n    const handleClose = useCallback(() => {\n        if (onClose) {\n            onClose();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [onClose, onRemoveNotification, element.props.id]);\n\n    const handleCloseTimeout = useCallback(() => {\n        if (onCloseTimeout) {\n            onCloseTimeout();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [element.props.id, onCloseTimeout, onRemoveNotification]);\n\n    const notificationProps = useMemo<CoreNotificationProps>(\n        () => ({\n            ...element.props,\n            visible: true,\n            className: cn(className, element.props.className),\n            usePortal: false,\n            offset: 0,\n            onClose: handleClose,\n            onCloseTimeout: handleCloseTimeout,\n            containerRef,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, handleClose, handleCloseTimeout, containerRef],\n    );\n\n    return cloneElement(element, notificationProps);\n};\n"],"names":["useCallback","useMemo","__assign","cn","cloneElement"],"mappings":";;;;;;;;;;;;AAqBO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;QAJG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEN,IAAA,EAAA,GAA8B,OAAO,CAAC,KAAK,EAAzC,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAkB;IAEjD,IAAM,WAAW,GAAGA,iBAAW,CAAC,YAAA;AAC5B,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,EAAE;AACZ;AAED,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAErD,IAAM,kBAAkB,GAAGA,iBAAW,CAAC,YAAA;AACnC,QAAA,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;AACnB;AAED,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;IAE5D,IAAM,iBAAiB,GAAGC,aAAO,CAC7B,cAAM,QAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACC,OAAO,CAAC,KAAK,CAAA,EAAA,EAChB,OAAO,EAAE,IAAI,EACb,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EACjD,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAA,YAAA,EACd,CAAA,EAAA,EAAA;;IAEF,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAC3D;AAED,IAAA,OAAOC,kBAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACnD;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/notification/component.ts"],"sourcesContent":["import {\n    cloneElement,\n    type FC,\n    type ReactElement,\n    type RefObject,\n    useCallback,\n    useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';\n\nexport type NotificationElement = ReactElement<CoreNotificationProps & { id: string }>;\n\ntype NotificationProps = {\n    element: NotificationElement;\n    className: string;\n    onRemoveNotification: (id: string) => void;\n    containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const Notification: FC<NotificationProps> = ({\n    element,\n    className,\n    onRemoveNotification,\n    containerRef,\n}) => {\n    const { onClose, onCloseTimeout } = element.props;\n\n    const handleClose = useCallback(() => {\n        if (onClose) {\n            onClose();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [onClose, onRemoveNotification, element.props.id]);\n\n    const handleCloseTimeout = useCallback(() => {\n        if (onCloseTimeout) {\n            onCloseTimeout();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [element.props.id, onCloseTimeout, onRemoveNotification]);\n\n    const notificationProps = useMemo<CoreNotificationProps>(\n        () => ({\n            ...element.props,\n            visible: true,\n            className: cn(className, element.props.className),\n            usePortal: false,\n            offset: 0,\n            onClose: handleClose,\n            onCloseTimeout: handleCloseTimeout,\n            containerRef,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, handleClose, handleCloseTimeout, containerRef],\n    );\n\n    return cloneElement(element, notificationProps);\n};\n"],"names":["useCallback","useMemo","__assign","cn","cloneElement"],"mappings":";;;;;;;;;;;;AAqBO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;QAJG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEN,IAAA,EAAA,GAA8B,OAAO,CAAC,KAAK,EAAzC,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAkB;IAEjD,IAAM,WAAW,GAAGA,iBAAW,CAAC,YAAA;QAC5B,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,EAAE;;AAGb,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAErD,IAAM,kBAAkB,GAAGA,iBAAW,CAAC,YAAA;QACnC,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;;AAGpB,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;IAE5D,IAAM,iBAAiB,GAAGC,aAAO,CAC7B,cAAM,QAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACC,OAAO,CAAC,KAAK,CAAA,EAAA,EAChB,OAAO,EAAE,IAAI,EACb,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EACjD,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAA,YAAA,EACd,CAAA,EAAA,EAAA;;IAEF,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAC3D;AAED,IAAA,OAAOC,kBAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACnD;;;;"}

package/cssm/component.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
 import { type PortalProps } from '@alfalab/core-components-portal/cssm';
 import { type NotificationElement } from './components';
-export declare type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
+export type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Массив нотификаций.
      * В нотификации обязательно передавайте id.
@@ -43,19 +43,19 @@ export declare const NotificationManager: React.ForwardRefExoticComponent<React.
     /**
      * Дополнительный класс (native prop)
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
     /**
      * z-index компонента
      */
-    zIndex?: number | undefined;
+    zIndex?: number;
     /**
      * Отступ от верхнего края
      */
-    offset?: number | undefined;
+    offset?: number;
     /**
      * Удаление нотификации
      */
@@ -65,5 +65,5 @@ export declare const NotificationManager: React.ForwardRefExoticComponent<React.
      *
      * Контейнер к которому будут добавляться порталы
      */
-    container?: PortalProps['getPortalContainer'];
+    container?: PortalProps["getPortalContainer"];
 } & React.RefAttributes<HTMLDivElement>>;

package/cssm/components/notification/component.d.ts

@@ -1,9 +1,9 @@
 import { type FC, type ReactElement, type RefObject } from 'react';
 import { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification/cssm';
-export declare type NotificationElement = ReactElement<CoreNotificationProps & {
+export type NotificationElement = ReactElement<CoreNotificationProps & {
     id: string;
 }>;
-declare type NotificationProps = {
+type NotificationProps = {
     element: NotificationElement;
     className: string;
     onRemoveNotification: (id: string) => void;

package/cssm/components/notification/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/notification/component.ts"],"sourcesContent":["import {\n    cloneElement,\n    type FC,\n    type ReactElement,\n    type RefObject,\n    useCallback,\n    useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';\n\nexport type NotificationElement = ReactElement<CoreNotificationProps & { id: string }>;\n\ntype NotificationProps = {\n    element: NotificationElement;\n    className: string;\n    onRemoveNotification: (id: string) => void;\n    containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const Notification: FC<NotificationProps> = ({\n    element,\n    className,\n    onRemoveNotification,\n    containerRef,\n}) => {\n    const { onClose, onCloseTimeout } = element.props;\n\n    const handleClose = useCallback(() => {\n        if (onClose) {\n            onClose();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [onClose, onRemoveNotification, element.props.id]);\n\n    const handleCloseTimeout = useCallback(() => {\n        if (onCloseTimeout) {\n            onCloseTimeout();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [element.props.id, onCloseTimeout, onRemoveNotification]);\n\n    const notificationProps = useMemo<CoreNotificationProps>(\n        () => ({\n            ...element.props,\n            visible: true,\n            className: cn(className, element.props.className),\n            usePortal: false,\n            offset: 0,\n            onClose: handleClose,\n            onCloseTimeout: handleCloseTimeout,\n            containerRef,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, handleClose, handleCloseTimeout, containerRef],\n    );\n\n    return cloneElement(element, notificationProps);\n};\n"],"names":["useCallback","useMemo","__assign","cn","cloneElement"],"mappings":";;;;;;;;;;;;AAqBO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;QAJG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEN,IAAA,EAAA,GAA8B,OAAO,CAAC,KAAK,EAAzC,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAkB;IAEjD,IAAM,WAAW,GAAGA,iBAAW,CAAC,YAAA;AAC5B,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,EAAE;AACZ;AAED,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAErD,IAAM,kBAAkB,GAAGA,iBAAW,CAAC,YAAA;AACnC,QAAA,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;AACnB;AAED,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;IAE5D,IAAM,iBAAiB,GAAGC,aAAO,CAC7B,cAAM,QAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACC,OAAO,CAAC,KAAK,CAAA,EAAA,EAChB,OAAO,EAAE,IAAI,EACb,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EACjD,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAA,YAAA,EACd,CAAA,EAAA,EAAA;;IAEF,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAC3D;AAED,IAAA,OAAOC,kBAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACnD;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/notification/component.ts"],"sourcesContent":["import {\n    cloneElement,\n    type FC,\n    type ReactElement,\n    type RefObject,\n    useCallback,\n    useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';\n\nexport type NotificationElement = ReactElement<CoreNotificationProps & { id: string }>;\n\ntype NotificationProps = {\n    element: NotificationElement;\n    className: string;\n    onRemoveNotification: (id: string) => void;\n    containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const Notification: FC<NotificationProps> = ({\n    element,\n    className,\n    onRemoveNotification,\n    containerRef,\n}) => {\n    const { onClose, onCloseTimeout } = element.props;\n\n    const handleClose = useCallback(() => {\n        if (onClose) {\n            onClose();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [onClose, onRemoveNotification, element.props.id]);\n\n    const handleCloseTimeout = useCallback(() => {\n        if (onCloseTimeout) {\n            onCloseTimeout();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [element.props.id, onCloseTimeout, onRemoveNotification]);\n\n    const notificationProps = useMemo<CoreNotificationProps>(\n        () => ({\n            ...element.props,\n            visible: true,\n            className: cn(className, element.props.className),\n            usePortal: false,\n            offset: 0,\n            onClose: handleClose,\n            onCloseTimeout: handleCloseTimeout,\n            containerRef,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, handleClose, handleCloseTimeout, containerRef],\n    );\n\n    return cloneElement(element, notificationProps);\n};\n"],"names":["useCallback","useMemo","__assign","cn","cloneElement"],"mappings":";;;;;;;;;;;;AAqBO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;QAJG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEN,IAAA,EAAA,GAA8B,OAAO,CAAC,KAAK,EAAzC,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAkB;IAEjD,IAAM,WAAW,GAAGA,iBAAW,CAAC,YAAA;QAC5B,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,EAAE;;AAGb,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAErD,IAAM,kBAAkB,GAAGA,iBAAW,CAAC,YAAA;QACnC,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;;AAGpB,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;IAE5D,IAAM,iBAAiB,GAAGC,aAAO,CAC7B,cAAM,QAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACC,OAAO,CAAC,KAAK,CAAA,EAAA,EAChB,OAAO,EAAE,IAAI,EACb,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EACjD,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAA,YAAA,EACd,CAAA,EAAA,EAAA;;IAEF,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAC3D;AAED,IAAA,OAAOC,kBAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACnD;;;;"}

package/esm/component.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
 import { type PortalProps } from '@alfalab/core-components-portal/esm';
 import { type NotificationElement } from './components';
-export declare type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
+export type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Массив нотификаций.
      * В нотификации обязательно передавайте id.
@@ -43,19 +43,19 @@ export declare const NotificationManager: React.ForwardRefExoticComponent<React.
     /**
      * Дополнительный класс (native prop)
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
     /**
      * z-index компонента
      */
-    zIndex?: number | undefined;
+    zIndex?: number;
     /**
      * Отступ от верхнего края
      */
-    offset?: number | undefined;
+    offset?: number;
     /**
      * Удаление нотификации
      */
@@ -65,5 +65,5 @@ export declare const NotificationManager: React.ForwardRefExoticComponent<React.
      *
      * Контейнер к которому будут добавляться порталы
      */
-    container?: PortalProps['getPortalContainer'];
+    container?: PortalProps["getPortalContainer"];
 } & React.RefAttributes<HTMLDivElement>>;

package/esm/components/notification/component.d.ts

@@ -1,9 +1,9 @@
 import { type FC, type ReactElement, type RefObject } from 'react';
 import { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification/esm';
-export declare type NotificationElement = ReactElement<CoreNotificationProps & {
+export type NotificationElement = ReactElement<CoreNotificationProps & {
     id: string;
 }>;
-declare type NotificationProps = {
+type NotificationProps = {
     element: NotificationElement;
     className: string;
     onRemoveNotification: (id: string) => void;

package/esm/components/notification/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/notification/component.ts"],"sourcesContent":["import {\n    cloneElement,\n    type FC,\n    type ReactElement,\n    type RefObject,\n    useCallback,\n    useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';\n\nexport type NotificationElement = ReactElement<CoreNotificationProps & { id: string }>;\n\ntype NotificationProps = {\n    element: NotificationElement;\n    className: string;\n    onRemoveNotification: (id: string) => void;\n    containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const Notification: FC<NotificationProps> = ({\n    element,\n    className,\n    onRemoveNotification,\n    containerRef,\n}) => {\n    const { onClose, onCloseTimeout } = element.props;\n\n    const handleClose = useCallback(() => {\n        if (onClose) {\n            onClose();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [onClose, onRemoveNotification, element.props.id]);\n\n    const handleCloseTimeout = useCallback(() => {\n        if (onCloseTimeout) {\n            onCloseTimeout();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [element.props.id, onCloseTimeout, onRemoveNotification]);\n\n    const notificationProps = useMemo<CoreNotificationProps>(\n        () => ({\n            ...element.props,\n            visible: true,\n            className: cn(className, element.props.className),\n            usePortal: false,\n            offset: 0,\n            onClose: handleClose,\n            onCloseTimeout: handleCloseTimeout,\n            containerRef,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, handleClose, handleCloseTimeout, containerRef],\n    );\n\n    return cloneElement(element, notificationProps);\n};\n"],"names":[],"mappings":";;;;AAqBO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;QAJG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEN,IAAA,EAAA,GAA8B,OAAO,CAAC,KAAK,EAAzC,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAkB;IAEjD,IAAM,WAAW,GAAG,WAAW,CAAC,YAAA;AAC5B,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,EAAE;AACZ;AAED,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAErD,IAAM,kBAAkB,GAAG,WAAW,CAAC,YAAA;AACnC,QAAA,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;AACnB;AAED,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;IAE5D,IAAM,iBAAiB,GAAG,OAAO,CAC7B,cAAM,QAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACC,OAAO,CAAC,KAAK,CAAA,EAAA,EAChB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EACjD,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAA,YAAA,EACd,CAAA,EAAA,EAAA;;IAEF,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAC3D;AAED,IAAA,OAAO,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACnD;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/notification/component.ts"],"sourcesContent":["import {\n    cloneElement,\n    type FC,\n    type ReactElement,\n    type RefObject,\n    useCallback,\n    useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';\n\nexport type NotificationElement = ReactElement<CoreNotificationProps & { id: string }>;\n\ntype NotificationProps = {\n    element: NotificationElement;\n    className: string;\n    onRemoveNotification: (id: string) => void;\n    containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const Notification: FC<NotificationProps> = ({\n    element,\n    className,\n    onRemoveNotification,\n    containerRef,\n}) => {\n    const { onClose, onCloseTimeout } = element.props;\n\n    const handleClose = useCallback(() => {\n        if (onClose) {\n            onClose();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [onClose, onRemoveNotification, element.props.id]);\n\n    const handleCloseTimeout = useCallback(() => {\n        if (onCloseTimeout) {\n            onCloseTimeout();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [element.props.id, onCloseTimeout, onRemoveNotification]);\n\n    const notificationProps = useMemo<CoreNotificationProps>(\n        () => ({\n            ...element.props,\n            visible: true,\n            className: cn(className, element.props.className),\n            usePortal: false,\n            offset: 0,\n            onClose: handleClose,\n            onCloseTimeout: handleCloseTimeout,\n            containerRef,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, handleClose, handleCloseTimeout, containerRef],\n    );\n\n    return cloneElement(element, notificationProps);\n};\n"],"names":[],"mappings":";;;;AAqBO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;QAJG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEN,IAAA,EAAA,GAA8B,OAAO,CAAC,KAAK,EAAzC,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAkB;IAEjD,IAAM,WAAW,GAAG,WAAW,CAAC,YAAA;QAC5B,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,EAAE;;AAGb,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAErD,IAAM,kBAAkB,GAAG,WAAW,CAAC,YAAA;QACnC,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;;AAGpB,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;IAE5D,IAAM,iBAAiB,GAAG,OAAO,CAC7B,cAAM,QAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACC,OAAO,CAAC,KAAK,CAAA,EAAA,EAChB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EACjD,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAA,YAAA,EACd,CAAA,EAAA,EAAA;;IAEF,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAC3D;AAED,IAAA,OAAO,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACnD;;;;"}

package/esm/index.css

@@ -7,47 +7,47 @@
     --gap-24: var(--gap-xl);
     --gap-48: var(--gap-4xl);
 }
-.notification-manager__component_1yve3 {
+.notification-manager__component_1an0j {
     position: fixed;
     top: var(--gap-0);
     right: var(--gap-12);
     display: flex;
     flex-direction: column;
 }
-.notification-manager__component_1yve3 .notification-manager__notification_1yve3 {
+.notification-manager__component_1an0j .notification-manager__notification_1an0j {
     width: calc(100vw - var(--gap-24));
     margin-top: var(--gap-12);
     will-change: transform;
 }
-.notification-manager__component_1yve3 .notification-manager__notification_1yve3.notification-manager__withoutMargin_1yve3 {
+.notification-manager__component_1an0j .notification-manager__notification_1an0j.notification-manager__withoutMargin_1an0j {
         margin-top: var(--gap-0);
     }
-.notification-manager__component_1yve3 .notification-manager__notification_1yve3.notification-manager__notification_1yve3 {
+.notification-manager__component_1an0j .notification-manager__notification_1an0j.notification-manager__notification_1an0j {
     position: static;
 }
-.notification-manager__enter_1yve3 {
+.notification-manager__enter_1an0j {
     visibility: hidden;
     transform: translate(0, -500px);
 }
-.notification-manager__enterActive_1yve3 {
+.notification-manager__enterActive_1an0j {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 }
 @media (min-width: 600px) {
-    .notification-manager__component_1yve3 {
+    .notification-manager__component_1an0j {
         right: var(--gap-48);
     }
 
-    .notification-manager__component_1yve3 .notification-manager__notification_1yve3 {
+    .notification-manager__component_1an0j .notification-manager__notification_1an0j {
         width: auto;
     }
 
-    .notification-manager__enter_1yve3 {
+    .notification-manager__enter_1an0j {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_1yve3 {
+    .notification-manager__enterActive_1an0j {
         transform: translate(0);
     }
 }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"notification-manager__component_1yve3","notification":"notification-manager__notification_1yve3","withoutMargin":"notification-manager__withoutMargin_1yve3","enter":"notification-manager__enter_1yve3","enterActive":"notification-manager__enterActive_1yve3"};
+var styles = {"component":"notification-manager__component_1an0j","notification":"notification-manager__notification_1an0j","withoutMargin":"notification-manager__withoutMargin_1an0j","enter":"notification-manager__enter_1an0j","enterActive":"notification-manager__enterActive_1an0j"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    position: fixed;\n    top: var(--gap-0);\n    right: var(--gap-12);\n    display: flex;\n    flex-direction: column;\n}\n\n.component .notification {\n    width: calc(100vw - var(--gap-24));\n    margin-top: var(--gap-12);\n    will-change: transform;\n\n    &.withoutMargin {\n        margin-top: var(--gap-0);\n    }\n}\n\n.component .notification.notification {\n    position: static;\n}\n\n.enter {\n    visibility: hidden;\n    transform: translate(0, -500px);\n}\n\n.enterActive {\n    visibility: visible;\n    transform: translate(0);\n    transition: transform 0.4s ease-out;\n}\n\n@media (--tablet-s) {\n    .component {\n        right: var(--gap-48);\n    }\n\n    .component .notification {\n        width: auto;\n    }\n\n    .enter {\n        transform: translate(100%, 0);\n    }\n\n    .enterActive {\n        transform: translate(0);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,uCAAuC,CAAC,cAAc,CAAC,0CAA0C,CAAC,eAAe,CAAC,2CAA2C,CAAC,OAAO,CAAC,mCAAmC,CAAC,aAAa,CAAC,yCAAyC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    position: fixed;\n    top: var(--gap-0);\n    right: var(--gap-12);\n    display: flex;\n    flex-direction: column;\n}\n\n.component .notification {\n    width: calc(100vw - var(--gap-24));\n    margin-top: var(--gap-12);\n    will-change: transform;\n\n    &.withoutMargin {\n        margin-top: var(--gap-0);\n    }\n}\n\n.component .notification.notification {\n    position: static;\n}\n\n.enter {\n    visibility: hidden;\n    transform: translate(0, -500px);\n}\n\n.enterActive {\n    visibility: visible;\n    transform: translate(0);\n    transition: transform 0.4s ease-out;\n}\n\n@media (--tablet-s) {\n    .component {\n        right: var(--gap-48);\n    }\n\n    .component .notification {\n        width: auto;\n    }\n\n    .enter {\n        transform: translate(100%, 0);\n    }\n\n    .enterActive {\n        transform: translate(0);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,uCAAuC,CAAC,cAAc,CAAC,0CAA0C,CAAC,eAAe,CAAC,2CAA2C,CAAC,OAAO,CAAC,mCAAmC,CAAC,aAAa,CAAC,yCAAyC,CAAC;;;;"}

package/index.css

@@ -7,47 +7,47 @@
     --gap-24: var(--gap-xl);
     --gap-48: var(--gap-4xl);
 }
-.notification-manager__component_1yve3 {
+.notification-manager__component_1an0j {
     position: fixed;
     top: var(--gap-0);
     right: var(--gap-12);
     display: flex;
     flex-direction: column;
 }
-.notification-manager__component_1yve3 .notification-manager__notification_1yve3 {
+.notification-manager__component_1an0j .notification-manager__notification_1an0j {
     width: calc(100vw - var(--gap-24));
     margin-top: var(--gap-12);
     will-change: transform;
 }
-.notification-manager__component_1yve3 .notification-manager__notification_1yve3.notification-manager__withoutMargin_1yve3 {
+.notification-manager__component_1an0j .notification-manager__notification_1an0j.notification-manager__withoutMargin_1an0j {
         margin-top: var(--gap-0);
     }
-.notification-manager__component_1yve3 .notification-manager__notification_1yve3.notification-manager__notification_1yve3 {
+.notification-manager__component_1an0j .notification-manager__notification_1an0j.notification-manager__notification_1an0j {
     position: static;
 }
-.notification-manager__enter_1yve3 {
+.notification-manager__enter_1an0j {
     visibility: hidden;
     transform: translate(0, -500px);
 }
-.notification-manager__enterActive_1yve3 {
+.notification-manager__enterActive_1an0j {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 }
 @media (min-width: 600px) {
-    .notification-manager__component_1yve3 {
+    .notification-manager__component_1an0j {
         right: var(--gap-48);
     }
 
-    .notification-manager__component_1yve3 .notification-manager__notification_1yve3 {
+    .notification-manager__component_1an0j .notification-manager__notification_1an0j {
         width: auto;
     }
 
-    .notification-manager__enter_1yve3 {
+    .notification-manager__enter_1an0j {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_1yve3 {
+    .notification-manager__enterActive_1an0j {
         transform: translate(0);
     }
 }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"notification-manager__component_1yve3","notification":"notification-manager__notification_1yve3","withoutMargin":"notification-manager__withoutMargin_1yve3","enter":"notification-manager__enter_1yve3","enterActive":"notification-manager__enterActive_1yve3"};
+var styles = {"component":"notification-manager__component_1an0j","notification":"notification-manager__notification_1an0j","withoutMargin":"notification-manager__withoutMargin_1an0j","enter":"notification-manager__enter_1an0j","enterActive":"notification-manager__enterActive_1an0j"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    position: fixed;\n    top: var(--gap-0);\n    right: var(--gap-12);\n    display: flex;\n    flex-direction: column;\n}\n\n.component .notification {\n    width: calc(100vw - var(--gap-24));\n    margin-top: var(--gap-12);\n    will-change: transform;\n\n    &.withoutMargin {\n        margin-top: var(--gap-0);\n    }\n}\n\n.component .notification.notification {\n    position: static;\n}\n\n.enter {\n    visibility: hidden;\n    transform: translate(0, -500px);\n}\n\n.enterActive {\n    visibility: visible;\n    transform: translate(0);\n    transition: transform 0.4s ease-out;\n}\n\n@media (--tablet-s) {\n    .component {\n        right: var(--gap-48);\n    }\n\n    .component .notification {\n        width: auto;\n    }\n\n    .enter {\n        transform: translate(100%, 0);\n    }\n\n    .enterActive {\n        transform: translate(0);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,uCAAuC,CAAC,cAAc,CAAC,0CAA0C,CAAC,eAAe,CAAC,2CAA2C,CAAC,OAAO,CAAC,mCAAmC,CAAC,aAAa,CAAC,yCAAyC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    position: fixed;\n    top: var(--gap-0);\n    right: var(--gap-12);\n    display: flex;\n    flex-direction: column;\n}\n\n.component .notification {\n    width: calc(100vw - var(--gap-24));\n    margin-top: var(--gap-12);\n    will-change: transform;\n\n    &.withoutMargin {\n        margin-top: var(--gap-0);\n    }\n}\n\n.component .notification.notification {\n    position: static;\n}\n\n.enter {\n    visibility: hidden;\n    transform: translate(0, -500px);\n}\n\n.enterActive {\n    visibility: visible;\n    transform: translate(0);\n    transition: transform 0.4s ease-out;\n}\n\n@media (--tablet-s) {\n    .component {\n        right: var(--gap-48);\n    }\n\n    .component .notification {\n        width: auto;\n    }\n\n    .enter {\n        transform: translate(100%, 0);\n    }\n\n    .enterActive {\n        transform: translate(0);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,uCAAuC,CAAC,cAAc,CAAC,0CAA0C,CAAC,eAAe,CAAC,2CAA2C,CAAC,OAAO,CAAC,mCAAmC,CAAC,aAAa,CAAC,yCAAyC,CAAC;;;;"}

package/modern/component.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
 import { type PortalProps } from '@alfalab/core-components-portal/modern';
 import { type NotificationElement } from './components';
-export declare type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
+export type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Массив нотификаций.
      * В нотификации обязательно передавайте id.
@@ -43,19 +43,19 @@ export declare const NotificationManager: React.ForwardRefExoticComponent<React.
     /**
      * Дополнительный класс (native prop)
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
     /**
      * z-index компонента
      */
-    zIndex?: number | undefined;
+    zIndex?: number;
     /**
      * Отступ от верхнего края
      */
-    offset?: number | undefined;
+    offset?: number;
     /**
      * Удаление нотификации
      */
@@ -65,5 +65,5 @@ export declare const NotificationManager: React.ForwardRefExoticComponent<React.
      *
      * Контейнер к которому будут добавляться порталы
      */
-    container?: PortalProps['getPortalContainer'];
+    container?: PortalProps["getPortalContainer"];
 } & React.RefAttributes<HTMLDivElement>>;

package/modern/components/notification/component.d.ts

@@ -1,9 +1,9 @@
 import { type FC, type ReactElement, type RefObject } from 'react';
 import { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification/modern';
-export declare type NotificationElement = ReactElement<CoreNotificationProps & {
+export type NotificationElement = ReactElement<CoreNotificationProps & {
     id: string;
 }>;
-declare type NotificationProps = {
+type NotificationProps = {
     element: NotificationElement;
     className: string;
     onRemoveNotification: (id: string) => void;

package/modern/components/notification/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/notification/component.ts"],"sourcesContent":["import {\n    cloneElement,\n    type FC,\n    type ReactElement,\n    type RefObject,\n    useCallback,\n    useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';\n\nexport type NotificationElement = ReactElement<CoreNotificationProps & { id: string }>;\n\ntype NotificationProps = {\n    element: NotificationElement;\n    className: string;\n    onRemoveNotification: (id: string) => void;\n    containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const Notification: FC<NotificationProps> = ({\n    element,\n    className,\n    onRemoveNotification,\n    containerRef,\n}) => {\n    const { onClose, onCloseTimeout } = element.props;\n\n    const handleClose = useCallback(() => {\n        if (onClose) {\n            onClose();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [onClose, onRemoveNotification, element.props.id]);\n\n    const handleCloseTimeout = useCallback(() => {\n        if (onCloseTimeout) {\n            onCloseTimeout();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [element.props.id, onCloseTimeout, onRemoveNotification]);\n\n    const notificationProps = useMemo<CoreNotificationProps>(\n        () => ({\n            ...element.props,\n            visible: true,\n            className: cn(className, element.props.className),\n            usePortal: false,\n            offset: 0,\n            onClose: handleClose,\n            onCloseTimeout: handleCloseTimeout,\n            containerRef,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, handleClose, handleCloseTimeout, containerRef],\n    );\n\n    return cloneElement(element, notificationProps);\n};\n"],"names":[],"mappings":";;;AAqBO,MAAM,YAAY,GAA0B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,oBAAoB,EACpB,YAAY,GACf,KAAI;IACD,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK;AAEjD,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACjC,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,EAAE;AACZ;AAED,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAErD,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAK;AACxC,QAAA,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;AACnB;AAED,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;AAE5D,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC7B,OAAO;QACH,GAAG,OAAO,CAAC,KAAK;AAChB,QAAA,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;AACjD,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,cAAc,EAAE,kBAAkB;QAClC,YAAY;KACf,CAAC;;IAEF,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAC3D;AAED,IAAA,OAAO,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACnD;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/notification/component.ts"],"sourcesContent":["import {\n    cloneElement,\n    type FC,\n    type ReactElement,\n    type RefObject,\n    useCallback,\n    useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';\n\nexport type NotificationElement = ReactElement<CoreNotificationProps & { id: string }>;\n\ntype NotificationProps = {\n    element: NotificationElement;\n    className: string;\n    onRemoveNotification: (id: string) => void;\n    containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const Notification: FC<NotificationProps> = ({\n    element,\n    className,\n    onRemoveNotification,\n    containerRef,\n}) => {\n    const { onClose, onCloseTimeout } = element.props;\n\n    const handleClose = useCallback(() => {\n        if (onClose) {\n            onClose();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [onClose, onRemoveNotification, element.props.id]);\n\n    const handleCloseTimeout = useCallback(() => {\n        if (onCloseTimeout) {\n            onCloseTimeout();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [element.props.id, onCloseTimeout, onRemoveNotification]);\n\n    const notificationProps = useMemo<CoreNotificationProps>(\n        () => ({\n            ...element.props,\n            visible: true,\n            className: cn(className, element.props.className),\n            usePortal: false,\n            offset: 0,\n            onClose: handleClose,\n            onCloseTimeout: handleCloseTimeout,\n            containerRef,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, handleClose, handleCloseTimeout, containerRef],\n    );\n\n    return cloneElement(element, notificationProps);\n};\n"],"names":[],"mappings":";;;AAqBO,MAAM,YAAY,GAA0B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,oBAAoB,EACpB,YAAY,GACf,KAAI;IACD,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK;AAEjD,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;QACjC,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,EAAE;;AAGb,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAErD,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAK;QACxC,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;;AAGpB,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;AAE5D,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC7B,OAAO;QACH,GAAG,OAAO,CAAC,KAAK;AAChB,QAAA,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;AACjD,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,cAAc,EAAE,kBAAkB;QAClC,YAAY;KACf,CAAC;;IAEF,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAC3D;AAED,IAAA,OAAO,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACnD;;;;"}

package/modern/index.css

@@ -7,47 +7,47 @@
     --gap-24: var(--gap-xl);
     --gap-48: var(--gap-4xl);
 }
-.notification-manager__component_1yve3 {
+.notification-manager__component_1an0j {
     position: fixed;
     top: var(--gap-0);
     right: var(--gap-12);
     display: flex;
     flex-direction: column;
 }
-.notification-manager__component_1yve3 .notification-manager__notification_1yve3 {
+.notification-manager__component_1an0j .notification-manager__notification_1an0j {
     width: calc(100vw - var(--gap-24));
     margin-top: var(--gap-12);
     will-change: transform;
 }
-.notification-manager__component_1yve3 .notification-manager__notification_1yve3.notification-manager__withoutMargin_1yve3 {
+.notification-manager__component_1an0j .notification-manager__notification_1an0j.notification-manager__withoutMargin_1an0j {
         margin-top: var(--gap-0);
     }
-.notification-manager__component_1yve3 .notification-manager__notification_1yve3.notification-manager__notification_1yve3 {
+.notification-manager__component_1an0j .notification-manager__notification_1an0j.notification-manager__notification_1an0j {
     position: static;
 }
-.notification-manager__enter_1yve3 {
+.notification-manager__enter_1an0j {
     visibility: hidden;
     transform: translate(0, -500px);
 }
-.notification-manager__enterActive_1yve3 {
+.notification-manager__enterActive_1an0j {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 }
 @media (min-width: 600px) {
-    .notification-manager__component_1yve3 {
+    .notification-manager__component_1an0j {
         right: var(--gap-48);
     }
 
-    .notification-manager__component_1yve3 .notification-manager__notification_1yve3 {
+    .notification-manager__component_1an0j .notification-manager__notification_1an0j {
         width: auto;
     }
 
-    .notification-manager__enter_1yve3 {
+    .notification-manager__enter_1an0j {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_1yve3 {
+    .notification-manager__enterActive_1an0j {
         transform: translate(0);
     }
 }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"notification-manager__component_1yve3","notification":"notification-manager__notification_1yve3","withoutMargin":"notification-manager__withoutMargin_1yve3","enter":"notification-manager__enter_1yve3","enterActive":"notification-manager__enterActive_1yve3"};
+const styles = {"component":"notification-manager__component_1an0j","notification":"notification-manager__notification_1an0j","withoutMargin":"notification-manager__withoutMargin_1an0j","enter":"notification-manager__enter_1an0j","enterActive":"notification-manager__enterActive_1an0j"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    position: fixed;\n    top: var(--gap-0);\n    right: var(--gap-12);\n    display: flex;\n    flex-direction: column;\n}\n\n.component .notification {\n    width: calc(100vw - var(--gap-24));\n    margin-top: var(--gap-12);\n    will-change: transform;\n\n    &.withoutMargin {\n        margin-top: var(--gap-0);\n    }\n}\n\n.component .notification.notification {\n    position: static;\n}\n\n.enter {\n    visibility: hidden;\n    transform: translate(0, -500px);\n}\n\n.enterActive {\n    visibility: visible;\n    transform: translate(0);\n    transition: transform 0.4s ease-out;\n}\n\n@media (--tablet-s) {\n    .component {\n        right: var(--gap-48);\n    }\n\n    .component .notification {\n        width: auto;\n    }\n\n    .enter {\n        transform: translate(100%, 0);\n    }\n\n    .enterActive {\n        transform: translate(0);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,uCAAuC,CAAC,cAAc,CAAC,0CAA0C,CAAC,eAAe,CAAC,2CAA2C,CAAC,OAAO,CAAC,mCAAmC,CAAC,aAAa,CAAC,yCAAyC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    position: fixed;\n    top: var(--gap-0);\n    right: var(--gap-12);\n    display: flex;\n    flex-direction: column;\n}\n\n.component .notification {\n    width: calc(100vw - var(--gap-24));\n    margin-top: var(--gap-12);\n    will-change: transform;\n\n    &.withoutMargin {\n        margin-top: var(--gap-0);\n    }\n}\n\n.component .notification.notification {\n    position: static;\n}\n\n.enter {\n    visibility: hidden;\n    transform: translate(0, -500px);\n}\n\n.enterActive {\n    visibility: visible;\n    transform: translate(0);\n    transition: transform 0.4s ease-out;\n}\n\n@media (--tablet-s) {\n    .component {\n        right: var(--gap-48);\n    }\n\n    .component .notification {\n        width: auto;\n    }\n\n    .enter {\n        transform: translate(100%, 0);\n    }\n\n    .enterActive {\n        transform: translate(0);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,uCAAuC,CAAC,cAAc,CAAC,0CAA0C,CAAC,eAAe,CAAC,2CAA2C,CAAC,OAAO,CAAC,mCAAmC,CAAC,aAAa,CAAC,yCAAyC,CAAC;;;;"}

package/moderncssm/component.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
 import { type PortalProps } from '@alfalab/core-components-portal/moderncssm';
 import { type NotificationElement } from './components';
-export declare type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
+export type NotificationManagerProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Массив нотификаций.
      * В нотификации обязательно передавайте id.
@@ -43,19 +43,19 @@ export declare const NotificationManager: React.ForwardRefExoticComponent<React.
     /**
      * Дополнительный класс (native prop)
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
     /**
      * z-index компонента
      */
-    zIndex?: number | undefined;
+    zIndex?: number;
     /**
      * Отступ от верхнего края
      */
-    offset?: number | undefined;
+    offset?: number;
     /**
      * Удаление нотификации
      */
@@ -65,5 +65,5 @@ export declare const NotificationManager: React.ForwardRefExoticComponent<React.
      *
      * Контейнер к которому будут добавляться порталы
      */
-    container?: PortalProps['getPortalContainer'];
+    container?: PortalProps["getPortalContainer"];
 } & React.RefAttributes<HTMLDivElement>>;

package/moderncssm/components/notification/component.d.ts

@@ -1,9 +1,9 @@
 import { type FC, type ReactElement, type RefObject } from 'react';
 import { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification/moderncssm';
-export declare type NotificationElement = ReactElement<CoreNotificationProps & {
+export type NotificationElement = ReactElement<CoreNotificationProps & {
     id: string;
 }>;
-declare type NotificationProps = {
+type NotificationProps = {
     element: NotificationElement;
     className: string;
     onRemoveNotification: (id: string) => void;

package/moderncssm/components/notification/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/notification/component.ts"],"sourcesContent":["import {\n    cloneElement,\n    type FC,\n    type ReactElement,\n    type RefObject,\n    useCallback,\n    useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';\n\nexport type NotificationElement = ReactElement<CoreNotificationProps & { id: string }>;\n\ntype NotificationProps = {\n    element: NotificationElement;\n    className: string;\n    onRemoveNotification: (id: string) => void;\n    containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const Notification: FC<NotificationProps> = ({\n    element,\n    className,\n    onRemoveNotification,\n    containerRef,\n}) => {\n    const { onClose, onCloseTimeout } = element.props;\n\n    const handleClose = useCallback(() => {\n        if (onClose) {\n            onClose();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [onClose, onRemoveNotification, element.props.id]);\n\n    const handleCloseTimeout = useCallback(() => {\n        if (onCloseTimeout) {\n            onCloseTimeout();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [element.props.id, onCloseTimeout, onRemoveNotification]);\n\n    const notificationProps = useMemo<CoreNotificationProps>(\n        () => ({\n            ...element.props,\n            visible: true,\n            className: cn(className, element.props.className),\n            usePortal: false,\n            offset: 0,\n            onClose: handleClose,\n            onCloseTimeout: handleCloseTimeout,\n            containerRef,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, handleClose, handleCloseTimeout, containerRef],\n    );\n\n    return cloneElement(element, notificationProps);\n};\n"],"names":[],"mappings":";;;AAqBO,MAAM,YAAY,GAA0B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,oBAAoB,EACpB,YAAY,GACf,KAAI;IACD,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK;AAEjD,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACjC,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,EAAE;AACZ;AAED,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAErD,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAK;AACxC,QAAA,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;AACnB;AAED,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;AAE5D,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC7B,OAAO;QACH,GAAG,OAAO,CAAC,KAAK;AAChB,QAAA,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;AACjD,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,cAAc,EAAE,kBAAkB;QAClC,YAAY;KACf,CAAC;;IAEF,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAC3D;AAED,IAAA,OAAO,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACnD;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/notification/component.ts"],"sourcesContent":["import {\n    cloneElement,\n    type FC,\n    type ReactElement,\n    type RefObject,\n    useCallback,\n    useMemo,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type NotificationProps as CoreNotificationProps } from '@alfalab/core-components-notification';\n\nexport type NotificationElement = ReactElement<CoreNotificationProps & { id: string }>;\n\ntype NotificationProps = {\n    element: NotificationElement;\n    className: string;\n    onRemoveNotification: (id: string) => void;\n    containerRef: RefObject<HTMLDivElement>;\n};\n\nexport const Notification: FC<NotificationProps> = ({\n    element,\n    className,\n    onRemoveNotification,\n    containerRef,\n}) => {\n    const { onClose, onCloseTimeout } = element.props;\n\n    const handleClose = useCallback(() => {\n        if (onClose) {\n            onClose();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [onClose, onRemoveNotification, element.props.id]);\n\n    const handleCloseTimeout = useCallback(() => {\n        if (onCloseTimeout) {\n            onCloseTimeout();\n        }\n\n        onRemoveNotification(element.props.id);\n    }, [element.props.id, onCloseTimeout, onRemoveNotification]);\n\n    const notificationProps = useMemo<CoreNotificationProps>(\n        () => ({\n            ...element.props,\n            visible: true,\n            className: cn(className, element.props.className),\n            usePortal: false,\n            offset: 0,\n            onClose: handleClose,\n            onCloseTimeout: handleCloseTimeout,\n            containerRef,\n        }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, handleClose, handleCloseTimeout, containerRef],\n    );\n\n    return cloneElement(element, notificationProps);\n};\n"],"names":[],"mappings":";;;AAqBO,MAAM,YAAY,GAA0B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,oBAAoB,EACpB,YAAY,GACf,KAAI;IACD,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK;AAEjD,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;QACjC,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,EAAE;;AAGb,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAErD,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAK;QACxC,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;;AAGpB,QAAA,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,KAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;AAE5D,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC7B,OAAO;QACH,GAAG,OAAO,CAAC,KAAK;AAChB,QAAA,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;AACjD,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,cAAc,EAAE,kBAAkB;QAClC,YAAY;KACf,CAAC;;IAEF,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAC3D;AAED,IAAA,OAAO,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACnD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-notification-manager",
-    "version": "7.0.3",
+    "version": "7.0.4",
     "description": "Notification manager",
     "keywords": [],
     "license": "MIT",
@@ -10,7 +10,7 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-notification": "^9.0.3",
+        "@alfalab/core-components-notification": "^9.0.4",
         "@alfalab/core-components-portal": "^5.0.1",
         "@alfalab/core-components-stack": "^7.0.1",
         "classnames": "^2.5.1",
@@ -27,5 +27,5 @@
         "directory": "dist"
     },
     "themesVersion": "15.0.2",
-    "varsVersion": "11.0.1"
+    "varsVersion": "11.0.2"
 }

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     position: fixed;