@selfcommunity/react-ui 0.7.56-alpha.0 → 0.8.0-alpha.1

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,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 system_1 = require("@mui/system");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -20,6 +20,6 @@ function Bullet(inProps) {
         props: inProps,
         name: PREFIX
     }), { className } = _a, props = tslib_1.__rest(_a, ["className"]);
-    return (react_1.default.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.d.ts

@@ -0,0 +1,4 @@
+export interface CalendarProps {
+    day: number;
+}
+export default function Calendar(props: CalendarProps): JSX.Element;

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

@@ -0,0 +1,19 @@
+"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 classes = {
+    root: `${PREFIX}-root`,
+    header: `${PREFIX}-header`
+};
+const Root = (0, material_1.styled)(material_1.Stack, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (_props, styles) => styles.root
+})(() => ({}));
+function Calendar(props) {
+    const day = props.day;
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: classes.root }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { className: classes.header }), (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,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@mui/material/styles");
-const Card_1 = tslib_1.__importDefault(require("@mui/material/Card"));
-const Button_1 = tslib_1.__importDefault(require("@mui/material/Button"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lab_1 = require("@mui/lab");
 const material_1 = require("@mui/material");
+const Button_1 = tslib_1.__importDefault(require("@mui/material/Button"));
+const Card_1 = tslib_1.__importDefault(require("@mui/material/Card"));
+const styles_1 = require("@mui/material/styles");
 const react_intl_1 = require("react-intl");
-const lab_1 = require("@mui/lab");
 const PREFIX = 'SCConfirmDialog';
 const Root = (0, styles_1.styled)(Card_1.default, {
     name: PREFIX,
@@ -29,25 +29,18 @@ function ConfirmDialog(props) {
             return false;
         }
         if (!isUpdating) {
-            onClose && onClose();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     }
     /**
      * Handles action confirm
      */
     function handleConfirm() {
-        onConfirm && onConfirm();
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
     }
     /**
      * 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 || (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 || (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 || (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;

package/lib/cjs/shared/ContributionActionsMenu/index.d.ts

@@ -54,6 +54,10 @@ export interface ContributionActionsMenuProps {
      * Handle suspend notification obj
      */
     onSuspendNotificationContribution?: (obj: SCCommentType | SCFeedObjectType) => void;
+    /**
+     * Handle suspend notification event embedded in obj
+     */
+    onSuspendNotificationEvent?: (obj: SCCommentType | SCFeedObjectType) => void;
     /**
      * Props to spread to popper
      * @default empty object