@deix/rossini-core 0.4.1 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -11
- package/lib/package.json +48 -37
- package/lib/src/components/buttons/Avatar/Avatar.d.ts.map +1 -1
- package/lib/src/components/buttons/Avatar/Avatar.js +59 -31
- package/lib/src/components/buttons/LanguageSelect/LanguageSelect.js +39 -34
- package/lib/src/components/buttons/ToggleButtonGroup/ToggleButtonGroup.js +37 -13
- package/lib/src/components/buttons/index.js +9 -3
- package/lib/src/components/display/Accordion/Accordion.d.ts.map +1 -1
- package/lib/src/components/display/Accordion/Accordion.js +23 -41
- package/lib/src/components/display/StyledValue/ImprovementChip.d.ts +13 -0
- package/lib/src/components/display/StyledValue/ImprovementChip.d.ts.map +1 -0
- package/lib/src/components/display/StyledValue/ImprovementChip.js +33 -0
- package/lib/src/components/display/StyledValue/StyledValue.d.ts +30 -0
- package/lib/src/components/display/StyledValue/StyledValue.d.ts.map +1 -0
- package/lib/src/components/display/StyledValue/StyledValue.js +98 -0
- package/lib/src/components/display/StyledValue/hooks.d.ts +4 -0
- package/lib/src/components/display/StyledValue/hooks.d.ts.map +1 -0
- package/lib/src/components/display/StyledValue/hooks.js +32 -0
- package/lib/src/components/display/index.d.ts +4 -0
- package/lib/src/components/display/index.d.ts.map +1 -1
- package/lib/src/components/display/index.js +12 -1
- package/lib/src/components/index.d.ts +3 -3
- package/lib/src/components/index.d.ts.map +1 -1
- package/lib/src/components/index.js +16 -4
- package/lib/src/components/layout/MinimalLayout/MinimalLayout.d.ts.map +1 -1
- package/lib/src/components/layout/MinimalLayout/MinimalLayout.js +28 -36
- package/lib/src/components/layout/StandardLayout/StandardLayout.d.ts.map +1 -1
- package/lib/src/components/layout/StandardLayout/StandardLayout.js +36 -44
- package/lib/src/components/layout/assets/DeixLogo.d.ts +8 -0
- package/lib/src/components/layout/assets/DeixLogo.d.ts.map +1 -0
- package/lib/src/components/layout/assets/DeixLogo.js +20 -0
- package/lib/src/components/layout/assets/DeixLogo.tsx +36 -0
- package/lib/src/components/layout/assets/ServerDown.d.ts +8 -0
- package/lib/src/components/layout/assets/ServerDown.d.ts.map +1 -0
- package/lib/src/components/layout/assets/ServerDown.js +60 -0
- package/lib/src/components/layout/assets/ServerDown.tsx +231 -0
- package/lib/src/components/layout/components/AppLogo/AppLogo.js +17 -13
- package/lib/src/components/layout/components/Footer/Footer.d.ts +3 -4
- package/lib/src/components/layout/components/Footer/Footer.d.ts.map +1 -1
- package/lib/src/components/layout/components/Footer/Footer.js +32 -70
- package/lib/src/components/layout/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/lib/src/components/layout/components/Sidebar/Sidebar.js +110 -89
- package/lib/src/components/layout/components/Topbar/ElevationScroll.d.ts.map +1 -1
- package/lib/src/components/layout/components/Topbar/ElevationScroll.js +11 -7
- package/lib/src/components/layout/components/Topbar/Topbar.d.ts +4 -0
- package/lib/src/components/layout/components/Topbar/Topbar.d.ts.map +1 -1
- package/lib/src/components/layout/components/Topbar/Topbar.js +59 -44
- package/lib/src/components/layout/components/Topbar/Topbar.styles.d.ts +2 -2
- package/lib/src/components/layout/components/Topbar/Topbar.styles.js +15 -7
- package/lib/src/components/layout/components/Topline/TopLine.js +11 -6
- package/lib/src/components/layout/index.js +10 -2
- package/lib/src/components/progress/CircularLoading/CircularLoading.js +13 -9
- package/lib/src/components/progress/index.d.ts +0 -1
- package/lib/src/components/progress/index.d.ts.map +1 -1
- package/lib/src/components/progress/index.js +8 -2
- package/lib/src/components/progress/types.js +2 -1
- package/lib/src/index.d.ts +3 -3
- package/lib/src/index.d.ts.map +1 -1
- package/lib/src/index.js +32 -3
- package/lib/src/types/api.js +2 -1
- package/lib/src/types/index.d.ts +1 -1
- package/lib/src/types/index.d.ts.map +1 -1
- package/lib/src/types/index.js +5 -1
- package/lib/src/types/languages.js +6 -2
- package/lib/src/types/palette.d.ts.map +1 -1
- package/lib/src/types/palette.js +2 -1
- package/lib/src/utils/helpers/colorHelpers.js +16 -11
- package/lib/src/utils/helpers/dateHelpers.js +24 -17
- package/lib/src/utils/helpers/index.js +17 -3
- package/lib/src/utils/helpers/stringHelpers.js +25 -26
- package/lib/src/utils/hooks/index.js +14 -4
- package/lib/src/utils/hooks/useAPI.d.ts +1 -1
- package/lib/src/utils/hooks/useAPI.d.ts.map +1 -1
- package/lib/src/utils/hooks/useAPI.js +16 -9
- package/lib/src/utils/hooks/useKeycloak.d.ts +1 -1
- package/lib/src/utils/hooks/useKeycloak.d.ts.map +1 -1
- package/lib/src/utils/hooks/useKeycloak.js +28 -67
- package/lib/src/utils/hooks/useLocale.d.ts.map +1 -1
- package/lib/src/utils/hooks/useLocale.js +8 -4
- package/lib/src/utils/hooks/usePersistedState.js +10 -8
- package/lib/src/utils/index.js +25 -3
- package/lib/src/utils/provider/PageProvider.d.ts.map +1 -1
- package/lib/src/utils/provider/PageProvider.js +18 -16
- package/lib/src/utils/provider/ThemeProvider.js +40 -16
- package/lib/src/utils/theme/components/MuiAccordion.js +3 -1
- package/lib/src/utils/theme/components/MuiCard.js +3 -1
- package/lib/src/utils/theme/components/MuiCardHeader.js +3 -1
- package/lib/src/utils/theme/components/MuiFormControl.js +3 -1
- package/lib/src/utils/theme/components/MuiGrid.js +3 -1
- package/lib/src/utils/theme/components/MuiPaper.js +3 -1
- package/lib/src/utils/theme/components/MuiTypography.js +3 -1
- package/lib/src/utils/theme/components/index.d.ts +2 -2
- package/lib/src/utils/theme/components/index.d.ts.map +1 -1
- package/lib/src/utils/theme/components/index.js +21 -15
- package/lib/src/utils/theme/createEmotionCache.js +9 -3
- package/lib/src/utils/theme/index.d.ts +2 -1
- package/lib/src/utils/theme/index.d.ts.map +1 -1
- package/lib/src/utils/theme/index.js +73 -17
- package/lib/src/utils/theme/palette/index.d.ts.map +1 -1
- package/lib/src/utils/theme/palette/index.js +24 -22
- package/lib/src/utils/theme/typography.js +4 -2
- package/lib/tsconfig.tsbuildinfo +1 -0
- package/package.json +48 -37
- package/lib/src/components/progress/DotWaveLoading/DotWaveLoading.d.ts +0 -5
- package/lib/src/components/progress/DotWaveLoading/DotWaveLoading.d.ts.map +0 -1
- package/lib/src/components/progress/DotWaveLoading/DotWaveLoading.js +0 -18
- package/lib/src/components/progress/DotWaveLoading/translations.json +0 -8
- package/lib/src/utils/theme/palette/defaultColors.json +0 -68
- package/lib/tsconfig-lib.tsbuildinfo +0 -1
package/lib/src/utils/index.js
CHANGED
|
@@ -1,3 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.PageProvider = exports.useUserInfo = exports.usePersistedState = exports.useLocale = exports.useAPI = exports.toTitleCase = exports.toLocalStandardDateString = exports.stringToColor = exports.isValidDate = exports.hexToRgb = exports.getTimeStr = exports.getTextColor = exports.dateDiff = exports.commonStart = exports.colorToRgb = exports.camelToSnake = void 0;
|
|
7
|
+
var helpers_1 = require("./helpers");
|
|
8
|
+
Object.defineProperty(exports, "camelToSnake", { enumerable: true, get: function () { return helpers_1.camelToSnake; } });
|
|
9
|
+
Object.defineProperty(exports, "colorToRgb", { enumerable: true, get: function () { return helpers_1.colorToRgb; } });
|
|
10
|
+
Object.defineProperty(exports, "commonStart", { enumerable: true, get: function () { return helpers_1.commonStart; } });
|
|
11
|
+
Object.defineProperty(exports, "dateDiff", { enumerable: true, get: function () { return helpers_1.dateDiff; } });
|
|
12
|
+
Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });
|
|
13
|
+
Object.defineProperty(exports, "getTimeStr", { enumerable: true, get: function () { return helpers_1.getTimeStr; } });
|
|
14
|
+
Object.defineProperty(exports, "hexToRgb", { enumerable: true, get: function () { return helpers_1.hexToRgb; } });
|
|
15
|
+
Object.defineProperty(exports, "isValidDate", { enumerable: true, get: function () { return helpers_1.isValidDate; } });
|
|
16
|
+
Object.defineProperty(exports, "stringToColor", { enumerable: true, get: function () { return helpers_1.stringToColor; } });
|
|
17
|
+
Object.defineProperty(exports, "toLocalStandardDateString", { enumerable: true, get: function () { return helpers_1.toLocalStandardDateString; } });
|
|
18
|
+
Object.defineProperty(exports, "toTitleCase", { enumerable: true, get: function () { return helpers_1.toTitleCase; } });
|
|
19
|
+
var hooks_1 = require("./hooks");
|
|
20
|
+
Object.defineProperty(exports, "useAPI", { enumerable: true, get: function () { return hooks_1.useAPI; } });
|
|
21
|
+
Object.defineProperty(exports, "useLocale", { enumerable: true, get: function () { return hooks_1.useLocale; } });
|
|
22
|
+
Object.defineProperty(exports, "usePersistedState", { enumerable: true, get: function () { return hooks_1.usePersistedState; } });
|
|
23
|
+
Object.defineProperty(exports, "useUserInfo", { enumerable: true, get: function () { return hooks_1.useUserInfo; } });
|
|
24
|
+
var PageProvider_1 = require("./provider/PageProvider");
|
|
25
|
+
Object.defineProperty(exports, "PageProvider", { enumerable: true, get: function () { return __importDefault(PageProvider_1).default; } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageProvider.d.ts","sourceRoot":"","sources":["../../../../src/utils/provider/PageProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAiB,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"PageProvider.d.ts","sourceRoot":"","sources":["../../../../src/utils/provider/PageProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAiB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAQ/C,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { CacheProvider } from '@emotion/react';
|
|
5
|
-
import createEmotionCache from '../theme/createEmotionCache';
|
|
6
|
-
import ThemeProvider from './ThemeProvider';
|
|
7
|
-
// Client-side cache, shared for the whole session of the user in the browser.
|
|
8
|
-
var clientSideEmotionCache = createEmotionCache();
|
|
9
|
-
var PageProvider = function (_a) {
|
|
10
|
-
var children = _a.children, _b = _a.emotionCache, emotionCache = _b === void 0 ? clientSideEmotionCache : _b, lightPalette = _a.lightPalette, darkPalette = _a.darkPalette;
|
|
11
|
-
return (React.createElement(NextThemeProvider, null,
|
|
12
|
-
React.createElement(CacheProvider, { value: emotionCache },
|
|
13
|
-
React.createElement(Head, null,
|
|
14
|
-
React.createElement("meta", { name: 'viewport', content: 'initial-scale=1, width=device-width' })),
|
|
15
|
-
React.createElement(ThemeProvider, { lightPalette: lightPalette, darkPalette: darkPalette }, children))));
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
4
|
};
|
|
17
|
-
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const next_themes_1 = require("next-themes");
|
|
8
|
+
const head_1 = __importDefault(require("next/head"));
|
|
9
|
+
const react_2 = require("@emotion/react");
|
|
10
|
+
const createEmotionCache_1 = __importDefault(require("../theme/createEmotionCache"));
|
|
11
|
+
const ThemeProvider_1 = __importDefault(require("./ThemeProvider"));
|
|
12
|
+
// Client-side cache, shared for the whole session of the user in the browser.
|
|
13
|
+
const clientSideEmotionCache = (0, createEmotionCache_1.default)();
|
|
14
|
+
const PageProvider = ({ children, emotionCache = clientSideEmotionCache, lightPalette, darkPalette, }) => (react_1.default.createElement(next_themes_1.ThemeProvider, null,
|
|
15
|
+
react_1.default.createElement(react_2.CacheProvider, { value: emotionCache },
|
|
16
|
+
react_1.default.createElement(head_1.default, null,
|
|
17
|
+
react_1.default.createElement("meta", { name: 'viewport', content: 'initial-scale=1, width=device-width' })),
|
|
18
|
+
react_1.default.createElement(ThemeProvider_1.default, { lightPalette: lightPalette, darkPalette: darkPalette }, children))));
|
|
19
|
+
exports.default = PageProvider;
|
|
@@ -1,23 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
const react_1 = __importStar(require("react"));
|
|
27
|
+
const next_themes_1 = require("next-themes");
|
|
28
|
+
const material_1 = require("@mui/material");
|
|
29
|
+
const useLocale_1 = require("../hooks/useLocale");
|
|
30
|
+
const theme_1 = require("../theme");
|
|
31
|
+
const ThemeProvider = ({ children, lightPalette, darkPalette }) => {
|
|
8
32
|
// Dark/Light Mode
|
|
9
|
-
|
|
10
|
-
|
|
33
|
+
const { resolvedTheme } = (0, next_themes_1.useTheme)();
|
|
34
|
+
const [currentTheme, setCurrentTheme] = (0, react_1.useState)((0, theme_1.adaptiveTheme)('light', 'en', lightPalette, darkPalette));
|
|
11
35
|
// Locale
|
|
12
|
-
|
|
13
|
-
|
|
36
|
+
const locale = (0, useLocale_1.useLocale)();
|
|
37
|
+
(0, react_1.useEffect)(() => {
|
|
14
38
|
if (resolvedTheme) {
|
|
15
|
-
setCurrentTheme(adaptiveTheme(resolvedTheme, locale, lightPalette, darkPalette));
|
|
39
|
+
setCurrentTheme((0, theme_1.adaptiveTheme)(resolvedTheme, locale, lightPalette, darkPalette));
|
|
16
40
|
}
|
|
17
41
|
}, [resolvedTheme, locale]);
|
|
18
|
-
return (
|
|
19
|
-
|
|
20
|
-
|
|
42
|
+
return (react_1.default.createElement(material_1.ThemeProvider, { theme: currentTheme },
|
|
43
|
+
react_1.default.createElement(material_1.CssBaseline, null),
|
|
44
|
+
react_1.default.createElement(material_1.GlobalStyles, { styles: theme_1.globalStyles }),
|
|
21
45
|
children));
|
|
22
46
|
};
|
|
23
|
-
|
|
47
|
+
exports.default = ThemeProvider;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const
|
|
1
|
+
declare const components: {
|
|
2
2
|
MuiAccordion: {
|
|
3
3
|
styleOverrides: {
|
|
4
4
|
rounded: {
|
|
@@ -75,5 +75,5 @@ declare const _default: {
|
|
|
75
75
|
};
|
|
76
76
|
};
|
|
77
77
|
};
|
|
78
|
-
export default
|
|
78
|
+
export default components;
|
|
79
79
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/components/index.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQf,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,16 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import MuiFormControl from './MuiFormControl';
|
|
5
|
-
import MuiGrid from './MuiGrid';
|
|
6
|
-
import MuiPaper from './MuiPaper';
|
|
7
|
-
import MuiTypography from './MuiTypography';
|
|
8
|
-
export default {
|
|
9
|
-
MuiAccordion: MuiAccordion,
|
|
10
|
-
MuiCard: MuiCard,
|
|
11
|
-
MuiCardHeader: MuiCardHeader,
|
|
12
|
-
MuiFormControl: MuiFormControl,
|
|
13
|
-
MuiGrid: MuiGrid,
|
|
14
|
-
MuiPaper: MuiPaper,
|
|
15
|
-
MuiTypography: MuiTypography,
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
4
|
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const MuiAccordion_1 = __importDefault(require("./MuiAccordion"));
|
|
7
|
+
const MuiCard_1 = __importDefault(require("./MuiCard"));
|
|
8
|
+
const MuiCardHeader_1 = __importDefault(require("./MuiCardHeader"));
|
|
9
|
+
const MuiFormControl_1 = __importDefault(require("./MuiFormControl"));
|
|
10
|
+
const MuiGrid_1 = __importDefault(require("./MuiGrid"));
|
|
11
|
+
const MuiPaper_1 = __importDefault(require("./MuiPaper"));
|
|
12
|
+
const MuiTypography_1 = __importDefault(require("./MuiTypography"));
|
|
13
|
+
const components = {
|
|
14
|
+
MuiAccordion: MuiAccordion_1.default,
|
|
15
|
+
MuiCard: MuiCard_1.default,
|
|
16
|
+
MuiCardHeader: MuiCardHeader_1.default,
|
|
17
|
+
MuiFormControl: MuiFormControl_1.default,
|
|
18
|
+
MuiGrid: MuiGrid_1.default,
|
|
19
|
+
MuiPaper: MuiPaper_1.default,
|
|
20
|
+
MuiTypography: MuiTypography_1.default,
|
|
21
|
+
};
|
|
22
|
+
exports.default = components;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const cache_1 = __importDefault(require("@emotion/cache"));
|
|
2
7
|
// prepend: true moves MUI styles to the top of the <head> so they're loaded first.
|
|
3
|
-
|
|
4
|
-
return
|
|
8
|
+
function createEmotionCache() {
|
|
9
|
+
return (0, cache_1.default)({ key: 'css', prepend: true });
|
|
5
10
|
}
|
|
11
|
+
exports.default = createEmotionCache;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { PaletteOptions
|
|
1
|
+
import { PaletteOptions } from '@mui/material/styles';
|
|
2
|
+
import { Theme } from '@mui/material/styles';
|
|
2
3
|
import { Locale } from '../../types/languages';
|
|
3
4
|
import { AllowedTheme } from './palette';
|
|
4
5
|
export declare const adaptiveTheme: (mode: AllowedTheme, locale: Locale, lightPalette?: PaletteOptions, darkPalette?: PaletteOptions) => Theme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAe,KAAK,EAAgB,MAAM,sBAAsB,CAAC;AAIxE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAmB,YAAY,EAAE,MAAM,WAAW,CAAC;AAc1D,eAAO,MAAM,aAAa,SAClB,YAAY,UACV,MAAM,iBACC,cAAc,gBACf,cAAc,KAC3B,KAWF,CAAC;AAEF,eAAO,MAAM,YAAY,2CA8BxB,CAAC"}
|
|
@@ -1,29 +1,85 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
4
24
|
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.globalStyles = exports.adaptiveTheme = void 0;
|
|
30
|
+
const styles_1 = require("@mui/material/styles");
|
|
31
|
+
const locales = __importStar(require("@mui/material/locale"));
|
|
32
|
+
const system_1 = require("@mui/system");
|
|
33
|
+
const components_1 = __importDefault(require("./components"));
|
|
34
|
+
const palette_1 = require("./palette");
|
|
35
|
+
const typography_1 = __importDefault(require("./typography"));
|
|
36
|
+
const localeMapping = {
|
|
11
37
|
en: 'enUS',
|
|
12
38
|
fr: 'frFR',
|
|
13
39
|
de: 'deDE',
|
|
14
40
|
it: 'itIT',
|
|
15
41
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
palette: adaptivePalette(mode, lightPalette, darkPalette),
|
|
19
|
-
typography:
|
|
20
|
-
components:
|
|
42
|
+
const adaptiveTheme = (mode, locale, lightPalette, darkPalette) => {
|
|
43
|
+
const theme = {
|
|
44
|
+
palette: (0, palette_1.adaptivePalette)(mode, lightPalette, darkPalette),
|
|
45
|
+
typography: typography_1.default,
|
|
46
|
+
components: components_1.default,
|
|
21
47
|
zIndex: {
|
|
22
48
|
appBar: 1200,
|
|
23
49
|
drawer: 1100,
|
|
24
50
|
},
|
|
25
51
|
};
|
|
26
|
-
return createTheme(theme, locales[localeMapping[locale]]);
|
|
52
|
+
return (0, styles_1.createTheme)(theme, locales[localeMapping[locale]]);
|
|
27
53
|
};
|
|
28
|
-
|
|
29
|
-
|
|
54
|
+
exports.adaptiveTheme = adaptiveTheme;
|
|
55
|
+
exports.globalStyles = (0, system_1.css) `
|
|
56
|
+
:root {
|
|
57
|
+
display: flex;
|
|
58
|
+
}
|
|
59
|
+
body {
|
|
60
|
+
width: 100%;
|
|
61
|
+
}
|
|
62
|
+
a {
|
|
63
|
+
text-decoration: none;
|
|
64
|
+
}
|
|
65
|
+
html {
|
|
66
|
+
height: 100%;
|
|
67
|
+
-webkit-font-smoothing: antialiased;
|
|
68
|
+
-moz-osx-font-smoothing: grayscale;
|
|
69
|
+
}
|
|
70
|
+
#__next {
|
|
71
|
+
width: 100%;
|
|
72
|
+
height: 100%;
|
|
73
|
+
margin: 0px;
|
|
74
|
+
padding: 0px;
|
|
75
|
+
box-sizing: border-box;
|
|
76
|
+
display: flex;
|
|
77
|
+
overflow-y: auto;
|
|
78
|
+
// /* hide scrollbar for IE, Edge and Firefox */
|
|
79
|
+
// -ms-overflow-style: none;
|
|
80
|
+
// scrollbar-width: none;
|
|
81
|
+
}
|
|
82
|
+
// ::-webkit-scrollbar {
|
|
83
|
+
// display: none;
|
|
84
|
+
// }
|
|
85
|
+
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AAE/D,eAAO,MAAM,aAAa,EAAE,YAAsB,CAAC;AAEnD,eAAO,MAAM,mBAAmB,EAAE,cAsCjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,cAoChC,CAAC;AAEF,eAAO,MAAM,eAAe,SACpB,YAAY,iBACH,cAAc,gBACf,cAAc,KAC3B,cAQF,CAAC"}
|
|
@@ -1,28 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.adaptivePalette = exports.defaultDarkPalette = exports.defaultLightPalette = exports.DEFAULT_THEME = void 0;
|
|
4
|
+
exports.DEFAULT_THEME = 'light';
|
|
5
|
+
exports.defaultLightPalette = {
|
|
5
6
|
mode: 'light',
|
|
6
7
|
gradient: {
|
|
7
|
-
main:
|
|
8
|
+
main: `linear-gradient(90deg, #008080, #00283D)`,
|
|
8
9
|
},
|
|
9
10
|
primary: {
|
|
10
|
-
main:
|
|
11
|
+
main: '#008080',
|
|
11
12
|
},
|
|
12
13
|
secondary: {
|
|
13
|
-
main:
|
|
14
|
+
main: '#E2634E',
|
|
14
15
|
},
|
|
15
16
|
success: {
|
|
16
|
-
main:
|
|
17
|
+
main: '#26B540',
|
|
17
18
|
},
|
|
18
19
|
info: {
|
|
19
|
-
main:
|
|
20
|
+
main: '#2466F4',
|
|
20
21
|
},
|
|
21
22
|
warning: {
|
|
22
|
-
main:
|
|
23
|
+
main: '#EA8A04',
|
|
23
24
|
},
|
|
24
25
|
error: {
|
|
25
|
-
main:
|
|
26
|
+
main: '#D3343F',
|
|
26
27
|
},
|
|
27
28
|
background: {
|
|
28
29
|
default: '#fafafa',
|
|
@@ -40,28 +41,28 @@ export var defaultLightPalette = {
|
|
|
40
41
|
sidebar: { main: '#fafafa' },
|
|
41
42
|
topbar: { main: '#fafafa' },
|
|
42
43
|
};
|
|
43
|
-
|
|
44
|
+
exports.defaultDarkPalette = {
|
|
44
45
|
mode: 'dark',
|
|
45
46
|
gradient: {
|
|
46
|
-
main:
|
|
47
|
+
main: `linear-gradient(90deg, #2CB2A7, #C6F8E7)`,
|
|
47
48
|
},
|
|
48
49
|
primary: {
|
|
49
|
-
main:
|
|
50
|
+
main: '#2CB2A7',
|
|
50
51
|
},
|
|
51
52
|
secondary: {
|
|
52
|
-
main:
|
|
53
|
+
main: '#E2634E',
|
|
53
54
|
},
|
|
54
55
|
success: {
|
|
55
|
-
main:
|
|
56
|
+
main: '#26B540',
|
|
56
57
|
},
|
|
57
58
|
info: {
|
|
58
|
-
main:
|
|
59
|
+
main: '#2466F4',
|
|
59
60
|
},
|
|
60
61
|
warning: {
|
|
61
|
-
main:
|
|
62
|
+
main: '#EA8A04',
|
|
62
63
|
},
|
|
63
64
|
error: {
|
|
64
|
-
main:
|
|
65
|
+
main: '#D3343F',
|
|
65
66
|
},
|
|
66
67
|
background: {
|
|
67
68
|
default: '#303030',
|
|
@@ -77,12 +78,13 @@ export var defaultDarkPalette = {
|
|
|
77
78
|
sidebar: { main: '#303030' },
|
|
78
79
|
topbar: { main: '#303030' },
|
|
79
80
|
};
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
const adaptivePalette = (mode, lightPalette, darkPalette) => {
|
|
82
|
+
let light = exports.defaultLightPalette;
|
|
83
|
+
let dark = exports.defaultDarkPalette;
|
|
83
84
|
if (lightPalette !== undefined && darkPalette !== undefined) {
|
|
84
85
|
light = lightPalette;
|
|
85
86
|
dark = darkPalette;
|
|
86
87
|
}
|
|
87
88
|
return mode === 'light' ? light : dark;
|
|
88
89
|
};
|
|
90
|
+
exports.adaptivePalette = adaptivePalette;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const fonts = {
|
|
2
4
|
fontFamily: 'Raleway, Arial',
|
|
3
5
|
body1: {
|
|
4
6
|
fontSize: '1rem',
|
|
@@ -63,4 +65,4 @@ var fonts = {
|
|
|
63
65
|
lineHeight: 1.375,
|
|
64
66
|
},
|
|
65
67
|
};
|
|
66
|
-
|
|
68
|
+
exports.default = fonts;
|