@flipdish/portal-library 1.0.7 → 1.0.9
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/themes/flipdishPublicTheme.js +3 -3
- package/dist/components/themes/flipdishPublicTheme.js.map +1 -1
- package/dist/components/ui/LazyComponent/LazyComponent.js +12 -11
- package/dist/components/ui/LazyComponent/LazyComponent.js.map +1 -1
- package/dist/components/ui/NotFoundPage/NotFoundPage.js +12 -12
- package/dist/components/ui/NotFoundPage/NotFoundPage.js.map +1 -1
- package/dist/components/ui/PortalMock/PortalMock.js +32 -31
- package/dist/components/ui/PortalMock/PortalMock.js.map +1 -1
- package/dist/components/ui/Spacer/Spacer.js +17 -17
- package/dist/components/ui/Spacer/Spacer.js.map +1 -1
- package/dist/providers/TranslationProvider.js +15 -11
- package/dist/providers/TranslationProvider.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createTheme } from '@mui/material';
|
|
2
2
|
|
|
3
3
|
// Colours and fonts as per our brand guidelines
|
|
4
|
-
|
|
4
|
+
var fontTheme = createTheme({
|
|
5
5
|
typography: {
|
|
6
6
|
body1: {
|
|
7
7
|
fontFamily: "'Roboto', sans-serif"
|
|
@@ -46,7 +46,7 @@ const fontTheme = createTheme({
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
|
-
|
|
49
|
+
var theme = createTheme(fontTheme, {
|
|
50
50
|
palette: {
|
|
51
51
|
// Primary
|
|
52
52
|
black: fontTheme.palette.augmentColor({
|
|
@@ -159,7 +159,7 @@ var flipdishPublicTheme = createTheme(theme, {
|
|
|
159
159
|
backgroundColor: '#eaf2ff'
|
|
160
160
|
},
|
|
161
161
|
'&:not(:last-child)': {
|
|
162
|
-
borderBottom:
|
|
162
|
+
borderBottom: "1px solid ".concat(theme.palette.divider)
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
165
|
}
|
|
@@ -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":["fontTheme","createTheme","typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6","palette","success","main","dark","light","error","warning","theme","black","augmentColor","color","name","white","flippyBlue","freezerBurn","spricyCarrot","pebble","donutPanic","eletricLime","pending","primary","secondary","components","MuiButton","styleOverrides","root","padding","textTransform","boxShadow","borderRadius","MuiCard","borderWidth","borderStyle","borderColor","MuiChip","fontWeight","MuiListItemButton","backgroundColor","borderBottom","divider"],"mappings":";;AAEA;AACA,
|
|
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":["fontTheme","createTheme","typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6","palette","success","main","dark","light","error","warning","theme","black","augmentColor","color","name","white","flippyBlue","freezerBurn","spricyCarrot","pebble","donutPanic","eletricLime","pending","primary","secondary","components","MuiButton","styleOverrides","root","padding","textTransform","boxShadow","borderRadius","MuiCard","borderWidth","borderStyle","borderColor","MuiChip","fontWeight","MuiListItemButton","backgroundColor","borderBottom","concat","divider"],"mappings":"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"}
|
|
@@ -3,21 +3,22 @@ import { Suspense } from 'react';
|
|
|
3
3
|
import CircularProgress from '@mui/material/CircularProgress';
|
|
4
4
|
import { styled } from '@mui/material/styles';
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
var StyledLoadingContainer = styled('div')({
|
|
7
7
|
display: 'flex',
|
|
8
8
|
justifyContent: 'center',
|
|
9
9
|
alignItems: 'center'
|
|
10
10
|
});
|
|
11
|
-
|
|
12
|
-
children
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
});
|
|
11
|
+
var LazyComponent = function LazyComponent(_ref) {
|
|
12
|
+
var children = _ref.children;
|
|
13
|
+
return jsx(Suspense, {
|
|
14
|
+
fallback: jsx(StyledLoadingContainer, {
|
|
15
|
+
children: jsx(CircularProgress, {
|
|
16
|
+
size: 56
|
|
17
|
+
})
|
|
18
|
+
}),
|
|
19
|
+
children: children
|
|
20
|
+
});
|
|
21
|
+
};
|
|
21
22
|
|
|
22
23
|
export { LazyComponent as default };
|
|
23
24
|
//# 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":["StyledLoadingContainer","styled","display","justifyContent","alignItems","LazyComponent","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":";;;;;AASA,
|
|
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":["StyledLoadingContainer","styled","display","justifyContent","alignItems","LazyComponent","_ref","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":";;;;;AASA,IAAMA,sBAAsB,GAAGC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzCC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,cAAc,EAAE,QAAQ;AACxBC,EAAAA,UAAU,EAAE,QAAA;AACf,CAAA,CAAC,CAAA;AAEF,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;EAAA,OAC7BC,GAAC,CAAAC,QAAQ;AACLC,IAAAA,QAAQ,EACJF,GAAC,CAAAR,sBAAsB,EACnB;AAAAO,MAAAA,QAAA,EAAAC,GAAA,CAACG,gBAAgB,EAAA;AAACC,QAAAA,IAAI,EAAE,EAAA;OAAE,CAAA;AACL,KAAA,CAAA;AAAAL,IAAAA,QAAA,EAG5BA,QAAAA;AAAQ,GAAA,CACF,CAAA;AAAA;;;;"}
|
|
@@ -3,18 +3,18 @@ import { styled } from '@mui/material/styles';
|
|
|
3
3
|
import Typography from '@mui/material/Typography';
|
|
4
4
|
import { useTranslation } from '../../../providers/TranslationProvider.js';
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
theme
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
6
|
+
var StyledTextContainer = styled('div')(function (_ref) {
|
|
7
|
+
var theme = _ref.theme;
|
|
8
|
+
return {
|
|
9
|
+
marginTop: theme.spacing(2),
|
|
10
|
+
display: 'flex',
|
|
11
|
+
justifyContent: 'center',
|
|
12
|
+
alignItems: 'center'
|
|
13
|
+
};
|
|
14
|
+
});
|
|
15
|
+
var NotFoundPage = function NotFoundPage() {
|
|
16
|
+
var _useTranslation = useTranslation(),
|
|
17
|
+
translate = _useTranslation.translate;
|
|
18
18
|
return jsx(StyledTextContainer, {
|
|
19
19
|
children: jsx(Typography, {
|
|
20
20
|
children: translate('Page_Not_Found')
|
|
@@ -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 { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n marginTop: theme.spacing(2),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\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":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","NotFoundPage","
|
|
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 { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n marginTop: theme.spacing(2),\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\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":["StyledTextContainer","styled","_ref","theme","marginTop","spacing","display","justifyContent","alignItems","NotFoundPage","_useTranslation","useTranslation","translate","_jsx","children","Typography"],"mappings":";;;;;AAIA,IAAMA,mBAAmB,GAAGC,MAAM,CAAC,KAAK,CAAC,CAAC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAQ;AACtDC,IAAAA,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;AAC3BC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,UAAU,EAAE,QAAA;GACf,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAQ;AACtB,EAAA,IAAAC,eAAA,GAAsBC,cAAc,EAAE;IAA9BC,SAAS,GAAAF,eAAA,CAATE,SAAS,CAAA;EACjB,OACIC,GAAA,CAACb,mBAAmB,EAAA;AAAAc,IAAAA,QAAA,EAChBD,IAACE,UAAU,EAAA;MAAAD,QAAA,EAAEF,SAAS,CAAC,gBAAgB,CAAA;KAAe,CAAA;AAAA,GAAA,CACpC,CAAA;AAE9B;;;;"}
|
|
@@ -2,39 +2,40 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
|
2
2
|
import { styled, useTheme } from '@mui/material/styles';
|
|
3
3
|
import { Typography, Box, CssBaseline, AppBar, Drawer } from '@mui/material';
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
theme
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
5
|
+
var StyledHeader = styled('div')(function (_ref) {
|
|
6
|
+
var theme = _ref.theme;
|
|
7
|
+
return {
|
|
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 ".concat(theme.palette.grey[400])
|
|
15
|
+
};
|
|
16
|
+
});
|
|
17
|
+
var StyledSidebar = styled('div')(function (_ref2) {
|
|
18
|
+
var theme = _ref2.theme;
|
|
19
|
+
return {
|
|
20
|
+
display: 'flex',
|
|
21
|
+
justifyContent: 'center',
|
|
22
|
+
alignItems: 'center',
|
|
23
|
+
backgroundColor: theme.palette.grey[300],
|
|
24
|
+
height: '100%',
|
|
25
|
+
color: theme.palette.text.primary
|
|
26
|
+
};
|
|
27
|
+
});
|
|
28
|
+
var drawerWidth = 198;
|
|
29
|
+
var PortalMock = function PortalMock(_ref3) {
|
|
30
|
+
var children = _ref3.children;
|
|
31
|
+
var loadedFromPortal = import.meta.env.VITE_CODE_BASE_URL !== undefined;
|
|
32
|
+
var theme = useTheme();
|
|
32
33
|
if (loadedFromPortal) {
|
|
33
34
|
return jsx(Fragment, {
|
|
34
35
|
children: children
|
|
35
36
|
});
|
|
36
37
|
}
|
|
37
|
-
|
|
38
|
+
var drawer = jsx(StyledSidebar, {
|
|
38
39
|
children: jsx(Typography, {
|
|
39
40
|
sx: {
|
|
40
41
|
fontWeight: 'bold'
|
|
@@ -50,10 +51,10 @@ const PortalMock = ({
|
|
|
50
51
|
position: "fixed",
|
|
51
52
|
sx: {
|
|
52
53
|
width: {
|
|
53
|
-
sm:
|
|
54
|
+
sm: "calc(100% - ".concat(drawerWidth, "px)")
|
|
54
55
|
},
|
|
55
56
|
ml: {
|
|
56
|
-
sm:
|
|
57
|
+
sm: "".concat(drawerWidth, "px")
|
|
57
58
|
},
|
|
58
59
|
boxShadow: 'none'
|
|
59
60
|
},
|
|
@@ -98,7 +99,7 @@ const PortalMock = ({
|
|
|
98
99
|
sx: {
|
|
99
100
|
flexGrow: 1,
|
|
100
101
|
width: {
|
|
101
|
-
sm:
|
|
102
|
+
sm: "calc(100% - ".concat(drawerWidth, "px)"),
|
|
102
103
|
marginTop: '65px'
|
|
103
104
|
}
|
|
104
105
|
},
|
|
@@ -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 children: React.ReactNode;\n};\nconst drawerWidth = 198;\n\nconst PortalMock = ({ children }: Props) => {\n const loadedFromPortal = import.meta.env.VITE_CODE_BASE_URL !== undefined;\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":["StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","grey","height","color","text","primary","borderBottom","StyledSidebar","drawerWidth","PortalMock","children","loadedFromPortal","import","meta","env","VITE_CODE_BASE_URL","undefined","useTheme","_jsx","_Fragment","drawer","Typography","sx","fontWeight","_jsxs","Box","CssBaseline","AppBar","position","width","sm","ml","boxShadow","component","flexShrink","Drawer","variant","xs","boxSizing","borderColor","borderWidth","open","flexGrow","marginTop"],"mappings":";;;;AAGA,
|
|
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 children: React.ReactNode;\n};\nconst drawerWidth = 198;\n\nconst PortalMock = ({ children }: Props) => {\n const loadedFromPortal = import.meta.env.VITE_CODE_BASE_URL !== undefined;\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":["StyledHeader","styled","_ref","theme","display","justifyContent","alignItems","backgroundColor","palette","grey","height","color","text","primary","borderBottom","concat","StyledSidebar","_ref2","drawerWidth","PortalMock","_ref3","children","loadedFromPortal","import","meta","env","VITE_CODE_BASE_URL","undefined","useTheme","_jsx","_Fragment","drawer","Typography","sx","fontWeight","_jsxs","Box","CssBaseline","AppBar","position","width","sm","ml","boxShadow","component","flexShrink","Drawer","variant","xs","boxSizing","borderColor","borderWidth","open","flexGrow","marginTop"],"mappings":";;;;AAGA,IAAMA,YAAY,GAAGC,MAAM,CAAC,KAAK,CAAC,CAAC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAQ;AAC/CC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEJ,KAAK,CAACK,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AACxCC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,KAAK,EAAER,KAAK,CAACK,OAAO,CAACI,IAAI,CAACC,OAAO;IACjCC,YAAY,EAAA,YAAA,CAAAC,MAAA,CAAeZ,KAAK,CAACK,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;GACrD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMO,aAAa,GAAGf,MAAM,CAAC,KAAK,CAAC,CAAC,UAAAgB,KAAA,EAAA;AAAA,EAAA,IAAGd,KAAK,GAAAc,KAAA,CAALd,KAAK,CAAA;EAAA,OAAQ;AAChDC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEJ,KAAK,CAACK,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AACxCC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,KAAK,EAAER,KAAK,CAACK,OAAO,CAACI,IAAI,CAACC,OAAAA;GAC7B,CAAA;AAAA,CAAC,CAAC,CAAA;AAKH,IAAMK,WAAW,GAAG,GAAG,CAAA;AAEvB,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EAA2B;AAAA,EAAA,IAArBC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;EAC1B,IAAMC,gBAAgB,GAAGC,MAAM,CAACC,IAAI,CAACC,GAAG,CAACC,kBAAkB,KAAKC,SAAS,CAAA;AACzE,EAAA,IAAMxB,KAAK,GAAGyB,QAAQ,EAAE,CAAA;AAExB,EAAA,IAAIN,gBAAgB,EAAE;IAClB,OAAOO,GAAA,CAAAC,QAAA,EAAA;AAAAT,MAAAA,QAAA,EAAGA,QAAAA;AAAQ,KAAA,CAAI,CAAA;AAC1B,GAAA;AAEA,EAAA,IAAMU,MAAM,GACRF,IAACb,aAAa,EAAA;AAAAK,IAAAA,QAAA,EACVQ,IAACG,UAAU,EAAA;AAACC,MAAAA,EAAE,EAAE;AAAEC,QAAAA,UAAU,EAAE,MAAA;OAAQ;AAAsBb,MAAAA,QAAA,EAAA,SAAA;KAAA,CAAA;AAAA,GAAA,CAEnE,CAAA;EAED,OACIc,IAAC,CAAAC,GAAG,EAAC;AAAAH,IAAAA,EAAE,EAAE;AAAE7B,MAAAA,OAAO,EAAE,MAAA;KAAQ;AAAAiB,IAAAA,QAAA,EAAA,CACxBQ,IAACQ,WAAW,EAAA,EAAA,CAAG,EACfR,GAAA,CAACS,MAAM,EAAA;AACHC,MAAAA,QAAQ,EAAC,OAAO;AAChBN,MAAAA,EAAE,EAAE;AACAO,QAAAA,KAAK,EAAE;UAAEC,EAAE,EAAA,cAAA,CAAA1B,MAAA,CAAiBG,WAAW,EAAA,KAAA,CAAA;SAAO;AAC9CwB,QAAAA,EAAE,EAAE;UAAED,EAAE,EAAA,EAAA,CAAA1B,MAAA,CAAKG,WAAW,EAAA,IAAA,CAAA;SAAM;AAC9ByB,QAAAA,SAAS,EAAE,MAAA;OACd;AAEDtB,MAAAA,QAAA,EAAAQ,GAAA,CAAC7B,YAAY,EAAA;AAAAqB,QAAAA,QAAA,EACTQ,GAAC,CAAAG,UAAU;AAACC,UAAAA,EAAE,EAAE;AAAEC,YAAAA,UAAU,EAAE,MAAA;WAAQ;AAAqBb,UAAAA,QAAA,EAAA,QAAA;SAAA,CAAA;OAAA,CAAA;AAE1D,KAAA,CAAA,EACTQ,GAAC,CAAAO,GAAG,EAAC;AAAAQ,MAAAA,SAAS,EAAC,KAAK;AAACX,MAAAA,EAAE,EAAE;AAAEO,QAAAA,KAAK,EAAE;AAAEC,UAAAA,EAAE,EAAEvB,WAAAA;SAAa;AAAE2B,QAAAA,UAAU,EAAE;AAAEJ,UAAAA,EAAE,EAAE,CAAA;;OAAK;AAAA,MAAA,YAAA,EAAa,iBAAiB;AAAApB,MAAAA,QAAA,EACxGQ,GAAC,CAAAiB,MAAM,EACH;AAAAC,QAAAA,OAAO,EAAC,WAAW;AACnBd,QAAAA,EAAE,EAAE;AACA7B,UAAAA,OAAO,EAAE;AAAE4C,YAAAA,EAAE,EAAE,MAAM;AAAEP,YAAAA,EAAE,EAAE,OAAA;WAAS;AACpC,UAAA,oBAAoB,EAAE;AAClBQ,YAAAA,SAAS,EAAE,YAAY;AACvBT,YAAAA,KAAK,EAAEtB,WAAW;YAClBgC,WAAW,EAAE/C,KAAK,CAACK,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AACpC0C,YAAAA,WAAW,EAAE,KAAA;AAChB,WAAA;SACJ;AACDC,QAAAA,IAAI,EAEH,IAAA;AAAA/B,QAAAA,QAAA,EAAAU,MAAAA;OACI,CAAA;AAAA,KAAA,CACP,EACNF,GAAC,CAAAO,GAAG,EAAC;AAAAQ,MAAAA,SAAS,EAAC,MAAM;AAACX,MAAAA,EAAE,EAAE;AAAEoB,QAAAA,QAAQ,EAAE,CAAC;AAAEb,QAAAA,KAAK,EAAE;AAAEC,UAAAA,EAAE,EAAA1B,cAAAA,CAAAA,MAAA,CAAiBG,WAAW,EAAK,KAAA,CAAA;AAAEoC,UAAAA,SAAS,EAAE,MAAA;;OAAU;AAAAjC,MAAAA,QAAA,EACvGA,QAAAA;AACC,KAAA,CAAA,CAAA;AAAA,GAAA,CACJ,CAAA;AAEd;;;;"}
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { styled } from '@mui/material/styles';
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
size =
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
var SpacerDiv = styled('div')(function (_ref) {
|
|
5
|
+
var _ref$size = _ref.size,
|
|
6
|
+
size = _ref$size === void 0 ? 8 : _ref$size,
|
|
7
|
+
variant = _ref.variant,
|
|
8
|
+
children = _ref.children;
|
|
9
9
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
10
|
-
|
|
11
|
-
padding: children ?
|
|
10
|
+
var style = {
|
|
11
|
+
padding: children ? "".concat(size, "px") : undefined
|
|
12
12
|
};
|
|
13
13
|
if (!children) {
|
|
14
14
|
if (variant === 'horizontal') {
|
|
15
|
-
style.height =
|
|
15
|
+
style.height = "".concat(size, "px");
|
|
16
16
|
} else if (variant === 'vertical') {
|
|
17
|
-
style.width =
|
|
17
|
+
style.width = "".concat(size, "px");
|
|
18
18
|
}
|
|
19
19
|
} else {
|
|
20
20
|
if (variant === 'horizontal') {
|
|
21
|
-
style.margin =
|
|
21
|
+
style.margin = "".concat(size, "px 0");
|
|
22
22
|
} else if (variant === 'vertical') {
|
|
23
|
-
style.margin =
|
|
23
|
+
style.margin = "0 ".concat(size, "px");
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
return style;
|
|
27
27
|
});
|
|
28
|
-
|
|
29
|
-
className,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
var Spacer = function Spacer(_ref2) {
|
|
29
|
+
var className = _ref2.className,
|
|
30
|
+
variant = _ref2.variant,
|
|
31
|
+
_ref2$size = _ref2.size,
|
|
32
|
+
size = _ref2$size === void 0 ? 8 : _ref2$size,
|
|
33
|
+
children = _ref2.children;
|
|
34
34
|
return jsx(SpacerDiv, {
|
|
35
35
|
className: className,
|
|
36
36
|
variant: variant,
|
|
@@ -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":["SpacerDiv","styled","size","variant","children","style","padding","undefined","height","width","margin","Spacer","className","_jsx"],"mappings":";;;AAUA,
|
|
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":["SpacerDiv","styled","_ref","_ref$size","size","variant","children","style","padding","concat","undefined","height","width","margin","Spacer","_ref2","className","_ref2$size","_jsx"],"mappings":";;;AAUA,IAAMA,SAAS,GAAGC,MAAM,CAAC,KAAK,CAAC,CAAe,UAAAC,IAAA,EAAoC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAjCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,SAAA;IAAEE,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;AACxE;AACA,EAAA,IAAMC,KAAK,GAAQ;AACfC,IAAAA,OAAO,EAAEF,QAAQ,GAAA,EAAA,CAAAG,MAAA,CAAML,IAAI,EAAOM,IAAAA,CAAAA,GAAAA,SAAAA;GACrC,CAAA;EAED,IAAI,CAACJ,QAAQ,EAAE;IACX,IAAID,OAAO,KAAK,YAAY,EAAE;AAC1BE,MAAAA,KAAK,CAACI,MAAM,GAAA,EAAA,CAAAF,MAAA,CAAML,IAAI,EAAI,IAAA,CAAA,CAAA;AAC9B,KAAC,MAAM,IAAIC,OAAO,KAAK,UAAU,EAAE;AAC/BE,MAAAA,KAAK,CAACK,KAAK,GAAA,EAAA,CAAAH,MAAA,CAAML,IAAI,EAAI,IAAA,CAAA,CAAA;AAC7B,KAAA;AACJ,GAAC,MAAM;IACH,IAAIC,OAAO,KAAK,YAAY,EAAE;AAC1BE,MAAAA,KAAK,CAACM,MAAM,GAAA,EAAA,CAAAJ,MAAA,CAAML,IAAI,EAAM,MAAA,CAAA,CAAA;AAChC,KAAC,MAAM,IAAIC,OAAO,KAAK,UAAU,EAAE;AAC/BE,MAAAA,KAAK,CAACM,MAAM,GAAA,IAAA,CAAAJ,MAAA,CAAQL,IAAI,EAAI,IAAA,CAAA,CAAA;AAChC,KAAA;AACJ,GAAA;AAEA,EAAA,OAAOG,KAAK,CAAA;AAChB,CAAC,CAAC,CAAA;AAEF,IAAMO,MAAM,GAAG,SAATA,MAAMA,CAAAC,KAAA,EAAgE;AAAA,EAAA,IAA1DC,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAEX,OAAO,GAAAU,KAAA,CAAPV,OAAO;IAAAY,UAAA,GAAAF,KAAA,CAAEX,IAAI;AAAJA,IAAAA,IAAI,GAAAa,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA;IAAEX,QAAQ,GAAAS,KAAA,CAART,QAAQ,CAAA;EACpD,OACIY,GAAC,CAAAlB,SAAS;AAACgB,IAAAA,SAAS,EAAEA,SAAS;AAAEX,IAAAA,OAAO,EAAEA,OAAO;AAAED,IAAAA,IAAI,EAAEA,IAAI;cACxDE,QAAAA;AAAQ,GAAA,CACD,CAAA;AAEpB;;;;"}
|
|
@@ -1,24 +1,28 @@
|
|
|
1
|
+
import '@babel/runtime/helpers/asyncToGenerator';
|
|
2
|
+
import '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import '@babel/runtime/regenerator';
|
|
1
4
|
import 'react/jsx-runtime';
|
|
2
5
|
import { useContext, useCallback, createContext } from 'react';
|
|
3
6
|
import en from '../localization/en.json.js';
|
|
4
7
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
translations
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
var TranslationContext = /*#__PURE__*/createContext({});
|
|
9
|
+
var useTranslation = function useTranslation() {
|
|
10
|
+
var _useContext = useContext(TranslationContext),
|
|
11
|
+
translations = _useContext.translations;
|
|
12
|
+
var translate = useCallback(function (key, data) {
|
|
13
|
+
var _translations$key, _en$key;
|
|
14
|
+
var translation = (translations === null || translations === void 0 || (_translations$key = translations[key]) === null || _translations$key === void 0 ? void 0 : _translations$key.value) || ((_en$key = en[key]) === null || _en$key === void 0 ? void 0 : _en$key.value) || key;
|
|
12
15
|
if (data && translation) {
|
|
13
|
-
|
|
14
|
-
|
|
16
|
+
var _Object$keys;
|
|
17
|
+
(_Object$keys = Object.keys(data)) === null || _Object$keys === void 0 || _Object$keys.forEach(function (key) {
|
|
18
|
+
translation = translation.replace(new RegExp("{".concat(key, "}"), 'g'), "".concat(data[key]));
|
|
15
19
|
});
|
|
16
20
|
}
|
|
17
21
|
return translation;
|
|
18
22
|
}, [translations]);
|
|
19
23
|
return {
|
|
20
|
-
translate,
|
|
21
|
-
translations
|
|
24
|
+
translate: translate,
|
|
25
|
+
translations: translations
|
|
22
26
|
};
|
|
23
27
|
};
|
|
24
28
|
|
|
@@ -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":["TranslationContext","createContext","useTranslation","
|
|
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":["TranslationContext","createContext","useTranslation","_useContext","useContext","translations","translate","useCallback","key","data","_translations$key","_en$key","translation","value","en","_Object$keys","Object","keys","forEach","replace","RegExp","concat"],"mappings":";;;;;;;AAcA,IAAMA,kBAAkB,gBAAGC,aAAa,CAAkB,EAAgC,CAAC,CAAA;IAW9EC,cAAc,GAAG,SAAjBA,cAAcA,GAGvB;AACA,EAAA,IAAAC,WAAA,GAAyBC,UAAU,CAACJ,kBAAkB,CAAC;IAA/CK,YAAY,GAAAF,WAAA,CAAZE,YAAY,CAAA;EAEpB,IAAMC,SAAS,GAAGC,WAAW,CACzB,UAACC,GAAkB,EAAEC,IAAsC,EAAY;IAAA,IAAAC,iBAAA,EAAAC,OAAA,CAAA;AACnE,IAAA,IAAIC,WAAW,GAAG,CAAAP,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,IAAA,CAAAK,iBAAA,GAAZL,YAAY,CAAGG,GAAG,CAAC,cAAAE,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnBA,iBAAA,CAAqBG,KAAK,MAAA,CAAAF,OAAA,GAAIG,EAAE,CAACN,GAAG,CAAC,MAAA,IAAA,IAAAG,OAAA,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAA,CAASE,KAAK,KAAIL,GAAG,CAAA;IACrE,IAAIC,IAAI,IAAIG,WAAW,EAAE;AAAA,MAAA,IAAAG,YAAA,CAAA;AACrB,MAAA,CAAAA,YAAA,GAAAC,MAAM,CAACC,IAAI,CAACR,IAAI,CAAC,MAAAM,IAAAA,IAAAA,YAAA,eAAjBA,YAAA,CAAmBG,OAAO,CAAC,UAACV,GAAG,EAAI;QAC/BI,WAAW,GAAGA,WAAW,CAACO,OAAO,CAAC,IAAIC,MAAM,CAAAC,GAAAA,CAAAA,MAAA,CAAKb,GAAG,QAAK,GAAG,CAAC,KAAAa,MAAA,CAAKZ,IAAI,CAACD,GAAG,CAAC,CAAE,CAAC,CAAA;AAClF,OAAC,CAAC,CAAA;AACN,KAAA;AACA,IAAA,OAAOI,WAAW,CAAA;AACtB,GAAC,EACD,CAACP,YAAY,CAAC,CACjB,CAAA;EACD,OAAO;AAAEC,IAAAA,SAAS,EAATA,SAAS;AAAED,IAAAA,YAAY,EAAZA,YAAAA;GAAc,CAAA;AACtC;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flipdish/portal-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.9",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
"devDependencies": {
|
|
18
18
|
"@babel/core": "^7.25.9",
|
|
19
19
|
"@babel/plugin-transform-runtime": "^7.25.9",
|
|
20
|
+
"@babel/preset-env": "^7.25.9",
|
|
20
21
|
"@babel/preset-react": "^7.25.9",
|
|
21
22
|
"@chromatic-com/storybook": "^1.9.0",
|
|
22
|
-
"@rollup/plugin-alias": "^5.1.1",
|
|
23
23
|
"@rollup/plugin-babel": "^6.0.4",
|
|
24
24
|
"@rollup/plugin-commonjs": "^28.0.1",
|
|
25
25
|
"@rollup/plugin-json": "^6.1.0",
|