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

package/lib/cjs/components/VoteAudienceButton/VoteAudienceButton.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 lab_1 = require("@mui/lab");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -105,35 +106,20 @@ function VoteAudienceButton(inProps) {
     // RENDER
     const audienceIcon = (0, react_1.useMemo)(() => {
         if (reactions.default && !isLoading && !error) {
-            return (react_1.default.createElement(material_1.Box, { className: classes.reactionList }, contributionReactionsCount &&
-                contributionReactionsCount.slice(0, 3).map((count, i) => (react_1.default.createElement(Icon_1.default, { key: count.reaction.id },
-                    react_1.default.createElement("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" }))))));
+            return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.reactionList }, { children: contributionReactionsCount &&
+                    contributionReactionsCount.slice(0, 3).map((count, i) => ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: (0, jsx_runtime_1.jsx)("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" }) }, count.reaction.id))) })));
         }
-        return scUserContext.user && contributionVoted ? react_1.default.createElement(Icon_1.default, null, "thumb_up") : react_1.default.createElement(Icon_1.default, null, "thumb_up_off_alt");
+        return scUserContext.user && contributionVoted ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "thumb_up" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "thumb_up_off_alt" });
     }, [reactions.default, isLoading, error, contributionReactionsCount, scUserContext.user, contributionVoted]);
     const dialogTitle = (0, react_1.useMemo)(() => {
         if (reactions.default && !isLoading) {
-            return (react_1.default.createElement(material_1.Tabs, { className: classes.dialogTabs, value: tab, onChange: handleChangeTab, "aria-label": "reactions" },
-                react_1.default.createElement(material_1.Tab, { label: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.tab.all", id: "ui.voteAudienceButton.dialog.tab.all" }) }),
-                contributionReactionsCount &&
-                    contributionReactionsCount.map((count) => (react_1.default.createElement(material_1.Tab, { key: count.reaction.id, label: react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement(Icon_1.default, null,
-                                react_1.default.createElement("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" })),
-                            count.count) })))));
+            return ((0, jsx_runtime_1.jsxs)(material_1.Tabs, Object.assign({ className: classes.dialogTabs, value: tab, onChange: handleChangeTab, "aria-label": "reactions" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.tab.all", id: "ui.voteAudienceButton.dialog.tab.all" }) }), contributionReactionsCount &&
+                        contributionReactionsCount.map((count) => ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { children: (0, jsx_runtime_1.jsx)("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" }) }), count.count] }) }, count.reaction.id)))] })));
         }
         else {
-            return react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.title", id: "ui.voteAudienceButton.dialog.title" });
+            return (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.title", id: "ui.voteAudienceButton.dialog.title" });
         }
     }, [tab, reactions, contributionReactionsCount]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Root, Object.assign({ onClick: handleOpen, disabled: isLoading || Boolean(error) || contributionVoteCount === 0, loading: isLoading, className: (0, classnames_1.default)(classes.root, className) }, rest),
