@selfcommunity/react-ui 0.11.0-mui7.27 → 0.11.0-mui7.30

package/lib/cjs/components/EventLocationWidget/EventMap.js

@@ -11,10 +11,16 @@ function EventMap(props) {
     if (!isLoaded) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(react_google_maps_1.Map, Object.assign({ className: className, center: {
+    /**
+     * Valid mapId for AdvancedMarker
+     * https://visgl.github.io/react-google-maps/docs/guides/ssr-and-frameworks
+     * https://developers.google.com/maps/deprecations
+     * https://developers.google.com/maps/documentation/javascript/advanced-markers/migration
+     */
+    return ((0, jsx_runtime_1.jsx)(react_google_maps_1.Map, Object.assign({ className: className, mapId: "aef14f6caa750c5616b23934", defaultCenter: {
             lat: event.geolocation_lat,
             lng: event.geolocation_lng
-        }, zoom: 15, fullscreenControl: false, mapTypeControl: false, streetViewControl: false, zoomControl: false }, { children: (0, jsx_runtime_1.jsx)(react_google_maps_1.Marker, { position: {
+        }, zoom: 15, gestureHandling: "greedy", fullscreenControl: false, mapTypeControl: false, streetViewControl: false, zoomControl: false }, { children: (0, jsx_runtime_1.jsx)(react_google_maps_1.AdvancedMarker, { position: {
                 lat: event.geolocation_lat,
                 lng: event.geolocation_lng
             } }) })));

package/lib/cjs/components/PlatformWidget/PlatformWidget.js

@@ -297,7 +297,7 @@ function PlatformWidget(inProps) {
     /**
      * Renders platform card
      */
-    const content = ((0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, width: "100%", spacing: isAdmin ? 1 : 3, justifyContent: "center", className: classes.content }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ size: "grow" }, { children: title ? (title) : ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.title }, { children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.platformWidget.title.tooltip", defaultMessage: "ui.platformWidget.title.tooltip" }), placement: "top" }, { children: (0, jsx_runtime_1.jsx)("img", { src: logo_1.default, alt: "logo" }) })) }))) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ className: classes.actions }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { size: 1, className: classes.action }), actions.map((a, i) => {
+    const content = ((0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, width: "100%", spacing: isAdmin ? 1 : 3, justifyContent: "center", className: classes.content }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ size: "grow" }, { children: title ? (title) : ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.title }, { children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.platformWidget.title.tooltip", defaultMessage: "ui.platformWidget.title.tooltip" }), placement: "top" }, { children: (0, jsx_runtime_1.jsx)("img", { src: logo_1.default, alt: "logo" }) })) }))) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ size: 12, className: classes.actions }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { size: 1, className: classes.action }), actions.map((a, i) => {
                         return ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ size: "auto", className: (0, classnames_1.default)(classes.action, { [classes.actionHighlighted]: tutorialIndex === i && isTutorialOpen }) }, { children: a.render }), i));
                     }), (0, jsx_runtime_1.jsx)(material_1.Grid, { size: 1, className: classes.action })] }))] })));
     /**

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

@@ -10,7 +10,7 @@ const PREFIX = 'SCTags';
 const TagsPopperRoot = (0, material_1.styled)(material_1.Box, {
     name: `${PREFIX}`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(() => ({
     cursor: 'pointer'
 }));
@@ -23,7 +23,7 @@ const classes = {
 const TagsPopper = (0, material_1.styled)(material_1.Popper, {
     name: `${PREFIX}Popper`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(() => ({
     zIndex: 2,
     [`& .${classes.paper}`]: {
@@ -36,12 +36,12 @@ const TagsPopper = (0, material_1.styled)(material_1.Popper, {
 const ListRoot = (0, material_1.styled)(material_1.Stack, {
     name: `${PREFIX}List`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })({});
 const StackList = (0, material_1.styled)(material_1.Stack, {
     name: `${PREFIX}Stack`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })({
     flexWrap: 'wrap',
     justifyContent: 'flex-start',
@@ -53,7 +53,7 @@ const StackList = (0, material_1.styled)(material_1.Stack, {
 const ItemList = (0, material_1.styled)(material_1.Box, {
     name: `${PREFIX}ItemList`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(({ theme }) => ({
     padding: theme.spacing(0.2),
     textAlign: 'center',
@@ -66,7 +66,7 @@ var TagsComponentType;
 })(TagsComponentType = exports.TagsComponentType || (exports.TagsComponentType = {}));
 function Tags(props) {
     // PROPS
-    const { tags = [], title = null, type = TagsComponentType.POPPER, onOpen = null, onClose = null, onClickTag = null, TagChipProps = {} } = props, rest = tslib_1.__rest(props, ["tags", "title", "type", "onOpen", "onClose", "onClickTag", "TagChipProps"]);
+    const { tags = [], title = null, type = TagsComponentType.POPPER, onClickTag = null, TagChipProps = {} } = props, rest = tslib_1.__rest(props, ["tags", "title", "type", "onClickTag", "TagChipProps"]);
     // STATE
     const [open, setOpen] = (0, react_1.useState)(false);
     let popperRef = (0, react_1.useRef)(null);
@@ -77,13 +77,13 @@ function Tags(props) {
             rest.onOpen(!open);
         }
     }
-    function handleClose() {
+    function handleClose(event) {
         if (popperRef.current && popperRef.current.contains(event.target)) {
             return;
         }
         setOpen(false);
         if (rest.onClose) {
-            rest.onClose();
+            rest.onClose(event);
         }
     }
     /**
@@ -112,7 +112,7 @@ function Tags(props) {
                             }
                         ] }, { children: (_a) => {
                             var { TransitionProps, placement } = _a, rest = tslib_1.__rest(_a, ["TransitionProps", "placement"]);
-                            return ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "outlined", className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, 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
+                            return ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "outlined", className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 2 }, rest, { children: tags
                                                         .filter((tag) => tag.visible)
                                                         .map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps, { showDescription: true })) }, 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

package/lib/esm/components/EventLocationWidget/EventMap.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSCGoogleApiLoader } from '@selfcommunity/react-core';
-import { Map, Marker } from '@vis.gl/react-google-maps';
+import { Map, AdvancedMarker } from '@vis.gl/react-google-maps';
 export default function EventMap(props) {
     // PROPS
     const { event, className } = props;
@@ -9,10 +9,16 @@ export default function EventMap(props) {
     if (!isLoaded) {
         return null;
     }
-    return (_jsx(Map, Object.assign({ className: className, center: {
+    /**
+     * Valid mapId for AdvancedMarker
+     * https://visgl.github.io/react-google-maps/docs/guides/ssr-and-frameworks
+     * https://developers.google.com/maps/deprecations
+     * https://developers.google.com/maps/documentation/javascript/advanced-markers/migration
+     */
+    return (_jsx(Map, Object.assign({ className: className, mapId: "aef14f6caa750c5616b23934", defaultCenter: {
             lat: event.geolocation_lat,
             lng: event.geolocation_lng
-        }, zoom: 15, fullscreenControl: false, mapTypeControl: false, streetViewControl: false, zoomControl: false }, { children: _jsx(Marker, { position: {
+        }, zoom: 15, gestureHandling: "greedy", fullscreenControl: false, mapTypeControl: false, streetViewControl: false, zoomControl: false }, { children: _jsx(AdvancedMarker, { position: {
                 lat: event.geolocation_lat,
                 lng: event.geolocation_lng
             } }) })));

package/lib/esm/components/PlatformWidget/PlatformWidget.js

@@ -295,7 +295,7 @@ export default function PlatformWidget(inProps) {
     /**
      * Renders platform card
      */
-    const content = (_jsxs(Grid, Object.assign({ container: true, width: "100%", spacing: isAdmin ? 1 : 3, justifyContent: "center", className: classes.content }, { children: [_jsx(Grid, Object.assign({ size: "grow" }, { children: title ? (title) : (_jsx(Box, Object.assign({ className: classes.title }, { children: _jsx(Tooltip, Object.assign({ title: _jsx(FormattedMessage, { id: "ui.platformWidget.title.tooltip", defaultMessage: "ui.platformWidget.title.tooltip" }), placement: "top" }, { children: _jsx("img", { src: LogoPlaceholder, alt: "logo" }) })) }))) })), _jsxs(Grid, Object.assign({ className: classes.actions }, { children: [_jsx(Grid, { size: 1, className: classes.action }), actions.map((a, i) => {
+    const content = (_jsxs(Grid, Object.assign({ container: true, width: "100%", spacing: isAdmin ? 1 : 3, justifyContent: "center", className: classes.content }, { children: [_jsx(Grid, Object.assign({ size: "grow" }, { children: title ? (title) : (_jsx(Box, Object.assign({ className: classes.title }, { children: _jsx(Tooltip, Object.assign({ title: _jsx(FormattedMessage, { id: "ui.platformWidget.title.tooltip", defaultMessage: "ui.platformWidget.title.tooltip" }), placement: "top" }, { children: _jsx("img", { src: LogoPlaceholder, alt: "logo" }) })) }))) })), _jsxs(Grid, Object.assign({ size: 12, className: classes.actions }, { children: [_jsx(Grid, { size: 1, className: classes.action }), actions.map((a, i) => {
                         return (_jsx(Grid, Object.assign({ size: "auto", className: classNames(classes.action, { [classes.actionHighlighted]: tutorialIndex === i && isTutorialOpen }) }, { children: a.render }), i));
                     }), _jsx(Grid, { size: 1, className: classes.action })] }))] })));
     /**

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

@@ -7,7 +7,7 @@ const PREFIX = 'SCTags';
 const TagsPopperRoot = styled(Box, {
     name: `${PREFIX}`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(() => ({
     cursor: 'pointer'
 }));
@@ -20,7 +20,7 @@ const classes = {
 const TagsPopper = styled(Popper, {
     name: `${PREFIX}Popper`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(() => ({
     zIndex: 2,
     [`& .${classes.paper}`]: {
@@ -33,12 +33,12 @@ const TagsPopper = styled(Popper, {
 const ListRoot = styled(Stack, {
     name: `${PREFIX}List`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })({});
 const StackList = styled(Stack, {
     name: `${PREFIX}Stack`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })({
     flexWrap: 'wrap',
     justifyContent: 'flex-start',
@@ -50,7 +50,7 @@ const StackList = styled(Stack, {
 const ItemList = styled(Box, {
     name: `${PREFIX}ItemList`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(({ theme }) => ({
     padding: theme.spacing(0.2),
     textAlign: 'center',
@@ -63,7 +63,7 @@ export var TagsComponentType;
 })(TagsComponentType || (TagsComponentType = {}));
 export default function Tags(props) {
     // PROPS
-    const { tags = [], title = null, type = TagsComponentType.POPPER, onOpen = null, onClose = null, onClickTag = null, TagChipProps = {} } = props, rest = __rest(props, ["tags", "title", "type", "onOpen", "onClose", "onClickTag", "TagChipProps"]);
+    const { tags = [], title = null, type = TagsComponentType.POPPER, onClickTag = null, TagChipProps = {} } = props, rest = __rest(props, ["tags", "title", "type", "onClickTag", "TagChipProps"]);
     // STATE
     const [open, setOpen] = useState(false);
     let popperRef = useRef(null);
@@ -74,13 +74,13 @@ export default function Tags(props) {
             rest.onOpen(!open);
         }
     }
-    function handleClose() {
+    function handleClose(event) {
         if (popperRef.current && popperRef.current.contains(event.target)) {
             return;
         }
         setOpen(false);
         if (rest.onClose) {
-            rest.onClose();
+            rest.onClose(event);
         }
     }
     /**
@@ -109,7 +109,7 @@ export default function Tags(props) {
                             }
                         ] }, { 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
+                            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(Box, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 2 }, rest, { children: tags
                                                         .filter((tag) => tag.visible)
                                                         .map((tag) => (_jsx(ItemList, { children: _jsx(TagChip, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps, { showDescription: true })) }, tag.id))) }))] }) })) })) })));
                         } }))] }))) : (_jsxs(ListRoot, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags