@selfcommunity/react-ui 0.7.50-events.40 → 0.7.50-events.43

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const react_intl_1 = require("react-intl");
 const Popper_1 = tslib_1.__importDefault(require("@mui/material/Popper"));
@@ -204,7 +205,7 @@ function ContributionActionsMenu(props) {
             utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
             setCurrentAction(null);
             setCurrentActionLoading(null);
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
                 variant: 'error',
                 autoHideDuration: 3000
             });
@@ -346,7 +347,7 @@ function ContributionActionsMenu(props) {
      */
     function handleFlagContribution(type) {
         if (react_core_1.UserUtils.isBlocked(scUserContext.user)) {
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
@@ -361,7 +362,7 @@ function ContributionActionsMenu(props) {
             })
                 .catch((error) => {
                 utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
-                enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
+                enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
                     variant: 'error',
                     autoHideDuration: 3000
                 });
@@ -408,7 +409,7 @@ function ContributionActionsMenu(props) {
         if (react_core_1.UserUtils.isBlocked(scUserContext.user) &&
             [ContributionsActionsMenu_1.EDIT_CONTRIBUTION, ContributionsActionsMenu_1.MODERATE_CONTRIBUTION_HIDDEN, ContributionsActionsMenu_1.MODERATE_CONTRIBUTION_DELETED].includes(action)) {
             // if user is blocked, deny edit and moderate
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
@@ -417,7 +418,7 @@ function ContributionActionsMenu(props) {
         if (action === ContributionsActionsMenu_1.GET_CONTRIBUTION_PERMALINK) {
             (0, utils_1.copyTextToClipboard)(`${location.protocol}//${location.host}${scRoutingContext.url((0, contribution_1.getContributionRouteName)(contributionObj), (0, contribution_1.getRouteData)(contributionObj))}`).then(() => {
                 setOpen(false);
-                enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.permanentLinkCopied", defaultMessage: "ui.common.permanentLinkCopied" }), {
+                enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.permanentLinkCopied", defaultMessage: "ui.common.permanentLinkCopied" }), {
                     variant: 'success',
                     autoHideDuration: 3000
                 });
@@ -474,14 +475,14 @@ function ContributionActionsMenu(props) {
             setCurrentActionLoading(null);
             setCurrentAction(null);
             setOpenConfirmDialog(false);
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.actionSuccess", defaultMessage: "ui.contributionActionMenu.actionSuccess" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.actionSuccess", defaultMessage: "ui.contributionActionMenu.actionSuccess" }), {
                 variant: 'success',
                 autoHideDuration: 3000
             });
         }
         else {
             setCurrentActionLoading(null);
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.actionError", defaultMessage: "ui.contributionActionMenu.actionError" }), {
                 variant: 'error',
                 autoHideDuration: 3000
             });
@@ -607,9 +608,7 @@ function ContributionActionsMenu(props) {
                 : handleDeleteContribution;
         let value = section === ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION ? flagType : section === ContributionsActionsMenu_1.HIDE_CONTRIBUTION_SECTION ? hideType : deleteType;
         return Flagging_1.REPORTS.map((report, index) => {
-            return (react_1.default.createElement(material_1.MenuItem, { key: `${section}_${index}`, className: classes.subItem, disabled: isFlagging },
-                react_1.default.createElement(material_1.ListItemIcon, { classes: { root: classes.selectedIcon } }, value === report && react_1.default.createElement(Icon_1.default, { color: "secondary" }, "check")),
-                react_1.default.createElement(material_1.ListItemText, { primary: getReportName(report), onClick: () => handlerFunc(report), classes: { root: classes.subItemText } })));
+            return ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, Object.assign({ classes: { root: classes.selectedIcon } }, { children: value === report && (0, jsx_runtime_1.jsx)(Icon_1.default, Object.assign({ color: "secondary" }, { children: "check" })) })), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: getReportName(report), onClick: () => handlerFunc(report), classes: { root: classes.subItemText } })] }), `${section}_${index}`));
         });
     }
     /**
@@ -617,59 +616,21 @@ function ContributionActionsMenu(props) {
      */
     function renderFlagContributionSection() {
         const open = openSection === ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION;
-        return (react_1.default.createElement(material_1.Box, null, !contributionObj.deleted && !contributionObj.collapsed && (react_1.default.createElement(material_1.Box, null,
-            react_1.default.createElement(material_1.MenuItem, { className: classes.subItem, disabled: isFlagging, onClick: () => handleOpenSection(ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION) },
-                react_1.default.createElement(material_1.ListItemIcon, null, flagType !== undefined && flagType !== null ? (react_1.default.createElement(material_1.Badge, { classes: { badge: classes.sectionBadge }, badgeContent: react_1.default.createElement(Icon_1.default, { className: classes.sectionWithSelectionIcon }, "check"), color: "primary" },
-                    react_1.default.createElement(Icon_1.default, null, "outlined_flag"))) : (react_1.default.createElement(Icon_1.default, null, "outlined_flag"))),
-                react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.flagContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.flagContributionWithMotivation" }) }),
-                open ? react_1.default.createElement(Icon_1.default, null, "expand_less") : react_1.default.createElement(Icon_1.default, null, "expand_more")),
-            react_1.default.createElement(material_1.Collapse, { in: open, timeout: "auto", unmountOnExit: true },
-                renderReports(ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION),
-                react_1.default.createElement(material_1.Typography, { variant: 'caption', component: "div", className: classes.footerSubItems }, intl.formatMessage(messages.footer)))))));
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: !contributionObj.deleted && !contributionObj.collapsed && ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging, onClick: () => handleOpenSection(ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION) }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: flagType !== undefined && flagType !== null ? ((0, jsx_runtime_1.jsx)(material_1.Badge, Object.assign({ classes: { badge: classes.sectionBadge }, badgeContent: (0, jsx_runtime_1.jsx)(Icon_1.default, Object.assign({ className: classes.sectionWithSelectionIcon }, { children: "check" })), color: "primary" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "outlined_flag" }) }))) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "outlined_flag" })) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.flagContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.flagContributionWithMotivation" }) }), open ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "expand_less" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "expand_more" })] })), (0, jsx_runtime_1.jsxs)(material_1.Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: [renderReports(ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: 'caption', component: "div", className: classes.footerSubItems }, { children: intl.formatMessage(messages.footer) }))] }))] })) }));
     }
     /**
      * Renders section hide actions
      */
     function renderHideContributionSection() {
         const open = openSection === ContributionsActionsMenu_1.HIDE_CONTRIBUTION_SECTION;
-        return (react_1.default.createElement(material_1.Box, { key: ContributionsActionsMenu_1.HIDE_CONTRIBUTION_SECTION }, !contributionObj.deleted && (react_1.default.createElement(material_1.Box, null, hideType !== undefined && hideType !== null ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(ContributionsActionsMenu_1.MODERATE_CONTRIBUTION_HIDDEN) },
-                react_1.default.createElement(material_1.ListItemIcon, null,
-                    react_1.default.createElement(Icon_1.default, null, "restore")),
-                react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.restoreFromHidden", defaultMessage: "ui.contributionActionMenu.restoreFromHidden" }),
-                        ' ',
-                        "(",
-                        getReportName(hideType),
-                        ")") })))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(ContributionsActionsMenu_1.HIDE_CONTRIBUTION_SECTION) },
-                react_1.default.createElement(material_1.ListItemIcon, null,
-                    react_1.default.createElement(Icon_1.default, null, "hide_image")),
-                react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.hideContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.hideContributionWithMotivation" }) }),
-                open ? react_1.default.createElement(Icon_1.default, null, "expand_less") : react_1.default.createElement(Icon_1.default, null, "expand_more")),
-            react_1.default.createElement(material_1.Collapse, { in: open, timeout: "auto", unmountOnExit: true }, renderReports(ContributionsActionsMenu_1.HIDE_CONTRIBUTION_SECTION))))))));
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: !contributionObj.deleted && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: hideType !== undefined && hideType !== null ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(ContributionsActionsMenu_1.MODERATE_CONTRIBUTION_HIDDEN) }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "restore" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.restoreFromHidden", defaultMessage: "ui.contributionActionMenu.restoreFromHidden" }), ' ', "(", getReportName(hideType), ")"] }) })] })) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(ContributionsActionsMenu_1.HIDE_CONTRIBUTION_SECTION) }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "hide_image" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.hideContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.hideContributionWithMotivation" }) }), open ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "expand_less" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "expand_more" })] })), (0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: renderReports(ContributionsActionsMenu_1.HIDE_CONTRIBUTION_SECTION) }))] })) })) }, ContributionsActionsMenu_1.HIDE_CONTRIBUTION_SECTION));
     }
     /**
      * Renders section hidden actions
      */
     function renderDeleteContributionSection() {
         const open = openSection === ContributionsActionsMenu_1.DELETE_CONTRIBUTION_SECTION;
-        return (react_1.default.createElement(material_1.Box, { key: ContributionsActionsMenu_1.DELETE_CONTRIBUTION_SECTION }, !contributionObj.collapsed && !(contributionObj.deleted && !deleteType) && (react_1.default.createElement(material_1.Box, null, deleteType !== undefined && deleteType !== null ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(ContributionsActionsMenu_1.MODERATE_CONTRIBUTION_DELETED) },
-                react_1.default.createElement(material_1.ListItemIcon, null,
-                    react_1.default.createElement(Icon_1.default, null, "restore_from_trash")),
-                react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.restoreFromDeleted", defaultMessage: "ui.contributionActionMenu.restoreFromDeleted" }),
-                        ' ',
-                        "(",
-                        getReportName(deleteType),
-                        ")") })))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.MenuItem, { className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(ContributionsActionsMenu_1.DELETE_CONTRIBUTION_SECTION) },
-                react_1.default.createElement(material_1.ListItemIcon, null,
-                    react_1.default.createElement(Icon_1.default, null, "delete")),
-                react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.deleteContributionWithMotivation" }) }),
-                open ? react_1.default.createElement(Icon_1.default, null, "expand_less") : react_1.default.createElement(Icon_1.default, null, "expand_more")),
-            react_1.default.createElement(material_1.Collapse, { in: open, timeout: "auto", unmountOnExit: true }, renderReports(ContributionsActionsMenu_1.DELETE_CONTRIBUTION_SECTION))))))));
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: !contributionObj.collapsed && !(contributionObj.deleted && !deleteType) && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: deleteType !== undefined && deleteType !== null ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleAction(ContributionsActionsMenu_1.MODERATE_CONTRIBUTION_DELETED) }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "restore_from_trash" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.restoreFromDeleted", defaultMessage: "ui.contributionActionMenu.restoreFromDeleted" }), ' ', "(", getReportName(deleteType), ")"] }) })] })) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: Boolean(currentAction), onClick: () => handleOpenSection(ContributionsActionsMenu_1.DELETE_CONTRIBUTION_SECTION) }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "delete" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.deleteContributionWithMotivation" }) }), open ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "expand_less" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "expand_more" })] })), (0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: renderReports(ContributionsActionsMenu_1.DELETE_CONTRIBUTION_SECTION) }))] })) })) }, ContributionsActionsMenu_1.DELETE_CONTRIBUTION_SECTION));
     }
     /**
      * Can authenticated user modify the contribution
@@ -696,47 +657,23 @@ function ContributionActionsMenu(props) {
      * Renders section general
      */
     function renderGeneralSection() {
-        return (react_1.default.createElement(material_1.Box, { key: ContributionsActionsMenu_1.GENERAL_SECTION },
-            react_1.default.createElement(material_1.MenuItem, { className: classes.subItem, disabled: isFlagging },
-                react_1.default.createElement(material_1.ListItemIcon, null,
-                    react_1.default.createElement(Icon_1.default, null, "link")),
-                react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.permanentLink", defaultMessage: "ui.contributionActionMenu.permanentLink" }), onClick: () => handleAction(ContributionsActionsMenu_1.GET_CONTRIBUTION_PERMALINK), classes: { root: classes.itemText } })),
-            canModifyContribution() && (react_1.default.createElement(material_1.MenuItem, { className: classes.subItem, disabled: isFlagging },
-                react_1.default.createElement(material_1.ListItemIcon, null,
-                    react_1.default.createElement(Icon_1.default, null, "edit")),
-                react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.editContribution", defaultMessage: "ui.contributionActionMenu.editContribution" }), onClick: () => handleAction(ContributionsActionsMenu_1.EDIT_CONTRIBUTION), classes: { root: classes.itemText } }))),
-            canDeleteContribution() && (react_1.default.createElement(material_1.MenuItem, { className: classes.subItem, disabled: isFlagging },
-                react_1.default.createElement(material_1.ListItemIcon, null, currentActionLoading === ContributionsActionsMenu_1.DELETE_CONTRIBUTION || currentActionLoading === ContributionsActionsMenu_1.RESTORE_CONTRIBUTION ? (react_1.default.createElement(material_1.CircularProgress, { size: 20 })) : (react_1.default.createElement(Icon_1.default, null, "delete"))),
-                contributionObj.deleted ? (react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.restoreContribution", defaultMessage: "ui.contributionActionMenu.restoreContribution" }), onClick: () => handleAction(ContributionsActionsMenu_1.RESTORE_CONTRIBUTION), classes: { root: classes.itemText } })) : (react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.deleteContribution", defaultMessage: "ui.contributionActionMenu.deleteContribution" }), onClick: () => handleAction(ContributionsActionsMenu_1.DELETE_CONTRIBUTION), classes: { root: classes.itemText } })))),
-            canSuspendNotificationContribution() && (react_1.default.createElement(material_1.MenuItem, { className: classes.subItem, disabled: isFlagging },
-                react_1.default.createElement(material_1.ListItemIcon, null, currentActionLoading === ContributionsActionsMenu_1.SUSPEND_NOTIFICATION_CONTRIBUTION ? (react_1.default.createElement(material_1.CircularProgress, { size: 20 })) : contributionObj['suspended'] ? (react_1.default.createElement(Icon_1.default, null, "notifications_active")) : (react_1.default.createElement(Icon_1.default, null, "notifications_off"))),
-                react_1.default.createElement(material_1.ListItemText, { primary: contributionObj['suspended'] ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.enableNotificationContribution", defaultMessage: "ui.contributionActionMenu.enableNotificationContribution" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.suspendNotificationContribution", defaultMessage: "ui.contributionActionMenu.suspendNotificationContribution" })), onClick: () => handleAction(ContributionsActionsMenu_1.SUSPEND_NOTIFICATION_CONTRIBUTION), classes: { root: classes.itemText } })))));
+        return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "link" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.permanentLink", defaultMessage: "ui.contributionActionMenu.permanentLink" }), onClick: () => handleAction(ContributionsActionsMenu_1.GET_CONTRIBUTION_PERMALINK), classes: { root: classes.itemText } })] })), canModifyContribution() && ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "edit" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.editContribution", defaultMessage: "ui.contributionActionMenu.editContribution" }), onClick: () => handleAction(ContributionsActionsMenu_1.EDIT_CONTRIBUTION), classes: { root: classes.itemText } })] }))), canDeleteContribution() && ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: currentActionLoading === ContributionsActionsMenu_1.DELETE_CONTRIBUTION || currentActionLoading === ContributionsActionsMenu_1.RESTORE_CONTRIBUTION ? ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20 })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "delete" })) }), contributionObj.deleted ? ((0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.restoreContribution", defaultMessage: "ui.contributionActionMenu.restoreContribution" }), onClick: () => handleAction(ContributionsActionsMenu_1.RESTORE_CONTRIBUTION), classes: { root: classes.itemText } })) : ((0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.deleteContribution", defaultMessage: "ui.contributionActionMenu.deleteContribution" }), onClick: () => handleAction(ContributionsActionsMenu_1.DELETE_CONTRIBUTION), classes: { root: classes.itemText } }))] }))), canSuspendNotificationContribution() && ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: currentActionLoading === ContributionsActionsMenu_1.SUSPEND_NOTIFICATION_CONTRIBUTION ? ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20 })) : contributionObj['suspended'] ? ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "notifications_active" })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "notifications_off" })) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: contributionObj['suspended'] ? ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.enableNotificationContribution", defaultMessage: "ui.contributionActionMenu.enableNotificationContribution" })) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.suspendNotificationContribution", defaultMessage: "ui.contributionActionMenu.suspendNotificationContribution" })), onClick: () => handleAction(ContributionsActionsMenu_1.SUSPEND_NOTIFICATION_CONTRIBUTION), classes: { root: classes.itemText } })] })))] }, ContributionsActionsMenu_1.GENERAL_SECTION));
     }
     /**
      * Renders contribution menu content
      */
     function renderContent() {
-        return (react_1.default.createElement(material_1.Box, null, isLoading || (!feedObj && !commentObj) ? (react_1.default.createElement(CentralProgress_1.default, { size: 30 })) : (react_1.default.createElement(material_1.MenuList, null,
-            renderGeneralSection(),
-            Boolean(extraSections.length) && react_1.default.createElement(material_1.Divider, null),
-            extraSections.map((s, i) => (react_1.default.createElement(material_1.Box, { key: `es_${i}` }, extraSectionsRenders[s]())))))));
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: isLoading || (!feedObj && !commentObj) ? ((0, jsx_runtime_1.jsx)(CentralProgress_1.default, { size: 30 })) : ((0, jsx_runtime_1.jsxs)(material_1.MenuList, { children: [renderGeneralSection(), Boolean(extraSections.length) && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), extraSections.map((s, i) => ((0, jsx_runtime_1.jsx)(material_1.Box, { children: extraSectionsRenders[s]() }, `es_${i}`)))] })) }));
     }
     /**
      * Renders component
      */
