@selfcommunity/react-ui 0.8.0-live.40 → 0.8.0-live.41

package/lib/esm/shared/ContributionActionsMenu/index.js

@@ -649,7 +649,7 @@ export default function ContributionActionsMenu(props) {
                 : handleDeleteContribution;
         let value = section === FLAG_CONTRIBUTION_SECTION ? flagType : section === HIDE_CONTRIBUTION_SECTION ? hideType : deleteType;
         return REPORTS.map((report, index) => {
-            return (_jsxs(MenuItem, { className: classes.subItem, disabled: isFlagging, children: [_jsx(ListItemIcon, { classes: { root: classes.selectedIcon }, children: value === report && _jsx(Icon, { color: "secondary", children: "check" }) }), _jsx(ListItemText, { primary: getReportName(report), onClick: () => handlerFunc(report), classes: { root: classes.subItemText } })] }, `${section}_${index}`));
+            return (_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, Object.assign({ classes: { root: classes.selectedIcon } }, { children: value === report && _jsx(Icon, Object.assign({ color: "secondary" }, { children: "check" })) })), _jsx(ListItemText, { primary: getReportName(report), onClick: () => handlerFunc(report), classes: { root: classes.subItemText } })] }), `${section}_${index}`));
         });
     }
     /**
@@ -657,21 +657,21 @@ export default function ContributionActionsMenu(props) {
      */
     function renderFlagContributionSection() {
         const open = openSection === FLAG_CONTRIBUTION_SECTION;
-        return (_jsx(Box, { children: !contributionObj.deleted && !contributionObj.collapsed && (_jsxs(Box, { children: [_jsxs(MenuItem, { className: classes.subItem, disabled: isFlagging, onClick: () => handleOpenSection(FLAG_CONTRIBUTION_SECTION), children: [_jsx(ListItemIcon, { children: flagType !== undefined && flagType !== null ? (_jsx(Badge, { classes: { badge: classes.sectionBadge }, badgeContent: _jsx(Icon, { className: classes.sectionWithSelectionIcon, children: "check" }), color: "primary", children: _jsx(Icon, { children: "outlined_flag" }) })) : (_jsx(Icon, { children: "outlined_flag" })) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.flagContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.flagContributionWithMotivation" }) }), open ? _jsx(Icon, { children: "expand_less" }) : _jsx(Icon, { children: "expand_more" })] }), _jsxs(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: [renderReports(FLAG_CONTRIBUTION_SECTION), _jsx(Typography, { variant: 'caption', component: "div", className: classes.footerSubItems, children: intl.formatMessage(messages.footer) })] })] })) }));
+        return (_jsx(Box, { children: !contributionObj.deleted && !contributionObj.collapsed && (_jsxs(Box, { children: [_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging, onClick: () => handleOpenSection(FLAG_CONTRIBUTION_SECTION) }, { children: [_jsx(ListItemIcon, { children: flagType !== undefined && flagType !== null ? (_jsx(Badge, Object.assign({ classes: { badge: classes.sectionBadge }, badgeContent: _jsx(Icon, Object.assign({ className: classes.sectionWithSelectionIcon }, { children: "check" })), color: "primary" }, { children: _jsx(Icon, { children: "outlined_flag" }) }))) : (_jsx(Icon, { children: "outlined_flag" })) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.flagContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.flagContributionWithMotivation" }) }), open ? _jsx(Icon, { children: "expand_less" }) : _jsx(Icon, { children: "expand_more" })] })), _jsxs(Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: [renderReports(FLAG_CONTRIBUTION_SECTION), _jsx(Typography, Object.assign({ variant: 'caption', component: "div", className: classes.footerSubItems }, { children: intl.formatMessage(messages.footer) }))] }))] })) }));
     }
     /**
      * Renders section hide actions
      */
     function renderHideContributionSection() {
         const open = openSection === HIDE_CONTRIBUTION_SECTION;
-        return (_jsx(Box, { children: !contributionObj.deleted && (_jsx(Box, { children: hideType !== undefined && hideType !== null ? (_jsx(_Fragment, { children: _jsxs(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(MODERATE_CONTRIBUTION_HIDDEN), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "restore" }) }), _jsx(ListItemText, { primary: _jsxs(_Fragment, { children: [_jsx(FormattedMessage, { id: "ui.contributionActionMenu.restoreFromHidden", defaultMessage: "ui.contributionActionMenu.restoreFromHidden" }), ' ', "(", getReportName(hideType), ")"] }) })] }) })) : (_jsxs(_Fragment, { children: [_jsxs(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(HIDE_CONTRIBUTION_SECTION), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "hide_image" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.hideContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.hideContributionWithMotivation" }) }), open ? _jsx(Icon, { children: "expand_less" }) : _jsx(Icon, { children: "expand_more" })] }), _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: renderReports(HIDE_CONTRIBUTION_SECTION) })] })) })) }, HIDE_CONTRIBUTION_SECTION));
+        return (_jsx(Box, { children: !contributionObj.deleted && (_jsx(Box, { children: hideType !== undefined && hideType !== null ? (_jsx(_Fragment, { children: _jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(MODERATE_CONTRIBUTION_HIDDEN) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "restore" }) }), _jsx(ListItemText, { primary: _jsxs(_Fragment, { children: [_jsx(FormattedMessage, { id: "ui.contributionActionMenu.restoreFromHidden", defaultMessage: "ui.contributionActionMenu.restoreFromHidden" }), ' ', "(", getReportName(hideType), ")"] }) })] })) })) : (_jsxs(_Fragment, { children: [_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(HIDE_CONTRIBUTION_SECTION) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "hide_image" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.hideContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.hideContributionWithMotivation" }) }), open ? _jsx(Icon, { children: "expand_less" }) : _jsx(Icon, { children: "expand_more" })] })), _jsx(Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: renderReports(HIDE_CONTRIBUTION_SECTION) }))] })) })) }, HIDE_CONTRIBUTION_SECTION));
     }
     /**
      * Renders section hidden actions
      */
     function renderDeleteContributionSection() {
         const open = openSection === DELETE_CONTRIBUTION_SECTION;
-        return (_jsx(Box, { children: !contributionObj.collapsed && !(contributionObj.deleted && !deleteType) && (_jsx(Box, { children: deleteType !== undefined && deleteType !== null ? (_jsx(_Fragment, { children: _jsxs(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(MODERATE_CONTRIBUTION_DELETED), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "restore_from_trash" }) }), _jsx(ListItemText, { primary: _jsxs(_Fragment, { children: [_jsx(FormattedMessage, { id: "ui.contributionActionMenu.restoreFromDeleted", defaultMessage: "ui.contributionActionMenu.restoreFromDeleted" }), ' ', "(", getReportName(deleteType), ")"] }) })] }) })) : (_jsxs(_Fragment, { children: [_jsxs(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(DELETE_CONTRIBUTION_SECTION), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "delete" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.deleteContributionWithMotivation" }) }), open ? _jsx(Icon, { children: "expand_less" }) : _jsx(Icon, { children: "expand_more" })] }), _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: renderReports(DELETE_CONTRIBUTION_SECTION) })] })) })) }, DELETE_CONTRIBUTION_SECTION));
+        return (_jsx(Box, { children: !contributionObj.collapsed && !(contributionObj.deleted && !deleteType) && (_jsx(Box, { children: deleteType !== undefined && deleteType !== null ? (_jsx(_Fragment, { children: _jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(MODERATE_CONTRIBUTION_DELETED) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "restore_from_trash" }) }), _jsx(ListItemText, { primary: _jsxs(_Fragment, { children: [_jsx(FormattedMessage, { id: "ui.contributionActionMenu.restoreFromDeleted", defaultMessage: "ui.contributionActionMenu.restoreFromDeleted" }), ' ', "(", getReportName(deleteType), ")"] }) })] })) })) : (_jsxs(_Fragment, { children: [_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(DELETE_CONTRIBUTION_SECTION) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "delete" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.deleteContributionWithMotivation" }) }), open ? _jsx(Icon, { children: "expand_less" }) : _jsx(Icon, { children: "expand_more" })] })), _jsx(Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: renderReports(DELETE_CONTRIBUTION_SECTION) }))] })) })) }, DELETE_CONTRIBUTION_SECTION));
     }
     /**
      * Can authenticated user modify the contribution
@@ -709,7 +709,7 @@ export default function ContributionActionsMenu(props) {
      * Renders section general
      */
     function renderGeneralSection() {
-        return (_jsxs(Box, { children: [_jsxs(MenuItem, { className: classes.subItem, disabled: isFlagging, children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "link" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.permanentLink", defaultMessage: "ui.contributionActionMenu.permanentLink" }), onClick: () => handleAction(GET_CONTRIBUTION_PERMALINK), classes: { root: classes.itemText } })] }), canModifyContribution() && (_jsxs(MenuItem, { className: classes.subItem, disabled: isFlagging, children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "edit" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.editContribution", defaultMessage: "ui.contributionActionMenu.editContribution" }), onClick: () => handleAction(EDIT_CONTRIBUTION), classes: { root: classes.itemText } })] })), canDeleteContribution() && (_jsxs(MenuItem, { className: classes.subItem, disabled: isFlagging, children: [_jsx(ListItemIcon, { children: currentActionLoading === DELETE_CONTRIBUTION || currentActionLoading === RESTORE_CONTRIBUTION ? (_jsx(CircularProgress, { size: 20 })) : (_jsx(Icon, { children: "delete" })) }), contributionObj.deleted ? (_jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.restoreContribution", defaultMessage: "ui.contributionActionMenu.restoreContribution" }), onClick: () => handleAction(RESTORE_CONTRIBUTION), classes: { root: classes.itemText } })) : (_jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.deleteContribution", defaultMessage: "ui.contributionActionMenu.deleteContribution" }), onClick: () => handleAction(DELETE_CONTRIBUTION), classes: { root: classes.itemText } }))] })), canSuspendNotificationContribution() && (_jsxs(MenuItem, { className: classes.subItem, disabled: isFlagging, children: [_jsx(ListItemIcon, { children: currentActionLoading === SUSPEND_NOTIFICATION_CONTRIBUTION ? (_jsx(CircularProgress, { size: 20 })) : contributionObj['suspended'] ? (_jsx(Icon, { children: "notifications_active" })) : (_jsx(Icon, { children: "notifications_off" })) }), _jsx(ListItemText, { primary: contributionObj['suspended'] ? (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.enableNotificationContribution", defaultMessage: "ui.contributionActionMenu.enableNotificationContribution" })) : (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.suspendNotificationContribution", defaultMessage: "ui.contributionActionMenu.suspendNotificationContribution" })), onClick: () => handleAction(SUSPEND_NOTIFICATION_CONTRIBUTION), classes: { root: classes.itemText } })] })), canSuspendNotificationEvent() && (_jsxs(MenuItem, { className: classes.subItem, disabled: isFlagging, children: [_jsx(ListItemIcon, { children: currentActionLoading === SUSPEND_NOTIFICATION_EVENT ? (_jsx(CircularProgress, { size: 20 })) : contributionObj.event['show_on_feed'] ? (_jsx(Icon, { children: "notifications_active" })) : (_jsx(Icon, { children: "notifications_off" })) }), _jsx(ListItemText, { primary: !contributionObj.event['show_on_feed'] ? (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.enableNotificationContribution", defaultMessage: "ui.contributionActionMenu.enableNotificationContribution" })) : (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.suspendNotificationContribution", defaultMessage: "ui.contributionActionMenu.suspendNotificationContribution" })), onClick: () => handleAction(SUSPEND_NOTIFICATION_EVENT), classes: { root: classes.itemText } })] }))] }, GENERAL_SECTION));
+        return (_jsxs(Box, { children: [_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "link" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.permanentLink", defaultMessage: "ui.contributionActionMenu.permanentLink" }), onClick: () => handleAction(GET_CONTRIBUTION_PERMALINK), classes: { root: classes.itemText } })] })), canModifyContribution() && (_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "edit" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.editContribution", defaultMessage: "ui.contributionActionMenu.editContribution" }), onClick: () => handleAction(EDIT_CONTRIBUTION), classes: { root: classes.itemText } })] }))), canDeleteContribution() && (_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, { children: currentActionLoading === DELETE_CONTRIBUTION || currentActionLoading === RESTORE_CONTRIBUTION ? (_jsx(CircularProgress, { size: 20 })) : (_jsx(Icon, { children: "delete" })) }), contributionObj.deleted ? (_jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.restoreContribution", defaultMessage: "ui.contributionActionMenu.restoreContribution" }), onClick: () => handleAction(RESTORE_CONTRIBUTION), classes: { root: classes.itemText } })) : (_jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.contributionActionMenu.deleteContribution", defaultMessage: "ui.contributionActionMenu.deleteContribution" }), onClick: () => handleAction(DELETE_CONTRIBUTION), classes: { root: classes.itemText } }))] }))), canSuspendNotificationContribution() && (_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, { children: currentActionLoading === SUSPEND_NOTIFICATION_CONTRIBUTION ? (_jsx(CircularProgress, { size: 20 })) : contributionObj['suspended'] ? (_jsx(Icon, { children: "notifications_active" })) : (_jsx(Icon, { children: "notifications_off" })) }), _jsx(ListItemText, { primary: contributionObj['suspended'] ? (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.enableNotificationContribution", defaultMessage: "ui.contributionActionMenu.enableNotificationContribution" })) : (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.suspendNotificationContribution", defaultMessage: "ui.contributionActionMenu.suspendNotificationContribution" })), onClick: () => handleAction(SUSPEND_NOTIFICATION_CONTRIBUTION), classes: { root: classes.itemText } })] }))), canSuspendNotificationEvent() && (_jsxs(MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [_jsx(ListItemIcon, { children: currentActionLoading === SUSPEND_NOTIFICATION_EVENT ? (_jsx(CircularProgress, { size: 20 })) : contributionObj.event['show_on_feed'] ? (_jsx(Icon, { children: "notifications_active" })) : (_jsx(Icon, { children: "notifications_off" })) }), _jsx(ListItemText, { primary: !contributionObj.event['show_on_feed'] ? (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.enableNotificationContribution", defaultMessage: "ui.contributionActionMenu.enableNotificationContribution" })) : (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.suspendNotificationContribution", defaultMessage: "ui.contributionActionMenu.suspendNotificationContribution" })), onClick: () => handleAction(SUSPEND_NOTIFICATION_EVENT), classes: { root: classes.itemText } })] })))] }, GENERAL_SECTION));
     }
     /**
      * Renders contribution menu content
@@ -720,17 +720,17 @@ export default function ContributionActionsMenu(props) {
     /**
      * Renders component
      */
