@selfcommunity/react-core 0.7.0-alpha.1 → 0.7.0-alpha.2

package/lib/cjs/components/provider/SCThemeProvider/index.js

@@ -4,7 +4,7 @@ exports.useSCTheme = exports.withSCTheme = exports.SCThemeContext = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const ThemeProvider_1 = tslib_1.__importDefault(require("@mui/material/styles/ThemeProvider"));
+const material_1 = require("@mui/material");
 const theme_1 = tslib_1.__importDefault(require("../../../themes/theme"));
 const SCContextProvider_1 = require("../SCContextProvider");
 const SCPreferencesProvider_1 = require("../SCPreferencesProvider");
@@ -60,7 +60,7 @@ function SCThemeProvider({ children = null }) {
     (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
         setCustomTheme(theme);
     }, [scContext.settings.theme]);
-    return ((0, jsx_runtime_1.jsx)(exports.SCThemeContext.Provider, Object.assign({ value: { theme, setTheme: setCustomTheme } }, { children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.default, Object.assign({ theme: theme }, { children: children })) })));
+    return ((0, jsx_runtime_1.jsx)(exports.SCThemeContext.Provider, Object.assign({ value: { theme, setTheme: setCustomTheme } }, { children: (0, jsx_runtime_1.jsx)(material_1.ThemeProvider, Object.assign({ theme: theme }, { children: children })) })));
 }
 exports.default = SCThemeProvider;
 /**
@@ -69,7 +69,7 @@ exports.default = SCThemeProvider;
  */
 const withSCTheme = (Component) => (props) => {
     const scThemeContext = (0, react_1.useContext)(exports.SCThemeContext);
-    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, Object.assign({ theme: scThemeContext.theme }, { children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ setTheme: scThemeContext.setTheme }, props)) })));
+    return ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, Object.assign({ theme: scThemeContext.theme }, { children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ setTheme: scThemeContext.setTheme }, props)) })));
 };
 exports.withSCTheme = withSCTheme;
 /**

package/lib/cjs/hooks/useSCWebPushMessaging.js

@@ -7,7 +7,7 @@ const react_1 = require("react");
 const SCContextProvider_1 = require("../components/provider/SCContextProvider");
 const SCUserProvider_1 = require("../components/provider/SCUserProvider");
 const utils_1 = require("@selfcommunity/utils");
-const Button_1 = tslib_1.__importDefault(require("@mui/material/Button"));
+const material_1 = require("@mui/material");
 const utils_2 = require("@selfcommunity/utils");
 const Errors_1 = require("../constants/Errors");
 const api_services_1 = require("@selfcommunity/api-services");
@@ -61,7 +61,7 @@ function useSCWebPushMessaging() {
     const showCustomRequestNotificationSnackbar = () => {
         if (!js_cookie_1.default.get(Notifications_1.NOTIFICATIONS_WEB_PUSH_MESSAGING_DIALOG_COOKIE)) {
             enqueueSnackbar(intl.formatMessage({ id: 'ui.webPushNotification.requestPermission', defaultMessage: 'ui.webPushNotification.requestPermission' }), {
-                action: (snackbarId) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({ size: "small", sx: { color: '#FFF' }, onClick: () => requestNotificationPermission(snackbarId) }, { children: intl.formatMessage({ id: 'ui.webPushNotification.allow', defaultMessage: 'ui.webPushNotification.allow' }) })), (0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({ size: "small", sx: { color: '#FFF' }, onClick: () => closeRequestNotificationSnackbar(snackbarId) }, { children: intl.formatMessage({ id: 'ui.webPushNotification.block', defaultMessage: 'ui.webPushNotification.block' }) }))] })),
+                action: (snackbarId) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", sx: { color: '#FFF' }, onClick: () => requestNotificationPermission(snackbarId) }, { children: intl.formatMessage({ id: 'ui.webPushNotification.allow', defaultMessage: 'ui.webPushNotification.allow' }) })), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", sx: { color: '#FFF' }, onClick: () => closeRequestNotificationSnackbar(snackbarId) }, { children: intl.formatMessage({ id: 'ui.webPushNotification.block', defaultMessage: 'ui.webPushNotification.block' }) }))] })),
                 variant: 'default',
                 anchorOrigin: { horizontal: 'center', vertical: 'bottom' },
                 preventDuplicate: true,

package/lib/cjs/themes/theme.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const createTheme_1 = tslib_1.__importDefault(require("@mui/material/styles/createTheme"));
+const material_1 = require("@mui/material");
 const utils_1 = require("@selfcommunity/utils");
 const validate_color_1 = tslib_1.__importDefault(require("validate-color"));
 const Preferences_1 = require("../constants/Preferences");
@@ -60,6 +60,6 @@ const getTheme = (options, preferences) => {
             typography: Object.assign({}, (isValidPreference(preferences, Preferences_1.STYLE_FONT_FAMILY, utils_2.isString) && { fontFamily: preferences[Preferences_1.STYLE_FONT_FAMILY].value })),
         }
         : {};
-    return (0, createTheme_1.default)((0, utils_1.mergeDeep)(Object.assign({ selfcommunity }, defaultOptions), options));
+    return (0, material_1.createTheme)((0, utils_1.mergeDeep)(Object.assign({ selfcommunity }, defaultOptions), options));
 };
 exports.default = getTheme;

package/lib/cjs/types/theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme as MuiTheme } from '@mui/material/styles/createTheme';
+import { Theme as MuiTheme } from '@mui/material';
 /**
  * Interface SCThemeAvatarVariableType
  */

package/lib/esm/components/provider/SCThemeProvider/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useState } from 'react';
-import ThemeProvider from '@mui/material/styles/ThemeProvider';
+import { ThemeProvider } from '@mui/material';
 import getTheme from '../../../themes/theme';
 import { useSCContext } from '../SCContextProvider';
 import { useSCPreferences } from '../SCPreferencesProvider';

package/lib/esm/hooks/useSCWebPushMessaging.js

@@ -3,7 +3,7 @@ import { useContext, useEffect, useRef, useState } from 'react';
 import { useSCContext } from '../components/provider/SCContextProvider';
 import { useSCUser } from '../components/provider/SCUserProvider';
 import { Logger } from '@selfcommunity/utils';
-import Button from '@mui/material/Button';
+import { Button } from '@mui/material';
 import { loadVersionBrowser, urlB64ToUint8Array } from '@selfcommunity/utils';
 import { SCOPE_SC_CORE } from '../constants/Errors';
 import { http, Endpoints } from '@selfcommunity/api-services';

package/lib/esm/themes/theme.js

@@ -1,4 +1,4 @@
-import createTheme from '@mui/material/styles/createTheme';
+import { createTheme } from '@mui/material';
 import { mergeDeep } from '@selfcommunity/utils';
 import validateColor from 'validate-color';
 import { COLORS_COLORBACK, COLORS_COLORPRIMARY, COLORS_COLORSECONDARY, COLORS_COLORFONT, COLORS_COLORFONTSECONDARY, COLORS_NAVBARBACK, STYLE_FONT_FAMILY, } from '../constants/Preferences';

package/lib/esm/types/theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme as MuiTheme } from '@mui/material/styles/createTheme';
+import { Theme as MuiTheme } from '@mui/material';
 /**
  * Interface SCThemeAvatarVariableType
  */