@entur-partner/app-shell-standalone 2.0.21 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/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.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)
7
+
8
+ ### Features
9
+
10
+ - **menu provider:** add functionality to register navigate function for MF ([cb9b58d](https://bitbucket.org/enturas/entur-partner-packages/commits/cb9b58d5ccafc48195dfa8ad0b4bdca840365724))
11
+
12
+ ## [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)
13
+
14
+ **Note:** Version bump only for package @entur-partner/app-shell-standalone
15
+
16
+ # [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)
17
+
18
+ ### Reverts
19
+
20
+ - **menu:** packages was not publish to npm because of wrong npm user ([127ed33](https://bitbucket.org/enturas/entur-partner-packages/commits/127ed33e6a7e98866ec74d76ca62fa39bc5a019f))
21
+
22
+ - 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)
23
+
24
+ ### BREAKING CHANGES
25
+
26
+ - removed icon field from MenuItem
27
+
28
+ ISSUES CLOSED: ETU-12948
29
+
30
+ Approved-by: Erik Vårdal Itland
31
+ Approved-by: Petter Sæther Moen
32
+
33
+ ## [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)
34
+
35
+ **Note:** Version bump only for package @entur-partner/app-shell-standalone
36
+
6
37
  ## [2.0.21](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/app-shell-standalone@2.0.20...@entur-partner/app-shell-standalone@2.0.21) (2021-10-14)
7
38
 
8
39
  **Note:** Version bump only for package @entur-partner/app-shell-standalone
package/dist/Menu.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { AppShellValues, GetOrganisationsFn } from '@entur-partner/app-shell';
3
2
  export declare const messages: {
4
3
  nb: {
@@ -91,8 +91,7 @@ var Menu = function Menu(_ref) {
91
91
  var to = _ref2.to,
92
92
  title = _ref2.title,
93
93
  disabled = _ref2.disabled,
94
- _navigate = _ref2.navigate,
95
- Icon = _ref2.icon;
94
+ _navigate = _ref2.navigate;
96
95
  var itemProps = {
97
96
  as: appShell.MicroFrontendLink,
98
97
  href: to,
@@ -103,7 +102,7 @@ var Menu = function Menu(_ref) {
103
102
  };
104
103
  return React.createElement(menu.SideNavigationItem, Object.assign({
105
104
  key: to.toString()
106
- }, itemProps), Icon && React.createElement(Icon, null), title);
105
+ }, itemProps), title);
107
106
  })));
108
107
  };
109
108
 
@@ -112,7 +111,8 @@ var Content = function Content(_ref) {
112
111
  values = _ref.values;
113
112
 
114
113
  var _useMenu = appShell.useMenu(),
115
- addItems = _useMenu.addItems;
114
+ addItems = _useMenu.addItems,
115
+ _setMFNavigate = _useMenu.setMFNavigate;
116
116
 
117
117
  var organisationId = appShell.useOrganisationId();
118
118
 
@@ -131,7 +131,10 @@ var Content = function Content(_ref) {
131
131
  }
132
132
  },
133
133
  addMenuItems: addMenuItems,
134
- organisationId: organisationId.toString()
134
+ organisationId: organisationId.toString(),
135
+ setMFNavigate: function setMFNavigate(navigate) {
136
+ return _setMFNavigate('app-shell', navigate);
137
+ }
135
138
  })));
136
139
  };
137
140
 