-    return (_jsxs(Root, { className: classNames(classes.root, className), children: [_jsx(IconButton
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(IconButton
             // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
             // @ts-ignore
-            , { 
+            , Object.assign({ 
                 // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                 // @ts-ignore
                 ref: (ref) => {
                     popperRef.current = ref;
-                }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small", children: contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? (_jsxs("span", { className: classes.visibilityIcons, children: [contributionObj.collapsed ? _jsx(Icon, { children: "visibility_off" }) : _jsx(Icon, { children: "delete" }), _jsx(Icon, { children: "expand_more" })] })) : (_jsx(Icon, { children: "more_vert" })) }), isMobile ? (_jsx(SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true, children: renderContent() })) : (_jsx(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end", children: ({ TransitionProps, placement }) => (_jsx(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' }, children: _jsx(Paper, { variant: 'outlined', className: classes.paper, children: _jsx(ClickAwayListener, { onClickAway: handleClose, children: renderContent() }) }) }))) }))), openConfirmDialog && (_jsx(ConfirmDialog, Object.assign({ open: openConfirmDialog }, (currentAction === DELETE_CONTRIBUTION
+                }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, { children: contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? (_jsxs("span", Object.assign({ className: classes.visibilityIcons }, { children: [contributionObj.collapsed ? _jsx(Icon, { children: "visibility_off" }) : _jsx(Icon, { children: "delete" }), _jsx(Icon, { children: "expand_more" })] }))) : (_jsx(Icon, { children: "more_vert" })) })), isMobile ? (_jsx(SwipeableDrawer, Object.assign({ open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, { children: renderContent() }))) : (_jsx(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }, { children: ({ TransitionProps, placement }) => (_jsx(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: _jsx(Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: _jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: renderContent() })) })) }))) }))), openConfirmDialog && (_jsx(ConfirmDialog, Object.assign({ open: openConfirmDialog }, (currentAction === DELETE_CONTRIBUTION
                 ? {
-                    content: (<FormattedMessage id="ui.contributionActionMenu.deleteContributionInfo" defaultMessage="ui.contributionActionMenu.deleteContributionInfo"/>)
+                    content: (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionInfo", defaultMessage: "ui.contributionActionMenu.deleteContributionInfo" }))
                 }
-                : {}), { onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) })))] }));
+                : {}), { onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) })))] })));
 }

package/lib/esm/shared/CustomSnackMessage/index.js

@@ -30,6 +30,6 @@ const CustomSnackMessage = forwardRef((props, ref) => {
     const handleDismiss = useCallback(() => {
         closeSnackbar(props.id);
     }, [props.id, closeSnackbar]);
-    return (_jsx(Root, { ref: ref, className: classes.root, children: _jsx(Widget, { className: classes.card, children: _jsxs(CardContent, { className: classes.content, children: [_jsx(IconButton, { className: classes.close, onClick: handleDismiss, children: _jsx(Icon, { children: "close" }) }), props.message] }) }) }, props.id));
+    return (_jsx(Root, Object.assign({ ref: ref, className: classes.root }, { children: _jsx(Widget, Object.assign({ className: classes.card }, { children: _jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(IconButton, Object.assign({ className: classes.close, onClick: handleDismiss }, { children: _jsx(Icon, { children: "close" }) })), props.message] })) })) }), props.id));
 });
 export default CustomSnackMessage;

package/lib/esm/shared/DateTimeAgo/index.js

@@ -37,7 +37,7 @@ export default function DateTimeAgo(props) {
      */
     if (date) {
         const formattedDate = getRelativeTime(date);
-        return (_jsxs(Root, Object.assign({ component: "span", className: classNames(classes.root, className) }, rest, { children: [showStartIcon && _jsx(Icon, { children: "access_time" }), _jsx(Tooltip, { title: `${intl.formatDate(date, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' })}`, enterTouchDelay: 0, children: _jsx(Typography, { variant: 'body2', component: 'span', children: _jsx(FormattedRelativeTime, { value: -formattedDate.value, unit: formattedDate.unit, numeric: "auto" }) }) })] })));
+        return (_jsxs(Root, Object.assign({ component: "span", className: classNames(classes.root, className) }, rest, { children: [showStartIcon && _jsx(Icon, { children: "access_time" }), _jsx(Tooltip, Object.assign({ title: `${intl.formatDate(date, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' })}`, enterTouchDelay: 0 }, { children: _jsx(Typography, Object.assign({ variant: 'body2', component: 'span' }, { children: _jsx(FormattedRelativeTime, { value: -formattedDate.value, unit: formattedDate.unit, numeric: "auto" }) })) }))] })));
     }
     return null;
 }

package/lib/esm/shared/EmojiPicker/EmojiPicker.js

@@ -27,5 +27,5 @@ export default function EmojiPicker(inProps) {
         name: PREFIX
     });
     const { className = '', emojiStyle = EmojiStyle.NATIVE } = props, rest = __rest(props, ["className", "emojiStyle"]);
-    return _jsx(Root, { className: classNames(classes.root, className), children: Picker && _jsx(Picker, Object.assign({ emojiStyle: emojiStyle }, rest)) });
+    return _jsx(Root, Object.assign({ className: classNames(classes.root, className) }, { children: Picker && _jsx(Picker, Object.assign({ emojiStyle: emojiStyle }, rest)) }));
 }

