@entur-partner/micro-frontend 2.2.0 → 2.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/AppProvider.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { FC, ReactNode } from 'react';
|
|
2
|
-
import { Permission } from '@entur-partner/permission-client-node
|
|
2
|
+
import { Permission } from '@entur-partner/permission-client-node';
|
|
3
3
|
import { User } from './User';
|
|
4
4
|
interface AppContextType {
|
|
5
5
|
getToken: () => Promise<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"micro-frontend.cjs.development.js","sources":["../src/events.ts","../src/registerMicroFrontend.tsx","../src/AppProvider.tsx"],"sourcesContent":["import { MicroFrontendPayload } from './Payload';\n\ntype MountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n payload: MicroFrontendPayload;\n};\n\ntype UnmountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n};\n\nexport const MOUNT_EVENT_TYPE = '@entur-partner:mount';\nexport const UNMOUNT_EVENT_TYPE = '@entur-partner:unmount';\n\nexport interface MountEvent extends CustomEvent<MountEventDetail> {}\nexport interface UnmountEvent extends CustomEvent<UnmountEventDetail> {}\n\nexport function createMountEvent(detail: MountEventDetail) {\n return new CustomEvent<MountEventDetail>(MOUNT_EVENT_TYPE, { detail });\n}\n\nexport function createUnmountEvent(detail: UnmountEventDetail) {\n return new CustomEvent<UnmountEventDetail>(UNMOUNT_EVENT_TYPE, { detail });\n}\n\nexport const ROUTE_CHANGE_EVENT_TYPE = '@entur-partner:after-route-change';\n\nexport type RouteAction = 'PUSH' | 'POP' | 'REPLACE';\n\ntype RouteChangeEventDetail = {\n location: Location;\n action: RouteAction;\n};\n\nexport class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {}\n","/*global EventListener*/\nimport { MicroFrontendPayload } from './Payload';\nimport {\n MountEvent,\n UnmountEvent,\n MOUNT_EVENT_TYPE,\n UNMOUNT_EVENT_TYPE,\n} from './events';\n\ninterface Config {\n microFrontendId: string;\n mount: (\n mountPoint: HTMLDivElement,\n payload: MicroFrontendPayload,\n deprecatedMountPoint: HTMLDivElement\n ) => void;\n unmount: (mountPoint: HTMLDivElement) => void;\n}\n\nexport function registerMicroFrontend(config: Config): void {\n const { unmount, microFrontendId, mount } = config;\n\n window.addEventListener(MOUNT_EVENT_TYPE, ((event: MountEvent) => {\n if (!event.detail.id.startsWith(microFrontendId)) {\n return;\n }\n mount(\n event.detail.mountPoint,\n event.detail.payload,\n event.detail.mountPoint\n );\n }) as EventListener);\n\n window.addEventListener(UNMOUNT_EVENT_TYPE, ((event: UnmountEvent) => {\n if (!event.detail.id.startsWith(microFrontendId)) {\n return;\n }\n unmount(event.detail.mountPoint);\n }) as EventListener);\n}\n","import React, { FC, ReactNode, useContext } from 'react';\nimport { assertIsDefined } from '@entur-partner/util';\nimport { Permission } from '@entur-partner/permission-client-node
|
|
1
|
+
{"version":3,"file":"micro-frontend.cjs.development.js","sources":["../src/events.ts","../src/registerMicroFrontend.tsx","../src/AppProvider.tsx"],"sourcesContent":["import { MicroFrontendPayload } from './Payload';\n\ntype MountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n payload: MicroFrontendPayload;\n};\n\ntype UnmountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n};\n\nexport const MOUNT_EVENT_TYPE = '@entur-partner:mount';\nexport const UNMOUNT_EVENT_TYPE = '@entur-partner:unmount';\n\nexport interface MountEvent extends CustomEvent<MountEventDetail> {}\nexport interface UnmountEvent extends CustomEvent<UnmountEventDetail> {}\n\nexport function createMountEvent(detail: MountEventDetail) {\n return new CustomEvent<MountEventDetail>(MOUNT_EVENT_TYPE, { detail });\n}\n\nexport function createUnmountEvent(detail: UnmountEventDetail) {\n return new CustomEvent<UnmountEventDetail>(UNMOUNT_EVENT_TYPE, { detail });\n}\n\nexport const ROUTE_CHANGE_EVENT_TYPE = '@entur-partner:after-route-change';\n\nexport type RouteAction = 'PUSH' | 'POP' | 'REPLACE';\n\ntype RouteChangeEventDetail = {\n location: Location;\n action: RouteAction;\n};\n\nexport class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {}\n","/*global EventListener*/\nimport { MicroFrontendPayload } from './Payload';\nimport {\n MountEvent,\n UnmountEvent,\n MOUNT_EVENT_TYPE,\n UNMOUNT_EVENT_TYPE,\n} from './events';\n\ninterface Config {\n microFrontendId: string;\n mount: (\n mountPoint: HTMLDivElement,\n payload: MicroFrontendPayload,\n deprecatedMountPoint: HTMLDivElement\n ) => void;\n unmount: (mountPoint: HTMLDivElement) => void;\n}\n\nexport function registerMicroFrontend(config: Config): void {\n const { unmount, microFrontendId, mount } = config;\n\n window.addEventListener(MOUNT_EVENT_TYPE, ((event: MountEvent) => {\n if (!event.detail.id.startsWith(microFrontendId)) {\n return;\n }\n mount(\n event.detail.mountPoint,\n event.detail.payload,\n event.detail.mountPoint\n );\n }) as EventListener);\n\n window.addEventListener(UNMOUNT_EVENT_TYPE, ((event: UnmountEvent) => {\n if (!event.detail.id.startsWith(microFrontendId)) {\n return;\n }\n unmount(event.detail.mountPoint);\n }) as EventListener);\n}\n","import React, { FC, ReactNode, useContext } from 'react';\nimport { assertIsDefined } from '@entur-partner/util';\nimport { Permission } from '@entur-partner/permission-client-node';\nimport { useQuery } from 'react-query';\n\nimport { User } from './User';\n\ninterface AppContextType {\n getToken: () => Promise<string>;\n user: User;\n logout?: () => void;\n activeOrgId: number;\n navigate: (path: string) => void;\n}\n\nexport const AppContext = React.createContext<AppContextType | undefined>(\n undefined\n);\n\nexport const useUser = () => {\n const context = useContext(AppContext);\n assertIsDefined(context);\n return context.user;\n};\n\nexport const useActiveOrgId = () => {\n const context = useContext(AppContext);\n assertIsDefined(context);\n return context.activeOrgId;\n};\n\nexport interface AppProviderProps {\n children: ReactNode;\n getToken: () => Promise<string>;\n user: User;\n getPermissions: () => Promise<Permission[]>;\n organisationId: string;\n navigate: (path: string) => void;\n}\n\nexport const useNavigate = () => {\n const context = useContext(AppContext);\n assertIsDefined(context);\n return context.navigate;\n};\n\nexport const AppProvider: FC<AppProviderProps> = ({\n children,\n organisationId,\n getPermissions,\n ...rest\n}) => {\n const permissionsQuery = useQuery<Permission[]>(\n ['permissions'],\n getPermissions\n );\n return (\n <AppContext.Provider\n value={{\n ...rest,\n user: { ...rest.user, permissions: permissionsQuery.data || [] },\n activeOrgId: Number(organisationId),\n }}\n >\n {children}\n </AppContext.Provider>\n );\n};\n"],"names":["MOUNT_EVENT_TYPE","UNMOUNT_EVENT_TYPE","createMountEvent","detail","CustomEvent","createUnmountEvent","ROUTE_CHANGE_EVENT_TYPE","RouteChangeEvent","registerMicroFrontend","config","unmount","microFrontendId","mount","window","addEventListener","event","id","startsWith","mountPoint","payload","AppContext","React","createContext","undefined","useUser","context","useContext","assertIsDefined","user","useActiveOrgId","activeOrgId","useNavigate","navigate","AppProvider","children","organisationId","getPermissions","rest","permissionsQuery","useQuery","createElement","Provider","value","permissions","data","Number"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"micro-frontend.cjs.production.min.js","sources":["../src/events.ts","../src/AppProvider.tsx","../src/registerMicroFrontend.tsx"],"sourcesContent":["import { MicroFrontendPayload } from './Payload';\n\ntype MountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n payload: MicroFrontendPayload;\n};\n\ntype UnmountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n};\n\nexport const MOUNT_EVENT_TYPE = '@entur-partner:mount';\nexport const UNMOUNT_EVENT_TYPE = '@entur-partner:unmount';\n\nexport interface MountEvent extends CustomEvent<MountEventDetail> {}\nexport interface UnmountEvent extends CustomEvent<UnmountEventDetail> {}\n\nexport function createMountEvent(detail: MountEventDetail) {\n return new CustomEvent<MountEventDetail>(MOUNT_EVENT_TYPE, { detail });\n}\n\nexport function createUnmountEvent(detail: UnmountEventDetail) {\n return new CustomEvent<UnmountEventDetail>(UNMOUNT_EVENT_TYPE, { detail });\n}\n\nexport const ROUTE_CHANGE_EVENT_TYPE = '@entur-partner:after-route-change';\n\nexport type RouteAction = 'PUSH' | 'POP' | 'REPLACE';\n\ntype RouteChangeEventDetail = {\n location: Location;\n action: RouteAction;\n};\n\nexport class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {}\n","import React, { FC, ReactNode, useContext } from 'react';\nimport { assertIsDefined } from '@entur-partner/util';\nimport { Permission } from '@entur-partner/permission-client-node
|
|
1
|
+
{"version":3,"file":"micro-frontend.cjs.production.min.js","sources":["../src/events.ts","../src/AppProvider.tsx","../src/registerMicroFrontend.tsx"],"sourcesContent":["import { MicroFrontendPayload } from './Payload';\n\ntype MountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n payload: MicroFrontendPayload;\n};\n\ntype UnmountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n};\n\nexport const MOUNT_EVENT_TYPE = '@entur-partner:mount';\nexport const UNMOUNT_EVENT_TYPE = '@entur-partner:unmount';\n\nexport interface MountEvent extends CustomEvent<MountEventDetail> {}\nexport interface UnmountEvent extends CustomEvent<UnmountEventDetail> {}\n\nexport function createMountEvent(detail: MountEventDetail) {\n return new CustomEvent<MountEventDetail>(MOUNT_EVENT_TYPE, { detail });\n}\n\nexport function createUnmountEvent(detail: UnmountEventDetail) {\n return new CustomEvent<UnmountEventDetail>(UNMOUNT_EVENT_TYPE, { detail });\n}\n\nexport const ROUTE_CHANGE_EVENT_TYPE = '@entur-partner:after-route-change';\n\nexport type RouteAction = 'PUSH' | 'POP' | 'REPLACE';\n\ntype RouteChangeEventDetail = {\n location: Location;\n action: RouteAction;\n};\n\nexport class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {}\n","import React, { FC, ReactNode, useContext } from 'react';\nimport { assertIsDefined } from '@entur-partner/util';\nimport { Permission } from '@entur-partner/permission-client-node';\nimport { useQuery } from 'react-query';\n\nimport { User } from './User';\n\ninterface AppContextType {\n getToken: () => Promise<string>;\n user: User;\n logout?: () => void;\n activeOrgId: number;\n navigate: (path: string) => void;\n}\n\nexport const AppContext = React.createContext<AppContextType | undefined>(\n undefined\n);\n\nexport const useUser = () => {\n const context = useContext(AppContext);\n assertIsDefined(context);\n return context.user;\n};\n\nexport const useActiveOrgId = () => {\n const context = useContext(AppContext);\n assertIsDefined(context);\n return context.activeOrgId;\n};\n\nexport interface AppProviderProps {\n children: ReactNode;\n getToken: () => Promise<string>;\n user: User;\n getPermissions: () => Promise<Permission[]>;\n organisationId: string;\n navigate: (path: string) => void;\n}\n\nexport const useNavigate = () => {\n const context = useContext(AppContext);\n assertIsDefined(context);\n return context.navigate;\n};\n\nexport const AppProvider: FC<AppProviderProps> = ({\n children,\n organisationId,\n getPermissions,\n ...rest\n}) => {\n const permissionsQuery = useQuery<Permission[]>(\n ['permissions'],\n getPermissions\n );\n return (\n <AppContext.Provider\n value={{\n ...rest,\n user: { ...rest.user, permissions: permissionsQuery.data || [] },\n activeOrgId: Number(organisationId),\n }}\n >\n {children}\n </AppContext.Provider>\n );\n};\n","/*global EventListener*/\nimport { MicroFrontendPayload } from './Payload';\nimport {\n MountEvent,\n UnmountEvent,\n MOUNT_EVENT_TYPE,\n UNMOUNT_EVENT_TYPE,\n} from './events';\n\ninterface Config {\n microFrontendId: string;\n mount: (\n mountPoint: HTMLDivElement,\n payload: MicroFrontendPayload,\n deprecatedMountPoint: HTMLDivElement\n ) => void;\n unmount: (mountPoint: HTMLDivElement) => void;\n}\n\nexport function registerMicroFrontend(config: Config): void {\n const { unmount, microFrontendId, mount } = config;\n\n window.addEventListener(MOUNT_EVENT_TYPE, ((event: MountEvent) => {\n if (!event.detail.id.startsWith(microFrontendId)) {\n return;\n }\n mount(\n event.detail.mountPoint,\n event.detail.payload,\n event.detail.mountPoint\n );\n }) as EventListener);\n\n window.addEventListener(UNMOUNT_EVENT_TYPE, ((event: UnmountEvent) => {\n if (!event.detail.id.startsWith(microFrontendId)) {\n return;\n }\n unmount(event.detail.mountPoint);\n }) as EventListener);\n}\n"],"names":["RouteChangeEvent","_CustomEvent","apply","this","arguments","_wrapNativeSuper","CustomEvent","AppContext","React","createContext","undefined","_ref","children","organisationId","getPermissions","rest","_objectWithoutPropertiesLoose","_excluded","permissionsQuery","useQuery","createElement","Provider","value","user","_extends","permissions","data","activeOrgId","Number","detail","config","unmount","microFrontendId","mount","window","addEventListener","event","id","startsWith","mountPoint","payload","context","useContext","assertIsDefined","navigate"],"mappings":"yjDA2BO,IASMA,EAAb,SAAAC,WAAA,SAAAD,IAAA,OAAAC,EAAAC,MAAAC,KAAAC,YAAAD,KAAA,SAAAF,KAAAD,yEAAAA,EAAA,CAAAK,EAAsCC,+DCrBzBC,EAAaC,EAAK,QAACC,mBAC9BC,uBA8B+C,SAK5CC,GAJHC,IAAAA,IAAAA,SACAC,IAAAA,eACAC,IAAAA,eACGC,oIACAC,CAAAL,EAAAM,GACGC,EAAmBC,EAAQA,SAC/B,CAAC,eACDL,GAEF,OACEN,UAACY,cAAAb,EAAWc,SAAQ,CAClBC,WACKP,EADA,CAEHQ,KAAIC,EAAA,GAAOT,EAAKQ,KAAZ,CAAkBE,YAAaP,EAAiBQ,MAAQ,KAC5DC,YAAaC,OAAOf,MAGrBD,6BDnDyB,uDAcO,0FAbL,kDAK5B,SAA2BiB,GAC/B,OAAO,IAAIvB,YAPmB,uBAO6B,CAAEuB,OAAAA,gCAGzD,SAA6BA,GACjC,OAAO,IAAIvB,YAVqB,yBAU+B,CAAEuB,OAAAA,mCEL7D,SAAgCC,GACpC,IAAQC,EAAoCD,EAApCC,QAASC,EAA2BF,EAA3BE,gBAAiBC,EAAUH,EAAVG,MAElCC,OAAOC,iBFTuB,wBESa,SAACC,GACrCA,EAAMP,OAAOQ,GAAGC,WAAWN,IAGhCC,EACEG,EAAMP,OAAOU,WACbH,EAAMP,OAAOW,QACbJ,EAAMP,OAAOU,eAIjBL,OAAOC,iBFnByB,0BEmBa,SAACC,GACvCA,EAAMP,OAAOQ,GAAGC,WAAWN,IAGhCD,EAAQK,EAAMP,OAAOU,uCDZK,WAC5B,IAAME,EAAUC,aAAWnC,GAEpBkC,OADPE,EAAeA,gBAACF,GACTA,EAAQd,iCAYU,WACzB,IAAMc,EAAUC,aAAWnC,GAEpBkC,OADPE,EAAeA,gBAACF,GACTA,EAAQG,0BAxBM,WACrB,IAAMH,EAAUC,aAAWnC,GAEpBkC,OADPE,EAAeA,gBAACF,GACTA,EAAQlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"micro-frontend.esm.js","sources":["../src/events.ts","../src/registerMicroFrontend.tsx","../src/AppProvider.tsx"],"sourcesContent":["import { MicroFrontendPayload } from './Payload';\n\ntype MountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n payload: MicroFrontendPayload;\n};\n\ntype UnmountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n};\n\nexport const MOUNT_EVENT_TYPE = '@entur-partner:mount';\nexport const UNMOUNT_EVENT_TYPE = '@entur-partner:unmount';\n\nexport interface MountEvent extends CustomEvent<MountEventDetail> {}\nexport interface UnmountEvent extends CustomEvent<UnmountEventDetail> {}\n\nexport function createMountEvent(detail: MountEventDetail) {\n return new CustomEvent<MountEventDetail>(MOUNT_EVENT_TYPE, { detail });\n}\n\nexport function createUnmountEvent(detail: UnmountEventDetail) {\n return new CustomEvent<UnmountEventDetail>(UNMOUNT_EVENT_TYPE, { detail });\n}\n\nexport const ROUTE_CHANGE_EVENT_TYPE = '@entur-partner:after-route-change';\n\nexport type RouteAction = 'PUSH' | 'POP' | 'REPLACE';\n\ntype RouteChangeEventDetail = {\n location: Location;\n action: RouteAction;\n};\n\nexport class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {}\n","/*global EventListener*/\nimport { MicroFrontendPayload } from './Payload';\nimport {\n MountEvent,\n UnmountEvent,\n MOUNT_EVENT_TYPE,\n UNMOUNT_EVENT_TYPE,\n} from './events';\n\ninterface Config {\n microFrontendId: string;\n mount: (\n mountPoint: HTMLDivElement,\n payload: MicroFrontendPayload,\n deprecatedMountPoint: HTMLDivElement\n ) => void;\n unmount: (mountPoint: HTMLDivElement) => void;\n}\n\nexport function registerMicroFrontend(config: Config): void {\n const { unmount, microFrontendId, mount } = config;\n\n window.addEventListener(MOUNT_EVENT_TYPE, ((event: MountEvent) => {\n if (!event.detail.id.startsWith(microFrontendId)) {\n return;\n }\n mount(\n event.detail.mountPoint,\n event.detail.payload,\n event.detail.mountPoint\n );\n }) as EventListener);\n\n window.addEventListener(UNMOUNT_EVENT_TYPE, ((event: UnmountEvent) => {\n if (!event.detail.id.startsWith(microFrontendId)) {\n return;\n }\n unmount(event.detail.mountPoint);\n }) as EventListener);\n}\n","import React, { FC, ReactNode, useContext } from 'react';\nimport { assertIsDefined } from '@entur-partner/util';\nimport { Permission } from '@entur-partner/permission-client-node
|
|
1
|
+
{"version":3,"file":"micro-frontend.esm.js","sources":["../src/events.ts","../src/registerMicroFrontend.tsx","../src/AppProvider.tsx"],"sourcesContent":["import { MicroFrontendPayload } from './Payload';\n\ntype MountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n payload: MicroFrontendPayload;\n};\n\ntype UnmountEventDetail = {\n id: string;\n mountPoint: HTMLDivElement;\n};\n\nexport const MOUNT_EVENT_TYPE = '@entur-partner:mount';\nexport const UNMOUNT_EVENT_TYPE = '@entur-partner:unmount';\n\nexport interface MountEvent extends CustomEvent<MountEventDetail> {}\nexport interface UnmountEvent extends CustomEvent<UnmountEventDetail> {}\n\nexport function createMountEvent(detail: MountEventDetail) {\n return new CustomEvent<MountEventDetail>(MOUNT_EVENT_TYPE, { detail });\n}\n\nexport function createUnmountEvent(detail: UnmountEventDetail) {\n return new CustomEvent<UnmountEventDetail>(UNMOUNT_EVENT_TYPE, { detail });\n}\n\nexport const ROUTE_CHANGE_EVENT_TYPE = '@entur-partner:after-route-change';\n\nexport type RouteAction = 'PUSH' | 'POP' | 'REPLACE';\n\ntype RouteChangeEventDetail = {\n location: Location;\n action: RouteAction;\n};\n\nexport class RouteChangeEvent extends CustomEvent<RouteChangeEventDetail> {}\n","/*global EventListener*/\nimport { MicroFrontendPayload } from './Payload';\nimport {\n MountEvent,\n UnmountEvent,\n MOUNT_EVENT_TYPE,\n UNMOUNT_EVENT_TYPE,\n} from './events';\n\ninterface Config {\n microFrontendId: string;\n mount: (\n mountPoint: HTMLDivElement,\n payload: MicroFrontendPayload,\n deprecatedMountPoint: HTMLDivElement\n ) => void;\n unmount: (mountPoint: HTMLDivElement) => void;\n}\n\nexport function registerMicroFrontend(config: Config): void {\n const { unmount, microFrontendId, mount } = config;\n\n window.addEventListener(MOUNT_EVENT_TYPE, ((event: MountEvent) => {\n if (!event.detail.id.startsWith(microFrontendId)) {\n return;\n }\n mount(\n event.detail.mountPoint,\n event.detail.payload,\n event.detail.mountPoint\n );\n }) as EventListener);\n\n window.addEventListener(UNMOUNT_EVENT_TYPE, ((event: UnmountEvent) => {\n if (!event.detail.id.startsWith(microFrontendId)) {\n return;\n }\n unmount(event.detail.mountPoint);\n }) as EventListener);\n}\n","import React, { FC, ReactNode, useContext } from 'react';\nimport { assertIsDefined } from '@entur-partner/util';\nimport { Permission } from '@entur-partner/permission-client-node';\nimport { useQuery } from 'react-query';\n\nimport { User } from './User';\n\ninterface AppContextType {\n getToken: () => Promise<string>;\n user: User;\n logout?: () => void;\n activeOrgId: number;\n navigate: (path: string) => void;\n}\n\nexport const AppContext = React.createContext<AppContextType | undefined>(\n undefined\n);\n\nexport const useUser = () => {\n const context = useContext(AppContext);\n assertIsDefined(context);\n return context.user;\n};\n\nexport const useActiveOrgId = () => {\n const context = useContext(AppContext);\n assertIsDefined(context);\n return context.activeOrgId;\n};\n\nexport interface AppProviderProps {\n children: ReactNode;\n getToken: () => Promise<string>;\n user: User;\n getPermissions: () => Promise<Permission[]>;\n organisationId: string;\n navigate: (path: string) => void;\n}\n\nexport const useNavigate = () => {\n const context = useContext(AppContext);\n assertIsDefined(context);\n return context.navigate;\n};\n\nexport const AppProvider: FC<AppProviderProps> = ({\n children,\n organisationId,\n getPermissions,\n ...rest\n}) => {\n const permissionsQuery = useQuery<Permission[]>(\n ['permissions'],\n getPermissions\n );\n return (\n <AppContext.Provider\n value={{\n ...rest,\n user: { ...rest.user, permissions: permissionsQuery.data || [] },\n activeOrgId: Number(organisationId),\n }}\n >\n {children}\n </AppContext.Provider>\n );\n};\n"],"names":["MOUNT_EVENT_TYPE","UNMOUNT_EVENT_TYPE","createMountEvent","detail","CustomEvent","createUnmountEvent","ROUTE_CHANGE_EVENT_TYPE","RouteChangeEvent","registerMicroFrontend","config","unmount","microFrontendId","mount","window","addEventListener","event","id","startsWith","mountPoint","payload","AppContext","React","createContext","undefined","useUser","context","useContext","assertIsDefined","user","useActiveOrgId","activeOrgId","useNavigate","navigate","AppProvider","children","organisationId","getPermissions","rest","permissionsQuery","useQuery","createElement","Provider","value","permissions","data","Number"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur-partner/micro-frontend",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.1",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/micro-frontend.esm.js",
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
"@entur-partner/permission-client-node": "1.3.4"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
+
"@entur-partner/util": "*",
|
|
34
35
|
"react-query": "^3.39.1"
|
|
35
36
|
},
|
|
36
37
|
"jest": {
|
|
@@ -43,5 +44,5 @@
|
|
|
43
44
|
"reportFile": "jest-sonar-report.xml",
|
|
44
45
|
"indent": 4
|
|
45
46
|
},
|
|
46
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "016fbdc256018855bd587dae7975a8da3658dd14"
|
|
47
48
|
}
|