@selfcommunity/react-ui 0.7.50-alpha.1 → 0.7.50-event.28

package/lib/cjs/components/EventLocationWidget/Skeleton.d.ts

@@ -0,0 +1,22 @@
+/**
+ * > API documentation for the Community-JS Group Info Widget Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {EventLocationWidgetSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCEventLocationWidgetSkeleton-skeleton-root` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCEventLocationWidgetSkeleton-skeleton-root|Styles applied to the root element.|
+ |root|.SCEventLocationWidgetSkeleton-skeleton-map|Styles applied to the map element.|
+ *
+ */
+export default function EventLocationWidgetSkeleton(): JSX.Element;

package/lib/cjs/components/EventLocationWidget/Skeleton.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const styles_1 = require("@mui/material/styles");
+const constants_1 = require("./constants");
+const Widget_1 = tslib_1.__importDefault(require("../Widget"));
+const material_1 = require("@mui/material");
+const classes = {
+    root: `${constants_1.PREFIX}-skeleton-root`,
+    map: `${constants_1.PREFIX}-skeleton-map`
+};
+const Root = (0, styles_1.styled)(Widget_1.default, {
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
+/**
+ * > API documentation for the Community-JS Group Info Widget Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {EventLocationWidgetSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCEventLocationWidgetSkeleton-skeleton-root` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCEventLocationWidgetSkeleton-skeleton-root|Styles applied to the root element.|
+ |root|.SCEventLocationWidgetSkeleton-skeleton-map|Styles applied to the map element.|
+ *
+ */
+function EventLocationWidgetSkeleton() {
+    return (react_1.default.createElement(Root, { className: classes.root },
+        react_1.default.createElement(material_1.CardContent, null,
+            react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 30, width: "20%", variant: 'text' }),
+            react_1.default.createElement(material_1.Box, { className: classes.map },
+                react_1.default.createElement(material_1.Skeleton, { variant: "rectangular", animation: "wave", height: '100%', width: '100%' })),
+            react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: "30%", variant: 'text' }),
+            react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: "40%", variant: 'text' }))));
+}
+exports.default = EventLocationWidgetSkeleton;

package/lib/cjs/components/EventLocationWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCEventLocationWidget";

package/lib/cjs/components/EventLocationWidget/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCEventLocationWidget';

package/lib/cjs/components/EventLocationWidget/index.d.ts

@@ -0,0 +1,4 @@
+import EventLocationWidget, { EventLocationWidgetProps } from './EventLocationWidget';
+import EventLocationWidgetSkeleton from './Skeleton';
+export default EventLocationWidget;
+export { EventLocationWidgetProps, EventLocationWidgetSkeleton };

package/lib/cjs/components/EventLocationWidget/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventLocationWidgetSkeleton = void 0;
+const tslib_1 = require("tslib");
+const EventLocationWidget_1 = tslib_1.__importDefault(require("./EventLocationWidget"));
+const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
+exports.EventLocationWidgetSkeleton = Skeleton_1.default;
+exports.default = EventLocationWidget_1.default;

package/lib/cjs/components/Feed/Feed.js

@@ -104,7 +104,7 @@ const Feed = (inProps, ref) => {
     }, [scPreferences.preferences]);
     // RENDER
     const theme = (0, styles_1.useTheme)();