-    return (react_1.default.createElement(Root, { className: (0, classnames_1.default)(classes.root, className) },
-        react_1.default.createElement(material_1.IconButton, { ref: (ref) => {
-                popperRef.current = ref;
-            }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? (react_1.default.createElement("span", { className: classes.visibilityIcons },
-            contributionObj.collapsed ? react_1.default.createElement(Icon_1.default, null, "visibility_off") : react_1.default.createElement(Icon_1.default, null, "delete"),
-            react_1.default.createElement(Icon_1.default, null, "expand_more"))) : (react_1.default.createElement(Icon_1.default, null, "more_vert"))),
-        isMobile ? (react_1.default.createElement(material_1.SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, renderContent())) : (react_1.default.createElement(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }), ({ TransitionProps, placement }) => (react_1.default.createElement(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }),
-            react_1.default.createElement(material_1.Paper, { variant: 'outlined', className: classes.paper },
-                react_1.default.createElement(material_1.ClickAwayListener, { onClickAway: handleClose }, renderContent())))))),
-        openConfirmDialog && (react_1.default.createElement(ConfirmDialog_1.default, Object.assign({ open: openConfirmDialog }, (currentAction === ContributionsActionsMenu_1.DELETE_CONTRIBUTION
-            ? {
-                content: (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionInfo", defaultMessage: "ui.contributionActionMenu.deleteContributionInfo" }))
-            }
-            : {}), { onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) })))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ ref: (ref) => {
+                    popperRef.current = ref;
+                }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, { children: contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: classes.visibilityIcons }, { children: [contributionObj.collapsed ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "visibility_off" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "delete" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "expand_more" })] }))) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "more_vert" })) })), isMobile ? ((0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, { children: renderContent() }))) : ((0, jsx_runtime_1.jsx)(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }, { children: ({ TransitionProps, placement }) => ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: renderContent() })) })) }))) }))), openConfirmDialog && ((0, jsx_runtime_1.jsx)(ConfirmDialog_1.default, Object.assign({ open: openConfirmDialog }, (currentAction === ContributionsActionsMenu_1.DELETE_CONTRIBUTION
+                ? {
+                    content: ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionInfo", defaultMessage: "ui.contributionActionMenu.deleteContributionInfo" }))
+                }
+                : {}), { onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) })))] })));
 }
 exports.default = ContributionActionsMenu;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const notistack_1 = require("notistack");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
