@selfcommunity/react-ui 0.7.55 → 0.8.0-alpha.0

package/lib/esm/shared/PhoneTextField/index.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { TextField } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
@@ -34,6 +35,6 @@ const PhoneTextField = (props) => {
         onChange && onChange(event);
     };
     // RENDER
-    return React.createElement(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
+    return _jsx(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
 };
 export default PhoneTextField;

package/lib/esm/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/esm/shared/ProgressBar/index.js

@@ -0,0 +1,22 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import LinearProgress from '@mui/material/LinearProgress';
+import { Box, Typography } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import classNames from 'classnames';
+const PREFIX = 'SCProgressBar';
+const classes = {
+    root: `${PREFIX}-root`,
+    bar: `${PREFIX}-bar`,
+    progress: `${PREFIX}-progress`,
+    message: `${PREFIX}-message`
+};
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(() => ({}));
+export default function ProgressBar(props) {
+    const { className, value, loadingMessage = null, hideBar = false } = props, rest = __rest(props, ["className", "value", "loadingMessage", "hideBar"]);
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(Box, Object.assign({ className: classes.message }, { children: loadingMessage })), !hideBar && _jsx(LinearProgress, Object.assign({ variant: "determinate", color: "success", className: classes.bar, value: value }, rest)), _jsx(Box, Object.assign({ className: classes.progress }, { children: _jsx(Typography, Object.assign({ variant: "h4", color: "secondary" }, { children: `${Math.round(value)}%` })) }))] })));
+}

package/lib/esm/shared/ScrollContainer/index.js

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
 import { Scrollbars } from 'react-custom-scrollbars-2';
@@ -33,5 +33,5 @@ export default function ScrollContainer(props) {
      *    return <div style={{width: 20, backgroundColor: '#2e9696'}}></div>;
      *  }
      */
-    return (React.createElement(Root, Object.assign({ autoHideTimeout: autoHideTimeout, autoHide: autoHide, className: classNames(classes.root, className) }, rest), children));
+    return (_jsx(Root, Object.assign({ autoHideTimeout: autoHideTimeout, autoHide: autoHide, className: classNames(classes.root, className) }, rest, { children: children })));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Sticky Boxes with sensible behaviour if the content is bigger than the viewport.
  *
@@ -28,7 +29,7 @@
  * };
  *
  */
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import ResizeObserver from 'resize-observer-polyfill';
 /**
  * getScrollParent
@@ -349,6 +350,6 @@ export const useStickyBox = ({ offsetTop = 0, offsetBottom = 0, bottom = false }
  */
 const StickyBox = ({ offsetTop, offsetBottom, bottom, children, className, style }) => {
     const ref = useStickyBox({ offsetTop, offsetBottom, bottom });
-    return (React.createElement("div", { className: className, style: style, ref: ref }, children));
+    return (_jsx("div", Object.assign({ className: className, style: style, ref: ref }, { children: children })));
 };
 export default StickyBox;

package/lib/esm/shared/TagChip/index.js

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import Chip from '@mui/material/Chip';
 import classNames from 'classnames';
 import { styled } from '@mui/material/styles';
@@ -33,5 +33,5 @@ export default function TagChip(props) {
     /**
      * Renders root object
      */
-    return (React.createElement(Root, Object.assign({ className: classNames(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 (_jsx(Root, Object.assign({ className: classNames(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)));
 }

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

@@ -1,4 +1,5 @@
 import { __rest } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useRef, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import ClickAwayListener from '@mui/material/ClickAwayListener';
@@ -92,9 +93,7 @@ export default function Tags(props) {
      * Renders tag title
      */
     function renderTitle() {
-        return (React.createElement(React.Fragment, null, title && (React.createElement(React.Fragment, null,
-            React.createElement(Typography, { sx: { padding: 1, fontWeight: 600 } }, title),
-            React.createElement(Divider, null)))));
+        return (_jsx(_Fragment, { children: title && (_jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ sx: { padding: 1, fontWeight: 600 } }, { children: title })), _jsx(Divider, {})] })) }));
     }
     /**
      * Returns focus to the button when we transitioned from !open -> open
@@ -109,24 +108,13 @@ export default function Tags(props) {
     /**
      * Renders component
      */
-    return (React.createElement(React.Fragment, null, tags.length && (React.createElement(React.Fragment, null, type === TagsComponentType.POPPER ? (React.createElement(TagsPopperRoot, Object.assign({}, rest),
-        React.createElement(Icon, { ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, "label"),
-        React.createElement(TagsPopper, { open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
-                {
-                    name: 'preventOverflow',
-                    enabled: true
-                }
-            ] }, (_a) => {
-            var { TransitionProps, placement } = _a, rest = __rest(_a, ["TransitionProps", "placement"]);
-            return (React.createElement(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }),
-                React.createElement(Paper, { variant: 'outlined', className: classes.paper },
-                    React.createElement(ClickAwayListener, { onClickAway: handleClose },
-                        React.createElement(React.Fragment, null,
-                            renderTitle(),
-                            React.createElement(StackList, Object.assign({ spacing: 2 }, rest), tags.map((tag) => (React.createElement(ItemList, { key: tag.id },
-                                React.createElement(TagChip, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)))))))))));
-        }))) : (React.createElement(ListRoot, null,
-        renderTitle(),
-        React.createElement(StackList, { spacing: 1, direction: rest.direction ? rest.direction : 'column' }, tags.map((tag) => (React.createElement(ItemList, { key: tag.id },
-            React.createElement(TagChip, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps))))))))))));
+    return (_jsx(_Fragment, { children: tags.length && (_jsx(React.Fragment, { children: type === TagsComponentType.POPPER ? (_jsxs(TagsPopperRoot, Object.assign({}, rest, { children: [_jsx(Icon, Object.assign({ ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, { children: "label" })), _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 = __rest(_a, ["TransitionProps", "placement"]);
+                            return (_jsx(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: _jsx(Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: _jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: _jsxs(_Fragment, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 2 }, rest, { children: tags.map((tag) => (_jsx(ItemList, { children: _jsx(TagChip, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] }) })) })) })));
+                        } }))] }))) : (_jsxs(ListRoot, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags.map((tag) => (_jsx(ItemList, { children: _jsx(TagChip, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] })) })) }));
 }

