@selfcommunity/react-core 0.1.7-alpha.0 → 0.1.8-alpha.0

package/lib/esm/themes/theme.js

@@ -1,18 +1,8 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _styles = require("@mui/material/styles");
-
-var _utils = require("@selfcommunity/utils");
-
-var _validateColor = _interopRequireDefault(require("validate-color"));
-
-var _Preferences = require("../constants/Preferences");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import { createTheme } from '@mui/material/styles';
+import { mergeDeep } from '@selfcommunity/utils';
+import validateColor from 'validate-color';
+import { COLORS_COLORBACK, COLORS_COLORPRIMARY, COLORS_COLORSECONDARY, COLORS_COLORFONT, FONT_FAMILY } from '../constants/Preferences';
+import { isString } from '@selfcommunity/utils';
 /**
  * check if colorProp is a valid color
  * @param preferences
@@ -21,12 +11,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @return {boolean|(function(*=): boolean)}
  */
 const isValidPreference = (preferences, prop, tFunc) => {
-  // eslint-disable-next-line no-prototype-builtins
-  if (preferences.hasOwnProperty(prop) && preferences[prop].hasOwnProperty('value')) {
-    return tFunc(preferences[prop].value);
-  }
-
-  return false;
+    // eslint-disable-next-line no-prototype-builtins
+    if (preferences.hasOwnProperty(prop) && preferences[prop].hasOwnProperty('value')) {
+        return tFunc(preferences[prop].value);
+    }
+    return false;
 };
 /**
  * Overrides theme properties
@@ -34,130 +23,125 @@ const isValidPreference = (preferences, prop, tFunc) => {
  * @param preferences: community global preferences
  * @return {Theme}
  */
