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

package/lib/cjs/shared/Media/Link/DisplayComponent.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 react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const react_lazyload_1 = tslib_1.__importDefault(require("react-lazyload"));
@@ -44,14 +45,7 @@ exports.default = (props) => {
      */
     const renderPreview = (link, key) => {
         const domain = new URL(link.embed.metadata.url).hostname.replace('www.', '');
-        return (react_1.default.createElement(Box_1.default, { className: classes.displayLink, key: key },
-            link.embed.metadata.images && link.embed.metadata.images.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null, fullWidth ? (react_1.default.createElement(Box_1.default, { className: (0, classnames_1.default)(classes.thumbnailFullWidth, classes.image), style: { background: `url(${link.image})`, paddingBottom: `${100 / link.image_width / link.image_height}%` } })) : (react_1.default.createElement(Box_1.default, { className: (0, classnames_1.default)(classes.thumbnail, classes.image), style: { background: `url(${link.image})` } })))),
-            react_1.default.createElement(Box_1.default, { className: classes.snippet },
-                react_1.default.createElement("b", { className: classes.snippetTitle }, link.embed.metadata.title),
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("p", { className: classes.snippetDescription }, link.embed.metadata.description),
-                react_1.default.createElement("a", { href: link.embed.metadata.url, target: '_blank', onClick: () => handleLinkClick(link) }, domain)),
-            react_1.default.createElement("div", { style: { clear: 'both' } })));
+        return ((0, jsx_runtime_1.jsxs)(Box_1.default, Object.assign({ className: classes.displayLink }, { children: [link.embed.metadata.images && link.embed.metadata.images.length > 0 && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: fullWidth ? ((0, jsx_runtime_1.jsx)(Box_1.default, { className: (0, classnames_1.default)(classes.thumbnailFullWidth, classes.image), style: { background: `url(${link.image})`, paddingBottom: `${100 / link.image_width / link.image_height}%` } })) : ((0, jsx_runtime_1.jsx)(Box_1.default, { className: (0, classnames_1.default)(classes.thumbnail, classes.image), style: { background: `url(${link.image})` } })) })), (0, jsx_runtime_1.jsxs)(Box_1.default, Object.assign({ className: classes.snippet }, { children: [(0, jsx_runtime_1.jsx)("b", Object.assign({ className: classes.snippetTitle }, { children: link.embed.metadata.title })), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: classes.snippetDescription }, { children: link.embed.metadata.description })), (0, jsx_runtime_1.jsx)("a", Object.assign({ href: link.embed.metadata.url, target: '_blank', onClick: () => handleLinkClick(link) }, { children: domain }))] })), (0, jsx_runtime_1.jsx)("div", { style: { clear: 'both' } })] }), key));
     };
     /**
      * Renders component
@@ -59,11 +53,10 @@ exports.default = (props) => {
     if (_medias.length === 0) {
         return null;
     }
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.displayRoot) }, rest), _medias.map((l, i) => {
-        if (l.embed.metadata && l.embed.metadata.type === Media_1.MEDIA_TYPE_VIDEO) {
-            return (react_1.default.createElement(react_lazyload_1.default, { className: classes.displayVideo, placeholder: react_1.default.createElement(Skeleton_1.default, { variant: "rectangular", height: 360, width: '100%' }), key: i, once: true, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT },
-                react_1.default.createElement(AutoPlayer_1.default, { url: l.url, width: '100%', key: i, onVideoWatch: () => handleLinkClick(l) })));
-        }
-        return react_1.default.createElement(react_1.default.Fragment, { key: i }, renderPreview(l, i));
-    })));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.displayRoot) }, rest, { children: _medias.map((l, i) => {
+            if (l.embed.metadata && l.embed.metadata.type === Media_1.MEDIA_TYPE_VIDEO) {
+                return ((0, jsx_runtime_1.jsx)(react_lazyload_1.default, Object.assign({ className: classes.displayVideo, placeholder: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { variant: "rectangular", height: 360, width: '100%' }), once: true, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT }, { children: (0, jsx_runtime_1.jsx)(AutoPlayer_1.default, { url: l.url, width: '100%', onVideoWatch: () => handleLinkClick(l) }, i) }), i));
+            }
+            return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: renderPreview(l, i) }, i);
+        }) })));
 };

package/lib/cjs/shared/Media/Link/LayerComponent.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 react_1 = tslib_1.__importStar(require("react"));
 const react_intl_1 = require("react-intl");
 const material_1 = require("@mui/material");
@@ -31,16 +32,6 @@ const LayerComponent = react_1.default.forwardRef((props, ref) => {
     const handleSave = (0, react_1.useCallback)(() => onSave(value), [value]);
     const handleAdd = (0, react_1.useCallback)((media) => setValue([...value, media]), [value]);
     const handleChange = (0, react_1.useCallback)((medias) => setValue(medias), []);
-    return react_1.default.createElement(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.layerRoot) }, rest),
-        react_1.default.createElement(material_1.DialogTitle, { className: classes.title },
-            react_1.default.createElement(material_1.IconButton, { onClick: onClose },
-                react_1.default.createElement(Icon_1.default, null, "arrow_back")),
-            react_1.default.createElement(material_1.Typography, null,
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.layer.title", defaultMessage: "ui.composer.media.link.layer.title" })),
-            react_1.default.createElement(material_1.Button, { size: "small", color: "secondary", variant: "contained", onClick: handleSave },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.layer.save", defaultMessage: "ui.composer.layer.save" }))),
-        react_1.default.createElement(DialogContent_1.default, { className: classes.content },
-            react_1.default.createElement(UrlTextField_1.default, { id: "page", name: "page", label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.label", defaultMessage: "ui.composer.media.link.add.label" }), fullWidth: true, variant: "outlined", placeholder: "https://", onSuccess: handleAdd }),
-            react_1.default.createElement(PreviewComponent_1.default, { onChange: handleChange, value: value })));
+    return (0, jsx_runtime_1.jsxs)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.layerRoot) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.DialogTitle, Object.assign({ className: classes.title }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: onClose }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "arrow_back" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.layer.title", defaultMessage: "ui.composer.media.link.layer.title" }) }), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", color: "secondary", variant: "contained", onClick: handleSave }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.layer.save", defaultMessage: "ui.composer.layer.save" }) }))] })), (0, jsx_runtime_1.jsxs)(DialogContent_1.default, Object.assign({ className: classes.content }, { children: [(0, jsx_runtime_1.jsx)(UrlTextField_1.default, { id: "page", name: "page", label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.label", defaultMessage: "ui.composer.media.link.add.label" }), fullWidth: true, variant: "outlined", placeholder: "https://", onSuccess: handleAdd }), (0, jsx_runtime_1.jsx)(PreviewComponent_1.default, { onChange: handleChange, value: value })] }))] }));
 });
 exports.default = LayerComponent;

package/lib/cjs/shared/Media/Link/PreviewComponent.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 react_1 = tslib_1.__importStar(require("react"));
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
@@ -31,9 +32,6 @@ const PreviewComponent = react_1.default.forwardRef((props, ref) => {
         onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]);
     }, [onChange, value]);
     const handleDelete = (0, react_1.useCallback)((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
-    return react_1.default.createElement(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest), medias.length > 0 && (react_1.default.createElement(react_sortablejs_1.ReactSortable, { list: medias, setList: handleSort }, medias.map((media) => (react_1.default.createElement(material_1.Box, { key: media.id, className: (0, classnames_1.default)(classes.media, { [classes.video]: media.embed.metadata && media.embed.metadata.type === Media_1.MEDIA_TYPE_VIDEO }) },
-        react_1.default.createElement(DisplayComponent_1.default, { medias: [media] }),
-        react_1.default.createElement(material_1.IconButton, { className: classes.delete, onClick: handleDelete(media.id), size: "small" },
-            react_1.default.createElement(Icon_1.default, null, "delete"))))))));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest, { children: medias.length > 0 && ((0, jsx_runtime_1.jsx)(react_sortablejs_1.ReactSortable, Object.assign({ list: medias, setList: handleSort }, { children: medias.map((media) => ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: (0, classnames_1.default)(classes.media, { [classes.video]: media.embed.metadata && media.embed.metadata.type === Media_1.MEDIA_TYPE_VIDEO }) }, { children: [(0, jsx_runtime_1.jsx)(DisplayComponent_1.default, { medias: [media] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.delete, onClick: handleDelete(media.id), size: "small" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "delete" }) }))] }), media.id))) }))) }));
 });
 exports.default = PreviewComponent;

package/lib/cjs/shared/Media/Link/TriggerButton.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 material_1 = require("@mui/material");
 const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const constants_1 = require("./constants");
@@ -16,6 +16,5 @@ const Root = (0, styles_1.styled)(material_1.IconButton, {
 })(() => ({}));
 exports.default = (_a) => {
     var { className } = _a, rest = tslib_1.__rest(_a, ["className"]);
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.triggerRoot) }, rest, { "aria-label": "add link" }),
-        react_1.default.createElement(Icon_1.default, null, "link")));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.triggerRoot) }, rest, { "aria-label": "add link" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "link" }) })));
 };

package/lib/cjs/shared/Media/Link/UrlTextField/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 react_1 = tslib_1.__importStar(require("react"));
 const InputAdornment_1 = tslib_1.__importDefault(require("@mui/material/InputAdornment"));
 const IconButton_1 = tslib_1.__importDefault(require("@mui/material/IconButton"));
@@ -73,11 +74,8 @@ exports.default = (props) => {
     /**
      * Renders url text field
      */
-    return (react_1.default.createElement("form", { method: "post", onSubmit: handleSubmit },
-        react_1.default.createElement(TextField_1.default, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText ||
-                (urlError && (react_1.default.createElement(react_intl_1.FormattedMessage, { id: `ui.composer.media.link.add.error.${urlError}`, defaultMessage: `ui.composer.media.link.add.error.${urlError}` }))) || react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.help", defaultMessage: "ui.composer.media.link.add.help" }), disabled: isCreating }, rest, { InputProps: {
-                endAdornment: (react_1.default.createElement(InputAdornment_1.default, { position: "end" },
-                    react_1.default.createElement(material_1.Fade, { in: urlError === null && url !== '' },
-                        react_1.default.createElement(IconButton_1.default, { size: "small", disabled: isCreating, type: "submit" }, isCreating ? react_1.default.createElement(material_1.CircularProgress, { color: "primary", size: 20 }) : react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.submit", defaultMessage: "ui.composer.media.link.add.submit" })))))
-            } }))));
+    return ((0, jsx_runtime_1.jsx)("form", Object.assign({ method: "post", onSubmit: handleSubmit }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText ||
+                (urlError && ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.composer.media.link.add.error.${urlError}`, defaultMessage: `ui.composer.media.link.add.error.${urlError}` }))) || (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.help", defaultMessage: "ui.composer.media.link.add.help" }), disabled: isCreating }, rest, { InputProps: {
+                endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.Fade, Object.assign({ in: urlError === null && url !== '' }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.default, Object.assign({ size: "small", disabled: isCreating, type: "submit" }, { children: isCreating ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "primary", size: 20 }) : (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.submit", defaultMessage: "ui.composer.media.link.add.submit" }) })) })) })))
+            } })) })));
 };

package/lib/cjs/shared/Media/Share/DisplayComponent.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 Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
 const FeedObject_1 = tslib_1.__importDefault(require("../../../components/FeedObject"));
@@ -26,6 +27,5 @@ exports.default = (_a) => {
     if (_medias.length === 0) {
         return null;
     }
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.displayRoot) }, rest), _medias.map((media, i) => (react_1.default.createElement(Box_1.default, { className: classes.sharePreview, key: i, onClick: onMediaClick },
-        react_1.default.createElement(FeedObject_1.default, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: feedObject_1.SCFeedObjectTemplateType.SHARE, cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST }))))));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.displayRoot) }, rest, { children: _medias.map((media, i) => ((0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ className: classes.sharePreview, onClick: onMediaClick }, { children: (0, jsx_runtime_1.jsx)(FeedObject_1.default, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: feedObject_1.SCFeedObjectTemplateType.SHARE, cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST }) }), i))) })));
 };

package/lib/cjs/shared/MetadataField/MetadataField.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 react_1 = tslib_1.__importDefault(require("react"));
 const material_1 = require("@mui/material");
 const types_1 = require("@selfcommunity/types");
@@ -15,25 +16,25 @@ const MetadataField = (props) => {
     const _label = label !== null && label !== void 0 ? label : metadata.label;
     switch (metadata === null || metadata === void 0 ? void 0 : metadata.type) {
         case types_1.SCMetadataTypeFieldType.EMAIL:
-            component = react_1.default.createElement(EmailTextField_1.default, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory }));
+            component = (0, jsx_runtime_1.jsx)(EmailTextField_1.default, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory }));
             break;
         case types_1.SCMetadataTypeFieldType.URL:
-            component = react_1.default.createElement(UrlTextField_1.default, Object.assign({}, rest, { type: "url", className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory }));
+            component = (0, jsx_runtime_1.jsx)(UrlTextField_1.default, Object.assign({}, rest, { type: "url", className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory }));
             break;
         case types_1.SCMetadataTypeFieldType.PHONE_NUMBER:
-            component = react_1.default.createElement(PhoneTextField_1.default, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory }));
+            component = (0, jsx_runtime_1.jsx)(PhoneTextField_1.default, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory }));
             break;
         case types_1.SCMetadataTypeFieldType.ENUM:
-            component = (react_1.default.createElement(material_1.TextField, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory, select: true }), metadata === null || metadata === void 0 ? void 0 : metadata.type_options.map((option) => (react_1.default.createElement(material_1.MenuItem, { key: option, value: option }, option)))));
+            component = ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory, select: true }, { children: metadata === null || metadata === void 0 ? void 0 : metadata.type_options.map((option) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: option }, { children: option }), option))) })));
             break;
         case types_1.SCMetadataTypeFieldType.CHECKBOX:
             const { value } = rest;
-            component = (react_1.default.createElement(material_1.FormControlLabel, { className: className, control: react_1.default.createElement(material_1.Checkbox, { required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory, checked: Boolean(value) }), label: _label }));
+            component = ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { className: className, control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory, checked: Boolean(value) }), label: _label }));
             break;
         default:
-            component = react_1.default.createElement(material_1.TextField, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory }));
+            component = (0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory }));
             break;
     }
-    return react_1.default.createElement(react_1.default.Fragment, null, component);
+    return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: component });
 };
 exports.default = MetadataField;

package/lib/cjs/shared/NewChip/NewChip.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 react_intl_1 = require("react-intl");
@@ -33,6 +33,6 @@ function NewChip(inProps) {
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.notificationNewChip.label", defaultMessage: "ui.notification.notificationNewChip.label" }), size: "small", color: "error" }, props)));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.notification.notificationNewChip.label", defaultMessage: "ui.notification.notificationNewChip.label" }), size: "small", color: "error" }, props)));
 }
 exports.default = NewChip;

package/lib/cjs/shared/NotificationItem/NotificationItem.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"));
@@ -70,17 +70,8 @@ function NotificationItem(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, footer = null, template = notification_1.SCNotificationObjectTemplateType.DETAIL, isNew = false, elevation = 0 } = props, rest = tslib_1.__rest(props, ["id", "className", "image", "disableTypography", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps", "actions", "footer", "template", "isNew", "elevation"]);
     // RENDER
-    return (react_1.default.createElement(Root, Object.assign({ id: id }, rest, { className: (0, classnames_1.default)(classes.root, className, `${PREFIX}-${template}`, {
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id }, rest, { className: (0, classnames_1.default)(classes.root, className, `${PREFIX}-${template}`, {
             [classes.new]: isNew
-        }), elevation: elevation }),
-        react_1.default.createElement(material_1.Box, { className: classes.header },
-            image && react_1.default.createElement(material_1.Box, { className: (0, classnames_1.default)(classes.image) }, image),
-            react_1.default.createElement(material_1.Box, { className: classes.title },
-                primary && (react_1.default.createElement(material_1.Box, { className: classes.primary },
-                    template === notification_1.SCNotificationObjectTemplateType.DETAIL && isNew && react_1.default.createElement(NewChip_1.default, { className: classes.newChip }),
-                    disableTypography ? primary : react_1.default.createElement(material_1.Typography, Object.assign({}, primaryTypographyProps), primary))),
-                secondary && (react_1.default.createElement(material_1.Box, { className: classes.secondary }, disableTypography ? secondary : react_1.default.createElement(material_1.Typography, Object.assign({}, secondaryTypographyProps), secondary))))),
-        actions && react_1.default.createElement(material_1.Box, { className: classes.actions }, actions),
-        footer && react_1.default.createElement(material_1.Box, { className: classes.footer }, footer)));
+        }), elevation: elevation }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.header }, { children: [image && (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: (0, classnames_1.default)(classes.image) }, { children: image })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.title }, { children: [primary && ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.primary }, { children: [template === notification_1.SCNotificationObjectTemplateType.DETAIL && isNew && (0, jsx_runtime_1.jsx)(NewChip_1.default, { className: classes.newChip }), disableTypography ? primary : (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({}, primaryTypographyProps, { children: primary }))] }))), secondary && ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.secondary }, { children: disableTypography ? secondary : (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({}, secondaryTypographyProps, { children: secondary })) })))] }))] })), actions && (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.actions }, { children: actions })), footer && (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.footer }, { children: footer }))] })));
 }
 exports.default = NotificationItem;

package/lib/cjs/shared/PasswordTextField/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 Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
@@ -20,11 +21,8 @@ function PasswordTextField(props) {
         setShowPassword(!showPassword);
     };
     // RENDER
-    return (react_1.default.createElement(Root, Object.assign({ type: showPassword ? 'text' : 'password' }, props, { InputProps: {
-            endAdornment: (react_1.default.createElement(react_1.default.Fragment, null, (_a = props === null || props === void 0 ? void 0 : props.InputProps) === null || _a === void 0 ? void 0 :
-                _a.endAdornment,
-                react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                    react_1.default.createElement(material_1.IconButton, { "aria-label": "toggle password visibility", onClick: handleClick, edge: "end" }, showPassword ? react_1.default.createElement(Icon_1.default, null, "visibility_off") : react_1.default.createElement(Icon_1.default, null, "visibility")))))
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ type: showPassword ? 'text' : 'password' }, props, { InputProps: {
+            endAdornment: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(_a = props === null || props === void 0 ? void 0 : props.InputProps) === null || _a === void 0 ? void 0 : _a.endAdornment, (0, jsx_runtime_1.jsx)(material_1.InputAdornment, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ "aria-label": "toggle password visibility", onClick: handleClick, edge: "end" }, { children: showPassword ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "visibility_off" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "visibility" }) })) }))] }))
         } })));
 }
 exports.default = PasswordTextField;

package/lib/cjs/shared/PhoneTextField/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 @@ const PhoneTextField = (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 = PhoneTextField;

package/lib/cjs/shared/ScrollContainer/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 classnames_1 = tslib_1.__importDefault(require("classnames"));
 const react_custom_scrollbars_2_1 = require("react-custom-scrollbars-2");
@@ -35,6 +35,6 @@ function ScrollContainer(props) {
      *    return <div style={{width: 20, backgroundColor: '#2e9696'}}></div>;
      *  }
      */
-    return (react_1.default.createElement(Root, Object.assign({ autoHideTimeout: autoHideTimeout, autoHide: autoHide, className: (0, classnames_1.default)(classes.root, className) }, rest), children));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ autoHideTimeout: autoHideTimeout, autoHide: autoHide, className: (0, classnames_1.default)(classes.root, className) }, rest, { children: children })));
 }
 exports.default = ScrollContainer;

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

@@ -1,4 +1,8 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStickyBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Sticky Boxes with sensible behaviour if the content is bigger than the viewport.
  *
@@ -29,10 +33,7 @@
  * };
  *
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStickyBox = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const resize_observer_polyfill_1 = tslib_1.__importDefault(require("resize-observer-polyfill"));
 /**
  * getScrollParent
@@ -354,6 +355,6 @@ exports.useStickyBox = useStickyBox;
  */
 const StickyBox = ({ offsetTop, offsetBottom, bottom, children, className, style }) => {
     const ref = (0, exports.useStickyBox)({ offsetTop, offsetBottom, bottom });
-    return (react_1.default.createElement("div", { className: className, style: style, ref: ref }, children));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className, style: style, ref: ref }, { children: children })));
 };
 exports.default = StickyBox;

package/lib/cjs/shared/TagChip/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 Chip_1 = tslib_1.__importDefault(require("@mui/material/Chip"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const styles_1 = require("@mui/material/styles");
@@ -35,6 +35,6 @@ function TagChip(props) {
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, { [classes.ellipsis]: ellipsis }), sx: { backgroundColor: `${tag.color}`, color: (theme) => theme.palette.getContrastText(tag.color) } }, (clickable && { onClick: handleClick }), (disposable && { onDelete: handleDelete }), { label: label ? label : tag.name }, rest)));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, { [classes.ellipsis]: ellipsis }), sx: { backgroundColor: `${tag.color}`, color: (theme) => theme.palette.getContrastText(tag.color) } }, (clickable && { onClick: handleClick }), (disposable && { onDelete: handleDelete }), { label: label ? label : tag.name }, rest)));
 }
 exports.default = TagChip;

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagsComponentType = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const ClickAwayListener_1 = tslib_1.__importDefault(require("@mui/material/ClickAwayListener"));
@@ -95,9 +96,7 @@ function Tags(props) {
      * Renders tag title
      */
     function renderTitle() {
-        return (react_1.default.createElement(react_1.default.Fragment, null, title && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Typography, { sx: { padding: 1, fontWeight: 600 } }, title),
-            react_1.default.createElement(material_1.Divider, null)))));
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: title && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ sx: { padding: 1, fontWeight: 600 } }, { children: title })), (0, jsx_runtime_1.jsx)(material_1.Divider, {})] })) }));
     }
     /**
      * Returns focus to the button when we transitioned from !open -> open
@@ -112,25 +111,14 @@ function Tags(props) {
     /**
      * Renders component
      */
-    return (react_1.default.createElement(react_1.default.Fragment, null, tags.length && (react_1.default.createElement(react_1.default.Fragment, null, type === TagsComponentType.POPPER ? (react_1.default.createElement(TagsPopperRoot, Object.assign({}, rest),
-        react_1.default.createElement(Icon_1.default, { ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, "label"),
-        react_1.default.createElement(TagsPopper, { open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
-                {
-                    name: 'preventOverflow',
-                    enabled: true
-                }
-            ] }, (_a) => {
-            var { TransitionProps, placement } = _a, rest = tslib_1.__rest(_a, ["TransitionProps", "placement"]);
-            return (react_1.default.createElement(Grow_1.default, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }),
-                react_1.default.createElement(Paper_1.default, { variant: 'outlined', className: classes.paper },
-                    react_1.default.createElement(ClickAwayListener_1.default, { onClickAway: handleClose },
-                        react_1.default.createElement(react_1.default.Fragment, null,
-                            renderTitle(),
-                            react_1.default.createElement(StackList, Object.assign({ spacing: 2 }, rest), tags.map((tag) => (react_1.default.createElement(ItemList, { key: tag.id },
-                                react_1.default.createElement(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)))))))))));
-        }))) : (react_1.default.createElement(ListRoot, null,
-        renderTitle(),
-        react_1.default.createElement(StackList, { spacing: 1, direction: rest.direction ? rest.direction : 'column' }, tags.map((tag) => (react_1.default.createElement(ItemList, { key: tag.id },
-            react_1.default.createElement(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps))))))))))));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tags.length && ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: type === TagsComponentType.POPPER ? ((0, jsx_runtime_1.jsxs)(TagsPopperRoot, Object.assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, Object.assign({ ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, { children: "label" })), (0, jsx_runtime_1.jsx)(TagsPopper, Object.assign({ open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
+                            {
+                                name: 'preventOverflow',
+                                enabled: true
+                            }
+                        ] }, { children: (_a) => {
+                            var { TransitionProps, placement } = _a, rest = tslib_1.__rest(_a, ["TransitionProps", "placement"]);
+                            return ((0, jsx_runtime_1.jsx)(Grow_1.default, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(Paper_1.default, Object.assign({ variant: 'outlined', className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, Object.assign({ onClickAway: handleClose }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 2 }, rest, { children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] }) })) })) })));
+                        } }))] }))) : ((0, jsx_runtime_1.jsxs)(ListRoot, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] })) })) }));
 }
 exports.default = Tags;

package/lib/cjs/shared/UrlTextField/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 @@ const UrlTextField = (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 = UrlTextField;

package/lib/cjs/shared/UserAvatar/UserAvatar.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 system_1 = require("@mui/system");
 const material_1 = require("@mui/material");
@@ -33,6 +34,6 @@ function UserAvatar(inProps) {
         PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
         return _preferences;
     }, [scPreferences.preferences]);
-    return (react_1.default.createElement(Root, Object.assign({ classes: { root: (0, classnames_1.default)(className, classes.root) }, invisible: hide, overlap: "circular", anchorOrigin: { vertical: 'top', horizontal: 'right' }, showZero: !preferences, badgeContent: react_1.default.createElement(material_1.Avatar, { className: (0, classnames_1.default)(classes.badgeContent, { [classes.badgeContentSmaller]: smaller }), alt: preferences[react_core_1.SCPreferences.STAFF_STAFF_BADGE_LABEL], src: preferences[react_core_1.SCPreferences.STAFF_STAFF_BADGE_ICON] }) }, rest), children));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ classes: { root: (0, classnames_1.default)(className, classes.root) }, invisible: hide, overlap: "circular", anchorOrigin: { vertical: 'top', horizontal: 'right' }, showZero: !preferences, badgeContent: (0, jsx_runtime_1.jsx)(material_1.Avatar, { className: (0, classnames_1.default)(classes.badgeContent, { [classes.badgeContentSmaller]: smaller }), alt: preferences[react_core_1.SCPreferences.STAFF_STAFF_BADGE_LABEL], src: preferences[react_core_1.SCPreferences.STAFF_STAFF_BADGE_ICON] }) }, rest, { children: children })));
 }
 exports.default = UserAvatar;

package/lib/cjs/shared/UserDeletedSnackBar/UserDeletedSnackBar.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 material_1 = require("@mui/material");
@@ -23,11 +23,9 @@ function UserDeletedSnackBar(inProps) {
         name: PREFIX
     });
     const { className, open = false, handleClose } = props, rest = tslib_1.__rest(props, ["className", "open", "handleClose"]);
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root), open: open, autoHideDuration: 3000, onClose: handleClose, anchorOrigin: {
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root), open: open, autoHideDuration: 3000, onClose: handleClose, anchorOrigin: {
             vertical: 'top',
             horizontal: 'center'
-        } }, rest),
-        react_1.default.createElement(material_1.Alert, { severity: "info", onClose: handleClose },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserDeleted", defaultMessage: "ui.common.actionToUserDeleted" }))));
+        } }, rest, { children: (0, jsx_runtime_1.jsx)(material_1.Alert, Object.assign({ severity: "info", onClose: handleClose }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserDeleted", defaultMessage: "ui.common.actionToUserDeleted" }) })) })));
 }
 exports.default = UserDeletedSnackBar;

package/lib/cjs/shared/UsernameTextField/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");
@@ -50,6 +51,6 @@ const UsernameTextField = (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 = UsernameTextField;

package/lib/cjs/shared/VirtualizedScroller/VirtualScrollerChild.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 react_core_1 = require("@selfcommunity/react-core");
 const use_resize_observer_1 = tslib_1.__importDefault(require("use-resize-observer"));
 /**
@@ -26,6 +26,6 @@ const VirtualScrollChild = ({ children, onHeightChange }) => {
             }
         }
     });
-    return react_1.default.createElement("div", { ref: ref }, children);
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, { children: children }));
 };
 exports.default = VirtualScrollChild;

package/lib/cjs/shared/VirtualizedScroller/VirtualizedScroller.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 utils_1 = require("@selfcommunity/utils");
 const react_2 = tslib_1.__importDefault(require("virtual-scroller/react"));
 /**
@@ -78,6 +79,6 @@ function VirtualizedScroller(props) {
             saveVirtualScrollerState(virtualScrollerState.current);
         };
     });
-    return (react_1.default.createElement(react_2.default, Object.assign({ items: items, itemComponent: ItemComponent, onMount: onVirtualScrollerMount }, (getItemId && { getItemId }), { initialState: initialScrollerState ? initialScrollerState : readVirtualScrollerState(), onStateChange: onStateScrollChange, initialScrollPosition: getInitialScrollPosition(), onScrollPositionChange: onScrollPositionChange }, rest)));
+    return ((0, jsx_runtime_1.jsx)(react_2.default, Object.assign({ items: items, itemComponent: ItemComponent, onMount: onVirtualScrollerMount }, (getItemId && { getItemId }), { initialState: initialScrollerState ? initialScrollerState : readVirtualScrollerState(), onStateChange: onStateScrollChange, initialScrollPosition: getInitialScrollPosition(), onScrollPositionChange: onScrollPositionChange }, rest)));
 }
 exports.default = VirtualizedScroller;

package/lib/cjs/utils/contribution.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getRouteData = exports.getContributionRouteName = exports.getContributionHtml = exports.getContributionSnippet = exports.getContribution = exports.getContributionType = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_core_1 = require("@selfcommunity/react-core");
 const types_1 = require("@selfcommunity/types");
 const react_intl_1 = require("react-intl");
@@ -44,10 +43,10 @@ exports.getContribution = getContribution;
  */
 function getContributionSnippet(obj) {
     if (obj.type === types_1.SCContributionType.DISCUSSION) {
-        return obj.summary ? react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: obj.summary } }) : obj.title;
+        return obj.summary ? (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: obj.summary } }) : obj.title;
     }
     else {
-        return obj.summary ? (react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: obj.summary } })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: `ui.common.${obj.type.toLowerCase()}WithoutText`, defaultMessage: `ui.common.${obj.type.toLowerCase()}WithoutText` }));
+        return obj.summary ? ((0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: obj.summary } })) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.common.${obj.type.toLowerCase()}WithoutText`, defaultMessage: `ui.common.${obj.type.toLowerCase()}WithoutText` }));
     }
 }
 exports.getContributionSnippet = getContributionSnippet;

package/lib/cjs/utils/errors.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.catchUnauthorizedActionByBlockedUser = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_intl_1 = require("react-intl");
 /**
  * Catch and display errors when an action is performed and
@@ -14,13 +13,13 @@ function catchUnauthorizedActionByBlockedUser(e, isBlockedByMe, enqueueSnackbar)
     let _cathedErrors = false;
     if (e && e.response && e.response && e.response.status && e.response.status === 403) {
         if (isBlockedByMe) {
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserBlockedByMe", defaultMessage: "ui.common.actionToUserBlockedByMe" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserBlockedByMe", defaultMessage: "ui.common.actionToUserBlockedByMe" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
         }
         else {
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserHasBlockedMe", defaultMessage: "ui.common.actionToUserHasBlockedMe" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserHasBlockedMe", defaultMessage: "ui.common.actionToUserHasBlockedMe" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });