@selfcommunity/react-theme-default 0.1.50-alpha.0 → 0.1.50-event.28

package/lib/cjs/index.d.ts

@@ -4,6 +4,9 @@ import './fonts/community-icons.css';
 /**
  * Style fragments - Imports - End
  */
+/**
+ * Export default theme
+ */
 declare const theme: {
     typography: {
         htmlFontSize: number;
@@ -174,11 +177,7 @@ declare const theme: {
         MuiIcon: {
             defaultProps: {
                 baseClassName: string;
-            };
-            styleOverrides: {
-                root: ({ theme }: any) => {
-                    fontSize: string;
-                };
+                fontSize: string;
             };
         };
         MuiIconButton: {
@@ -3348,6 +3347,14 @@ declare const theme: {
                 };
             };
         };
+        SCDefaultHeaderContent: {
+            styleOverrides: {
+                root: () => {
+                    display: string;
+                    alignItems: string;
+                };
+            };
+        };
         SCNavigationToolbar: {
             styleOverrides: {
                 root: ({ theme }: any) => {
@@ -6275,6 +6282,181 @@ declare const theme: {
                 dialogRoot: ({ theme }: any) => {};
             };
         };
+        SCEventForm: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCEventForm-cover': {
+                        position: string;
+                        height: number;
+                        minHeight: number;
+                        '& .SCEventForm-upload-event-cover-root': {
+                            position: string;
+                            right: any;
+                            bottom: any;
+                            padding: any;
+                            minWidth: string;
+                        };
+                    };
+                    '& .SCEventForm-header': {
+                        marginTop: any;
+                        color: any;
+                    };
+                    '& .SCEventForm-form': {
+                        '& .SCEventForm-picker': {
+                            width: string;
+                        };
+                        '& .MuiTextField-root, .SCEventForm-frequency': {
+                            marginBottom: any;
+                        };
+                        '& .MuiButton-text': {
+                            justifyContent: string;
+                            paddingLeft: any;
+                            '&:hover': {
+                                backgroundColor: string;
+                            };
+                        };
+                    };
+                    '& .SCEventForm-date-time': {
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        gap: any;
+                    };
+                    '& .SCEventForm-error': {
+                        color: any;
+                    };
+                    '& .SCEventForm-switch': {
+                        '& .MuiButtonBase-root': {
+                            '&.Mui-checked': {
+                                color: any;
+                                '& + .MuiSwitch-track': {
+                                    backgroundColor: any;
+                                };
+                            };
+                        };
+                    };
+                    '& .SCEventForm-switch-label': {
+                        fontWeight: any;
+                        display: string;
+                        alignItems: string;
+                        justifyContent: string;
+                        gap: any;
+                    };
+                    '& .SCEventForm-active': {
+                        color: any;
+                    };
+                    '& .SCEventForm-privacy-section': {
+                        marginTop: any;
+                        justifyContent: string;
+                        '& .SCEventForm-privacy-section-info': {
+                            marginBottom: any;
+                        };
+                    };
+                    '& .SCEventForm-visibility-section-info': {
+                        marginTop: any;
+                    };
+                    '& .MuiDivider-root': {
+                        marginTop: any;
+                        border: string;
+                    };
+                    '& .MuiDialogTitle-root': {
+                        '& span': {
+                            flexGrow: number;
+                            textAlign: string;
+                        };
+                    };
+                    '& .SCEventForm-event-address-root': {
+                        backgroundColor: any;
+                        borderRadius: number;
+                        '& .SCEventForm-event-address-tabs': {
+                            padding: any;
+                            '& .MuiTabs-indicator': {
+                                bottom: any;
+                            };
+                        };
+                        '& .SCEventForm-event-address-tab': {
+                            minHeight: number;
+                            textTransform: string;
+                        };
+                        '& .SCEventForm-event-address-tab-content': {
+                            padding: any;
+                        };
+                    };
+                };
+            };
+        };
+        SCCreateEventButton: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .MuiButton-startIcon': {
+                        '& .MuiIcon-root': {
+                            fontSize: string;
+                        };
+                    };
+                };
+            };
+        };
+        SCEventLocationWidget: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    [x: number]: {
+                        width: number;
+                    };
+                    '& .SCEventLocationWidget-title, & .SCEventLocationWidget-location-title': {
+                        fontWeight: any;
+                    };
+                    '& .SCEventLocationWidget-map': {
+                        marginBottom: any;
+                        height: number;
+                        width: string;
+                    };
+                };
+                skeletonRoot: ({ theme }: any) => {
+                    [x: number]: {
+                        width: number;
+                    };
+                    '& .SCEventLocationWidget-skeleton-map': {
+                        margin: any;
+                        height: number;
+                        width: string;
+                    };
+                };
+            };
+        };
+        SCEvent: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    [x: number]: {
+                        borderRadius: any;
+                    };
+                    borderRadius: number;
+                    paddingBottom: number;
+                    overflow: string;
+                    '& .SCBaseItemButton-image': {
+                        marginRight: any;
+                        '& .MuiAvatar-root': {
+                            width: number;
+                            height: number;
+                            '& img': {
+                                borderRadius: number;
+                            };
+                        };
+                    };
+                    '& .SCBaseItemButton-text': {
+                        fontSize: any;
+                        '& .SCEvent-primary': {
+                            '& p': {
+                                fontWeight: any;
+                            };
+                        };
+                        '& .SCEvent-secondary': {
+                            color: any;
+                        };
+                    };
+                };
+                skeletonRoot: ({ theme }: any) => {};
+            };
+        };
     };
     selfcommunity: {
         user: {

package/lib/cjs/index.js

@@ -88,6 +88,7 @@ const SCBullet_1 = tslib_1.__importDefault(require("./components/SCBullet"));
 const SCAccountDataPortability_1 = tslib_1.__importDefault(require("./components/SCAccountDataPortability"));
 const SCAccountDelete_1 = tslib_1.__importDefault(require("./components/SCAccountDelete"));
 const SCNavigationMenuIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationMenuIconButton"));
+const SCDefaultHeaderContent_1 = tslib_1.__importDefault(require("./components/SCDefaultHeaderContent"));
 const SCPreviewMediaLink_1 = tslib_1.__importDefault(require("./components/SCPreviewMediaLink"));
 const SCUserAvatar_1 = tslib_1.__importDefault(require("./components/SCUserAvatar"));
 const SCAccountReset_1 = tslib_1.__importDefault(require("./components/SCAccountReset"));
@@ -138,9 +139,16 @@ const SCGroupAutocomplete_1 = tslib_1.__importDefault(require("./components/SCGr
 const SCGroupSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCGroupSettingsIconButton"));
 const SCGroupInvitedWidget_1 = tslib_1.__importDefault(require("./components/SCGroupInvitedWidget"));
 const SCUserSubscribedGroupsWidget_1 = tslib_1.__importDefault(require("./components/SCUserSubscribedGroupsWidget"));
+const SCEventForm_1 = tslib_1.__importDefault(require("./components/SCEventForm"));
+const SCCreateEventButton_1 = tslib_1.__importDefault(require("./components/SCCreateEventButton"));
+const SCEventLocationWidget_1 = tslib_1.__importDefault(require("./components/SCEventLocationWidget"));
+const SCEvent_1 = tslib_1.__importDefault(require("./components/SCEvent"));
 /**
  * Style fragments - Imports - End
  */
+/**
+ * Export default theme
+ */
 const theme = {
     // palette: {
     //   background: {
@@ -261,6 +269,7 @@ const theme = {
         SCMediaFile: SCMediaFile_1.default,
         SCMediaLink: SCMediaLink_1.default,
         SCNavigationSettingsIconButton: SCNavigationSettingsIconButton_1.default,
+        SCDefaultHeaderContent: SCDefaultHeaderContent_1.default,
         SCNavigationToolbar: SCNavigationToolbar_1.default,
         SCNavigationToolbarMobile: SCNavigationToolbarMobile_1.default,
         SCNotification: SCNotification_1.default,
@@ -336,7 +345,11 @@ const theme = {
         SCGroupAutocomplete: SCGroupAutocomplete_1.default,
         SCGroupSettingsIconButton: SCGroupSettingsIconButton_1.default,
         SCGroupInvitedWidget: SCGroupInvitedWidget_1.default,
-        SCUserSubscribedGroupsWidget: SCUserSubscribedGroupsWidget_1.default
+        SCUserSubscribedGroupsWidget: SCUserSubscribedGroupsWidget_1.default,
+        SCEventForm: SCEventForm_1.default,
+        SCCreateEventButton: SCCreateEventButton_1.default,
+        SCEventLocationWidget: SCEventLocationWidget_1.default,
+        SCEvent: SCEvent_1.default
     },
     selfcommunity: {
         user: {

package/lib/esm/components/MuiIcon.d.ts

@@ -1,11 +1,7 @@
 declare const Component: {
     defaultProps: {
         baseClassName: string;
-    };
-    styleOverrides: {
-        root: ({ theme }: any) => {
-            fontSize: string;
-        };
+        fontSize: string;
     };
 };
 export default Component;

package/lib/esm/components/MuiIcon.js

@@ -1,12 +1,8 @@
 const Component = {
     defaultProps: {
         // Replace the `material-icons` default value.
-        baseClassName: 'community-icons'
-    },
-    styleOverrides: {
-        root: ({ theme }) => ({
-            fontSize: 'inherit'
-        })
+        baseClassName: 'community-icons',
+        fontSize: 'inherit'
     }
 };
 export default Component;

package/lib/esm/components/SCCreateEventButton.d.ts

@@ -0,0 +1,12 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .MuiButton-startIcon': {
+                '& .MuiIcon-root': {
+                    fontSize: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCCreateEventButton.js

@@ -0,0 +1,12 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .MuiButton-startIcon': {
+                '& .MuiIcon-root': {
+                    fontSize: '0.75rem !important'
+                }
+            }
+        })
+    }
+};
+export default Component;

package/lib/esm/components/SCDefaultHeaderContent.d.ts

@@ -0,0 +1,9 @@
+declare const Component: {
+    styleOverrides: {
+        root: () => {
+            display: string;
+            alignItems: string;
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCDefaultHeaderContent.js

@@ -0,0 +1,9 @@
+const Component = {
+    styleOverrides: {
+        root: () => ({
+            display: 'flex',
+            alignItems: 'center'
+        })
+    }
+};
+export default Component;

package/lib/esm/components/SCEvent.d.ts

@@ -0,0 +1,35 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            [x: number]: {
+                borderRadius: any;
+            };
+            borderRadius: number;
+            paddingBottom: number;
+            overflow: string;
+            '& .SCBaseItemButton-image': {
+                marginRight: any;
+                '& .MuiAvatar-root': {
+                    width: number;
+                    height: number;
+                    '& img': {
+                        borderRadius: number;
+                    };
+                };
+            };
+            '& .SCBaseItemButton-text': {
+                fontSize: any;
+                '& .SCEvent-primary': {
+                    '& p': {
+                        fontWeight: any;
+                    };
+                };
+                '& .SCEvent-secondary': {
+                    color: any;
+                };
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {};
+    };
+};
+export default Component;

package/lib/esm/components/SCEvent.js

@@ -0,0 +1,35 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            borderRadius: 0,
+            paddingBottom: 0,
+            overflow: 'visible',
+            [theme.breakpoints.up('sm')]: {
+                borderRadius: theme.shape.borderRadiusSm
+            },
+            '& .SCBaseItemButton-image': {
+                marginRight: theme.spacing(1.25),
+                '& .MuiAvatar-root': {
+                    width: 100,
+                    height: 60,
+                    '& img': {
+                        borderRadius: 0
+                    }
+                }
+            },
+            '& .SCBaseItemButton-text': {
+                fontSize: theme.typography.fontSize,
+                '& .SCEvent-primary': {
+                    '& p': {
+                        fontWeight: theme.typography.fontWeightBold
+                    }
+                },
+                '& .SCEvent-secondary': {
+                    color: theme.palette.text.secondary
+                }
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({})
+    }
+};
+export default Component;

package/lib/esm/components/SCEventForm.d.ts

@@ -0,0 +1,104 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCEventForm-cover': {
+                position: string;
+                height: number;
+                minHeight: number;
+                '& .SCEventForm-upload-event-cover-root': {
+                    position: string;
+                    right: any;
+                    bottom: any;
+                    padding: any;
+                    minWidth: string;
+                };
+            };
+            '& .SCEventForm-header': {
+                marginTop: any;
+                color: any;
+            };
+            '& .SCEventForm-form': {
+                '& .SCEventForm-picker': {
+                    width: string;
+                };
+                '& .MuiTextField-root, .SCEventForm-frequency': {
+                    marginBottom: any;
+                };
+                '& .MuiButton-text': {
+                    justifyContent: string;
+                    paddingLeft: any;
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            '& .SCEventForm-date-time': {
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                gap: any;
+            };
+            '& .SCEventForm-error': {
+                color: any;
+            };
+            '& .SCEventForm-switch': {
+                '& .MuiButtonBase-root': {
+                    '&.Mui-checked': {
+                        color: any;
+                        '& + .MuiSwitch-track': {
+                            backgroundColor: any;
+                        };
+                    };
+                };
+            };
+            '& .SCEventForm-switch-label': {
+                fontWeight: any;
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                gap: any;
+            };
+            '& .SCEventForm-active': {
+                color: any;
+            };
+            '& .SCEventForm-privacy-section': {
+                marginTop: any;
+                justifyContent: string;
+                '& .SCEventForm-privacy-section-info': {
+                    marginBottom: any;
+                };
+            };
+            '& .SCEventForm-visibility-section-info': {
+                marginTop: any;
+            };
+            '& .MuiDivider-root': {
+                marginTop: any;
+                border: string;
+            };
+            '& .MuiDialogTitle-root': {
+                '& span': {
+                    flexGrow: number;
+                    textAlign: string;
+                };
+            };
+            '& .SCEventForm-event-address-root': {
+                backgroundColor: any;
+                borderRadius: number;
+                '& .SCEventForm-event-address-tabs': {
+                    padding: any;
+                    '& .MuiTabs-indicator': {
+                        bottom: any;
+                    };
+                };
+                '& .SCEventForm-event-address-tab': {
+                    minHeight: number;
+                    textTransform: string;
+                };
+                '& .SCEventForm-event-address-tab-content': {
+                    padding: any;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCEventForm.js

@@ -0,0 +1,105 @@
+import { alpha } from '@mui/system';
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCEventForm-cover': {
+                position: 'relative',
+                height: 120,
+                minHeight: 120,
+                '& .SCEventForm-upload-event-cover-root': {
+                    position: 'absolute',
+                    right: theme.spacing(2),
+                    bottom: theme.spacing(1),
+                    padding: theme.spacing(1),
+                    minWidth: 'auto'
+                }
+            },
+            '& .SCEventForm-header': {
+                marginTop: theme.spacing(4.5),
+                color: theme.palette.text.secondary
+            },
+            '& .SCEventForm-form': {
+                '& .SCEventForm-picker': {
+                    width: '50%'
+                },
+                '& .MuiTextField-root, .SCEventForm-frequency': {
+                    marginBottom: theme.spacing(2)
+                },
+                '& .MuiButton-text': {
+                    justifyContent: 'start',
+                    paddingLeft: theme.spacing(1),
+                    '&:hover': {
+                        backgroundColor: 'transparent'
+                    }
+                }
+            },
+            '& .SCEventForm-date-time': {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                gap: theme.spacing(1)
+            },
+            '& .SCEventForm-error': {
+                color: theme.palette.error.main
+            },
+            '& .SCEventForm-switch': {
+                '& .MuiButtonBase-root': {
+                    '&.Mui-checked': {
+                        color: theme.palette.secondary.main,
+                        '& + .MuiSwitch-track': {
+                            backgroundColor: theme.palette.secondary.main
+                        }
+                    }
+                }
+            },
+            '& .SCEventForm-switch-label': {
+                fontWeight: theme.typography.fontWeightMedium,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: theme.spacing(0.5)
+            },
+            '& .SCEventForm-active': {
+                color: theme.palette.secondary.main
+            },
+            '& .SCEventForm-privacy-section': {
+                marginTop: theme.spacing(2),
+                justifyContent: 'center',
+                '& .SCEventForm-privacy-section-info': {
+                    marginBottom: theme.spacing(2)
+                }
+            },
+            '& .SCEventForm-visibility-section-info': {
+                marginTop: theme.spacing(1)
+            },
+            '& .MuiDivider-root': {
+                marginTop: theme.spacing(2),
+                border: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`
+            },
+            '& .MuiDialogTitle-root': {
+                '& span': {
+                    flexGrow: 1,
+                    textAlign: 'center'
+                }
+            },
+            '& .SCEventForm-event-address-root': {
+                backgroundColor: theme.palette.grey['A200'],
+                borderRadius: 5,
+                '& .SCEventForm-event-address-tabs': {
+                    padding: theme.spacing(2, 2, 0, 2),
+                    '& .MuiTabs-indicator': {
+                        bottom: theme.spacing(1.5)
+                    }
+                },
+                '& .SCEventForm-event-address-tab': {
+                    minHeight: 0,
+                    textTransform: 'none'
+                },
+                '& .SCEventForm-event-address-tab-content': {
+                    padding: theme.spacing(0.5, 2, 2, 2)
+                }
+            }
+        })
+    }
+};
+export default Component;

package/lib/esm/components/SCEventLocationWidget.d.ts

@@ -0,0 +1,28 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            [x: number]: {
+                width: number;
+            };
+            '& .SCEventLocationWidget-title, & .SCEventLocationWidget-location-title': {
+                fontWeight: any;
+            };
+            '& .SCEventLocationWidget-map': {
+                marginBottom: any;
+                height: number;
+                width: string;
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {
+            [x: number]: {
+                width: number;
+            };
+            '& .SCEventLocationWidget-skeleton-map': {
+                margin: any;
+                height: number;
+                width: string;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCEventLocationWidget.js

@@ -0,0 +1,29 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            [theme.breakpoints.up('sm')]: {
+                width: 470
+            },
+            '& .SCEventLocationWidget-title, & .SCEventLocationWidget-location-title': {
+                fontWeight: theme.typography.fontWeightBold
+                // marginBottom: theme.spacing(0.5)
+            },
+            '& .SCEventLocationWidget-map': {
+                marginBottom: theme.spacing(1),
+                height: 248,
+                width: '100%'
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            [theme.breakpoints.up('sm')]: {
+                width: 470
+            },
+            '& .SCEventLocationWidget-skeleton-map': {
+                margin: theme.spacing(1, 0, 1, 0),
+                height: 248,
+                width: '100%'
+            }
+        })
+    }
+};
+export default Component;