@flipdish/portal-library 1.0.20 → 1.0.21
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/dist/components/index.cjs.js +16 -0
- package/dist/components/index.cjs.js.map +1 -0
- package/dist/components/index.js +5 -15
- package/dist/components/index.js.map +1 -1
- package/dist/components/themes/{flipdishPublicTheme.esm.js → flipdishPublicTheme.cjs.js} +8 -6
- package/dist/components/themes/{flipdishPublicTheme.esm.js.map → flipdishPublicTheme.cjs.js.map} +1 -1
- package/dist/components/themes/flipdishPublicTheme.js +5 -7
- package/dist/components/themes/flipdishPublicTheme.js.map +1 -1
- package/dist/components/ui/LazyComponent/LazyComponent.cjs.js +16 -0
- package/dist/components/ui/LazyComponent/{LazyComponent.esm.js.map → LazyComponent.cjs.js.map} +1 -1
- package/dist/components/ui/LazyComponent/LazyComponent.js +7 -9
- package/dist/components/ui/LazyComponent/LazyComponent.js.map +1 -1
- package/dist/components/ui/NotFoundPage/NotFoundPage.cjs.js +21 -0
- package/dist/components/ui/NotFoundPage/NotFoundPage.cjs.js.map +1 -0
- package/dist/components/ui/NotFoundPage/NotFoundPage.js +9 -11
- package/dist/components/ui/NotFoundPage/NotFoundPage.js.map +1 -1
- package/dist/components/ui/PortalMock/PortalMock.cjs.js +47 -0
- package/dist/components/ui/PortalMock/{PortalMock.esm.js.map → PortalMock.cjs.js.map} +1 -1
- package/dist/components/ui/PortalMock/PortalMock.js +12 -14
- package/dist/components/ui/PortalMock/PortalMock.js.map +1 -1
- package/dist/components/ui/Spacer/{Spacer.esm.js → Spacer.cjs.js} +8 -6
- package/dist/components/ui/Spacer/{Spacer.esm.js.map → Spacer.cjs.js.map} +1 -1
- package/dist/components/ui/Spacer/Spacer.js +5 -7
- package/dist/components/ui/Spacer/Spacer.js.map +1 -1
- package/dist/localization/{en.json.esm.js → en.json.cjs.js} +17 -2
- package/dist/localization/en.json.cjs.js.map +1 -0
- package/dist/localization/en.json.js +1 -16
- package/dist/localization/en.json.js.map +1 -1
- package/dist/providers/TranslationProvider.cjs.js +23 -0
- package/dist/providers/{TranslationProvider.esm.js.map → TranslationProvider.cjs.js.map} +1 -1
- package/dist/providers/TranslationProvider.js +8 -10
- package/dist/providers/TranslationProvider.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/index.esm.js +0 -6
- package/dist/components/index.esm.js.map +0 -1
- package/dist/components/ui/LazyComponent/LazyComponent.esm.js +0 -14
- package/dist/components/ui/NotFoundPage/NotFoundPage.esm.js +0 -19
- package/dist/components/ui/NotFoundPage/NotFoundPage.esm.js.map +0 -1
- package/dist/components/ui/PortalMock/PortalMock.esm.js +0 -45
- package/dist/localization/en.json.esm.js.map +0 -1
- package/dist/providers/TranslationProvider.esm.js +0 -21
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var flipdishPublicTheme = require('./themes/flipdishPublicTheme.cjs.js');
|
|
4
|
+
var NotFoundPage = require('./ui/NotFoundPage/NotFoundPage.cjs.js');
|
|
5
|
+
var PortalMock = require('./ui/PortalMock/PortalMock.cjs.js');
|
|
6
|
+
var LazyComponent = require('./ui/LazyComponent/LazyComponent.cjs.js');
|
|
7
|
+
var Spacer = require('./ui/Spacer/Spacer.cjs.js');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
exports.flipdishPublicTheme = flipdishPublicTheme;
|
|
12
|
+
exports.NotFoundPage = NotFoundPage;
|
|
13
|
+
exports.PortalMock = PortalMock;
|
|
14
|
+
exports.LazyComponent = LazyComponent;
|
|
15
|
+
exports.Spacer = Spacer;
|
|
16
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,16 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var LazyComponent = require('./ui/LazyComponent/LazyComponent.js');
|
|
7
|
-
var Spacer = require('./ui/Spacer/Spacer.js');
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
exports.flipdishPublicTheme = flipdishPublicTheme;
|
|
12
|
-
exports.NotFoundPage = NotFoundPage;
|
|
13
|
-
exports.PortalMock = PortalMock;
|
|
14
|
-
exports.LazyComponent = LazyComponent;
|
|
15
|
-
exports.Spacer = Spacer;
|
|
1
|
+
export { default as flipdishPublicTheme } from './themes/flipdishPublicTheme.js';
|
|
2
|
+
export { default as NotFoundPage } from './ui/NotFoundPage/NotFoundPage.js';
|
|
3
|
+
export { default as PortalMock } from './ui/PortalMock/PortalMock.js';
|
|
4
|
+
export { default as LazyComponent } from './ui/LazyComponent/LazyComponent.js';
|
|
5
|
+
export { default as Spacer } from './ui/Spacer/Spacer.js';
|
|
16
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var material = require('@mui/material');
|
|
2
4
|
|
|
3
5
|
// Colours and fonts as per our brand guidelines
|
|
4
|
-
const fontTheme = createTheme({
|
|
6
|
+
const fontTheme = material.createTheme({
|
|
5
7
|
typography: {
|
|
6
8
|
body1: {
|
|
7
9
|
fontFamily: "'Roboto', sans-serif",
|
|
@@ -46,7 +48,7 @@ const fontTheme = createTheme({
|
|
|
46
48
|
},
|
|
47
49
|
},
|
|
48
50
|
});
|
|
49
|
-
const theme = createTheme(fontTheme, {
|
|
51
|
+
const theme = material.createTheme(fontTheme, {
|
|
50
52
|
palette: {
|
|
51
53
|
// Primary
|
|
52
54
|
black: fontTheme.palette.augmentColor({
|
|
@@ -109,7 +111,7 @@ const theme = createTheme(fontTheme, {
|
|
|
109
111
|
}),
|
|
110
112
|
},
|
|
111
113
|
});
|
|
112
|
-
var flipdishPublicTheme = createTheme(theme, {
|
|
114
|
+
var flipdishPublicTheme = material.createTheme(theme, {
|
|
113
115
|
palette: {
|
|
114
116
|
primary: {
|
|
115
117
|
main: theme.palette.flippyBlue.main,
|
|
@@ -167,5 +169,5 @@ var flipdishPublicTheme = createTheme(theme, {
|
|
|
167
169
|
},
|
|
168
170
|
});
|
|
169
171
|
|
|
170
|
-
|
|
171
|
-
//# sourceMappingURL=flipdishPublicTheme.
|
|
172
|
+
module.exports = flipdishPublicTheme;
|
|
173
|
+
//# sourceMappingURL=flipdishPublicTheme.cjs.js.map
|
package/dist/components/themes/{flipdishPublicTheme.esm.js.map → flipdishPublicTheme.cjs.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flipdishPublicTheme.
|
|
1
|
+
{"version":3,"file":"flipdishPublicTheme.cjs.js","sources":["../../../src/components/themes/flipdishPublicTheme.ts"],"sourcesContent":["import { createTheme } from '@mui/material';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n typography: {\n body1: {\n fontFamily: \"'Roboto', sans-serif\",\n },\n body2: {\n fontFamily: \"'Roboto', sans-serif\",\n },\n h1: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h2: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h3: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h4: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h5: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h6: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n },\n palette: {\n success: {\n main: '#20C26E',\n dark: '#137442',\n light: '#D2F3E2',\n },\n error: {\n main: '#CA0030',\n dark: '#79001D',\n light: '#FADBE2',\n },\n warning: {\n main: '#FFBC2C',\n dark: '#FF7A00',\n light: '#FFF2D5',\n },\n },\n});\n\nconst theme = createTheme(fontTheme, {\n palette: {\n // Primary\n black: fontTheme.palette.augmentColor({\n color: {\n main: '#000000',\n },\n name: 'black',\n }),\n white: fontTheme.palette.augmentColor({\n color: {\n main: '#ffffff',\n },\n name: 'white',\n }),\n flippyBlue: fontTheme.palette.augmentColor({\n color: {\n main: '#0b75d7',\n },\n name: 'flippyBlue',\n }),\n // Core\n freezerBurn: fontTheme.palette.augmentColor({\n color: {\n main: '#a5e2f6',\n },\n name: 'freezerBurn',\n }),\n spricyCarrot: fontTheme.palette.augmentColor({\n color: {\n main: '#f7742b',\n },\n name: 'spricyCarrot',\n }),\n pebble: fontTheme.palette.augmentColor({\n color: {\n main: '#eeebe3',\n },\n name: 'pebble',\n }),\n // Secondary\n donutPanic: fontTheme.palette.augmentColor({\n color: {\n main: '#ffbae4',\n },\n name: 'donutPanic',\n }),\n eletricLime: fontTheme.palette.augmentColor({\n color: {\n main: '#cff27d',\n },\n name: 'eletricLime',\n }),\n pending: fontTheme.palette.augmentColor({\n color: {\n main: '#DEACFA',\n dark: '#A56AC6',\n light: '#FCF7FE',\n },\n name: 'pending',\n }),\n },\n});\n\nexport default createTheme(theme, {\n palette: {\n primary: {\n main: theme.palette.flippyBlue.main,\n },\n secondary: {\n main: theme.palette.spricyCarrot.main,\n },\n },\n components: {\n MuiButton: {\n styleOverrides: {\n root: {\n padding: '7px 14px',\n textTransform: 'none',\n boxShadow: 'none',\n '&:hover': {\n boxShadow: 'none',\n },\n borderRadius: '25px',\n },\n },\n },\n MuiCard: {\n styleOverrides: {\n root: {\n borderRadius: 0,\n boxShadow: 'none',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: '#999999',\n },\n },\n },\n MuiChip: {\n styleOverrides: {\n root: {\n borderRadius: '5px',\n fontWeight: 'bold',\n textTransform: 'uppercase',\n },\n },\n },\n MuiListItemButton: {\n styleOverrides: {\n root: {\n '&:hover': {\n backgroundColor: '#eaf2ff',\n },\n '&:not(:last-child)': {\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n },\n },\n },\n },\n});\n\ndeclare module '@mui/material/styles' {\n interface Palette {\n black: Palette['primary'];\n white: Palette['primary'];\n flippyBlue: Palette['primary'];\n freezerBurn: Palette['primary'];\n spricyCarrot: Palette['primary'];\n pebble: Palette['primary'];\n donutPanic: Palette['primary'];\n eletricLime: Palette['primary'];\n pending: Palette['primary'];\n }\n}\n"],"names":["createTheme"],"mappings":"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"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var material = require('@mui/material');
|
|
1
|
+
import { createTheme } from '@mui/material';
|
|
4
2
|
|
|
5
3
|
// Colours and fonts as per our brand guidelines
|
|
6
|
-
const fontTheme =
|
|
4
|
+
const fontTheme = createTheme({
|
|
7
5
|
typography: {
|
|
8
6
|
body1: {
|
|
9
7
|
fontFamily: "'Roboto', sans-serif",
|
|
@@ -48,7 +46,7 @@ const fontTheme = material.createTheme({
|
|
|
48
46
|
},
|
|
49
47
|
},
|
|
50
48
|
});
|
|
51
|
-
const theme =
|
|
49
|
+
const theme = createTheme(fontTheme, {
|
|
52
50
|
palette: {
|
|
53
51
|
// Primary
|
|
54
52
|
black: fontTheme.palette.augmentColor({
|
|
@@ -111,7 +109,7 @@ const theme = material.createTheme(fontTheme, {
|
|
|
111
109
|
}),
|
|
112
110
|
},
|
|
113
111
|
});
|
|
114
|
-
var flipdishPublicTheme =
|
|
112
|
+
var flipdishPublicTheme = createTheme(theme, {
|
|
115
113
|
palette: {
|
|
116
114
|
primary: {
|
|
117
115
|
main: theme.palette.flippyBlue.main,
|
|
@@ -169,5 +167,5 @@ var flipdishPublicTheme = material.createTheme(theme, {
|
|
|
169
167
|
},
|
|
170
168
|
});
|
|
171
169
|
|
|
172
|
-
|
|
170
|
+
export { flipdishPublicTheme as default };
|
|
173
171
|
//# sourceMappingURL=flipdishPublicTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flipdishPublicTheme.js","sources":["../../../src/components/themes/flipdishPublicTheme.ts"],"sourcesContent":["import { createTheme } from '@mui/material';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n typography: {\n body1: {\n fontFamily: \"'Roboto', sans-serif\",\n },\n body2: {\n fontFamily: \"'Roboto', sans-serif\",\n },\n h1: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h2: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h3: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h4: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h5: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h6: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n },\n palette: {\n success: {\n main: '#20C26E',\n dark: '#137442',\n light: '#D2F3E2',\n },\n error: {\n main: '#CA0030',\n dark: '#79001D',\n light: '#FADBE2',\n },\n warning: {\n main: '#FFBC2C',\n dark: '#FF7A00',\n light: '#FFF2D5',\n },\n },\n});\n\nconst theme = createTheme(fontTheme, {\n palette: {\n // Primary\n black: fontTheme.palette.augmentColor({\n color: {\n main: '#000000',\n },\n name: 'black',\n }),\n white: fontTheme.palette.augmentColor({\n color: {\n main: '#ffffff',\n },\n name: 'white',\n }),\n flippyBlue: fontTheme.palette.augmentColor({\n color: {\n main: '#0b75d7',\n },\n name: 'flippyBlue',\n }),\n // Core\n freezerBurn: fontTheme.palette.augmentColor({\n color: {\n main: '#a5e2f6',\n },\n name: 'freezerBurn',\n }),\n spricyCarrot: fontTheme.palette.augmentColor({\n color: {\n main: '#f7742b',\n },\n name: 'spricyCarrot',\n }),\n pebble: fontTheme.palette.augmentColor({\n color: {\n main: '#eeebe3',\n },\n name: 'pebble',\n }),\n // Secondary\n donutPanic: fontTheme.palette.augmentColor({\n color: {\n main: '#ffbae4',\n },\n name: 'donutPanic',\n }),\n eletricLime: fontTheme.palette.augmentColor({\n color: {\n main: '#cff27d',\n },\n name: 'eletricLime',\n }),\n pending: fontTheme.palette.augmentColor({\n color: {\n main: '#DEACFA',\n dark: '#A56AC6',\n light: '#FCF7FE',\n },\n name: 'pending',\n }),\n },\n});\n\nexport default createTheme(theme, {\n palette: {\n primary: {\n main: theme.palette.flippyBlue.main,\n },\n secondary: {\n main: theme.palette.spricyCarrot.main,\n },\n },\n components: {\n MuiButton: {\n styleOverrides: {\n root: {\n padding: '7px 14px',\n textTransform: 'none',\n boxShadow: 'none',\n '&:hover': {\n boxShadow: 'none',\n },\n borderRadius: '25px',\n },\n },\n },\n MuiCard: {\n styleOverrides: {\n root: {\n borderRadius: 0,\n boxShadow: 'none',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: '#999999',\n },\n },\n },\n MuiChip: {\n styleOverrides: {\n root: {\n borderRadius: '5px',\n fontWeight: 'bold',\n textTransform: 'uppercase',\n },\n },\n },\n MuiListItemButton: {\n styleOverrides: {\n root: {\n '&:hover': {\n backgroundColor: '#eaf2ff',\n },\n '&:not(:last-child)': {\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n },\n },\n },\n },\n});\n\ndeclare module '@mui/material/styles' {\n interface Palette {\n black: Palette['primary'];\n white: Palette['primary'];\n flippyBlue: Palette['primary'];\n freezerBurn: Palette['primary'];\n spricyCarrot: Palette['primary'];\n pebble: Palette['primary'];\n donutPanic: Palette['primary'];\n eletricLime: Palette['primary'];\n pending: Palette['primary'];\n }\n}\n"],"names":[
|
|
1
|
+
{"version":3,"file":"flipdishPublicTheme.js","sources":["../../../src/components/themes/flipdishPublicTheme.ts"],"sourcesContent":["import { createTheme } from '@mui/material';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n typography: {\n body1: {\n fontFamily: \"'Roboto', sans-serif\",\n },\n body2: {\n fontFamily: \"'Roboto', sans-serif\",\n },\n h1: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h2: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h3: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h4: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h5: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n h6: {\n fontFamily: 'clarendon-text-pro,Domine,serif',\n },\n },\n palette: {\n success: {\n main: '#20C26E',\n dark: '#137442',\n light: '#D2F3E2',\n },\n error: {\n main: '#CA0030',\n dark: '#79001D',\n light: '#FADBE2',\n },\n warning: {\n main: '#FFBC2C',\n dark: '#FF7A00',\n light: '#FFF2D5',\n },\n },\n});\n\nconst theme = createTheme(fontTheme, {\n palette: {\n // Primary\n black: fontTheme.palette.augmentColor({\n color: {\n main: '#000000',\n },\n name: 'black',\n }),\n white: fontTheme.palette.augmentColor({\n color: {\n main: '#ffffff',\n },\n name: 'white',\n }),\n flippyBlue: fontTheme.palette.augmentColor({\n color: {\n main: '#0b75d7',\n },\n name: 'flippyBlue',\n }),\n // Core\n freezerBurn: fontTheme.palette.augmentColor({\n color: {\n main: '#a5e2f6',\n },\n name: 'freezerBurn',\n }),\n spricyCarrot: fontTheme.palette.augmentColor({\n color: {\n main: '#f7742b',\n },\n name: 'spricyCarrot',\n }),\n pebble: fontTheme.palette.augmentColor({\n color: {\n main: '#eeebe3',\n },\n name: 'pebble',\n }),\n // Secondary\n donutPanic: fontTheme.palette.augmentColor({\n color: {\n main: '#ffbae4',\n },\n name: 'donutPanic',\n }),\n eletricLime: fontTheme.palette.augmentColor({\n color: {\n main: '#cff27d',\n },\n name: 'eletricLime',\n }),\n pending: fontTheme.palette.augmentColor({\n color: {\n main: '#DEACFA',\n dark: '#A56AC6',\n light: '#FCF7FE',\n },\n name: 'pending',\n }),\n },\n});\n\nexport default createTheme(theme, {\n palette: {\n primary: {\n main: theme.palette.flippyBlue.main,\n },\n secondary: {\n main: theme.palette.spricyCarrot.main,\n },\n },\n components: {\n MuiButton: {\n styleOverrides: {\n root: {\n padding: '7px 14px',\n textTransform: 'none',\n boxShadow: 'none',\n '&:hover': {\n boxShadow: 'none',\n },\n borderRadius: '25px',\n },\n },\n },\n MuiCard: {\n styleOverrides: {\n root: {\n borderRadius: 0,\n boxShadow: 'none',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: '#999999',\n },\n },\n },\n MuiChip: {\n styleOverrides: {\n root: {\n borderRadius: '5px',\n fontWeight: 'bold',\n textTransform: 'uppercase',\n },\n },\n },\n MuiListItemButton: {\n styleOverrides: {\n root: {\n '&:hover': {\n backgroundColor: '#eaf2ff',\n },\n '&:not(:last-child)': {\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n },\n },\n },\n },\n});\n\ndeclare module '@mui/material/styles' {\n interface Palette {\n black: Palette['primary'];\n white: Palette['primary'];\n flippyBlue: Palette['primary'];\n freezerBurn: Palette['primary'];\n spricyCarrot: Palette['primary'];\n pebble: Palette['primary'];\n donutPanic: Palette['primary'];\n eletricLime: Palette['primary'];\n pending: Palette['primary'];\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var react = require('react');
|
|
5
|
+
var CircularProgress = require('@mui/material/CircularProgress');
|
|
6
|
+
var styles = require('@mui/material/styles');
|
|
7
|
+
|
|
8
|
+
const StyledLoadingContainer = styles.styled('div')({
|
|
9
|
+
display: 'flex',
|
|
10
|
+
justifyContent: 'center',
|
|
11
|
+
alignItems: 'center',
|
|
12
|
+
});
|
|
13
|
+
const LazyComponent = ({ children }) => (jsxRuntime.jsx(react.Suspense, { fallback: jsxRuntime.jsx(StyledLoadingContainer, { children: jsxRuntime.jsx(CircularProgress, { size: 56 }) }), children: children }));
|
|
14
|
+
|
|
15
|
+
module.exports = LazyComponent;
|
|
16
|
+
//# sourceMappingURL=LazyComponent.cjs.js.map
|
package/dist/components/ui/LazyComponent/{LazyComponent.esm.js.map → LazyComponent.cjs.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LazyComponent.
|
|
1
|
+
{"version":3,"file":"LazyComponent.cjs.js","sources":["../../../../src/components/ui/LazyComponent/LazyComponent.tsx"],"sourcesContent":["import { Suspense, ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n <Suspense\n fallback={\n <StyledLoadingContainer>\n <CircularProgress size={56} />\n </StyledLoadingContainer>\n }\n >\n {children}\n </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["styled","_jsx","Suspense"],"mappings":";;;;;;;AASA,MAAM,sBAAsB,GAAGA,aAAM,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;AACvB,CAAA,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAsB,MACnDC,cAAC,CAAAC,cAAQ,IACL,QAAQ,EACJD,cAAC,CAAA,sBAAsB,EACnB,EAAA,QAAA,EAAAA,cAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EACT,CAAA,EAAA,QAAA,EAG5B,QAAQ,EAAA,CACF;;;;"}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { Suspense } from 'react';
|
|
3
|
+
import CircularProgress from '@mui/material/CircularProgress';
|
|
4
|
+
import { styled } from '@mui/material/styles';
|
|
2
5
|
|
|
3
|
-
|
|
4
|
-
var react = require('react');
|
|
5
|
-
var CircularProgress = require('@mui/material/CircularProgress');
|
|
6
|
-
var styles = require('@mui/material/styles');
|
|
7
|
-
|
|
8
|
-
const StyledLoadingContainer = styles.styled('div')({
|
|
6
|
+
const StyledLoadingContainer = styled('div')({
|
|
9
7
|
display: 'flex',
|
|
10
8
|
justifyContent: 'center',
|
|
11
9
|
alignItems: 'center',
|
|
12
10
|
});
|
|
13
|
-
const LazyComponent = ({ children }) => (
|
|
11
|
+
const LazyComponent = ({ children }) => (jsx(Suspense, { fallback: jsx(StyledLoadingContainer, { children: jsx(CircularProgress, { size: 56 }) }), children: children }));
|
|
14
12
|
|
|
15
|
-
|
|
13
|
+
export { LazyComponent as default };
|
|
16
14
|
//# sourceMappingURL=LazyComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LazyComponent.js","sources":["../../../../src/components/ui/LazyComponent/LazyComponent.tsx"],"sourcesContent":["import { Suspense, ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n <Suspense\n fallback={\n <StyledLoadingContainer>\n <CircularProgress size={56} />\n </StyledLoadingContainer>\n }\n >\n {children}\n </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"LazyComponent.js","sources":["../../../../src/components/ui/LazyComponent/LazyComponent.tsx"],"sourcesContent":["import { Suspense, ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n <Suspense\n fallback={\n <StyledLoadingContainer>\n <CircularProgress size={56} />\n </StyledLoadingContainer>\n }\n >\n {children}\n </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["_jsx"],"mappings":";;;;;AASA,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;AACvB,CAAA,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAsB,MACnDA,GAAC,CAAA,QAAQ,IACL,QAAQ,EACJA,GAAC,CAAA,sBAAsB,EACnB,EAAA,QAAA,EAAAA,GAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EACT,CAAA,EAAA,QAAA,EAG5B,QAAQ,EAAA,CACF;;;;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var styles = require('@mui/material/styles');
|
|
5
|
+
var Typography = require('@mui/material/Typography');
|
|
6
|
+
var Box = require('@mui/material/Box');
|
|
7
|
+
var TranslationProvider = require('../../../providers/TranslationProvider.cjs.js');
|
|
8
|
+
|
|
9
|
+
const StyledTextContainer = styles.styled(Box)(({ theme }) => ({
|
|
10
|
+
marginTop: theme.spacing(2),
|
|
11
|
+
display: 'flex',
|
|
12
|
+
justifyContent: 'center',
|
|
13
|
+
alignItems: 'center',
|
|
14
|
+
}));
|
|
15
|
+
const NotFoundPage = () => {
|
|
16
|
+
const { translate } = TranslationProvider.useTranslation();
|
|
17
|
+
return (jsxRuntime.jsx(StyledTextContainer, { children: jsxRuntime.jsx(Typography, { children: translate('Page_Not_Found') }) }));
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
module.exports = NotFoundPage;
|
|
21
|
+
//# sourceMappingURL=NotFoundPage.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotFoundPage.cjs.js","sources":["../../../../src/components/ui/NotFoundPage/NotFoundPage.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n marginTop: theme.spacing(2),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\n\n\nconst NotFoundPage = () => {\n const { translate } = useTranslation();\n return (\n <StyledTextContainer>\n <Typography>{translate('Page_Not_Found')}</Typography>\n </StyledTextContainer>\n );\n};\n\nexport default NotFoundPage;\n"],"names":["styled","useTranslation","_jsx"],"mappings":";;;;;;;;AAKA,MAAM,mBAAmB,GAAGA,aAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACpD,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;AACvB,CAAA,CAAC,CAAC,CAAC;AAGE,MAAA,YAAY,GAAG,MAAK;AACtB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGC,kCAAc,EAAE,CAAC;AACvC,IAAA,QACIC,cAAA,CAAC,mBAAmB,EAAA,EAAA,QAAA,EAChBA,eAAC,UAAU,EAAA,EAAA,QAAA,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAc,CAAA,EAAA,CACpC,EACxB;AACN;;;;"}
|
|
@@ -1,21 +1,19 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { styled } from '@mui/material/styles';
|
|
3
|
+
import Typography from '@mui/material/Typography';
|
|
4
|
+
import Box from '@mui/material/Box';
|
|
5
|
+
import { useTranslation } from '../../../providers/TranslationProvider.js';
|
|
2
6
|
|
|
3
|
-
|
|
4
|
-
var styles = require('@mui/material/styles');
|
|
5
|
-
var Typography = require('@mui/material/Typography');
|
|
6
|
-
var Box = require('@mui/material/Box');
|
|
7
|
-
var TranslationProvider = require('../../../providers/TranslationProvider.js');
|
|
8
|
-
|
|
9
|
-
const StyledTextContainer = styles.styled(props => jsxRuntime.jsx(Box, { ...props }))(({ theme }) => ({
|
|
7
|
+
const StyledTextContainer = styled(Box)(({ theme }) => ({
|
|
10
8
|
marginTop: theme.spacing(2),
|
|
11
9
|
display: 'flex',
|
|
12
10
|
justifyContent: 'center',
|
|
13
11
|
alignItems: 'center',
|
|
14
12
|
}));
|
|
15
13
|
const NotFoundPage = () => {
|
|
16
|
-
const { translate } =
|
|
17
|
-
return (
|
|
14
|
+
const { translate } = useTranslation();
|
|
15
|
+
return (jsx(StyledTextContainer, { children: jsx(Typography, { children: translate('Page_Not_Found') }) }));
|
|
18
16
|
};
|
|
19
17
|
|
|
20
|
-
|
|
18
|
+
export { NotFoundPage as default };
|
|
21
19
|
//# sourceMappingURL=NotFoundPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotFoundPage.js","sources":["../../../../src/components/ui/NotFoundPage/NotFoundPage.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled(
|
|
1
|
+
{"version":3,"file":"NotFoundPage.js","sources":["../../../../src/components/ui/NotFoundPage/NotFoundPage.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n marginTop: theme.spacing(2),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\n\n\nconst NotFoundPage = () => {\n const { translate } = useTranslation();\n return (\n <StyledTextContainer>\n <Typography>{translate('Page_Not_Found')}</Typography>\n </StyledTextContainer>\n );\n};\n\nexport default NotFoundPage;\n"],"names":["_jsx"],"mappings":";;;;;;AAKA,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACpD,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;AACvB,CAAA,CAAC,CAAC,CAAC;AAGE,MAAA,YAAY,GAAG,MAAK;AACtB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;AACvC,IAAA,QACIA,GAAA,CAAC,mBAAmB,EAAA,EAAA,QAAA,EAChBA,IAAC,UAAU,EAAA,EAAA,QAAA,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAc,CAAA,EAAA,CACpC,EACxB;AACN;;;;"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var styles = require('@mui/material/styles');
|
|
5
|
+
var material = require('@mui/material');
|
|
6
|
+
|
|
7
|
+
const StyledHeader = styles.styled('div')(({ theme }) => ({
|
|
8
|
+
display: 'flex',
|
|
9
|
+
justifyContent: 'center',
|
|
10
|
+
alignItems: 'center',
|
|
11
|
+
backgroundColor: theme.palette.grey[300],
|
|
12
|
+
height: '65px',
|
|
13
|
+
color: theme.palette.text.primary,
|
|
14
|
+
borderBottom: `2px solid ${theme.palette.grey[400]}`,
|
|
15
|
+
}));
|
|
16
|
+
const StyledSidebar = styles.styled('div')(({ theme }) => ({
|
|
17
|
+
display: 'flex',
|
|
18
|
+
justifyContent: 'center',
|
|
19
|
+
alignItems: 'center',
|
|
20
|
+
backgroundColor: theme.palette.grey[300],
|
|
21
|
+
height: '100%',
|
|
22
|
+
color: theme.palette.text.primary,
|
|
23
|
+
}));
|
|
24
|
+
const drawerWidth = 198;
|
|
25
|
+
const PortalMock = ({ children, loadedFromPortal }) => {
|
|
26
|
+
const theme = styles.useTheme();
|
|
27
|
+
if (loadedFromPortal) {
|
|
28
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
|
|
29
|
+
}
|
|
30
|
+
const drawer = (jsxRuntime.jsx(StyledSidebar, { children: jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 'bold' }, children: "Sidebar" }) }));
|
|
31
|
+
return (jsxRuntime.jsxs(material.Box, { sx: { display: 'flex' }, children: [jsxRuntime.jsx(material.CssBaseline, {}), jsxRuntime.jsx(material.AppBar, { position: "fixed", sx: {
|
|
32
|
+
width: { sm: `calc(100% - ${drawerWidth}px)` },
|
|
33
|
+
ml: { sm: `${drawerWidth}px` },
|
|
34
|
+
boxShadow: 'none',
|
|
35
|
+
}, children: jsxRuntime.jsx(StyledHeader, { children: jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 'bold' }, children: "Header" }) }) }), jsxRuntime.jsx(material.Box, { component: "nav", sx: { width: { sm: drawerWidth }, flexShrink: { sm: 0 } }, "aria-label": "mailbox folders", children: jsxRuntime.jsx(material.Drawer, { variant: "permanent", sx: {
|
|
36
|
+
display: { xs: 'none', sm: 'block' },
|
|
37
|
+
'& .MuiDrawer-paper': {
|
|
38
|
+
boxSizing: 'border-box',
|
|
39
|
+
width: drawerWidth,
|
|
40
|
+
borderColor: theme.palette.grey[400],
|
|
41
|
+
borderWidth: '2px',
|
|
42
|
+
},
|
|
43
|
+
}, open: true, children: drawer }) }), jsxRuntime.jsx(material.Box, { component: "main", sx: { flexGrow: 1, width: { sm: `calc(100% - ${drawerWidth}px)`, marginTop: '65px' } }, children: children })] }));
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
module.exports = PortalMock;
|
|
47
|
+
//# sourceMappingURL=PortalMock.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortalMock.
|
|
1
|
+
{"version":3,"file":"PortalMock.cjs.js","sources":["../../../../src/components/ui/PortalMock/PortalMock.tsx"],"sourcesContent":["import { styled, useTheme } from '@mui/material/styles';\nimport { AppBar, Box, CssBaseline, Drawer, Typography } from '@mui/material';\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.grey[300],\n height: '65px',\n color: theme.palette.text.primary,\n borderBottom: `2px solid ${theme.palette.grey[400]}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.grey[300],\n height: '100%',\n color: theme.palette.text.primary,\n}));\n\ntype Props = {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n};\nconst drawerWidth = 198;\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n const theme = useTheme();\n\n if (loadedFromPortal) {\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <Typography sx={{ fontWeight: 'bold' }}>Sidebar</Typography>\n </StyledSidebar>\n );\n\n return (\n <Box sx={{ display: 'flex' }}>\n <CssBaseline />\n <AppBar\n position=\"fixed\"\n sx={{\n width: { sm: `calc(100% - ${drawerWidth}px)` },\n ml: { sm: `${drawerWidth}px` },\n boxShadow: 'none',\n }}\n >\n <StyledHeader>\n <Typography sx={{ fontWeight: 'bold' }}>Header</Typography>\n </StyledHeader>\n </AppBar>\n <Box component=\"nav\" sx={{ width: { sm: drawerWidth }, flexShrink: { sm: 0 } }} aria-label=\"mailbox folders\">\n <Drawer\n variant=\"permanent\"\n sx={{\n display: { xs: 'none', sm: 'block' },\n '& .MuiDrawer-paper': {\n boxSizing: 'border-box',\n width: drawerWidth,\n borderColor: theme.palette.grey[400],\n borderWidth: '2px',\n },\n }}\n open\n >\n {drawer}\n </Drawer>\n </Box>\n <Box component=\"main\" sx={{ flexGrow: 1, width: { sm: `calc(100% - ${drawerWidth}px)`, marginTop: '65px' } }}>\n {children}\n </Box>\n </Box>\n );\n};\n\nexport default PortalMock;\n"],"names":["styled","useTheme","_jsx","_Fragment","Typography","_jsxs","Box","CssBaseline","AppBar","Drawer"],"mappings":";;;;;;AAGA,MAAM,YAAY,GAAGA,aAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC/C,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;IACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACxC,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,YAAY,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA;AACvD,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,aAAa,GAAGA,aAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAChD,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;IACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACxC,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AACpC,CAAA,CAAC,CAAC,CAAC;AAMJ,MAAM,WAAW,GAAG,GAAG,CAAC;AAElB,MAAA,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAS,KAAI;AACzD,IAAA,MAAM,KAAK,GAAGC,eAAQ,EAAE,CAAC;IAEzB,IAAI,gBAAgB,EAAE;QAClB,OAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI,CAAC;KAC1B;AAED,IAAA,MAAM,MAAM,IACRD,eAAC,aAAa,EAAA,EAAA,QAAA,EACVA,eAACE,mBAAU,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAsB,QAAA,EAAA,SAAA,EAAA,CAAA,EAAA,CAChD,CACnB,CAAC;IAEF,QACIC,eAAC,CAAAC,YAAG,EAAC,EAAA,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CACxBJ,eAACK,oBAAW,EAAA,EAAA,CAAG,EACfL,cAAA,CAACM,eAAM,EAAA,EACH,QAAQ,EAAC,OAAO,EAChB,EAAE,EAAE;AACA,oBAAA,KAAK,EAAE,EAAE,EAAE,EAAE,CAAe,YAAA,EAAA,WAAW,KAAK,EAAE;AAC9C,oBAAA,EAAE,EAAE,EAAE,EAAE,EAAE,CAAG,EAAA,WAAW,IAAI,EAAE;AAC9B,oBAAA,SAAS,EAAE,MAAM;iBACpB,EAED,QAAA,EAAAN,cAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EACTA,cAAC,CAAAE,mBAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAqB,QAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAChD,EACV,CAAA,EACTF,cAAC,CAAAI,YAAG,EAAC,EAAA,SAAS,EAAC,KAAK,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAA,YAAA,EAAa,iBAAiB,EAAA,QAAA,EACxGJ,cAAC,CAAAO,eAAM,EACH,EAAA,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE;wBACA,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;AACpC,wBAAA,oBAAoB,EAAE;AAClB,4BAAA,SAAS,EAAE,YAAY;AACvB,4BAAA,KAAK,EAAE,WAAW;4BAClB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpC,4BAAA,WAAW,EAAE,KAAK;AACrB,yBAAA;AACJ,qBAAA,EACD,IAAI,EAEH,IAAA,EAAA,QAAA,EAAA,MAAM,EACF,CAAA,EAAA,CACP,EACNP,cAAC,CAAAI,YAAG,EAAC,EAAA,SAAS,EAAC,MAAM,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAe,YAAA,EAAA,WAAW,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAA,QAAA,EACvG,QAAQ,EACP,CAAA,CAAA,EAAA,CACJ,EACR;AACN;;;;"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { styled, useTheme } from '@mui/material/styles';
|
|
3
|
+
import { Typography, Box, CssBaseline, AppBar, Drawer } from '@mui/material';
|
|
2
4
|
|
|
3
|
-
|
|
4
|
-
var styles = require('@mui/material/styles');
|
|
5
|
-
var material = require('@mui/material');
|
|
6
|
-
|
|
7
|
-
const StyledHeader = styles.styled('div')(({ theme }) => ({
|
|
5
|
+
const StyledHeader = styled('div')(({ theme }) => ({
|
|
8
6
|
display: 'flex',
|
|
9
7
|
justifyContent: 'center',
|
|
10
8
|
alignItems: 'center',
|
|
@@ -13,7 +11,7 @@ const StyledHeader = styles.styled('div')(({ theme }) => ({
|
|
|
13
11
|
color: theme.palette.text.primary,
|
|
14
12
|
borderBottom: `2px solid ${theme.palette.grey[400]}`,
|
|
15
13
|
}));
|
|
16
|
-
const StyledSidebar =
|
|
14
|
+
const StyledSidebar = styled('div')(({ theme }) => ({
|
|
17
15
|
display: 'flex',
|
|
18
16
|
justifyContent: 'center',
|
|
19
17
|
alignItems: 'center',
|
|
@@ -23,16 +21,16 @@ const StyledSidebar = styles.styled('div')(({ theme }) => ({
|
|
|
23
21
|
}));
|
|
24
22
|
const drawerWidth = 198;
|
|
25
23
|
const PortalMock = ({ children, loadedFromPortal }) => {
|
|
26
|
-
const theme =
|
|
24
|
+
const theme = useTheme();
|
|
27
25
|
if (loadedFromPortal) {
|
|
28
|
-
return
|
|
26
|
+
return jsx(Fragment, { children: children });
|
|
29
27
|
}
|
|
30
|
-
const drawer = (
|
|
31
|
-
return (
|
|
28
|
+
const drawer = (jsx(StyledSidebar, { children: jsx(Typography, { sx: { fontWeight: 'bold' }, children: "Sidebar" }) }));
|
|
29
|
+
return (jsxs(Box, { sx: { display: 'flex' }, children: [jsx(CssBaseline, {}), jsx(AppBar, { position: "fixed", sx: {
|
|
32
30
|
width: { sm: `calc(100% - ${drawerWidth}px)` },
|
|
33
31
|
ml: { sm: `${drawerWidth}px` },
|
|
34
32
|
boxShadow: 'none',
|
|
35
|
-
}, children:
|
|
33
|
+
}, children: jsx(StyledHeader, { children: jsx(Typography, { sx: { fontWeight: 'bold' }, children: "Header" }) }) }), jsx(Box, { component: "nav", sx: { width: { sm: drawerWidth }, flexShrink: { sm: 0 } }, "aria-label": "mailbox folders", children: jsx(Drawer, { variant: "permanent", sx: {
|
|
36
34
|
display: { xs: 'none', sm: 'block' },
|
|
37
35
|
'& .MuiDrawer-paper': {
|
|
38
36
|
boxSizing: 'border-box',
|
|
@@ -40,8 +38,8 @@ const PortalMock = ({ children, loadedFromPortal }) => {
|
|
|
40
38
|
borderColor: theme.palette.grey[400],
|
|
41
39
|
borderWidth: '2px',
|
|
42
40
|
},
|
|
43
|
-
}, open: true, children: drawer }) }),
|
|
41
|
+
}, open: true, children: drawer }) }), jsx(Box, { component: "main", sx: { flexGrow: 1, width: { sm: `calc(100% - ${drawerWidth}px)`, marginTop: '65px' } }, children: children })] }));
|
|
44
42
|
};
|
|
45
43
|
|
|
46
|
-
|
|
44
|
+
export { PortalMock as default };
|
|
47
45
|
//# sourceMappingURL=PortalMock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortalMock.js","sources":["../../../../src/components/ui/PortalMock/PortalMock.tsx"],"sourcesContent":["import { styled, useTheme } from '@mui/material/styles';\nimport { AppBar, Box, CssBaseline, Drawer, Typography } from '@mui/material';\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.grey[300],\n height: '65px',\n color: theme.palette.text.primary,\n borderBottom: `2px solid ${theme.palette.grey[400]}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.grey[300],\n height: '100%',\n color: theme.palette.text.primary,\n}));\n\ntype Props = {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n};\nconst drawerWidth = 198;\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n const theme = useTheme();\n\n if (loadedFromPortal) {\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <Typography sx={{ fontWeight: 'bold' }}>Sidebar</Typography>\n </StyledSidebar>\n );\n\n return (\n <Box sx={{ display: 'flex' }}>\n <CssBaseline />\n <AppBar\n position=\"fixed\"\n sx={{\n width: { sm: `calc(100% - ${drawerWidth}px)` },\n ml: { sm: `${drawerWidth}px` },\n boxShadow: 'none',\n }}\n >\n <StyledHeader>\n <Typography sx={{ fontWeight: 'bold' }}>Header</Typography>\n </StyledHeader>\n </AppBar>\n <Box component=\"nav\" sx={{ width: { sm: drawerWidth }, flexShrink: { sm: 0 } }} aria-label=\"mailbox folders\">\n <Drawer\n variant=\"permanent\"\n sx={{\n display: { xs: 'none', sm: 'block' },\n '& .MuiDrawer-paper': {\n boxSizing: 'border-box',\n width: drawerWidth,\n borderColor: theme.palette.grey[400],\n borderWidth: '2px',\n },\n }}\n open\n >\n {drawer}\n </Drawer>\n </Box>\n <Box component=\"main\" sx={{ flexGrow: 1, width: { sm: `calc(100% - ${drawerWidth}px)`, marginTop: '65px' } }}>\n {children}\n </Box>\n </Box>\n );\n};\n\nexport default PortalMock;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"PortalMock.js","sources":["../../../../src/components/ui/PortalMock/PortalMock.tsx"],"sourcesContent":["import { styled, useTheme } from '@mui/material/styles';\nimport { AppBar, Box, CssBaseline, Drawer, Typography } from '@mui/material';\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.grey[300],\n height: '65px',\n color: theme.palette.text.primary,\n borderBottom: `2px solid ${theme.palette.grey[400]}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.grey[300],\n height: '100%',\n color: theme.palette.text.primary,\n}));\n\ntype Props = {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n};\nconst drawerWidth = 198;\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n const theme = useTheme();\n\n if (loadedFromPortal) {\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <Typography sx={{ fontWeight: 'bold' }}>Sidebar</Typography>\n </StyledSidebar>\n );\n\n return (\n <Box sx={{ display: 'flex' }}>\n <CssBaseline />\n <AppBar\n position=\"fixed\"\n sx={{\n width: { sm: `calc(100% - ${drawerWidth}px)` },\n ml: { sm: `${drawerWidth}px` },\n boxShadow: 'none',\n }}\n >\n <StyledHeader>\n <Typography sx={{ fontWeight: 'bold' }}>Header</Typography>\n </StyledHeader>\n </AppBar>\n <Box component=\"nav\" sx={{ width: { sm: drawerWidth }, flexShrink: { sm: 0 } }} aria-label=\"mailbox folders\">\n <Drawer\n variant=\"permanent\"\n sx={{\n display: { xs: 'none', sm: 'block' },\n '& .MuiDrawer-paper': {\n boxSizing: 'border-box',\n width: drawerWidth,\n borderColor: theme.palette.grey[400],\n borderWidth: '2px',\n },\n }}\n open\n >\n {drawer}\n </Drawer>\n </Box>\n <Box component=\"main\" sx={{ flexGrow: 1, width: { sm: `calc(100% - ${drawerWidth}px)`, marginTop: '65px' } }}>\n {children}\n </Box>\n </Box>\n );\n};\n\nexport default PortalMock;\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import { styled } from '@mui/material/styles';
|
|
1
|
+
'use strict';
|
|
3
2
|
|
|
4
|
-
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var styles = require('@mui/material/styles');
|
|
5
|
+
|
|
6
|
+
const SpacerDiv = styles.styled('div')(({ size = 8, variant, children }) => {
|
|
5
7
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6
8
|
const style = {
|
|
7
9
|
padding: children ? `${size}px` : undefined,
|
|
@@ -25,8 +27,8 @@ const SpacerDiv = styled('div')(({ size = 8, variant, children }) => {
|
|
|
25
27
|
return style;
|
|
26
28
|
});
|
|
27
29
|
const Spacer = ({ className, variant, size = 8, children }) => {
|
|
28
|
-
return (jsx(SpacerDiv, { className: className, variant: variant, size: size, children: children }));
|
|
30
|
+
return (jsxRuntime.jsx(SpacerDiv, { className: className, variant: variant, size: size, children: children }));
|
|
29
31
|
};
|
|
30
32
|
|
|
31
|
-
|
|
32
|
-
//# sourceMappingURL=Spacer.
|
|
33
|
+
module.exports = Spacer;
|
|
34
|
+
//# sourceMappingURL=Spacer.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spacer.
|
|
1
|
+
{"version":3,"file":"Spacer.cjs.js","sources":["../../../../src/components/ui/Spacer/Spacer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n className?: string;\n variant?: 'horizontal' | 'vertical';\n size?: 8 | 16 | 24 | 32 | 40 | 56;\n children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const style: any = {\n padding: children ? `${size}px` : undefined,\n };\n\n if (!children) {\n if (variant === 'horizontal') {\n style.height = `${size}px`;\n } else if (variant === 'vertical') {\n style.width = `${size}px`;\n }\n } else {\n if (variant === 'horizontal') {\n style.margin = `${size}px 0`;\n } else if (variant === 'vertical') {\n style.margin = `0 ${size}px`;\n }\n }\n\n return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n return (\n <SpacerDiv className={className} variant={variant} size={size}>\n {children}\n </SpacerDiv>\n );\n};\n\nexport default Spacer;\n"],"names":["styled","_jsx"],"mappings":";;;;;AAUA,MAAM,SAAS,GAAGA,aAAM,CAAC,KAAK,CAAC,CAAe,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;;AAE9E,IAAA,MAAM,KAAK,GAAQ;QACf,OAAO,EAAE,QAAQ,GAAG,CAAG,EAAA,IAAI,CAAI,EAAA,CAAA,GAAG,SAAS;KAC9C,CAAC;IAEF,IAAI,CAAC,QAAQ,EAAE;AACX,QAAA,IAAI,OAAO,KAAK,YAAY,EAAE;AAC1B,YAAA,KAAK,CAAC,MAAM,GAAG,CAAG,EAAA,IAAI,IAAI,CAAC;SAC9B;AAAM,aAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AAC/B,YAAA,KAAK,CAAC,KAAK,GAAG,CAAG,EAAA,IAAI,IAAI,CAAC;SAC7B;KACJ;SAAM;AACH,QAAA,IAAI,OAAO,KAAK,YAAY,EAAE;AAC1B,YAAA,KAAK,CAAC,MAAM,GAAG,CAAG,EAAA,IAAI,MAAM,CAAC;SAChC;AAAM,aAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AAC/B,YAAA,KAAK,CAAC,MAAM,GAAG,CAAK,EAAA,EAAA,IAAI,IAAI,CAAC;SAChC;KACJ;AAED,IAAA,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAgB,KAAI;AACxE,IAAA,QACIC,cAAC,CAAA,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,YACxD,QAAQ,EAAA,CACD,EACd;AACN;;;;"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { styled } from '@mui/material/styles';
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
var styles = require('@mui/material/styles');
|
|
5
|
-
|
|
6
|
-
const SpacerDiv = styles.styled('div')(({ size = 8, variant, children }) => {
|
|
4
|
+
const SpacerDiv = styled('div')(({ size = 8, variant, children }) => {
|
|
7
5
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
8
6
|
const style = {
|
|
9
7
|
padding: children ? `${size}px` : undefined,
|
|
@@ -27,8 +25,8 @@ const SpacerDiv = styles.styled('div')(({ size = 8, variant, children }) => {
|
|
|
27
25
|
return style;
|
|
28
26
|
});
|
|
29
27
|
const Spacer = ({ className, variant, size = 8, children }) => {
|
|
30
|
-
return (
|
|
28
|
+
return (jsx(SpacerDiv, { className: className, variant: variant, size: size, children: children }));
|
|
31
29
|
};
|
|
32
30
|
|
|
33
|
-
|
|
31
|
+
export { Spacer as default };
|
|
34
32
|
//# sourceMappingURL=Spacer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spacer.js","sources":["../../../../src/components/ui/Spacer/Spacer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n className?: string;\n variant?: 'horizontal' | 'vertical';\n size?: 8 | 16 | 24 | 32 | 40 | 56;\n children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const style: any = {\n padding: children ? `${size}px` : undefined,\n };\n\n if (!children) {\n if (variant === 'horizontal') {\n style.height = `${size}px`;\n } else if (variant === 'vertical') {\n style.width = `${size}px`;\n }\n } else {\n if (variant === 'horizontal') {\n style.margin = `${size}px 0`;\n } else if (variant === 'vertical') {\n style.margin = `0 ${size}px`;\n }\n }\n\n return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n return (\n <SpacerDiv className={className} variant={variant} size={size}>\n {children}\n </SpacerDiv>\n );\n};\n\nexport default Spacer;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Spacer.js","sources":["../../../../src/components/ui/Spacer/Spacer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n className?: string;\n variant?: 'horizontal' | 'vertical';\n size?: 8 | 16 | 24 | 32 | 40 | 56;\n children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const style: any = {\n padding: children ? `${size}px` : undefined,\n };\n\n if (!children) {\n if (variant === 'horizontal') {\n style.height = `${size}px`;\n } else if (variant === 'vertical') {\n style.width = `${size}px`;\n }\n } else {\n if (variant === 'horizontal') {\n style.margin = `${size}px 0`;\n } else if (variant === 'vertical') {\n style.margin = `0 ${size}px`;\n }\n }\n\n return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n return (\n <SpacerDiv className={className} variant={variant} size={size}>\n {children}\n </SpacerDiv>\n );\n};\n\nexport default Spacer;\n"],"names":["_jsx"],"mappings":";;;AAUA,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAe,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;;AAE9E,IAAA,MAAM,KAAK,GAAQ;QACf,OAAO,EAAE,QAAQ,GAAG,CAAG,EAAA,IAAI,CAAI,EAAA,CAAA,GAAG,SAAS;KAC9C,CAAC;IAEF,IAAI,CAAC,QAAQ,EAAE;AACX,QAAA,IAAI,OAAO,KAAK,YAAY,EAAE;AAC1B,YAAA,KAAK,CAAC,MAAM,GAAG,CAAG,EAAA,IAAI,IAAI,CAAC;SAC9B;AAAM,aAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AAC/B,YAAA,KAAK,CAAC,KAAK,GAAG,CAAG,EAAA,IAAI,IAAI,CAAC;SAC7B;KACJ;SAAM;AACH,QAAA,IAAI,OAAO,KAAK,YAAY,EAAE;AAC1B,YAAA,KAAK,CAAC,MAAM,GAAG,CAAG,EAAA,IAAI,MAAM,CAAC;SAChC;AAAM,aAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AAC/B,YAAA,KAAK,CAAC,MAAM,GAAG,CAAK,EAAA,EAAA,IAAI,IAAI,CAAC;SAChC;KACJ;AAED,IAAA,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAgB,KAAI;AACxE,IAAA,QACIA,GAAC,CAAA,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,YACxD,QAAQ,EAAA,CACD,EACd;AACN;;;;"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
1
5
|
var Home = {
|
|
2
6
|
value: "Home"
|
|
3
7
|
};
|
|
@@ -48,5 +52,16 @@ var en = {
|
|
|
48
52
|
Count_is: Count_is
|
|
49
53
|
};
|
|
50
54
|
|
|
51
|
-
|
|
52
|
-
|
|
55
|
+
exports.About = About;
|
|
56
|
+
exports.About_Page = About_Page;
|
|
57
|
+
exports.Click_vite_react = Click_vite_react;
|
|
58
|
+
exports.Count_is = Count_is;
|
|
59
|
+
exports.Go_to_about_page = Go_to_about_page;
|
|
60
|
+
exports.Go_to_home_page = Go_to_home_page;
|
|
61
|
+
exports.Home = Home;
|
|
62
|
+
exports.Page_Not_Found = Page_Not_Found;
|
|
63
|
+
exports.Something_went_wrong_please_refresh_the_page = Something_went_wrong_please_refresh_the_page;
|
|
64
|
+
exports.Welcome_about_page = Welcome_about_page;
|
|
65
|
+
exports.Welcome_to_new_portal = Welcome_to_new_portal;
|
|
66
|
+
exports.default = en;
|
|
67
|
+
//# sourceMappingURL=en.json.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"en.json.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
1
|
var Home = {
|
|
6
2
|
value: "Home"
|
|
7
3
|
};
|
|
@@ -52,16 +48,5 @@ var en = {
|
|
|
52
48
|
Count_is: Count_is
|
|
53
49
|
};
|
|
54
50
|
|
|
55
|
-
|
|
56
|
-
exports.About_Page = About_Page;
|
|
57
|
-
exports.Click_vite_react = Click_vite_react;
|
|
58
|
-
exports.Count_is = Count_is;
|
|
59
|
-
exports.Go_to_about_page = Go_to_about_page;
|
|
60
|
-
exports.Go_to_home_page = Go_to_home_page;
|
|
61
|
-
exports.Home = Home;
|
|
62
|
-
exports.Page_Not_Found = Page_Not_Found;
|
|
63
|
-
exports.Something_went_wrong_please_refresh_the_page = Something_went_wrong_please_refresh_the_page;
|
|
64
|
-
exports.Welcome_about_page = Welcome_about_page;
|
|
65
|
-
exports.Welcome_to_new_portal = Welcome_to_new_portal;
|
|
66
|
-
exports.default = en;
|
|
51
|
+
export { About, About_Page, Click_vite_react, Count_is, Go_to_about_page, Go_to_home_page, Home, Page_Not_Found, Something_went_wrong_please_refresh_the_page, Welcome_about_page, Welcome_to_new_portal, en as default };
|
|
67
52
|
//# sourceMappingURL=en.json.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('react/jsx-runtime');
|
|
4
|
+
var react = require('react');
|
|
5
|
+
var en = require('../localization/en.json.cjs.js');
|
|
6
|
+
|
|
7
|
+
const TranslationContext = react.createContext({});
|
|
8
|
+
const useTranslation = () => {
|
|
9
|
+
const { translations } = react.useContext(TranslationContext);
|
|
10
|
+
const translate = react.useCallback((key, data) => {
|
|
11
|
+
let translation = translations?.[key]?.value || en.default[key]?.value || key;
|
|
12
|
+
if (data && translation) {
|
|
13
|
+
Object.keys(data)?.forEach((key) => {
|
|
14
|
+
translation = translation.replace(new RegExp(`{${key}}`, 'g'), `${data[key]}`);
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
return translation;
|
|
18
|
+
}, [translations]);
|
|
19
|
+
return { translate, translations };
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
exports.useTranslation = useTranslation;
|
|
23
|
+
//# sourceMappingURL=TranslationProvider.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TranslationProvider.
|
|
1
|
+
{"version":3,"file":"TranslationProvider.cjs.js","sources":["../../src/providers/TranslationProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useState } from 'react';\nimport en from '../../../../localization/en.json';\nimport { getMicroFrontendAttribute } from '../utilities/renderUtilities';\n\ndeclare global {\n type TranslationId = keyof typeof en;\n}\n\ntype Translation = { value: string };\n\ninterface TranslationBase {\n translations: Record<string, Translation>;\n}\n\nconst TranslationContext = createContext<TranslationBase>({} as unknown as TranslationBase);\n\ntype TranslationProp = {\n children: JSX.Element;\n} & TranslationBase;\n\nexport const TranslationProvider = ({ children, translations }: TranslationProp): JSX.Element => {\n const value = { translations };\n return <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>;\n};\n\nexport const useTranslation = (): {\n translate: (key: TranslationId, data?: Record<string, string | number>) => string;\n translations: Record<string, Translation>;\n} => {\n const { translations } = useContext(TranslationContext);\n\n const translate = useCallback(\n (key: TranslationId, data?: Record<string, string | number>): string => {\n let translation = translations?.[key]?.value || en[key]?.value || key;\n if (data && translation) {\n Object.keys(data)?.forEach((key) => {\n translation = translation.replace(new RegExp(`{${key}}`, 'g'), `${data[key]}`);\n });\n }\n return translation;\n },\n [translations],\n );\n return { translate, translations };\n};\n\nconst languagesToLoad = ['nl', 'en-US', 'de', 'fr', 'it', 'es', 'pt', 'es-MX', 'dev-lang'];\n\nexport const useLoadTranslations = () => {\n const [translations, setTranslations] = useState<{\n loading: boolean;\n translations?: Record<string, { value: string }>;\n }>({ loading: true, translations: {} });\n const languageFromParentDiv = getMicroFrontendAttribute('data-language') || '';\n\n useEffect(() => {\n const fetchJSONData = async () => {\n // en loaded as default fallback already\n const shouldLoadLanguage = languagesToLoad.includes(languageFromParentDiv);\n if (shouldLoadLanguage) {\n import(`../../../../localization/${languageFromParentDiv}.json`)\n .then((response) => response.default) // Access the default export of the module\n .then((text) => {\n setTranslations({ loading: false, translations: text });\n })\n .catch((error) => {\n setTranslations({ loading: false });\n window.fdlogger?.error(`Error while fetching ${languageFromParentDiv || 'en'} language JSON data: ${error.message}`);\n });\n } else {\n setTranslations({ loading: false });\n }\n };\n\n void fetchJSONData();\n }, [languageFromParentDiv]);\n\n return {\n translations: translations.translations || {},\n loading: translations.loading,\n };\n};\n"],"names":["createContext","useContext","useCallback","en"],"mappings":";;;;;;AAcA,MAAM,kBAAkB,GAAGA,mBAAa,CAAkB,EAAgC,CAAC,CAAC;AAWrF,MAAM,cAAc,GAAG,MAG1B;IACA,MAAM,EAAE,YAAY,EAAE,GAAGC,gBAAU,CAAC,kBAAkB,CAAC,CAAC;IAExD,MAAM,SAAS,GAAGC,iBAAW,CACzB,CAAC,GAAkB,EAAE,IAAsC,KAAY;AACnE,QAAA,IAAI,WAAW,GAAG,YAAY,GAAG,GAAG,CAAC,EAAE,KAAK,IAAIC,UAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC;AACtE,QAAA,IAAI,IAAI,IAAI,WAAW,EAAE;YACrB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,KAAI;gBAC/B,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,CAAG,EAAE,GAAG,CAAC,EAAE,CAAG,EAAA,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA,CAAC,CAAC;AACnF,aAAC,CAAC,CAAC;SACN;AACD,QAAA,OAAO,WAAW,CAAC;AACvB,KAAC,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;AACF,IAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACvC;;;;"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import 'react/jsx-runtime';
|
|
2
|
+
import { createContext, useContext, useCallback } from 'react';
|
|
3
|
+
import en from '../localization/en.json.js';
|
|
2
4
|
|
|
3
|
-
|
|
4
|
-
var react = require('react');
|
|
5
|
-
var en = require('../localization/en.json.js');
|
|
6
|
-
|
|
7
|
-
const TranslationContext = react.createContext({});
|
|
5
|
+
const TranslationContext = createContext({});
|
|
8
6
|
const useTranslation = () => {
|
|
9
|
-
const { translations } =
|
|
10
|
-
const translate =
|
|
11
|
-
let translation = translations?.[key]?.value || en
|
|
7
|
+
const { translations } = useContext(TranslationContext);
|
|
8
|
+
const translate = useCallback((key, data) => {
|
|
9
|
+
let translation = translations?.[key]?.value || en[key]?.value || key;
|
|
12
10
|
if (data && translation) {
|
|
13
11
|
Object.keys(data)?.forEach((key) => {
|
|
14
12
|
translation = translation.replace(new RegExp(`{${key}}`, 'g'), `${data[key]}`);
|
|
@@ -19,5 +17,5 @@ const useTranslation = () => {
|
|
|
19
17
|
return { translate, translations };
|
|
20
18
|
};
|
|
21
19
|
|
|
22
|
-
|
|
20
|
+
export { useTranslation };
|
|
23
21
|
//# sourceMappingURL=TranslationProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TranslationProvider.js","sources":["../../src/providers/TranslationProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useState } from 'react';\nimport en from '../../../../localization/en.json';\nimport { getMicroFrontendAttribute } from '../utilities/renderUtilities';\n\ndeclare global {\n type TranslationId = keyof typeof en;\n}\n\ntype Translation = { value: string };\n\ninterface TranslationBase {\n translations: Record<string, Translation>;\n}\n\nconst TranslationContext = createContext<TranslationBase>({} as unknown as TranslationBase);\n\ntype TranslationProp = {\n children: JSX.Element;\n} & TranslationBase;\n\nexport const TranslationProvider = ({ children, translations }: TranslationProp): JSX.Element => {\n const value = { translations };\n return <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>;\n};\n\nexport const useTranslation = (): {\n translate: (key: TranslationId, data?: Record<string, string | number>) => string;\n translations: Record<string, Translation>;\n} => {\n const { translations } = useContext(TranslationContext);\n\n const translate = useCallback(\n (key: TranslationId, data?: Record<string, string | number>): string => {\n let translation = translations?.[key]?.value || en[key]?.value || key;\n if (data && translation) {\n Object.keys(data)?.forEach((key) => {\n translation = translation.replace(new RegExp(`{${key}}`, 'g'), `${data[key]}`);\n });\n }\n return translation;\n },\n [translations],\n );\n return { translate, translations };\n};\n\nconst languagesToLoad = ['nl', 'en-US', 'de', 'fr', 'it', 'es', 'pt', 'es-MX', 'dev-lang'];\n\nexport const useLoadTranslations = () => {\n const [translations, setTranslations] = useState<{\n loading: boolean;\n translations?: Record<string, { value: string }>;\n }>({ loading: true, translations: {} });\n const languageFromParentDiv = getMicroFrontendAttribute('data-language') || '';\n\n useEffect(() => {\n const fetchJSONData = async () => {\n // en loaded as default fallback already\n const shouldLoadLanguage = languagesToLoad.includes(languageFromParentDiv);\n if (shouldLoadLanguage) {\n import(`../../../../localization/${languageFromParentDiv}.json`)\n .then((response) => response.default) // Access the default export of the module\n .then((text) => {\n setTranslations({ loading: false, translations: text });\n })\n .catch((error) => {\n setTranslations({ loading: false });\n window.fdlogger?.error(`Error while fetching ${languageFromParentDiv || 'en'} language JSON data: ${error.message}`);\n });\n } else {\n setTranslations({ loading: false });\n }\n };\n\n void fetchJSONData();\n }, [languageFromParentDiv]);\n\n return {\n translations: translations.translations || {},\n loading: translations.loading,\n };\n};\n"],"names":[
|
|
1
|
+
{"version":3,"file":"TranslationProvider.js","sources":["../../src/providers/TranslationProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useState } from 'react';\nimport en from '../../../../localization/en.json';\nimport { getMicroFrontendAttribute } from '../utilities/renderUtilities';\n\ndeclare global {\n type TranslationId = keyof typeof en;\n}\n\ntype Translation = { value: string };\n\ninterface TranslationBase {\n translations: Record<string, Translation>;\n}\n\nconst TranslationContext = createContext<TranslationBase>({} as unknown as TranslationBase);\n\ntype TranslationProp = {\n children: JSX.Element;\n} & TranslationBase;\n\nexport const TranslationProvider = ({ children, translations }: TranslationProp): JSX.Element => {\n const value = { translations };\n return <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>;\n};\n\nexport const useTranslation = (): {\n translate: (key: TranslationId, data?: Record<string, string | number>) => string;\n translations: Record<string, Translation>;\n} => {\n const { translations } = useContext(TranslationContext);\n\n const translate = useCallback(\n (key: TranslationId, data?: Record<string, string | number>): string => {\n let translation = translations?.[key]?.value || en[key]?.value || key;\n if (data && translation) {\n Object.keys(data)?.forEach((key) => {\n translation = translation.replace(new RegExp(`{${key}}`, 'g'), `${data[key]}`);\n });\n }\n return translation;\n },\n [translations],\n );\n return { translate, translations };\n};\n\nconst languagesToLoad = ['nl', 'en-US', 'de', 'fr', 'it', 'es', 'pt', 'es-MX', 'dev-lang'];\n\nexport const useLoadTranslations = () => {\n const [translations, setTranslations] = useState<{\n loading: boolean;\n translations?: Record<string, { value: string }>;\n }>({ loading: true, translations: {} });\n const languageFromParentDiv = getMicroFrontendAttribute('data-language') || '';\n\n useEffect(() => {\n const fetchJSONData = async () => {\n // en loaded as default fallback already\n const shouldLoadLanguage = languagesToLoad.includes(languageFromParentDiv);\n if (shouldLoadLanguage) {\n import(`../../../../localization/${languageFromParentDiv}.json`)\n .then((response) => response.default) // Access the default export of the module\n .then((text) => {\n setTranslations({ loading: false, translations: text });\n })\n .catch((error) => {\n setTranslations({ loading: false });\n window.fdlogger?.error(`Error while fetching ${languageFromParentDiv || 'en'} language JSON data: ${error.message}`);\n });\n } else {\n setTranslations({ loading: false });\n }\n };\n\n void fetchJSONData();\n }, [languageFromParentDiv]);\n\n return {\n translations: translations.translations || {},\n loading: translations.loading,\n };\n};\n"],"names":[],"mappings":";;;;AAcA,MAAM,kBAAkB,GAAG,aAAa,CAAkB,EAAgC,CAAC,CAAC;AAWrF,MAAM,cAAc,GAAG,MAG1B;IACA,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAExD,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,GAAkB,EAAE,IAAsC,KAAY;AACnE,QAAA,IAAI,WAAW,GAAG,YAAY,GAAG,GAAG,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC;AACtE,QAAA,IAAI,IAAI,IAAI,WAAW,EAAE;YACrB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,KAAI;gBAC/B,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,CAAG,EAAE,GAAG,CAAC,EAAE,CAAG,EAAA,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA,CAAC,CAAC;AACnF,aAAC,CAAC,CAAC;SACN;AACD,QAAA,OAAO,WAAW,CAAC;AACvB,KAAC,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;AACF,IAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACvC;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { default as flipdishPublicTheme } from './themes/flipdishPublicTheme.esm.js';
|
|
2
|
-
export { default as NotFoundPage } from './ui/NotFoundPage/NotFoundPage.esm.js';
|
|
3
|
-
export { default as PortalMock } from './ui/PortalMock/PortalMock.esm.js';
|
|
4
|
-
export { default as LazyComponent } from './ui/LazyComponent/LazyComponent.esm.js';
|
|
5
|
-
export { default as Spacer } from './ui/Spacer/Spacer.esm.js';
|
|
6
|
-
//# sourceMappingURL=index.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { Suspense } from 'react';
|
|
3
|
-
import CircularProgress from '@mui/material/CircularProgress';
|
|
4
|
-
import { styled } from '@mui/material/styles';
|
|
5
|
-
|
|
6
|
-
const StyledLoadingContainer = styled('div')({
|
|
7
|
-
display: 'flex',
|
|
8
|
-
justifyContent: 'center',
|
|
9
|
-
alignItems: 'center',
|
|
10
|
-
});
|
|
11
|
-
const LazyComponent = ({ children }) => (jsx(Suspense, { fallback: jsx(StyledLoadingContainer, { children: jsx(CircularProgress, { size: 56 }) }), children: children }));
|
|
12
|
-
|
|
13
|
-
export { LazyComponent as default };
|
|
14
|
-
//# sourceMappingURL=LazyComponent.esm.js.map
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { styled } from '@mui/material/styles';
|
|
3
|
-
import Typography from '@mui/material/Typography';
|
|
4
|
-
import Box from '@mui/material/Box';
|
|
5
|
-
import { useTranslation } from '../../../providers/TranslationProvider.esm.js';
|
|
6
|
-
|
|
7
|
-
const StyledTextContainer = styled(props => jsx(Box, { ...props }))(({ theme }) => ({
|
|
8
|
-
marginTop: theme.spacing(2),
|
|
9
|
-
display: 'flex',
|
|
10
|
-
justifyContent: 'center',
|
|
11
|
-
alignItems: 'center',
|
|
12
|
-
}));
|
|
13
|
-
const NotFoundPage = () => {
|
|
14
|
-
const { translate } = useTranslation();
|
|
15
|
-
return (jsx(StyledTextContainer, { children: jsx(Typography, { children: translate('Page_Not_Found') }) }));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { NotFoundPage as default };
|
|
19
|
-
//# sourceMappingURL=NotFoundPage.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotFoundPage.esm.js","sources":["../../../../src/components/ui/NotFoundPage/NotFoundPage.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled(props => <Box {...props} />)(({ theme }) => ({\n marginTop: theme.spacing(2),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\n\n\nconst NotFoundPage = () => {\n const { translate } = useTranslation();\n return (\n <StyledTextContainer>\n <Typography>{translate('Page_Not_Found')}</Typography>\n </StyledTextContainer>\n );\n};\n\nexport default NotFoundPage;\n"],"names":["_jsx"],"mappings":";;;;;;AAKA,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,IAAIA,GAAA,CAAC,GAAG,EAAA,EAAA,GAAK,KAAK,EAAI,CAAA,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC5E,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;AACvB,CAAA,CAAC,CAAC,CAAC;AAGE,MAAA,YAAY,GAAG,MAAK;AACtB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;AACvC,IAAA,QACIA,GAAA,CAAC,mBAAmB,EAAA,EAAA,QAAA,EAChBA,IAAC,UAAU,EAAA,EAAA,QAAA,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAc,CAAA,EAAA,CACpC,EACxB;AACN;;;;"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { styled, useTheme } from '@mui/material/styles';
|
|
3
|
-
import { Typography, Box, CssBaseline, AppBar, Drawer } from '@mui/material';
|
|
4
|
-
|
|
5
|
-
const StyledHeader = styled('div')(({ theme }) => ({
|
|
6
|
-
display: 'flex',
|
|
7
|
-
justifyContent: 'center',
|
|
8
|
-
alignItems: 'center',
|
|
9
|
-
backgroundColor: theme.palette.grey[300],
|
|
10
|
-
height: '65px',
|
|
11
|
-
color: theme.palette.text.primary,
|
|
12
|
-
borderBottom: `2px solid ${theme.palette.grey[400]}`,
|
|
13
|
-
}));
|
|
14
|
-
const StyledSidebar = styled('div')(({ theme }) => ({
|
|
15
|
-
display: 'flex',
|
|
16
|
-
justifyContent: 'center',
|
|
17
|
-
alignItems: 'center',
|
|
18
|
-
backgroundColor: theme.palette.grey[300],
|
|
19
|
-
height: '100%',
|
|
20
|
-
color: theme.palette.text.primary,
|
|
21
|
-
}));
|
|
22
|
-
const drawerWidth = 198;
|
|
23
|
-
const PortalMock = ({ children, loadedFromPortal }) => {
|
|
24
|
-
const theme = useTheme();
|
|
25
|
-
if (loadedFromPortal) {
|
|
26
|
-
return jsx(Fragment, { children: children });
|
|
27
|
-
}
|
|
28
|
-
const drawer = (jsx(StyledSidebar, { children: jsx(Typography, { sx: { fontWeight: 'bold' }, children: "Sidebar" }) }));
|
|
29
|
-
return (jsxs(Box, { sx: { display: 'flex' }, children: [jsx(CssBaseline, {}), jsx(AppBar, { position: "fixed", sx: {
|
|
30
|
-
width: { sm: `calc(100% - ${drawerWidth}px)` },
|
|
31
|
-
ml: { sm: `${drawerWidth}px` },
|
|
32
|
-
boxShadow: 'none',
|
|
33
|
-
}, children: jsx(StyledHeader, { children: jsx(Typography, { sx: { fontWeight: 'bold' }, children: "Header" }) }) }), jsx(Box, { component: "nav", sx: { width: { sm: drawerWidth }, flexShrink: { sm: 0 } }, "aria-label": "mailbox folders", children: jsx(Drawer, { variant: "permanent", sx: {
|
|
34
|
-
display: { xs: 'none', sm: 'block' },
|
|
35
|
-
'& .MuiDrawer-paper': {
|
|
36
|
-
boxSizing: 'border-box',
|
|
37
|
-
width: drawerWidth,
|
|
38
|
-
borderColor: theme.palette.grey[400],
|
|
39
|
-
borderWidth: '2px',
|
|
40
|
-
},
|
|
41
|
-
}, open: true, children: drawer }) }), jsx(Box, { component: "main", sx: { flexGrow: 1, width: { sm: `calc(100% - ${drawerWidth}px)`, marginTop: '65px' } }, children: children })] }));
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
export { PortalMock as default };
|
|
45
|
-
//# sourceMappingURL=PortalMock.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"en.json.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import 'react/jsx-runtime';
|
|
2
|
-
import { createContext, useContext, useCallback } from 'react';
|
|
3
|
-
import en from '../localization/en.json.esm.js';
|
|
4
|
-
|
|
5
|
-
const TranslationContext = createContext({});
|
|
6
|
-
const useTranslation = () => {
|
|
7
|
-
const { translations } = useContext(TranslationContext);
|
|
8
|
-
const translate = useCallback((key, data) => {
|
|
9
|
-
let translation = translations?.[key]?.value || en[key]?.value || key;
|
|
10
|
-
if (data && translation) {
|
|
11
|
-
Object.keys(data)?.forEach((key) => {
|
|
12
|
-
translation = translation.replace(new RegExp(`{${key}}`, 'g'), `${data[key]}`);
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
return translation;
|
|
16
|
-
}, [translations]);
|
|
17
|
-
return { translate, translations };
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { useTranslation };
|
|
21
|
-
//# sourceMappingURL=TranslationProvider.esm.js.map
|