-            audienceIcon,
-            "\u00A0",
-            scUserContext.user && contributionVoted ? (contributionVoteCount === 1 ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votedOnlyByMe", defaultMessage: "ui.voteAudienceButton.votedOnlyByMe" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votedByMe", defaultMessage: "ui.voteAudienceButton.votedByMe", values: { total: contributionVoteCount - 1 } }))) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votes", defaultMessage: "ui.voteAudienceButton.votes", values: { total: contributionVoteCount } }))),
-        open && (react_1.default.createElement(DialogRoot, { title: dialogTitle, onClose: handleClose, open: open, DialogContentProps: {} }, isLoadingVoteList && !voteList ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: voteList.length, next: () => handleFetchVoteList({}), hasMoreNext: voteListHasNext, loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: react_1.default.createElement(material_1.Typography, { variant: "body2", align: "center", fontWeight: "bold" },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.dialog.end", defaultMessage: "ui.voteAudienceButton.dialog.end" })) },
-            react_1.default.createElement(material_1.List, null, voteList.map((vote) => (react_1.default.createElement(material_1.ListItem, { key: vote.user.id },
-                react_1.default.createElement(User_1.default, { elevation: 0, user: vote.user, badgeContent: react_1.default.createElement(material_1.Avatar, { className: classes.dialogVoteBadge }, vote.reaction ? (react_1.default.createElement(Icon_1.default, null,
-                        react_1.default.createElement("img", { alt: vote.reaction.label, src: vote.reaction.image, width: "100%", height: "100%" }))) : (react_1.default.createElement(Icon_1.default, null, "thumb_up"))), onClick: handleClose })))))))))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Root, Object.assign({ onClick: handleOpen, disabled: isLoading || Boolean(error) || contributionVoteCount === 0, loading: isLoading, className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [audienceIcon, "\u00A0", scUserContext.user && contributionVoted ? (contributionVoteCount === 1 ? ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votedOnlyByMe", defaultMessage: "ui.voteAudienceButton.votedOnlyByMe" })) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votedByMe", defaultMessage: "ui.voteAudienceButton.votedByMe", values: { total: contributionVoteCount - 1 } }))) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votes", defaultMessage: "ui.voteAudienceButton.votes", values: { total: contributionVoteCount } }))] })), open && ((0, jsx_runtime_1.jsx)(DialogRoot, Object.assign({ title: dialogTitle, onClose: handleClose, open: open, DialogContentProps: {} }, { children: isLoadingVoteList && !voteList ? ((0, jsx_runtime_1.jsx)(CentralProgress_1.default, { size: 50 })) : ((0, jsx_runtime_1.jsx)(InfiniteScroll_1.default, Object.assign({ dataLength: voteList.length, next: () => handleFetchVoteList({}), hasMoreNext: voteListHasNext, loaderNext: (0, jsx_runtime_1.jsx)(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", align: "center", fontWeight: "bold" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.dialog.end", defaultMessage: "ui.voteAudienceButton.dialog.end" }) })) }, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: voteList.map((vote) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, { elevation: 0, user: vote.user, badgeContent: (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ className: classes.dialogVoteBadge }, { children: vote.reaction ? ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: (0, jsx_runtime_1.jsx)("img", { alt: vote.reaction.label, src: vote.reaction.image, width: "100%", height: "100%" }) })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "thumb_up" })) })), onClick: handleClose }) }, vote.user.id))) }) }))) })))] }));
 }
 exports.default = VoteAudienceButton;

package/lib/cjs/components/VoteButton/VoteButton.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 lab_1 = require("@mui/lab");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -90,7 +91,7 @@ function VoteButton(inProps) {
             scContext.settings.handleAnonymousAction();
         }
         else 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
             });
@@ -108,7 +109,7 @@ function VoteButton(inProps) {
         setAnchorEl(null);
         if (error) {
             if (!(0, errors_1.catchUnauthorizedActionByBlockedUser)(error, scUserContext.managers.blockedUsers.isBlocked(contribution.author), enqueueSnackbar)) {
-                enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
+                enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
                     variant: 'error',
                     autoHideDuration: 3000
                 });
@@ -138,20 +139,13 @@ function VoteButton(inProps) {
         };
     }, [reactions]);
     // RENDER