package/lib/esm/shared/EventActionsMenu/index.js

@@ -148,18 +148,18 @@ export default function EventActionsMenu(inProps) {
      */
     const renderList = () => {
         return [
-            _jsxs(MenuItem, { className: classes.item, onClick: () => handleAction(GET_EVENT_LINK), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "link" }) }), _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.item.link", defaultMessage: "ui.shared.eventActionsMenu.item.link" })] }, "link"),
-            !isEventFinished && (_jsxs(MenuItem, { className: classes.item, onClick: () => handleAction(ADD_EVENT_TO_CALENDAR), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "CalendarIcon" }) }), _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.item.calendar", defaultMessage: "ui.shared.eventActionsMenu.item.calendar" })] }, "calendar")),
+            _jsxs(MenuItem, Object.assign({ className: classes.item, onClick: () => handleAction(GET_EVENT_LINK) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "link" }) }), _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.item.link", defaultMessage: "ui.shared.eventActionsMenu.item.link" })] }), "link"),
+            !isEventFinished && (_jsxs(MenuItem, Object.assign({ className: classes.item, onClick: () => handleAction(ADD_EVENT_TO_CALENDAR) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "CalendarIcon" }) }), _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.item.calendar", defaultMessage: "ui.shared.eventActionsMenu.item.calendar" })] }), "calendar")),
             isEventAdmin &&
                 !isEventFinished && [
                 _jsx(Divider, {}, "divider"),
-                isMobile && (_jsxs(MenuItem, { className: classes.item, onClick: handleEditClick, children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "edit" }) }), _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.item.edit", defaultMessage: "ui.shared.eventActionsMenu.item.edit" })] }, "edit")),
-                _jsxs(MenuItem, { className: classes.item, onClick: () => handleAction(CANCEL_EVENT), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "close" }) }), _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.item.cancel", defaultMessage: "ui.shared.eventActionsMenu.item.cancel" })] }, "cancel")
+                isMobile && (_jsxs(MenuItem, Object.assign({ className: classes.item, onClick: handleEditClick }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "edit" }) }), _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.item.edit", defaultMessage: "ui.shared.eventActionsMenu.item.edit" })] }), "edit")),
+                _jsxs(MenuItem, Object.assign({ className: classes.item, onClick: () => handleAction(CANCEL_EVENT) }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "close" }) }), _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.item.cancel", defaultMessage: "ui.shared.eventActionsMenu.item.cancel" })] }), "cancel")
             ]
         ];
     };
     if (!scEvent) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { onClick: handleOpen, children: _jsx(Icon, { children: "more_vert" }) })), isMobile ? (_jsx(SwipeableDrawerRoot, { className: classes.drawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen, PaperProps: { className: classes.paper }, disableSwipeToOpen: true, children: _jsx(List, { children: renderList() }) })) : (_jsx(MenuRoot, { className: classes.menuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: { className: classes.paper }, children: renderList() })), openConfirmDialog && (_jsx(ConfirmDialog, { open: openConfirmDialog, title: _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.dialog.msg", defaultMessage: "ui.shared.eventActionsMenu.dialog.msg" }), btnConfirm: _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.dialog.confirm", defaultMessage: "ui.shared.eventActionsMenu.dialog.confirm" }), onConfirm: handleDeleteThread, onClose: handleCloseDialog })), openEdit && _jsx(EventForm, { onClose: handleEditClick, event: scEvent, onSuccess: handleEditSuccess })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { onClick: handleOpen }, { children: _jsx(Icon, { children: "more_vert" }) })), isMobile ? (_jsx(SwipeableDrawerRoot, Object.assign({ className: classes.drawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen, PaperProps: { className: classes.paper }, disableSwipeToOpen: true }, { children: _jsx(List, { children: renderList() }) }))) : (_jsx(MenuRoot, Object.assign({ className: classes.menuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: { className: classes.paper } }, { children: renderList() }))), openConfirmDialog && (_jsx(ConfirmDialog, { open: openConfirmDialog, title: _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.dialog.msg", defaultMessage: "ui.shared.eventActionsMenu.dialog.msg" }), btnConfirm: _jsx(FormattedMessage, { id: "ui.shared.eventActionsMenu.dialog.confirm", defaultMessage: "ui.shared.eventActionsMenu.dialog.confirm" }), onConfirm: handleDeleteThread, onClose: handleCloseDialog })), openEdit && _jsx(EventForm, { onClose: handleEditClick, event: scEvent, onSuccess: handleEditSuccess })] }));
 }

package/lib/esm/shared/EventInfoDetails/index.js

@@ -33,7 +33,7 @@ export default function EventInfoDetails(inProps) {
     if (!scEvent) {
         return null;
     }
-    return (_jsxs(Root, { className: classes.root, children: [beforeDateInfo, hasDateInfo && (_jsxs(Stack, { className: classes.iconTextWrapper, children: [!hideDateIcon && _jsx(Icon, { fontSize: "small", children: scEvent.active ? 'CalendarIcon' : 'calendar_off' }), _jsx(Tooltip, { title: !scEvent.active ? (_jsx(FormattedMessage, { id: "ui.eventInfoDetails.deleted.tooltip", defaultMessage: "ui.eventInfoDetails.deleted.tooltip" })) : null, children: _jsx(Typography, { variant: "body1", children: _jsx(FormattedMessage, { id: "ui.eventInfoDetails.date.startEndTime", defaultMessage: "ui.eventInfoDetails.date.startEndTime", values: {
+    return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [beforeDateInfo, hasDateInfo && (_jsxs(Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [!hideDateIcon && _jsx(Icon, Object.assign({ fontSize: "small" }, { children: scEvent.active ? 'CalendarIcon' : 'calendar_off' })), _jsx(Tooltip, Object.assign({ title: !scEvent.active ? (_jsx(FormattedMessage, { id: "ui.eventInfoDetails.deleted.tooltip", defaultMessage: "ui.eventInfoDetails.deleted.tooltip" })) : null }, { children: _jsx(Typography, Object.assign({ variant: "body1" }, { children: _jsx(FormattedMessage, { id: "ui.eventInfoDetails.date.startEndTime", defaultMessage: "ui.eventInfoDetails.date.startEndTime", values: {
                                     date: intl.formatDate(scEvent.running ? scEvent.running_start_date : scEvent.next_start_date ? scEvent.next_start_date : scEvent.start_date, {
                                         weekday: 'long',
                                         day: 'numeric',
@@ -41,12 +41,12 @@ export default function EventInfoDetails(inProps) {
                                         month: 'long'
                                     }),
                                     start: intl.formatDate(scEvent.running ? scEvent.running_start_date : scEvent.next_start_date ? scEvent.next_start_date : scEvent.start_date, { hour: 'numeric', minute: 'numeric' })
-                                } }) }) }), hasInProgress && scEvent.active && scEvent.running && (_jsx(Tooltip, { title: _jsx(FormattedMessage, { id: "ui.eventInfoDetails.inProgress", defaultMessage: "ui.eventInfoDetails.inProgress" }), children: _jsx(Box, { className: classes.inProgress }) }))] })), beforeRecurringInfo, hasRecurringInfo && scEvent.recurring !== SCEventRecurrenceType.NEVER && (_jsxs(Stack, { className: classes.iconTextWrapper, children: [!hideRecurringIcon && _jsx(Icon, { fontSize: "small", children: "frequency" }), _jsx(Typography, { variant: "body1", children: _jsx(FormattedMessage, { id: `ui.eventInfoDetails.frequency.${scEvent.recurring}.placeholder`, defaultMessage: `ui.eventInfoDetails.frequency.${scEvent.recurring}.placeholder` }) })] })), beforePrivacyInfo, hasPrivacyInfo && (_jsxs(Stack, { className: classes.iconTextWrapper, children: [!hidePrivacyIcon && _jsx(Icon, { fontSize: "small", children: scEvent.privacy === SCEventPrivacyType.PUBLIC ? 'public' : 'private' }), _jsx(Typography, { variant: "body1", children: _jsx(FormattedMessage, { id: privacy, defaultMessage: privacy }) }), "-", _jsx(Typography, { variant: "body1", children: _jsx(FormattedMessage, { id: location, defaultMessage: location }) })] })), beforeLocationInfo, hasLocationInfo && (_jsxs(Stack, { className: classes.iconTextWrapper, children: [!hideLocationIcon && (_jsx(Icon, { fontSize: "small", children: scEvent.location === SCEventLocationType.ONLINE ? 'play_circle_outline' : 'add_location_alt' })), scEvent.location === SCEventLocationType.ONLINE ? (_jsx(Link, { to: scEvent.link, target: "_blank", className: classes.link, children: _jsx(Typography, { variant: "body1", className: classes.url, children: scEvent.link }) })) : (_jsx(Typography, { variant: "body1", className: classes.url, children: scEvent.geolocation }))] })), beforeCreatedInfo, hasCreatedInfo && (_jsxs(Stack, { className: classes.creationWrapper, children: [!hideCreatedIcon && _jsx(Icon, { fontSize: "small", children: "create" }), _jsx(Typography, { variant: "body1", children: _jsx(FormattedMessage, { id: "ui.eventInfoDetails.date.create", defaultMessage: "ui.eventInfoDetails.date.create", values: {
+                                } }) })) })), hasInProgress && scEvent.active && scEvent.running && (_jsx(Tooltip, Object.assign({ title: _jsx(FormattedMessage, { id: "ui.eventInfoDetails.inProgress", defaultMessage: "ui.eventInfoDetails.inProgress" }) }, { children: _jsx(Box, { className: classes.inProgress }) })))] }))), beforeRecurringInfo, hasRecurringInfo && scEvent.recurring !== SCEventRecurrenceType.NEVER && (_jsxs(Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [!hideRecurringIcon && _jsx(Icon, Object.assign({ fontSize: "small" }, { children: "frequency" })), _jsx(Typography, Object.assign({ variant: "body1" }, { children: _jsx(FormattedMessage, { id: `ui.eventInfoDetails.frequency.${scEvent.recurring}.placeholder`, defaultMessage: `ui.eventInfoDetails.frequency.${scEvent.recurring}.placeholder` }) }))] }))), beforePrivacyInfo, hasPrivacyInfo && (_jsxs(Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [!hidePrivacyIcon && _jsx(Icon, Object.assign({ fontSize: "small" }, { children: scEvent.privacy === SCEventPrivacyType.PUBLIC ? 'public' : 'private' })), _jsx(Typography, Object.assign({ variant: "body1" }, { children: _jsx(FormattedMessage, { id: privacy, defaultMessage: privacy }) })), "-", _jsx(Typography, Object.assign({ variant: "body1" }, { children: _jsx(FormattedMessage, { id: location, defaultMessage: location }) }))] }))), beforeLocationInfo, hasLocationInfo && (_jsxs(Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [!hideLocationIcon && (_jsx(Icon, Object.assign({ fontSize: "small" }, { children: scEvent.location === SCEventLocationType.ONLINE ? 'play_circle_outline' : 'add_location_alt' }))), scEvent.location === SCEventLocationType.ONLINE ? (_jsx(Link, Object.assign({ to: scEvent.link, target: "_blank", className: classes.link }, { children: _jsx(Typography, Object.assign({ variant: "body1", className: classes.url }, { children: scEvent.link })) }))) : (_jsx(Typography, Object.assign({ variant: "body1", className: classes.url }, { children: scEvent.geolocation })))] }))), beforeCreatedInfo, hasCreatedInfo && (_jsxs(Stack, Object.assign({ className: classes.creationWrapper }, { children: [!hideCreatedIcon && _jsx(Icon, Object.assign({ fontSize: "small" }, { children: "create" })), _jsx(Typography, Object.assign({ variant: "body1" }, { children: _jsx(FormattedMessage, { id: "ui.eventInfoDetails.date.create", defaultMessage: "ui.eventInfoDetails.date.create", values: {
                                 date: intl.formatDate(scEvent.created_at, {
                                     weekday: 'long',
                                     day: 'numeric',
                                     year: 'numeric',
                                     month: 'long'
                                 })
-                            } }) })] }))] }));
+                            } }) }))] })))] })));
 }

