@entur-partner/app-shell-standalone 3.0.1 → 3.1.2
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 +14 -0
- package/dist/app-shell-standalone.cjs.development.js +25 -19
- 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 +8 -4
- package/dist/app-shell-standalone.esm.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,20 @@
|
|
|
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.2](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/app-shell-standalone@3.1.1...@entur-partner/app-shell-standalone@3.1.2) (2022-03-09)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @entur-partner/app-shell-standalone
|
|
9
|
+
|
|
10
|
+
## [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)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @entur-partner/app-shell-standalone
|
|
13
|
+
|
|
14
|
+
# [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)
|
|
15
|
+
|
|
16
|
+
### Features
|
|
17
|
+
|
|
18
|
+
- **menu provider:** add functionality to register navigate function for MF ([cb9b58d](https://bitbucket.org/enturas/entur-partner-packages/commits/cb9b58d5ccafc48195dfa8ad0b4bdca840365724))
|
|
19
|
+
|
|
6
20
|
## [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)
|
|
7
21
|
|
|
8
22
|
**Note:** Version bump only for package @entur-partner/app-shell-standalone
|
|
@@ -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,36 +60,36 @@ 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,
|
|
@@ -100,7 +102,7 @@ var Menu = function Menu(_ref) {
|
|
|
100
102
|
},
|
|
101
103
|
disabled: !!disabled
|
|
102
104
|
};
|
|
103
|
-
return
|
|
105
|
+
return React__default["default"].createElement(menu.SideNavigationItem, _extends({
|
|
104
106
|
key: to.toString()
|
|
105
107
|
}, itemProps), title);
|
|
106
108
|
})));
|
|
@@ -111,7 +113,8 @@ var Content = function Content(_ref) {
|
|
|
111
113
|
values = _ref.values;
|
|
112
114
|
|
|
113
115
|
var _useMenu = appShell.useMenu(),
|
|
114
|
-
addItems = _useMenu.addItems
|
|
116
|
+
addItems = _useMenu.addItems,
|
|
117
|
+
_setMFNavigate = _useMenu.setMFNavigate;
|
|
115
118
|
|
|
116
119
|
var organisationId = appShell.useOrganisationId();
|
|
117
120
|
|
|
@@ -122,7 +125,7 @@ var Content = function Content(_ref) {
|
|
|
122
125
|
return addItems(items, 'app-shell');
|
|
123
126
|
};
|
|
124
127
|
|
|
125
|
-
return
|
|
128
|
+
return React__default["default"].createElement(common.Content, null, children(_extends({}, values, {
|
|
126
129
|
language: language,
|
|
127
130
|
navigate: function navigate() {
|
|
128
131
|
{
|
|
@@ -130,7 +133,10 @@ var Content = function Content(_ref) {
|
|
|
130
133
|
}
|
|
131
134
|
},
|
|
132
135
|
addMenuItems: addMenuItems,
|
|
133
|
-
organisationId: organisationId.toString()
|
|
136
|
+
organisationId: organisationId.toString(),
|
|
137
|
+
setMFNavigate: function setMFNavigate(navigate) {
|
|
138
|
+
return _setMFNavigate('app-shell', navigate);
|
|
139
|
+
}
|
|
134
140
|
})));
|
|
135
141
|
};
|
|
136
142
|
|
|
@@ -142,7 +148,7 @@ var AppShellStandalone = function AppShellStandalone(_ref2) {
|
|
|
142
148
|
decorateUser = _ref2.decorateUser,
|
|
143
149
|
getOrganisations = _ref2.getOrganisations,
|
|
144
150
|
redirectUri = _ref2.redirectUri;
|
|
145
|
-
return
|
|
151
|
+
return React__default["default"].createElement(appShell.AppShell, {
|
|
146
152
|
audience: audience,
|
|
147
153
|
domain: domain,
|
|
148
154
|
clientId: clientId,
|
|
@@ -151,13 +157,13 @@ var AppShellStandalone = function AppShellStandalone(_ref2) {
|
|
|
151
157
|
}, function (values) {
|
|
152
158
|
var _languageStorage$get, _organisationStorage$;
|
|
153
159
|
|
|
154
|
-
return
|
|
160
|
+
return React__default["default"].createElement(appShell.LanguageProvider, {
|
|
155
161
|
language: (_languageStorage$get = appShell.languageStorage.get()) != null ? _languageStorage$get : 'nb'
|
|
156
|
-
},
|
|
162
|
+
}, React__default["default"].createElement(appShell.OrganisationProvider, {
|
|
157
163
|
organisationId: (_organisationStorage$ = appShell.organisationStorage.get()) != null ? _organisationStorage$ : values.user['https://entur.io/organisationID'].toString()
|
|
158
|
-
},
|
|
164
|
+
}, React__default["default"].createElement(appShell.MenuProvider, null, React__default["default"].createElement(Menu, _extends({}, values, {
|
|
159
165
|
getOrganisations: getOrganisations
|
|
160
|
-
})),
|
|
166
|
+
})), React__default["default"].createElement(Content, {
|
|
161
167
|
children: children,
|
|
162
168
|
values: values
|
|
163
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 }) => {\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 } = 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","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","createElement","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 }) => {\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 } = 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","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","useOrganisationId","ContentWrapper","addMenuItems","AppShell","audience","domain","clientId","decorateUser","redirectUri","LanguageProvider","languageStorage","get","OrganisationProvider","organisationStorage","MenuProvider"],"mappings":"
|
|
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","_ref","getOrganisations","user","getToken","getItemsForPath","useMenu","_useLanguage","useLanguage","language","setLanguage","_useOrganisation","useOrganisation","setOrganisationId","organisationId","items","React","MenuContainer","createElement","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","_ref2","to","title","navigate","itemProps","as","MicroFrontendLink","href","disabled","SideNavigationItem","_extends","key","Content","children","values","_useMenu","addItems","setMFNavigate","useOrganisationId","ContentWrapper","addMenuItems","AppShell","audience","domain","clientId","decorateUser","redirectUri","_languageStorage$get","_organisationStorage$","LanguageProvider","languageStorage","get","OrganisationProvider","organisationStorage","MenuProvider"],"mappings":"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"}
|
|
@@ -94,7 +94,7 @@ var Menu = function Menu(_ref) {
|
|
|
94
94
|
},
|
|
95
95
|
disabled: !!disabled
|
|
96
96
|
};
|
|
97
|
-
return React.createElement(SideNavigationItem,
|
|
97
|
+
return React.createElement(SideNavigationItem, _extends({
|
|
98
98
|
key: to.toString()
|
|
99
99
|
}, itemProps), title);
|
|
100
100
|
})));
|
|
@@ -105,7 +105,8 @@ var Content = function Content(_ref) {
|
|
|
105
105
|
values = _ref.values;
|
|
106
106
|
|
|
107
107
|
var _useMenu = useMenu(),
|
|
108
|
-
addItems = _useMenu.addItems
|
|
108
|
+
addItems = _useMenu.addItems,
|
|
109
|
+
_setMFNavigate = _useMenu.setMFNavigate;
|
|
109
110
|
|
|
110
111
|
var organisationId = useOrganisationId();
|
|
111
112
|
|
|
@@ -124,7 +125,10 @@ var Content = function Content(_ref) {
|
|
|
124
125
|
}
|
|
125
126
|
},
|
|
126
127
|
addMenuItems: addMenuItems,
|
|
127
|
-
organisationId: organisationId.toString()
|
|
128
|
+
organisationId: organisationId.toString(),
|
|
129
|
+
setMFNavigate: function setMFNavigate(navigate) {
|
|
130
|
+
return _setMFNavigate('app-shell', navigate);
|
|
131
|
+
}
|
|
128
132
|
})));
|
|
129
133
|
};
|
|
130
134
|
|
|
@@ -149,7 +153,7 @@ var AppShellStandalone = function AppShellStandalone(_ref2) {
|
|
|
149
153
|
language: (_languageStorage$get = languageStorage.get()) != null ? _languageStorage$get : 'nb'
|
|
150
154
|
}, React.createElement(OrganisationProvider, {
|
|
151
155
|
organisationId: (_organisationStorage$ = organisationStorage.get()) != null ? _organisationStorage$ : values.user['https://entur.io/organisationID'].toString()
|
|
152
|
-
}, React.createElement(MenuProvider, null, React.createElement(Menu,
|
|
156
|
+
}, React.createElement(MenuProvider, null, React.createElement(Menu, _extends({}, values, {
|
|
153
157
|
getOrganisations: getOrganisations
|
|
154
158
|
})), React.createElement(Content, {
|
|
155
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 }) => {\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 } = 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","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","createElement","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.
|
|
3
|
+
"version": "3.1.2",
|
|
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.2",
|
|
32
|
+
"@entur-partner/common": "^4.1.0"
|
|
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": "0939e6ee86338e99c712b40f598749ed6033ed7f"
|
|
45
45
|
}
|