-    const button = (react_1.default.createElement(Root, Object.assign({ onClick: isMobile && reactions.reactions
+    const button = ((0, jsx_runtime_1.jsx)(Root, Object.assign({ onClick: isMobile && reactions.reactions
             ? handleMouseEnter
             : () => handleVoteAction(contributionReaction ? contributionReaction : reactions.default ? reactions.default : null), disabled: isLoading || Boolean(error), loading: isVoting, className: (0, classnames_1.default)(classes.root, className, {
             [classes.voted]: scUserContext.user && contributionVoted
-        }) }, rest, rootProps), scUserContext.user && contributionVoted ? (contributionReaction ? (react_1.default.createElement(Icon_1.default, null,
-        react_1.default.createElement("img", { alt: contributionReaction.label, src: contributionReaction.image, width: "100%", height: "100%" }))) : (react_1.default.createElement(Icon_1.default, null, "thumb_up"))) : (react_1.default.createElement(Icon_1.default, null, "thumb_up_off_alt"))));
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        reactions.default ? (button) : (react_1.default.createElement(material_1.Tooltip, { title: contributionVoted ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteButton.voteDown", defaultMessage: "ui.voteButton.voteDown" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteButton.voteUp", defaultMessage: "ui.voteButton.voteUp" })) },
-            react_1.default.createElement("span", null, button))),
-        reactions.default && (react_1.default.createElement(PopperRoot, { id: `vote_${contributionId}_${contributionType}_popper`, className: classes.popperRoot, open: Boolean(anchorEl) && !isVoting && !isLoading, anchorEl: anchorEl, placement: "top", keepMounted: true },
-            react_1.default.createElement(material_1.Paper, { className: classes.reactionList, onMouseEnter: handleClearTimeout, onMouseLeave: handleMouseLeave }, reactions.reactions
-                .filter((reaction) => !contributionVoted || (contributionVoted && contributionReaction.id !== reaction.id) ? reaction.active : reaction)
-                .map((reaction) => (react_1.default.createElement(material_1.IconButton, { key: reaction.id, className: classes.reaction, onClick: () => handleVoteAction(reaction) },
-                react_1.default.createElement(Icon_1.default, null,
-                    react_1.default.createElement("img", { alt: reaction.label, src: reaction.image, width: "100%", height: "100%" }))))))))));
+        }) }, rest, rootProps, { children: scUserContext.user && contributionVoted ? (contributionReaction ? ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: (0, jsx_runtime_1.jsx)("img", { alt: contributionReaction.label, src: contributionReaction.image, width: "100%", height: "100%" }) })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "thumb_up" }))) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "thumb_up_off_alt" })) })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [reactions.default ? (button) : ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: contributionVoted ? ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteButton.voteDown", defaultMessage: "ui.voteButton.voteDown" })) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteButton.voteUp", defaultMessage: "ui.voteButton.voteUp" })) }, { children: (0, jsx_runtime_1.jsx)("span", { children: button }) }))), reactions.default && ((0, jsx_runtime_1.jsx)(PopperRoot, Object.assign({ id: `vote_${contributionId}_${contributionType}_popper`, className: classes.popperRoot, open: Boolean(anchorEl) && !isVoting && !isLoading, anchorEl: anchorEl, placement: "top", keepMounted: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ className: classes.reactionList, onMouseEnter: handleClearTimeout, onMouseLeave: handleMouseLeave }, { children: reactions.reactions
+                        .filter((reaction) => !contributionVoted || (contributionVoted && contributionReaction.id !== reaction.id) ? reaction.active : reaction)
+                        .map((reaction) => ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.reaction, onClick: () => handleVoteAction(reaction) }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: (0, jsx_runtime_1.jsx)("img", { alt: reaction.label, src: reaction.image, width: "100%", height: "100%" }) }) }), reaction.id))) })) })))] }));
 }
 exports.default = VoteButton;

package/lib/cjs/components/Widget/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 classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -16,6 +17,6 @@ const Root = (0, styles_1.styled)(material_1.Card, {
 })(({ theme }) => ({}));
 const Widget = (props, ref) => {
     const { className, onHeightChange, onStateChange } = props, rest = tslib_1.__rest(props, ["className", "onHeightChange", "onStateChange"]);
-    return react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { ref: ref }));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { ref: ref }));
 };
 exports.default = (0, react_1.forwardRef)(Widget);

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

@@ -1,9 +1,10 @@
 "use strict";
-// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-// @ts-nocheck
 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");
+// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+// @ts-nocheck
+const react_1 = require("react");
 const react_waypoint_1 = require("react-waypoint");
 const react_player_1 = tslib_1.__importDefault(require("react-player"));
 const styles_1 = require("@mui/material/styles");
@@ -41,9 +42,7 @@ function AutoPlayer(props) {
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, { scrollableAncestor: window, onEnter: handleEnterViewport, onLeave: handleExitViewport },
-        react_1.default.createElement("div", null,
-            react_1.default.createElement(react_player_1.default, Object.assign({ loop: loop, controls: controls, stopOnUnmount: stopOnUnmount, pip: pip, playing: shouldPlay, muted: muted, onProgress: (progress) => {
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ scrollableAncestor: window, onEnter: handleEnterViewport, onLeave: handleExitViewport }, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_player_1.default, Object.assign({ loop: loop, controls: controls, stopOnUnmount: stopOnUnmount, pip: pip, playing: shouldPlay, muted: muted, onProgress: (progress) => {
                     setPlayed(progress.playedSeconds);
                 }, playsinline: playsinline, config: {
                     youtube: {
@@ -52,6 +51,6 @@ function AutoPlayer(props) {
                         },
                         playerVars: { rel: 0 }
                     }
-                } }, rest)))));
+                } }, rest)) }) })));
 }
 exports.default = AutoPlayer;

package/lib/cjs/shared/BaseDialog/BaseDialog.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 Dialog_1 = tslib_1.__importDefault(require("@mui/material/Dialog"));
 const DialogActions_1 = tslib_1.__importDefault(require("@mui/material/DialogActions"));
