npm - @selfcommunity/react-ui - Versions diffs - 0.7.0-alpha.79 → 0.7.0-alpha.80 - Mend

@selfcommunity/react-ui 0.7.0-alpha.79 → 0.7.0-alpha.80

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.

Files changed (180) hide show

package/lib/esm/components/Notification/KindlyNoticeFlag/KindlyNoticeFlag.js CHANGED Viewed

@@ -39,7 +39,7 @@ const classes = {
     contributionYouWroteLabel: `${PREFIX}-contribution-you-wrote-label`,
     contributionText: `${PREFIX}-contribution-text`
 };
-const Root = styled(Box, {
+const Root = styled(NotificationItem, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
@@ -85,14 +85,13 @@ export default function KindlyNoticeFlagNotification(inProps) {
     /**
      * Renders root object
      */
-    return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className, `${PREFIX}-${template}`) }, rest),
-        React.createElement(NotificationItem, { template: template, isNew: notificationObject.is_new, disableTypography: true, image: React.createElement(Avatar, { variant: "circular", classes: { root: classes.flagIcon } },
-                React.createElement(Icon, null, "outlined_flag")), primary: React.createElement(React.Fragment, null, isSnippetTemplate ? (React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${contributionType.toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[contributionType])) },
-                React.createElement(Typography, { component: "div", color: "inherit", className: classes.flagText },
-                    React.createElement(FormattedMessage, { id: `ui.notification.kindlyNoticeFlag.kindlyNoticeFlagSnippet`, defaultMessage: `ui.notification.kindlyNoticeFlag.kindlyNoticeFlagSnippet` })))) : (React.createElement(Typography, { component: "div", color: "inherit", className: classes.flagText }, intl.formatMessage(messages[camelCase(notificationObject.type)], { b: (...chunks) => React.createElement("strong", null, chunks) })))), secondary: template === SCNotificationObjectTemplateType.DETAIL && React.createElement(DateTimeAgo, { date: notificationObject.active_at, className: classes.activeAt }), footer: React.createElement(React.Fragment, null, !isSnippetTemplate && (React.createElement(Box, { className: classes.contributionWrap },
-                React.createElement(Typography, { variant: 'body2', color: 'inherit', component: 'div', classes: { root: classes.contributionYouWroteLabel } },
-                    React.createElement(FormattedMessage, { id: "ui.notification.undeletedFor.youWrote", defaultMessage: "ui.notification.undeletedFor.youWrote" })),
-                React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${contributionType.toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[contributionType])), className: classes.contributionText },
-                    React.createElement(Typography, { component: 'span', variant: "body2", gutterBottom: true }, getContributionSnippet(notificationObject[contributionType])))))) })));
+    return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className, `${PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, image: React.createElement(Avatar, { variant: "circular", classes: { root: classes.flagIcon } },
+            React.createElement(Icon, null, "outlined_flag")), primary: React.createElement(React.Fragment, null, isSnippetTemplate ? (React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${contributionType.toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[contributionType])) },
+            React.createElement(Typography, { component: "div", color: "inherit", className: classes.flagText },
+                React.createElement(FormattedMessage, { id: `ui.notification.kindlyNoticeFlag.kindlyNoticeFlagSnippet`, defaultMessage: `ui.notification.kindlyNoticeFlag.kindlyNoticeFlagSnippet` })))) : (React.createElement(Typography, { component: "div", color: "inherit", className: classes.flagText }, intl.formatMessage(messages[camelCase(notificationObject.type)], { b: (...chunks) => React.createElement("strong", null, chunks) })))), secondary: (template === SCNotificationObjectTemplateType.DETAIL || template === SCNotificationObjectTemplateType.SNIPPET) && (React.createElement(DateTimeAgo, { date: notificationObject.active_at, className: classes.activeAt })), footer: !isSnippetTemplate && (React.createElement(Box, { className: classes.contributionWrap },
+            React.createElement(Typography, { variant: 'body2', color: 'inherit', component: 'div', classes: { root: classes.contributionYouWroteLabel } },
+                React.createElement(FormattedMessage, { id: "ui.notification.undeletedFor.youWrote", defaultMessage: "ui.notification.undeletedFor.youWrote" })),
+            React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${contributionType.toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[contributionType])), className: classes.contributionText },
+                React.createElement(Typography, { component: 'span', variant: "body2" }, getContributionSnippet(notificationObject[contributionType]))))) }, rest)));
 }
 //# sourceMappingURL=KindlyNoticeFlag.js.map

package/lib/esm/components/Notification/KindlyNoticeFlag/KindlyNoticeFlag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KindlyNoticeFlag.js","sourceRoot":"","sources":["../../../../../src/components/Notification/KindlyNoticeFlag/KindlyNoticeFlag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAC,IAAI,EAAwB,YAAY,EAAE,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAE7F,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,cAAc,EAAE,gBAAgB,EAAE,OAAO,EAAC,MAAM,YAAY,CAAC;AACrE,OAAO,EAAC,mBAAmB,EAAE,sBAAsB,EAAE,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACtG,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,gCAAgC,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,~~gBAAgB~~,MAAM,kCAAkC,CAAC;~~AAChE~~,OAAO,EAAC,GAAG,EAAC,MAAM,sBAAsB,CAAC;AAEzC,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,gBAAgB,EAAE;QAChB,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,mDAAmD;KACpE;CACF,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,gCAAgC,CAAC;AAEhD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,QAAQ,EAAE,GAAG,MAAM,YAAY;IAC/B,QAAQ,EAAE,GAAG,MAAM,YAAY;IAC/B,QAAQ,EAAE,GAAG,MAAM,YAAY;IAC/B,gBAAgB,EAAE,GAAG,MAAM,oBAAoB;IAC/C,yBAAyB,EAAE,GAAG,MAAM,+BAA+B;IACnE,gBAAgB,EAAE,GAAG,MAAM,oBAAoB;CAChD,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,~~GAAG~~,EAAE;~~IACvB~~,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC1B,eAAe,EAAE,GAAG,CAAC,GAAG,CAAC;QACzB,KAAK,EAAE,MAAM;KACd;IACD,CAAC,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC,EAAE;QAClC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAClD,YAAY,EAAE,UAAU;QACxB,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,QAAQ;KACnB;IACD,CAAC,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC,EAAE;QAClC,SAAS,EAAE;YACT,cAAc,EAAE,WAAW;SAC5B;KACF;CACF,CAAC,CAAC,CAAC;~~AAiCJ~~;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,OAA0C;IAC7F,QAAQ;IACR,MAAM,KAAK,GAAsC,aAAa,CAAC;QAC7D,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,MAAM,EACJ,kBAAkB,EAClB,EAAE,GAAG,KAAK,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,EAC3C,SAAS,EACT,QAAQ,GAAG,gCAAgC,CAAC,MAAM,KAEhD,KAAK,EADJ,IAAI,UACL,KAAK,EANH,qDAML,CAAQ,CAAC;IAEV,UAAU;IACV,MAAM,gBAAgB,GAAyB,YAAY,EAAE,CAAC;IAE9D,QAAQ;IACR,MAAM,iBAAiB,GAAG,QAAQ,KAAK,gCAAgC,CAAC,OAAO,CAAC;IAChF,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IAEjE,MAAM;IACN,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB;;OAEG;IACH,OAAO,CACL,oBAAC,IAAI,~~kBAAC~~,EAAE,EAAE,EAAE,~~EAAE~~,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,MAAM,IAAI,QAAQ,EAAE,CAAC,~~IAAM~~,~~IAAI;QAC7F,oBAAC,gBAAgB,IACf,~~QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,kBAAkB,CAAC,MAAM,EAChC,iBAAiB,QACjB,KAAK,EACH,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAC;~~gBAC1D~~,oBAAC,IAAI,wBAAqB,CACnB,EAEX,OAAO,EACL,0CACG,iBAAiB,CAAC,CAAC,CAAC,CACnB,oBAAC,IAAI,IACH,EAAE,EAAE,gBAAgB,CAAC,GAAG,~~CACtB~~,QAAQ,CAAC,GAAG,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,~~EACxD~~,YAAY,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,~~CACnD~~;~~gBACD~~,oBAAC,UAAU,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,CAAC,QAAQ;~~oBACrE~~,oBAAC,gBAAgB,IACf,EAAE,EAAE,0DAA0D,EAC9D,cAAc,EAAE,0DAA0D,GAC1E,CACS,CACR,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACpE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAC,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE,CAAC,oCAAS,MAAM,CAAU,EAAC,CAAC,CACrG,CACd,CACA,EAEL,SAAS,EACP,QAAQ,KAAK,gCAAgC,CAAC,MAAM,IAAI,oBAAC,WAAW,IAAC,IAAI,EAAE,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,GAAI,~~EAE1I~~,MAAM,EACJ,~~0CACG,~~CAAC,iBAAiB,IAAI,~~CACrB~~,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,gBAAgB;~~gBACtC~~,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,CAAC,yBAAyB,EAAC;~~oBAClH~~,oBAAC,gBAAgB,IAAC,EAAE,EAAC,uCAAuC,EAAC,cAAc,EAAC,uCAAuC,GAAG,CAC3G;~~gBACb~~,oBAAC,IAAI,IACH,EAAE,EAAE,gBAAgB,CAAC,GAAG,~~CACtB~~,QAAQ,CAAC,GAAG,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,~~EACxD~~,YAAY,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,~~CACnD~~,~~EACD~~,SAAS,EAAE,OAAO,CAAC,gBAAgB;~~oBACnC~~,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAC,OAAO,~~EAAC~~,~~YAAY,UACxD,~~sBAAsB,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,CAClD,CACR,CACH,CACP,~~CACA~~,~~GAEL~~,~~CACG~~,~~CACR~~,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"KindlyNoticeFlag.js","sourceRoot":"","sources":["../../../../../src/components/Notification/KindlyNoticeFlag/KindlyNoticeFlag.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/Notification/KindlyNoticeFor/KindlyNoticeFor.d.ts CHANGED Viewed

@@ -1,30 +1,11 @@
 import { SCNotificationDeletedForType } from '@selfcommunity/types';
-import { SCNotificationObjectTemplateType } from '../../../types';
-export interface NotificationKindlyNoticeForProps {
-    /**
-     * Id of the feedObject
-     * @default `n_<notificationObject.sid>`
-     */
-    id?: string;
-    /**
-     * Overrides or extends the styles applied to the component.
-     * @default null
-     */
-    className?: string;
+import { NotificationItemProps } from '../../../shared/NotificationItem';
+export interface NotificationKindlyNoticeForProps extends Pick<NotificationItemProps, Exclude<keyof NotificationItemProps, 'image' | 'disableTypography' | 'primary' | 'primaryTypographyProps' | 'secondary' | 'secondaryTypographyProps' | 'actions' | 'footer' | 'isNew'>> {
     /**
      * Notification obj
      * @default null
      */
     notificationObject: SCNotificationDeletedForType;
-    /**
-     * Notification Object template type
-     * @default 'detail'
-     */
-    template?: SCNotificationObjectTemplateType;
-    /**
-     * Any other properties
-     */
-    [p: string]: any;
 }
 /**
  * This component render the content of the notification of type kindly notice for

package/lib/esm/components/Notification/KindlyNoticeFor/KindlyNoticeFor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KindlyNoticeFor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/KindlyNoticeFor/KindlyNoticeFor.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,4BAA4B,EAAC,MAAM,sBAAsB,CAAC;~~AAKlE~~,~~OAAO~~,EAAC,~~gCAAgC~~,EAAC,MAAM,~~gBAAgB~~,CAAC;~~AAsEhE~~,MAAM,WAAW,~~gCAAgC;IAC/C;;;OAGG;IACH~~,~~EAAE~~,~~CAAC~~,~~EAAE~~,MAAM,~~CAAC;IAEZ;;;OAGG;IACH~~,SAAS,~~CAAC~~,~~EAAE~~,~~MAAM~~,~~CAAC;IAEnB;;;OAGG;IACH~~,~~kBAAkB~~,~~EAAE~~,~~4BAA4B~~,~~CAAC;IAEjD;;;OAGG;IACH~~,QAAQ,~~CAAC~~,~~EAAE~~,~~gCAAgC~~,~~CAAC~~;~~IAE5C;;OAEG~~;IACH,~~CAAC~~,~~CAAC,~~EAAE,~~MAAM~~,~~GAAG,GAAG,~~CAAC;~~CAClB~~;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,OAAO,EAAE,gCAAgC,GAAG,GAAG,CAAC,OAAO,CAuG1G"}
1	+ {"version":3,"file":"KindlyNoticeFor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/KindlyNoticeFor/KindlyNoticeFor.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,4BAA4B,EAAC,MAAM,sBAAsB,CAAC;AAOlE,OAAyB,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AAoEzF,MAAM,WAAW,gCACf,SAAQ,IAAI,CACV,qBAAqB,EACrB,OAAO,CACL,MAAM,qBAAqB,EAC3B,OAAO,GAAG,mBAAmB,GAAG,SAAS,GAAG,wBAAwB,GAAG,WAAW,GAAG,0BAA0B,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CACjJ,CACF;IACD;;;OAGG;IACH,kBAAkB,EAAE,4BAA4B,CAAC;CAClD;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,OAAO,EAAE,gCAAgC,GAAG,GAAG,CAAC,OAAO,CAuG1G"}

package/lib/esm/components/Notification/KindlyNoticeFor/KindlyNoticeFor.js CHANGED Viewed

@@ -59,7 +59,7 @@ const classes = {
     contributionYouWroteLabel: `${PREFIX}-contribution-you-wrote-label`,
     contributionText: `${PREFIX}-contribution-text`
 };
-const Root = styled(Box, {
+const Root = styled(NotificationItem, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
@@ -106,21 +106,20 @@ export default function KindlyNoticeForNotification(inProps) {
     /**
      * Renders root object
      */
-    return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className, `${PREFIX}-${template}`) }, rest),
-        React.createElement(NotificationItem, { template: template, isNew: notificationObject.is_new, disableTypography: true, image: React.createElement(Avatar, { variant: "circular", classes: { root: classes.flagIcon } },
-                React.createElement(Icon, null, "outlined_flag")), primary: React.createElement(React.Fragment, null, isSnippetTemplate ? (React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${contributionType.toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[contributionType])) },
-                React.createElement(Typography, { component: "div", color: "inherit", className: classes.flagText },
-                    React.createElement(FormattedMessage, { id: `ui.notification.kindlyNoticeFor.${camelCase(notificationObject.type)}Snippet`, defaultMessage: `ui.notification.kindlyNoticeFor.${camelCase(notificationObject.type)}Snippet` })))) : (React.createElement(Typography, { component: "div", color: "inherit", className: classes.flagText }, intl.formatMessage(messages[camelCase(notificationObject.type)], { b: (...chunks) => React.createElement("strong", null, chunks) })))), secondary: template === SCNotificationObjectTemplateType.DETAIL && React.createElement(DateTimeAgo, { date: notificationObject.active_at, className: classes.activeAt }), footer: React.createElement(React.Fragment, null,
-                !isSnippetTemplate && (React.createElement(Box, { className: classes.contributionWrap },
-                    React.createElement(Typography, { variant: 'body2', color: 'inherit', component: 'div', classes: { root: classes.contributionYouWroteLabel } }, intl.formatMessage(messages.youWrote, {
-                        b: (...chunks) => React.createElement("strong", null, chunks)
-                    })),
-                    React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${contributionType.toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[contributionType])), className: classes.contributionText },
-                        React.createElement(Typography, { component: 'span', variant: "body2", gutterBottom: true }, getContributionSnippet(notificationObject[contributionType]))))),
-                template === SCNotificationObjectTemplateType.TOAST && (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
-                    React.createElement(DateTimeAgo, { date: notificationObject.active_at }),
-                    React.createElement(Typography, { color: "primary", component: 'div' },
-                        React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${notificationObject[contributionType]['type'].toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[contributionType])) },
-                            React.createElement(FormattedMessage, { id: "ui.userToastNotifications.viewContribution", defaultMessage: 'ui.userToastNotifications.viewContribution' })))))) })));
+    return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className, `${PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, image: React.createElement(Avatar, { variant: "circular", classes: { root: classes.flagIcon } },
+            React.createElement(Icon, null, "outlined_flag")), primary: React.createElement(React.Fragment, null, isSnippetTemplate ? (React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${contributionType.toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[contributionType])) },
+            React.createElement(Typography, { component: "div", color: "inherit", className: classes.flagText },
+                React.createElement(FormattedMessage, { id: `ui.notification.kindlyNoticeFor.${camelCase(notificationObject.type)}Snippet`, defaultMessage: `ui.notification.kindlyNoticeFor.${camelCase(notificationObject.type)}Snippet` })))) : (React.createElement(Typography, { component: "div", color: "inherit", className: classes.flagText }, intl.formatMessage(messages[camelCase(notificationObject.type)], { b: (...chunks) => React.createElement("strong", null, chunks) })))), secondary: (template === SCNotificationObjectTemplateType.DETAIL || template === SCNotificationObjectTemplateType.SNIPPET) && (React.createElement(DateTimeAgo, { date: notificationObject.active_at, className: classes.activeAt })), footer: isSnippetTemplate ? null : (React.createElement(React.Fragment, null,
+            React.createElement(Box, { className: classes.contributionWrap },
+                React.createElement(Typography, { variant: 'body2', color: 'inherit', component: 'div', classes: { root: classes.contributionYouWroteLabel } }, intl.formatMessage(messages.youWrote, {
+                    b: (...chunks) => React.createElement("strong", null, chunks)
+                })),
+                React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${contributionType.toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[contributionType])), className: classes.contributionText },
+                    React.createElement(Typography, { component: 'span', variant: "body2" }, getContributionSnippet(notificationObject[contributionType])))),
+            template === SCNotificationObjectTemplateType.TOAST && (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
+                React.createElement(DateTimeAgo, { date: notificationObject.active_at }),
+                React.createElement(Typography, { color: "primary", component: 'div' },
+                    React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${notificationObject[contributionType]['type'].toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[contributionType])) },
+                        React.createElement(FormattedMessage, { id: "ui.userToastNotifications.viewContribution", defaultMessage: 'ui.userToastNotifications.viewContribution' }))))))) }, rest)));
 }
 //# sourceMappingURL=KindlyNoticeFor.js.map

