@salutejs/plasma-new-hope 0.250.0-dev.0 → 0.251.0-canary.1718.13051742234.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Notification/Notification.types.js.map +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +5 -2
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.js +4 -2
- package/cjs/components/Notification/NotificationsProvider.js.map +1 -1
- package/emotion/cjs/components/Notification/NotificationsPortal.js +6 -3
- package/emotion/cjs/components/Notification/NotificationsProvider.js +4 -2
- package/emotion/es/components/Notification/NotificationsPortal.js +6 -3
- package/emotion/es/components/Notification/NotificationsProvider.js +4 -2
- package/es/components/Notification/Notification.types.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +5 -2
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.js +4 -2
- package/es/components/Notification/NotificationsProvider.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Notification/NotificationsPortal.js +5 -2
- package/styled-components/cjs/components/Notification/NotificationsProvider.js +4 -2
- package/styled-components/es/components/Notification/NotificationsPortal.js +5 -2
- package/styled-components/es/components/Notification/NotificationsProvider.js +4 -2
- package/types/components/Notification/Notification.types.d.ts +8 -0
- package/types/components/Notification/Notification.types.d.ts.map +1 -1
- package/types/components/Notification/NotificationsPortal.d.ts.map +1 -1
- package/types/components/Notification/NotificationsProvider.d.ts +4 -0
- package/types/components/Notification/NotificationsProvider.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.types.js","sources":["../../../src/components/Notification/Notification.types.ts"],"sourcesContent":["import type { AsProps } from '@salutejs/plasma-core';\nimport { HTMLAttributes, ReactNode } from 'react';\n\nimport { ComponentConfig, PropsType, Variants } from '../../engines/types';\n\nexport const layouts = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n};\n\nexport type NotificationLayout = keyof typeof layouts;\n\nexport const placements = {\n top: 'top',\n left: 'left',\n};\n\nexport type NotificationIconPlacement = keyof typeof placements;\nexport type NotificationPlacement = 'bottom-right' | 'bottom-left';\n\nexport type LayoutType = {\n layout?: NotificationLayout;\n};\n\nexport type IconPlacementType = {\n iconPlacement?: NotificationIconPlacement;\n};\n\nexport type CloseIconType = {\n showCloseIcon?: boolean;\n};\n\nexport interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Заголовок.\n */\n title?: ReactNode;\n /**\n * Контент под заголовком.\n */\n children?: ReactNode;\n /**\n * Кнопки снизу/справа для необходимых действий.\n */\n actions?: ReactNode;\n /**\n * Cхема расположение блоков Notification.\n */\n layout?: NotificationLayout;\n /**\n * Иконка слева.\n */\n icon?: ReactNode;\n /**\n * Расположение иконки слева внутри Textbox.\n */\n iconPlacement?: NotificationIconPlacement;\n /**\n * Показывать ли иконку закрытия справа.\n * @default\n * true\n */\n showCloseIcon?: boolean;\n /**\n * Колбек при нажатии на кнопку закрытия.\n */\n onCloseButtonClick?: () => void;\n /**\n * @deprecated\n * Не влияет на отображение компонента.\n * Статус компонента Notification.\n */\n status?: string;\n\n /**\n * Вид Notification.\n */\n view?: string;\n /**\n * Размер Notification (необходимо связать с размером используемых Button).\n */\n size?: string;\n /**\n * Вид закрывающей иконки в Notification.\n */\n closeIconType?: 'default' | 'thin';\n}\n\nexport interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Конфиг компонента Notification.\n */\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n /**\n * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.\n */\n frame?: string;\n /**\n * Расположение компонента Notification во frame\n * @default bottom-right\n */\n placement?: NotificationPlacement;\n}\n"],"names":["layouts","horizontal","vertical","placements","top","left"],"mappings":";;;;AAKO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAA;AACd,EAAC;AAIM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,IAAI,EAAE,MAAA;AACV;;;;;"}
|
|
1
|
+
{"version":3,"file":"Notification.types.js","sources":["../../../src/components/Notification/Notification.types.ts"],"sourcesContent":["import type { AsProps } from '@salutejs/plasma-core';\nimport { HTMLAttributes, ReactNode } from 'react';\n\nimport { ComponentConfig, PropsType, Variants } from '../../engines/types';\n\nexport const layouts = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n};\n\nexport type NotificationLayout = keyof typeof layouts;\n\nexport const placements = {\n top: 'top',\n left: 'left',\n};\n\nexport type NotificationIconPlacement = keyof typeof placements;\nexport type NotificationPlacement = 'bottom-right' | 'bottom-left';\n\nexport type LayoutType = {\n layout?: NotificationLayout;\n};\n\nexport type IconPlacementType = {\n iconPlacement?: NotificationIconPlacement;\n};\n\nexport type CloseIconType = {\n showCloseIcon?: boolean;\n};\n\nexport interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Заголовок.\n */\n title?: ReactNode;\n /**\n * Контент под заголовком.\n */\n children?: ReactNode;\n /**\n * Кнопки снизу/справа для необходимых действий.\n */\n actions?: ReactNode;\n /**\n * Cхема расположение блоков Notification.\n */\n layout?: NotificationLayout;\n /**\n * Иконка слева.\n */\n icon?: ReactNode;\n /**\n * Расположение иконки слева внутри Textbox.\n */\n iconPlacement?: NotificationIconPlacement;\n /**\n * Показывать ли иконку закрытия справа.\n * @default\n * true\n */\n showCloseIcon?: boolean;\n /**\n * Колбек при нажатии на кнопку закрытия.\n */\n onCloseButtonClick?: () => void;\n /**\n * @deprecated\n * Не влияет на отображение компонента.\n * Статус компонента Notification.\n */\n status?: string;\n\n /**\n * Вид Notification.\n */\n view?: string;\n /**\n * Размер Notification (необходимо связать с размером используемых Button).\n */\n size?: string;\n /**\n * Вид закрывающей иконки в Notification.\n */\n closeIconType?: 'default' | 'thin';\n /**\n * @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n}\n\nexport interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Конфиг компонента Notification.\n */\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n /**\n * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.\n */\n frame?: string;\n /**\n * Расположение компонента Notification во frame\n * @default bottom-right\n */\n placement?: NotificationPlacement;\n /**\n * @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n}\n"],"names":["layouts","horizontal","vertical","placements","top","left"],"mappings":";;;;AAKO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAA;AACd,EAAC;AAIM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,IAAI,EAAE,MAAA;AACV;;;;;"}
|
|
@@ -39,13 +39,16 @@ var NotificationsPortal = function NotificationsPortal(_ref) {
|
|
|
39
39
|
var config = _ref.config,
|
|
40
40
|
frame = _ref.frame,
|
|
41
41
|
_ref$placement = _ref.placement,
|
|
42
|
-
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement
|
|
42
|
+
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement,
|
|
43
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
43
44
|
var _useStoreon = react.useStoreon('notifications'),
|
|
44
45
|
notifications = _useStoreon.notifications;
|
|
45
46
|
var Notification = React.useMemo(function () {
|
|
46
47
|
return common.component(config);
|
|
47
48
|
}, []);
|
|
48
|
-
return /*#__PURE__*/React__default.default.createElement(PopupContext.PopupProvider,
|
|
49
|
+
return /*#__PURE__*/React__default.default.createElement(PopupContext.PopupProvider, {
|
|
50
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
51
|
+
}, notifications.length > 0 && /*#__PURE__*/React__default.default.createElement(StyledPopup, {
|
|
49
52
|
opened: true,
|
|
50
53
|
frame: frame,
|
|
51
54
|
placement: placement,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsPortal.js","sources":["../../../src/components/Notification/NotificationsPortal.tsx"],"sourcesContent":["import React, { FC, ForwardRefExoticComponent, RefAttributes, useMemo } from 'react';\nimport { useStoreon } from 'storeon/react';\nimport { styled } from '@linaria/react';\nimport { popupBaseRootClass } from '@salutejs/plasma-core';\n\nimport { PopupProvider, popupConfig } from '../Popup';\nimport { component } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { NotificationsState, NotificationsEvents, closeNotification } from './NotificationsStore';\nimport { NotificationPortalProps, NotificationProps } from './Notification.types';\nimport { StyledItemWrapper, StyledRoot } from './Notification.styles';\nimport { classes } from './Notification.tokens';\n\n// issue #823\nconst Popup = component(popupConfig);\n\nconst StyledPopup = styled(Popup)`\n & > .${popupBaseRootClass} {\n overflow: hidden;\n }\n`;\n\n/**\n * Обертка для визуального представления уведомлений.\n */\nexport const NotificationsPortal: FC<NotificationPortalProps> = ({
|
|
1
|
+
{"version":3,"file":"NotificationsPortal.js","sources":["../../../src/components/Notification/NotificationsPortal.tsx"],"sourcesContent":["import React, { FC, ForwardRefExoticComponent, RefAttributes, useMemo } from 'react';\nimport { useStoreon } from 'storeon/react';\nimport { styled } from '@linaria/react';\nimport { popupBaseRootClass } from '@salutejs/plasma-core';\n\nimport { PopupProvider, popupConfig } from '../Popup';\nimport { component } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { NotificationsState, NotificationsEvents, closeNotification } from './NotificationsStore';\nimport { NotificationPortalProps, NotificationProps } from './Notification.types';\nimport { StyledItemWrapper, StyledRoot } from './Notification.styles';\nimport { classes } from './Notification.tokens';\n\n// issue #823\nconst Popup = component(popupConfig);\n\nconst StyledPopup = styled(Popup)`\n & > .${popupBaseRootClass} {\n overflow: hidden;\n }\n`;\n\n/**\n * Обертка для визуального представления уведомлений.\n */\nexport const NotificationsPortal: FC<NotificationPortalProps> = ({\n config,\n frame,\n placement = 'bottom-right',\n UNSAFE_SSR_ENABLED,\n}) => {\n const { notifications } = useStoreon<NotificationsState, NotificationsEvents>('notifications');\n\n const Notification = useMemo(\n () => component(config) as ForwardRefExoticComponent<NotificationProps & RefAttributes<HTMLDivElement>>,\n [],\n );\n\n return (\n <PopupProvider UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n {notifications.length > 0 && (\n <StyledPopup opened frame={frame} placement={placement} zIndex=\"9100\">\n <StyledRoot placement={placement}>\n {notifications.map(({ id, isHidden, ...rest }) => (\n <StyledItemWrapper\n key={id}\n className={cx(\n isHidden ? classes.notificationItemHidden : classes.notificationItemOpened,\n placement === 'bottom-left' && classes.notificationLeftToRightAnimation,\n )}\n isHidden={isHidden || false}\n >\n <Notification\n key={id}\n id={id}\n onCloseButtonClick={() => closeNotification(id)}\n {...rest}\n />\n </StyledItemWrapper>\n ))}\n </StyledRoot>\n </StyledPopup>\n )}\n </PopupProvider>\n );\n};\n"],"names":["Popup","component","popupConfig","_exp","StyledPopup","styled","name","class","propsAsIs","NotificationsPortal","_ref","config","frame","_ref$placement","placement","UNSAFE_SSR_ENABLED","_useStoreon","useStoreon","notifications","Notification","useMemo","React","createElement","PopupProvider","length","opened","zIndex","StyledRoot","map","_ref2","id","isHidden","rest","StyledItemWrapper","key","className","cx","classes","notificationItemHidden","notificationItemOpened","notificationLeftToRightAnimation","_extends","onCloseButtonClick","closeNotification"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA;AACA,IAAMA,KAAK,gBAAGC,gBAAS,CAACC,mBAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAdnBA,SAcmBA,IAAAA,GAAA;AAAA,EAAA,OAEVH,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMI,WAAW,gBAAGC,cAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIzB,CAAA,CAAA;;AAED;AACA;AACA;IACaC,mBAAgD,GAAGA,SAAnDA,mBAAgDA,CAAAC,IAAA,EAKvD;AAAA,EAAA,IAJFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,cAAA,GAAAH,IAAA,CACLI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,cAAc,GAAAA,cAAA;IAC1BE,kBAAAA,GAAAA,IAAAA,CAAAA,kBAAAA,CAAAA;AAEA,EAAA,IAAAC,WAAA,GAA0BC,gBAAU,CAA0C,eAAe,CAAC;IAAtFC,aAAAA,GAAAA,WAAAA,CAAAA,aAAAA,CAAAA;EAER,IAAMC,YAAY,GAAGC,aAAO,CACxB,YAAA;IAAA,OAAMnB,gBAAS,CAACU,MAAM,CAAC,CAAA;GACvB,EAAA,EACJ,CAAC,CAAA;AAED,EAAA,oBACIU,sBAAA,CAAAC,aAAA,CAACC,0BAAa,EAAA;AAACR,IAAAA,kBAAkB,EAAEA,kBAAAA;GAC9BG,EAAAA,aAAa,CAACM,MAAM,GAAG,CAAC,iBACrBH,sBAAA,CAAAC,aAAA,CAAClB,WAAW,EAAA;IAACqB,MAAM,EAAA,IAAA;AAACb,IAAAA,KAAK,EAAEA,KAAM;AAACE,IAAAA,SAAS,EAAEA,SAAU;AAACY,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,eACjEL,sBAAA,CAAAC,aAAA,CAACK,8BAAU,EAAA;AAACb,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC5BI,aAAa,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,EAAE,GAAAD,KAAA,CAAFC,EAAE;MAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,MAAAA,IAAAA,GAAAA,iDAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAAAA,IAAAA,oBACnCX,sBAAA,CAAAC,aAAA,CAACW,qCAAiB,EAAA;AACdC,MAAAA,GAAG,EAAEJ,EAAG;MACRK,SAAS,EAAEC,QAAE,CACTL,QAAQ,GAAGM,2BAAO,CAACC,sBAAsB,GAAGD,2BAAO,CAACE,sBAAsB,EAC1EzB,SAAS,KAAK,aAAa,IAAIuB,2BAAO,CAACG,gCAC3C,CAAE;MACFT,QAAQ,EAAEA,QAAQ,IAAI,KAAA;AAAM,KAAA,eAE5BV,sBAAA,CAAAC,aAAA,CAACH,YAAY,EAAAsB,iCAAA,CAAA;AACTP,MAAAA,GAAG,EAAEJ,EAAG;AACRA,MAAAA,EAAE,EAAEA,EAAG;MACPY,kBAAkB,EAAE,SAAAA,kBAAA,GAAA;QAAA,OAAMC,oCAAiB,CAACb,EAAE,CAAC,CAAA;AAAA,OAAA;KAC3CE,EAAAA,IAAI,CAAC,CAEE,CACtB,CAAA;GACO,CAAA,CACH,CAEN,CAAC,CAAA;AAExB;;;;"}
|
|
@@ -15,13 +15,15 @@ var NotificationsProvider = function NotificationsProvider(_ref) {
|
|
|
15
15
|
var children = _ref.children,
|
|
16
16
|
config = _ref.config,
|
|
17
17
|
frame = _ref.frame,
|
|
18
|
-
placement = _ref.placement
|
|
18
|
+
placement = _ref.placement,
|
|
19
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
19
20
|
return /*#__PURE__*/React__default.default.createElement(react.StoreContext.Provider, {
|
|
20
21
|
value: NotificationsStore.NotificationsStore
|
|
21
22
|
}, children, /*#__PURE__*/React__default.default.createElement(NotificationsPortal.NotificationsPortal, {
|
|
22
23
|
frame: frame,
|
|
23
24
|
placement: placement,
|
|
24
|
-
config: config
|
|
25
|
+
config: config,
|
|
26
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
25
27
|
}));
|
|
26
28
|
};
|
|
27
29
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsProvider.js","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ReactNode } from 'react';\nimport { StoreContext } from 'storeon/react';\n\nimport { ComponentConfig } from '../../engines';\nimport { PropsType, Variants } from '../../engines/types';\n\nimport { NotificationsStore } from './NotificationsStore';\nimport { NotificationsPortal } from './NotificationsPortal';\nimport { NotificationPlacement, NotificationProps } from './Notification.types';\n\nexport const NotificationsProvider: FC<{\n children: ReactNode;\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n frame?: string;\n placement?: NotificationPlacement;\n}> = ({ children, config, frame, placement }) => {\n return (\n <StoreContext.Provider value={NotificationsStore}>\n {children}\n <NotificationsPortal
|
|
1
|
+
{"version":3,"file":"NotificationsProvider.js","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ReactNode } from 'react';\nimport { StoreContext } from 'storeon/react';\n\nimport { ComponentConfig } from '../../engines';\nimport { PropsType, Variants } from '../../engines/types';\n\nimport { NotificationsStore } from './NotificationsStore';\nimport { NotificationsPortal } from './NotificationsPortal';\nimport { NotificationPlacement, NotificationProps } from './Notification.types';\n\nexport const NotificationsProvider: FC<{\n children: ReactNode;\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n frame?: string;\n placement?: NotificationPlacement;\n /**\n * @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, config, frame, placement, UNSAFE_SSR_ENABLED }) => {\n return (\n <StoreContext.Provider value={NotificationsStore}>\n {children}\n <NotificationsPortal\n frame={frame}\n placement={placement}\n config={config}\n UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}\n />\n </StoreContext.Provider>\n );\n};\n"],"names":["NotificationsProvider","_ref","children","config","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","StoreContext","Provider","value","NotificationsStore","NotificationsPortal"],"mappings":";;;;;;;;;;;;;IAUaA,qBASX,GAAG,SATQA,qBASXA,CAAAC,IAAA,EAAmE;AAAA,EAAA,IAA7DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB,CAAA;AAC1D,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,kBAAY,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEC,qCAAAA;AAAmB,GAAA,EAC5CV,QAAQ,eACTK,sBAAA,CAAAC,aAAA,CAACK,uCAAmB,EAAA;AAChBT,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,MAAM,EAAEA,MAAO;AACfG,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAC1C,CACkB,CAAC,CAAA;AAEhC;;;;"}
|
|
@@ -27,7 +27,7 @@ var Popup = /*#__PURE__*/(0, _engines.component)(_Popup.popupConfig);
|
|
|
27
27
|
var StyledPopup = /*#__PURE__*/(0, _base["default"])(Popup, {
|
|
28
28
|
target: "eefkyeq0",
|
|
29
29
|
label: "plasma-new-hope__StyledPopup"
|
|
30
|
-
})("&>.", _plasmaCore.popupBaseRootClass, "{overflow:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbnNQb3J0YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uc1BvcnRhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQsIFJlZkF0dHJpYnV0ZXMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VTdG9yZW9uIH0gZnJvbSAnc3RvcmVvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBwb3B1cEJhc2VSb290Q2xhc3MgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLWNvcmUnO1xuXG5pbXBvcnQgeyBQb3B1cFByb3ZpZGVyLCBwb3B1cENvbmZpZyB9IGZyb20gJy4uL1BvcHVwJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNTdGF0ZSwgTm90aWZpY2F0aW9uc0V2ZW50cywgY2xvc2VOb3RpZmljYXRpb24gfSBmcm9tICcuL05vdGlmaWNhdGlvbnNTdG9yZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25Qb3J0YWxQcm9wcywgTm90aWZpY2F0aW9uUHJvcHMgfSBmcm9tICcuL05vdGlmaWNhdGlvbi50eXBlcyc7XG5pbXBvcnQgeyBTdHlsZWRJdGVtV3JhcHBlciwgU3R5bGVkUm9vdCB9IGZyb20gJy4vTm90aWZpY2F0aW9uLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24udG9rZW5zJztcblxuLy8gaXNzdWUgIzgyM1xuY29uc3QgUG9wdXAgPSBjb21wb25lbnQocG9wdXBDb25maWcpO1xuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gICAgJiA+IC4ke3BvcHVwQmFzZVJvb3RDbGFzc30ge1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0J7QsdC10YDRgtC60LAg0LTQu9GPINCy0LjQt9GD0LDQu9GM0L3QvtCz0L4g0L/
|
|
30
|
+
})("&>.", _plasmaCore.popupBaseRootClass, "{overflow:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbnNQb3J0YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uc1BvcnRhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQsIFJlZkF0dHJpYnV0ZXMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VTdG9yZW9uIH0gZnJvbSAnc3RvcmVvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBwb3B1cEJhc2VSb290Q2xhc3MgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLWNvcmUnO1xuXG5pbXBvcnQgeyBQb3B1cFByb3ZpZGVyLCBwb3B1cENvbmZpZyB9IGZyb20gJy4uL1BvcHVwJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNTdGF0ZSwgTm90aWZpY2F0aW9uc0V2ZW50cywgY2xvc2VOb3RpZmljYXRpb24gfSBmcm9tICcuL05vdGlmaWNhdGlvbnNTdG9yZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25Qb3J0YWxQcm9wcywgTm90aWZpY2F0aW9uUHJvcHMgfSBmcm9tICcuL05vdGlmaWNhdGlvbi50eXBlcyc7XG5pbXBvcnQgeyBTdHlsZWRJdGVtV3JhcHBlciwgU3R5bGVkUm9vdCB9IGZyb20gJy4vTm90aWZpY2F0aW9uLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24udG9rZW5zJztcblxuLy8gaXNzdWUgIzgyM1xuY29uc3QgUG9wdXAgPSBjb21wb25lbnQocG9wdXBDb25maWcpO1xuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gICAgJiA+IC4ke3BvcHVwQmFzZVJvb3RDbGFzc30ge1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0J7QsdC10YDRgtC60LAg0LTQu9GPINCy0LjQt9GD0LDQu9GM0L3QvtCz0L4g0L/RgNC10LTRgdGC0LDQstC70LXQvdC40Y8g0YPQstC10LTQvtC80LvQtdC90LjQuS5cbiAqL1xuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNQb3J0YWw6IEZDPE5vdGlmaWNhdGlvblBvcnRhbFByb3BzPiA9ICh7XG4gICAgY29uZmlnLFxuICAgIGZyYW1lLFxuICAgIHBsYWNlbWVudCA9ICdib3R0b20tcmlnaHQnLFxuICAgIFVOU0FGRV9TU1JfRU5BQkxFRCxcbn0pID0+IHtcbiAgICBjb25zdCB7IG5vdGlmaWNhdGlvbnMgfSA9IHVzZVN0b3Jlb248Tm90aWZpY2F0aW9uc1N0YXRlLCBOb3RpZmljYXRpb25zRXZlbnRzPignbm90aWZpY2F0aW9ucycpO1xuXG4gICAgY29uc3QgTm90aWZpY2F0aW9uID0gdXNlTWVtbyhcbiAgICAgICAgKCkgPT4gY29tcG9uZW50KGNvbmZpZykgYXMgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudDxOb3RpZmljYXRpb25Qcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+PixcbiAgICAgICAgW10sXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxQb3B1cFByb3ZpZGVyIFVOU0FGRV9TU1JfRU5BQkxFRD17VU5TQUZFX1NTUl9FTkFCTEVEfT5cbiAgICAgICAgICAgIHtub3RpZmljYXRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRQb3B1cCBvcGVuZWQgZnJhbWU9e2ZyYW1lfSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gekluZGV4PVwiOTEwMFwiPlxuICAgICAgICAgICAgICAgICAgICA8U3R5bGVkUm9vdCBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7bm90aWZpY2F0aW9ucy5tYXAoKHsgaWQsIGlzSGlkZGVuLCAuLi5yZXN0IH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSXRlbVdyYXBwZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtpZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzSGlkZGVuID8gY2xhc3Nlcy5ub3RpZmljYXRpb25JdGVtSGlkZGVuIDogY2xhc3Nlcy5ub3RpZmljYXRpb25JdGVtT3BlbmVkLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50ID09PSAnYm90dG9tLWxlZnQnICYmIGNsYXNzZXMubm90aWZpY2F0aW9uTGVmdFRvUmlnaHRBbmltYXRpb24sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzSGlkZGVuPXtpc0hpZGRlbiB8fCBmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxOb3RpZmljYXRpb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsb3NlQnV0dG9uQ2xpY2s9eygpID0+IGNsb3NlTm90aWZpY2F0aW9uKGlkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkSXRlbVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRSb290PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1BvcHVwUHJvdmlkZXI+XG4gICAgKTtcbn07XG4iXX0= */"));
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
* Обертка для визуального представления уведомлений.
|
|
@@ -36,13 +36,16 @@ var NotificationsPortal = exports.NotificationsPortal = function NotificationsPo
|
|
|
36
36
|
var config = _ref.config,
|
|
37
37
|
frame = _ref.frame,
|
|
38
38
|
_ref$placement = _ref.placement,
|
|
39
|
-
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement
|
|
39
|
+
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement,
|
|
40
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
40
41
|
var _useStoreon = (0, _react2.useStoreon)('notifications'),
|
|
41
42
|
notifications = _useStoreon.notifications;
|
|
42
43
|
var Notification = (0, _react.useMemo)(function () {
|
|
43
44
|
return (0, _engines.component)(config);
|
|
44
45
|
}, []);
|
|
45
|
-
return /*#__PURE__*/_react["default"].createElement(_Popup.PopupProvider,
|
|
46
|
+
return /*#__PURE__*/_react["default"].createElement(_Popup.PopupProvider, {
|
|
47
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
48
|
+
}, notifications.length > 0 && /*#__PURE__*/_react["default"].createElement(StyledPopup, {
|
|
46
49
|
opened: true,
|
|
47
50
|
frame: frame,
|
|
48
51
|
placement: placement,
|
|
@@ -13,12 +13,14 @@ var NotificationsProvider = exports.NotificationsProvider = function Notificatio
|
|
|
13
13
|
var children = _ref.children,
|
|
14
14
|
config = _ref.config,
|
|
15
15
|
frame = _ref.frame,
|
|
16
|
-
placement = _ref.placement
|
|
16
|
+
placement = _ref.placement,
|
|
17
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
17
18
|
return /*#__PURE__*/_react["default"].createElement(_react2.StoreContext.Provider, {
|
|
18
19
|
value: _NotificationsStore.NotificationsStore
|
|
19
20
|
}, children, /*#__PURE__*/_react["default"].createElement(_NotificationsPortal.NotificationsPortal, {
|
|
20
21
|
frame: frame,
|
|
21
22
|
placement: placement,
|
|
22
|
-
config: config
|
|
23
|
+
config: config,
|
|
24
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
23
25
|
}));
|
|
24
26
|
};
|
|
@@ -18,7 +18,7 @@ var Popup = /*#__PURE__*/component(popupConfig);
|
|
|
18
18
|
var StyledPopup = /*#__PURE__*/_styled(Popup, {
|
|
19
19
|
target: "eefkyeq0",
|
|
20
20
|
label: "plasma-new-hope__StyledPopup"
|
|
21
|
-
})("&>.", popupBaseRootClass, "{overflow:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbnNQb3J0YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uc1BvcnRhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQsIFJlZkF0dHJpYnV0ZXMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VTdG9yZW9uIH0gZnJvbSAnc3RvcmVvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBwb3B1cEJhc2VSb290Q2xhc3MgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLWNvcmUnO1xuXG5pbXBvcnQgeyBQb3B1cFByb3ZpZGVyLCBwb3B1cENvbmZpZyB9IGZyb20gJy4uL1BvcHVwJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNTdGF0ZSwgTm90aWZpY2F0aW9uc0V2ZW50cywgY2xvc2VOb3RpZmljYXRpb24gfSBmcm9tICcuL05vdGlmaWNhdGlvbnNTdG9yZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25Qb3J0YWxQcm9wcywgTm90aWZpY2F0aW9uUHJvcHMgfSBmcm9tICcuL05vdGlmaWNhdGlvbi50eXBlcyc7XG5pbXBvcnQgeyBTdHlsZWRJdGVtV3JhcHBlciwgU3R5bGVkUm9vdCB9IGZyb20gJy4vTm90aWZpY2F0aW9uLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24udG9rZW5zJztcblxuLy8gaXNzdWUgIzgyM1xuY29uc3QgUG9wdXAgPSBjb21wb25lbnQocG9wdXBDb25maWcpO1xuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gICAgJiA+IC4ke3BvcHVwQmFzZVJvb3RDbGFzc30ge1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0J7QsdC10YDRgtC60LAg0LTQu9GPINCy0LjQt9GD0LDQu9GM0L3QvtCz0L4g0L/
|
|
21
|
+
})("&>.", popupBaseRootClass, "{overflow:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbnNQb3J0YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uc1BvcnRhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQsIFJlZkF0dHJpYnV0ZXMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VTdG9yZW9uIH0gZnJvbSAnc3RvcmVvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBwb3B1cEJhc2VSb290Q2xhc3MgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLWNvcmUnO1xuXG5pbXBvcnQgeyBQb3B1cFByb3ZpZGVyLCBwb3B1cENvbmZpZyB9IGZyb20gJy4uL1BvcHVwJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNTdGF0ZSwgTm90aWZpY2F0aW9uc0V2ZW50cywgY2xvc2VOb3RpZmljYXRpb24gfSBmcm9tICcuL05vdGlmaWNhdGlvbnNTdG9yZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25Qb3J0YWxQcm9wcywgTm90aWZpY2F0aW9uUHJvcHMgfSBmcm9tICcuL05vdGlmaWNhdGlvbi50eXBlcyc7XG5pbXBvcnQgeyBTdHlsZWRJdGVtV3JhcHBlciwgU3R5bGVkUm9vdCB9IGZyb20gJy4vTm90aWZpY2F0aW9uLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24udG9rZW5zJztcblxuLy8gaXNzdWUgIzgyM1xuY29uc3QgUG9wdXAgPSBjb21wb25lbnQocG9wdXBDb25maWcpO1xuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gICAgJiA+IC4ke3BvcHVwQmFzZVJvb3RDbGFzc30ge1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0J7QsdC10YDRgtC60LAg0LTQu9GPINCy0LjQt9GD0LDQu9GM0L3QvtCz0L4g0L/RgNC10LTRgdGC0LDQstC70LXQvdC40Y8g0YPQstC10LTQvtC80LvQtdC90LjQuS5cbiAqL1xuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNQb3J0YWw6IEZDPE5vdGlmaWNhdGlvblBvcnRhbFByb3BzPiA9ICh7XG4gICAgY29uZmlnLFxuICAgIGZyYW1lLFxuICAgIHBsYWNlbWVudCA9ICdib3R0b20tcmlnaHQnLFxuICAgIFVOU0FGRV9TU1JfRU5BQkxFRCxcbn0pID0+IHtcbiAgICBjb25zdCB7IG5vdGlmaWNhdGlvbnMgfSA9IHVzZVN0b3Jlb248Tm90aWZpY2F0aW9uc1N0YXRlLCBOb3RpZmljYXRpb25zRXZlbnRzPignbm90aWZpY2F0aW9ucycpO1xuXG4gICAgY29uc3QgTm90aWZpY2F0aW9uID0gdXNlTWVtbyhcbiAgICAgICAgKCkgPT4gY29tcG9uZW50KGNvbmZpZykgYXMgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudDxOb3RpZmljYXRpb25Qcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+PixcbiAgICAgICAgW10sXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxQb3B1cFByb3ZpZGVyIFVOU0FGRV9TU1JfRU5BQkxFRD17VU5TQUZFX1NTUl9FTkFCTEVEfT5cbiAgICAgICAgICAgIHtub3RpZmljYXRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRQb3B1cCBvcGVuZWQgZnJhbWU9e2ZyYW1lfSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gekluZGV4PVwiOTEwMFwiPlxuICAgICAgICAgICAgICAgICAgICA8U3R5bGVkUm9vdCBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7bm90aWZpY2F0aW9ucy5tYXAoKHsgaWQsIGlzSGlkZGVuLCAuLi5yZXN0IH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSXRlbVdyYXBwZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtpZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzSGlkZGVuID8gY2xhc3Nlcy5ub3RpZmljYXRpb25JdGVtSGlkZGVuIDogY2xhc3Nlcy5ub3RpZmljYXRpb25JdGVtT3BlbmVkLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50ID09PSAnYm90dG9tLWxlZnQnICYmIGNsYXNzZXMubm90aWZpY2F0aW9uTGVmdFRvUmlnaHRBbmltYXRpb24sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzSGlkZGVuPXtpc0hpZGRlbiB8fCBmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxOb3RpZmljYXRpb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsb3NlQnV0dG9uQ2xpY2s9eygpID0+IGNsb3NlTm90aWZpY2F0aW9uKGlkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkSXRlbVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRSb290PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1BvcHVwUHJvdmlkZXI+XG4gICAgKTtcbn07XG4iXX0= */"));
|
|
22
22
|
|
|
23
23
|
/**
|
|
24
24
|
* Обертка для визуального представления уведомлений.
|
|
@@ -27,13 +27,16 @@ export var NotificationsPortal = function NotificationsPortal(_ref) {
|
|
|
27
27
|
var config = _ref.config,
|
|
28
28
|
frame = _ref.frame,
|
|
29
29
|
_ref$placement = _ref.placement,
|
|
30
|
-
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement
|
|
30
|
+
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement,
|
|
31
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
31
32
|
var _useStoreon = useStoreon('notifications'),
|
|
32
33
|
notifications = _useStoreon.notifications;
|
|
33
34
|
var Notification = useMemo(function () {
|
|
34
35
|
return component(config);
|
|
35
36
|
}, []);
|
|
36
|
-
return /*#__PURE__*/React.createElement(PopupProvider,
|
|
37
|
+
return /*#__PURE__*/React.createElement(PopupProvider, {
|
|
38
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
39
|
+
}, notifications.length > 0 && /*#__PURE__*/React.createElement(StyledPopup, {
|
|
37
40
|
opened: true,
|
|
38
41
|
frame: frame,
|
|
39
42
|
placement: placement,
|
|
@@ -6,12 +6,14 @@ export var NotificationsProvider = function NotificationsProvider(_ref) {
|
|
|
6
6
|
var children = _ref.children,
|
|
7
7
|
config = _ref.config,
|
|
8
8
|
frame = _ref.frame,
|
|
9
|
-
placement = _ref.placement
|
|
9
|
+
placement = _ref.placement,
|
|
10
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
10
11
|
return /*#__PURE__*/React.createElement(StoreContext.Provider, {
|
|
11
12
|
value: NotificationsStore
|
|
12
13
|
}, children, /*#__PURE__*/React.createElement(NotificationsPortal, {
|
|
13
14
|
frame: frame,
|
|
14
15
|
placement: placement,
|
|
15
|
-
config: config
|
|
16
|
+
config: config,
|
|
17
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
16
18
|
}));
|
|
17
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.types.js","sources":["../../../src/components/Notification/Notification.types.ts"],"sourcesContent":["import type { AsProps } from '@salutejs/plasma-core';\nimport { HTMLAttributes, ReactNode } from 'react';\n\nimport { ComponentConfig, PropsType, Variants } from '../../engines/types';\n\nexport const layouts = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n};\n\nexport type NotificationLayout = keyof typeof layouts;\n\nexport const placements = {\n top: 'top',\n left: 'left',\n};\n\nexport type NotificationIconPlacement = keyof typeof placements;\nexport type NotificationPlacement = 'bottom-right' | 'bottom-left';\n\nexport type LayoutType = {\n layout?: NotificationLayout;\n};\n\nexport type IconPlacementType = {\n iconPlacement?: NotificationIconPlacement;\n};\n\nexport type CloseIconType = {\n showCloseIcon?: boolean;\n};\n\nexport interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Заголовок.\n */\n title?: ReactNode;\n /**\n * Контент под заголовком.\n */\n children?: ReactNode;\n /**\n * Кнопки снизу/справа для необходимых действий.\n */\n actions?: ReactNode;\n /**\n * Cхема расположение блоков Notification.\n */\n layout?: NotificationLayout;\n /**\n * Иконка слева.\n */\n icon?: ReactNode;\n /**\n * Расположение иконки слева внутри Textbox.\n */\n iconPlacement?: NotificationIconPlacement;\n /**\n * Показывать ли иконку закрытия справа.\n * @default\n * true\n */\n showCloseIcon?: boolean;\n /**\n * Колбек при нажатии на кнопку закрытия.\n */\n onCloseButtonClick?: () => void;\n /**\n * @deprecated\n * Не влияет на отображение компонента.\n * Статус компонента Notification.\n */\n status?: string;\n\n /**\n * Вид Notification.\n */\n view?: string;\n /**\n * Размер Notification (необходимо связать с размером используемых Button).\n */\n size?: string;\n /**\n * Вид закрывающей иконки в Notification.\n */\n closeIconType?: 'default' | 'thin';\n}\n\nexport interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Конфиг компонента Notification.\n */\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n /**\n * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.\n */\n frame?: string;\n /**\n * Расположение компонента Notification во frame\n * @default bottom-right\n */\n placement?: NotificationPlacement;\n}\n"],"names":["layouts","horizontal","vertical","placements","top","left"],"mappings":"AAKO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAA;AACd,EAAC;AAIM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,IAAI,EAAE,MAAA;AACV;;;;"}
|
|
1
|
+
{"version":3,"file":"Notification.types.js","sources":["../../../src/components/Notification/Notification.types.ts"],"sourcesContent":["import type { AsProps } from '@salutejs/plasma-core';\nimport { HTMLAttributes, ReactNode } from 'react';\n\nimport { ComponentConfig, PropsType, Variants } from '../../engines/types';\n\nexport const layouts = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n};\n\nexport type NotificationLayout = keyof typeof layouts;\n\nexport const placements = {\n top: 'top',\n left: 'left',\n};\n\nexport type NotificationIconPlacement = keyof typeof placements;\nexport type NotificationPlacement = 'bottom-right' | 'bottom-left';\n\nexport type LayoutType = {\n layout?: NotificationLayout;\n};\n\nexport type IconPlacementType = {\n iconPlacement?: NotificationIconPlacement;\n};\n\nexport type CloseIconType = {\n showCloseIcon?: boolean;\n};\n\nexport interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Заголовок.\n */\n title?: ReactNode;\n /**\n * Контент под заголовком.\n */\n children?: ReactNode;\n /**\n * Кнопки снизу/справа для необходимых действий.\n */\n actions?: ReactNode;\n /**\n * Cхема расположение блоков Notification.\n */\n layout?: NotificationLayout;\n /**\n * Иконка слева.\n */\n icon?: ReactNode;\n /**\n * Расположение иконки слева внутри Textbox.\n */\n iconPlacement?: NotificationIconPlacement;\n /**\n * Показывать ли иконку закрытия справа.\n * @default\n * true\n */\n showCloseIcon?: boolean;\n /**\n * Колбек при нажатии на кнопку закрытия.\n */\n onCloseButtonClick?: () => void;\n /**\n * @deprecated\n * Не влияет на отображение компонента.\n * Статус компонента Notification.\n */\n status?: string;\n\n /**\n * Вид Notification.\n */\n view?: string;\n /**\n * Размер Notification (необходимо связать с размером используемых Button).\n */\n size?: string;\n /**\n * Вид закрывающей иконки в Notification.\n */\n closeIconType?: 'default' | 'thin';\n /**\n * @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n}\n\nexport interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /**\n * Конфиг компонента Notification.\n */\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n /**\n * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.\n */\n frame?: string;\n /**\n * Расположение компонента Notification во frame\n * @default bottom-right\n */\n placement?: NotificationPlacement;\n /**\n * @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n}\n"],"names":["layouts","horizontal","vertical","placements","top","left"],"mappings":"AAKO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAA;AACd,EAAC;AAIM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,IAAI,EAAE,MAAA;AACV;;;;"}
|
|
@@ -31,13 +31,16 @@ var NotificationsPortal = function NotificationsPortal(_ref) {
|
|
|
31
31
|
var config = _ref.config,
|
|
32
32
|
frame = _ref.frame,
|
|
33
33
|
_ref$placement = _ref.placement,
|
|
34
|
-
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement
|
|
34
|
+
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement,
|
|
35
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
35
36
|
var _useStoreon = useStoreon('notifications'),
|
|
36
37
|
notifications = _useStoreon.notifications;
|
|
37
38
|
var Notification = useMemo(function () {
|
|
38
39
|
return component(config);
|
|
39
40
|
}, []);
|
|
40
|
-
return /*#__PURE__*/React.createElement(PopupProvider,
|
|
41
|
+
return /*#__PURE__*/React.createElement(PopupProvider, {
|
|
42
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
43
|
+
}, notifications.length > 0 && /*#__PURE__*/React.createElement(StyledPopup, {
|
|
41
44
|
opened: true,
|
|
42
45
|
frame: frame,
|
|
43
46
|
placement: placement,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsPortal.js","sources":["../../../src/components/Notification/NotificationsPortal.tsx"],"sourcesContent":["import React, { FC, ForwardRefExoticComponent, RefAttributes, useMemo } from 'react';\nimport { useStoreon } from 'storeon/react';\nimport { styled } from '@linaria/react';\nimport { popupBaseRootClass } from '@salutejs/plasma-core';\n\nimport { PopupProvider, popupConfig } from '../Popup';\nimport { component } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { NotificationsState, NotificationsEvents, closeNotification } from './NotificationsStore';\nimport { NotificationPortalProps, NotificationProps } from './Notification.types';\nimport { StyledItemWrapper, StyledRoot } from './Notification.styles';\nimport { classes } from './Notification.tokens';\n\n// issue #823\nconst Popup = component(popupConfig);\n\nconst StyledPopup = styled(Popup)`\n & > .${popupBaseRootClass} {\n overflow: hidden;\n }\n`;\n\n/**\n * Обертка для визуального представления уведомлений.\n */\nexport const NotificationsPortal: FC<NotificationPortalProps> = ({
|
|
1
|
+
{"version":3,"file":"NotificationsPortal.js","sources":["../../../src/components/Notification/NotificationsPortal.tsx"],"sourcesContent":["import React, { FC, ForwardRefExoticComponent, RefAttributes, useMemo } from 'react';\nimport { useStoreon } from 'storeon/react';\nimport { styled } from '@linaria/react';\nimport { popupBaseRootClass } from '@salutejs/plasma-core';\n\nimport { PopupProvider, popupConfig } from '../Popup';\nimport { component } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { NotificationsState, NotificationsEvents, closeNotification } from './NotificationsStore';\nimport { NotificationPortalProps, NotificationProps } from './Notification.types';\nimport { StyledItemWrapper, StyledRoot } from './Notification.styles';\nimport { classes } from './Notification.tokens';\n\n// issue #823\nconst Popup = component(popupConfig);\n\nconst StyledPopup = styled(Popup)`\n & > .${popupBaseRootClass} {\n overflow: hidden;\n }\n`;\n\n/**\n * Обертка для визуального представления уведомлений.\n */\nexport const NotificationsPortal: FC<NotificationPortalProps> = ({\n config,\n frame,\n placement = 'bottom-right',\n UNSAFE_SSR_ENABLED,\n}) => {\n const { notifications } = useStoreon<NotificationsState, NotificationsEvents>('notifications');\n\n const Notification = useMemo(\n () => component(config) as ForwardRefExoticComponent<NotificationProps & RefAttributes<HTMLDivElement>>,\n [],\n );\n\n return (\n <PopupProvider UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n {notifications.length > 0 && (\n <StyledPopup opened frame={frame} placement={placement} zIndex=\"9100\">\n <StyledRoot placement={placement}>\n {notifications.map(({ id, isHidden, ...rest }) => (\n <StyledItemWrapper\n key={id}\n className={cx(\n isHidden ? classes.notificationItemHidden : classes.notificationItemOpened,\n placement === 'bottom-left' && classes.notificationLeftToRightAnimation,\n )}\n isHidden={isHidden || false}\n >\n <Notification\n key={id}\n id={id}\n onCloseButtonClick={() => closeNotification(id)}\n {...rest}\n />\n </StyledItemWrapper>\n ))}\n </StyledRoot>\n </StyledPopup>\n )}\n </PopupProvider>\n );\n};\n"],"names":["Popup","component","popupConfig","_exp","StyledPopup","styled","name","class","propsAsIs","NotificationsPortal","_ref","config","frame","_ref$placement","placement","UNSAFE_SSR_ENABLED","_useStoreon","useStoreon","notifications","Notification","useMemo","React","createElement","PopupProvider","length","opened","zIndex","StyledRoot","map","_ref2","id","isHidden","rest","StyledItemWrapper","key","className","cx","classes","notificationItemHidden","notificationItemOpened","notificationLeftToRightAnimation","_extends","onCloseButtonClick","closeNotification"],"mappings":";;;;;;;;;;;;;;AAcA;AACA,IAAMA,KAAK,gBAAGC,SAAS,CAACC,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAdnBA,SAcmBA,IAAAA,GAAA;AAAA,EAAA,OAEVH,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMI,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIzB,CAAA,CAAA;;AAED;AACA;AACA;IACaC,mBAAgD,GAAGA,SAAnDA,mBAAgDA,CAAAC,IAAA,EAKvD;AAAA,EAAA,IAJFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,cAAA,GAAAH,IAAA,CACLI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,cAAc,GAAAA,cAAA;IAC1BE,kBAAAA,GAAAA,IAAAA,CAAAA,kBAAAA,CAAAA;AAEA,EAAA,IAAAC,WAAA,GAA0BC,UAAU,CAA0C,eAAe,CAAC;IAAtFC,aAAAA,GAAAA,WAAAA,CAAAA,aAAAA,CAAAA;EAER,IAAMC,YAAY,GAAGC,OAAO,CACxB,YAAA;IAAA,OAAMnB,SAAS,CAACU,MAAM,CAAC,CAAA;GACvB,EAAA,EACJ,CAAC,CAAA;AAED,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AAACR,IAAAA,kBAAkB,EAAEA,kBAAAA;GAC9BG,EAAAA,aAAa,CAACM,MAAM,GAAG,CAAC,iBACrBH,KAAA,CAAAC,aAAA,CAAClB,WAAW,EAAA;IAACqB,MAAM,EAAA,IAAA;AAACb,IAAAA,KAAK,EAAEA,KAAM;AAACE,IAAAA,SAAS,EAAEA,SAAU;AAACY,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,eACjEL,KAAA,CAAAC,aAAA,CAACK,UAAU,EAAA;AAACb,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC5BI,aAAa,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,EAAE,GAAAD,KAAA,CAAFC,EAAE;MAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,MAAAA,IAAAA,GAAAA,wBAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAAAA,IAAAA,oBACnCX,KAAA,CAAAC,aAAA,CAACW,iBAAiB,EAAA;AACdC,MAAAA,GAAG,EAAEJ,EAAG;MACRK,SAAS,EAAEC,EAAE,CACTL,QAAQ,GAAGM,OAAO,CAACC,sBAAsB,GAAGD,OAAO,CAACE,sBAAsB,EAC1EzB,SAAS,KAAK,aAAa,IAAIuB,OAAO,CAACG,gCAC3C,CAAE;MACFT,QAAQ,EAAEA,QAAQ,IAAI,KAAA;AAAM,KAAA,eAE5BV,KAAA,CAAAC,aAAA,CAACH,YAAY,EAAAsB,QAAA,CAAA;AACTP,MAAAA,GAAG,EAAEJ,EAAG;AACRA,MAAAA,EAAE,EAAEA,EAAG;MACPY,kBAAkB,EAAE,SAAAA,kBAAA,GAAA;QAAA,OAAMC,iBAAiB,CAACb,EAAE,CAAC,CAAA;AAAA,OAAA;KAC3CE,EAAAA,IAAI,CAAC,CAEE,CACtB,CAAA;GACO,CAAA,CACH,CAEN,CAAC,CAAA;AAExB;;;;"}
|
|
@@ -7,13 +7,15 @@ var NotificationsProvider = function NotificationsProvider(_ref) {
|
|
|
7
7
|
var children = _ref.children,
|
|
8
8
|
config = _ref.config,
|
|
9
9
|
frame = _ref.frame,
|
|
10
|
-
placement = _ref.placement
|
|
10
|
+
placement = _ref.placement,
|
|
11
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
11
12
|
return /*#__PURE__*/React.createElement(StoreContext.Provider, {
|
|
12
13
|
value: NotificationsStore
|
|
13
14
|
}, children, /*#__PURE__*/React.createElement(NotificationsPortal, {
|
|
14
15
|
frame: frame,
|
|
15
16
|
placement: placement,
|
|
16
|
-
config: config
|
|
17
|
+
config: config,
|
|
18
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
17
19
|
}));
|
|
18
20
|
};
|
|
19
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsProvider.js","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ReactNode } from 'react';\nimport { StoreContext } from 'storeon/react';\n\nimport { ComponentConfig } from '../../engines';\nimport { PropsType, Variants } from '../../engines/types';\n\nimport { NotificationsStore } from './NotificationsStore';\nimport { NotificationsPortal } from './NotificationsPortal';\nimport { NotificationPlacement, NotificationProps } from './Notification.types';\n\nexport const NotificationsProvider: FC<{\n children: ReactNode;\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n frame?: string;\n placement?: NotificationPlacement;\n}> = ({ children, config, frame, placement }) => {\n return (\n <StoreContext.Provider value={NotificationsStore}>\n {children}\n <NotificationsPortal
|
|
1
|
+
{"version":3,"file":"NotificationsProvider.js","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ReactNode } from 'react';\nimport { StoreContext } from 'storeon/react';\n\nimport { ComponentConfig } from '../../engines';\nimport { PropsType, Variants } from '../../engines/types';\n\nimport { NotificationsStore } from './NotificationsStore';\nimport { NotificationsPortal } from './NotificationsPortal';\nimport { NotificationPlacement, NotificationProps } from './Notification.types';\n\nexport const NotificationsProvider: FC<{\n children: ReactNode;\n config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;\n frame?: string;\n placement?: NotificationPlacement;\n /**\n * @description Только для применения в рамках SSR.\n */\n UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, config, frame, placement, UNSAFE_SSR_ENABLED }) => {\n return (\n <StoreContext.Provider value={NotificationsStore}>\n {children}\n <NotificationsPortal\n frame={frame}\n placement={placement}\n config={config}\n UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}\n />\n </StoreContext.Provider>\n );\n};\n"],"names":["NotificationsProvider","_ref","children","config","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","StoreContext","Provider","value","NotificationsStore","NotificationsPortal"],"mappings":";;;;;IAUaA,qBASX,GAAG,SATQA,qBASXA,CAAAC,IAAA,EAAmE;AAAA,EAAA,IAA7DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB,CAAA;AAC1D,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,YAAY,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEC,kBAAAA;AAAmB,GAAA,EAC5CV,QAAQ,eACTK,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA;AAChBT,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,MAAM,EAAEA,MAAO;AACfG,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAC1C,CACkB,CAAC,CAAA;AAEhC;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.251.0-canary.1718.13051742234.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -131,5 +131,5 @@
|
|
|
131
131
|
"sideEffects": [
|
|
132
132
|
"*.css"
|
|
133
133
|
],
|
|
134
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "003d087f45ab6a818bf7d80a306eb814fdcaf426"
|
|
135
135
|
}
|
|
@@ -35,13 +35,16 @@ var NotificationsPortal = exports.NotificationsPortal = function NotificationsPo
|
|
|
35
35
|
var config = _ref.config,
|
|
36
36
|
frame = _ref.frame,
|
|
37
37
|
_ref$placement = _ref.placement,
|
|
38
|
-
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement
|
|
38
|
+
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement,
|
|
39
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
39
40
|
var _useStoreon = (0, _react2.useStoreon)('notifications'),
|
|
40
41
|
notifications = _useStoreon.notifications;
|
|
41
42
|
var Notification = (0, _react.useMemo)(function () {
|
|
42
43
|
return (0, _engines.component)(config);
|
|
43
44
|
}, []);
|
|
44
|
-
return /*#__PURE__*/_react["default"].createElement(_Popup.PopupProvider,
|
|
45
|
+
return /*#__PURE__*/_react["default"].createElement(_Popup.PopupProvider, {
|
|
46
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
47
|
+
}, notifications.length > 0 && /*#__PURE__*/_react["default"].createElement(StyledPopup, {
|
|
45
48
|
opened: true,
|
|
46
49
|
frame: frame,
|
|
47
50
|
placement: placement,
|
|
@@ -13,12 +13,14 @@ var NotificationsProvider = exports.NotificationsProvider = function Notificatio
|
|
|
13
13
|
var children = _ref.children,
|
|
14
14
|
config = _ref.config,
|
|
15
15
|
frame = _ref.frame,
|
|
16
|
-
placement = _ref.placement
|
|
16
|
+
placement = _ref.placement,
|
|
17
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
17
18
|
return /*#__PURE__*/_react["default"].createElement(_react2.StoreContext.Provider, {
|
|
18
19
|
value: _NotificationsStore.NotificationsStore
|
|
19
20
|
}, children, /*#__PURE__*/_react["default"].createElement(_NotificationsPortal.NotificationsPortal, {
|
|
20
21
|
frame: frame,
|
|
21
22
|
placement: placement,
|
|
22
|
-
config: config
|
|
23
|
+
config: config,
|
|
24
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
23
25
|
}));
|
|
24
26
|
};
|
|
@@ -26,13 +26,16 @@ export var NotificationsPortal = function NotificationsPortal(_ref) {
|
|
|
26
26
|
var config = _ref.config,
|
|
27
27
|
frame = _ref.frame,
|
|
28
28
|
_ref$placement = _ref.placement,
|
|
29
|
-
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement
|
|
29
|
+
placement = _ref$placement === void 0 ? 'bottom-right' : _ref$placement,
|
|
30
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
30
31
|
var _useStoreon = useStoreon('notifications'),
|
|
31
32
|
notifications = _useStoreon.notifications;
|
|
32
33
|
var Notification = useMemo(function () {
|
|
33
34
|
return component(config);
|
|
34
35
|
}, []);
|
|
35
|
-
return /*#__PURE__*/React.createElement(PopupProvider,
|
|
36
|
+
return /*#__PURE__*/React.createElement(PopupProvider, {
|
|
37
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
38
|
+
}, notifications.length > 0 && /*#__PURE__*/React.createElement(StyledPopup, {
|
|
36
39
|
opened: true,
|
|
37
40
|
frame: frame,
|
|
38
41
|
placement: placement,
|
|
@@ -6,12 +6,14 @@ export var NotificationsProvider = function NotificationsProvider(_ref) {
|
|
|
6
6
|
var children = _ref.children,
|
|
7
7
|
config = _ref.config,
|
|
8
8
|
frame = _ref.frame,
|
|
9
|
-
placement = _ref.placement
|
|
9
|
+
placement = _ref.placement,
|
|
10
|
+
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
|
|
10
11
|
return /*#__PURE__*/React.createElement(StoreContext.Provider, {
|
|
11
12
|
value: NotificationsStore
|
|
12
13
|
}, children, /*#__PURE__*/React.createElement(NotificationsPortal, {
|
|
13
14
|
frame: frame,
|
|
14
15
|
placement: placement,
|
|
15
|
-
config: config
|
|
16
|
+
config: config,
|
|
17
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
16
18
|
}));
|
|
17
19
|
};
|
|
@@ -74,6 +74,10 @@ export interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivE
|
|
|
74
74
|
* Вид закрывающей иконки в Notification.
|
|
75
75
|
*/
|
|
76
76
|
closeIconType?: 'default' | 'thin';
|
|
77
|
+
/**
|
|
78
|
+
* @description Только для применения в рамках SSR.
|
|
79
|
+
*/
|
|
80
|
+
UNSAFE_SSR_ENABLED?: boolean;
|
|
77
81
|
}
|
|
78
82
|
export interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
79
83
|
/**
|
|
@@ -89,5 +93,9 @@ export interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElem
|
|
|
89
93
|
* @default bottom-right
|
|
90
94
|
*/
|
|
91
95
|
placement?: NotificationPlacement;
|
|
96
|
+
/**
|
|
97
|
+
* @description Только для применения в рамках SSR.
|
|
98
|
+
*/
|
|
99
|
+
UNSAFE_SSR_ENABLED?: boolean;
|
|
92
100
|
}
|
|
93
101
|
//# sourceMappingURL=Notification.types.d.ts.map
|
|
@@ -1 +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;AAE3E,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,GAAG,aAAa,CAAC;AAEnE,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;
|
|
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;AAE3E,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,GAAG,aAAa,CAAC;AAEnE,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;CAChC;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsPortal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAUrF,OAAO,EAAE,uBAAuB,EAAqB,MAAM,sBAAsB,CAAC;AAalF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"NotificationsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsPortal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAUrF,OAAO,EAAE,uBAAuB,EAAqB,MAAM,sBAAsB,CAAC;AAalF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,uBAAuB,CAwC3D,CAAC"}
|
|
@@ -7,5 +7,9 @@ export declare const NotificationsProvider: FC<{
|
|
|
7
7
|
config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;
|
|
8
8
|
frame?: string;
|
|
9
9
|
placement?: NotificationPlacement;
|
|
10
|
+
/**
|
|
11
|
+
* @description Только для применения в рамках SSR.
|
|
12
|
+
*/
|
|
13
|
+
UNSAFE_SSR_ENABLED?: boolean;
|
|
10
14
|
}>;
|
|
11
15
|
//# sourceMappingURL=NotificationsProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAI1D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAI1D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAYA,CAAC"}
|