@@ -32,11 +33,6 @@ const CustomSnackMessage = (0, react_1.forwardRef)((props, ref) => {
     const handleDismiss = (0, react_1.useCallback)(() => {
         closeSnackbar(props.id);
     }, [props.id, closeSnackbar]);
-    return (react_1.default.createElement(Root, { ref: ref, className: classes.root, key: props.id },
-        react_1.default.createElement(Widget_1.default, { className: classes.card },
-            react_1.default.createElement(material_1.CardContent, { className: classes.content },
-                react_1.default.createElement(material_1.IconButton, { className: classes.close, onClick: handleDismiss },
-                    react_1.default.createElement(Icon_1.default, null, "close")),
-                props.message))));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ ref: ref, className: classes.root }, { children: (0, jsx_runtime_1.jsx)(Widget_1.default, Object.assign({ className: classes.card }, { children: (0, jsx_runtime_1.jsxs)(material_1.CardContent, Object.assign({ className: classes.content }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.close, onClick: handleDismiss }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "close" }) })), props.message] })) })) }), props.id));
 });
 exports.default = CustomSnackMessage;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
@@ -39,11 +39,7 @@ function DateTimeAgo(props) {
      */
     if (date) {
         const formattedDate = (0, formatRelativeTime_1.getRelativeTime)(date);
-        return (react_1.default.createElement(Root, Object.assign({ component: "span", className: (0, classnames_1.default)(classes.root, className) }, rest),
-            showStartIcon && react_1.default.createElement(Icon_1.default, null, "access_time"),
-            react_1.default.createElement(material_1.Tooltip, { title: `${intl.formatDate(date, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' })}`, enterTouchDelay: 0 },
-                react_1.default.createElement(material_1.Typography, { variant: 'body2', component: 'span' },
-                    react_1.default.createElement(react_intl_1.FormattedRelativeTime, { value: -formattedDate.value, unit: formattedDate.unit, numeric: "auto" })))));
+        return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ component: "span", className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [showStartIcon && (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "access_time" }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: `${intl.formatDate(date, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' })}`, enterTouchDelay: 0 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: 'body2', component: 'span' }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedRelativeTime, { value: -formattedDate.value, unit: formattedDate.unit, numeric: "auto" }) })) }))] })));
     }
     return null;
 }