-    const oneColLayout = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'), { noSsr: typeof window !== 'undefined' });
+    const oneColLayout = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'), { noSsr: (0, utils_1.isClientSideRendering)() });
     const advEnabled = (0, react_1.useMemo)(() => preferences &&
         preferences[react_core_1.SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED] &&
         ((preferences[react_core_1.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED] && scUserContext.user === null) ||

package/lib/cjs/components/FeedObject/Actions/Share/Share.js

@@ -195,23 +195,23 @@ function Share(props) {
             (!feedObject.group || isGroupPublic) && (react_1.default.createElement(react_1.default.Fragment, null,
                 showShareAction && (react_1.default.createElement(MenuItem_1.default, { onClick: () => share(false) },
                     react_1.default.createElement(ListItemIcon_1.default, null,
-                        react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "redo")),
+                        react_1.default.createElement(Icon_1.default, null, "redo")),
                     react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.shareNow", defaultMessage: "ui.feedObject.share.shareNow" }) }))),
                 facebookShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.FACEBOOK_SHARE + url, 'facebook-share-dialog', 'width=626,height=436') },
                     react_1.default.createElement(ListItemIcon_1.default, null,
-                        react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "facebook")),
+                        react_1.default.createElement(Icon_1.default, null, "facebook")),
                     react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.facebook", defaultMessage: "ui.feedObject.share.facebook" }) }))),
                 xShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.X_SHARE + url, 'x-share-dialog', 'width=626,height=436') },
                     react_1.default.createElement(ListItemIcon_1.default, null,
-                        react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "twitter")),
+                        react_1.default.createElement(Icon_1.default, null, "twitter")),
                     react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.x", defaultMessage: "ui.feedObject.share.x" }) }))),
                 linkedinShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.LINKEDIN_SHARE + url, 'linkedin-share-dialog', 'width=626,height=436') },
                     react_1.default.createElement(ListItemIcon_1.default, null,
-                        react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "linkedin")),
+                        react_1.default.createElement(Icon_1.default, null, "linkedin")),
                     react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.linkedin", defaultMessage: "ui.feedObject.share.linkedin" }) }))))),
             react_1.default.createElement(MenuItem_1.default, null,
                 react_1.default.createElement(ListItemIcon_1.default, null,
-                    react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "link")),
+                    react_1.default.createElement(Icon_1.default, null, "link")),
                 react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.permanentLink", defaultMessage: "ui.feedObject.share.permanentLink" }), onClick: () => getPermalink() }))));
     }
     /**

package/lib/cjs/components/GroupForm/GroupForm.js

@@ -155,11 +155,11 @@ function GroupForm(inProps) {
         if (data) {
             if (group) {
                 // Edit group
-                pubsub_js_1.default.publish(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCEventType.EDIT}`, data);
+                pubsub_js_1.default.publish(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCGroupEventType.EDIT}`, data);
             }
             else {
                 // Create group
-                pubsub_js_1.default.publish(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCEventType.CREATE}`, data);
+                pubsub_js_1.default.publish(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCGroupEventType.CREATE}`, data);
             }
         }
     }

package/lib/cjs/components/GroupHeader/GroupHeader.js

@@ -119,10 +119,10 @@ function GroupHeader(inProps) {
         var _a;
         if (data && ((_a = data === null || data === void 0 ? void 0 : data.group) === null || _a === void 0 ? void 0 : _a.id) === (scGroup === null || scGroup === void 0 ? void 0 : scGroup.id)) {
             let _group = Object.assign({}, scGroup);
-            if (msg === `${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCEventType.ADD_MEMBER}`) {
+            if (msg === `${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCGroupEventType.ADD_MEMBER}`) {
                 _group.subscribers_counter = _group.subscribers_counter + 1;
             }
-            else if (msg === `${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCEventType.REMOVE_MEMBER}`) {
+            else if (msg === `${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCGroupEventType.REMOVE_MEMBER}`) {
                 _group.subscribers_counter = Math.max(_group.subscribers_counter - 1, 0);
             }
             setSCGroup(_group);
@@ -133,7 +133,7 @@ function GroupHeader(inProps) {
      */
     (0, react_1.useEffect)(() => {
         if (scGroup) {
-            updatesSubscription.current = pubsub_js_1.default.subscribe(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCEventType.MEMBERS}`, onChangeGroupMembersHandler);
+            updatesSubscription.current = pubsub_js_1.default.subscribe(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCGroupEventType.MEMBERS}`, onChangeGroupMembersHandler);
         }
         return () => {
             updatesSubscription.current && pubsub_js_1.default.unsubscribe(updatesSubscription.current);

package/lib/cjs/components/GroupInfoWidget/GroupInfoWidget.js

@@ -89,7 +89,7 @@ function GroupInfoWidget(inProps) {
      */
     (0, react_1.useEffect)(() => {
         if (scGroup) {
-            updatesSubscription.current = pubsub_js_1.default.subscribe(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCEventType.EDIT}`, onChangeGroupHandler);
+            updatesSubscription.current = pubsub_js_1.default.subscribe(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCGroupEventType.EDIT}`, onChangeGroupHandler);
         }
         return () => {
             updatesSubscription.current && pubsub_js_1.default.unsubscribe(updatesSubscription.current);

package/lib/cjs/components/GroupInviteButton/GroupInviteButton.js

@@ -99,7 +99,7 @@ function GroupInviteButton(inProps) {
      */
     function notifyChanges(group, usersInvited) {
         if (group && usersInvited) {
-            pubsub_js_1.default.publish(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCEventType.INVITE_MEMBER}`, usersInvited);
+            pubsub_js_1.default.publish(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCGroupEventType.INVITE_MEMBER}`, usersInvited);
         }
     }
     function convertToInvitedUsersObject(data) {
@@ -257,11 +257,11 @@ function GroupInviteButton(inProps) {
      * Renders root object
      */
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), onClick: handleClose, variant: scGroup ? 'contained' : 'outlined', color: scGroup ? 'secondary' : 'inherit', startIcon: react_1.default.createElement(material_1.Icon, { fontSize: "small" }, "add") }, rest),
+        react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), onClick: handleClose, variant: scGroup ? 'contained' : 'outlined', color: scGroup ? 'secondary' : 'inherit', startIcon: react_1.default.createElement(material_1.Icon, null, "add") }, rest),
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupInviteButton", defaultMessage: "ui.groupInviteButton" })),
         open && (react_1.default.createElement(DialogRoot, { DialogContentProps: { dividers: false }, open: true, className: classes.dialogRoot, title: react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(material_1.IconButton, { onClick: handleClose },
-                    react_1.default.createElement(material_1.Icon, { fontSize: "medium" }, "arrow_back")),
+                    react_1.default.createElement(material_1.Icon, null, "arrow_back")),
                 react_1.default.createElement(material_1.Typography, { className: classes.dialogTitle },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupInviteButton.dialog.title", defaultMessage: "ui.groupInviteButton.dialog.title" })),
                 react_1.default.createElement(lab_1.LoadingButton, { size: "small", color: "secondary", variant: "contained", onClick: handleSendInvitations, loading: isSending, disabled: !invited.length },

package/lib/cjs/components/GroupInvitedWidget/GroupInvitedWidget.js

@@ -172,7 +172,7 @@ function GroupInvitedWidget(inProps) {
      */
     (0, react_1.useEffect)(() => {
         if (scGroup && state.results) {
-            updatesSubscription.current = pubsub_js_1.default.subscribe(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCEventType.INVITE_MEMBER}`, onChangeGroupHandler);
+            updatesSubscription.current = pubsub_js_1.default.subscribe(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCGroupEventType.INVITE_MEMBER}`, onChangeGroupHandler);
         }
         return () => {
             updatesSubscription.current && pubsub_js_1.default.unsubscribe(updatesSubscription.current);

package/lib/cjs/components/GroupSettingsIconButton/GroupSettingsIconButton.js

@@ -94,7 +94,7 @@ function GroupSettingsIconButton(inProps) {
      */
     function notifyChanges(group, user) {
         if (group && user) {
-            pubsub_js_1.default.publish(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCEventType.REMOVE_MEMBER}`, { group, user });
+            pubsub_js_1.default.publish(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCGroupEventType.REMOVE_MEMBER}`, { group, user });
         }
     }
     /**

package/lib/cjs/components/GroupSubscribeButton/GroupSubscribeButton.js

@@ -82,7 +82,7 @@ function GroupSubscribeButton(inProps) {
      */
     function notifyChanges(group, user) {
         if (group && user) {
-            pubsub_js_1.default.publish(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCEventType.ADD_MEMBER}`, { group, user });
+            pubsub_js_1.default.publish(`${PubSub_1.SCTopicType.GROUP}.${PubSub_1.SCGroupEventType.ADD_MEMBER}`, { group, user });
         }
     }
     const subscribe = (user) => {

package/lib/cjs/components/IncubatorListWidget/IncubatorListWidget.js

@@ -226,7 +226,7 @@ function IncubatorListWidget(inProps) {
             react_1.default.createElement(material_1.Typography, { className: classes.title, variant: 'h5' },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorListWidget.title", defaultMessage: "ui.incubatorListWidget.title" })),
             react_1.default.createElement(material_1.IconButton, { className: classes.helpPopover, color: "primary", "aria-label": "info", component: "span", onClick: handleClickHelpButton },
-                react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "help_outline")),
+                react_1.default.createElement(Icon_1.default, null, "help_outline")),
             isOpen && (react_1.default.createElement(Popover_1.default, { open: isOpen, anchorEl: anchorEl, onClose: handlePopoverClose, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'right'

package/lib/cjs/components/NavigationMenuIconButton/DefaultDrawerContent.d.ts

@@ -1,5 +1,6 @@
+import { BoxProps } from '@mui/material';
 import { CategoryProps } from '../Category';
-export interface DefaultDrawerContentProps {
+export interface DefaultDrawerContentProps extends BoxProps {
     CategoryItemProps?: CategoryProps;
 }
-export default function DefaultDrawerContent(props: DefaultDrawerContentProps): JSX.Element;
+export default function DefaultDrawerContent(inProps: DefaultDrawerContentProps): JSX.Element;

package/lib/cjs/components/NavigationMenuIconButton/DefaultDrawerContent.js

@@ -7,8 +7,24 @@ const react_1 = tslib_1.__importStar(require("react"));
 const Category_1 = tslib_1.__importDefault(require("../Category"));
 const react_intl_1 = require("react-intl");
 const utils_1 = require("@selfcommunity/utils");
-function DefaultDrawerContent(props) {
-    const { CategoryItemProps = {} } = props;
+const styles_1 = require("@mui/material/styles");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const system_1 = require("@mui/system");
+const PREFIX = 'SCDefaultDrawerContent';
+const classes = {
+    root: `${PREFIX}-root`
+};
+const Root = (0, styles_1.styled)(material_1.Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (_, styles) => styles.root
+})(() => ({}));
+function DefaultDrawerContent(inProps) {
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className, CategoryItemProps = { showTooltip: true } } = props, rest = tslib_1.__rest(props, ["className", "CategoryItemProps"]);
     // HOOKS
     const { categories } = (0, react_core_1.useSCFetchCategories)();
     const [categoriesOrdered, setCategoriesOrdered] = (0, react_1.useState)([]);
@@ -38,7 +54,7 @@ function DefaultDrawerContent(props) {
         onTouchMove: mouseLeave
     });
     //order
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root) }, rest),
         react_1.default.createElement(material_1.Typography, { variant: "subtitle1" },
             react_1.default.createElement("span", null,
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.title", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.title" })),

package/lib/cjs/components/NavigationMenuIconButton/DefaultHeaderContent.d.ts

@@ -1 +1,3 @@
-export default function DefaultHeaderContent(): JSX.Element;
+import { BoxProps } from '@mui/material';
+export declare type DefaultHeaderContentProps = BoxProps;
+export default function DefaultHeaderContent(inProps: DefaultHeaderContentProps): JSX.Element;

package/lib/cjs/components/NavigationMenuIconButton/DefaultHeaderContent.js

@@ -3,14 +3,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_core_1 = require("@selfcommunity/react-core");
 const react_1 = tslib_1.__importStar(require("react"));
-function DefaultHeaderContent() {
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const system_1 = require("@mui/system");
+const PREFIX = 'SCDefaultHeaderContent';
+const classes = {
+    root: `${PREFIX}-root`
+};
+const Root = (0, styles_1.styled)(material_1.Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (_, styles) => styles.root
+})(() => ({}));
+function DefaultHeaderContent(inProps) {
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className } = props, rest = tslib_1.__rest(props, ["className"]);
     const scRoutingContext = (0, react_core_1.useSCRouting)();
     // PREFERENCES
     const scPreferences = (0, react_core_1.useSCPreferences)();
     const _logo = (0, react_1.useMemo)(() => {
         return react_core_1.SCPreferences.LOGO_NAVBAR_LOGO in scPreferences.preferences ? scPreferences.preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO].value : null;
     }, [scPreferences.preferences]);
-    return (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {}) },
-        react_1.default.createElement("img", { src: _logo, alt: "logo" })));
+    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root) }, rest),
+        react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {}) },
+            react_1.default.createElement("img", { src: _logo, alt: "logo" }))));
 }
 exports.default = DefaultHeaderContent;

package/lib/cjs/components/NavigationMenuIconButton/index.d.ts

@@ -1,4 +1,5 @@
 import NavigationMenuIconButton, { NavigationMenuIconButtonProps } from './NavigationMenuIconButton';
+import DefaultHeaderContent from './DefaultHeaderContent';
 import DefaultDrawerContent from './DefaultDrawerContent';
 export default NavigationMenuIconButton;
-export { NavigationMenuIconButtonProps, DefaultDrawerContent as NavigationMenuContent };
+export { NavigationMenuIconButtonProps, DefaultDrawerContent as NavigationMenuContent, DefaultHeaderContent as NavigationMenuHeader };

package/lib/cjs/components/NavigationMenuIconButton/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationMenuContent = void 0;
+exports.NavigationMenuHeader = exports.NavigationMenuContent = void 0;
 const tslib_1 = require("tslib");
 const NavigationMenuIconButton_1 = tslib_1.__importDefault(require("./NavigationMenuIconButton"));
+const DefaultHeaderContent_1 = tslib_1.__importDefault(require("./DefaultHeaderContent"));
+exports.NavigationMenuHeader = DefaultHeaderContent_1.default;
 const DefaultDrawerContent_1 = tslib_1.__importDefault(require("./DefaultDrawerContent"));
 exports.NavigationMenuContent = DefaultDrawerContent_1.default;
 exports.default = NavigationMenuIconButton_1.default;

package/lib/cjs/components/Notification/Notification.js

@@ -235,7 +235,7 @@ function UserNotification(inProps) {
                 notificationObject.aggregated[0].type === types_1.SCNotificationTypologyType.CONTRIBUTION)) {
             const contribution = (0, contribution_1.getContribution)(notificationObject);
             return (react_1.default.createElement(material_1.CardHeader, { className: classes.header, titleTypographyProps: { className: classes.title, variant: 'subtitle1' }, title: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(contribution), (0, contribution_1.getRouteData)(notificationObject[contribution.type])) }, (0, contribution_1.getContributionSnippet)(contribution)), action: contribution && (react_1.default.createElement(material_1.Tooltip, { title: contribution.suspended ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'ui.notification.notificationSuspended', defaultMessage: 'ui.notification.notificationSuspended' })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'ui.notification.notificationSuspend', defaultMessage: 'ui.notification.notificationSuspend' })) },
-                    react_1.default.createElement(LoadingButton_1.default, { variant: "text", size: "small", loading: loadingSuspendNotification, color: 'inherit', classes: { root: classes.stopButton }, onClick: () => handleStopContentNotification(contribution) }, contribution.suspended ? (react_1.default.createElement(Icon_1.default, { fontSize: "small", color: 'primary' }, "notifications_off")) : (react_1.default.createElement(Icon_1.default, { fontSize: "small", color: 'inherit' }, "notifications"))))) }));
+                    react_1.default.createElement(LoadingButton_1.default, { variant: "text", size: "small", loading: loadingSuspendNotification, color: 'inherit', classes: { root: classes.stopButton }, onClick: () => handleStopContentNotification(contribution) }, contribution.suspended ? react_1.default.createElement(Icon_1.default, { color: 'primary' }, "notifications_off") : react_1.default.createElement(Icon_1.default, { color: 'inherit' }, "notifications")))) }));
         }
         return null;
     }

package/lib/cjs/components/PlatformWidget/PlatformWidget.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { PlatformWidgetActionType } from '../../types/platformWidget';
 import { VirtualScrollerItemProps } from '../../types/virtualScroller';
 export interface PlatformWidgetProps extends VirtualScrollerItemProps {
     /**
@@ -19,11 +20,18 @@ export interface PlatformWidgetProps extends VirtualScrollerItemProps {
     /**
      * Actions to be inserted before
      */
-    startActions?: React.ReactNode | null;
+    startActions?: PlatformWidgetActionType[];
     /**
      * Actions to be inserted after
      */
-    endActions?: React.ReactNode | null;
+    endActions?: PlatformWidgetActionType[];
+    /**
+     * Hide actions
+     */
+    hideHubAction?: boolean;
+    hideConsoleAction?: boolean;
+    hideModerationAction?: boolean;
+    hideContactUsAction?: boolean;
     /**
      * Other props
      */
@@ -53,6 +61,20 @@ export interface PlatformWidgetProps extends VirtualScrollerItemProps {
  |---|---|---|
  |root|.SCPlatformWidget-root|Styles applied to the root element.|
  |title|.SCPlatformWidget-title|Styles applied to the title element.|
+ |actions|.SCPlatformWidget-actions|Styles applied to the actions container.|
+ |action|.SCPlatformWidget-action|Styles applied to the single action element.|
+ |actionHighlighted|.SCPlatformWidget-action-highlighted|Styles applied to the action highlighted.|
+ |tutorial|.SCPlatformWidget-tutorial|Styles applied to the tutorial element.|
+ |tutorialContent|.SCPlatformWidget-tutorial-content|Styles applied to the content of the tutorial element.|
+ |tutorialTitle|.SCPlatformWidget-tutorial-title|Styles applied to the title element of the tutorial.|
+ |tutorialTitleClose|.SCPlatformWidget-tutorial-title-close|Styles applied to the close button of the title in the tutorial.|
+ |tutorialDesc|.SCPlatformWidget-tutorial-desc|Styles applied to the tutorial description element.|
+ |tutorialOpen|.SCPlatformWidget-tutorial-open|Styles applied to the tutorial element when is active.|
+ |divider|.SCPlatformWidget-divider|Styles applied to the divider element in the tutorial container.|
+ |tutorialControls|.SCPlatformWidget-tutorial-controls|Styles applied to the tutorial bottom controls.|
+ |btnStep|.SCPlatformWidget-btn-step|Styles applied to the button next/previous/skip/close of the tutorial controls.|
+ |btnPreviousStep|.SCPlatformWidget-btn-previous-step|Styles applied to the button previous element of the tutorial controls.|
+ |btnNextStep|.SCPlatformWidget-btn-next-step|Styles applied to the button next element of the tutorial controls.|
 
  *
  * @param inProps