@selfcommunity/react-ui 0.7.50-events.97 → 0.7.50-events.98

package/lib/cjs/components/EventSubscribeButton/EventSubscribeButton.js

@@ -149,7 +149,7 @@ function EventSubscribeButton(inProps) {
         if (!scUserContext.user) {
             scContext.settings.handleAnonymousAction();
         }
-        else {
+        else if (status !== undefined) {
             toggleEventAttendance(event.target.value);
         }
     };
@@ -182,7 +182,7 @@ function EventSubscribeButton(inProps) {
         }
         return _status;
     }, [status, scEvent]);
-    if (!scEvent || status === undefined || (isEventAdmin && (user === null || user === void 0 ? void 0 : user.id) === scUserContext.user.id) || (isEventAdmin && !(user === null || user === void 0 ? void 0 : user.id))) {
+    if (!scEvent || (isEventAdmin && (user === null || user === void 0 ? void 0 : user.id) === scUserContext.user.id) || (isEventAdmin && !(user === null || user === void 0 ? void 0 : user.id))) {
         return null;
     }
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (scEvent === null || scEvent === void 0 ? void 0 : scEvent.privacy) !== types_1.SCEventPrivacyType.PRIVATE ||

package/lib/cjs/components/PlatformWidget/Skeleton.d.ts

@@ -18,4 +18,4 @@
  |root|.SCPlatformWidget-skeleton-root|Styles applied to the root element.|
  *
  */
-export default function PlatformWidgetSkeleton(): JSX.Element;
+export default function PlatformWidgetSkeleton(props: any): JSX.Element;

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

@@ -1,13 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Skeleton_1 = require("../Skeleton");
 const styles_1 = require("@mui/material/styles");
 const constants_1 = require("./constants");
+const Widget_1 = tslib_1.__importDefault(require("../Widget"));
+const material_1 = require("@mui/material");
+const Skeleton_1 = tslib_1.__importDefault(require("@mui/material/Skeleton"));
 const classes = {
-    root: `${constants_1.PREFIX}-skeleton-root`
+    root: `${constants_1.PREFIX}-skeleton-root`,
+    title: `${constants_1.PREFIX}-skeleton-title`,
+    content: `${constants_1.PREFIX}-skeleton-content`,
+    actions: `${constants_1.PREFIX}-skeleton-actions`,
+    tutorial: `${constants_1.PREFIX}-skeleton-tutorial`
 };
-const Root = (0, styles_1.styled)(Skeleton_1.GenericSkeleton, {
+const Root = (0, styles_1.styled)(Widget_1.default, {
     name: constants_1.PREFIX,
     slot: 'SkeletonRoot'
 })(() => ({}));
@@ -31,7 +38,7 @@ const Root = (0, styles_1.styled)(Skeleton_1.GenericSkeleton, {
  |root|.SCPlatformWidget-skeleton-root|Styles applied to the root element.|
  *
  */
-function PlatformWidgetSkeleton() {
-    return (0, jsx_runtime_1.jsx)(Root, { className: classes.root });
+function PlatformWidgetSkeleton(props) {
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root }, props, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, justifyContent: "center", className: classes.content }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, className: classes.title }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", height: 25, width: 170 }) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ item: true, xs: 12, className: classes.actions }, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", height: 35, width: 110 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", height: 35, width: 110 }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", height: 35, width: 110 })] })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, justifyContent: "center", alignItems: "center", className: classes.tutorial }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", variant: "circular", width: 25, height: 25 }) }))] })) })));
 }
 exports.default = PlatformWidgetSkeleton;

package/lib/esm/components/EventSubscribeButton/EventSubscribeButton.js

@@ -147,7 +147,7 @@ export default function EventSubscribeButton(inProps) {
         if (!scUserContext.user) {
             scContext.settings.handleAnonymousAction();
         }
-        else {
+        else if (status !== undefined) {
             toggleEventAttendance(event.target.value);
         }
     };
@@ -180,7 +180,7 @@ export default function EventSubscribeButton(inProps) {
         }
         return _status;
     }, [status, scEvent]);
-    if (!scEvent || status === undefined || (isEventAdmin && (user === null || user === void 0 ? void 0 : user.id) === scUserContext.user.id) || (isEventAdmin && !(user === null || user === void 0 ? void 0 : user.id))) {
+    if (!scEvent || (isEventAdmin && (user === null || user === void 0 ? void 0 : user.id) === scUserContext.user.id) || (isEventAdmin && !(user === null || user === void 0 ? void 0 : user.id))) {
         return null;
     }
     return (_jsx(_Fragment, { children: (scEvent === null || scEvent === void 0 ? void 0 : scEvent.privacy) !== SCEventPrivacyType.PRIVATE ||

package/lib/esm/components/PlatformWidget/Skeleton.d.ts

@@ -18,4 +18,4 @@
  |root|.SCPlatformWidget-skeleton-root|Styles applied to the root element.|
  *
  */
-export default function PlatformWidgetSkeleton(): JSX.Element;
+export default function PlatformWidgetSkeleton(props: any): JSX.Element;

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

@@ -1,11 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { GenericSkeleton } from '../Skeleton';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 import { PREFIX } from './constants';
+import Widget from '../Widget';
+import { Grid } from '@mui/material';
+import Skeleton from '@mui/material/Skeleton';
 const classes = {
-    root: `${PREFIX}-skeleton-root`
+    root: `${PREFIX}-skeleton-root`,
+    title: `${PREFIX}-skeleton-title`,
+    content: `${PREFIX}-skeleton-content`,
+    actions: `${PREFIX}-skeleton-actions`,
+    tutorial: `${PREFIX}-skeleton-tutorial`
 };
-const Root = styled(GenericSkeleton, {
+const Root = styled(Widget, {
     name: PREFIX,
     slot: 'SkeletonRoot'
 })(() => ({}));
@@ -29,6 +35,6 @@ const Root = styled(GenericSkeleton, {
  |root|.SCPlatformWidget-skeleton-root|Styles applied to the root element.|
  *
  */
-export default function PlatformWidgetSkeleton() {
-    return _jsx(Root, { className: classes.root });
+export default function PlatformWidgetSkeleton(props) {
+    return (_jsx(Root, Object.assign({ className: classes.root }, props, { children: _jsxs(Grid, Object.assign({ container: true, justifyContent: "center", className: classes.content }, { children: [_jsx(Grid, Object.assign({ item: true, xs: 12, className: classes.title }, { children: _jsx(Skeleton, { animation: "wave", height: 25, width: 170 }) })), _jsxs(Grid, Object.assign({ item: true, xs: 12, className: classes.actions }, { children: [_jsx(Skeleton, { animation: "wave", height: 35, width: 110 }), _jsx(Skeleton, { animation: "wave", height: 35, width: 110 }), _jsx(Skeleton, { animation: "wave", height: 35, width: 110 })] })), _jsx(Grid, Object.assign({ item: true, xs: 12, justifyContent: "center", alignItems: "center", className: classes.tutorial }, { children: _jsx(Skeleton, { animation: "wave", variant: "circular", width: 25, height: 25 }) }))] })) })));
 }