@@ -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,n=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,t=require("@entur-partner/common"),a=require("@entur-partner/app-shell"),r=require("@entur/menu"),i=require("@entur/tokens");function o(){return(o=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}var g={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"}},u=function(e){var o=e.getOrganisations,u=e.user,l=e.getToken,s=e.logout,c=a.useMenu().getItemsForPath,m=a.useLanguage(),d=m.language,p=m.setLanguage,v=a.useOrganisation(),f=v.setOrganisationId,h=v.organisationId,E=c("app-shell");return n.createElement(t.Menu,null,n.createElement("div",{style:{marginLeft:i.space.extraLarge2,marginTop:i.space.large,marginBottom:i.space.extraLarge}},n.createElement(t.EnturPartnerLogo,{altText:"Entur partner logo",className:"menu-space menu-logo"})),n.createElement("div",{style:{margin:i.space.large}},n.createElement(t.Stack,{space:"small"},n.createElement(t.UserMenu,{onLanguageChange:p,onShowGdprDialog:function(){},onLogout:s,language:d,messages:g[d],userName:u.given_name?u.given_name+" "+u.family_name:u.name}),n.createElement(a.OrganisationSelector,{getOrganisations:o,getToken:l,value:h.toString(),onChange:function(e){return f(Number(e))}}))),n.createElement(r.SideNavigation,null,E.map((function(e){var t=e.to,i=e.title,o=e.navigate,g=e.icon,u={as:a.MicroFrontendLink,href:t,navigate:function(){return o(t)},disabled:!!e.disabled};return n.createElement(r.SideNavigationItem,Object.assign({key:t.toString()},u),g&&n.createElement(g,null),i)}))))},l=function(e){var r=e.children,i=e.values,g=a.useMenu().addItems,u=a.useOrganisationId(),l=a.useLanguage();return n.createElement(t.Content,null,r(o({},i,{language:l.language,navigate:function(){},addMenuItems:function(e){return g(e,"app-shell")},organisationId:u.toString()})))};exports.AppShellStandalone=function(e){var t=e.children,r=e.getOrganisations;return n.createElement(a.AppShell,{audience:e.audience,domain:e.domain,clientId:e.clientId,decorateUser:e.decorateUser,redirectUri:e.redirectUri},(function(e){var i,o;return n.createElement(a.LanguageProvider,{language:null!=(i=a.languageStorage.get())?i:"nb"},n.createElement(a.OrganisationProvider,{organisationId:null!=(o=a.organisationStorage.get())?o:e.user["https://entur.io/organisationID"].toString()},n.createElement(a.MenuProvider,null,n.createElement(u,Object.assign({},e,{getOrganisations:r})),n.createElement(l,{children:t,values:e}))))}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,t=require("@entur-partner/common"),a=require("@entur-partner/app-shell"),r=require("@entur/menu"),i=require("@entur/tokens");function o(){return(o=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}var g={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"}},u=function(e){var o=e.getOrganisations,u=e.user,l=e.getToken,s=e.logout,c=a.useMenu().getItemsForPath,d=a.useLanguage(),m=d.language,p=d.setLanguage,v=a.useOrganisation(),f=v.setOrganisationId,h=v.organisationId,E=c("app-shell");return n.createElement(t.Menu,null,n.createElement("div",{style:{marginLeft:i.space.extraLarge2,marginTop:i.space.large,marginBottom:i.space.extraLarge}},n.createElement(t.EnturPartnerLogo,{altText:"Entur partner logo",className:"menu-space menu-logo"})),n.createElement("div",{style:{margin:i.space.large}},n.createElement(t.Stack,{space:"small"},n.createElement(t.UserMenu,{onLanguageChange:p,onShowGdprDialog:function(){},onLogout:s,language:m,messages:g[m],userName:u.given_name?u.given_name+" "+u.family_name:u.name}),n.createElement(a.OrganisationSelector,{getOrganisations:o,getToken:l,value:h.toString(),onChange:function(e){return f(Number(e))}}))),n.createElement(r.SideNavigation,null,E.map((function(e){var t=e.to,i=e.title,o=e.navigate,g={as:a.MicroFrontendLink,href:t,navigate:function(){return o(t)},disabled:!!e.disabled};return n.createElement(r.SideNavigationItem,Object.assign({key:t.toString()},g),i)}))))},l=function(e){var r=e.children,i=e.values,g=a.useMenu(),u=g.addItems,l=g.setMFNavigate,s=a.useOrganisationId(),c=a.useLanguage();return n.createElement(t.Content,null,r(o({},i,{language:c.language,navigate:function(){},addMenuItems:function(e){return u(e,"app-shell")},organisationId:s.toString(),setMFNavigate:function(e){return l("app-shell",e)}})))};exports.AppShellStandalone=function(e){var t=e.children,r=e.getOrganisations;return n.createElement(a.AppShell,{audience:e.audience,domain:e.domain,clientId:e.clientId,decorateUser:e.decorateUser,redirectUri:e.redirectUri},(function(e){var i,o;return n.createElement(a.LanguageProvider,{language:null!=(i=a.languageStorage.get())?i:"nb"},n.createElement(a.OrganisationProvider,{organisationId:null!=(o=a.organisationStorage.get())?o:e.user["https://entur.io/organisationID"].toString()},n.createElement(a.MenuProvider,null,n.createElement(u,Object.assign({},e,{getOrganisations:r})),n.createElement(l,{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, 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","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","Icon","icon","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":"4dAmBO,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,gBAACC,YACCD,uBACEE,MAAO,CACLC,WAAYC,QAAMC,YAClBC,UAAWF,QAAMG,MACjBC,aAAcJ,QAAMK,aAGtBT,gBAACU,oBACCC,QAAS,qBACTC,UAAU,0BAGdZ,uBAAKE,MAAO,CAAEW,OAAQT,QAAMG,QAC1BP,gBAACc,SAAMV,MAAM,SACXJ,gBAACe,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,gBAACuB,wBACCnC,iBAAkBA,EAClBE,SAAUA,EACVkC,MAAO1B,EAAe2B,WACtBC,SAAU,SAACC,UAAe9B,EAAkB+B,OAAOD,SAIzD3B,gBAAC6B,sBACE9B,EAAM+B,KAAI,gBAAGC,IAAAA,GAAIC,IAAAA,MAAiBC,IAAAA,SAAgBC,IAANC,KACrCC,EAAY,CAChBC,GAAIC,oBACJC,KAAMR,EACNE,SAAU,kBAAMA,EAASF,IACzBS,aALqBA,iBAQrBxC,gBAACyC,oCAAmBC,IAAKX,EAAGN,YAAgBW,GACzCF,GAAQlC,gBAACkC,QACTF,SCrETW,EAAU,gBAAGC,IAAAA,SAAUC,IAAAA,OACnBC,EAAatD,YAAbsD,SACFhD,EAAiBiD,wBACFtD,uBAKnBO,gBAACgD,eACEJ,OACIC,GACHnD,WAREA,SASFuC,SAAU,aAOVgB,aAde,SAAClD,UAAsB+C,EAAS/C,EAAO,cAetDD,eAAgBA,EAAe2B,2CAYL,gBAChCmB,IAAAA,SAKAxD,IAAAA,wBAIEY,gBAACkD,YACCC,WATJA,SAUIC,SATJA,OAUIC,WATJA,SAUIC,eATJA,aAUIC,cARJA,cAUK,SAACV,kBACA7C,gBAACwD,oBAAiB9D,kBAAU+D,kBAAgBC,SAAS,MACnD1D,gBAAC2D,wBACC7D,wBACE8D,sBAAoBF,SACpBb,EAAOxD,KAAK,mCAAmCoC,YAGjDzB,gBAAC6D,oBACC7D,gBAACb,mBAAS0D,GAAQzD,iBAAkBA,KACpCY,gBAAC2C,GAAQC,SAAUA,EAAUC,OAAQA"}
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":"4dAmBO,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,gBAACC,YACCD,uBACEE,MAAO,CACLC,WAAYC,QAAMC,YAClBC,UAAWF,QAAMG,MACjBC,aAAcJ,QAAMK,aAGtBT,gBAACU,oBACCC,QAAS,qBACTC,UAAU,0BAGdZ,uBAAKE,MAAO,CAAEW,OAAQT,QAAMG,QAC1BP,gBAACc,SAAMV,MAAM,SACXJ,gBAACe,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,gBAACuB,wBACCnC,iBAAkBA,EAClBE,SAAUA,EACVkC,MAAO1B,EAAe2B,WACtBC,SAAU,SAACC,UAAe9B,EAAkB+B,OAAOD,SAIzD3B,gBAAC6B,sBACE9B,EAAM+B,KAAI,gBAAGC,IAAAA,GAAIC,IAAAA,MAAiBC,IAAAA,SAC3BC,EAAY,CAChBC,GAAIC,oBACJC,KAAMN,EACNE,SAAU,kBAAMA,EAASF,IACzBO,aALqBA,iBAQrBtC,gBAACuC,oCAAmBC,IAAKT,EAAGN,YAAgBS,GACzCF,SCpETS,EAAU,gBAAGC,IAAAA,SAAUC,IAAAA,SACSnD,YAA5BoD,IAAAA,SAAUC,IAAAA,cACZ/C,EAAiBgD,wBACFrD,uBAKnBO,gBAAC+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,gBAACiD,YACCC,WATJA,SAUIC,SATJA,OAUIC,WATJA,SAUIC,eATJA,aAUIC,cARJA,cAUK,SAACX,kBACA3C,gBAACuD,oBAAiB7D,kBAAU8D,kBAAgBC,SAAS,MACnDzD,gBAAC0D,wBACC5D,wBACE6D,sBAAoBF,SACpBd,EAAOtD,KAAK,mCAAmCoC,YAGjDzB,gBAAC4D,oBACC5D,gBAACb,mBAASwD,GAAQvD,iBAAkBA,KACpCY,gBAACyC,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,
@@ -97,7 +96,7 @@ var Menu = function Menu(_ref) {
97
96
  };
98
97
  return React.createElement(SideNavigationItem, Object.assign({
99
98
  key: to.toString()
100
- }, itemProps), Icon && React.createElement(Icon, null), title);
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
 
@@ -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": "2.0.21",
3
+ "version": "3.1.0",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/app-shell-standalone.esm.js",
@@ -28,8 +28,8 @@
28
28
  "react-dom": ">=16.8.0"
29
29
  },
30
30
  "dependencies": {
31
- "@entur-partner/app-shell": "^2.0.21",
32
- "@entur-partner/common": "^4.0.3"
31
+ "@entur-partner/app-shell": "^2.1.0",
32
+ "@entur-partner/common": "^4.0.6"
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": "8a8b3397a14e1de8732333b631a9a4a6350080bc"
44
+ "gitHead": "a762828a4ff18043452ca99795216925bf6a8936"
45
45
  }