@entur-partner/app-shell-standalone 2.0.22 → 3.1.1
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/CHANGELOG.md +31 -0
- package/dist/Menu.d.ts +0 -1
- package/dist/app-shell-standalone.cjs.development.js +27 -22
- package/dist/app-shell-standalone.cjs.development.js.map +1 -1
- package/dist/app-shell-standalone.cjs.production.min.js +1 -1
- package/dist/app-shell-standalone.cjs.production.min.js.map +1 -1
- package/dist/app-shell-standalone.esm.js +10 -7
- package/dist/app-shell-standalone.esm.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,37 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [3.1.1](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/app-shell-standalone@3.1.0...@entur-partner/app-shell-standalone@3.1.1) (2022-02-10)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @entur-partner/app-shell-standalone
|
|
9
|
+
|
|
10
|
+
# [3.1.0](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/app-shell-standalone@3.0.1...@entur-partner/app-shell-standalone@3.1.0) (2022-02-07)
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
- **menu provider:** add functionality to register navigate function for MF ([cb9b58d](https://bitbucket.org/enturas/entur-partner-packages/commits/cb9b58d5ccafc48195dfa8ad0b4bdca840365724))
|
|
15
|
+
|
|
16
|
+
## [3.0.1](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/app-shell-standalone@3.0.0...@entur-partner/app-shell-standalone@3.0.1) (2021-11-05)
|
|
17
|
+
|
|
18
|
+
**Note:** Version bump only for package @entur-partner/app-shell-standalone
|
|
19
|
+
|
|
20
|
+
# [3.0.0](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/app-shell-standalone@2.0.22...@entur-partner/app-shell-standalone@3.0.0) (2021-11-02)
|
|
21
|
+
|
|
22
|
+
### Reverts
|
|
23
|
+
|
|
24
|
+
- **menu:** packages was not publish to npm because of wrong npm user ([127ed33](https://bitbucket.org/enturas/entur-partner-packages/commits/127ed33e6a7e98866ec74d76ca62fa39bc5a019f))
|
|
25
|
+
|
|
26
|
+
- Merged in ETU-12948_remove_icon_from_sub_navigation_menu (pull request #29) ([6466635](https://bitbucket.org/enturas/entur-partner-packages/commits/6466635c2585ef9cffb60a0eaab74252eef19c64)), closes [#29](https://bitbucket.org/enturas/entur-partner-packages/issue/29)
|
|
27
|
+
|
|
28
|
+
### BREAKING CHANGES
|
|
29
|
+
|
|
30
|
+
- removed icon field from MenuItem
|
|
31
|
+
|
|
32
|
+
ISSUES CLOSED: ETU-12948
|
|
33
|
+
|
|
34
|
+
Approved-by: Erik Vårdal Itland
|
|
35
|
+
Approved-by: Petter Sæther Moen
|
|
36
|
+
|
|
6
37
|
## [2.0.22](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/app-shell-standalone@2.0.21...@entur-partner/app-shell-standalone@2.0.22) (2021-10-19)
|
|
7
38
|
|
|
8
39
|
**Note:** Version bump only for package @entur-partner/app-shell-standalone
|
package/dist/Menu.d.ts
CHANGED
|
@@ -2,14 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var React = _interopDefault(require('react'));
|
|
5
|
+
var React = require('react');
|
|
8
6
|
var common = require('@entur-partner/common');
|
|
9
7
|
var appShell = require('@entur-partner/app-shell');
|
|
10
8
|
var menu = require('@entur/menu');
|
|
11
9
|
var tokens = require('@entur/tokens');
|
|
12
10
|
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
+
|
|
13
15
|
function _extends() {
|
|
14
16
|
_extends = Object.assign || function (target) {
|
|
15
17
|
for (var i = 1; i < arguments.length; i++) {
|
|
@@ -58,41 +60,40 @@ var Menu = function Menu(_ref) {
|
|
|
58
60
|
organisationId = _useOrganisation.organisationId;
|
|
59
61
|
|
|
60
62
|
var items = getItemsForPath('app-shell');
|
|
61
|
-
return
|
|
63
|
+
return React__default["default"].createElement(common.Menu, null, React__default["default"].createElement("div", {
|
|
62
64
|
style: {
|
|
63
65
|
marginLeft: tokens.space.extraLarge2,
|
|
64
66
|
marginTop: tokens.space.large,
|
|
65
67
|
marginBottom: tokens.space.extraLarge
|
|
66
68
|
}
|
|
67
|
-
},
|
|
69
|
+
}, React__default["default"].createElement(common.EnturPartnerLogo, {
|
|
68
70
|
altText: 'Entur partner logo',
|
|
69
71
|
className: "menu-space menu-logo"
|
|
70
|
-
})),
|
|
72
|
+
})), React__default["default"].createElement("div", {
|
|
71
73
|
style: {
|
|
72
74
|
margin: tokens.space.large
|
|
73
75
|
}
|
|
74
|
-
},
|
|
76
|
+
}, React__default["default"].createElement(common.Stack, {
|
|
75
77
|
space: "small"
|
|
76
|
-
},
|
|
78
|
+
}, React__default["default"].createElement(common.UserMenu, {
|
|
77
79
|
onLanguageChange: setLanguage,
|
|
78
80
|
onShowGdprDialog: function onShowGdprDialog() {},
|
|
79
81
|
onLogout: logout,
|
|
80
82
|
language: language,
|
|
81
83
|
messages: messages[language],
|
|
82
84
|
userName: user.given_name ? user.given_name + " " + user.family_name : user.name
|
|
83
|
-
}),
|
|
85
|
+
}), React__default["default"].createElement(appShell.OrganisationSelector, {
|
|
84
86
|
getOrganisations: getOrganisations,
|
|
85
87
|
getToken: getToken,
|
|
86
88
|
value: organisationId.toString(),
|
|
87
89
|
onChange: function onChange(id) {
|
|
88
90
|
return setOrganisationId(Number(id));
|
|
89
91
|
}
|
|
90
|
-
}))),
|
|
92
|
+
}))), React__default["default"].createElement(menu.SideNavigation, null, items.map(function (_ref2) {
|
|
91
93
|
var to = _ref2.to,
|
|
92
94
|
title = _ref2.title,
|
|
93
95
|
disabled = _ref2.disabled,
|
|
94
|
-
_navigate = _ref2.navigate
|
|
95
|
-
Icon = _ref2.icon;
|
|
96
|
+
_navigate = _ref2.navigate;
|
|
96
97
|
var itemProps = {
|
|
97
98
|
as: appShell.MicroFrontendLink,
|
|
98
99
|
href: to,
|
|
@@ -101,9 +102,9 @@ var Menu = function Menu(_ref) {
|
|
|
101
102
|
},
|
|
102
103
|
disabled: !!disabled
|
|
103
104
|
};
|
|
104
|
-
return
|
|
105
|
+
return React__default["default"].createElement(menu.SideNavigationItem, _extends({
|
|
105
106
|
key: to.toString()
|
|
106
|
-
}, itemProps),
|
|
107
|
+
}, itemProps), title);
|
|
107
108
|
})));
|
|
108
109
|
};
|
|
109
110
|
|
|
@@ -112,7 +113,8 @@ var Content = function Content(_ref) {
|
|
|
112
113
|
values = _ref.values;
|
|
113
114
|
|
|
114
115
|
var _useMenu = appShell.useMenu(),
|
|
115
|
-
addItems = _useMenu.addItems
|
|
116
|
+
addItems = _useMenu.addItems,
|
|
117
|
+
_setMFNavigate = _useMenu.setMFNavigate;
|
|
116
118
|
|
|
117
119
|
var organisationId = appShell.useOrganisationId();
|
|
118
120
|
|
|
@@ -123,7 +125,7 @@ var Content = function Content(_ref) {
|
|
|
123
125
|
return addItems(items, 'app-shell');
|
|
124
126
|
};
|
|
125
127
|
|
|
126
|
-
return
|
|
128
|
+
return React__default["default"].createElement(common.Content, null, children(_extends({}, values, {
|
|
127
129
|
language: language,
|
|
128
130
|
navigate: function navigate() {
|
|
129
131
|
{
|
|
@@ -131,7 +133,10 @@ var Content = function Content(_ref) {
|
|
|
131
133
|
}
|
|
132
134
|
},
|
|
133
135
|
addMenuItems: addMenuItems,
|
|
134
|
-
organisationId: organisationId.toString()
|
|
136
|
+
organisationId: organisationId.toString(),
|
|
137
|
+
setMFNavigate: function setMFNavigate(navigate) {
|
|
138
|
+
return _setMFNavigate('app-shell', navigate);
|
|
139
|
+
}
|
|
135
140
|
})));
|
|
136
141
|
};
|
|
137
142
|
|
|
@@ -143,7 +148,7 @@ var AppShellStandalone = function AppShellStandalone(_ref2) {
|
|
|
143
148
|
decorateUser = _ref2.decorateUser,
|
|
144
149
|
getOrganisations = _ref2.getOrganisations,
|
|
145
150
|
redirectUri = _ref2.redirectUri;
|
|
146
|
-
return
|
|
151
|
+
return React__default["default"].createElement(appShell.AppShell, {
|
|
147
152
|
audience: audience,
|
|
148
153
|
domain: domain,
|
|
149
154
|
clientId: clientId,
|
|
@@ -152,13 +157,13 @@ var AppShellStandalone = function AppShellStandalone(_ref2) {
|
|
|
152
157
|
}, function (values) {
|
|
153
158
|
var _languageStorage$get, _organisationStorage$;
|
|
154
159
|
|
|
155
|
-
return
|
|
160
|
+
return React__default["default"].createElement(appShell.LanguageProvider, {
|
|
156
161
|
language: (_languageStorage$get = appShell.languageStorage.get()) != null ? _languageStorage$get : 'nb'
|
|
157
|
-
},
|
|
162
|
+
}, React__default["default"].createElement(appShell.OrganisationProvider, {
|
|
158
163
|
organisationId: (_organisationStorage$ = appShell.organisationStorage.get()) != null ? _organisationStorage$ : values.user['https://entur.io/organisationID'].toString()
|
|
159
|
-
},
|
|
164
|
+
}, React__default["default"].createElement(appShell.MenuProvider, null, React__default["default"].createElement(Menu, _extends({}, values, {
|
|
160
165
|
getOrganisations: getOrganisations
|
|
161
|
-
})),
|
|
166
|
+
})), React__default["default"].createElement(Content, {
|
|
162
167
|
children: children,
|
|
163
168
|
values: values
|
|
164
169
|
}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-shell-standalone.cjs.development.js","sources":["../src/Menu.tsx","../src/AppShellStandalone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Menu as MenuContainer,\n UserMenu,\n EnturPartnerLogo,\n Stack,\n} from '@entur-partner/common';\nimport { SideNavigation, SideNavigationItem } from '@entur/menu';\nimport { space } from '@entur/tokens';\nimport {\n AppShellValues,\n useLanguage,\n useMenu,\n GetOrganisationsFn,\n OrganisationSelector,\n MicroFrontendLink,\n useOrganisation,\n} from '@entur-partner/app-shell';\n\nexport const messages = {\n nb: {\n switchLanguage: 'Switch to English',\n logout: 'Logg ut',\n termsAndConditions: 'Vilkår og betingelser',\n },\n en: {\n switchLanguage: 'Bytt til norsk',\n logout: 'Sign out',\n termsAndConditions: 'Terms and condition',\n },\n};\n\ninterface MenuProps extends AppShellValues {\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const Menu = ({\n getOrganisations,\n user,\n getToken,\n logout,\n}: MenuProps) => {\n const { getItemsForPath } = useMenu();\n const { language, setLanguage } = useLanguage();\n const { setOrganisationId, organisationId } = useOrganisation();\n const items = getItemsForPath('app-shell');\n\n return (\n <MenuContainer>\n <div\n style={{\n marginLeft: space.extraLarge2,\n marginTop: space.large,\n marginBottom: space.extraLarge,\n }}\n >\n <EnturPartnerLogo\n altText={'Entur partner logo'}\n className=\"menu-space menu-logo\"\n />\n </div>\n <div style={{ margin: space.large }}>\n <Stack space=\"small\">\n <UserMenu\n onLanguageChange={setLanguage}\n onShowGdprDialog={() => {}}\n onLogout={logout}\n language={language}\n messages={messages[language as 'en' | 'nb']}\n userName={\n user.given_name\n ? `${user.given_name} ${user.family_name}`\n : user.name\n }\n />\n <OrganisationSelector\n getOrganisations={getOrganisations}\n getToken={getToken}\n value={organisationId.toString()}\n onChange={(id: string) => setOrganisationId(Number(id))}\n />\n </Stack>\n </div>\n <SideNavigation>\n {items.map(({ to, title, disabled, navigate, icon: Icon }) => {\n const itemProps = {\n as: MicroFrontendLink,\n href: to,\n navigate: () => navigate(to),\n disabled: !!disabled,\n };\n return (\n <SideNavigationItem key={to.toString()} {...itemProps}>\n {Icon && <Icon />}\n {title}\n </SideNavigationItem>\n );\n })}\n </SideNavigation>\n </MenuContainer>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Content as ContentWrapper } from '@entur-partner/common';\nimport { MenuItem, MicroFrontendPayload } from '@entur-partner/micro-frontend';\nimport {\n AppShell,\n AppShellValues,\n AppShellProps,\n MenuProvider,\n useMenu,\n OrganisationProvider,\n useOrganisationId,\n useLanguage,\n LanguageProvider,\n languageStorage,\n GetOrganisationsFn,\n organisationStorage,\n} from '@entur-partner/app-shell';\n\nimport { Menu } from './Menu';\n\ntype ContentProps = {\n values: AppShellValues;\n children: (options: MicroFrontendPayload) => ReactNode;\n};\n\nconst Content = ({ children, values }: ContentProps) => {\n const { addItems } = useMenu();\n const organisationId = useOrganisationId();\n const { language } = useLanguage();\n\n const addMenuItems = (items: MenuItem[]) => addItems(items, 'app-shell');\n\n return (\n <ContentWrapper>\n {children({\n ...values,\n language,\n navigate: () => {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n 'Calling navigate() from app shell has no effect. It is only provided so that the app shell values are equal to MicroFrontendPayload.'\n );\n }\n },\n addMenuItems,\n organisationId: organisationId.toString(),\n })}\n </ContentWrapper>\n );\n};\n\nexport interface AppShellStandaloneProps\n extends Omit<AppShellProps, 'children'> {\n children: (options: MicroFrontendPayload) => ReactNode;\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const AppShellStandalone = ({\n children,\n audience,\n domain,\n clientId,\n decorateUser,\n getOrganisations,\n redirectUri,\n}: AppShellStandaloneProps) => {\n return (\n <AppShell\n audience={audience}\n domain={domain}\n clientId={clientId}\n decorateUser={decorateUser}\n redirectUri={redirectUri}\n >\n {(values) => (\n <LanguageProvider language={languageStorage.get() ?? 'nb'}>\n <OrganisationProvider\n organisationId={\n organisationStorage.get() ??\n values.user['https://entur.io/organisationID'].toString()\n }\n >\n <MenuProvider>\n <Menu {...values} getOrganisations={getOrganisations} />\n <Content children={children} values={values} />\n </MenuProvider>\n </OrganisationProvider>\n </LanguageProvider>\n )}\n </AppShell>\n );\n};\n"],"names":["messages","nb","switchLanguage","logout","termsAndConditions","en","Menu","getOrganisations","user","getToken","useMenu","getItemsForPath","useLanguage","language","setLanguage","useOrganisation","setOrganisationId","organisationId","items","React","MenuContainer","style","marginLeft","space","extraLarge2","marginTop","large","marginBottom","extraLarge","EnturPartnerLogo","altText","className","margin","Stack","UserMenu","onLanguageChange","onShowGdprDialog","onLogout","userName","given_name","family_name","name","OrganisationSelector","value","toString","onChange","id","Number","SideNavigation","map","to","title","disabled","navigate","Icon","icon","itemProps","as","MicroFrontendLink","href","SideNavigationItem","key","Content","children","values","addItems","useOrganisationId","addMenuItems","ContentWrapper","console","warn","AppShellStandalone","audience","domain","clientId","decorateUser","redirectUri","AppShell","LanguageProvider","languageStorage","get","OrganisationProvider","organisationStorage","MenuProvider"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"app-shell-standalone.cjs.development.js","sources":["../src/Menu.tsx","../src/AppShellStandalone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Menu as MenuContainer,\n UserMenu,\n EnturPartnerLogo,\n Stack,\n} from '@entur-partner/common';\nimport { SideNavigation, SideNavigationItem } from '@entur/menu';\nimport { space } from '@entur/tokens';\nimport {\n AppShellValues,\n useLanguage,\n useMenu,\n GetOrganisationsFn,\n OrganisationSelector,\n MicroFrontendLink,\n useOrganisation,\n} from '@entur-partner/app-shell';\n\nexport const messages = {\n nb: {\n switchLanguage: 'Switch to English',\n logout: 'Logg ut',\n termsAndConditions: 'Vilkår og betingelser',\n },\n en: {\n switchLanguage: 'Bytt til norsk',\n logout: 'Sign out',\n termsAndConditions: 'Terms and condition',\n },\n};\n\ninterface MenuProps extends AppShellValues {\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const Menu = ({\n getOrganisations,\n user,\n getToken,\n logout,\n}: MenuProps) => {\n const { getItemsForPath } = useMenu();\n const { language, setLanguage } = useLanguage();\n const { setOrganisationId, organisationId } = useOrganisation();\n const items = getItemsForPath('app-shell');\n\n return (\n <MenuContainer>\n <div\n style={{\n marginLeft: space.extraLarge2,\n marginTop: space.large,\n marginBottom: space.extraLarge,\n }}\n >\n <EnturPartnerLogo\n altText={'Entur partner logo'}\n className=\"menu-space menu-logo\"\n />\n </div>\n <div style={{ margin: space.large }}>\n <Stack space=\"small\">\n <UserMenu\n onLanguageChange={setLanguage}\n onShowGdprDialog={() => {}}\n onLogout={logout}\n language={language}\n messages={messages[language as 'en' | 'nb']}\n userName={\n user.given_name\n ? `${user.given_name} ${user.family_name}`\n : user.name\n }\n />\n <OrganisationSelector\n getOrganisations={getOrganisations}\n getToken={getToken}\n value={organisationId.toString()}\n onChange={(id: string) => setOrganisationId(Number(id))}\n />\n </Stack>\n </div>\n <SideNavigation>\n {items.map(({ to, title, disabled, navigate }) => {\n const itemProps = {\n as: MicroFrontendLink,\n href: to,\n navigate: () => navigate(to),\n disabled: !!disabled,\n };\n return (\n <SideNavigationItem key={to.toString()} {...itemProps}>\n {title}\n </SideNavigationItem>\n );\n })}\n </SideNavigation>\n </MenuContainer>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Content as ContentWrapper } from '@entur-partner/common';\nimport { MenuItem, MicroFrontendPayload } from '@entur-partner/micro-frontend';\nimport {\n AppShell,\n AppShellValues,\n AppShellProps,\n MenuProvider,\n useMenu,\n OrganisationProvider,\n useOrganisationId,\n useLanguage,\n LanguageProvider,\n languageStorage,\n GetOrganisationsFn,\n organisationStorage,\n} from '@entur-partner/app-shell';\n\nimport { Menu } from './Menu';\n\ntype ContentProps = {\n values: AppShellValues;\n children: (options: MicroFrontendPayload) => ReactNode;\n};\n\nconst Content = ({ children, values }: ContentProps) => {\n const { addItems, setMFNavigate } = useMenu();\n const organisationId = useOrganisationId();\n const { language } = useLanguage();\n\n const addMenuItems = (items: MenuItem[]) => addItems(items, 'app-shell');\n\n return (\n <ContentWrapper>\n {children({\n ...values,\n language,\n navigate: () => {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n 'Calling navigate() from app shell has no effect. It is only provided so that the app shell values are equal to MicroFrontendPayload.'\n );\n }\n },\n addMenuItems,\n organisationId: organisationId.toString(),\n setMFNavigate: (navigate) => setMFNavigate('app-shell', navigate),\n })}\n </ContentWrapper>\n );\n};\n\nexport interface AppShellStandaloneProps\n extends Omit<AppShellProps, 'children'> {\n children: (options: MicroFrontendPayload) => ReactNode;\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const AppShellStandalone = ({\n children,\n audience,\n domain,\n clientId,\n decorateUser,\n getOrganisations,\n redirectUri,\n}: AppShellStandaloneProps) => {\n return (\n <AppShell\n audience={audience}\n domain={domain}\n clientId={clientId}\n decorateUser={decorateUser}\n redirectUri={redirectUri}\n >\n {(values) => (\n <LanguageProvider language={languageStorage.get() ?? 'nb'}>\n <OrganisationProvider\n organisationId={\n organisationStorage.get() ??\n values.user['https://entur.io/organisationID'].toString()\n }\n >\n <MenuProvider>\n <Menu {...values} getOrganisations={getOrganisations} />\n <Content children={children} values={values} />\n </MenuProvider>\n </OrganisationProvider>\n </LanguageProvider>\n )}\n </AppShell>\n );\n};\n"],"names":["messages","nb","switchLanguage","logout","termsAndConditions","en","Menu","getOrganisations","user","getToken","useMenu","getItemsForPath","useLanguage","language","setLanguage","useOrganisation","setOrganisationId","organisationId","items","React","MenuContainer","style","marginLeft","space","extraLarge2","marginTop","large","marginBottom","extraLarge","EnturPartnerLogo","altText","className","margin","Stack","UserMenu","onLanguageChange","onShowGdprDialog","onLogout","userName","given_name","family_name","name","OrganisationSelector","value","toString","onChange","id","Number","SideNavigation","map","to","title","disabled","navigate","itemProps","as","MicroFrontendLink","href","SideNavigationItem","key","Content","children","values","addItems","setMFNavigate","useOrganisationId","addMenuItems","ContentWrapper","console","warn","AppShellStandalone","audience","domain","clientId","decorateUser","redirectUri","AppShell","LanguageProvider","languageStorage","get","OrganisationProvider","organisationStorage","MenuProvider"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@entur-partner/common"),n=require("@entur-partner/app-shell"),a=require("@entur/menu"),r=require("@entur/tokens");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(e);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},o.apply(this,arguments)}var l={nb:{switchLanguage:"Switch to English",logout:"Logg ut",termsAndConditions:"Vilkår og betingelser"},en:{switchLanguage:"Bytt til norsk",logout:"Sign out",termsAndConditions:"Terms and condition"}},g=function(e){var i=e.getOrganisations,g=e.user,s=e.getToken,c=e.logout,d=n.useMenu().getItemsForPath,m=n.useLanguage(),f=m.language,p=m.setLanguage,v=n.useOrganisation(),h=v.setOrganisationId,E=v.organisationId,S=d("app-shell");return u.default.createElement(t.Menu,null,u.default.createElement("div",{style:{marginLeft:r.space.extraLarge2,marginTop:r.space.large,marginBottom:r.space.extraLarge}},u.default.createElement(t.EnturPartnerLogo,{altText:"Entur partner logo",className:"menu-space menu-logo"})),u.default.createElement("div",{style:{margin:r.space.large}},u.default.createElement(t.Stack,{space:"small"},u.default.createElement(t.UserMenu,{onLanguageChange:p,onShowGdprDialog:function(){},onLogout:c,language:f,messages:l[f],userName:g.given_name?g.given_name+" "+g.family_name:g.name}),u.default.createElement(n.OrganisationSelector,{getOrganisations:i,getToken:s,value:E.toString(),onChange:function(e){return h(Number(e))}}))),u.default.createElement(a.SideNavigation,null,S.map((function(e){var t=e.to,r=e.title,i=e.navigate,l={as:n.MicroFrontendLink,href:t,navigate:function(){return i(t)},disabled:!!e.disabled};return u.default.createElement(a.SideNavigationItem,o({key:t.toString()},l),r)}))))},s=function(e){var a=e.children,r=e.values,i=n.useMenu(),l=i.addItems,g=i.setMFNavigate,s=n.useOrganisationId(),c=n.useLanguage();return u.default.createElement(t.Content,null,a(o({},r,{language:c.language,navigate:function(){},addMenuItems:function(e){return l(e,"app-shell")},organisationId:s.toString(),setMFNavigate:function(e){return g("app-shell",e)}})))};exports.AppShellStandalone=function(e){var t=e.children,a=e.getOrganisations;return u.default.createElement(n.AppShell,{audience:e.audience,domain:e.domain,clientId:e.clientId,decorateUser:e.decorateUser,redirectUri:e.redirectUri},(function(e){var r,i;return u.default.createElement(n.LanguageProvider,{language:null!=(r=n.languageStorage.get())?r:"nb"},u.default.createElement(n.OrganisationProvider,{organisationId:null!=(i=n.organisationStorage.get())?i:e.user["https://entur.io/organisationID"].toString()},u.default.createElement(n.MenuProvider,null,u.default.createElement(g,o({},e,{getOrganisations:a})),u.default.createElement(s,{children:t,values:e}))))}))};
|
|
2
2
|
//# sourceMappingURL=app-shell-standalone.cjs.production.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-shell-standalone.cjs.production.min.js","sources":["../src/Menu.tsx","../src/AppShellStandalone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Menu as MenuContainer,\n UserMenu,\n EnturPartnerLogo,\n Stack,\n} from '@entur-partner/common';\nimport { SideNavigation, SideNavigationItem } from '@entur/menu';\nimport { space } from '@entur/tokens';\nimport {\n AppShellValues,\n useLanguage,\n useMenu,\n GetOrganisationsFn,\n OrganisationSelector,\n MicroFrontendLink,\n useOrganisation,\n} from '@entur-partner/app-shell';\n\nexport const messages = {\n nb: {\n switchLanguage: 'Switch to English',\n logout: 'Logg ut',\n termsAndConditions: 'Vilkår og betingelser',\n },\n en: {\n switchLanguage: 'Bytt til norsk',\n logout: 'Sign out',\n termsAndConditions: 'Terms and condition',\n },\n};\n\ninterface MenuProps extends AppShellValues {\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const Menu = ({\n getOrganisations,\n user,\n getToken,\n logout,\n}: MenuProps) => {\n const { getItemsForPath } = useMenu();\n const { language, setLanguage } = useLanguage();\n const { setOrganisationId, organisationId } = useOrganisation();\n const items = getItemsForPath('app-shell');\n\n return (\n <MenuContainer>\n <div\n style={{\n marginLeft: space.extraLarge2,\n marginTop: space.large,\n marginBottom: space.extraLarge,\n }}\n >\n <EnturPartnerLogo\n altText={'Entur partner logo'}\n className=\"menu-space menu-logo\"\n />\n </div>\n <div style={{ margin: space.large }}>\n <Stack space=\"small\">\n <UserMenu\n onLanguageChange={setLanguage}\n onShowGdprDialog={() => {}}\n onLogout={logout}\n language={language}\n messages={messages[language as 'en' | 'nb']}\n userName={\n user.given_name\n ? `${user.given_name} ${user.family_name}`\n : user.name\n }\n />\n <OrganisationSelector\n getOrganisations={getOrganisations}\n getToken={getToken}\n value={organisationId.toString()}\n onChange={(id: string) => setOrganisationId(Number(id))}\n />\n </Stack>\n </div>\n <SideNavigation>\n {items.map(({ to, title, disabled, navigate
|
|
1
|
+
{"version":3,"file":"app-shell-standalone.cjs.production.min.js","sources":["../src/Menu.tsx","../src/AppShellStandalone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Menu as MenuContainer,\n UserMenu,\n EnturPartnerLogo,\n Stack,\n} from '@entur-partner/common';\nimport { SideNavigation, SideNavigationItem } from '@entur/menu';\nimport { space } from '@entur/tokens';\nimport {\n AppShellValues,\n useLanguage,\n useMenu,\n GetOrganisationsFn,\n OrganisationSelector,\n MicroFrontendLink,\n useOrganisation,\n} from '@entur-partner/app-shell';\n\nexport const messages = {\n nb: {\n switchLanguage: 'Switch to English',\n logout: 'Logg ut',\n termsAndConditions: 'Vilkår og betingelser',\n },\n en: {\n switchLanguage: 'Bytt til norsk',\n logout: 'Sign out',\n termsAndConditions: 'Terms and condition',\n },\n};\n\ninterface MenuProps extends AppShellValues {\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const Menu = ({\n getOrganisations,\n user,\n getToken,\n logout,\n}: MenuProps) => {\n const { getItemsForPath } = useMenu();\n const { language, setLanguage } = useLanguage();\n const { setOrganisationId, organisationId } = useOrganisation();\n const items = getItemsForPath('app-shell');\n\n return (\n <MenuContainer>\n <div\n style={{\n marginLeft: space.extraLarge2,\n marginTop: space.large,\n marginBottom: space.extraLarge,\n }}\n >\n <EnturPartnerLogo\n altText={'Entur partner logo'}\n className=\"menu-space menu-logo\"\n />\n </div>\n <div style={{ margin: space.large }}>\n <Stack space=\"small\">\n <UserMenu\n onLanguageChange={setLanguage}\n onShowGdprDialog={() => {}}\n onLogout={logout}\n language={language}\n messages={messages[language as 'en' | 'nb']}\n userName={\n user.given_name\n ? `${user.given_name} ${user.family_name}`\n : user.name\n }\n />\n <OrganisationSelector\n getOrganisations={getOrganisations}\n getToken={getToken}\n value={organisationId.toString()}\n onChange={(id: string) => setOrganisationId(Number(id))}\n />\n </Stack>\n </div>\n <SideNavigation>\n {items.map(({ to, title, disabled, navigate }) => {\n const itemProps = {\n as: MicroFrontendLink,\n href: to,\n navigate: () => navigate(to),\n disabled: !!disabled,\n };\n return (\n <SideNavigationItem key={to.toString()} {...itemProps}>\n {title}\n </SideNavigationItem>\n );\n })}\n </SideNavigation>\n </MenuContainer>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Content as ContentWrapper } from '@entur-partner/common';\nimport { MenuItem, MicroFrontendPayload } from '@entur-partner/micro-frontend';\nimport {\n AppShell,\n AppShellValues,\n AppShellProps,\n MenuProvider,\n useMenu,\n OrganisationProvider,\n useOrganisationId,\n useLanguage,\n LanguageProvider,\n languageStorage,\n GetOrganisationsFn,\n organisationStorage,\n} from '@entur-partner/app-shell';\n\nimport { Menu } from './Menu';\n\ntype ContentProps = {\n values: AppShellValues;\n children: (options: MicroFrontendPayload) => ReactNode;\n};\n\nconst Content = ({ children, values }: ContentProps) => {\n const { addItems, setMFNavigate } = useMenu();\n const organisationId = useOrganisationId();\n const { language } = useLanguage();\n\n const addMenuItems = (items: MenuItem[]) => addItems(items, 'app-shell');\n\n return (\n <ContentWrapper>\n {children({\n ...values,\n language,\n navigate: () => {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n 'Calling navigate() from app shell has no effect. It is only provided so that the app shell values are equal to MicroFrontendPayload.'\n );\n }\n },\n addMenuItems,\n organisationId: organisationId.toString(),\n setMFNavigate: (navigate) => setMFNavigate('app-shell', navigate),\n })}\n </ContentWrapper>\n );\n};\n\nexport interface AppShellStandaloneProps\n extends Omit<AppShellProps, 'children'> {\n children: (options: MicroFrontendPayload) => ReactNode;\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const AppShellStandalone = ({\n children,\n audience,\n domain,\n clientId,\n decorateUser,\n getOrganisations,\n redirectUri,\n}: AppShellStandaloneProps) => {\n return (\n <AppShell\n audience={audience}\n domain={domain}\n clientId={clientId}\n decorateUser={decorateUser}\n redirectUri={redirectUri}\n >\n {(values) => (\n <LanguageProvider language={languageStorage.get() ?? 'nb'}>\n <OrganisationProvider\n organisationId={\n organisationStorage.get() ??\n values.user['https://entur.io/organisationID'].toString()\n }\n >\n <MenuProvider>\n <Menu {...values} getOrganisations={getOrganisations} />\n <Content children={children} values={values} />\n </MenuProvider>\n </OrganisationProvider>\n </LanguageProvider>\n )}\n </AppShell>\n );\n};\n"],"names":["messages","nb","switchLanguage","logout","termsAndConditions","en","Menu","getOrganisations","user","getToken","getItemsForPath","useMenu","useLanguage","language","setLanguage","useOrganisation","setOrganisationId","organisationId","items","React","MenuContainer","style","marginLeft","space","extraLarge2","marginTop","large","marginBottom","extraLarge","EnturPartnerLogo","altText","className","margin","Stack","UserMenu","onLanguageChange","onShowGdprDialog","onLogout","userName","given_name","family_name","name","OrganisationSelector","value","toString","onChange","id","Number","SideNavigation","map","to","title","navigate","itemProps","as","MicroFrontendLink","href","disabled","SideNavigationItem","key","Content","children","values","addItems","setMFNavigate","useOrganisationId","ContentWrapper","addMenuItems","AppShell","audience","domain","clientId","decorateUser","redirectUri","LanguageProvider","languageStorage","get","OrganisationProvider","organisationStorage","MenuProvider"],"mappings":"2fAmBO,IAAMA,EAAW,CACtBC,GAAI,CACFC,eAAgB,oBAChBC,OAAQ,UACRC,mBAAoB,yBAEtBC,GAAI,CACFH,eAAgB,iBAChBC,OAAQ,WACRC,mBAAoB,wBAQXE,EAAO,gBAClBC,IAAAA,iBACAC,IAAAA,KACAC,IAAAA,SACAN,IAAAA,OAEQO,EAAoBC,YAApBD,kBAC0BE,gBAA1BC,IAAAA,SAAUC,IAAAA,cAC4BC,oBAAtCC,IAAAA,kBAAmBC,IAAAA,eACrBC,EAAQR,EAAgB,oBAG5BS,wBAACC,YACCD,+BACEE,MAAO,CACLC,WAAYC,QAAMC,YAClBC,UAAWF,QAAMG,MACjBC,aAAcJ,QAAMK,aAGtBT,wBAACU,oBACCC,QAAS,qBACTC,UAAU,0BAGdZ,+BAAKE,MAAO,CAAEW,OAAQT,QAAMG,QAC1BP,wBAACc,SAAMV,MAAM,SACXJ,wBAACe,YACCC,iBAAkBrB,EAClBsB,iBAAkB,aAClBC,SAAUlC,EACVU,SAAUA,EACVb,SAAUA,EAASa,GACnByB,SACE9B,EAAK+B,WACE/B,EAAK+B,eAAc/B,EAAKgC,YAC3BhC,EAAKiC,OAGbtB,wBAACuB,wBACCnC,iBAAkBA,EAClBE,SAAUA,EACVkC,MAAO1B,EAAe2B,WACtBC,SAAU,SAACC,UAAe9B,EAAkB+B,OAAOD,SAIzD3B,wBAAC6B,sBACE9B,EAAM+B,KAAI,gBAAGC,IAAAA,GAAIC,IAAAA,MAAiBC,IAAAA,SAC3BC,EAAY,CAChBC,GAAIC,oBACJC,KAAMN,EACNE,SAAU,kBAAMA,EAASF,IACzBO,aALqBA,iBAQrBtC,wBAACuC,wBAAmBC,IAAKT,EAAGN,YAAgBS,GACzCF,SCpETS,EAAU,gBAAGC,IAAAA,SAAUC,IAAAA,SACSnD,YAA5BoD,IAAAA,SAAUC,IAAAA,cACZ/C,EAAiBgD,wBACFrD,uBAKnBO,wBAAC+C,eACEL,OACIC,GACHjD,WAREA,SASFuC,SAAU,aAOVe,aAde,SAACjD,UAAsB6C,EAAS7C,EAAO,cAetDD,eAAgBA,EAAe2B,WAC/BoB,cAAe,SAACZ,UAAaY,EAAc,YAAaZ,oCAY9B,gBAChCS,IAAAA,SAKAtD,IAAAA,wBAIEY,wBAACiD,YACCC,WATJA,SAUIC,SATJA,OAUIC,WATJA,SAUIC,eATJA,aAUIC,cARJA,cAUK,SAACX,kBACA3C,wBAACuD,oBAAiB7D,kBAAU8D,kBAAgBC,SAAS,MACnDzD,wBAAC0D,wBACC5D,wBACE6D,sBAAoBF,SACpBd,EAAOtD,KAAK,mCAAmCoC,YAGjDzB,wBAAC4D,oBACC5D,wBAACb,OAASwD,GAAQvD,iBAAkBA,KACpCY,wBAACyC,GAAQC,SAAUA,EAAUC,OAAQA"}
|
|
@@ -85,8 +85,7 @@ var Menu = function Menu(_ref) {
|
|
|
85
85
|
var to = _ref2.to,
|
|
86
86
|
title = _ref2.title,
|
|
87
87
|
disabled = _ref2.disabled,
|
|
88
|
-
_navigate = _ref2.navigate
|
|
89
|
-
Icon = _ref2.icon;
|
|
88
|
+
_navigate = _ref2.navigate;
|
|
90
89
|
var itemProps = {
|
|
91
90
|
as: MicroFrontendLink,
|
|
92
91
|
href: to,
|
|
@@ -95,9 +94,9 @@ var Menu = function Menu(_ref) {
|
|
|
95
94
|
},
|
|
96
95
|
disabled: !!disabled
|
|
97
96
|
};
|
|
98
|
-
return React.createElement(SideNavigationItem,
|
|
97
|
+
return React.createElement(SideNavigationItem, _extends({
|
|
99
98
|
key: to.toString()
|
|
100
|
-
}, itemProps),
|
|
99
|
+
}, itemProps), title);
|
|
101
100
|
})));
|
|
102
101
|
};
|
|
103
102
|
|
|
@@ -106,7 +105,8 @@ var Content = function Content(_ref) {
|
|
|
106
105
|
values = _ref.values;
|
|
107
106
|
|
|
108
107
|
var _useMenu = useMenu(),
|
|
109
|
-
addItems = _useMenu.addItems
|
|
108
|
+
addItems = _useMenu.addItems,
|
|
109
|
+
_setMFNavigate = _useMenu.setMFNavigate;
|
|
110
110
|
|
|
111
111
|
var organisationId = useOrganisationId();
|
|
112
112
|
|
|
@@ -125,7 +125,10 @@ var Content = function Content(_ref) {
|
|
|
125
125
|
}
|
|
126
126
|
},
|
|
127
127
|
addMenuItems: addMenuItems,
|
|
128
|
-
organisationId: organisationId.toString()
|
|
128
|
+
organisationId: organisationId.toString(),
|
|
129
|
+
setMFNavigate: function setMFNavigate(navigate) {
|
|
130
|
+
return _setMFNavigate('app-shell', navigate);
|
|
131
|
+
}
|
|
129
132
|
})));
|
|
130
133
|
};
|
|
131
134
|
|
|
@@ -150,7 +153,7 @@ var AppShellStandalone = function AppShellStandalone(_ref2) {
|
|
|
150
153
|
language: (_languageStorage$get = languageStorage.get()) != null ? _languageStorage$get : 'nb'
|
|
151
154
|
}, React.createElement(OrganisationProvider, {
|
|
152
155
|
organisationId: (_organisationStorage$ = organisationStorage.get()) != null ? _organisationStorage$ : values.user['https://entur.io/organisationID'].toString()
|
|
153
|
-
}, React.createElement(MenuProvider, null, React.createElement(Menu,
|
|
156
|
+
}, React.createElement(MenuProvider, null, React.createElement(Menu, _extends({}, values, {
|
|
154
157
|
getOrganisations: getOrganisations
|
|
155
158
|
})), React.createElement(Content, {
|
|
156
159
|
children: children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-shell-standalone.esm.js","sources":["../src/Menu.tsx","../src/AppShellStandalone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Menu as MenuContainer,\n UserMenu,\n EnturPartnerLogo,\n Stack,\n} from '@entur-partner/common';\nimport { SideNavigation, SideNavigationItem } from '@entur/menu';\nimport { space } from '@entur/tokens';\nimport {\n AppShellValues,\n useLanguage,\n useMenu,\n GetOrganisationsFn,\n OrganisationSelector,\n MicroFrontendLink,\n useOrganisation,\n} from '@entur-partner/app-shell';\n\nexport const messages = {\n nb: {\n switchLanguage: 'Switch to English',\n logout: 'Logg ut',\n termsAndConditions: 'Vilkår og betingelser',\n },\n en: {\n switchLanguage: 'Bytt til norsk',\n logout: 'Sign out',\n termsAndConditions: 'Terms and condition',\n },\n};\n\ninterface MenuProps extends AppShellValues {\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const Menu = ({\n getOrganisations,\n user,\n getToken,\n logout,\n}: MenuProps) => {\n const { getItemsForPath } = useMenu();\n const { language, setLanguage } = useLanguage();\n const { setOrganisationId, organisationId } = useOrganisation();\n const items = getItemsForPath('app-shell');\n\n return (\n <MenuContainer>\n <div\n style={{\n marginLeft: space.extraLarge2,\n marginTop: space.large,\n marginBottom: space.extraLarge,\n }}\n >\n <EnturPartnerLogo\n altText={'Entur partner logo'}\n className=\"menu-space menu-logo\"\n />\n </div>\n <div style={{ margin: space.large }}>\n <Stack space=\"small\">\n <UserMenu\n onLanguageChange={setLanguage}\n onShowGdprDialog={() => {}}\n onLogout={logout}\n language={language}\n messages={messages[language as 'en' | 'nb']}\n userName={\n user.given_name\n ? `${user.given_name} ${user.family_name}`\n : user.name\n }\n />\n <OrganisationSelector\n getOrganisations={getOrganisations}\n getToken={getToken}\n value={organisationId.toString()}\n onChange={(id: string) => setOrganisationId(Number(id))}\n />\n </Stack>\n </div>\n <SideNavigation>\n {items.map(({ to, title, disabled, navigate, icon: Icon }) => {\n const itemProps = {\n as: MicroFrontendLink,\n href: to,\n navigate: () => navigate(to),\n disabled: !!disabled,\n };\n return (\n <SideNavigationItem key={to.toString()} {...itemProps}>\n {Icon && <Icon />}\n {title}\n </SideNavigationItem>\n );\n })}\n </SideNavigation>\n </MenuContainer>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Content as ContentWrapper } from '@entur-partner/common';\nimport { MenuItem, MicroFrontendPayload } from '@entur-partner/micro-frontend';\nimport {\n AppShell,\n AppShellValues,\n AppShellProps,\n MenuProvider,\n useMenu,\n OrganisationProvider,\n useOrganisationId,\n useLanguage,\n LanguageProvider,\n languageStorage,\n GetOrganisationsFn,\n organisationStorage,\n} from '@entur-partner/app-shell';\n\nimport { Menu } from './Menu';\n\ntype ContentProps = {\n values: AppShellValues;\n children: (options: MicroFrontendPayload) => ReactNode;\n};\n\nconst Content = ({ children, values }: ContentProps) => {\n const { addItems } = useMenu();\n const organisationId = useOrganisationId();\n const { language } = useLanguage();\n\n const addMenuItems = (items: MenuItem[]) => addItems(items, 'app-shell');\n\n return (\n <ContentWrapper>\n {children({\n ...values,\n language,\n navigate: () => {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n 'Calling navigate() from app shell has no effect. It is only provided so that the app shell values are equal to MicroFrontendPayload.'\n );\n }\n },\n addMenuItems,\n organisationId: organisationId.toString(),\n })}\n </ContentWrapper>\n );\n};\n\nexport interface AppShellStandaloneProps\n extends Omit<AppShellProps, 'children'> {\n children: (options: MicroFrontendPayload) => ReactNode;\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const AppShellStandalone = ({\n children,\n audience,\n domain,\n clientId,\n decorateUser,\n getOrganisations,\n redirectUri,\n}: AppShellStandaloneProps) => {\n return (\n <AppShell\n audience={audience}\n domain={domain}\n clientId={clientId}\n decorateUser={decorateUser}\n redirectUri={redirectUri}\n >\n {(values) => (\n <LanguageProvider language={languageStorage.get() ?? 'nb'}>\n <OrganisationProvider\n organisationId={\n organisationStorage.get() ??\n values.user['https://entur.io/organisationID'].toString()\n }\n >\n <MenuProvider>\n <Menu {...values} getOrganisations={getOrganisations} />\n <Content children={children} values={values} />\n </MenuProvider>\n </OrganisationProvider>\n </LanguageProvider>\n )}\n </AppShell>\n );\n};\n"],"names":["messages","nb","switchLanguage","logout","termsAndConditions","en","Menu","getOrganisations","user","getToken","useMenu","getItemsForPath","useLanguage","language","setLanguage","useOrganisation","setOrganisationId","organisationId","items","React","MenuContainer","style","marginLeft","space","extraLarge2","marginTop","large","marginBottom","extraLarge","EnturPartnerLogo","altText","className","margin","Stack","UserMenu","onLanguageChange","onShowGdprDialog","onLogout","userName","given_name","family_name","name","OrganisationSelector","value","toString","onChange","id","Number","SideNavigation","map","to","title","disabled","navigate","Icon","icon","itemProps","as","MicroFrontendLink","href","SideNavigationItem","key","Content","children","values","addItems","useOrganisationId","addMenuItems","ContentWrapper","process","env","NODE_ENV","console","warn","AppShellStandalone","audience","domain","clientId","decorateUser","redirectUri","AppShell","LanguageProvider","languageStorage","get","OrganisationProvider","organisationStorage","MenuProvider"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"app-shell-standalone.esm.js","sources":["../src/Menu.tsx","../src/AppShellStandalone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Menu as MenuContainer,\n UserMenu,\n EnturPartnerLogo,\n Stack,\n} from '@entur-partner/common';\nimport { SideNavigation, SideNavigationItem } from '@entur/menu';\nimport { space } from '@entur/tokens';\nimport {\n AppShellValues,\n useLanguage,\n useMenu,\n GetOrganisationsFn,\n OrganisationSelector,\n MicroFrontendLink,\n useOrganisation,\n} from '@entur-partner/app-shell';\n\nexport const messages = {\n nb: {\n switchLanguage: 'Switch to English',\n logout: 'Logg ut',\n termsAndConditions: 'Vilkår og betingelser',\n },\n en: {\n switchLanguage: 'Bytt til norsk',\n logout: 'Sign out',\n termsAndConditions: 'Terms and condition',\n },\n};\n\ninterface MenuProps extends AppShellValues {\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const Menu = ({\n getOrganisations,\n user,\n getToken,\n logout,\n}: MenuProps) => {\n const { getItemsForPath } = useMenu();\n const { language, setLanguage } = useLanguage();\n const { setOrganisationId, organisationId } = useOrganisation();\n const items = getItemsForPath('app-shell');\n\n return (\n <MenuContainer>\n <div\n style={{\n marginLeft: space.extraLarge2,\n marginTop: space.large,\n marginBottom: space.extraLarge,\n }}\n >\n <EnturPartnerLogo\n altText={'Entur partner logo'}\n className=\"menu-space menu-logo\"\n />\n </div>\n <div style={{ margin: space.large }}>\n <Stack space=\"small\">\n <UserMenu\n onLanguageChange={setLanguage}\n onShowGdprDialog={() => {}}\n onLogout={logout}\n language={language}\n messages={messages[language as 'en' | 'nb']}\n userName={\n user.given_name\n ? `${user.given_name} ${user.family_name}`\n : user.name\n }\n />\n <OrganisationSelector\n getOrganisations={getOrganisations}\n getToken={getToken}\n value={organisationId.toString()}\n onChange={(id: string) => setOrganisationId(Number(id))}\n />\n </Stack>\n </div>\n <SideNavigation>\n {items.map(({ to, title, disabled, navigate }) => {\n const itemProps = {\n as: MicroFrontendLink,\n href: to,\n navigate: () => navigate(to),\n disabled: !!disabled,\n };\n return (\n <SideNavigationItem key={to.toString()} {...itemProps}>\n {title}\n </SideNavigationItem>\n );\n })}\n </SideNavigation>\n </MenuContainer>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Content as ContentWrapper } from '@entur-partner/common';\nimport { MenuItem, MicroFrontendPayload } from '@entur-partner/micro-frontend';\nimport {\n AppShell,\n AppShellValues,\n AppShellProps,\n MenuProvider,\n useMenu,\n OrganisationProvider,\n useOrganisationId,\n useLanguage,\n LanguageProvider,\n languageStorage,\n GetOrganisationsFn,\n organisationStorage,\n} from '@entur-partner/app-shell';\n\nimport { Menu } from './Menu';\n\ntype ContentProps = {\n values: AppShellValues;\n children: (options: MicroFrontendPayload) => ReactNode;\n};\n\nconst Content = ({ children, values }: ContentProps) => {\n const { addItems, setMFNavigate } = useMenu();\n const organisationId = useOrganisationId();\n const { language } = useLanguage();\n\n const addMenuItems = (items: MenuItem[]) => addItems(items, 'app-shell');\n\n return (\n <ContentWrapper>\n {children({\n ...values,\n language,\n navigate: () => {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n 'Calling navigate() from app shell has no effect. It is only provided so that the app shell values are equal to MicroFrontendPayload.'\n );\n }\n },\n addMenuItems,\n organisationId: organisationId.toString(),\n setMFNavigate: (navigate) => setMFNavigate('app-shell', navigate),\n })}\n </ContentWrapper>\n );\n};\n\nexport interface AppShellStandaloneProps\n extends Omit<AppShellProps, 'children'> {\n children: (options: MicroFrontendPayload) => ReactNode;\n getOrganisations: GetOrganisationsFn;\n}\n\nexport const AppShellStandalone = ({\n children,\n audience,\n domain,\n clientId,\n decorateUser,\n getOrganisations,\n redirectUri,\n}: AppShellStandaloneProps) => {\n return (\n <AppShell\n audience={audience}\n domain={domain}\n clientId={clientId}\n decorateUser={decorateUser}\n redirectUri={redirectUri}\n >\n {(values) => (\n <LanguageProvider language={languageStorage.get() ?? 'nb'}>\n <OrganisationProvider\n organisationId={\n organisationStorage.get() ??\n values.user['https://entur.io/organisationID'].toString()\n }\n >\n <MenuProvider>\n <Menu {...values} getOrganisations={getOrganisations} />\n <Content children={children} values={values} />\n </MenuProvider>\n </OrganisationProvider>\n </LanguageProvider>\n )}\n </AppShell>\n );\n};\n"],"names":["messages","nb","switchLanguage","logout","termsAndConditions","en","Menu","getOrganisations","user","getToken","useMenu","getItemsForPath","useLanguage","language","setLanguage","useOrganisation","setOrganisationId","organisationId","items","React","MenuContainer","style","marginLeft","space","extraLarge2","marginTop","large","marginBottom","extraLarge","EnturPartnerLogo","altText","className","margin","Stack","UserMenu","onLanguageChange","onShowGdprDialog","onLogout","userName","given_name","family_name","name","OrganisationSelector","value","toString","onChange","id","Number","SideNavigation","map","to","title","disabled","navigate","itemProps","as","MicroFrontendLink","href","SideNavigationItem","key","Content","children","values","addItems","setMFNavigate","useOrganisationId","addMenuItems","ContentWrapper","process","env","NODE_ENV","console","warn","AppShellStandalone","audience","domain","clientId","decorateUser","redirectUri","AppShell","LanguageProvider","languageStorage","get","OrganisationProvider","organisationStorage","MenuProvider"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur-partner/app-shell-standalone",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.1.1",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/app-shell-standalone.esm.js",
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
"access": "public"
|
|
18
18
|
},
|
|
19
19
|
"scripts": {
|
|
20
|
-
"watch": "
|
|
21
|
-
"build": "
|
|
22
|
-
"test": "
|
|
23
|
-
"lint": "
|
|
20
|
+
"watch": "dts watch --noClean --verbose",
|
|
21
|
+
"build": "dts build",
|
|
22
|
+
"test": "dts test --env=jsdom --passWithNoTests",
|
|
23
|
+
"lint": "dts lint"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"@entur/menu": "^3.5.5",
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
"react-dom": ">=16.8.0"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@entur-partner/app-shell": "^2.
|
|
32
|
-
"@entur-partner/common": "^4.0.
|
|
31
|
+
"@entur-partner/app-shell": "^2.1.1",
|
|
32
|
+
"@entur-partner/common": "^4.0.7"
|
|
33
33
|
},
|
|
34
34
|
"jest": {
|
|
35
35
|
"collectCoverageFrom": [
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"reportFile": "jest-sonar-report.xml",
|
|
42
42
|
"indent": 4
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "ba34d91c553fbd985db00d3c8a4ea4d4dca75564"
|
|
45
45
|
}
|