-
-
 const getTheme = (options, preferences) => {
-  const defaultOptions = preferences ? {
-    palette: Object.assign({}, isValidPreference(preferences, _Preferences.COLORS_COLORBACK, _validateColor.default) && {
-      background: {
-        default: preferences[_Preferences.COLORS_COLORBACK].value
-      }
-    }, isValidPreference(preferences, _Preferences.COLORS_COLORFONT, _validateColor.default) && {
-      text: {
-        primary: preferences[_Preferences.COLORS_COLORFONT].value
-      }
-    }, isValidPreference(preferences, _Preferences.COLORS_COLORPRIMARY, _validateColor.default) && {
-      primary: {
-        main: preferences[_Preferences.COLORS_COLORPRIMARY].value
-      }
-    }, isValidPreference(preferences, _Preferences.COLORS_COLORSECONDARY, _validateColor.default) && {
-      secondary: {
-        main: preferences[_Preferences.COLORS_COLORSECONDARY].value
-      }
-    }),
-    typography: Object.assign({}, isValidPreference(preferences, _Preferences.FONT_FAMILY, _utils.isString) && {
-      fontFamily: preferences[_Preferences.FONT_FAMILY].value
-    }, {
-      body1: {
-        fontSize: '0.9rem'
-      },
-      body2: {
-        fontSize: '0.8rem'
-      }
-    }),
-    components: {
-      MuiPaper: {// styleOverrides: {
-        //   rounded: {
-        //     borderRadius: 3,
-        //   },
-        // },
-      },
-      SCWidget: {// variants: [
-        //   {
-        //     props: {elevation: 0},
-        //     style: {
-        //       border: 0,
-        //       boxShadow: 'none',
-        //       marginBottom: '0 !important',
-        //     },
-        //   },
-        //   {
-        //     props: {variant: 'outlined'},
-        //     style: {
-        //       border: '1px solid rgba(0, 0, 0, 0.12)',
-        //       boxShadow: 'none',
-        //     },
-        //   },
-        // ],
-        // styleOverrides: {
-        //   root: {
-        //     border: '0 none',
-        //     boxShadow: '0px 5px 20px rgba(0, 0, 0, 0.1)',
-        //     borderRadius: '15px',
-        //   },
-        // },
-      },
-      MuiDivider: {
-        styleOverrides: {
-          root: {
-            borderWidth: '1px'
-          }
-        }
-      },
-      SCFeedObject: {
-        styleOverrides: {
-          root: {}
-        }
-      },
-      SCTrendingFeed: {
-        styleOverrides: {
-          root: {
-            '& .MuiIcon-root': {
-              marginBottom: '0.5px'
-            }
-          }
-        }
-      },
-      SCNotificationItem: {// styleOverrides: {
-        //   root: {
-        //     '&.SCNotificationItem-new-snippet': {
-        //       '&::before': {
-        //         backgroundColor: 'yellow',
-        //       },
-        //     },
-        //   },
-        // },
-      },
-      SCSnippetNotifications: {
-        styleOverrides: {
-          root: {
-            '& .SCSnippetNotifications-notifications-list': {// wrap notifications list (ul)
+    const defaultOptions = preferences
+        ? {
+            palette: Object.assign(Object.assign(Object.assign(Object.assign({}, (isValidPreference(preferences, COLORS_COLORBACK, validateColor) && { background: { default: preferences[COLORS_COLORBACK].value } })), (isValidPreference(preferences, COLORS_COLORFONT, validateColor) && { text: { primary: preferences[COLORS_COLORFONT].value } })), (isValidPreference(preferences, COLORS_COLORPRIMARY, validateColor) && { primary: { main: preferences[COLORS_COLORPRIMARY].value } })), (isValidPreference(preferences, COLORS_COLORSECONDARY, validateColor) && {
+                secondary: { main: preferences[COLORS_COLORSECONDARY].value },
+            })),
+            typography: Object.assign(Object.assign({}, (isValidPreference(preferences, FONT_FAMILY, isString) && { fontFamily: preferences[FONT_FAMILY].value })), { body1: {
+                    fontSize: '0.9rem',
+                }, body2: {
+                    fontSize: '0.8rem',
+                } }),
+            components: {
+                MuiPaper: {
+                // styleOverrides: {
+                //   rounded: {
+                //     borderRadius: 3,
+                //   },
+                // },
+                },
+                SCWidget: {
+                // variants: [
+                //   {
+                //     props: {elevation: 0},
+                //     style: {
+                //       border: 0,
+                //       boxShadow: 'none',
+                //       marginBottom: '0 !important',
+                //     },
+                //   },
+                //   {
+                //     props: {variant: 'outlined'},
+                //     style: {
+                //       border: '1px solid rgba(0, 0, 0, 0.12)',
+                //       boxShadow: 'none',
+                //     },
+                //   },
+                // ],
+                // styleOverrides: {
+                //   root: {
+                //     border: '0 none',
+                //     boxShadow: '0px 5px 20px rgba(0, 0, 0, 0.1)',
+                //     borderRadius: '15px',
+                //   },
+                // },
+                },
+                MuiDivider: {
+                    styleOverrides: {
+                        root: {
+                            borderWidth: '1px',
+                        },
+                    },
+                },
+                SCFeedObject: {
+                    styleOverrides: {
+                        root: {},
+                    },
+                },
+                SCTrendingFeed: {
+                    styleOverrides: {
+                        root: {
+                            '& .MuiIcon-root': {
+                                marginBottom: '0.5px',
+                            },
+                        },
+                    },
+                },
+                SCNotificationItem: {
+                // styleOverrides: {
+                //   root: {
+                //     '&.SCNotificationItem-new-snippet': {
+                //       '&::before': {
+                //         backgroundColor: 'yellow',
+                //       },
+                //     },
+                //   },
+                // },
+                },
+                SCSnippetNotifications: {
+                    styleOverrides: {
+                        root: {
+                            '& .SCSnippetNotifications-notifications-list': {
+                            // wrap notifications list (ul)
+                            },
+                            '& .SCSnippetNotifications-notification-item': {
+                            // single notification item (li)
+                            },
+                            ['& .SCUserFollowNotification-username, .SCUserFollowNotification-username, .SCCommentNotification-username,' +
+                                'SCContributionFollowNotification-username, .SCContributionFollowNotification-username, .SCUserNotificationMention-username,' +
+                                '.SCUserNotificationMention-username, .SCUserNotificationPrivateMessage-message-sender, .SCVoteUpNotification-username']: {
+                            // username for notification types: user follow, comment/nested comment,
+                            // follow contribution, mention, private message, vote up
+                            },
+                            ['& .SCUserFollowNotification-list-item-snippet-new, .SCVoteUpNotification-list-item-snippet-new, ' +
+                                '.SCUserBlockedNotification-list-item-snippet-new, .SCUndeletedForNotification-list-item-snippet-new, ' +
+                                '.SCUserNotificationPrivateMessage-list-item-snippet-new, .SCUserNotificationMention-list-item-snippet-new,' +
+                                '.SCKindlyNoticeForNotification-list-item-snippet-new, .SCKindlyNoticeFlagNotification-list-item-snippet-new,' +
+                                '.SCIncubatorApprovedNotification-list-item-snippet-new, .SCDeletedForNotification-list-item-snippet-new,' +
+                                '.SCContributionFollowNotification-list-item-snippet-new, .SCCommentNotification-list-item-snippet-new,' +
+                                '.SCCollapsedForNotification-list-item-snippet-new']: {
+                            // border left indicate new notification of various type
+                            },
+                        },
+                    },
+                },
+                SCPlatform: {
+                    styleOverrides: {
+                        root: {
+                            '& .MuiIcon-root': {
+                                fontSize: '18px',
+                                marginLeft: '2px',
+                                marginBottom: '-3px',
+                            },
+                        },
+                    },
+                },
             },
-            '& .SCSnippetNotifications-notification-item': {// single notification item (li)
-            },
-            ['& .SCUserFollowNotification-username, .SCUserFollowNotification-username, .SCCommentNotification-username,' + 'SCContributionFollowNotification-username, .SCContributionFollowNotification-username, .SCUserNotificationMention-username,' + '.SCUserNotificationMention-username, .SCUserNotificationPrivateMessage-message-sender, .SCVoteUpNotification-username']: {// username for notification types: user follow, comment/nested comment,
-              // follow contribution, mention, private message, vote up
-            },
-            ['& .SCUserFollowNotification-list-item-snippet-new, .SCVoteUpNotification-list-item-snippet-new, ' + '.SCUserBlockedNotification-list-item-snippet-new, .SCUndeletedForNotification-list-item-snippet-new, ' + '.SCUserNotificationPrivateMessage-list-item-snippet-new, .SCUserNotificationMention-list-item-snippet-new,' + '.SCKindlyNoticeForNotification-list-item-snippet-new, .SCKindlyNoticeFlagNotification-list-item-snippet-new,' + '.SCIncubatorApprovedNotification-list-item-snippet-new, .SCDeletedForNotification-list-item-snippet-new,' + '.SCContributionFollowNotification-list-item-snippet-new, .SCCommentNotification-list-item-snippet-new,' + '.SCCollapsedForNotification-list-item-snippet-new']: {// border left indicate new notification of various type
-            }
-          }
         }
-      },
-      SCPlatform: {
-        styleOverrides: {
-          root: {
-            '& .MuiIcon-root': {
-              fontSize: '18px',
-              marginLeft: '2px',
-              marginBottom: '-3px'
-            }
-          }
-        }
-      }
-    }
-  } : {};
-  return (0, _styles.createTheme)((0, _utils.mergeDeep)(defaultOptions, options));
+        : {};
+    return createTheme(mergeDeep(defaultOptions, options));
 };
-
-var _default = getTheme;
-exports.default = _default;
+export default getTheme;
+//# sourceMappingURL=theme.js.map

package/lib/esm/themes/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/themes/theme.ts"],"names":[],"mappings":"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"}