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

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