@@ -26,10 +26,7 @@ const DialogTitleRoot = (0, styles_1.styled)(DialogTitle_1.default, {
 const DialogTitle = ({ children = null, onClose = null }) => {
     const theme = (0, material_1.useTheme)();
     const isMobile = (0, useMediaQuery_1.default)(theme.breakpoints.down('md'), { noSsr: (0, utils_1.isClientSideRendering)() });
-    return (react_1.default.createElement(DialogTitleRoot, { className: classes.titleRoot },
-        react_1.default.createElement("span", null, children),
-        onClose ? (react_1.default.createElement(IconButton_1.default, { "aria-label": "close", onClick: onClose },
-            react_1.default.createElement(Icon_1.default, null, isMobile ? 'arrow_back' : 'close'))) : null));
+    return ((0, jsx_runtime_1.jsxs)(DialogTitleRoot, Object.assign({ className: classes.titleRoot }, { children: [(0, jsx_runtime_1.jsx)("span", { children: children }), onClose ? ((0, jsx_runtime_1.jsx)(IconButton_1.default, Object.assign({ "aria-label": "close", onClick: onClose }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: isMobile ? 'arrow_back' : 'close' }) }))) : null] })));
 };
 const Root = (0, styles_1.styled)(Dialog_1.default, {
     name: PREFIX,
@@ -46,10 +43,6 @@ function BaseDialog(props) {
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), fullScreen: fullScreen, fullWidth: true, open: open, onClose: onClose, maxWidth: maxWidth, scroll: scroll }, rest),
-        react_1.default.createElement(DialogTitle, { onClose: onClose }, title),
-        subtitle && subtitle,
-        react_1.default.createElement(DialogContent_1.default, Object.assign({}, DialogContentProps), children),
-        actions && react_1.default.createElement(DialogActions_1.default, null, actions)));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), fullScreen: fullScreen, fullWidth: true, open: open, onClose: onClose, maxWidth: maxWidth, scroll: scroll }, rest, { children: [(0, jsx_runtime_1.jsx)(DialogTitle, Object.assign({ onClose: onClose }, { children: title })), subtitle && subtitle, (0, jsx_runtime_1.jsx)(DialogContent_1.default, Object.assign({}, DialogContentProps, { children: children })), actions && (0, jsx_runtime_1.jsx)(DialogActions_1.default, { children: actions })] })));
 }
 exports.default = BaseDialog;

package/lib/cjs/shared/BaseItem/BaseItem.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 classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -59,14 +59,8 @@ function BaseItem(inProps) {
     });
     const { id = null, className = null, image = null, disableTypography = false, primary = null, primaryTypographyProps = { component: 'span', variant: 'body1' }, secondary = null, secondaryTypographyProps = { component: 'p', variant: 'body2' }, actions = null } = props, rest = tslib_1.__rest(props, ["id", "className", "image", "disableTypography", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps", "actions"]);
     // RENDER
-    return (react_1.default.createElement(Root, Object.assign({ id: id }, rest, { className: (0, classnames_1.default)(classes.root, className, { [classes.withActions]: Boolean(actions) }) }),
-        react_1.default.createElement(material_1.Box, { className: classes.content },
-            image && react_1.default.createElement(material_1.Box, { className: classes.image }, image),
-            react_1.default.createElement(material_1.Box, { className: classes.text },
-                primary &&
-                    (disableTypography ? (primary) : (react_1.default.createElement(material_1.Typography, Object.assign({ className: classes.primary }, primaryTypographyProps), primary))),
-                secondary &&
-                    (disableTypography ? (secondary) : (react_1.default.createElement(material_1.Typography, Object.assign({ className: classes.secondary }, secondaryTypographyProps), secondary))))),
-        actions && react_1.default.createElement(material_1.Box, { className: classes.actions }, actions)));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id }, rest, { className: (0, classnames_1.default)(classes.root, className, { [classes.withActions]: Boolean(actions) }) }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.content }, { children: [image && (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.image }, { children: image })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.text }, { children: [primary &&
+                                (disableTypography ? (primary) : ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.primary }, primaryTypographyProps, { children: primary })))), secondary &&
+                                (disableTypography ? (secondary) : ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.secondary }, secondaryTypographyProps, { children: secondary }))))] }))] })), actions && (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.actions }, { children: actions }))] })));
 }
 exports.default = BaseItem;

