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

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.1.1](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/app-shell-standalone@3.1.0...@entur-partner/app-shell-standalone@3.1.1) (2022-02-10)
+
+**Note:** Version bump only for package @entur-partner/app-shell-standalone
+
 # [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

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

@@ -2,14 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = _interopDefault(require('react'));
+var React = require('react');
 var common = require('@entur-partner/common');
 var appShell = require('@entur-partner/app-shell');
 var menu = require('@entur/menu');
 var tokens = require('@entur/tokens');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -58,36 +60,36 @@ var Menu = function Menu(_ref) {
       organisationId = _useOrganisation.organisationId;
 
   var items = getItemsForPath('app-shell');
-  return React.createElement(common.Menu, null, React.createElement("div", {
+  return React__default["default"].createElement(common.Menu, null, React__default["default"].createElement("div", {
     style: {
       marginLeft: tokens.space.extraLarge2,
       marginTop: tokens.space.large,
       marginBottom: tokens.space.extraLarge
     }
-  }, React.createElement(common.EnturPartnerLogo, {
+  }, React__default["default"].createElement(common.EnturPartnerLogo, {
     altText: 'Entur partner logo',
     className: "menu-space menu-logo"
-  })), React.createElement("div", {
+  })), React__default["default"].createElement("div", {
     style: {
       margin: tokens.space.large
     }
-  }, React.createElement(common.Stack, {
+  }, React__default["default"].createElement(common.Stack, {
     space: "small"
-  }, React.createElement(common.UserMenu, {
+  }, React__default["default"].createElement(common.UserMenu, {
     onLanguageChange: setLanguage,
     onShowGdprDialog: function onShowGdprDialog() {},
     onLogout: logout,
     language: language,
     messages: messages[language],
     userName: user.given_name ? user.given_name + " " + user.family_name : user.name
-  }), React.createElement(appShell.OrganisationSelector, {
+  }), React__default["default"].createElement(appShell.OrganisationSelector, {
     getOrganisations: getOrganisations,
     getToken: getToken,
     value: organisationId.toString(),
     onChange: function onChange(id) {
       return setOrganisationId(Number(id));
     }
-  }))), React.createElement(menu.SideNavigation, null, items.map(function (_ref2) {
+  }))), React__default["default"].createElement(menu.SideNavigation, null, items.map(function (_ref2) {
     var to = _ref2.to,
         title = _ref2.title,
         disabled = _ref2.disabled,
@@ -100,7 +102,7 @@ var Menu = function Menu(_ref) {
       },
       disabled: !!disabled
     };
-    return React.createElement(menu.SideNavigationItem, Object.assign({
+    return React__default["default"].createElement(menu.SideNavigationItem, _extends({
       key: to.toString()
     }, itemProps), title);
   })));
@@ -123,7 +125,7 @@ var Content = function Content(_ref) {
     return addItems(items, 'app-shell');
   };
 
-  return React.createElement(common.Content, null, children(_extends({}, values, {
+  return React__default["default"].createElement(common.Content, null, children(_extends({}, values, {
     language: language,
     navigate: function navigate() {
       {
@@ -146,7 +148,7 @@ var AppShellStandalone = function AppShellStandalone(_ref2) {
       decorateUser = _ref2.decorateUser,
       getOrganisations = _ref2.getOrganisations,
       redirectUri = _ref2.redirectUri;
-  return React.createElement(appShell.AppShell, {
+  return React__default["default"].createElement(appShell.AppShell, {
     audience: audience,
     domain: domain,
     clientId: clientId,
@@ -155,13 +157,13 @@ var AppShellStandalone = function AppShellStandalone(_ref2) {
   }, function (values) {
     var _languageStorage$get, _organisationStorage$;
 
-    return React.createElement(appShell.LanguageProvider, {
+    return React__default["default"].createElement(appShell.LanguageProvider, {
       language: (_languageStorage$get = appShell.languageStorage.get()) != null ? _languageStorage$get : 'nb'
-    }, React.createElement(appShell.OrganisationProvider, {
+    }, React__default["default"].createElement(appShell.OrganisationProvider, {
       organisationId: (_organisationStorage$ = appShell.organisationStorage.get()) != null ? _organisationStorage$ : values.user['https://entur.io/organisationID'].toString()
-    }, React.createElement(appShell.MenuProvider, null, React.createElement(Menu, Object.assign({}, values, {
+    }, React__default["default"].createElement(appShell.MenuProvider, null, React__default["default"].createElement(Menu, _extends({}, values, {
       getOrganisations: getOrganisations
-    })), React.createElement(Content, {
+    })), React__default["default"].createElement(Content, {
       children: children,
       values: values
     }))));

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, 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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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,IAAMA,QAAQ,GAAG;AACtBC,EAAAA,EAAE,EAAE;AACFC,IAAAA,cAAc,EAAE,mBADd;AAEFC,IAAAA,MAAM,EAAE,SAFN;AAGFC,IAAAA,kBAAkB,EAAE;AAHlB,GADkB;AAMtBC,EAAAA,EAAE,EAAE;AACFH,IAAAA,cAAc,EAAE,gBADd;AAEFC,IAAAA,MAAM,EAAE,UAFN;AAGFC,IAAAA,kBAAkB,EAAE;AAHlB;AANkB,CAAjB;AAiBA,IAAME,IAAI,GAAG,SAAPA,IAAO;MAClBC,wBAAAA;MACAC,YAAAA;MACAC,gBAAAA;MACAN,cAAAA;;AAEA,iBAA4BO,gBAAO,EAAnC;AAAA,MAAQC,eAAR,YAAQA,eAAR;;AACA,qBAAkCC,oBAAW,EAA7C;AAAA,MAAQC,QAAR,gBAAQA,QAAR;AAAA,MAAkBC,WAAlB,gBAAkBA,WAAlB;;AACA,yBAA8CC,wBAAe,EAA7D;AAAA,MAAQC,iBAAR,oBAAQA,iBAAR;AAAA,MAA2BC,cAA3B,oBAA2BA,cAA3B;;AACA,MAAMC,KAAK,GAAGP,eAAe,CAAC,WAAD,CAA7B;AAEA,SACEQ,uCAAA,CAACC,WAAD,MAAA,EACED,uCAAA,MAAA;AACEE,IAAAA,KAAK,EAAE;AACLC,MAAAA,UAAU,EAAEC,YAAK,CAACC,WADb;AAELC,MAAAA,SAAS,EAAEF,YAAK,CAACG,KAFZ;AAGLC,MAAAA,YAAY,EAAEJ,YAAK,CAACK;AAHf;GADT,EAOET,uCAAA,CAACU,uBAAD;AACEC,IAAAA,OAAO,EAAE;AACTC,IAAAA,SAAS,EAAC;GAFZ,CAPF,CADF,EAaEZ,uCAAA,MAAA;AAAKE,IAAAA,KAAK,EAAE;AAAEW,MAAAA,MAAM,EAAET,YAAK,CAACG;AAAhB;GAAZ,EACEP,uCAAA,CAACc,YAAD;AAAOV,IAAAA,KAAK,EAAC;GAAb,EACEJ,uCAAA,CAACe,eAAD;AACEC,IAAAA,gBAAgB,EAAErB;AAClBsB,IAAAA,gBAAgB,EAAE;AAClBC,IAAAA,QAAQ,EAAElC;AACVU,IAAAA,QAAQ,EAAEA;AACVb,IAAAA,QAAQ,EAAEA,QAAQ,CAACa,QAAD;AAClByB,IAAAA,QAAQ,EACN9B,IAAI,CAAC+B,UAAL,GACO/B,IAAI,CAAC+B,UADZ,SAC0B/B,IAAI,CAACgC,WAD/B,GAEIhC,IAAI,CAACiC;GATb,CADF,EAaEtB,uCAAA,CAACuB,6BAAD;AACEnC,IAAAA,gBAAgB,EAAEA;AAClBE,IAAAA,QAAQ,EAAEA;AACVkC,IAAAA,KAAK,EAAE1B,cAAc,CAAC2B,QAAf;AACPC,IAAAA,QAAQ,EAAE,kBAACC,EAAD;AAAA,aAAgB9B,iBAAiB,CAAC+B,MAAM,CAACD,EAAD,CAAP,CAAjC;AAAA;GAJZ,CAbF,CADF,CAbF,EAmCE3B,uCAAA,CAAC6B,mBAAD,MAAA,EACG9B,KAAK,CAAC+B,GAAN,CAAU;QAAGC,WAAAA;QAAIC,cAAAA;QAAOC,iBAAAA;QAAUC,kBAAAA;AACjC,QAAMC,SAAS,GAAG;AAChBC,MAAAA,EAAE,EAAEC,0BADY;AAEhBC,MAAAA,IAAI,EAAEP,EAFU;AAGhBG,MAAAA,QAAQ,EAAE;AAAA,eAAMA,SAAQ,CAACH,EAAD,CAAd;AAAA,OAHM;AAIhBE,MAAAA,QAAQ,EAAE,CAAC,CAACA;AAJI,KAAlB;AAMA,WACEjC,uCAAA,CAACuC,uBAAD;AAAoBC,MAAAA,GAAG,EAAET,EAAE,CAACN,QAAH;AAAzB,OAA4CU,SAA5C,GACGH,KADH,CADF;AAKD,GAZA,CADH,CAnCF,CADF;AAqDD,CAhEM;;ACXP,IAAMS,OAAO,GAAG,SAAVA,OAAU;MAAGC,gBAAAA;MAAUC,cAAAA;;AAC3B,iBAAoCpD,gBAAO,EAA3C;AAAA,MAAQqD,QAAR,YAAQA,QAAR;AAAA,MAAkBC,cAAlB,YAAkBA,aAAlB;;AACA,MAAM/C,cAAc,GAAGgD,0BAAiB,EAAxC;;AACA,qBAAqBrD,oBAAW,EAAhC;AAAA,MAAQC,QAAR,gBAAQA,QAAR;;AAEA,MAAMqD,YAAY,GAAG,SAAfA,YAAe,CAAChD,KAAD;AAAA,WAAuB6C,QAAQ,CAAC7C,KAAD,EAAQ,WAAR,CAA/B;AAAA,GAArB;;AAEA,SACEC,uCAAA,CAACgD,cAAD,MAAA,EACGN,QAAQ,cACJC,MADI;AAEPjD,IAAAA,QAAQ,EAARA,QAFO;AAGPwC,IAAAA,QAAQ,EAAE;AACR,MAA2C;AACzCe,QAAAA,OAAO,CAACC,IAAR,CACE,sIADF;AAGD;AACF,KATM;AAUPH,IAAAA,YAAY,EAAZA,YAVO;AAWPjD,IAAAA,cAAc,EAAEA,cAAc,CAAC2B,QAAf,EAXT;AAYPoB,IAAAA,aAAa,EAAE,uBAACX,QAAD;AAAA,aAAcW,cAAa,CAAC,WAAD,EAAcX,QAAd,CAA3B;AAAA;AAZR,KADX,CADF;AAkBD,CAzBD;;IAiCaiB,kBAAkB,GAAG,SAArBA,kBAAqB;MAChCT,iBAAAA;MACAU,iBAAAA;MACAC,eAAAA;MACAC,iBAAAA;MACAC,qBAAAA;MACAnE,yBAAAA;MACAoE,oBAAAA;AAEA,SACExD,uCAAA,CAACyD,iBAAD;AACEL,IAAAA,QAAQ,EAAEA;AACVC,IAAAA,MAAM,EAAEA;AACRC,IAAAA,QAAQ,EAAEA;AACVC,IAAAA,YAAY,EAAEA;AACdC,IAAAA,WAAW,EAAEA;GALf,EAOG,UAACb,MAAD;AAAA;;AAAA,WACC3C,uCAAA,CAAC0D,yBAAD;AAAkBhE,MAAAA,QAAQ,0BAAEiE,wBAAe,CAACC,GAAhB,EAAF,mCAA2B;KAArD,EACE5D,uCAAA,CAAC6D,6BAAD;AACE/D,MAAAA,cAAc,2BACZgE,4BAAmB,CAACF,GAApB,EADY,oCAEZjB,MAAM,CAACtD,IAAP,CAAY,iCAAZ,EAA+CoC,QAA/C;KAHJ,EAMEzB,uCAAA,CAAC+D,qBAAD,MAAA,EACE/D,uCAAA,CAACb,IAAD,eAAUwD,MAAV;AAAkBvD,MAAAA,gBAAgB,EAAEA;AAApC,OADF,EAEEY,uCAAA,CAACyC,OAAD;AAASC,MAAAA,QAAQ,EAAEA;AAAUC,MAAAA,MAAM,EAAEA;KAArC,CAFF,CANF,CADF,CADD;AAAA,GAPH,CADF;AAyBD;;;;"}

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(),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}))))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@entur-partner/common"),n=require("@entur-partner/app-shell"),a=require("@entur/menu"),r=require("@entur/tokens");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(e);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},o.apply(this,arguments)}var l={nb:{switchLanguage:"Switch to English",logout:"Logg ut",termsAndConditions:"Vilkår og betingelser"},en:{switchLanguage:"Bytt til norsk",logout:"Sign out",termsAndConditions:"Terms and condition"}},g=function(e){var i=e.getOrganisations,g=e.user,s=e.getToken,c=e.logout,d=n.useMenu().getItemsForPath,m=n.useLanguage(),f=m.language,p=m.setLanguage,v=n.useOrganisation(),h=v.setOrganisationId,E=v.organisationId,S=d("app-shell");return u.default.createElement(t.Menu,null,u.default.createElement("div",{style:{marginLeft:r.space.extraLarge2,marginTop:r.space.large,marginBottom:r.space.extraLarge}},u.default.createElement(t.EnturPartnerLogo,{altText:"Entur partner logo",className:"menu-space menu-logo"})),u.default.createElement("div",{style:{margin:r.space.large}},u.default.createElement(t.Stack,{space:"small"},u.default.createElement(t.UserMenu,{onLanguageChange:p,onShowGdprDialog:function(){},onLogout:c,language:f,messages:l[f],userName:g.given_name?g.given_name+" "+g.family_name:g.name}),u.default.createElement(n.OrganisationSelector,{getOrganisations:i,getToken:s,value:E.toString(),onChange:function(e){return h(Number(e))}}))),u.default.createElement(a.SideNavigation,null,S.map((function(e){var t=e.to,r=e.title,i=e.navigate,l={as:n.MicroFrontendLink,href:t,navigate:function(){return i(t)},disabled:!!e.disabled};return u.default.createElement(a.SideNavigationItem,o({key:t.toString()},l),r)}))))},s=function(e){var a=e.children,r=e.values,i=n.useMenu(),l=i.addItems,g=i.setMFNavigate,s=n.useOrganisationId(),c=n.useLanguage();return u.default.createElement(t.Content,null,a(o({},r,{language:c.language,navigate:function(){},addMenuItems:function(e){return l(e,"app-shell")},organisationId:s.toString(),setMFNavigate:function(e){return g("app-shell",e)}})))};exports.AppShellStandalone=function(e){var t=e.children,a=e.getOrganisations;return u.default.createElement(n.AppShell,{audience:e.audience,domain:e.domain,clientId:e.clientId,decorateUser:e.decorateUser,redirectUri:e.redirectUri},(function(e){var r,i;return u.default.createElement(n.LanguageProvider,{language:null!=(r=n.languageStorage.get())?r:"nb"},u.default.createElement(n.OrganisationProvider,{organisationId:null!=(i=n.organisationStorage.get())?i:e.user["https://entur.io/organisationID"].toString()},u.default.createElement(n.MenuProvider,null,u.default.createElement(g,o({},e,{getOrganisations:a})),u.default.createElement(s,{children:t,values:e}))))}))};
 //# 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, 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"}
+{"version":3,"file":"app-shell-standalone.cjs.production.min.js","sources":["../src/Menu.tsx","../src/AppShellStandalone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Menu as MenuContainer,\n  UserMenu,\n  EnturPartnerLogo,\n  Stack,\n} from '@entur-partner/common';\nimport { SideNavigation, SideNavigationItem } from '@entur/menu';\nimport { space } from '@entur/tokens';\nimport {\n  AppShellValues,\n  useLanguage,\n  useMenu,\n  GetOrganisationsFn,\n  OrganisationSelector,\n  MicroFrontendLink,\n  useOrganisation,\n} from '@entur-partner/app-shell';\n\nexport const messages = {\n  nb: {\n    switchLanguage: 'Switch to English',\n    logout: 'Logg ut',\n    termsAndConditions: 'Vilkår og betingelser',\n  },\n  en: {\n    switchLanguage: 'Bytt til norsk',\n    logout: 'Sign out',\n    termsAndConditions: 'Terms and condition',\n  },\n};\n\ninterface MenuProps extends AppShellValues {\n  getOrganisations: GetOrganisationsFn;\n}\n\nexport const Menu = ({\n  getOrganisations,\n  user,\n  getToken,\n  logout,\n}: MenuProps) => {\n  const { getItemsForPath } = useMenu();\n  const { language, setLanguage } = useLanguage();\n  const { setOrganisationId, organisationId } = useOrganisation();\n  const items = getItemsForPath('app-shell');\n\n  return (\n    <MenuContainer>\n      <div\n        style={{\n          marginLeft: space.extraLarge2,\n          marginTop: space.large,\n          marginBottom: space.extraLarge,\n        }}\n      >\n        <EnturPartnerLogo\n          altText={'Entur partner logo'}\n          className=\"menu-space menu-logo\"\n        />\n      </div>\n      <div style={{ margin: space.large }}>\n        <Stack space=\"small\">\n          <UserMenu\n            onLanguageChange={setLanguage}\n            onShowGdprDialog={() => {}}\n            onLogout={logout}\n            language={language}\n            messages={messages[language as 'en' | 'nb']}\n            userName={\n              user.given_name\n                ? `${user.given_name} ${user.family_name}`\n                : user.name\n            }\n          />\n          <OrganisationSelector\n            getOrganisations={getOrganisations}\n            getToken={getToken}\n            value={organisationId.toString()}\n            onChange={(id: string) => setOrganisationId(Number(id))}\n          />\n        </Stack>\n      </div>\n      <SideNavigation>\n        {items.map(({ to, title, disabled, navigate }) => {\n          const itemProps = {\n            as: MicroFrontendLink,\n            href: to,\n            navigate: () => navigate(to),\n            disabled: !!disabled,\n          };\n          return (\n            <SideNavigationItem key={to.toString()} {...itemProps}>\n              {title}\n            </SideNavigationItem>\n          );\n        })}\n      </SideNavigation>\n    </MenuContainer>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Content as ContentWrapper } from '@entur-partner/common';\nimport { MenuItem, MicroFrontendPayload } from '@entur-partner/micro-frontend';\nimport {\n  AppShell,\n  AppShellValues,\n  AppShellProps,\n  MenuProvider,\n  useMenu,\n  OrganisationProvider,\n  useOrganisationId,\n  useLanguage,\n  LanguageProvider,\n  languageStorage,\n  GetOrganisationsFn,\n  organisationStorage,\n} from '@entur-partner/app-shell';\n\nimport { Menu } from './Menu';\n\ntype ContentProps = {\n  values: AppShellValues;\n  children: (options: MicroFrontendPayload) => ReactNode;\n};\n\nconst Content = ({ children, values }: ContentProps) => {\n  const { addItems, setMFNavigate } = useMenu();\n  const organisationId = useOrganisationId();\n  const { language } = useLanguage();\n\n  const addMenuItems = (items: MenuItem[]) => addItems(items, 'app-shell');\n\n  return (\n    <ContentWrapper>\n      {children({\n        ...values,\n        language,\n        navigate: () => {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn(\n              'Calling navigate() from app shell has no effect. It is only provided so that the app shell values are equal to MicroFrontendPayload.'\n            );\n          }\n        },\n        addMenuItems,\n        organisationId: organisationId.toString(),\n        setMFNavigate: (navigate) => setMFNavigate('app-shell', navigate),\n      })}\n    </ContentWrapper>\n  );\n};\n\nexport interface AppShellStandaloneProps\n  extends Omit<AppShellProps, 'children'> {\n  children: (options: MicroFrontendPayload) => ReactNode;\n  getOrganisations: GetOrganisationsFn;\n}\n\nexport const AppShellStandalone = ({\n  children,\n  audience,\n  domain,\n  clientId,\n  decorateUser,\n  getOrganisations,\n  redirectUri,\n}: AppShellStandaloneProps) => {\n  return (\n    <AppShell\n      audience={audience}\n      domain={domain}\n      clientId={clientId}\n      decorateUser={decorateUser}\n      redirectUri={redirectUri}\n    >\n      {(values) => (\n        <LanguageProvider language={languageStorage.get() ?? 'nb'}>\n          <OrganisationProvider\n            organisationId={\n              organisationStorage.get() ??\n              values.user['https://entur.io/organisationID'].toString()\n            }\n          >\n            <MenuProvider>\n              <Menu {...values} getOrganisations={getOrganisations} />\n              <Content children={children} values={values} />\n            </MenuProvider>\n          </OrganisationProvider>\n        </LanguageProvider>\n      )}\n    </AppShell>\n  );\n};\n"],"names":["messages","nb","switchLanguage","logout","termsAndConditions","en","Menu","getOrganisations","user","getToken","getItemsForPath","useMenu","useLanguage","language","setLanguage","useOrganisation","setOrganisationId","organisationId","items","React","MenuContainer","style","marginLeft","space","extraLarge2","marginTop","large","marginBottom","extraLarge","EnturPartnerLogo","altText","className","margin","Stack","UserMenu","onLanguageChange","onShowGdprDialog","onLogout","userName","given_name","family_name","name","OrganisationSelector","value","toString","onChange","id","Number","SideNavigation","map","to","title","navigate","itemProps","as","MicroFrontendLink","href","disabled","SideNavigationItem","key","Content","children","values","addItems","setMFNavigate","useOrganisationId","ContentWrapper","addMenuItems","AppShell","audience","domain","clientId","decorateUser","redirectUri","LanguageProvider","languageStorage","get","OrganisationProvider","organisationStorage","MenuProvider"],"mappings":"2fAmBO,IAAMA,EAAW,CACtBC,GAAI,CACFC,eAAgB,oBAChBC,OAAQ,UACRC,mBAAoB,yBAEtBC,GAAI,CACFH,eAAgB,iBAChBC,OAAQ,WACRC,mBAAoB,wBAQXE,EAAO,gBAClBC,IAAAA,iBACAC,IAAAA,KACAC,IAAAA,SACAN,IAAAA,OAEQO,EAAoBC,YAApBD,kBAC0BE,gBAA1BC,IAAAA,SAAUC,IAAAA,cAC4BC,oBAAtCC,IAAAA,kBAAmBC,IAAAA,eACrBC,EAAQR,EAAgB,oBAG5BS,wBAACC,YACCD,+BACEE,MAAO,CACLC,WAAYC,QAAMC,YAClBC,UAAWF,QAAMG,MACjBC,aAAcJ,QAAMK,aAGtBT,wBAACU,oBACCC,QAAS,qBACTC,UAAU,0BAGdZ,+BAAKE,MAAO,CAAEW,OAAQT,QAAMG,QAC1BP,wBAACc,SAAMV,MAAM,SACXJ,wBAACe,YACCC,iBAAkBrB,EAClBsB,iBAAkB,aAClBC,SAAUlC,EACVU,SAAUA,EACVb,SAAUA,EAASa,GACnByB,SACE9B,EAAK+B,WACE/B,EAAK+B,eAAc/B,EAAKgC,YAC3BhC,EAAKiC,OAGbtB,wBAACuB,wBACCnC,iBAAkBA,EAClBE,SAAUA,EACVkC,MAAO1B,EAAe2B,WACtBC,SAAU,SAACC,UAAe9B,EAAkB+B,OAAOD,SAIzD3B,wBAAC6B,sBACE9B,EAAM+B,KAAI,gBAAGC,IAAAA,GAAIC,IAAAA,MAAiBC,IAAAA,SAC3BC,EAAY,CAChBC,GAAIC,oBACJC,KAAMN,EACNE,SAAU,kBAAMA,EAASF,IACzBO,aALqBA,iBAQrBtC,wBAACuC,wBAAmBC,IAAKT,EAAGN,YAAgBS,GACzCF,SCpETS,EAAU,gBAAGC,IAAAA,SAAUC,IAAAA,SACSnD,YAA5BoD,IAAAA,SAAUC,IAAAA,cACZ/C,EAAiBgD,wBACFrD,uBAKnBO,wBAAC+C,eACEL,OACIC,GACHjD,WAREA,SASFuC,SAAU,aAOVe,aAde,SAACjD,UAAsB6C,EAAS7C,EAAO,cAetDD,eAAgBA,EAAe2B,WAC/BoB,cAAe,SAACZ,UAAaY,EAAc,YAAaZ,oCAY9B,gBAChCS,IAAAA,SAKAtD,IAAAA,wBAIEY,wBAACiD,YACCC,WATJA,SAUIC,SATJA,OAUIC,WATJA,SAUIC,eATJA,aAUIC,cARJA,cAUK,SAACX,kBACA3C,wBAACuD,oBAAiB7D,kBAAU8D,kBAAgBC,SAAS,MACnDzD,wBAAC0D,wBACC5D,wBACE6D,sBAAoBF,SACpBd,EAAOtD,KAAK,mCAAmCoC,YAGjDzB,wBAAC4D,oBACC5D,wBAACb,OAASwD,GAAQvD,iBAAkBA,KACpCY,wBAACyC,GAAQC,SAAUA,EAAUC,OAAQA"}

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

@@ -94,7 +94,7 @@ var Menu = function Menu(_ref) {
       },
       disabled: !!disabled
     };
-    return React.createElement(SideNavigationItem, Object.assign({
+    return React.createElement(SideNavigationItem, _extends({
       key: to.toString()
     }, itemProps), title);
   })));
@@ -153,7 +153,7 @@ var AppShellStandalone = function AppShellStandalone(_ref2) {
       language: (_languageStorage$get = languageStorage.get()) != null ? _languageStorage$get : 'nb'
     }, React.createElement(OrganisationProvider, {
       organisationId: (_organisationStorage$ = organisationStorage.get()) != null ? _organisationStorage$ : values.user['https://entur.io/organisationID'].toString()
-    }, React.createElement(MenuProvider, null, React.createElement(Menu, Object.assign({}, values, {
+    }, React.createElement(MenuProvider, null, React.createElement(Menu, _extends({}, values, {
       getOrganisations: getOrganisations
     })), React.createElement(Content, {
       children: children,

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, 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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"}
+{"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.1.0",
+  "version": "3.1.1",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/app-shell-standalone.esm.js",
@@ -17,10 +17,10 @@
     "access": "public"
   },
   "scripts": {
-    "watch": "tsdx watch --noClean --verbose",
-    "build": "tsdx build",
-    "test": "tsdx test --env=jsdom --passWithNoTests",
-    "lint": "tsdx lint"
+    "watch": "dts watch --noClean --verbose",
+    "build": "dts build",
+    "test": "dts test --env=jsdom --passWithNoTests",
+    "lint": "dts lint"
   },
   "peerDependencies": {
     "@entur/menu": "^3.5.5",
@@ -28,8 +28,8 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur-partner/app-shell": "^2.1.0",
-    "@entur-partner/common": "^4.0.6"
+    "@entur-partner/app-shell": "^2.1.1",
+    "@entur-partner/common": "^4.0.7"
   },
   "jest": {
     "collectCoverageFrom": [
@@ -41,5 +41,5 @@
     "reportFile": "jest-sonar-report.xml",
     "indent": 4
   },
-  "gitHead": "a762828a4ff18043452ca99795216925bf6a8936"
+  "gitHead": "ba34d91c553fbd985db00d3c8a4ea4d4dca75564"
 }