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

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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)
+
+### Features
+
+- **menu provider:** add functionality to register navigate function for MF ([cb9b58d](https://bitbucket.org/enturas/entur-partner-packages/commits/cb9b58d5ccafc48195dfa8ad0b4bdca840365724))
+
 ## [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)
 
 **Note:** Version bump only for package @entur-partner/app-shell-standalone

package/dist/Menu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppShellValues, GetOrganisationsFn } from '@entur-partner/app-shell';
 export declare const messages: {
     nb: {

package/dist/app-shell-standalone.cjs.development.js

@@ -111,7 +111,8 @@ var Content = function Content(_ref) {
       values = _ref.values;
 
   var _useMenu = appShell.useMenu(),
-      addItems = _useMenu.addItems;
+      addItems = _useMenu.addItems,
+      _setMFNavigate = _useMenu.setMFNavigate;
 
   var organisationId = appShell.useOrganisationId();
 
@@ -130,7 +131,10 @@ var Content = function Content(_ref) {
       }
     },
     addMenuItems: addMenuItems,
-    organisationId: organisationId.toString()
+    organisationId: organisationId.toString(),
+    setMFNavigate: function setMFNavigate(navigate) {
+      return _setMFNavigate('app-shell', navigate);
+    }
   })));
 };
 

package/dist/app-shell-standalone.cjs.development.js.map

@@ -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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"}
+{"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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"}

package/dist/app-shell-standalone.cjs.production.min.js

@@ -1,2 +1,2 @@
-"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().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}))))}))};
+"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}))))}))};
 //# sourceMappingURL=app-shell-standalone.cjs.production.min.js.map

package/dist/app-shell-standalone.cjs.production.min.js.map

@@ -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":"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,OACnBC,EAAapD,YAAboD,SACF9C,EAAiB+C,wBACFpD,uBAKnBO,gBAAC8C,eACEJ,OACIC,GACHjD,WAREA,SASFuC,SAAU,aAOVc,aAde,SAAChD,UAAsB6C,EAAS7C,EAAO,cAetDD,eAAgBA,EAAe2B,2CAYL,gBAChCiB,IAAAA,SAKAtD,IAAAA,wBAIEY,gBAACgD,YACCC,WATJA,SAUIC,SATJA,OAUIC,WATJA,SAUIC,eATJA,aAUIC,cARJA,cAUK,SAACV,kBACA3C,gBAACsD,oBAAiB5D,kBAAU6D,kBAAgBC,SAAS,MACnDxD,gBAACyD,wBACC3D,wBACE4D,sBAAoBF,SACpBb,EAAOtD,KAAK,mCAAmCoC,YAGjDzB,gBAAC2D,oBACC3D,gBAACb,mBAASwD,GAAQvD,iBAAkBA,KACpCY,gBAACyC,GAAQC,SAAUA,EAAUC,OAAQA"}
+{"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"}

package/dist/app-shell-standalone.esm.js

@@ -105,7 +105,8 @@ var Content = function Content(_ref) {
       values = _ref.values;
 
   var _useMenu = useMenu(),
-      addItems = _useMenu.addItems;
+      addItems = _useMenu.addItems,
+      _setMFNavigate = _useMenu.setMFNavigate;
 
   var organisationId = useOrganisationId();
 
@@ -124,7 +125,10 @@ var Content = function Content(_ref) {
       }
     },
     addMenuItems: addMenuItems,
-    organisationId: organisationId.toString()
+    organisationId: organisationId.toString(),
+    setMFNavigate: function setMFNavigate(navigate) {
+      return _setMFNavigate('app-shell', navigate);
+    }
   })));
 };
 

package/dist/app-shell-standalone.esm.js.map

@@ -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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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@entur-partner/app-shell-standalone",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/app-shell-standalone.esm.js",
@@ -28,8 +28,8 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur-partner/app-shell": "^2.0.24",
-    "@entur-partner/common": "^4.0.5"
+    "@entur-partner/app-shell": "^2.1.0",
+    "@entur-partner/common": "^4.0.6"
   },
   "jest": {
     "collectCoverageFrom": [
@@ -41,5 +41,5 @@
     "reportFile": "jest-sonar-report.xml",
     "indent": 4
   },
-  "gitHead": "56f0e27b4631d15e5c8224ed11b6c34d895ba212"
+  "gitHead": "a762828a4ff18043452ca99795216925bf6a8936"
 }