@salutejs/plasma-new-hope 0.322.0-canary.1933.14596920222.0 → 0.322.0-canary.1938.14660334712.0

package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx

@@ -3,6 +3,7 @@ import styled from 'styled-components';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { getConfigVariations } from '@salutejs/plasma-sb-utils';
+import { action } from '@storybook/addon-actions';
 
 import { Button } from '../Button/Button';
 import { Modal } from '../Modal/Modal';
@@ -40,6 +41,9 @@ const getNotificationProps = (i: number) => ({
     children: texts[i % 3],
     size: size[i % 2],
     iconPlacement: iconPlacement[i % 2] as NotificationIconPlacement,
+    onTimeoutClose: () => {
+        action('onTimeoutClose')('Callback, вызываемый при автоматическом закрытии по timeout.');
+    },
 });
 
 const meta: Meta<NotificationProps> = {

package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx

@@ -3,6 +3,7 @@ import styled from 'styled-components';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { getConfigVariations } from '@salutejs/plasma-sb-utils';
+import { action } from '@storybook/addon-actions';
 
 import { Button } from '../Button/Button';
 import { Modal } from '../Modal/Modal';
@@ -40,6 +41,9 @@ const getNotificationProps = (i: number) => ({
     children: texts[i % 3],
     size: size[i % 2],
     iconPlacement: iconPlacement[i % 2] as NotificationIconPlacement,
+    onTimeoutClose: () => {
+        action('onTimeoutClose')('Callback, вызываемый при автоматическом закрытии по timeout.');
+    },
 });
 
 const meta: Meta<NotificationProps> = {

package/types/components/Notification/Notification.types.d.ts

@@ -53,16 +53,6 @@ export interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivE
      * true
      */
     showCloseIcon?: boolean;
-    /**
-     * Callback при нажатии на кнопку закрытия.
-     */
-    onCloseButtonClick?: () => void;
-    /**
-     * @deprecated
-     * Не влияет на отображение компонента.
-     * Статус компонента Notification.
-     */
-    status?: string;
     /**
      * Вид Notification.
      */
@@ -91,6 +81,20 @@ export interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivE
      * Цвет заголовка (по умолчанию берётся цвет из view)
      */
     backgroundColor?: string;
+    /**
+     * Callback при нажатии на кнопку закрытия.
+     */
+    onCloseButtonClick?: () => void;
+    /**
+     * Callback, вызываемый при автоматическом закрытии по timeout.
+     */
+    onTimeoutClose?: () => void;
+    /**
+     * @deprecated
+     * Не влияет на отображение компонента.
+     * Статус компонента Notification.
+     */
+    status?: string;
 }
 export interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**

package/types/components/Notification/Notification.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,MAAM,OAAO,OAAO,CAAC;AAEtD,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,MAAM,OAAO,UAAU,CAAC;AAChE,oBAAY,qBAAqB,GAAG,cAAc,CAAC;AAEnD,oBAAY,UAAU,GAAG;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC7C,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC7F;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC"}
+{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,MAAM,OAAO,OAAO,CAAC;AAEtD,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,MAAM,OAAO,UAAU,CAAC;AAChE,oBAAY,qBAAqB,GAAG,cAAc,CAAC;AAEnD,oBAAY,UAAU,GAAG;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC7C,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC7F;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC"}

package/types/components/Notification/NotificationsStore.d.ts

@@ -22,5 +22,5 @@ export declare const closeNotification: (id: string, delay?: number) => void;
  * @param props Пропсы всплывающего оповещения
  * @return Идентификатор нового оповещения
  */
-export declare function addNotification({ id: externalId, ...rest }: NotificationProps, timeout?: number | null): string;
+export declare function addNotification({ id: externalId, onTimeoutClose, ...rest }: NotificationProps, timeout?: number | null): string;
 //# sourceMappingURL=NotificationsStore.d.ts.map

package/types/components/Notification/NotificationsStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsStore.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oBAAY,gBAAgB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,oBAAY,kBAAkB,GAAG;IAC7B,aAAa,EAAE,gBAAgB,EAAE,CAAC;CACrC,CAAC;AACF,oBAAY,mBAAmB,GAAG;IAC9B,GAAG,EAAE,gBAAgB,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,uDAkB7B,CAAC;AAEH,eAAO,MAAM,iBAAiB,OAAQ,MAAM,yBAK3C,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,EAAE,OAAO,GAAE,MAAM,GAAG,IAAW,UAe5G"}
+{"version":3,"file":"NotificationsStore.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oBAAY,gBAAgB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,oBAAY,kBAAkB,GAAG;IAC7B,aAAa,EAAE,gBAAgB,EAAE,CAAC;CACrC,CAAC;AACF,oBAAY,mBAAmB,GAAG;IAC9B,GAAG,EAAE,gBAAgB,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,uDAkB7B,CAAC;AAEH,eAAO,MAAM,iBAAiB,OAAQ,MAAM,yBAM3C,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAC3B,EAAE,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,EAC9D,OAAO,GAAE,MAAM,GAAG,IAAW,UAoBhC"}