package/lib/cjs/shared/BaseItemButton/BaseItemButton.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 classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -59,14 +59,8 @@ function BaseItemButton(inProps) {
     });
     const { id = null, className = null, ButtonBaseProps = {}, image = null, disableTypography = false, primary = null, primaryTypographyProps = { component: 'span', variant: 'body1' }, secondary = null, secondaryTypographyProps = { component: 'p', variant: 'body2' }, actions = null } = props, rest = tslib_1.__rest(props, ["id", "className", "ButtonBaseProps", "image", "disableTypography", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps", "actions"]);
     // RENDER
-    return (react_1.default.createElement(Root, Object.assign({ id: id }, rest, { className: (0, classnames_1.default)(classes.root, className, { [classes.withActions]: Boolean(actions) }) }),
-        react_1.default.createElement(material_1.ButtonBase, Object.assign({ className: classes.content }, ButtonBaseProps),
-            image && react_1.default.createElement(material_1.Box, { className: classes.image }, image),
-            react_1.default.createElement(material_1.Box, { className: classes.text },
-                primary &&
-                    (disableTypography ? (primary) : (react_1.default.createElement(material_1.Typography, Object.assign({ className: classes.primary }, primaryTypographyProps), primary))),
-                secondary &&
-                    (disableTypography ? (secondary) : (react_1.default.createElement(material_1.Typography, Object.assign({ className: classes.secondary }, secondaryTypographyProps), secondary))))),
-        actions && react_1.default.createElement(material_1.Box, { className: classes.actions }, actions)));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id }, rest, { className: (0, classnames_1.default)(classes.root, className, { [classes.withActions]: Boolean(actions) }) }, { children: [(0, jsx_runtime_1.jsxs)(material_1.ButtonBase, Object.assign({ className: classes.content }, ButtonBaseProps, { children: [image && (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.image }, { children: image })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.text }, { children: [primary &&
+                                (disableTypography ? (primary) : ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.primary }, primaryTypographyProps, { children: primary })))), secondary &&
+                                (disableTypography ? (secondary) : ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.secondary }, secondaryTypographyProps, { children: secondary }))))] }))] })), actions && (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.actions }, { children: actions }))] })));
 }
 exports.default = BaseItemButton;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("@mui/material/styles");
 const system_1 = require("@mui/system");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -19,6 +20,6 @@ function Bullet(inProps) {
         props: inProps,
         name: PREFIX
     }), { className } = _a, props = tslib_1.__rest(_a, ["className"]);