package/lib/cjs/shared/EmailTextField/index.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
@@ -36,6 +37,6 @@ function PasswordTextField(props) {
         onChange && onChange(event);
     };
     // RENDER
-    return react_1.default.createElement(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
 }
 exports.default = PasswordTextField;

package/lib/cjs/shared/EmojiPicker/EmojiPicker.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const emoji_picker_react_1 = require("emoji-picker-react");
@@ -29,6 +29,6 @@ function EmojiPicker(inProps) {
         name: PREFIX
     });
     const { className = '', emojiStyle = emoji_picker_react_1.EmojiStyle.NATIVE } = props, rest = tslib_1.__rest(props, ["className", "emojiStyle"]);
-    return react_1.default.createElement(Root, { className: (0, classnames_1.default)(classes.root, className) }, Picker && react_1.default.createElement(Picker, Object.assign({ emojiStyle: emojiStyle }, rest)));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: Picker && (0, jsx_runtime_1.jsx)(Picker, Object.assign({ emojiStyle: emojiStyle }, rest)) }));
 }
 exports.default = EmojiPicker;

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

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_core_1 = require("@selfcommunity/react-core");
+const types_1 = require("@selfcommunity/types");
 const date_fns_1 = require("date-fns");
 const locale_1 = require("date-fns/locale");
