@selfcommunity/react-ui 0.7.50-events.41 → 0.7.50-events.44

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

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useContext, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext, useMemo, useRef, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import Popper from '@mui/material/Popper';
@@ -202,7 +203,7 @@ export default function ContributionActionsMenu(props) {
             Logger.error(SCOPE_SC_UI, error);
             setCurrentAction(null);
             setCurrentActionLoading(null);
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
                 variant: 'error',
                 autoHideDuration: 3000
             });
@@ -344,7 +345,7 @@ export default function ContributionActionsMenu(props) {
      */
     function handleFlagContribution(type) {
         if (UserUtils.isBlocked(scUserContext.user)) {
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
@@ -359,7 +360,7 @@ export default function ContributionActionsMenu(props) {
             })
                 .catch((error) => {
                 Logger.error(SCOPE_SC_UI, error);
-                enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
+                enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
                     variant: 'error',
                     autoHideDuration: 3000
                 });
@@ -406,7 +407,7 @@ export default function ContributionActionsMenu(props) {
         if (UserUtils.isBlocked(scUserContext.user) &&
             [EDIT_CONTRIBUTION, MODERATE_CONTRIBUTION_HIDDEN, MODERATE_CONTRIBUTION_DELETED].includes(action)) {
             // if user is blocked, deny edit and moderate
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
@@ -415,7 +416,7 @@ export default function ContributionActionsMenu(props) {
         if (action === GET_CONTRIBUTION_PERMALINK) {
             copyTextToClipboard(`${location.protocol}//${location.host}${scRoutingContext.url(getContributionRouteName(contributionObj), getRouteData(contributionObj))}`).then(() => {
                 setOpen(false);
-                enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.permanentLinkCopied", defaultMessage: "ui.common.permanentLinkCopied" }), {
+                enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.permanentLinkCopied", defaultMessage: "ui.common.permanentLinkCopied" }), {
                     variant: 'success',
                     autoHideDuration: 3000
                 });
@@ -472,14 +473,14 @@ export default function ContributionActionsMenu(props) {
             setCurrentActionLoading(null);
             setCurrentAction(null);
             setOpenConfirmDialog(false);
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.actionSuccess", defaultMessage: "ui.contributionActionMenu.actionSuccess" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.contributionActionMenu.actionSuccess", defaultMessage: "ui.contributionActionMenu.actionSuccess" }), {
                 variant: 'success',
                 autoHideDuration: 3000
             });
         }
         else {
             setCurrentActionLoading(null);
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
                 variant: 'error',
                 autoHideDuration: 3000
             });
@@ -605,9 +606,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 (React.createElement(MenuItem, { key: `${section}_${index}`, className: classes.subItem, disabled: isFlagging },
-                React.createElement(ListItemIcon, { classes: { root: classes.selectedIcon } }, value === report && React.createElement(Icon, { color: "secondary" }, "check")),
-                React.createElement(ListItemText, { primary: getReportName(report), onClick: () => handlerFunc(report), classes: { root: classes.subItemText } })));
+            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}`));
         });
     }
     /**
@@ -615,59 +614,21 @@ export default function ContributionActionsMenu(props) {
      */
     function renderFlagContributionSection() {
         const open = openSection === FLAG_CONTRIBUTION_SECTION;
-        return (React.createElement(Box, null, !contributionObj.deleted && !contributionObj.collapsed && (React.createElement(Box, null,
-            React.createElement(MenuItem, { className: classes.subItem, disabled: isFlagging, onClick: () => handleOpenSection(FLAG_CONTRIBUTION_SECTION) },
-                React.createElement(ListItemIcon, null, flagType !== undefined && flagType !== null ? (React.createElement(Badge, { classes: { badge: classes.sectionBadge }, badgeContent: React.createElement(Icon, { className: classes.sectionWithSelectionIcon }, "check"), color: "primary" },
-                    React.createElement(Icon, null, "outlined_flag"))) : (React.createElement(Icon, null, "outlined_flag"))),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.flagContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.flagContributionWithMotivation" }) }),
-                open ? React.createElement(Icon, null, "expand_less") : React.createElement(Icon, null, "expand_more")),
-            React.createElement(Collapse, { in: open, timeout: "auto", unmountOnExit: true },
-                renderReports(FLAG_CONTRIBUTION_SECTION),
-                React.createElement(Typography, { variant: 'caption', component: "div", className: classes.footerSubItems }, 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 (React.createElement(Box, { key: HIDE_CONTRIBUTION_SECTION }, !contributionObj.deleted && (React.createElement(Box, null, hideType !== undefined && hideType !== null ? (React.createElement(React.Fragment, null,
-            React.createElement(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(MODERATE_CONTRIBUTION_HIDDEN) },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "restore")),
-                React.createElement(ListItemText, { primary: React.createElement(React.Fragment, null,
-                        React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.restoreFromHidden", defaultMessage: "ui.contributionActionMenu.restoreFromHidden" }),
-                        ' ',
-                        "(",
-                        getReportName(hideType),
-                        ")") })))) : (React.createElement(React.Fragment, null,
-            React.createElement(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(HIDE_CONTRIBUTION_SECTION) },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "hide_image")),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.hideContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.hideContributionWithMotivation" }) }),
-                open ? React.createElement(Icon, null, "expand_less") : React.createElement(Icon, null, "expand_more")),
-            React.createElement(Collapse, { in: open, timeout: "auto", unmountOnExit: true }, renderReports(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 (React.createElement(Box, { key: DELETE_CONTRIBUTION_SECTION }, !contributionObj.collapsed && !(contributionObj.deleted && !deleteType) && (React.createElement(Box, null, deleteType !== undefined && deleteType !== null ? (React.createElement(React.Fragment, null,
-            React.createElement(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(MODERATE_CONTRIBUTION_DELETED) },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "restore_from_trash")),
-                React.createElement(ListItemText, { primary: React.createElement(React.Fragment, null,
-                        React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.restoreFromDeleted", defaultMessage: "ui.contributionActionMenu.restoreFromDeleted" }),
-                        ' ',
-                        "(",
-                        getReportName(deleteType),
-                        ")") })))) : (React.createElement(React.Fragment, null,
-            React.createElement(MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(DELETE_CONTRIBUTION_SECTION) },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "delete")),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.deleteContributionWithMotivation" }) }),
-                open ? React.createElement(Icon, null, "expand_less") : React.createElement(Icon, null, "expand_more")),
-            React.createElement(Collapse, { in: open, timeout: "auto", unmountOnExit: true }, renderReports(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
@@ -694,46 +655,22 @@ export default function ContributionActionsMenu(props) {
      * Renders section general
      */
     function renderGeneralSection() {
-        return (React.createElement(Box, { key: GENERAL_SECTION },
-            React.createElement(MenuItem, { className: classes.subItem, disabled: isFlagging },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "link")),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.permanentLink", defaultMessage: "ui.contributionActionMenu.permanentLink" }), onClick: () => handleAction(GET_CONTRIBUTION_PERMALINK), classes: { root: classes.itemText } })),
-            canModifyContribution() && (React.createElement(MenuItem, { className: classes.subItem, disabled: isFlagging },
-                React.createElement(ListItemIcon, null,
-                    React.createElement(Icon, null, "edit")),
-                React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.editContribution", defaultMessage: "ui.contributionActionMenu.editContribution" }), onClick: () => handleAction(EDIT_CONTRIBUTION), classes: { root: classes.itemText } }))),
-            canDeleteContribution() && (React.createElement(MenuItem, { className: classes.subItem, disabled: isFlagging },
-                React.createElement(ListItemIcon, null, currentActionLoading === DELETE_CONTRIBUTION || currentActionLoading === RESTORE_CONTRIBUTION ? (React.createElement(CircularProgress, { size: 20 })) : (React.createElement(Icon, null, "delete"))),
-                contributionObj.deleted ? (React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.restoreContribution", defaultMessage: "ui.contributionActionMenu.restoreContribution" }), onClick: () => handleAction(RESTORE_CONTRIBUTION), classes: { root: classes.itemText } })) : (React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.deleteContribution", defaultMessage: "ui.contributionActionMenu.deleteContribution" }), onClick: () => handleAction(DELETE_CONTRIBUTION), classes: { root: classes.itemText } })))),
-            canSuspendNotificationContribution() && (React.createElement(MenuItem, { className: classes.subItem, disabled: isFlagging },
-                React.createElement(ListItemIcon, null, currentActionLoading === SUSPEND_NOTIFICATION_CONTRIBUTION ? (React.createElement(CircularProgress, { size: 20 })) : contributionObj['suspended'] ? (React.createElement(Icon, null, "notifications_active")) : (React.createElement(Icon, null, "notifications_off"))),
-                React.createElement(ListItemText, { primary: contributionObj['suspended'] ? (React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.enableNotificationContribution", defaultMessage: "ui.contributionActionMenu.enableNotificationContribution" })) : (React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.suspendNotificationContribution", defaultMessage: "ui.contributionActionMenu.suspendNotificationContribution" })), onClick: () => handleAction(SUSPEND_NOTIFICATION_CONTRIBUTION), classes: { root: classes.itemText } })))));
+        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 } })] })))] }, GENERAL_SECTION));
     }
     /**
      * Renders contribution menu content
      */
     function renderContent() {
-        return (React.createElement(Box, null, isLoading || (!feedObj && !commentObj) ? (React.createElement(CentralProgress, { size: 30 })) : (React.createElement(MenuList, null,
-            renderGeneralSection(),
-            Boolean(extraSections.length) && React.createElement(Divider, null),
-            extraSections.map((s, i) => (React.createElement(Box, { key: `es_${i}` }, extraSectionsRenders[s]())))))));
+        return (_jsx(Box, { children: isLoading || (!feedObj && !commentObj) ? (_jsx(CentralProgress, { size: 30 })) : (_jsxs(MenuList, { children: [renderGeneralSection(), Boolean(extraSections.length) && _jsx(Divider, {}), extraSections.map((s, i) => (_jsx(Box, { children: extraSectionsRenders[s]() }, `es_${i}`)))] })) }));
     }
     /**
      * Renders component
      */
-    return (React.createElement(Root, { className: classNames(classes.root, className) },
-        React.createElement(IconButton, { ref: (ref) => {
-                popperRef.current = ref;
-            }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? (React.createElement("span", { className: classes.visibilityIcons },
-            contributionObj.collapsed ? React.createElement(Icon, null, "visibility_off") : React.createElement(Icon, null, "delete"),
-            React.createElement(Icon, null, "expand_more"))) : (React.createElement(Icon, null, "more_vert"))),
-        isMobile ? (React.createElement(SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, renderContent())) : (React.createElement(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }), ({ TransitionProps, placement }) => (React.createElement(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }),
-            React.createElement(Paper, { variant: 'outlined', className: classes.paper },
-                React.createElement(ClickAwayListener, { onClickAway: handleClose }, renderContent())))))),
-        openConfirmDialog && (React.createElement(ConfirmDialog, Object.assign({ open: openConfirmDialog }, (currentAction === DELETE_CONTRIBUTION
-            ? {
-                content: (React.createElement(FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionInfo", defaultMessage: "ui.contributionActionMenu.deleteContributionInfo" }))
-            }
-            : {}), { onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) })))));
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(IconButton, Object.assign({ ref: (ref) => {
+                    popperRef.current = ref;
+                }, "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: (_jsx(FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionInfo", defaultMessage: "ui.contributionActionMenu.deleteContributionInfo" }))
+                }
+                : {}), { onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) })))] })));
 }

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

@@ -1,4 +1,5 @@
-import React, { forwardRef, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback } from 'react';
 import { useSnackbar, SnackbarContent } from 'notistack';
 import { styled } from '@mui/material/styles';
 import { CardContent, IconButton } from '@mui/material';
@@ -29,11 +30,6 @@ const CustomSnackMessage = forwardRef((props, ref) => {
     const handleDismiss = useCallback(() => {
         closeSnackbar(props.id);
     }, [props.id, closeSnackbar]);
-    return (React.createElement(Root, { ref: ref, className: classes.root, key: props.id },
-        React.createElement(Widget, { className: classes.card },
-            React.createElement(CardContent, { className: classes.content },
-                React.createElement(IconButton, { className: classes.close, onClick: handleDismiss },
-                    React.createElement(Icon, null, "close")),
-                props.message))));
+    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

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 import { Box, Tooltip, Typography } from '@mui/material';
 import Icon from '@mui/material/Icon';
@@ -37,11 +37,7 @@ export default function DateTimeAgo(props) {
      */
     if (date) {
         const formattedDate = getRelativeTime(date);
-        return (React.createElement(Root, Object.assign({ component: "span", className: classNames(classes.root, className) }, rest),
-            showStartIcon && React.createElement(Icon, null, "access_time"),
-            React.createElement(Tooltip, { title: `${intl.formatDate(date, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' })}`, enterTouchDelay: 0 },
-                React.createElement(Typography, { variant: 'body2', component: 'span' },
-                    React.createElement(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/EmailTextField/index.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { TextField } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
@@ -34,5 +35,5 @@ export default function PasswordTextField(props) {
         onChange && onChange(event);
     };
     // RENDER
-    return React.createElement(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
+    return _jsx(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
 }

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

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 import { Box } from '@mui/material';
 import { EmojiStyle } from 'emoji-picker-react';
@@ -27,5 +27,5 @@ export default function EmojiPicker(inProps) {
         name: PREFIX
     });
     const { className = '', emojiStyle = EmojiStyle.NATIVE } = props, rest = __rest(props, ["className", "emojiStyle"]);
-    return React.createElement(Root, { className: classNames(classes.root, className) }, Picker && React.createElement(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/EventInfoDetails/index.js

@@ -1,8 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon, Stack, styled, Typography, useThemeProps } from '@mui/material';
 import { Link } from '@selfcommunity/react-core';
+import { SCEventLocationType, SCEventPrivacyType } from '@selfcommunity/types';
 import { format } from 'date-fns';
 import { enUS, it } from 'date-fns/locale';
-import { Fragment } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 const LOCALE_MAP = {
     en: enUS,
@@ -30,9 +31,8 @@ export default function EventInfoDetails(inProps) {
     const { event, hasCreatedInfo } = props;
     // HOOKS
     const intl = useIntl();
-    const privacy = event.privacy === 'public' ? 'ui.eventInfoDetails.privacy.public' : 'ui.eventInfoDetails.privacy.private';
-    const location = event.location === 'virtual' ? 'ui.eventInfoDetails.location.virtual' : 'ui.eventInfoDetails.location.inPerson';
-    const LocationComponent = event.location === 'virtual' ? Link : Fragment;
+    const privacy = event.privacy === SCEventPrivacyType.PUBLIC ? 'ui.eventInfoDetails.privacy.public' : 'ui.eventInfoDetails.privacy.private';
+    const location = event.location === SCEventLocationType.ONLINE ? 'ui.eventInfoDetails.location.virtual' : 'ui.eventInfoDetails.location.inPerson';
     const formatDateEventDate = (date) => {
         return format(new Date(date), "EEEE d MMMM' - Ore 'H:mm", {
             locale: LOCALE_MAP[intl.locale]
@@ -43,22 +43,5 @@ export default function EventInfoDetails(inProps) {
             locale: LOCALE_MAP[intl.locale]
         }).replace(/Creato il (\d{1})+ ([a-z]+) (\d{4})/, (_, day, month, year) => `Creato il ${day} ${month.charAt(0).toUpperCase() + month.slice(1)} ${year}`);
     };
-    return (React.createElement(Root, { className: classes.root },
-        React.createElement(Stack, { className: classes.iconTextWrapper },
-            React.createElement(Icon, { fontSize: "small" }, "CalendarIcon"),
-            React.createElement(Typography, { variant: "body1" }, formatDateEventDate(event.start_date))),
-        React.createElement(Stack, { className: classes.iconTextWrapper },
-            React.createElement(Icon, { fontSize: "small" }, event.privacy === 'public' ? 'public' : 'private'),
-            React.createElement(Typography, { variant: "body1" },
-                React.createElement(FormattedMessage, { id: privacy, defaultMessage: privacy })),
-            "-",
-            React.createElement(Typography, { variant: "body1" },
-                React.createElement(FormattedMessage, { id: location, defaultMessage: location }))),
-        React.createElement(Stack, { className: classes.iconTextWrapper },
-            React.createElement(Icon, { fontSize: "small" }, event.location === 'virtual' ? 'play_circle_outline' : 'add_location_alt'),
-            React.createElement(LocationComponent, { to: event.link, target: "_blank", className: classes.link },
-                React.createElement(Typography, { variant: "body1", className: classes.url }, event.location === 'virtual' ? event.link : event.geolocation))),
-        hasCreatedInfo && (React.createElement(Stack, { className: classes.creationWrapper },
-            React.createElement(Icon, { fontSize: "small" }, "create"),
-            React.createElement(Typography, { variant: "body1" }, formatDateCreateDate(event.created_at))))));
+    return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [_jsxs(Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [_jsx(Icon, Object.assign({ fontSize: "small" }, { children: "CalendarIcon" })), _jsx(Typography, Object.assign({ variant: "body1" }, { children: formatDateEventDate(event.start_date) }))] })), _jsxs(Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [_jsx(Icon, Object.assign({ fontSize: "small" }, { children: event.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 }) }))] })), _jsxs(Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [_jsx(Icon, Object.assign({ fontSize: "small" }, { children: event.location === SCEventLocationType.ONLINE ? 'play_circle_outline' : 'add_location_alt' })), event.location === SCEventLocationType.ONLINE ? (_jsx(Link, Object.assign({ to: event.link, target: "_blank", className: classes.link }, { children: _jsx(Typography, Object.assign({ variant: "body1", className: classes.url }, { children: event.link })) }))) : (_jsx(Typography, Object.assign({ variant: "body1", className: classes.url }, { children: event.geolocation })))] })), hasCreatedInfo && (_jsxs(Stack, Object.assign({ className: classes.creationWrapper }, { children: [_jsx(Icon, Object.assign({ fontSize: "small" }, { children: "create" })), _jsx(Typography, Object.assign({ variant: "body1" }, { children: formatDateCreateDate(event.created_at) }))] })))] })));
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 const PREFIX = 'SCHiddenPlaceholder';
 const Root = styled('div', {
@@ -11,5 +11,5 @@ const Root = styled('div', {
     display: 'none'
 }));
 export default function HiddenPlaceholder(props) {
-    return React.createElement(Root, Object.assign({}, props));
+    return _jsx(Root, Object.assign({}, props));
 }

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

@@ -1,4 +1,5 @@
-import React, { Component } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component } from 'react';
 import { throttle } from 'throttle-debounce';
 import { ThresholdUnits, parseThreshold } from '../../utils/threshold';
 class InfiniteScroll extends Component {
@@ -222,23 +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 (React.createElement("div", { style: outerDivStyle, className: "infinite-scroll-component__outerdiv" },
-            React.createElement("div", { className: `infinite-scroll-component ${this.props.className || ''}`, ref: (infScroll) => (this._infScroll = infScroll), style: style },
-                this.props.header,
-                this.props.pullDownToRefresh && (React.createElement("div", { style: { position: 'relative' }, ref: (pullDown) => (this._pullDown = pullDown) },
-                    React.createElement("div", { style: {
-                            position: 'absolute',
-                            left: 0,
-                            right: 0,
-                            top: -1 * this.maxPullDownDistance
-                        } }, 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)));
+        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: 0,
+                                right: 0,
+                                top: -1 * this.maxPullDownDistance
+                            } }, { 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

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import InfiniteScroll from '../index';
 const style = {
     height: 30,
@@ -20,11 +21,5 @@ export default function InfiniteScrollWithHeight() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 500);
     };
-    return (React.createElement("div", null,
-        React.createElement("h1", null, "demo: Infinite Scroll with fixed height"),
-        React.createElement("hr", null),
-        React.createElement(InfiniteScroll, { dataLength: items.length, next: fetchMoreData, hasMoreNext: hasMore, loaderNext: React.createElement("h4", null, "Loading..."), height: 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
-                React.createElement("b", null, "Yay! You have seen it all")) }, items.map((_, index) => (React.createElement("div", { style: style, key: index },
-            "div - #",
-            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

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import InfiniteScroll from '../index';
 const style = {
     height: 30,
@@ -15,10 +16,5 @@ export default function PullDownToRefreshInfScroll() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 1500);
     };
-    return (React.createElement("div", null,
-        React.createElement("h1", null, "demo: Pull down to refresh"),
-        React.createElement("hr", null),
-        React.createElement(InfiniteScroll, { dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: React.createElement("h4", null, "Loading..."), pullDownToRefresh: true, pullDownToRefreshContent: React.createElement("h3", { style: { textAlign: 'center' } }, "\u2193 Pull down to refresh"), releaseToRefreshContent: React.createElement("h3", { style: { textAlign: 'center' } }, "\u2191 Release to refresh"), refreshFunction: fetchMoreData }, items.map((_, index) => (React.createElement("div", { style: style, key: index },
-            "div - #",
-            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

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import InfiniteScroll from '../index';
 const style = {
     height: 30,
@@ -15,21 +16,15 @@ export default function ScrollableTargetFixedInfScroll() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 1500);
     };
-    return (React.createElement("div", null,
-        React.createElement("h1", null, "demo: Infinite Scroll with scrollable target FIXED"),
-        React.createElement("hr", null),
-        React.createElement("div", { id: "scrollableDiv", style: {
-                position: 'fixed',
-                bottom: 0,
-                left: 0,
-                right: 0,
-                top: 170,
-                zIndex: 1000,
-                maxWidth: '100% !important',
-                height: '50vh',
-                overflowY: 'scroll'
-            } },
-            React.createElement(InfiniteScroll, { dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: React.createElement("h4", null, "Loading..."), scrollableTarget: "scrollableDiv" }, items.map((_, index) => (React.createElement("div", { style: style, key: index },
-                "div - #",
-                index)))))));
+    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,
+                    right: 0,
+                    top: 170,
+                    zIndex: 1000,
+                    maxWidth: '100% !important',
+                    height: '50vh',
+                    overflowY: 'scroll'
+                } }, { 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

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import InfiniteScroll from '../index';
 const style = {
     height: 30,
@@ -15,11 +16,5 @@ export default function ScrollableTargetInfScroll() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 1500);
     };
-    return (React.createElement("div", null,
-        React.createElement("h1", null, "demo: Infinite Scroll with scrollable target"),
-        React.createElement("hr", null),
-        React.createElement("div", { id: "scrollableDiv", style: { height: 300, overflow: 'auto' } },
-            React.createElement(InfiniteScroll, { dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: React.createElement("h4", null, "Loading..."), scrollableTarget: "scrollableDiv" }, items.map((_, index) => (React.createElement("div", { style: style, key: index },
-                "div - #",
-                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

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import InfiniteScroll from '../index';
 const style = {
     height: 30,
@@ -15,14 +16,8 @@ export default function ScrolleableTop() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 500);
     };
-    return (React.createElement("div", null,
-        React.createElement("h1", null, "demo: Infinite Scroll on top"),
-        React.createElement("hr", null),
-        React.createElement("div", { id: "scrollableDiv", style: {
-                height: 300,
-                overflow: 'auto'
-            } },
-            React.createElement(InfiniteScroll, { dataLength: items.length, previous: fetchMoreData, hasMorePrevious: true, loaderPrevious: React.createElement("h4", null, "Loading prev..."), scrollableTarget: "scrollableDiv", scrollThreshold: '0px' }, items.map((_, index) => (React.createElement("div", { style: style, key: index },
-                "div - #",
-                index)))))));
+    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, 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

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
 import InfiniteScroll from '../index';
 export default function WindowInfiniteScrollComponent() {
     const [data, setData] = useState(Array.from({ length: 30 }, (_, i) => i));
@@ -21,9 +22,5 @@ export default function WindowInfiniteScrollComponent() {
             setData(newData);
         }, 500);
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InfiniteScroll, { hasMoreNext: true, next: next, hasMorePrevious: true, previous: previous, loaderNext: React.createElement("h1", null, "Loading next..."), loaderPrevious: React.createElement("h1", null, "Loading prev..."), dataLength: data.length, scrollThreshold: 1 }, data.map((e) => (React.createElement("div", { key: e, style: { height: 200, margin: 4, border: '1px solid hotpink' } },
-            "#",
-            e,
-            " row"))))));
+    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

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
@@ -74,8 +75,5 @@ export default function LanguageSwitcher(inProps) {
             }
         }
     };
-    return (React.createElement(Root, Object.assign({ className: classNames(className, classes.root) }, rest),
-        React.createElement(Typography, Object.assign({ variant: "body1", className: classes.label }, LabelComponentProps),
-            React.createElement(FormattedMessage, { id: "ui.languageSwitcher.selectLanguage", defaultMessage: "ui.languageSwitcher.selectLanguage" })),
-        React.createElement(Select, Object.assign({ disabled: updating, labelId: "language", id: "language", value: intl.locale, onChange: handleChange, size: "small" }, SelectComponentProps), languages.map((l) => (React.createElement(MenuItem, { value: l, key: l }, minimized ? l.toUpperCase() : React.createElement(FormattedMessage, { id: `ui.languageSwitcher.language.${l}`, defaultMessage: `ui.languageSwitcher.language.${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/Lightbox/Lightbox.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { PhotoSlider } from 'react-photo-view';
 import { CircularProgress } from '@mui/material';
@@ -20,8 +21,8 @@ const ReactImageLightbox = (props) => {
     /**
      * Renders root object
      */
-    return (React.createElement(Root, Object.assign({}, rest, { className: classes.root, images: currentImages, visible: visible && index !== -1, index: currentImageIndex, onIndexChange: setCurrentImageIndex, onClose: onClose, afterClose: afterClose, loadingElement: React.createElement(CircularProgress, { color: 'primary' }), toolbarRender: toolbarRender ? toolbarRender : () => {
-            return React.createElement(React.Fragment, null, toolbarButtons);
+    return (_jsx(Root, Object.assign({}, rest, { className: classes.root, images: currentImages, visible: visible && index !== -1, index: currentImageIndex, onIndexChange: setCurrentImageIndex, onClose: onClose, afterClose: afterClose, loadingElement: _jsx(CircularProgress, { color: 'primary' }), toolbarRender: toolbarRender ? toolbarRender : () => {
+            return _jsx(_Fragment, { children: toolbarButtons });
         } })));
 };
 export default ReactImageLightbox;