package/lib/esm/components/Notification/KindlyNoticeFor/KindlyNoticeFor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KindlyNoticeFor.js","sourceRoot":"","sources":["../../../../../src/components/Notification/KindlyNoticeFor/KindlyNoticeFor.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,IAAI,EAAwB,YAAY,EAAE,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAE7F,OAAO,EAAC,cAAc,EAAE,gBAAgB,EAAE,OAAO,EAAC,MAAM,YAAY,CAAC;AACrE,OAAO,EAAC,mBAAmB,EAAE,sBAAsB,EAAE,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACtG,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,gCAAgC,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,~~gBAAgB~~,MAAM,kCAAkC,CAAC;~~AAChE~~,OAAO,EAAC,GAAG,EAAC,MAAM,sBAAsB,CAAC;AAEzC,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,QAAQ,EAAE;QACR,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,0CAA0C;KAC3D;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,yDAAyD;QAC7D,cAAc,EAAE,yDAAyD;KAC1E;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,wDAAwD;QAC5D,cAAc,EAAE,wDAAwD;KACzE;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,oDAAoD;KACrE;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,kDAAkD;QACtD,cAAc,EAAE,kDAAkD;KACnE;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,sDAAsD;KACvE;CACF,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,+BAA+B,CAAC;AAE/C,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,QAAQ,EAAE,GAAG,MAAM,YAAY;IAC/B,QAAQ,EAAE,GAAG,MAAM,YAAY;IAC/B,QAAQ,EAAE,GAAG,MAAM,YAAY;IAC/B,gBAAgB,EAAE,GAAG,MAAM,oBAAoB;IAC/C,yBAAyB,EAAE,GAAG,MAAM,+BAA+B;IACnE,gBAAgB,EAAE,GAAG,MAAM,oBAAoB;CAChD,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,~~GAAG~~,EAAE;~~IACvB~~,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,KAAK,EAAE,MAAM;IACb,CAAC,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC1B,eAAe,EAAE,GAAG,CAAC,GAAG,CAAC;QACzB,KAAK,EAAE,MAAM;KACd;IACD,CAAC,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC,EAAE;QAClC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAClD,YAAY,EAAE,UAAU;QACxB,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,QAAQ;KACnB;IACD,CAAC,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC,EAAE;QAClC,SAAS,EAAE;YACT,cAAc,EAAE,WAAW;SAC5B;KACF;CACF,CAAC,CAAC,CAAC;~~AAiCJ~~;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,OAAyC;IAC3F,QAAQ;IACR,MAAM,KAAK,GAAqC,aAAa,CAAC;QAC5D,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,MAAM,EACJ,kBAAkB,EAClB,EAAE,GAAG,KAAK,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,EAC3C,SAAS,EACT,QAAQ,GAAG,gCAAgC,CAAC,MAAM,KAEhD,KAAK,EADJ,IAAI,UACL,KAAK,EANH,qDAML,CAAQ,CAAC;IAEV,UAAU;IACV,MAAM,gBAAgB,GAAyB,YAAY,EAAE,CAAC;IAE9D,QAAQ;IACR,MAAM,iBAAiB,GAAG,QAAQ,KAAK,gCAAgC,CAAC,OAAO,CAAC;IAChF,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IAEjE,MAAM;IACN,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB;;OAEG;IACH,OAAO,CACL,oBAAC,IAAI,~~kBAAC~~,EAAE,EAAE,EAAE,~~EAAE~~,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,MAAM,IAAI,QAAQ,EAAE,CAAC,~~IAAM~~,~~IAAI;QAC7F,oBAAC,gBAAgB,IACf,~~QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,kBAAkB,CAAC,MAAM,EAChC,iBAAiB,QACjB,KAAK,EACH,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAC;~~gBAC1D~~,oBAAC,IAAI,wBAAqB,CACnB,EAEX,OAAO,EACL,0CACG,iBAAiB,CAAC,CAAC,CAAC,CACnB,oBAAC,IAAI,IACH,EAAE,EAAE,gBAAgB,CAAC,GAAG,~~CACtB~~,QAAQ,CAAC,GAAG,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,~~EACxD~~,YAAY,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,~~CACnD~~;~~gBACD~~,oBAAC,UAAU,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,CAAC,QAAQ;~~oBACrE~~,oBAAC,gBAAgB,IACf,EAAE,EAAE,mCAAmC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAClF,cAAc,EAAE,mCAAmC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,GAC9F,CACS,CACR,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACpE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAC,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE,CAAC,oCAAS,MAAM,CAAU,EAAC,CAAC,CACrG,CACd,CACA,EAEL,SAAS,EACP,QAAQ,KAAK,gCAAgC,CAAC,MAAM,IAAI,oBAAC,WAAW,IAAC,IAAI,EAAE,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,GAAI,~~EAE1I~~,MAAM,EACJ~~;gBACG~~,CAAC,~~iBAAiB~~,IAAI,~~CACrB~~,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,gBAAgB;~~oBACtC~~,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,CAAC,yBAAyB,EAAC,IACjH,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE;~~wBACrC~~,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE,CAAC,oCAAS,MAAM,CAAU;~~qBAC5C~~,CAAC,CACS;~~oBACb~~,oBAAC,IAAI,IACH,EAAE,EAAE,gBAAgB,CAAC,GAAG,CACtB,QAAQ,CAAC,GAAG,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,EACxD,YAAY,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,CACnD,EACD,SAAS,EAAE,OAAO,CAAC,gBAAgB;~~wBACnC~~,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAC,OAAO,~~EAAC~~,~~YAAY,UACxD,~~sBAAsB,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,CAClD,CACR,CACH~~,CACP~~;~~gBACA~~,QAAQ,KAAK,gCAAgC,CAAC,KAAK,IAAI,CACtD,oBAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC;~~oBAClF~~,oBAAC,WAAW,IAAC,IAAI,EAAE,kBAAkB,CAAC,SAAS,GAAI;~~oBACnD~~,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK;~~wBAC1C~~,oBAAC,IAAI,IACH,EAAE,EAAE,gBAAgB,CAAC,GAAG,CACtB,QAAQ,CAAC,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,aAAa,CAAC,EACpF,YAAY,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,CACnD;~~4BACD~~,oBAAC,gBAAgB,IAAC,EAAE,EAAC,4CAA4C,EAAC,cAAc,EAAE,4CAA4C,GAAI,CAC7H,CACI,CACP,CACT,CACA,~~GAEL~~,~~CACG~~,~~CACR~~,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"KindlyNoticeFor.js","sourceRoot":"","sources":["../../../../../src/components/Notification/KindlyNoticeFor/KindlyNoticeFor.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/Notification/Mention/Mention.d.ts CHANGED Viewed

@@ -1,30 +1,11 @@
 import { SCNotificationMentionType } from '@selfcommunity/types';
-import { SCNotificationObjectTemplateType } from '../../../types';
-export interface MentionNotificationProps {
-    /**
-     * Id of the feedObject
-     * @default `n_<notificationObject.sid>`
-     */
-    id?: string;
-    /**
-     * Overrides or extends the styles applied to the component.
-     * @default null
-     */
-    className?: string;
+import { NotificationItemProps } from '../../../shared/NotificationItem';
+export interface MentionNotificationProps extends Pick<NotificationItemProps, Exclude<keyof NotificationItemProps, 'image' | 'disableTypography' | 'primary' | 'primaryTypographyProps' | 'secondary' | 'secondaryTypographyProps' | 'actions' | 'footer' | 'isNew'>> {
     /**
      * Notification obj
      * @default null
      */
     notificationObject: SCNotificationMentionType;
-    /**
-     * Notification Object template type
-     * @default 'detail'
-     */
-    template?: SCNotificationObjectTemplateType;
-    /**
-     * Any other properties
-     */
-    [p: string]: any;
 }
 /**
  * This component render the content of the notification of type mention

package/lib/esm/components/Notification/Mention/Mention.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/Mention/Mention.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,yBAAyB,EAAC,MAAM,sBAAsB,CAAC;~~AAK~~/D,~~OAAO~~,EAAC,~~gCAAgC~~,EAAC,MAAM,~~gBAAgB~~,CAAC;~~AA8ChE~~,MAAM,WAAW,~~wBAAwB;IACvC;;;OAGG;IACH~~,~~EAAE~~,~~CAAC~~,~~EAAE~~,MAAM,~~CAAC;IAEZ;;;OAGG;IACH~~,SAAS,~~CAAC~~,~~EAAE~~,~~MAAM~~,~~CAAC;IAEnB;;;OAGG;IACH~~,~~kBAAkB~~,~~EAAE~~,~~yBAAyB~~,~~CAAC;IAE9C;;;OAGG;IACH~~,QAAQ,~~CAAC~~,~~EAAE~~,~~gCAAgC~~,~~CAAC~~;~~IAE5C;;OAEG~~;IACH,~~CAAC~~,~~CAAC,~~EAAE,~~MAAM~~,~~GAAG,GAAG,~~CAAC;~~CAClB~~;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,OAAO,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,~~CAoF1F~~"}
1	+ {"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/Mention/Mention.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,yBAAyB,EAAC,MAAM,sBAAsB,CAAC;AAO/D,OAAyB,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AA4CzF,MAAM,WAAW,wBACf,SAAQ,IAAI,CACV,qBAAqB,EACrB,OAAO,CACL,MAAM,qBAAqB,EAC3B,OAAO,GAAG,mBAAmB,GAAG,SAAS,GAAG,wBAAwB,GAAG,WAAW,GAAG,0BAA0B,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CACjJ,CACF;IACD;;;OAGG;IACH,kBAAkB,EAAE,yBAAyB,CAAC;CAC/C;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,OAAO,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAmF1F"}

package/lib/esm/components/Notification/Mention/Mention.js CHANGED Viewed

@@ -26,7 +26,7 @@ const messages = defineMessages({
         defaultMessage: 'ui.notification.mention.quotedYou'
     }
 });
-const PREFIX = 'SCUserNotificationMention';
+const PREFIX = 'SCNotificationMention';
 const classes = {
     root: `${PREFIX}-root`,
     avatar: `${PREFIX}-avatar`,
@@ -35,7 +35,7 @@ const classes = {
     activeAt: `${PREFIX}-active-at`,
     contributionText: `${PREFIX}-contribution-text`
 };
-const Root = styled(Box, {
+const Root = styled(NotificationItem, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
@@ -80,22 +80,21 @@ export default function MentionNotification(inProps) {
     /**
      * Renders root object
      */
-    return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className, `${PREFIX}-${template}`) }, rest),
-        React.createElement(NotificationItem, { template: template, isNew: notificationObject.is_new, disableTypography: true, image: React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject[objectType].author) },
-                React.createElement(Avatar, { alt: notificationObject[objectType].author.username, variant: "circular", src: notificationObject[objectType].author.avatar, classes: { root: classes.avatar } })), primary: React.createElement(Typography, { component: "div", color: "inherit", className: classes.mentionText },
-                React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject[objectType].author), className: classes.username }, notificationObject[objectType].author.username),
-                ' ',
-                intl.formatMessage(messages.quotedYouOn, {
-                    b: (...chunks) => React.createElement("strong", null, chunks)
-                }),
-                ' '), secondary: React.createElement(React.Fragment, null,
-                React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${objectType.toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[objectType])) },
-                    React.createElement(Typography, { component: 'span', variant: "body2", className: classes.contributionText, gutterBottom: true }, getContributionSnippet(notificationObject[objectType]))),
-                template === SCNotificationObjectTemplateType.DETAIL && (React.createElement(Box, null,
-                    React.createElement(DateTimeAgo, { date: notificationObject.active_at, className: classes.activeAt })))), footer: React.createElement(React.Fragment, null, template === SCNotificationObjectTemplateType.TOAST && (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
-                React.createElement(DateTimeAgo, { date: notificationObject.active_at }),
-                React.createElement(Typography, { color: "primary", component: 'div' },
-                    React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${contribution.type.toUpperCase()}_ROUTE_NAME`], getRouteData(contribution)) },
-                        React.createElement(FormattedMessage, { id: "ui.userToastNotifications.viewContribution", defaultMessage: 'ui.userToastNotifications.viewContribution' })))))) })));
+    return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className, `${PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, image: React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject[objectType].author) },
+            React.createElement(Avatar, { alt: notificationObject[objectType].author.username, variant: "circular", src: notificationObject[objectType].author.avatar, classes: { root: classes.avatar } })), primary: React.createElement(Typography, { component: "div", color: "inherit", className: classes.mentionText },
+            React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject[objectType].author), className: classes.username }, notificationObject[objectType].author.username),
+            ' ',
+            intl.formatMessage(messages.quotedYouOn, {
+                b: (...chunks) => React.createElement("strong", null, chunks)
+            }),
+            ' '), secondary: React.createElement(React.Fragment, null,
+            React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${objectType.toUpperCase()}_ROUTE_NAME`], getRouteData(notificationObject[objectType])) },
+                React.createElement(Typography, { component: 'span', variant: "body2", className: classes.contributionText }, getContributionSnippet(notificationObject[objectType]))),
+            (template === SCNotificationObjectTemplateType.DETAIL || template === SCNotificationObjectTemplateType.SNIPPET) && (React.createElement(Box, null,
+                React.createElement(DateTimeAgo, { date: notificationObject.active_at, className: classes.activeAt })))), footer: template === SCNotificationObjectTemplateType.TOAST && (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
+            React.createElement(DateTimeAgo, { date: notificationObject.active_at }),
+            React.createElement(Typography, { color: "primary", component: 'div' },
+                React.createElement(Link, { to: scRoutingContext.url(SCRoutes[`${contribution.type.toUpperCase()}_ROUTE_NAME`], getRouteData(contribution)) },
+                    React.createElement(FormattedMessage, { id: "ui.userToastNotifications.viewContribution", defaultMessage: 'ui.userToastNotifications.viewContribution' }))))) }, rest)));
 }
 //# sourceMappingURL=Mention.js.map

package/lib/esm/components/Notification/Mention/Mention.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Mention.js","sourceRoot":"","sources":["../../../../../src/components/Notification/Mention/Mention.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAwB,YAAY,EAAC,MAAM,2BAA2B,CAAC;AAE7F,OAAO,EAAC,cAAc,EAAE,gBAAgB,EAAE,OAAO,EAAC,MAAM,YAAY,CAAC;AACrE,OAAO,EAAC,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,eAAe,EAAC,MAAM,6BAA6B,CAAC;AACvH,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,gCAAgC,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,~~gBAAgB~~,MAAM,kCAAkC,CAAC;~~AAEhE~~,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,WAAW,EAAE;QACX,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,mCAAmC;KACpD;CACF,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,~~2BAA2B~~,CAAC;~~AAE3C~~,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,MAAM,EAAE,GAAG,MAAM,SAAS;IAC1B,QAAQ,EAAE,GAAG,MAAM,WAAW;IAC9B,WAAW,EAAE,GAAG,MAAM,eAAe;IACrC,QAAQ,EAAE,GAAG,MAAM,YAAY;IAC/B,gBAAgB,EAAE,GAAG,MAAM,oBAAoB;CAChD,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,~~GAAG~~,EAAE;~~IACvB~~,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC1B,UAAU,EAAE,GAAG;QACf,SAAS,EAAE;YACT,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,CAAC,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC,EAAE;QAC7B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC,EAAE;QAClC,SAAS,EAAE;YACT,cAAc,EAAE,WAAW;SAC5B;QACD,YAAY,EAAE,UAAU;QACxB,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC,CAAC;~~AAiCJ~~;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,OAAiC;IAC3E,QAAQ;IACR,MAAM,KAAK,GAA6B,aAAa,CAAC;QACpD,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,MAAM,EACJ,kBAAkB,EAClB,EAAE,GAAG,KAAK,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,EAC3C,SAAS,EACT,QAAQ,GAAG,gCAAgC,CAAC,MAAM,KAEhD,KAAK,EADJ,IAAI,UACL,KAAK,EANH,qDAML,CAAQ,CAAC;IAEV,UAAU;IACV,MAAM,gBAAgB,GAAyB,YAAY,EAAE,CAAC;IAE9D,QAAQ;IACR,MAAM,UAAU,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,eAAe,CAAC,kBAAkB,CAAC,CAAC;IAEzD,OAAO;IACP,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB;;OAEG;IACH,OAAO,CACL,oBAAC,IAAI,~~kBAAC~~,EAAE,EAAE,EAAE,~~EAAE~~,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,MAAM,IAAI,QAAQ,EAAE,CAAC,~~IAAM~~,~~IAAI;QAC7F,oBAAC,gBAAgB,IACf,~~QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,kBAAkB,CAAC,MAAM,EAChC,iBAAiB,QACjB,KAAK,EACH,oBAAC,IAAI,IAAC,EAAE,EAAE,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC;~~gBACrG~~,oBAAC,MAAM,IACL,GAAG,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,QAAQ,EACnD,OAAO,EAAC,UAAU,EAClB,GAAG,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,MAAM,EACjD,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,CAAC,MAAM,EAAC,GAC/B,CACG,EAET,OAAO,EACL,oBAAC,UAAU,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,CAAC,WAAW;~~gBACxE~~,oBAAC,IAAI,IAAC,EAAE,EAAE,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,IACjI,kBAAkB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,QAAQ,CAC1C;~~gBAAC~~,GAAG;~~gBACV~~,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE;~~oBACxC~~,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE,CAAC,oCAAS,MAAM,CAAU;~~iBAC5C~~,CAAC;~~gBAAE~~,GAAG,CACI,EAEf,SAAS,EACP,oBAAC,KAAK,CAAC,QAAQ;~~gBACb~~,oBAAC,IAAI,IAAC,EAAE,EAAE,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC,WAAW,EAAE,aAAa,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC;~~oBAC9H~~,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,OAAO,CAAC,gBAAgB,~~EAAE~~,~~YAAY,UAC7F,~~sBAAsB,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAC5C,CACR;~~gBACN~~,QAAQ,KAAK,gCAAgC,CAAC,MAAM,IAAI,~~CACvD~~,oBAAC,GAAG;~~oBACF~~,oBAAC,WAAW,IAAC,IAAI,EAAE,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,GAAI,CAC5E,CACP,CACc,EAEnB,MAAM,EACJ,~~0CACG,~~QAAQ,KAAK,gCAAgC,CAAC,KAAK,IAAI,~~CACtD~~,oBAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC;~~gBAClF~~,oBAAC,WAAW,IAAC,IAAI,EAAE,kBAAkB,CAAC,SAAS,GAAI;~~gBACnD~~,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK;~~oBAC1C~~,oBAAC,IAAI,IAAC,EAAE,EAAE,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;~~wBACnH~~,oBAAC,gBAAgB,IAAC,EAAE,EAAC,4CAA4C,EAAC,cAAc,EAAE,4CAA4C,GAAI,CAC7H,CACI,CACP,CACT,~~CACA~~,~~GAEL~~,~~CACG~~,~~CACR~~,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"Mention.js","sourceRoot":"","sources":["../../../../../src/components/Notification/Mention/Mention.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/Notification/Notification.d.ts CHANGED Viewed

@@ -53,24 +53,24 @@ export interface NotificationProps extends CardProps, VirtualScrollerItemProps {
  #### Component Name
- The name `SCUserNotification` can be used when providing style overrides in the theme.
+ The name `SCNotification` can be used when providing style overrides in the theme.
  #### CSS
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserNotification-root|Styles applied to the root element.|
- |notificationWrap|.SCUserNotification-notification-wrap|Styles applied to the element wrap.|
- |notificationHeader|.SCUserNotification-notification-wrap|Styles applied to the notification header.|
- |title|.SCUserNotification-title|Styles applied to the title element in the notification header.|
- |image|.SCUserNotification-image|Styles applied to the image element in the notification header.|
- |username|.SCUserNotification-username|Styles applied to the user element in the notification header.|
- |notificationContent|.SCUserNotification-notification-content|Styles applied to the notification content.|
- |notificationUnCollapsed|.SCUserNotification-notification-wrap|Styles applied to the uncollapsed elements.|
- |notificationCollapsed|.SCUserNotification-notification-wrap|Styles applied to the collapsed elements.|
- |stopNotificationButton|.SCUserNotification-stop-notification-button|Styles applied to the stop notification button.|
- |showOtherAggregated|.SCUserNotification-show-other-aggregated|Styles applied to the show other aggregated element.|
+ |root|.SCNotification-root|Styles applied to the root element.|
+ |content|.SCNotification-notification-wrap|Styles applied to the element wrap.|
+ |header|.SCNotification-notification-wrap|Styles applied to the notification header.|
+ |title|.SCNotification-title|Styles applied to the title element in the notification header.|
+ |image|.SCNotification-image|Styles applied to the image element in the notification header.|
+ |username|.SCNotification-username|Styles applied to the user element in the notification header.|
+ |content|.SCNotification-notification-content|Styles applied to the notification content.|
+ |unCollapsed|.SCNotification-notification-wrap|Styles applied to the uncollapsed elements.|
+ |collapsed|.SCNotification-notification-wrap|Styles applied to the collapsed elements.|
+ |stopButton|.SCNotification-stop-notification-button|Styles applied to the stop notification button.|
+ |showOtherAggregated|.SCNotification-show-other-aggregated|Styles applied to the show other aggregated element.|
  * @param inProps
  */

package/lib/esm/components/Notification/Notification.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAqBA,OAAO,~~EAAS~~,SAAS,EAAqE,MAAM,eAAe,CAAC;~~AAKpH~~,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAOrE,OAAO,EAEL,4BAA4B,EAI7B,MAAM,sBAAsB,CAAC;~~AA8E9B~~,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,wBAAwB;IAC5E;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,kBAAkB,EAAE,4BAA4B,CAAC;IAEjD;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC,OAAO,CAAC;IAEjD;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,~~CAyThF~~"}
1	+ {"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAqB,SAAS,EAAqE,MAAM,eAAe,CAAC;AAKhI,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAOrE,OAAO,EAEL,4BAA4B,EAI7B,MAAM,sBAAsB,CAAC;AA+B9B,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,wBAAwB;IAC5E;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,kBAAkB,EAAE,4BAA4B,CAAC;IAEjD;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC,OAAO,CAAC;IAEjD;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA4ThF"}

package/lib/esm/components/Notification/Notification.js CHANGED Viewed

@@ -23,14 +23,13 @@ import MentionNotification from './Mention';
 import CollapsedForNotification from './CollapsedFor';
 import KindlyNoticeForNotification from './KindlyNoticeFor';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import { grey } from '@mui/material/colors';
 import KindlyNoticeFlagNotification from './KindlyNoticeFlag';
 import VoteUpNotification from './VoteUp';
 import Icon from '@mui/material/Icon';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { getContribution, getContributionRouteName, getContributionSnippet, getRouteData } from '../../utils/contribution';
 import ContributionFollowNotification from './ContributionFollow';
-import { Avatar, Collapse, ListItemButton, ListItemText, Stack, Tooltip, Typography } from '@mui/material';
+import { Avatar, CardHeader, Collapse, ListItemButton, ListItemText, Tooltip } from '@mui/material';
 import IncubatorApprovedNotification from './IncubatorApproved';
 import { http, Endpoints } from '@selfcommunity/api-services';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
@@ -39,81 +38,33 @@ import classNames from 'classnames';
 import LoadingButton from '@mui/lab/LoadingButton';
 import Widget from '../Widget';
 import { useThemeProps } from '@mui/system';
-import BaseItem from '../../shared/BaseItem';
 import { Logger } from '@selfcommunity/utils';
-import { SCCommentTypologyType, SCNotificationTypologyType } from '@selfcommunity/types';
+import { SCNotificationTypologyType } from '@selfcommunity/types';
 const messages = defineMessages({
     receivePrivateMessage: {
         id: 'ui.notification.receivePrivateMessage',
         defaultMessage: 'ui.notification.receivePrivateMessage'
     }
 });
-const PREFIX = 'SCUserNotification';
+const PREFIX = 'SCNotification';
 const classes = {
     root: `${PREFIX}-root`,
-    notificationWrap: `${PREFIX}-notification-wrap`,
-    notificationHeader: `${PREFIX}-notification-header`,
+    header: `${PREFIX}-header`,
+    avatar: `${PREFIX}-avatar`,
     title: `${PREFIX}-title`,
     image: `${PREFIX}-image`,
     username: `${PREFIX}-username`,
-    notificationContent: `${PREFIX}-notification-content`,
-    notificationUnCollapsed: `${PREFIX}-notification-uncollapsed`,
-    notificationCollapsed: `${PREFIX}-notification-collapsed`,
-    stopNotificationButton: `${PREFIX}-stop-notification-button`,
+    content: `${PREFIX}-content`,
+    unCollapsed: `${PREFIX}-uncollapsed`,
+    collapsed: `${PREFIX}-collapsed`,
+    stopButton: `${PREFIX}-stop-button`,
     showOtherAggregated: `${PREFIX}-show-other-aggregated`
 };
 const Root = styled(Widget, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    width: '100%',
-    marginBottom: theme.spacing(1),
-    [`& .${classes.title}`]: {
-        fontSize: 15,
-        padding: `${theme.spacing()} ${theme.spacing(2)} 5px ${theme.spacing(2)}`,
-        '&:hover': {
-            textDecoration: 'underline'
-        }
-    },
-    [`& .${classes.username}`]: {
-        fontWeight: 700,
-        '&:hover': {
-            textDecoration: 'underline'
-        }
-    },
-    [`& .${classes.notificationWrap}`]: {
-        padding: `${theme.spacing()} 0px`
-    },
-    [`& .${classes.notificationContent}`]: {
-        position: 'relative'
-    },
-    [`& .${classes.notificationHeader}`]: {
-        boxSizing: 'border-box',
-        boxShadow: 'none',
-        border: 'none'
-    },
-    [`& .${classes.stopNotificationButton}`]: {
-        margin: '5px 10px',
-        padding: '2px 2px 2px 2px',
-        minWidth: 'auto',
-        '& span': {
-            fontSize: 20
-        }
-    },
-    [`& .${classes.showOtherAggregated}`]: {
-        position: 'relative',
-        top: theme.spacing(),
-        backgroundColor: grey[100]
-    },
-    [`& .${classes.notificationCollapsed}`]: {
-        paddingTop: theme.spacing()
-    },
-    '& a': {
-        textDecoration: 'none',
-        color: theme.palette.text.primary
-    }
-}));
+})(({ theme }) => ({}));
 /**
  *
  > API documentation for the Community-JS UserNotification component. Learn about the available props and the CSS API.
@@ -126,24 +77,24 @@ const Root = styled(Widget, {
  #### Component Name
- The name `SCUserNotification` can be used when providing style overrides in the theme.
+ The name `SCNotification` can be used when providing style overrides in the theme.
  #### CSS
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserNotification-root|Styles applied to the root element.|
- |notificationWrap|.SCUserNotification-notification-wrap|Styles applied to the element wrap.|
- |notificationHeader|.SCUserNotification-notification-wrap|Styles applied to the notification header.|
- |title|.SCUserNotification-title|Styles applied to the title element in the notification header.|
- |image|.SCUserNotification-image|Styles applied to the image element in the notification header.|
- |username|.SCUserNotification-username|Styles applied to the user element in the notification header.|
- |notificationContent|.SCUserNotification-notification-content|Styles applied to the notification content.|
- |notificationUnCollapsed|.SCUserNotification-notification-wrap|Styles applied to the uncollapsed elements.|
- |notificationCollapsed|.SCUserNotification-notification-wrap|Styles applied to the collapsed elements.|
- |stopNotificationButton|.SCUserNotification-stop-notification-button|Styles applied to the stop notification button.|
- |showOtherAggregated|.SCUserNotification-show-other-aggregated|Styles applied to the show other aggregated element.|
+ |root|.SCNotification-root|Styles applied to the root element.|
+ |content|.SCNotification-notification-wrap|Styles applied to the element wrap.|
+ |header|.SCNotification-notification-wrap|Styles applied to the notification header.|
+ |title|.SCNotification-title|Styles applied to the title element in the notification header.|
+ |image|.SCNotification-image|Styles applied to the image element in the notification header.|
+ |username|.SCNotification-username|Styles applied to the user element in the notification header.|
+ |content|.SCNotification-notification-content|Styles applied to the notification content.|
+ |unCollapsed|.SCNotification-notification-wrap|Styles applied to the uncollapsed elements.|
+ |collapsed|.SCNotification-notification-wrap|Styles applied to the collapsed elements.|
+ |stopButton|.SCNotification-stop-notification-button|Styles applied to the stop notification button.|
+ |showOtherAggregated|.SCNotification-show-other-aggregated|Styles applied to the show other aggregated element.|
  * @param inProps
  */
@@ -263,14 +214,14 @@ export default function UserNotification(inProps) {
          */
         if (notificationObject.aggregated && notificationObject.aggregated[0].type === SCNotificationTypologyType.PRIVATE_MESSAGE) {
             let messageNotification = notificationObject.aggregated[0];
-            return (React.createElement(BaseItem, { className: classes.notificationHeader, image: React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, messageNotification.message.sender) },
-                    React.createElement(Avatar, { alt: messageNotification.message.sender.username, variant: "circular", src: messageNotification.message.sender.avatar })), primary: React.createElement(Typography, { component: "span", color: "inherit" },
+            return (React.createElement(CardHeader, { className: classes.header, avatar: React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, messageNotification.message.sender) },
+                    React.createElement(Avatar, { className: classes.avatar, alt: messageNotification.message.sender.username, variant: "circular", src: messageNotification.message.sender.avatar })), titleTypographyProps: { className: classes.title, variant: 'subtitle1' }, title: React.createElement(React.Fragment, null,
                     React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, messageNotification.message.sender), className: classes.username }, messageNotification.message.sender.username),
                     ' ',
                     intl.formatMessage(messages.receivePrivateMessage, {
                         total: notificationObject.aggregated.length,
                         b: (...chunks) => React.createElement("strong", null, chunks)
-                    })), disableTypography: true }));
+                    })) }));
         }
         /**
          * Comment, NestedComment, Follow Contribution header
@@ -283,11 +234,8 @@ export default function UserNotification(inProps) {
                 notificationObject.aggregated[0].type === SCNotificationTypologyType.VOTE_UP ||
                 notificationObject.aggregated[0].type === SCNotificationTypologyType.CONTRIBUTION)) {
             const contribution = getContribution(notificationObject);
-            return (React.createElement("div", { className: classes.notificationHeader }, contribution && contribution.type !== SCCommentTypologyType && (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
-                React.createElement(Link, { to: scRoutingContext.url(getContributionRouteName(contribution), getRouteData(notificationObject[contribution.type])) },
-                    React.createElement(Typography, { variant: "body2", gutterBottom: true, classes: { root: classes.title } }, getContributionSnippet(contribution))),
-                contribution && (React.createElement(Tooltip, { title: contribution.suspended ? (React.createElement(FormattedMessage, { id: 'ui.notification.notificationSuspended', defaultMessage: 'ui.notification.notificationSuspended' })) : (React.createElement(FormattedMessage, { id: 'ui.notification.notificationSuspend', defaultMessage: 'ui.notification.notificationSuspend' })) },
-                    React.createElement(LoadingButton, { variant: "text", size: "small", loading: loadingSuspendNotification, color: 'inherit', classes: { root: classes.stopNotificationButton }, onClick: () => handleStopContentNotification(contribution) }, contribution.suspended ? (React.createElement(Icon, { fontSize: "small", color: 'primary' }, "notifications_off")) : (React.createElement(Icon, { fontSize: "small", color: 'inherit' }, "notifications")))))))));
+            return (React.createElement(CardHeader, { className: classes.header, titleTypographyProps: { className: classes.title, variant: 'subtitle1' }, title: React.createElement(Link, { to: scRoutingContext.url(getContributionRouteName(contribution), getRouteData(notificationObject[contribution.type])) }, getContributionSnippet(contribution)), action: contribution && (React.createElement(Tooltip, { title: contribution.suspended ? (React.createElement(FormattedMessage, { id: 'ui.notification.notificationSuspended', defaultMessage: 'ui.notification.notificationSuspended' })) : (React.createElement(FormattedMessage, { id: 'ui.notification.notificationSuspend', defaultMessage: 'ui.notification.notificationSuspend' })) },
+                    React.createElement(LoadingButton, { variant: "text", size: "small", loading: loadingSuspendNotification, color: 'inherit', classes: { root: classes.stopButton }, onClick: () => handleStopContentNotification(contribution) }, contribution.suspended ? (React.createElement(Icon, { fontSize: "small", color: 'primary' }, "notifications_off")) : (React.createElement(Icon, { fontSize: "small", color: 'inherit' }, "notifications"))))) }));
         }
         return null;
     }
@@ -363,14 +311,13 @@ export default function UserNotification(inProps) {
      * Renders root object
      */
     return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, rest),
-        React.createElement(CardContent, { classes: { root: classes.notificationWrap } },
-            renderNotificationHeader(),
-            React.createElement("div", { className: classes.notificationContent },
-                React.createElement("div", { className: classes.notificationUnCollapsed }, notificationObject.aggregated.slice(0, showMaxAggregated).map((n, i) => renderAggregatedItem(n, i))),
-                notificationObject.aggregated.length > showMaxAggregated && (React.createElement(React.Fragment, null,
-                    React.createElement(ListItemButton, { onClick: setStateAggregated, classes: { root: classes.showOtherAggregated } },
-                        React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: 'ui.notification.showOthers', defaultMessage: 'ui.notification.showOthers' }) }),
-                        openOtherAggregated ? React.createElement(Icon, null, "expand_less") : React.createElement(Icon, null, "expand_more")),
-                    React.createElement(Collapse, { in: openOtherAggregated, timeout: "auto", unmountOnExit: true, classes: { root: classes.notificationCollapsed } }, notificationObject.aggregated.slice(showMaxAggregated).map((n, i) => renderAggregatedItem(n, i)))))))));
+        renderNotificationHeader(),
+        React.createElement(CardContent, { className: classes.content },
+            React.createElement("div", { className: classes.unCollapsed }, notificationObject.aggregated.slice(0, showMaxAggregated).map((n, i) => renderAggregatedItem(n, i))),
+            notificationObject.aggregated.length > showMaxAggregated && (React.createElement(React.Fragment, null,
+                React.createElement(ListItemButton, { onClick: setStateAggregated, classes: { root: classes.showOtherAggregated } },
+                    React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: 'ui.notification.showOthers', defaultMessage: 'ui.notification.showOthers' }) }),
+                    openOtherAggregated ? React.createElement(Icon, null, "expand_less") : React.createElement(Icon, null, "expand_more")),
+                React.createElement(Collapse, { in: openOtherAggregated, timeout: "auto", unmountOnExit: true, classes: { root: classes.collapsed } }, notificationObject.aggregated.slice(showMaxAggregated).map((n, i) => renderAggregatedItem(n, i))))))));
 }
 //# sourceMappingURL=Notification.js.map