-    return (React.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root) }, props), "\u2022"));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root) }, props, { children: "\u2022" })));
 }
 exports.default = Bullet;

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const PREFIX = 'SCCalendar';
 const Root = (0, material_1.styled)(material_1.Stack, {
@@ -9,8 +10,6 @@ const Root = (0, material_1.styled)(material_1.Stack, {
 })();
 function Calendar(props) {
     const day = props.day;
-    return (React.createElement(Root, { gap: "7px", position: "absolute", bottom: "-36px", left: "24px", width: "60px", height: "60px", borderRadius: "5px", boxShadow: "0px 3px 8px #00000040", bgcolor: "#fff", overflow: "hidden" },
-        React.createElement(material_1.Box, { width: "100%", height: "16px", bgcolor: "#b20404" }),
-        React.createElement(material_1.Typography, { variant: "h2", textAlign: "center" }, day)));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ gap: "7px", position: "absolute", bottom: "-36px", left: "24px", width: "60px", height: "60px", borderRadius: "5px", boxShadow: "0px 3px 8px #00000040", bgcolor: "#fff", overflow: "hidden" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { width: "100%", height: "16px", bgcolor: "#b20404" }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h2", textAlign: "center" }, { children: day }))] })));
 }
 exports.default = Calendar;

package/lib/cjs/shared/CentralProgress/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 CircularProgress_1 = tslib_1.__importDefault(require("@mui/material/CircularProgress"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
@@ -18,10 +18,9 @@ const Root = (0, styles_1.styled)(material_1.Box, {
     padding: 50
 }));
 function CentralProgress(props) {
-    return (react_1.default.createElement(Root, null,
-        react_1.default.createElement(CircularProgress_1.default, Object.assign({ sx: {
+    return ((0, jsx_runtime_1.jsx)(Root, { children: (0, jsx_runtime_1.jsx)(CircularProgress_1.default, Object.assign({ sx: {
                 margin: '0 auto',
                 display: 'block'
-            } }, props))));
+            } }, props)) }));
 }
 exports.default = CentralProgress;

package/lib/cjs/shared/ConfirmDialog/ConfirmDialog.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 Card_1 = tslib_1.__importDefault(require("@mui/material/Card"));
 const Button_1 = tslib_1.__importDefault(require("@mui/material/Button"));
@@ -41,13 +41,6 @@ function ConfirmDialog(props) {
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, null,
-        react_1.default.createElement(material_1.Dialog, Object.assign({ open: open, onClose: handleClose }, rest),
-            react_1.default.createElement(material_1.DialogTitle, null, title ? title : react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.confirmDialog.title", defaultMessage: "ui.confirmDialog.title" })),
-            content && (react_1.default.createElement(material_1.DialogContent, null,
-                react_1.default.createElement(material_1.DialogContentText, { component: "div" }, content))),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(Button_1.default, { onClick: handleClose }, btnCancel ? btnCancel : react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.confirmDialog.btnCancel", defaultMessage: "ui.confirmDialog.btnCancel" })),
-                react_1.default.createElement(lab_1.LoadingButton, { onClick: handleConfirm, variant: "contained", autoFocus: true, loading: isUpdating }, btnConfirm ? btnConfirm : react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.confirmDialog.btnConfirm", defaultMessage: "ui.confirmDialog.btnConfirm" }))))));
+    return ((0, jsx_runtime_1.jsx)(Root, { children: (0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({ open: open, onClose: handleClose }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: title ? title : (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.confirmDialog.title", defaultMessage: "ui.confirmDialog.title" }) }), content && ((0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, Object.assign({ component: "div" }, { children: content })) })), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({ onClick: handleClose }, { children: btnCancel ? btnCancel : (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.confirmDialog.btnCancel", defaultMessage: "ui.confirmDialog.btnCancel" }) })), (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, Object.assign({ onClick: handleConfirm, variant: "contained", autoFocus: true, loading: isUpdating }, { children: btnConfirm ? btnConfirm : (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.confirmDialog.btnConfirm", defaultMessage: "ui.confirmDialog.btnConfirm" }) }))] })] })) }));
 }
 exports.default = ConfirmDialog;

package/lib/cjs/shared/ConsentSolutionSwitch/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 system_1 = require("@mui/system");
@@ -144,14 +144,11 @@ function ConsentSolutionSwitch(inProps) {
     });
     const { loading } = props, rest = tslib_1.__rest(props, ["loading"]);
     // Icon loading state
-    const IconLoading = () => (react_1.default.createElement("span", { className: classes.thumb },
-        react_1.default.createElement(material_1.CircularProgress, { size: 14, className: classes.thumbLoader })));
+    const IconLoading = () => ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: classes.thumb }, { children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 14, className: classes.thumbLoader }) })));
     // Icon checked state
-    const IconChecked = () => (react_1.default.createElement("span", { className: classes.thumb },
-        react_1.default.createElement(Icon_1.default, { className: classes.thumbChecked }, "check_outlined")));
+    const IconChecked = () => ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: classes.thumb }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, Object.assign({ className: classes.thumbChecked }, { children: "check_outlined" })) })));
     // Icon unchecked state
-    const IconUnChecked = () => (react_1.default.createElement("span", { className: classes.thumb },
-        react_1.default.createElement(Icon_1.default, { className: classes.thumbUnChecked }, "close")));
-    return react_1.default.createElement(Root, Object.assign({}, rest, { checkedIcon: loading ? react_1.default.createElement(IconLoading, null) : react_1.default.createElement(IconChecked, null), icon: loading ? react_1.default.createElement(IconLoading, null) : react_1.default.createElement(IconUnChecked, null) }));
+    const IconUnChecked = () => ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: classes.thumb }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, Object.assign({ className: classes.thumbUnChecked }, { children: "close" })) })));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { checkedIcon: loading ? (0, jsx_runtime_1.jsx)(IconLoading, {}) : (0, jsx_runtime_1.jsx)(IconChecked, {}), icon: loading ? (0, jsx_runtime_1.jsx)(IconLoading, {}) : (0, jsx_runtime_1.jsx)(IconUnChecked, {}) }));
 }
 exports.default = ConsentSolutionSwitch;