-const react_1 = require("react");
 const react_intl_1 = require("react-intl");
 const LOCALE_MAP = {
     en: locale_1.enUS,
@@ -32,9 +33,8 @@ function EventInfoDetails(inProps) {
     const { event, hasCreatedInfo } = props;
     // HOOKS
     const intl = (0, react_intl_1.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' ? react_core_1.Link : react_1.Fragment;
+    const privacy = event.privacy === types_1.SCEventPrivacyType.PUBLIC ? 'ui.eventInfoDetails.privacy.public' : 'ui.eventInfoDetails.privacy.private';
+    const location = event.location === types_1.SCEventLocationType.ONLINE ? 'ui.eventInfoDetails.location.virtual' : 'ui.eventInfoDetails.location.inPerson';
     const formatDateEventDate = (date) => {
         return (0, date_fns_1.format)(new Date(date), "EEEE d MMMM' - Ore 'H:mm", {
             locale: LOCALE_MAP[intl.locale]
@@ -45,23 +45,6 @@ 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(material_1.Stack, { className: classes.iconTextWrapper },
-            React.createElement(material_1.Icon, { fontSize: "small" }, "CalendarIcon"),
-            React.createElement(material_1.Typography, { variant: "body1" }, formatDateEventDate(event.start_date))),
-        React.createElement(material_1.Stack, { className: classes.iconTextWrapper },
-            React.createElement(material_1.Icon, { fontSize: "small" }, event.privacy === 'public' ? 'public' : 'private'),
-            React.createElement(material_1.Typography, { variant: "body1" },
-                React.createElement(react_intl_1.FormattedMessage, { id: privacy, defaultMessage: privacy })),
-            "-",
-            React.createElement(material_1.Typography, { variant: "body1" },
-                React.createElement(react_intl_1.FormattedMessage, { id: location, defaultMessage: location }))),
-        React.createElement(material_1.Stack, { className: classes.iconTextWrapper },
-            React.createElement(material_1.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(material_1.Typography, { variant: "body1", className: classes.url }, event.location === 'virtual' ? event.link : event.geolocation))),
-        hasCreatedInfo && (React.createElement(material_1.Stack, { className: classes.creationWrapper },
-            React.createElement(material_1.Icon, { fontSize: "small" }, "create"),
-            React.createElement(material_1.Typography, { variant: "body1" }, formatDateCreateDate(event.created_at))))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: classes.root }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [(0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ fontSize: "small" }, { children: "CalendarIcon" })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1" }, { children: formatDateEventDate(event.start_date) }))] })), (0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [(0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ fontSize: "small" }, { children: event.privacy === types_1.SCEventPrivacyType.PUBLIC ? 'public' : 'private' })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: privacy, defaultMessage: privacy }) })), "-", (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: location, defaultMessage: location }) }))] })), (0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [(0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ fontSize: "small" }, { children: event.location === types_1.SCEventLocationType.ONLINE ? 'play_circle_outline' : 'add_location_alt' })), event.location === types_1.SCEventLocationType.ONLINE ? ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: event.link, target: "_blank", className: classes.link }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", className: classes.url }, { children: event.link })) }))) : ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", className: classes.url }, { children: event.geolocation })))] })), hasCreatedInfo && ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: classes.creationWrapper }, { children: [(0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ fontSize: "small" }, { children: "create" })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1" }, { children: formatDateCreateDate(event.created_at) }))] })))] })));
 }
 exports.default = EventInfoDetails;

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

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("@mui/material/styles");
 const PREFIX = 'SCHiddenPlaceholder';
 const Root = (0, styles_1.styled)('div', {
@@ -14,6 +13,6 @@ const Root = (0, styles_1.styled)('div', {
     display: 'none'
 }));
 function HiddenPlaceholder(props) {
-    return react_1.default.createElement(Root, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({}, props));
 }
 exports.default = HiddenPlaceholder;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const throttle_debounce_1 = require("throttle-debounce");
 const threshold_1 = require("../../utils/threshold");
 class InfiniteScroll extends react_1.Component {
@@ -225,23 +225,12 @@ class InfiniteScroll extends react_1.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_1.default.createElement("div", { style: outerDivStyle, className: "infinite-scroll-component__outerdiv" },
-            react_1.default.createElement("div", { className: `infinite-scroll-component ${this.props.className || ''}`, ref: (infScroll) => (this._infScroll = infScroll), style: style },
-                this.props.header,
-                this.props.pullDownToRefresh && (react_1.default.createElement("div", { style: { position: 'relative' }, ref: (pullDown) => (this._pullDown = pullDown) },
-                    react_1.default.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 ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: outerDivStyle, className: "infinite-scroll-component__outerdiv" }, { children: (0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: { position: 'relative' }, ref: (pullDown) => (this._pullDown = pullDown) }, { children: (0, jsx_runtime_1.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] })) })));
     }
 }
 exports.default = InfiniteScroll;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const index_1 = tslib_1.__importDefault(require("../index"));
 const style = {
     height: 30,
@@ -23,12 +24,6 @@ function InfiniteScrollWithHeight() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 500);
     };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("h1", null, "demo: Infinite Scroll with fixed height"),