package/lib/esm/shared/UrlTextField/index.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { TextField } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
@@ -34,6 +35,6 @@ const UrlTextField = (props) => {
         onChange && onChange(event);
     };
     // RENDER
-    return React.createElement(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
+    return _jsx(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
 };
 export default UrlTextField;

package/lib/esm/shared/UserAvatar/UserAvatar.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import { Badge, Avatar } from '@mui/material';
@@ -31,5 +32,5 @@ export default function UserAvatar(inProps) {
         PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
         return _preferences;
     }, [scPreferences.preferences]);
-    return (React.createElement(Root, Object.assign({ classes: { root: classNames(className, classes.root) }, invisible: hide, overlap: "circular", anchorOrigin: { vertical: 'top', horizontal: 'right' }, showZero: !preferences, badgeContent: React.createElement(Avatar, { className: classNames(classes.badgeContent, { [classes.badgeContentSmaller]: smaller }), alt: preferences[SCPreferences.STAFF_STAFF_BADGE_LABEL], src: preferences[SCPreferences.STAFF_STAFF_BADGE_ICON] }) }, rest), children));
+    return (_jsx(Root, Object.assign({ classes: { root: classNames(className, classes.root) }, invisible: hide, overlap: "circular", anchorOrigin: { vertical: 'top', horizontal: 'right' }, showZero: !preferences, badgeContent: _jsx(Avatar, { className: classNames(classes.badgeContent, { [classes.badgeContentSmaller]: smaller }), alt: preferences[SCPreferences.STAFF_STAFF_BADGE_LABEL], src: preferences[SCPreferences.STAFF_STAFF_BADGE_ICON] }) }, rest, { children: children })));
 }

package/lib/esm/shared/UserDeletedSnackBar/UserDeletedSnackBar.js

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import { Snackbar, Alert } from '@mui/material';
@@ -21,10 +21,8 @@ export default function UserDeletedSnackBar(inProps) {
         name: PREFIX
     });
     const { className, open = false, handleClose } = props, rest = __rest(props, ["className", "open", "handleClose"]);
-    return (React.createElement(Root, Object.assign({ className: classNames(className, classes.root), open: open, autoHideDuration: 3000, onClose: handleClose, anchorOrigin: {
+    return (_jsx(Root, Object.assign({ className: classNames(className, classes.root), open: open, autoHideDuration: 3000, onClose: handleClose, anchorOrigin: {
             vertical: 'top',
             horizontal: 'center'
-        } }, rest),
-        React.createElement(Alert, { severity: "info", onClose: handleClose },
-            React.createElement(FormattedMessage, { id: "ui.common.actionToUserDeleted", defaultMessage: "ui.common.actionToUserDeleted" }))));
+        } }, rest, { children: _jsx(Alert, Object.assign({ severity: "info", onClose: handleClose }, { children: _jsx(FormattedMessage, { id: "ui.common.actionToUserDeleted", defaultMessage: "ui.common.actionToUserDeleted" }) })) })));
 }

package/lib/esm/shared/UsernameTextField/index.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { TextField } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
@@ -48,6 +49,6 @@ const UsernameTextField = (props) => {
         onChange && onChange(event);
     };
     // RENDER
