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

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"));
@@ -10,6 +11,9 @@ const utils_1 = require("@selfcommunity/utils");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const filter_1 = tslib_1.__importDefault(require("./filter"));
 const constants_1 = require("./constants");
+const Media_1 = require("../../../constants/Media");
+const event_1 = require("../../../types/event");
+const Event_1 = tslib_1.__importDefault(require("../../../components/Event"));
 const classes = {
     displayRoot: `${constants_1.PREFIX}-display-root`,
     sharePreview: `${constants_1.PREFIX}-share-preview`,
@@ -26,6 +30,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: media.type === Media_1.MEDIA_TYPE_EVENT || (media.embed && media.embed.embed_type === Media_1.MEDIA_EMBED_SC_SHARED_EVENT) ? ((0, jsx_runtime_1.jsx)(Event_1.default, { event: media.embed.metadata, template: event_1.SCEventTemplateType.DETAIL, variant: "outlined", square: true, hideEventParticipants: true, hideEventPlanner: true, actions: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) })) : ((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/Media/Share/filter.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const Media_1 = require("../../../constants/Media");
-exports.default = (media) => media.type === Media_1.MEDIA_TYPE_SHARE;
+exports.default = (media) => media.type === Media_1.MEDIA_TYPE_SHARE || media.type === Media_1.MEDIA_TYPE_EVENT;

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/ProgressBar/index.d.ts

@@ -0,0 +1,28 @@
+import { LinearProgressProps } from '@mui/material/LinearProgress';
+import React from 'react';
+export interface ProgressBarProps extends LinearProgressProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * The progress percentage value
+     */
+    value: number;
+    /**
+     * The progress bar loading message
+     * @default null
+     */
+    loadingMessage?: React.ReactNode;
+    /**
+     * Hides the bar, rendering just the massage and percentage
+     * @default false
+     */
+    hideBar?: boolean;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+export default function ProgressBar(props: ProgressBarProps): JSX.Element;

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LinearProgress_1 = tslib_1.__importDefault(require("@mui/material/LinearProgress"));
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const PREFIX = 'SCProgressBar';
+const classes = {
+    root: `${PREFIX}-root`,
+    bar: `${PREFIX}-bar`,
+    progress: `${PREFIX}-progress`,
+    message: `${PREFIX}-message`
+};
+const Root = (0, styles_1.styled)(material_1.Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(() => ({}));
+function ProgressBar(props) {
+    const { className, value, loadingMessage = null, hideBar = false } = props, rest = tslib_1.__rest(props, ["className", "value", "loadingMessage", "hideBar"]);
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.message }, { children: loadingMessage })), !hideBar && (0, jsx_runtime_1.jsx)(LinearProgress_1.default, Object.assign({ variant: "determinate", color: "success", className: classes.bar, value: value }, rest)), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.progress }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4", color: "secondary" }, { children: `${Math.round(value)}%` })) }))] })));
+}
+exports.default = ProgressBar;

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/types/event.d.ts

@@ -0,0 +1,5 @@
+export declare enum SCEventTemplateType {
+    DETAIL = "detail",
+    SNIPPET = "snippet",
+    PREVIEW = "preview"
+}

package/lib/cjs/types/event.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SCEventTemplateType = void 0;
+var SCEventTemplateType;
+(function (SCEventTemplateType) {
+    SCEventTemplateType["DETAIL"] = "detail";
+    SCEventTemplateType["SNIPPET"] = "snippet";
+    SCEventTemplateType["PREVIEW"] = "preview";
+})(SCEventTemplateType = exports.SCEventTemplateType || (exports.SCEventTemplateType = {}));

package/lib/cjs/types/index.d.ts

@@ -7,4 +7,5 @@ import { SCBroadcastMessageTemplateType } from './broadcastMessage';
 import { VirtualScrollerItemProps } from './virtualScroller';
 import { SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations } from './user';
 import { PlatformWidgetActionType } from './platformWidget';
-export { SCFeedWidgetType, SCMediaObjectType, SCMediaChunkType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType };
+import { SCEventTemplateType } from './event';
+export { SCFeedWidgetType, SCMediaObjectType, SCMediaChunkType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType, SCEventTemplateType };

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SCUserSocialAssociations = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.SCBroadcastMessageTemplateType = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCCommentsOrderBy = void 0;
+exports.SCEventTemplateType = exports.SCUserSocialAssociations = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.SCBroadcastMessageTemplateType = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCCommentsOrderBy = void 0;
 const comments_1 = require("./comments");
 Object.defineProperty(exports, "SCCommentsOrderBy", { enumerable: true, get: function () { return comments_1.SCCommentsOrderBy; } });
 const feedObject_1 = require("./feedObject");
@@ -14,3 +14,5 @@ const user_1 = require("./user");
 Object.defineProperty(exports, "SCUserProfileFields", { enumerable: true, get: function () { return user_1.SCUserProfileFields; } });
 Object.defineProperty(exports, "SCUserProfileSettings", { enumerable: true, get: function () { return user_1.SCUserProfileSettings; } });
 Object.defineProperty(exports, "SCUserSocialAssociations", { enumerable: true, get: function () { return user_1.SCUserSocialAssociations; } });
+const event_1 = require("./event");
+Object.defineProperty(exports, "SCEventTemplateType", { enumerable: true, get: function () { return event_1.SCEventTemplateType; } });

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
             });

package/lib/cjs/utils/formatRelativeTime.js

@@ -5,7 +5,7 @@ const getRelativeTime = (date) => {
     const diffInMilliseconds = new Date().getTime() - new Date(date).getTime();
     const seconds = Math.floor(diffInMilliseconds / 1000);
     const minutes = Math.floor(seconds / 60);
-    const hours = Math.floor(minutes / 60);
+    const hours = Math.ceil(minutes / 60);
     const days = Math.floor(hours / 24);
     const weeks = Math.floor(days / 7);
     const months = Math.floor(days / 30);

package/lib/cjs/utils/onBoarding.d.ts

@@ -0,0 +1,2 @@
+export declare function formatColorLabel(obj: any): any;
+export declare function formatLogoLabel(obj: any): any;

package/lib/cjs/utils/onBoarding.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatLogoLabel = exports.formatColorLabel = void 0;
+function formatColorLabel(obj) {
+    let { name } = obj;
+    const colorIndex = name.toLowerCase().indexOf('color');
+    if (colorIndex !== -1 && (colorIndex === 0 || name[colorIndex - 1] !== '_')) {
+        name = name.substring(colorIndex + 5); // 'color' is 5 characters long
+    }
+    const parts = name.split('_').map((part) => part.charAt(0).toUpperCase() + part.slice(1));
+    return parts.join(' ');
+}
+exports.formatColorLabel = formatColorLabel;
+function formatLogoLabel(obj) {
+    return obj
+        .split('_')
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join(' ');
+}
+exports.formatLogoLabel = formatLogoLabel;

package/lib/cjs/utils/string.d.ts

@@ -1 +1,2 @@
 export declare const formatCroppedName: (name: any, maxLength: any) => any;
+export declare const formatEventLocationGeolocation: (geolocation: string | null, isTitle?: boolean) => string;