package/lib/esm/shared/InfiniteScroll/index.js

@@ -223,12 +223,12 @@ class InfiniteScroll extends Component {
         // because heighted infiniteScroll visualy breaks
         // on drag down as overflow becomes visible
         const outerDivStyle = this.props.pullDownToRefresh && this.props.height ? { overflow: 'auto' } : {};
-        return (_jsx("div", { style: outerDivStyle, className: "infinite-scroll-component__outerdiv", children: _jsxs("div", { className: `infinite-scroll-component ${this.props.className || ''}`, ref: (infScroll) => (this._infScroll = infScroll), style: style, children: [this.props.header, this.props.pullDownToRefresh && (_jsx("div", { style: { position: 'relative' }, ref: (pullDown) => (this._pullDown = pullDown), children: _jsx("div", { style: {
+        return (_jsx("div", Object.assign({ style: outerDivStyle, className: "infinite-scroll-component__outerdiv" }, { children: _jsxs("div", Object.assign({ className: `infinite-scroll-component ${this.props.className || ''}`, ref: (infScroll) => (this._infScroll = infScroll), style: style }, { children: [this.props.header, this.props.pullDownToRefresh && (_jsx("div", Object.assign({ style: { position: 'relative' }, ref: (pullDown) => (this._pullDown = pullDown) }, { children: _jsx("div", Object.assign({ style: {
                                 position: 'absolute',
                                 left: '50%',
                                 transform: 'translateX(-50%)',
                                 zIndex: 1
-                            }, children: this.state.pullToRefreshThresholdBreached ? this.props.releaseToRefreshContent : this.props.pullDownToRefreshContent }) })), !this.props.inverse && this.state.showLoaderPrevious && this.props.hasMorePrevious && this.props.loaderPrevious, this.props.children, this.props.inverse && this.state.showLoaderPrevious && this.props.hasMorePrevious && this.props.loaderPrevious, !this.state.showLoaderNext && !hasChildren && this.props.hasMoreNext && this.props.loaderNext, this.state.showLoaderNext && this.props.hasMoreNext && this.props.loaderNext, !this.props.hasMoreNext && this.props.endMessage, this.props.footer] }) }));
+                            } }, { children: this.state.pullToRefreshThresholdBreached ? this.props.releaseToRefreshContent : this.props.pullDownToRefreshContent })) }))), !this.props.inverse && this.state.showLoaderPrevious && this.props.hasMorePrevious && this.props.loaderPrevious, this.props.children, this.props.inverse && this.state.showLoaderPrevious && this.props.hasMorePrevious && this.props.loaderPrevious, !this.state.showLoaderNext && !hasChildren && this.props.hasMoreNext && this.props.loaderNext, this.state.showLoaderNext && this.props.hasMoreNext && this.props.loaderNext, !this.props.hasMoreNext && this.props.endMessage, this.props.footer] })) })));
     }
 }
 export default InfiniteScroll;

package/lib/esm/shared/InfiniteScroll/stories/InfiniteScrollWithHeight.js

@@ -21,5 +21,5 @@ export default function InfiniteScrollWithHeight() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 500);
     };
-    return (_jsxs("div", { children: [_jsx("h1", { children: "demo: Infinite Scroll with fixed height" }), _jsx("hr", {}), _jsx(InfiniteScroll, { dataLength: items.length, next: fetchMoreData, hasMoreNext: hasMore, loaderNext: _jsx("h4", { children: "Loading..." }), height: 400, endMessage: _jsx("p", { style: { textAlign: 'center' }, children: _jsx("b", { children: "Yay! You have seen it all" }) }), children: items.map((_, index) => (_jsxs("div", { style: style, children: ["div - #", index] }, index))) })] }));
+    return (_jsxs("div", { children: [_jsx("h1", { children: "demo: Infinite Scroll with fixed height" }), _jsx("hr", {}), _jsx(InfiniteScroll, Object.assign({ dataLength: items.length, next: fetchMoreData, hasMoreNext: hasMore, loaderNext: _jsx("h4", { children: "Loading..." }), height: 400, endMessage: _jsx("p", Object.assign({ style: { textAlign: 'center' } }, { children: _jsx("b", { children: "Yay! You have seen it all" }) })) }, { children: items.map((_, index) => (_jsxs("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) }))] }));
 }

package/lib/esm/shared/InfiniteScroll/stories/PullDownToRefreshInfScroll.js

@@ -16,5 +16,5 @@ export default function PullDownToRefreshInfScroll() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 1500);
     };
-    return (_jsxs("div", { children: [_jsx("h1", { children: "demo: Pull down to refresh" }), _jsx("hr", {}), _jsx(InfiniteScroll, { dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: _jsx("h4", { children: "Loading..." }), pullDownToRefresh: true, pullDownToRefreshContent: _jsx("h3", { style: { textAlign: 'center' }, children: "\u2193 Pull down to refresh" }), releaseToRefreshContent: _jsx("h3", { style: { textAlign: 'center' }, children: "\u2191 Release to refresh" }), refreshFunction: fetchMoreData, children: items.map((_, index) => (_jsxs("div", { style: style, children: ["div - #", index] }, index))) })] }));
+    return (_jsxs("div", { children: [_jsx("h1", { children: "demo: Pull down to refresh" }), _jsx("hr", {}), _jsx(InfiniteScroll, Object.assign({ dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: _jsx("h4", { children: "Loading..." }), pullDownToRefresh: true, pullDownToRefreshContent: _jsx("h3", Object.assign({ style: { textAlign: 'center' } }, { children: "\u2193 Pull down to refresh" })), releaseToRefreshContent: _jsx("h3", Object.assign({ style: { textAlign: 'center' } }, { children: "\u2191 Release to refresh" })), refreshFunction: fetchMoreData }, { children: items.map((_, index) => (_jsxs("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) }))] }));
 }

package/lib/esm/shared/InfiniteScroll/stories/ScrollableTargetFixedInfScroll.js

@@ -16,7 +16,7 @@ export default function ScrollableTargetFixedInfScroll() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 1500);
     };
-    return (_jsxs("div", { children: [_jsx("h1", { children: "demo: Infinite Scroll with scrollable target FIXED" }), _jsx("hr", {}), _jsx("div", { id: "scrollableDiv", style: {
+    return (_jsxs("div", { children: [_jsx("h1", { children: "demo: Infinite Scroll with scrollable target FIXED" }), _jsx("hr", {}), _jsx("div", Object.assign({ id: "scrollableDiv", style: {
                     position: 'fixed',
                     bottom: 0,
                     left: 0,
@@ -26,5 +26,5 @@ export default function ScrollableTargetFixedInfScroll() {
                     maxWidth: '100% !important',
                     height: '50vh',
                     overflowY: 'scroll'
-                }, children: _jsx(InfiniteScroll, { dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: _jsx("h4", { children: "Loading..." }), scrollableTarget: "scrollableDiv", children: items.map((_, index) => (_jsxs("div", { style: style, children: ["div - #", index] }, index))) }) })] }));
+                } }, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: _jsx("h4", { children: "Loading..." }), scrollableTarget: "scrollableDiv" }, { children: items.map((_, index) => (_jsxs("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) })) }))] }));
 }

package/lib/esm/shared/InfiniteScroll/stories/ScrollableTargetInfScroll.js

@@ -16,5 +16,5 @@ export default function ScrollableTargetInfScroll() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 1500);
     };
-    return (_jsxs("div", { children: [_jsx("h1", { children: "demo: Infinite Scroll with scrollable target" }), _jsx("hr", {}), _jsx("div", { id: "scrollableDiv", style: { height: 300, overflow: 'auto' }, children: _jsx(InfiniteScroll, { dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: _jsx("h4", { children: "Loading..." }), scrollableTarget: "scrollableDiv", children: items.map((_, index) => (_jsxs("div", { style: style, children: ["div - #", index] }, index))) }) })] }));
+    return (_jsxs("div", { children: [_jsx("h1", { children: "demo: Infinite Scroll with scrollable target" }), _jsx("hr", {}), _jsx("div", Object.assign({ id: "scrollableDiv", style: { height: 300, overflow: 'auto' } }, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: _jsx("h4", { children: "Loading..." }), scrollableTarget: "scrollableDiv" }, { children: items.map((_, index) => (_jsxs("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) })) }))] }));
 }

package/lib/esm/shared/InfiniteScroll/stories/ScrolleableTop.js

@@ -16,8 +16,8 @@ export default function ScrolleableTop() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 500);
     };
-    return (_jsxs("div", { children: [_jsx("h1", { children: "demo: Infinite Scroll on top" }), _jsx("hr", {}), _jsx("div", { id: "scrollableDiv", style: {
+    return (_jsxs("div", { children: [_jsx("h1", { children: "demo: Infinite Scroll on top" }), _jsx("hr", {}), _jsx("div", Object.assign({ id: "scrollableDiv", style: {
                     height: 300,
                     overflow: 'auto'
-                }, children: _jsx(InfiniteScroll, { dataLength: items.length, previous: fetchMoreData, hasMorePrevious: true, loaderPrevious: _jsx("h4", { children: "Loading prev..." }), scrollableTarget: "scrollableDiv", scrollThreshold: '0px', children: items.map((_, index) => (_jsxs("div", { style: style, children: ["div - #", index] }, index))) }) })] }));
+                } }, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: items.length, previous: fetchMoreData, hasMorePrevious: true, loaderPrevious: _jsx("h4", { children: "Loading prev..." }), scrollableTarget: "scrollableDiv", scrollThreshold: '0px' }, { children: items.map((_, index) => (_jsxs("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) })) }))] }));
 }

package/lib/esm/shared/InfiniteScroll/stories/WindowInfiniteScrollComponent.js

@@ -22,5 +22,5 @@ export default function WindowInfiniteScrollComponent() {
             setData(newData);
         }, 500);
     };
-    return (_jsx(_Fragment, { children: _jsx(InfiniteScroll, { hasMoreNext: true, next: next, hasMorePrevious: true, previous: previous, loaderNext: _jsx("h1", { children: "Loading next..." }), loaderPrevious: _jsx("h1", { children: "Loading prev..." }), dataLength: data.length, scrollThreshold: 1, children: data.map((e) => (_jsxs("div", { style: { height: 200, margin: 4, border: '1px solid hotpink' }, children: ["#", e, " row"] }, e))) }) }));
+    return (_jsx(_Fragment, { children: _jsx(InfiniteScroll, Object.assign({ hasMoreNext: true, next: next, hasMorePrevious: true, previous: previous, loaderNext: _jsx("h1", { children: "Loading next..." }), loaderPrevious: _jsx("h1", { children: "Loading prev..." }), dataLength: data.length, scrollThreshold: 1 }, { children: data.map((e) => (_jsxs("div", Object.assign({ style: { height: 200, margin: 4, border: '1px solid hotpink' } }, { children: ["#", e, " row"] }), e))) })) }));
 }

package/lib/esm/shared/LanguageSwitcher/index.js

@@ -75,5 +75,5 @@ export default function LanguageSwitcher(inProps) {
             }
         }
     };
-    return (_jsxs(Root, Object.assign({ className: classNames(className, classes.root) }, rest, { children: [_jsx(Typography, Object.assign({ variant: "body1", className: classes.label }, LabelComponentProps, { children: _jsx(FormattedMessage, { id: "ui.languageSwitcher.selectLanguage", defaultMessage: "ui.languageSwitcher.selectLanguage" }) })), _jsx(Select, Object.assign({ disabled: updating, labelId: "language", id: "language", value: intl.locale, onChange: handleChange, size: "small" }, SelectComponentProps, { children: languages.map((l) => (_jsx(MenuItem, { value: l, children: minimized ? l.toUpperCase() : _jsx(FormattedMessage, { id: `ui.languageSwitcher.language.${l}`, defaultMessage: `ui.languageSwitcher.language.${l}` }) }, l))) }))] })));
+    return (_jsxs(Root, Object.assign({ className: classNames(className, classes.root) }, rest, { children: [_jsx(Typography, Object.assign({ variant: "body1", className: classes.label }, LabelComponentProps, { children: _jsx(FormattedMessage, { id: "ui.languageSwitcher.selectLanguage", defaultMessage: "ui.languageSwitcher.selectLanguage" }) })), _jsx(Select, Object.assign({ disabled: updating, labelId: "language", id: "language", value: intl.locale, onChange: handleChange, size: "small" }, SelectComponentProps, { children: languages.map((l) => (_jsx(MenuItem, Object.assign({ value: l }, { children: minimized ? l.toUpperCase() : _jsx(FormattedMessage, { id: `ui.languageSwitcher.language.${l}`, defaultMessage: `ui.languageSwitcher.language.${l}` }) }), l))) }))] })));
 }

package/lib/esm/shared/MarkRead/MarkRead.js

@@ -33,5 +33,5 @@ const MarkRead = (props) => {
     return null;
 };
 export default (props) => {
-    return (_jsx(LazyLoad, { once: true, offset: MIN_PRELOAD_OFFSET_VIEWPORT, children: _jsx(MarkRead, Object.assign({}, props)) }));
+    return (_jsx(LazyLoad, Object.assign({ once: true, offset: MIN_PRELOAD_OFFSET_VIEWPORT }, { children: _jsx(MarkRead, Object.assign({}, props)) })));
 };

package/lib/esm/shared/Media/File/DisplayComponent.js

@@ -69,34 +69,34 @@ export default (props) => {
         if (o.type) {
             switch (o.type) {
                 case 'doc':
-                    startAdornment = _jsx(Icon, { className: classes.iconFile, children: "picture_as_pdf" });
+                    startAdornment = _jsx(Icon, Object.assign({ className: classes.iconFile }, { children: "picture_as_pdf" }));
                     break;
                 default:
-                    startAdornment = _jsx(Icon, { className: classes.iconFile, children: "insert_drive_file" });
+                    startAdornment = _jsx(Icon, Object.assign({ className: classes.iconFile }, { children: "insert_drive_file" }));
                     break;
             }
         }
-        return (_jsx(React.Fragment, { children: o.title && (_jsx("div", { className: classes.title, children: _jsxs(Typography, { variant: "subtitle2", children: [startAdornment, " ", o.title] }) })) }));
+        return (_jsx(React.Fragment, { children: o.title && (_jsx("div", Object.assign({ className: classes.title }, { children: _jsxs(Typography, Object.assign({ variant: "subtitle2" }, { children: [startAdornment, " ", o.title] })) }))) }));
     };
     const renderOne = () => {
         const overlay = _medias.length > maxVisible && maxVisible == 1 ? renderCountOverlay(true) : renderOverlay(0);
         const isGif = _medias[0].image_mimetype ? _medias[0].image_mimetype.includes('image/gif') : false;
         const isLandscape = _medias[0].image_height < _medias[0].image_width;
-        return (_jsx(Grid, { container: true, style: Object.assign({}, (_medias[0].image_thumbnail && _medias[0].image_thumbnail.color ? { backgroundColor: _medias[0].image_thumbnail.color } : {})), children: _jsxs(Grid, { item: true, ref: ref, xs: 12, classes: {
+        return (_jsx(Grid, Object.assign({ container: true, style: Object.assign({}, (_medias[0].image_thumbnail && _medias[0].image_thumbnail.color ? { backgroundColor: _medias[0].image_thumbnail.color } : {})) }, { children: _jsxs(Grid, Object.assign({ item: true, ref: ref, xs: 12, classes: {
                     root: classNames(classes.border, classes.heightOne, Object.assign(Object.assign({}, (isGif || isLandscape ? { [classes.background]: true } : { [classes.backgroundPortrait]: true })), { [classes.gallery]: gallery, [classes.heightHalfOne]: _medias.length > 1 }))
-                }, onClick: () => openPreviewImage(0), style: Object.assign({ background: `url(${getImageUrl(_medias[0], inView && isGif)})` }, (isLandscape ? { paddingTop: `${(100 * _medias[0].image_height) / _medias[0].image_width}%` } : {})), children: [overlay, renderTitle(_medias[0])] }) }));
+                }, onClick: () => openPreviewImage(0), style: Object.assign({ background: `url(${getImageUrl(_medias[0], inView && isGif)})` }, (isLandscape ? { paddingTop: `${(100 * _medias[0].image_height) / _medias[0].image_width}%` } : {})) }, { children: [overlay, renderTitle(_medias[0])] })) })));
     };
     const renderTwo = () => {
         const overlay = _medias.length > maxVisible && [2, 3].includes(+maxVisible) ? renderCountOverlay(true) : renderOverlay(1);
         const conditionalRender = [3, 4].includes(_medias.length) || (_medias.length > +maxVisible && [3, 4].includes(+maxVisible));
-        return (_jsxs(Grid, { container: true, children: [_jsxs(Grid, { item: true, xs: 6, classes: { root: classNames(classes.border, classes.heightTwo, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 1 : 0), style: { background: `url(${getImageUrl(conditionalRender ? _medias[1] : _medias[0])})` }, children: [renderOverlay(conditionalRender ? 1 : 0), renderTitle(_medias[0])] }), _jsxs(Grid, { item: true, xs: 6, classes: { root: classNames(classes.border, classes.heightTwo, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 2 : 1), style: { background: `url(${getImageUrl(conditionalRender ? _medias[2] : _medias[1])})` }, children: [overlay, renderTitle(_medias[1])] })] }));
+        return (_jsxs(Grid, Object.assign({ container: true }, { children: [_jsxs(Grid, Object.assign({ item: true, xs: 6, classes: { root: classNames(classes.border, classes.heightTwo, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 1 : 0), style: { background: `url(${getImageUrl(conditionalRender ? _medias[1] : _medias[0])})` } }, { children: [renderOverlay(conditionalRender ? 1 : 0), renderTitle(_medias[0])] })), _jsxs(Grid, Object.assign({ item: true, xs: 6, classes: { root: classNames(classes.border, classes.heightTwo, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 2 : 1), style: { background: `url(${getImageUrl(conditionalRender ? _medias[2] : _medias[1])})` } }, { children: [overlay, renderTitle(_medias[1])] }))] })));
     };
     const renderThree = () => {
         const conditionalRender = _medias.length == 4 || (_medias.length > +maxVisible && +maxVisible == 4);
         const overlay = !maxVisible || maxVisible > 5 || (_medias.length > maxVisible && [4, 5].includes(+maxVisible))
             ? renderCountOverlay(true)
             : renderOverlay(conditionalRender ? 3 : 4);
-        return (_jsxs(Grid, { container: true, children: [_jsxs(Grid, { item: true, xs: 4, md: 4, classes: { root: classNames(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 1 : 2), style: { background: `url(${getImageUrl(conditionalRender ? _medias[1] : _medias[2])})` }, children: [renderOverlay(conditionalRender ? 1 : 2), renderTitle(_medias[1])] }), _jsxs(Grid, { item: true, xs: 4, md: 4, classes: { root: classNames(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 2 : 3), style: { background: `url(${getImageUrl(conditionalRender ? _medias[2] : _medias[3])})` }, children: [renderOverlay(conditionalRender ? 2 : 3), renderTitle(_medias[2])] }), _jsxs(Grid, { item: true, xs: 4, md: 4, classes: { root: classNames(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 3 : 4), style: { background: `url(${getImageUrl(conditionalRender ? _medias[3] : _medias[4])})` }, children: [overlay, renderTitle(_medias[3])] })] }));
+        return (_jsxs(Grid, Object.assign({ container: true }, { children: [_jsxs(Grid, Object.assign({ item: true, xs: 4, md: 4, classes: { root: classNames(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 1 : 2), style: { background: `url(${getImageUrl(conditionalRender ? _medias[1] : _medias[2])})` } }, { children: [renderOverlay(conditionalRender ? 1 : 2), renderTitle(_medias[1])] })), _jsxs(Grid, Object.assign({ item: true, xs: 4, md: 4, classes: { root: classNames(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 2 : 3), style: { background: `url(${getImageUrl(conditionalRender ? _medias[2] : _medias[3])})` } }, { children: [renderOverlay(conditionalRender ? 2 : 3), renderTitle(_medias[2])] })), _jsxs(Grid, Object.assign({ item: true, xs: 4, md: 4, classes: { root: classNames(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 3 : 4), style: { background: `url(${getImageUrl(conditionalRender ? _medias[3] : _medias[4])})` } }, { children: [overlay, renderTitle(_medias[3])] }))] })));
     };
     const renderOverlay = (id) => {
         if (!gallery) {
@@ -104,19 +104,19 @@ export default (props) => {
         }
         return [
             _jsx("div", { className: classNames(classes.cover, classes.slide) }, `cover-${id}`),
-            _jsx("div", { className: classNames(classes.coverText, classes.slide, 'animate-text'), style: { fontSize: '100%' }, children: _jsx(Icon, { children: "zoom_out_map" }) }, `cover-text-${id}`)
+            _jsx("div", Object.assign({ className: classNames(classes.coverText, classes.slide, 'animate-text'), style: { fontSize: '100%' } }, { children: _jsx(Icon, { children: "zoom_out_map" }) }), `cover-text-${id}`)
         ];
     };
     const renderCountOverlay = (more) => {
         const extra = _medias.length - (maxVisible && maxVisible > 5 ? 5 : maxVisible);
         return [
             more && _jsx("div", { className: classes.cover }, "count"),
-            more && (_jsx("div", { className: classes.coverText, style: { fontSize: '200%' }, children: _jsxs("p", { children: ["+", extra] }) }, "count-sub"))
+            more && (_jsx("div", Object.assign({ className: classes.coverText, style: { fontSize: '200%' } }, { children: _jsxs("p", { children: ["+", extra] }) }), "count-sub"))
         ];
     };
     const handleIndexChange = useCallback((index) => {
         if (_medias[index].type === MEDIA_TYPE_DOCUMENT) {
-            setToolbarButtons(_jsx(IconButton, { component: Link, to: medias[index].url, target: "_blank", color: "inherit", children: _jsx(Icon, { children: "download" }) }));
+            setToolbarButtons(_jsx(IconButton, Object.assign({ component: Link, to: medias[index].url, target: "_blank", color: "inherit" }, { children: _jsx(Icon, { children: "download" }) })));
         }
         else {
             setToolbarButtons(undefined);
@@ -134,5 +134,5 @@ export default (props) => {
     if (_medias.length === 0) {
         return null;
     }
-    return (_jsxs(Root, { className: classNames(classes.displayRoot, className), children: [[1, 3, 4].includes(imagesToShow.length) && renderOne(), imagesToShow.length >= 2 && imagesToShow.length != 4 && renderTwo(), imagesToShow.length >= 4 && renderThree(), preview !== -1 && (_jsx(Lightbox, { onClose: handleClose, index: preview, medias: _medias, toolbarButtons: toolbarButtons, onIndexChange: handleIndexChange }))] }));
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.displayRoot, className) }, { children: [[1, 3, 4].includes(imagesToShow.length) && renderOne(), imagesToShow.length >= 2 && imagesToShow.length != 4 && renderTwo(), imagesToShow.length >= 4 && renderThree(), preview !== -1 && (_jsx(Lightbox, { onClose: handleClose, index: preview, medias: _medias, toolbarButtons: toolbarButtons, onIndexChange: handleIndexChange }))] })));
 };

package/lib/esm/shared/Media/File/PreviewComponent.js

@@ -44,9 +44,9 @@ const PreviewComponent = React.forwardRef((props, ref) => {
     }, [onChange, value]);
     const handleDelete = useCallback((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
     // RENDER
-    const mediaElements = useMemo(() => medias.map((media) => (_jsxs(Box, { className: classes.media, sx: { backgroundImage: `url(${(media === null || media === void 0 ? void 0 : media.image_thumbnail) ? media.image_thumbnail.url : media.image})` }, children: [_jsx(IconButton, { className: classes.delete, onClick: handleDelete(media.id), size: "small", children: _jsx(Icon, { children: "delete" }) }), media.title && _jsxs(Typography, { className: classes.title, children: [media.type === MEDIA_TYPE_DOCUMENT && _jsx(Icon, { children: "picture_as_pdf" }), media.title] })] }, media.id))), [medias]);
+    const mediaElements = useMemo(() => medias.map((media) => (_jsxs(Box, Object.assign({ className: classes.media, sx: { backgroundImage: `url(${(media === null || media === void 0 ? void 0 : media.image_thumbnail) ? media.image_thumbnail.url : media.image})` } }, { children: [_jsx(IconButton, Object.assign({ className: classes.delete, onClick: handleDelete(media.id), size: "small" }, { children: _jsx(Icon, { children: "delete" }) })), media.title && _jsxs(Typography, Object.assign({ className: classes.title }, { children: [media.type === MEDIA_TYPE_DOCUMENT && _jsx(Icon, { children: "picture_as_pdf" }), media.title] }))] }), media.id))), [medias]);
     return _jsx(Root, Object.assign({ ref: ref, className: classNames(className, classes.previewRoot) }, rest, { children: medias.length > 0 && (isMobile ?
-            _jsx(Box, { id: SORTABLE_ID, children: mediaElements }) :
-            _jsx(ReactSortable, { id: SORTABLE_ID, list: medias, setList: handleSort, children: mediaElements })) }));
+            _jsx(Box, Object.assign({ id: SORTABLE_ID }, { children: mediaElements })) :
+            _jsx(ReactSortable, Object.assign({ id: SORTABLE_ID, list: medias, setList: handleSort }, { children: mediaElements }))) }));
 });
 export default PreviewComponent;

package/lib/esm/shared/Media/File/TriggerButton.js

@@ -80,20 +80,20 @@ export default (_a) => {
     const list = useMemo(() => {
         if (isMobile) {
             return [
-                _jsx(ListItem, { className: classes.item, children: _jsx(PhotoUploadListItemButton, { inputFieldName: "image", children: _jsx(FormattedMessage, { id: "ui.composer.media.file.photo", defaultMessage: "ui.composer.media.file.photo" }) }) }, "photo"),
-                _jsx(ListItem, { className: classes.item, children: _jsx(GalleryUploadListItemButton, { inputFieldName: "image", children: _jsx(FormattedMessage, { id: "ui.composer.media.file.gallery", defaultMessage: "ui.composer.media.file.gallery" }) }) }, "gallery"),
-                _jsx(ListItem, { className: classes.item, children: _jsx(DocumentUploadListItemButton, { inputFieldName: "document", children: _jsx(FormattedMessage, { id: "ui.composer.media.file.document", defaultMessage: "ui.composer.media.file.document" }) }) }, "document")
+                _jsx(ListItem, Object.assign({ className: classes.item }, { children: _jsx(PhotoUploadListItemButton, Object.assign({ inputFieldName: "image" }, { children: _jsx(FormattedMessage, { id: "ui.composer.media.file.photo", defaultMessage: "ui.composer.media.file.photo" }) })) }), "photo"),
+                _jsx(ListItem, Object.assign({ className: classes.item }, { children: _jsx(GalleryUploadListItemButton, Object.assign({ inputFieldName: "image" }, { children: _jsx(FormattedMessage, { id: "ui.composer.media.file.gallery", defaultMessage: "ui.composer.media.file.gallery" }) })) }), "gallery"),
+                _jsx(ListItem, Object.assign({ className: classes.item }, { children: _jsx(DocumentUploadListItemButton, Object.assign({ inputFieldName: "document" }, { children: _jsx(FormattedMessage, { id: "ui.composer.media.file.document", defaultMessage: "ui.composer.media.file.document" }) })) }), "document")
             ];
         }
         else {
             return [
-                _jsx(GalleryUploadMenuItem, { extraProps: { className: classes.item }, inputFieldName: "image", children: _jsx(FormattedMessage, { id: "ui.composer.media.file.gallery", defaultMessage: "ui.composer.media.file.gallery" }) }, "gallery"),
-                _jsx(DocumentUploadMenuItem, { extraProps: { className: classes.item }, inputFieldName: "document", children: _jsx(FormattedMessage, { id: "ui.composer.media.file.document", defaultMessage: "ui.composer.media.file.document" }) }, "document")
+                _jsx(GalleryUploadMenuItem, Object.assign({ extraProps: { className: classes.item }, inputFieldName: "image" }, { children: _jsx(FormattedMessage, { id: "ui.composer.media.file.gallery", defaultMessage: "ui.composer.media.file.gallery" }) }), "gallery"),
+                _jsx(DocumentUploadMenuItem, Object.assign({ extraProps: { className: classes.item }, inputFieldName: "document" }, { children: _jsx(FormattedMessage, { id: "ui.composer.media.file.document", defaultMessage: "ui.composer.media.file.document" }) }), "document")
             ];
         }
     }, [isMobile, handleFilterByMime, handleSuccess, handleProgress, handleError]);
-    return (_jsxs(ChunkedUploady, { destination: {
+    return (_jsxs(ChunkedUploady, Object.assign({ destination: {
             url: `${scContext.settings.portal}${Endpoints.ComposerChunkUploadMedia.url()}`,
             method: Endpoints.ComposerChunkUploadMedia.method
-        }, fileFilter: handleFilterByMime, chunkSize: 204800, multiple: true, children: [_jsx(MediaChunkUploader, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }), _jsx(Root, Object.assign({ className: classNames(className, classes.triggerRoot) }, rest, { "aria-label": "add media", disabled: isUploading, onClick: handleOpen, children: isUploading ? _jsx(CircularProgress, { size: 20 }) : _jsx(Icon, { children: "photo_file" }) })), isMobile ? (_jsx(SwipeableDrawerRoot, { onClick: () => setAnchorEl(null), className: classes.triggerDrawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen, PaperProps: { className: classes.paper }, disableSwipeToOpen: true, children: _jsx(List, { children: list }) })) : (_jsx(MenuRoot, { onClick: () => setAnchorEl(null), className: classes.triggerMenuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: { className: classes.paper }, children: list }))] }));
+        }, fileFilter: handleFilterByMime, chunkSize: 204800, multiple: true }, { children: [_jsx(MediaChunkUploader, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }), _jsx(Root, Object.assign({ className: classNames(className, classes.triggerRoot) }, rest, { "aria-label": "add media", disabled: isUploading, onClick: handleOpen }, { children: isUploading ? _jsx(CircularProgress, { size: 20 }) : _jsx(Icon, { children: "photo_file" }) })), isMobile ? (_jsx(SwipeableDrawerRoot, Object.assign({ onClick: () => setAnchorEl(null), className: classes.triggerDrawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen, PaperProps: { className: classes.paper }, disableSwipeToOpen: true }, { children: _jsx(List, { children: list }) }))) : (_jsx(MenuRoot, Object.assign({ onClick: () => setAnchorEl(null), className: classes.triggerMenuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: { className: classes.paper } }, { children: list })))] })));
 };

package/lib/esm/shared/Media/Link/DisplayComponent.js

@@ -51,7 +51,7 @@ export default (props) => {
         // 	return renderHtml(media, key);
         // }
         const domain = new URL(media.embed.metadata.url).hostname.replace('www.', '');
-        return (_jsxs(Box, { className: classes.displayLink, children: [media.embed.metadata.images && media.embed.metadata.images.length > 0 && (_jsx(_Fragment, { children: fullWidth ? (_jsx(Box, { className: classNames(classes.thumbnailFullWidth, classes.image), style: { background: `url(${media.image})`, paddingBottom: `${100 / media.image_width / media.image_height}%` } })) : (_jsx(Box, { className: classNames(classes.thumbnail, classes.image), style: { background: `url(${media.image})` } })) })), _jsxs(Box, { className: classes.snippet, children: [_jsx("b", { className: classes.snippetTitle, children: media.embed.metadata.title }), _jsx("br", {}), _jsx("p", { className: classes.snippetDescription, children: media.embed.metadata.description }), _jsx("a", { href: media.embed.metadata.url, target: '_blank', onClick: () => handleLinkClick(media), children: domain })] }), _jsx("div", { style: { clear: 'both' } })] }, key));
+        return (_jsxs(Box, Object.assign({ className: classes.displayLink }, { children: [media.embed.metadata.images && media.embed.metadata.images.length > 0 && (_jsx(_Fragment, { children: fullWidth ? (_jsx(Box, { className: classNames(classes.thumbnailFullWidth, classes.image), style: { background: `url(${media.image})`, paddingBottom: `${100 / media.image_width / media.image_height}%` } })) : (_jsx(Box, { className: classNames(classes.thumbnail, classes.image), style: { background: `url(${media.image})` } })) })), _jsxs(Box, Object.assign({ className: classes.snippet }, { children: [_jsx("b", Object.assign({ className: classes.snippetTitle }, { children: media.embed.metadata.title })), _jsx("br", {}), _jsx("p", Object.assign({ className: classes.snippetDescription }, { children: media.embed.metadata.description })), _jsx("a", Object.assign({ href: media.embed.metadata.url, target: '_blank', onClick: () => handleLinkClick(media) }, { children: domain }))] })), _jsx("div", { style: { clear: 'both' } })] }), key));
     };
     /**
      * Render html embed
@@ -59,7 +59,7 @@ export default (props) => {
      * @param key
      */
     const renderHtml = (media, key) => {
-        return (_jsxs(Box, { className: classes.displayHtmlWrap, children: [_jsx("div", { dangerouslySetInnerHTML: { __html: media.embed.metadata.html }, className: classes.displayHtml }), _jsx("div", { className: classes.displayHtmlPlaceholder, style: { paddingTop: `${(100 * media.embed.metadata.height) / media.embed.metadata.width}%`, maxHeight: media.embed.metadata.height }, children: _jsx(CircularProgress, { size: 20, className: classes.displayHtmlLoading }) })] }, key));
+        return (_jsxs(Box, Object.assign({ className: classes.displayHtmlWrap }, { children: [_jsx("div", { dangerouslySetInnerHTML: { __html: media.embed.metadata.html }, className: classes.displayHtml }), _jsx("div", Object.assign({ className: classes.displayHtmlPlaceholder, style: { paddingTop: `${(100 * media.embed.metadata.height) / media.embed.metadata.width}%`, maxHeight: media.embed.metadata.height } }, { children: _jsx(CircularProgress, { size: 20, className: classes.displayHtmlLoading }) }))] }), key));
     };
     /**
      * Renders component
@@ -69,7 +69,7 @@ export default (props) => {
     }
     return (_jsx(Root, Object.assign({ className: classNames(className, classes.displayRoot) }, rest, { children: _medias.map((l, i) => {
             if (l.embed.metadata && l.embed.metadata.type === MEDIA_TYPE_VIDEO) {
-                return (_jsx(LazyLoad, { className: classes.displayVideo, placeholder: _jsx(Skeleton, { variant: "rectangular", height: 360, width: '100%' }), once: true, offset: DEFAULT_PRELOAD_OFFSET_VIEWPORT, children: _jsx(AutoPlayer, { url: l.url, width: '100%', onVideoWatch: () => handleLinkClick(l) }, i) }, i));
+                return (_jsx(LazyLoad, Object.assign({ className: classes.displayVideo, placeholder: _jsx(Skeleton, { variant: "rectangular", height: 360, width: '100%' }), once: true, offset: DEFAULT_PRELOAD_OFFSET_VIEWPORT }, { children: _jsx(AutoPlayer, { url: l.url, width: '100%', onVideoWatch: () => handleLinkClick(l) }, i) }), i));
             }
             return _jsx(React.Fragment, { children: renderPreview(l, i) }, i);
         }) })));

package/lib/esm/shared/Media/Link/LayerComponent.js

@@ -30,6 +30,6 @@ const LayerComponent = React.forwardRef((props, ref) => {
     const handleSave = useCallback(() => onSave(value), [value]);
     const handleAdd = useCallback((media) => setValue([...value, media]), [value]);
     const handleChange = useCallback((medias) => setValue(medias), []);
-    return _jsxs(Root, Object.assign({ ref: ref, className: classNames(className, classes.layerRoot) }, rest, { children: [_jsxs(DialogTitle, { className: classes.title, children: [_jsx(IconButton, { onClick: onClose, children: _jsx(Icon, { children: "arrow_back" }) }), _jsx(Typography, { children: _jsx(FormattedMessage, { id: "ui.composer.media.link.layer.title", defaultMessage: "ui.composer.media.link.layer.title" }) }), _jsx(Button, { size: "small", color: "secondary", variant: "contained", onClick: handleSave, children: _jsx(FormattedMessage, { id: "ui.composer.layer.save", defaultMessage: "ui.composer.layer.save" }) })] }), _jsxs(DialogContent, { className: classes.content, children: [_jsx(UrlTextField, { id: "page", name: "page", label: _jsx(FormattedMessage, { id: "ui.composer.media.link.add.label", defaultMessage: "ui.composer.media.link.add.label" }), fullWidth: true, variant: "outlined", placeholder: "https://", onSuccess: handleAdd }), _jsx(PreviewComponent, { onChange: handleChange, value: value })] })] }));
+    return _jsxs(Root, Object.assign({ ref: ref, className: classNames(className, classes.layerRoot) }, rest, { children: [_jsxs(DialogTitle, Object.assign({ className: classes.title }, { children: [_jsx(IconButton, Object.assign({ onClick: onClose }, { children: _jsx(Icon, { children: "arrow_back" }) })), _jsx(Typography, { children: _jsx(FormattedMessage, { id: "ui.composer.media.link.layer.title", defaultMessage: "ui.composer.media.link.layer.title" }) }), _jsx(Button, Object.assign({ size: "small", color: "secondary", variant: "contained", onClick: handleSave }, { children: _jsx(FormattedMessage, { id: "ui.composer.layer.save", defaultMessage: "ui.composer.layer.save" }) }))] })), _jsxs(DialogContent, Object.assign({ className: classes.content }, { children: [_jsx(UrlTextField, { id: "page", name: "page", label: _jsx(FormattedMessage, { id: "ui.composer.media.link.add.label", defaultMessage: "ui.composer.media.link.add.label" }), fullWidth: true, variant: "outlined", placeholder: "https://", onSuccess: handleAdd }), _jsx(PreviewComponent, { onChange: handleChange, value: value })] }))] }));
 });
 export default LayerComponent;

package/lib/esm/shared/Media/Link/PreviewComponent.js

@@ -30,6 +30,6 @@ const PreviewComponent = React.forwardRef((props, ref) => {
         onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]);
     }, [onChange, value]);
     const handleDelete = useCallback((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
-    return (_jsx(Root, Object.assign({ ref: ref, className: classNames(className, classes.previewRoot) }, rest, { children: medias.length > 0 && (_jsx(ReactSortable, { list: medias, setList: handleSort, children: medias.map((media) => (_jsxs(Box, { className: classNames(classes.media, { [classes.video]: media.embed.metadata && media.embed.metadata.type === MEDIA_TYPE_VIDEO }), children: [_jsx(DisplayComponent, { medias: [media] }), _jsx(IconButton, { className: classes.delete, onClick: handleDelete(media.id), size: "small", children: _jsx(Icon, { children: "delete" }) })] }, media.id))) })) })));
+    return (_jsx(Root, Object.assign({ ref: ref, className: classNames(className, classes.previewRoot) }, rest, { children: medias.length > 0 && (_jsx(ReactSortable, Object.assign({ list: medias, setList: handleSort }, { children: medias.map((media) => (_jsxs(Box, Object.assign({ className: classNames(classes.media, { [classes.video]: media.embed.metadata && media.embed.metadata.type === MEDIA_TYPE_VIDEO }) }, { children: [_jsx(DisplayComponent, { medias: [media] }), _jsx(IconButton, Object.assign({ className: classes.delete, onClick: handleDelete(media.id), size: "small" }, { children: _jsx(Icon, { children: "delete" }) }))] }), media.id))) }))) })));
 });
 export default PreviewComponent;

package/lib/esm/shared/Media/Link/TriggerButton.js

@@ -14,5 +14,5 @@ const Root = styled(IconButton, {
 })(() => ({}));
 export default (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (_jsx(Root, Object.assign({ className: classNames(className, classes.triggerRoot) }, rest, { "aria-label": "add link", children: _jsx(Icon, { children: "link" }) })));
+    return (_jsx(Root, Object.assign({ className: classNames(className, classes.triggerRoot) }, rest, { "aria-label": "add link" }, { children: _jsx(Icon, { children: "link" }) })));
 };

package/lib/esm/shared/Media/Link/UrlTextField/index.js

@@ -72,8 +72,8 @@ export default (props) => {
     /**
      * Renders url text field
      */
-    return (_jsx("form", { method: "post", onSubmit: handleSubmit, children: _jsx(TextField, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText ||
+    return (_jsx("form", Object.assign({ method: "post", onSubmit: handleSubmit }, { children: _jsx(TextField, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText ||
                 (urlError && (_jsx(FormattedMessage, { id: `ui.composer.media.link.add.error.${urlError}`, defaultMessage: `ui.composer.media.link.add.error.${urlError}` }))) || _jsx(FormattedMessage, { id: "ui.composer.media.link.add.help", defaultMessage: "ui.composer.media.link.add.help" }), disabled: isCreating }, rest, { InputProps: {
-                endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(Fade, { in: urlError === null && url !== '', children: _jsx(IconButton, { size: "small", disabled: isCreating, type: "submit", children: isCreating ? _jsx(CircularProgress, { color: "primary", size: 20 }) : _jsx(FormattedMessage, { id: "ui.composer.media.link.add.submit", defaultMessage: "ui.composer.media.link.add.submit" }) }) }) }))
-            } })) }));
+                endAdornment: (_jsx(InputAdornment, Object.assign({ position: "end" }, { children: _jsx(Fade, Object.assign({ in: urlError === null && url !== '' }, { children: _jsx(IconButton, Object.assign({ size: "small", disabled: isCreating, type: "submit" }, { children: isCreating ? _jsx(CircularProgress, { color: "primary", size: 20 }) : _jsx(FormattedMessage, { id: "ui.composer.media.link.add.submit", defaultMessage: "ui.composer.media.link.add.submit" }) })) })) })))
+            } })) })));
 };

package/lib/esm/shared/Media/Share/DisplayComponent.js

@@ -28,5 +28,5 @@ export default (_a) => {
     if (_medias.length === 0) {
         return null;
     }
-    return (_jsx(Root, Object.assign({ className: classNames(className, classes.displayRoot) }, rest, { children: _medias.map((media, i) => (_jsx(Box, { className: classes.sharePreview, onClick: onMediaClick, children: media.type === MEDIA_TYPE_EVENT || (media.embed && media.embed.embed_type === MEDIA_EMBED_SC_SHARED_EVENT) ? (_jsx(Event, { event: media.embed.metadata, template: SCEventTemplateType.DETAIL, variant: "outlined", square: true, hideEventParticipants: true, hideEventPlanner: true, actions: _jsx(_Fragment, {}) })) : (_jsx(FeedObject, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: SCFeedObjectTemplateType.SHARE, cacheStrategy: CacheStrategies.CACHE_FIRST })) }, i))) })));
+    return (_jsx(Root, Object.assign({ className: classNames(className, classes.displayRoot) }, rest, { children: _medias.map((media, i) => (_jsx(Box, Object.assign({ className: classes.sharePreview, onClick: onMediaClick }, { children: media.type === MEDIA_TYPE_EVENT || (media.embed && media.embed.embed_type === MEDIA_EMBED_SC_SHARED_EVENT) ? (_jsx(Event, { event: media.embed.metadata, template: SCEventTemplateType.DETAIL, variant: "outlined", square: true, hideEventParticipants: true, hideEventPlanner: true, actions: _jsx(_Fragment, {}) })) : (_jsx(FeedObject, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: SCFeedObjectTemplateType.SHARE, cacheStrategy: CacheStrategies.CACHE_FIRST })) }), i))) })));
 };

package/lib/esm/shared/MetadataField/MetadataField.js

@@ -23,7 +23,7 @@ const MetadataField = (props) => {
             component = _jsx(PhoneTextField, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory }));
             break;
         case SCMetadataTypeFieldType.ENUM:
-            component = (_jsx(TextField, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory, select: true, children: metadata === null || metadata === void 0 ? void 0 : metadata.type_options.map((option) => (_jsx(MenuItem, { value: option, children: option }, option))) })));
+            component = (_jsx(TextField, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory, select: true }, { children: metadata === null || metadata === void 0 ? void 0 : metadata.type_options.map((option) => (_jsx(MenuItem, Object.assign({ value: option }, { children: option }), option))) })));
             break;
         case SCMetadataTypeFieldType.CHECKBOX:
             const { value } = rest;

package/lib/esm/shared/NotificationItem/NotificationItem.js

@@ -70,5 +70,5 @@ export default function NotificationItem(inProps) {
     // RENDER
     return (_jsxs(Root, Object.assign({ id: id }, rest, { className: classNames(classes.root, className, `${PREFIX}-${template}`, {
             [classes.new]: isNew
-        }), elevation: elevation, children: [_jsxs(Box, { className: classes.header, children: [image && _jsx(Box, { className: classNames(classes.image), children: image }), _jsxs(Box, { className: classes.title, children: [primary && (_jsxs(Box, { className: classes.primary, children: [template === SCNotificationObjectTemplateType.DETAIL && isNew && _jsx(NewChip, { className: classes.newChip }), disableTypography ? primary : _jsx(Typography, Object.assign({}, primaryTypographyProps, { children: primary }))] })), secondary && (_jsx(Box, { className: classes.secondary, children: disableTypography ? secondary : _jsx(Typography, Object.assign({}, secondaryTypographyProps, { children: secondary })) }))] })] }), actions && _jsx(Box, { className: classes.actions, children: actions }), footer && _jsx(Box, { className: classes.footer, children: footer })] })));
+        }), elevation: elevation }, { children: [_jsxs(Box, Object.assign({ className: classes.header }, { children: [image && _jsx(Box, Object.assign({ className: classNames(classes.image) }, { children: image })), _jsxs(Box, Object.assign({ className: classes.title }, { children: [primary && (_jsxs(Box, Object.assign({ className: classes.primary }, { children: [template === SCNotificationObjectTemplateType.DETAIL && isNew && _jsx(NewChip, { className: classes.newChip }), disableTypography ? primary : _jsx(Typography, Object.assign({}, primaryTypographyProps, { children: primary }))] }))), secondary && (_jsx(Box, Object.assign({ className: classes.secondary }, { children: disableTypography ? secondary : _jsx(Typography, Object.assign({}, secondaryTypographyProps, { children: secondary })) })))] }))] })), actions && _jsx(Box, Object.assign({ className: classes.actions }, { children: actions })), footer && _jsx(Box, Object.assign({ className: classes.footer }, { children: footer }))] })));
 }