@entur-partner/app-shell-standalone 4.0.1 → 5.0.1-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-shell-standalone.cjs.production.min.js","sources":["../src/Menu.tsx","../src/AppShellStandalone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Menu as MenuContainer,\n UserMenu,\n EnturPartnerLogo,\n Stack,\n} from '@entur-partner/common';\nimport { SideNavigation, SideNavigationItem } from '@entur/menu';\nimport { space } from '@entur/tokens';\nimport {\n AppShellValues,\n useLanguage,\n useMenu,\n GetOrganisationsFn,\n OrganisationSelector,\n MicroFrontendLink,\n useOrganisation,\n} from '@entur-partner/app-shell';\nimport { Environment } from '@entur-partner/common/src';\n\nexport const messages = {\n nb: {\n switchLanguage: 'Switch to English',\n logout: 'Logg ut',\n appVersion: 'Version',\n myProfile: 'Min profil',\n },\n en: {\n switchLanguage: 'Bytt til norsk',\n logout: 'Sign out',\n appVersion: 'Versjon',\n myProfile: 'My profile',\n },\n};\n\ninterface MenuProps extends AppShellValues {\n getOrganisations: GetOrganisationsFn | string;\n environment?: Environment;\n}\n\nexport const Menu = ({\n getOrganisations,\n user,\n getToken,\n logout,\n environment,\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 environment={environment}\n />\n </div>\n <div style={{ margin: space.large }}>\n <Stack space=\"small\">\n <UserMenu\n onLanguageChange={setLanguage}\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 environment={environment}\n showVersionItem={false}\n showMyProfileItem={false}\n onNavigateToMyProfile={() => {}}\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: disabled ? null : () => 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, Environment } 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 /**\n * Either a function for fetching organisations or an url where organisations\n * can be fetched. Url will be called with access token in header.\n */\n getOrganisations: GetOrganisationsFn | string;\n environment?: Environment;\n}\n\nexport const AppShellStandalone = ({\n children,\n audience,\n domain,\n clientId,\n decorateUser,\n getOrganisations,\n redirectUri,\n environment,\n}: AppShellStandaloneProps) => {\n return (\n <AppShell\n audience={audience}\n domain={domain}\n clientId={clientId}\n decorateUser={decorateUser}\n redirectUri={redirectUri}\n environment={environment}\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\n {...values}\n getOrganisations={getOrganisations}\n environment={environment}\n />\n <Content children={children} values={values} />\n </MenuProvider>\n </OrganisationProvider>\n </LanguageProvider>\n )}\n </AppShell>\n );\n};\n"],"names":["messages","nb","switchLanguage","logout","appVersion","myProfile","en","Menu","_ref","getOrganisations","user","getToken","environment","getItemsForPath","useMenu","_useLanguage","useLanguage","language","setLanguage","_useOrganisation","useOrganisation","setOrganisationId","organisationId","items","React","MenuContainer","createElement","style","marginLeft","space","extraLarge2","marginTop","large","marginBottom","extraLarge","EnturPartnerLogo","altText","className","margin","Stack","UserMenu","onLanguageChange","onLogout","userName","given_name","family_name","name","showVersionItem","showMyProfileItem","onNavigateToMyProfile","OrganisationSelector","value","toString","onChange","id","Number","SideNavigation","map","_ref2","to","title","disabled","navigate","itemProps","as","MicroFrontendLink","href","SideNavigationItem","_extends","key","Content","children","values","_useMenu","addItems","setMFNavigate","useOrganisationId","ContentWrapper","addMenuItems","AppShell","audience","domain","clientId","decorateUser","redirectUri","_languageStorage$get","_organisationStorage$","LanguageProvider","languageStorage","get","OrganisationProvider","organisationStorage","MenuProvider"],"mappings":"+gBAoBO,IAAMA,EAAW,CACtBC,GAAI,CACFC,eAAgB,oBAChBC,OAAQ,UACRC,WAAY,UACZC,UAAW,cAEbC,GAAI,CACFJ,eAAgB,iBAChBC,OAAQ,WACRC,WAAY,UACZC,UAAW,eASFE,EAAO,SAAHC,GAMD,IALdC,EAAgBD,EAAhBC,iBACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAR,EAAMK,EAANL,OACAS,EAAWJ,EAAXI,YAEQC,EAAoBC,EAAAA,UAApBD,gBACRE,EAAkCC,EAAAA,cAA1BC,EAAQF,EAARE,SAAUC,EAAWH,EAAXG,YAClBC,EAA8CC,EAAAA,kBAAtCC,EAAiBF,EAAjBE,kBAAmBC,EAAcH,EAAdG,eACrBC,EAAQV,EAAgB,aAE9B,OACEW,EAAAA,sBAACC,EAAalB,KAAA,KACZiB,EAAA,QAAAE,cAAA,MAAA,CACEC,MAAO,CACLC,WAAYC,EAAKA,MAACC,YAClBC,UAAWF,EAAKA,MAACG,MACjBC,aAAcJ,EAAKA,MAACK,aAGtBV,EAAA,QAAAE,cAACS,mBAAgB,CACfC,QAAS,qBACTC,UAAU,uBACVzB,YAAaA,KAGjBY,EAAAA,QAAKE,cAAA,MAAA,CAAAC,MAAO,CAAEW,OAAQT,EAAKA,MAACG,QAC1BR,EAAA,QAAAE,cAACa,QAAK,CAACV,MAAM,SACXL,EAAC,QAAAE,cAAAc,WACC,CAAAC,iBAAkBvB,EAClBwB,SAAUvC,EACVc,SAAUA,EACVjB,SAAUA,EAASiB,GACnB0B,SACEjC,EAAKkC,WACElC,EAAKkC,WAAU,IAAIlC,EAAKmC,YAC3BnC,EAAKoC,KAEXlC,YAAaA,EACbmC,iBAAiB,EACjBC,mBAAmB,EACnBC,sBAAuB,
|
|
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';\nimport { Environment } from '@entur-partner/common/src';\n\nexport const messages = {\n nb: {\n switchLanguage: 'Switch to English',\n logout: 'Logg ut',\n appVersion: 'Version',\n myProfile: 'Min profil',\n },\n en: {\n switchLanguage: 'Bytt til norsk',\n logout: 'Sign out',\n appVersion: 'Versjon',\n myProfile: 'My profile',\n },\n};\n\ninterface MenuProps extends AppShellValues {\n getOrganisations: GetOrganisationsFn | string;\n environment?: Environment;\n}\n\nexport const Menu = ({\n getOrganisations,\n user,\n getToken,\n logout,\n environment,\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 environment={environment}\n />\n </div>\n <div style={{ margin: space.large }}>\n <Stack space=\"small\">\n <UserMenu\n onLanguageChange={setLanguage}\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 environment={environment}\n showVersionItem={false}\n showMyProfileItem={false}\n onNavigateToMyProfile={() => {}}\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: disabled ? null : () => 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, Environment } 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 /**\n * Either a function for fetching organisations or an url where organisations\n * can be fetched. Url will be called with access token in header.\n */\n getOrganisations: GetOrganisationsFn | string;\n environment?: Environment;\n}\n\nexport const AppShellStandalone = ({\n children,\n audience,\n domain,\n clientId,\n decorateUser,\n getOrganisations,\n redirectUri,\n environment,\n}: AppShellStandaloneProps) => {\n return (\n <AppShell\n audience={audience}\n domain={domain}\n clientId={clientId}\n decorateUser={decorateUser}\n redirectUri={redirectUri}\n environment={environment}\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\n {...values}\n getOrganisations={getOrganisations}\n environment={environment}\n />\n <Content children={children} values={values} />\n </MenuProvider>\n </OrganisationProvider>\n </LanguageProvider>\n )}\n </AppShell>\n );\n};\n"],"names":["messages","nb","switchLanguage","logout","appVersion","myProfile","en","Menu","_ref","getOrganisations","user","getToken","environment","getItemsForPath","useMenu","_useLanguage","useLanguage","language","setLanguage","_useOrganisation","useOrganisation","setOrganisationId","organisationId","items","React","MenuContainer","createElement","style","marginLeft","space","extraLarge2","marginTop","large","marginBottom","extraLarge","EnturPartnerLogo","altText","className","margin","Stack","UserMenu","onLanguageChange","onLogout","userName","given_name","family_name","name","showVersionItem","showMyProfileItem","onNavigateToMyProfile","OrganisationSelector","value","toString","onChange","id","Number","SideNavigation","map","_ref2","to","title","disabled","navigate","itemProps","as","MicroFrontendLink","href","SideNavigationItem","_extends","key","Content","children","values","_useMenu","addItems","setMFNavigate","useOrganisationId","ContentWrapper","addMenuItems","AppShell","audience","domain","clientId","decorateUser","redirectUri","_languageStorage$get","_organisationStorage$","LanguageProvider","languageStorage","get","OrganisationProvider","organisationStorage","MenuProvider"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur-partner/app-shell-standalone",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.1-alpha.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/app-shell-standalone.esm.js",
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
"react-dom": ">=16.8.0"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@entur-partner/app-shell": "^
|
|
32
|
-
"@entur-partner/common": "^
|
|
31
|
+
"@entur-partner/app-shell": "^5.0.1-alpha.0",
|
|
32
|
+
"@entur-partner/common": "^7.0.1-alpha.0"
|
|
33
33
|
},
|
|
34
34
|
"jest": {
|
|
35
35
|
"collectCoverageFrom": [
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"reportFile": "jest-sonar-report.xml",
|
|
42
42
|
"indent": 4
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "f02e30dfff2ab30a1898fdc90761f8147dcbf629"
|
|
45
45
|
}
|