@selfcommunity/react-theme-default 0.1.0-alpha.2 → 0.1.0-alpha.200

package/lib/cjs/components/{SCInlineComposer.js → SCInlineComposerWidget.js}

@@ -3,13 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            '& .SCInlineComposer-content, & .SCInlineComposer-content:last-child': {
+            marginBottom: theme.spacing(2),
+            '& .SCInlineComposerWidget-content, & .SCInlineComposerWidget-content:last-child': {
                 padding: theme.spacing(0.5, 1),
+                display: 'flex',
+                flexDirection: 'row',
+                justifyContent: 'space-between',
                 [theme.breakpoints.up('sm')]: {
                     padding: theme.spacing(0.5, 1, 0.5, 2)
                 },
-                '& .SCInlineComposer-input': {
+                '& .SCInlineComposerWidget-input': {
                     display: 'flex',
+                    flexGrow: 2,
                     '& .MuiButton-root': {
                         fontWeight: theme.typography.fontWeightLight,
                         letterSpacing: '0.17px',
@@ -19,9 +24,13 @@ const Component = {
                             background: 'white',
                             border: 'none'
                         }
+                    },
+                    ['& .MuiButton-text']: {
+                        justifyContent: 'flex-start',
+                        textTransform: 'none'
                     }
                 },
-                '& .SCInlineComposer-actions': {
+                '& .SCInlineComposerWidget-actions': {
                     display: 'flex',
                     '& .MuiIconButton-root': {
                         [theme.breakpoints.up('sm')]: {
@@ -30,9 +39,15 @@ const Component = {
                         }
                     }
                 },
-                '& .SCInlineComposer-avatar': {
+                '& .SCInlineComposerWidget-avatar': {
+                    display: 'flex',
+                    alignItems: 'center',
                     [theme.breakpoints.up('sm')]: {
                         marginLeft: theme.spacing(2)
+                    },
+                    '& .MuiAvatar-root': {
+                        width: theme.selfcommunity.user.avatar.sizeMedium,
+                        height: theme.selfcommunity.user.avatar.sizeMedium
                     }
                 }
             }
@@ -40,4 +55,4 @@ const Component = {
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCInlineComposer.js.map
+//# sourceMappingURL=SCInlineComposerWidget.js.map

package/lib/cjs/components/SCInlineComposerWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCInlineComposerWidget.js","sourceRoot":"","sources":["../../../src/components/SCInlineComposerWidget.tsx"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9B,iFAAiF,EAAE;gBACjF,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;gBAC9B,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,eAAe;gBAC/B,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;oBAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;iBACvC;gBACD,iCAAiC,EAAE;oBACjC,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,CAAC;oBACX,mBAAmB,EAAE;wBACnB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,eAAe;wBAC5C,aAAa,EAAE,QAAQ;wBACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;wBAC9B,SAAS,EAAE;4BACT,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;4BACnC,UAAU,EAAE,OAAO;4BACnB,MAAM,EAAE,MAAM;yBACf;qBACF;oBACD,CAAC,mBAAmB,CAAC,EAAE;wBACrB,cAAc,EAAE,YAAY;wBAC5B,aAAa,EAAE,MAAM;qBACtB;iBACF;gBACD,mCAAmC,EAAE;oBACnC,OAAO,EAAE,MAAM;oBACf,uBAAuB,EAAE;wBACvB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;4BAC5B,UAAU,EAAE,CAAC;4BACb,WAAW,EAAE,CAAC;yBACf;qBACF;iBACF;gBACD,kCAAkC,EAAE;oBAClC,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;wBAC5B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC7B;oBACD,mBAAmB,EAAE;wBACnB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;wBACjD,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;qBACnD;iBACF;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/components/SCLightbox.d.ts

@@ -0,0 +1,367 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            zIndex: number;
+            backgroundColor: string;
+            '& .SCLightbox-ril-outer': {
+                backgroundColor: string;
+                outline: string;
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+                zIndex: number;
+                width: string;
+                height: string;
+                msContentZooming: string;
+                msUserSelect: string;
+                msTouchSelect: string;
+                touchAction: string;
+            };
+            '& .SCLightbox-ril-outer-closing': {
+                opacity: number;
+            };
+            '& .SCLightbox-ril-inner': {
+                position: string;
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+            };
+            '& .SCLightbox-ril-image': {
+                position: string;
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+                margin: string;
+                maxWidth: string;
+                msContentZooming: string;
+                msUserSelect: string;
+                msTouchSelect: string;
+                touchAction: string;
+            };
+            '& .SCLightbox-ril-image-discourager': {
+                backgroundRepeat: string;
+                backgroundPosition: string;
+                backgroundSize: string;
+            };
+            '& .SCLightbox-ril-nav-buttons': {
+                border: string;
+                position: string;
+                top: number;
+                bottom: number;
+                width: number;
+                height: number;
+                padding: string;
+                margin: string;
+                cursor: string;
+                opacity: number;
+                '&:hover': {
+                    opacity: number;
+                };
+                '&:active': {
+                    opacity: number;
+                };
+            };
+            '& .SCLightbox-ril-nav-button-prev': {
+                left: number;
+                background: string;
+                borderRadius: number;
+                color: string;
+                '& span': {
+                    fontSize: number;
+                };
+            };
+            '& .SCLightbox-ril-nav-button-next': {
+                right: number;
+                background: string;
+                borderRadius: number;
+                color: string;
+                '& span': {
+                    fontSize: number;
+                };
+            };
+            '& .SCLightbox-ril-download-blocker': {
+                position: string;
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+                backgroundImage: string;
+                backgroundSize: string;
+            };
+            '& .SCLightbox-ril-caption': {
+                backgroundColor: string;
+                position: string;
+                left: number;
+                right: number;
+                display: string;
+                justifyContent: string;
+                bottom: number;
+                maxHeight: number;
+                overflow: string;
+            };
+            '& .SCLightbox-ril-toolbar': {
+                backgroundColor: string;
+                position: string;
+                top: number;
+                left: number;
+                right: number;
+                display: string;
+                justifyContent: string;
+                height: number;
+            };
+            '& .SCLightbox-ril-caption-content': {
+                padding: string;
+                color: string;
+            };
+            '& .SCLightbox-ril-toolbar-side': {
+                height: number;
+                margin: number;
+            };
+            '& .SCLightbox-ril-toolbar-left-side': {
+                paddingLeft: number;
+                paddingRight: number;
+                flex: string;
+                overflow: string;
+                textOverflow: string;
+            };
+            '& .SCLightbox-ril-toolbar-right-side': {
+                paddingLeft: number;
+                paddingRight: number;
+                flex: string;
+            };
+            '& .SCLightbox-ril-toolbar-item': {
+                display: string;
+                lineHeight: string;
+                padding: number;
+                color: string;
+                fontSize: string;
+                maxWidth: string;
+                overflow: string;
+                textOverflow: string;
+                whiteSpace: string;
+            };
+            '& .SCLightbox-ril-toolbar-item-child': {
+                verticalAlign: string;
+            };
+            '& .SCLightbox-ril-builtin-button': {
+                width: number;
+                height: number;
+                cursor: string;
+                border: string;
+                opacity: number;
+                '&:hover': {
+                    opacity: number;
+                };
+                '&:active': {
+                    outline: string;
+                };
+            };
+            '& .SCLightbox-ril-builtin-button-disabled': {
+                cursor: string;
+                opacity: number;
+                '&:hover': {
+                    opacity: number;
+                };
+            };
+            '& .SCLightbox-ril-close-button': {
+                background: string;
+                '& span': {
+                    color: string;
+                    fontSize: number;
+                };
+            };
+            '& .SCLightbox-ril-zoom-in-button': {
+                background: string;
+                marginRight: any;
+                '& span': {
+                    color: string;
+                    fontSize: number;
+                };
+            };
+            '& .SCLightbox-ril-zoom-out-button': {
+                background: string;
+                marginRight: any;
+                '& span': {
+                    color: string;
+                    fontSize: number;
+                };
+            };
+            '& .SCPrivateMessageThreadItem-download-button': {
+                background: string;
+                marginRight: any;
+                '& span': {
+                    color: string;
+                    fontSize: number;
+                };
+            };
+            '& .SCLightbox-ril-outer-animating': {
+                animationName: string;
+            };
+            '& .SCLightbox-ril-loading-circle': {
+                width: number;
+                height: number;
+                position: string;
+            };
+            '& .SCLightbox-ril-loading-circle-point': {
+                width: string;
+                height: string;
+                position: string;
+                left: number;
+                top: number;
+                '&:before': {
+                    content: string;
+                    display: string;
+                    margin: string;
+                    width: string;
+                    height: string;
+                    backgroundColor: string;
+                    borderRadius: string;
+                    animation: string;
+                };
+                '&:nth-of-type(1)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(7)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(2)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(8)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(3)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(9)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(4)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(10)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(5)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(11)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(6)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(12)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+                '&:nth-of-type(13)': {
+                    transform: string;
+                    '&:before': {
+                        animationDelay: string;
+                    };
+                };
+            };
+            '& .SCLightbox-ril-loading-container': {
+                position: string;
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            };
+            '& .SCLightbox-ril-error-container': {
+                position: string;
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                color: string;
+            };
+            '& .SCLightbox-ril-loading-container-icon': {
+                color: string;
+                position: string;
+                top: string;
+                left: string;
+                transform: string;
+            };
+            '& .SCLightbox-ril-image-prev': {
+                position: string;
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+                margin: string;
+                maxWidth: string;
+                msContentZooming: string;
+                msUserSelect: string;
+                msTouchSelect: string;
+                touchAction: string;
+                '& .SCLightbox-ril-loading-container': {
+                    display: string;
+                };
+            };
+            '& .SCLightbox-ril-image-next': {
+                position: string;
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+                margin: string;
+                maxWidth: string;
+                msContentZooming: string;
+                msUserSelect: string;
+                msTouchSelect: string;
+                touchAction: string;
+                '& .SCLightbox-ril-loading-container': {
+                    display: string;
+                };
+                '& .SCLightbox-ril-error-container': {
+                    display: string;
+                };
+            };
+        };
+    };
+};
+export default Component;
+//# sourceMappingURL=SCLightbox.d.ts.map

package/lib/cjs/components/SCLightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SCLightbox.d.ts","sourceRoot":"","sources":["../../../src/components/SCLightbox.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgYtB,CAAC;AAEF,eAAe,SAAS,CAAC"}