-    return React.createElement(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
+    return _jsx(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
 };
 export default UsernameTextField;

package/lib/esm/shared/VirtualizedScroller/VirtualScrollerChild.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useIsComponentMountedRef } from '@selfcommunity/react-core';
 import useResizeObserver from 'use-resize-observer';
 /**
@@ -23,6 +23,6 @@ const VirtualScrollChild = ({ children, onHeightChange }) => {
             }
         }
     });
-    return React.createElement("div", { ref: ref }, children);
+    return _jsx("div", Object.assign({ ref: ref }, { children: children }));
 };
 export default VirtualScrollChild;

package/lib/esm/shared/VirtualizedScroller/VirtualizedScroller.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useEffect, useMemo, useRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from 'react';
 import { CacheStrategies, LRUCache } from '@selfcommunity/utils';
 import VirtualScroller from 'virtual-scroller/react';
 /**
@@ -76,5 +77,5 @@ export default function VirtualizedScroller(props) {
             saveVirtualScrollerState(virtualScrollerState.current);
         };
     });
-    return (React.createElement(VirtualScroller, Object.assign({ items: items, itemComponent: ItemComponent, onMount: onVirtualScrollerMount }, (getItemId && { getItemId }), { initialState: initialScrollerState ? initialScrollerState : readVirtualScrollerState(), onStateChange: onStateScrollChange, initialScrollPosition: getInitialScrollPosition(), onScrollPositionChange: onScrollPositionChange }, rest)));
+    return (_jsx(VirtualScroller, Object.assign({ items: items, itemComponent: ItemComponent, onMount: onVirtualScrollerMount }, (getItemId && { getItemId }), { initialState: initialScrollerState ? initialScrollerState : readVirtualScrollerState(), onStateChange: onStateScrollChange, initialScrollPosition: getInitialScrollPosition(), onScrollPositionChange: onScrollPositionChange }, rest)));
 }

package/lib/esm/types/event.d.ts

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

package/lib/esm/types/event.js

@@ -0,0 +1,6 @@
+export var SCEventTemplateType;
+(function (SCEventTemplateType) {
+    SCEventTemplateType["DETAIL"] = "detail";
+    SCEventTemplateType["SNIPPET"] = "snippet";
+    SCEventTemplateType["PREVIEW"] = "preview";
+})(SCEventTemplateType || (SCEventTemplateType = {}));

package/lib/esm/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/esm/types/index.js

@@ -3,4 +3,5 @@ import { SCFeedObjectActivitiesType, SCFeedObjectTemplateType } from './feedObje
 import { SCNotificationObjectTemplateType } from './notification';
 import { SCBroadcastMessageTemplateType } from './broadcastMessage';
 import { SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations } from './user';
-export { SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations };
+import { SCEventTemplateType } from './event';
+export { SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, SCEventTemplateType };

package/lib/esm/utils/contribution.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SCRoutes } from '@selfcommunity/react-core';
 import { SCContributionType } from '@selfcommunity/types';
 import { FormattedMessage } from 'react-intl';
@@ -38,10 +38,10 @@ export function getContribution(obj) {
  */
 export function getContributionSnippet(obj) {
     if (obj.type === SCContributionType.DISCUSSION) {
-        return obj.summary ? React.createElement("span", { dangerouslySetInnerHTML: { __html: obj.summary } }) : obj.title;
+        return obj.summary ? _jsx("span", { dangerouslySetInnerHTML: { __html: obj.summary } }) : obj.title;
     }
     else {
-        return obj.summary ? (React.createElement("span", { dangerouslySetInnerHTML: { __html: obj.summary } })) : (React.createElement(FormattedMessage, { id: `ui.common.${obj.type.toLowerCase()}WithoutText`, defaultMessage: `ui.common.${obj.type.toLowerCase()}WithoutText` }));
+        return obj.summary ? (_jsx("span", { dangerouslySetInnerHTML: { __html: obj.summary } })) : (_jsx(FormattedMessage, { id: `ui.common.${obj.type.toLowerCase()}WithoutText`, defaultMessage: `ui.common.${obj.type.toLowerCase()}WithoutText` }));
     }
 }
 /**

package/lib/esm/utils/errors.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FormattedMessage } from 'react-intl';
 /**
  * Catch and display errors when an action is performed and
@@ -10,13 +10,13 @@ export function catchUnauthorizedActionByBlockedUser(e, isBlockedByMe, enqueueSn
     let _cathedErrors = false;
     if (e && e.response && e.response && e.response.status && e.response.status === 403) {
         if (isBlockedByMe) {
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.actionToUserBlockedByMe", defaultMessage: "ui.common.actionToUserBlockedByMe" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.actionToUserBlockedByMe", defaultMessage: "ui.common.actionToUserBlockedByMe" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
         }
         else {
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.actionToUserHasBlockedMe", defaultMessage: "ui.common.actionToUserHasBlockedMe" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.actionToUserHasBlockedMe", defaultMessage: "ui.common.actionToUserHasBlockedMe" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });

package/lib/esm/utils/formatRelativeTime.js

@@ -2,7 +2,7 @@ export 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/esm/utils/onBoarding.d.ts

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

package/lib/esm/utils/onBoarding.js

@@ -0,0 +1,15 @@
+export 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(' ');
+}
+export function formatLogoLabel(obj) {
+    return obj
+        .split('_')
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join(' ');
+}

package/lib/esm/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;

package/lib/esm/utils/string.js

@@ -4,3 +4,13 @@ export const formatCroppedName = (name, maxLength) => {
     }
     return name.substring(0, maxLength) + '...';
 };
+export const formatEventLocationGeolocation = (geolocation, isTitle) => {
+    if (!geolocation) {
+        return null;
+    }
+    const parts = geolocation.split(',');
+    if (isTitle) {
+        return parts[0].trim();
+    }
+    return parts.slice(1).join(',').trim();
+};