-        react_1.default.createElement("hr", null),
-        react_1.default.createElement(index_1.default, { dataLength: items.length, next: fetchMoreData, hasMoreNext: hasMore, loaderNext: react_1.default.createElement("h4", null, "Loading..."), height: 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
-                react_1.default.createElement("b", null, "Yay! You have seen it all")) }, items.map((_, index) => (react_1.default.createElement("div", { style: style, key: index },
-            "div - #",
-            index))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "demo: Infinite Scroll with fixed height" }), (0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.jsx)(index_1.default, Object.assign({ dataLength: items.length, next: fetchMoreData, hasMoreNext: hasMore, loaderNext: (0, jsx_runtime_1.jsx)("h4", { children: "Loading..." }), height: 400, endMessage: (0, jsx_runtime_1.jsx)("p", Object.assign({ style: { textAlign: 'center' } }, { children: (0, jsx_runtime_1.jsx)("b", { children: "Yay! You have seen it all" }) })) }, { children: items.map((_, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) }))] }));
 }
 exports.default = InfiniteScrollWithHeight;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const index_1 = tslib_1.__importDefault(require("../index"));
 const style = {
     height: 30,
@@ -18,11 +19,6 @@ function PullDownToRefreshInfScroll() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 1500);
     };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("h1", null, "demo: Pull down to refresh"),
-        react_1.default.createElement("hr", null),
-        react_1.default.createElement(index_1.default, { dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: react_1.default.createElement("h4", null, "Loading..."), pullDownToRefresh: true, pullDownToRefreshContent: react_1.default.createElement("h3", { style: { textAlign: 'center' } }, "\u2193 Pull down to refresh"), releaseToRefreshContent: react_1.default.createElement("h3", { style: { textAlign: 'center' } }, "\u2191 Release to refresh"), refreshFunction: fetchMoreData }, items.map((_, index) => (react_1.default.createElement("div", { style: style, key: index },
-            "div - #",
-            index))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "demo: Pull down to refresh" }), (0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.jsx)(index_1.default, Object.assign({ dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: (0, jsx_runtime_1.jsx)("h4", { children: "Loading..." }), pullDownToRefresh: true, pullDownToRefreshContent: (0, jsx_runtime_1.jsx)("h3", Object.assign({ style: { textAlign: 'center' } }, { children: "\u2193 Pull down to refresh" })), releaseToRefreshContent: (0, jsx_runtime_1.jsx)("h3", Object.assign({ style: { textAlign: 'center' } }, { children: "\u2191 Release to refresh" })), refreshFunction: fetchMoreData }, { children: items.map((_, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) }))] }));
 }
 exports.default = PullDownToRefreshInfScroll;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const index_1 = tslib_1.__importDefault(require("../index"));
 const style = {
     height: 30,
@@ -18,22 +19,16 @@ function ScrollableTargetFixedInfScroll() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 1500);
     };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("h1", null, "demo: Infinite Scroll with scrollable target FIXED"),
-        react_1.default.createElement("hr", null),
-        react_1.default.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_1.default.createElement(index_1.default, { dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: react_1.default.createElement("h4", null, "Loading..."), scrollableTarget: "scrollableDiv" }, items.map((_, index) => (react_1.default.createElement("div", { style: style, key: index },
-                "div - #",
-                index)))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "demo: Infinite Scroll with scrollable target FIXED" }), (0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(index_1.default, Object.assign({ dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: (0, jsx_runtime_1.jsx)("h4", { children: "Loading..." }), scrollableTarget: "scrollableDiv" }, { children: items.map((_, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) })) }))] }));
 }
 exports.default = ScrollableTargetFixedInfScroll;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const index_1 = tslib_1.__importDefault(require("../index"));
 const style = {
     height: 30,
@@ -18,12 +19,6 @@ function ScrollableTargetInfScroll() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 1500);
     };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("h1", null, "demo: Infinite Scroll with scrollable target"),
-        react_1.default.createElement("hr", null),
-        react_1.default.createElement("div", { id: "scrollableDiv", style: { height: 300, overflow: 'auto' } },
-            react_1.default.createElement(index_1.default, { dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: react_1.default.createElement("h4", null, "Loading..."), scrollableTarget: "scrollableDiv" }, items.map((_, index) => (react_1.default.createElement("div", { style: style, key: index },
-                "div - #",
-                index)))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "demo: Infinite Scroll with scrollable target" }), (0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.jsx)("div", Object.assign({ id: "scrollableDiv", style: { height: 300, overflow: 'auto' } }, { children: (0, jsx_runtime_1.jsx)(index_1.default, Object.assign({ dataLength: items.length, hasMoreNext: true, next: fetchMoreData, loaderNext: (0, jsx_runtime_1.jsx)("h4", { children: "Loading..." }), scrollableTarget: "scrollableDiv" }, { children: items.map((_, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) })) }))] }));
 }
 exports.default = ScrollableTargetInfScroll;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const index_1 = tslib_1.__importDefault(require("../index"));
 const style = {
     height: 30,
@@ -18,15 +19,9 @@ function ScrolleableTop() {
             setItems(items.concat(Array.from({ length: 20 })));
         }, 500);
     };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("h1", null, "demo: Infinite Scroll on top"),
-        react_1.default.createElement("hr", null),
-        react_1.default.createElement("div", { id: "scrollableDiv", style: {
-                height: 300,
-                overflow: 'auto'
-            } },
-            react_1.default.createElement(index_1.default, { dataLength: items.length, previous: fetchMoreData, hasMorePrevious: true, loaderPrevious: react_1.default.createElement("h4", null, "Loading prev..."), scrollableTarget: "scrollableDiv", scrollThreshold: '0px' }, items.map((_, index) => (react_1.default.createElement("div", { style: style, key: index },
-                "div - #",
-                index)))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "demo: Infinite Scroll on top" }), (0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.jsx)("div", Object.assign({ id: "scrollableDiv", style: {
+                    height: 300,
+                    overflow: 'auto'
+                } }, { children: (0, jsx_runtime_1.jsx)(index_1.default, Object.assign({ dataLength: items.length, previous: fetchMoreData, hasMorePrevious: true, loaderPrevious: (0, jsx_runtime_1.jsx)("h4", { children: "Loading prev..." }), scrollableTarget: "scrollableDiv", scrollThreshold: '0px' }, { children: items.map((_, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) })) }))] }));
 }
 exports.default = ScrolleableTop;