@equinor/amplify-component-lib 9.7.0 → 9.7.1

package/dist/atoms/style/colors.d.ts

@@ -239,6 +239,11 @@ export declare const colors: {
         };
     };
     readonly dataviz: {
+        readonly primary: {
+            readonly default: "var(--amplify_dataviz_primary_default, rgba(0, 107, 229, 1))";
+            readonly darker: "var(--amplify_dataviz_primary_darker, rgba(0, 83, 178, 1))";
+            readonly lighter: "var(--amplify_dataviz_primary_lighter, rgba(206, 229, 255, 1))";
+        };
         readonly darkblue: {
             readonly default: "var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))";
             readonly darker: "var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))";

package/dist/atoms/style/colors.js

@@ -1 +1 @@
-import{tokens as a}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";const{colors:r}=a,i={...r,ui:{...r.ui,background__light_medium:{rgba:"var(--amplify_ui_background_light_medium, rgba(235, 235, 235, 1))"},background__heavy:{rgba:"var(--amplify_ui_background_heavy, rgba(189, 189, 189, 1))"}},interactive:{...r.interactive,primary__pressed:{rgba:"var(--amplify_interactive_primary_pressed, rgba(19, 46, 49, 1))"}},dataviz:{darkblue:{default:"var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))",darker:"var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))",lighter:"var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))"},lightblue:{default:"var(--amplify_dataviz_lightblue_default, rgba(133, 208, 250, 1))",darker:"var(--amplify_dataviz_lightblue_darker, rgba(35, 170, 246, 1))",lighter:"var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))"},lightgreen:{default:"var(--amplify_dataviz_lightgreen_default, rgba(10, 194, 154, 1))",darker:"var(--amplify_dataviz_lightgreen_darker, rgba(8, 145, 115, 1))",lighter:"var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))"},darkgreen:{default:"var(--amplify_dataviz_darkgreen_default, rgba(0, 102, 76, 1))",darker:"var(--amplify_dataviz_darkgreen_darker, rgba(0, 61, 46, 1))",lighter:"var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))"},darkpink:{default:"var(--amplify_dataviz_darkpink_default, rgba(169, 30, 88, 1))",darker:"var(--amplify_dataviz_darkpink_darker, rgba(135, 18, 67, 1))",lighter:"var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))"},lightpink:{default:"var(--amplify_dataviz_lightpink_default, rgba(255, 128, 138, 1))",darker:"var(--amplify_dataviz_lightpink_darker, rgba(225, 81, 93, 1))",lighter:"var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))"},darkyellow:{default:"var(--amplify_dataviz_darkyellow_default, rgba(160, 112, 28, 1))",darker:"var(--amplify_dataviz_darkyellow_darker, rgba(121, 85, 21, 1))",lighter:"var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))"},lightyellow:{default:"var(--amplify_dataviz_lightyellow_default, rgba(253, 203, 53, 1))",darker:"var(--amplify_dataviz_lightyellow_darker, rgba(227, 171, 2, 1))",lighter:"var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))"},darkpurple:{default:"var(--amplify_dataviz_darkpurple_default, rgba(147, 20, 219, 1))",darker:"var(--amplify_dataviz_darkpurple_darker, rgba(97, 1, 152, 1))",lighter:"var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))"},lightpurple:{default:"var(--amplify_dataviz_lightpurple_default, rgba(186, 153, 255, 1))",darker:"var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))",lighter:"var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))"},darkgray:{default:"var(--amplify_dataviz_darkgray_default, rgba(122, 122, 122,1))",darker:"var(--amplify-dataviz_darkgray_darker, rgba(86, 86, 86,1))",lighter:"var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))"},lightgray:{default:"var(--amplify_dataviz_lightgray_default, rgba(144, 155, 162, 1))",darker:"var(--amplify_dataviz_lightgray_darker, rgba(91, 102, 108, 1))",lighter:"var(--amplify_dataviz_lightgray_lighter,  rgba(194, 200, 204, 1))"}}},e={warning:i.interactive.warning__resting.rgba,error:i.interactive.danger__resting.rgba,success:i.interactive.success__resting.rgba,dirty:i.infographic.substitute__blue_ocean.rgba},l={warning:i.interactive.warning__hover.rgba,error:i.interactive.danger__hover.rgba,success:i.interactive.success__hover.rgba,dirty:i.infographic.substitute__blue_ocean.rgba};export{e as VARIANT_COLORS,l as VARIANT_HELPER_TEXT_COLORS,i as colors};
+import{tokens as a}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";const{colors:r}=a,i={...r,ui:{...r.ui,background__light_medium:{rgba:"var(--amplify_ui_background_light_medium, rgba(235, 235, 235, 1))"},background__heavy:{rgba:"var(--amplify_ui_background_heavy, rgba(189, 189, 189, 1))"}},interactive:{...r.interactive,primary__pressed:{rgba:"var(--amplify_interactive_primary_pressed, rgba(19, 46, 49, 1))"}},dataviz:{primary:{default:"var(--amplify_dataviz_primary_default, rgba(0, 107, 229, 1))",darker:"var(--amplify_dataviz_primary_darker, rgba(0, 83, 178, 1))",lighter:"var(--amplify_dataviz_primary_lighter, rgba(206, 229, 255, 1))"},darkblue:{default:"var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))",darker:"var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))",lighter:"var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))"},lightblue:{default:"var(--amplify_dataviz_lightblue_default, rgba(133, 208, 250, 1))",darker:"var(--amplify_dataviz_lightblue_darker, rgba(35, 170, 246, 1))",lighter:"var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))"},lightgreen:{default:"var(--amplify_dataviz_lightgreen_default, rgba(10, 194, 154, 1))",darker:"var(--amplify_dataviz_lightgreen_darker, rgba(8, 145, 115, 1))",lighter:"var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))"},darkgreen:{default:"var(--amplify_dataviz_darkgreen_default, rgba(0, 102, 76, 1))",darker:"var(--amplify_dataviz_darkgreen_darker, rgba(0, 61, 46, 1))",lighter:"var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))"},darkpink:{default:"var(--amplify_dataviz_darkpink_default, rgba(169, 30, 88, 1))",darker:"var(--amplify_dataviz_darkpink_darker, rgba(135, 18, 67, 1))",lighter:"var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))"},lightpink:{default:"var(--amplify_dataviz_lightpink_default, rgba(255, 128, 138, 1))",darker:"var(--amplify_dataviz_lightpink_darker, rgba(225, 81, 93, 1))",lighter:"var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))"},darkyellow:{default:"var(--amplify_dataviz_darkyellow_default, rgba(160, 112, 28, 1))",darker:"var(--amplify_dataviz_darkyellow_darker, rgba(121, 85, 21, 1))",lighter:"var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))"},lightyellow:{default:"var(--amplify_dataviz_lightyellow_default, rgba(253, 203, 53, 1))",darker:"var(--amplify_dataviz_lightyellow_darker, rgba(227, 171, 2, 1))",lighter:"var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))"},darkpurple:{default:"var(--amplify_dataviz_darkpurple_default, rgba(147, 20, 219, 1))",darker:"var(--amplify_dataviz_darkpurple_darker, rgba(97, 1, 152, 1))",lighter:"var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))"},lightpurple:{default:"var(--amplify_dataviz_lightpurple_default, rgba(186, 153, 255, 1))",darker:"var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))",lighter:"var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))"},darkgray:{default:"var(--amplify_dataviz_darkgray_default, rgba(122, 122, 122,1))",darker:"var(--amplify-dataviz_darkgray_darker, rgba(86, 86, 86,1))",lighter:"var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))"},lightgray:{default:"var(--amplify_dataviz_lightgray_default, rgba(144, 155, 162, 1))",darker:"var(--amplify_dataviz_lightgray_darker, rgba(91, 102, 108, 1))",lighter:"var(--amplify_dataviz_lightgray_lighter,  rgba(194, 200, 204, 1))"}}},e={warning:i.interactive.warning__resting.rgba,error:i.interactive.danger__resting.rgba,success:i.interactive.success__resting.rgba,dirty:i.infographic.substitute__blue_ocean.rgba},l={warning:i.interactive.warning__hover.rgba,error:i.interactive.danger__hover.rgba,success:i.interactive.success__hover.rgba,dirty:i.infographic.substitute__blue_ocean.rgba};export{e as VARIANT_COLORS,l as VARIANT_HELPER_TEXT_COLORS,i as colors};

package/dist/atoms/style/lightTokens.js

@@ -5,6 +5,10 @@ import{css as _}from"styled-components";const a=_`
 
     --amplify_interactive_primary_pressed: rgba(19, 46, 49, 1);
 
+    --amplify_dataviz_primary_default: rgba(0, 107, 229, 1);
+    --amplify_dataviz_primary_darker: rgba(0, 83, 178, 1);
+    --amplify_dataviz_primary_lighter: rgba(206, 229, 255, 1);
+
     --amplify_dataviz_darkblue_default: rgba(0, 71, 153, 1);
     --amplify_dataviz_darkblue_darker: rgba(4, 48, 98, 1);
     --amplify_dataviz_darkblue_lighter: rgba(191, 220, 252, 1);

package/dist/atoms/utils/reactquery.js

@@ -1 +1 @@
-const o={mutations:{onError:o=>{console.error("[ACL - MutationError]",o)}}};export{o as defaultQueryOptions};
+const e={queries:{gcTime:36e5,refetchOnWindowFocus:!1,retry:(e,t)=>404!==t?.status&&e<=2}};export{e as defaultQueryOptions};

package/dist/providers/AuthProvider/AuthProvider.d.ts

@@ -15,6 +15,14 @@ interface AuthProviderProps {
     loadingComponent?: ReactElement;
     unauthorizedComponent?: ReactElement;
     withoutLoader?: boolean;
+    withoutBackend?: boolean;
 }
+/**
+ * @param children - ReactNode
+ * @param loadingComponent - Component to show while auth is loading
+ * @param unauthorizedComponent - Component to show if user is unauthorized
+ * @param withoutLoader - Hide loader from AuthProvider
+ * @param withoutBackend - Will not attempt to get roles from backend
+ */
 export declare const AuthProvider: FC<AuthProviderProps>;
 export {};

package/dist/providers/AuthProvider/AuthProvider.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{createContext as t,useContext as e,useState as n,useMemo as r}from"react";import{MsalProvider as i}from"@azure/msal-react";import{AuthProviderInner as a}from"./AuthProviderInner.js";import{environment as c,auth as u}from"../../atoms/utils/auth_environment.js";const{msalApp:m}=u,{getIsMock:d,getMockUserPhoto:s,getMockRoles:l}=c,h=t(void 0),p=()=>{const o=e(h);if(void 0===o)throw new Error("useAuth must be used within a AuthContext provider");return o},v={homeAccountId:"mock-home-account-id",environment:"mock",tenantId:"mock-tenant-id",username:"MOCK@equinor.com",localAccountId:"mock-local-account-id",name:"Mock mocksnes",idToken:"fake",idTokenClaims:{id:"claim"},nativeAccountId:"accountid",authorityType:"authority",tenantProfiles:new Map},g=({children:t,loadingComponent:e,unauthorizedComponent:c,withoutLoader:u=!1})=>{const[p,g]=n(void 0),[k,C]=n(),[I,A]=n("loading"),[M,f]=n(),T=r((()=>d(import.meta.env.VITE_IS_MOCK)),[]),_=r((()=>s(import.meta.env.VITE_MOCK_USER_PHOTO)),[]),O=r((()=>l(import.meta.env.VITE_MOCK_ROLES)),[]);return T?("loading"===I&&setTimeout((()=>{A("authorized")}),1e3),o(h.Provider,{value:{roles:O,account:v,photo:_,logout:()=>console.log("Logged out the user!"),authState:I},children:t})):o(h.Provider,{value:{roles:k,account:p,photo:M,logout:()=>m.logoutRedirect(),authState:I},children:o(i,{instance:m,children:o(a,{loadingComponent:e,unauthorizedComponent:c,account:p,setAccount:g,setRoles:C,setPhoto:f,authState:I,setAuthState:A,withoutLoader:u,children:t})})})};export{g as AuthProvider,v as MOCK_USER,p as useAuth};
+import{jsx as o}from"react/jsx-runtime";import{createContext as t,useContext as e,useState as n,useMemo as r}from"react";import{MsalProvider as i}from"@azure/msal-react";import{AuthProviderInner as a}from"./AuthProviderInner.js";import{environment as c,auth as u}from"../../atoms/utils/auth_environment.js";const{msalApp:m}=u,{getIsMock:d,getMockUserPhoto:s,getMockRoles:h}=c,l=t(void 0),p=()=>{const o=e(l);if(void 0===o)throw new Error("useAuth must be used within a AuthContext provider");return o},v={homeAccountId:"mock-home-account-id",environment:"mock",tenantId:"mock-tenant-id",username:"MOCK@equinor.com",localAccountId:"mock-local-account-id",name:"Mock mocksnes",idToken:"fake",idTokenClaims:{id:"claim"},nativeAccountId:"accountid",authorityType:"authority",tenantProfiles:new Map},k=({children:t,loadingComponent:e,unauthorizedComponent:c,withoutLoader:u=!1,withoutBackend:p=!1})=>{const[k,g]=n(void 0),[C,I]=n(),[A,M]=n("loading"),[f,w]=n(),T=r((()=>d(import.meta.env.VITE_IS_MOCK)),[]),_=r((()=>s(import.meta.env.VITE_MOCK_USER_PHOTO)),[]),O=r((()=>h(import.meta.env.VITE_MOCK_ROLES)),[]);return T?("loading"===A&&setTimeout((()=>{M("authorized")}),1e3),o(l.Provider,{value:{roles:O,account:v,photo:_,logout:()=>console.log("Logged out the user!"),authState:A},children:t})):o(l.Provider,{value:{roles:C,account:k,photo:f,logout:()=>m.logoutRedirect(),authState:A},children:o(i,{instance:m,children:o(a,{loadingComponent:e,unauthorizedComponent:c,account:k,setAccount:g,setRoles:I,setPhoto:w,authState:A,setAuthState:M,withoutLoader:u,withoutBackend:p,children:t})})})};export{k as AuthProvider,v as MOCK_USER,p as useAuth};

package/dist/providers/AuthProvider/AuthProviderInner.d.ts

@@ -12,5 +12,6 @@ export interface AuthProviderInnerProps {
     withoutLoader: boolean;
     loadingComponent?: ReactElement;
     unauthorizedComponent?: ReactElement;
+    withoutBackend: boolean;
 }
 export declare const AuthProviderInner: FC<AuthProviderInnerProps>;

package/dist/providers/AuthProvider/AuthProviderInner.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{useState as e,useRef as t,useEffect as r}from"react";import{InteractionType as n,InteractionRequiredAuthError as i}from"@azure/msal-browser";import{useMsal as c,useMsalAuthentication as a}from"@azure/msal-react";import{auth as s,environment as u}from"../../atoms/utils/auth_environment.js";import{FullPageSpinner as l}from"../../molecules/FullPageSpinner/FullPageSpinner.js";import{MissingAccessToApp as d}from"../../organisms/Status/collections/MissingAccessToApp.js";import{jwtDecode as h}from"jwt-decode";const{GRAPH_ENDPOINTS:g,GRAPH_REQUESTS_LOGIN:A,GRAPH_REQUESTS_PHOTO:m,GRAPH_REQUESTS_BACKEND:P,fetchMsGraph:v,isInIframe:p}=s,{getApiScope:f}=u,w=({children:s,account:u,setAccount:w,setPhoto:S,setRoles:T,authState:E,setAuthState:R,withoutLoader:z,loadingComponent:k,unauthorizedComponent:_})=>{const{instance:y,accounts:O,inProgress:I}=c(),{login:U,result:j,error:F,acquireToken:G}=a(n.Silent,A),[H,b]=e(!1),C=t(!1);return r((()=>{if(H)return;(async()=>{console.log("[AuthProvider] Initializing"),await y.initialize(),console.log("[AuthProvider] Finished initializing"),b(!0)})().catch((o=>{console.error("[AuthProvider] Error during initialization",o)}))}),[y,H]),r((()=>{H&&(F instanceof i&&!p()&&"unauthorized"!==E?(console.error(F),console.log("[AuthProvider] No account found, need to login via. redirect"),U(n.Redirect,A).catch((o=>{console.error("[AuthProvider] Error during login",o)}))):j?.account&&!u?(console.log("[AuthProvider] Found account in useMsalAuth result, setting that one as active"),y.setActiveAccount(j.account),w(j.account)):O.length>0&&!u?(console.log("[AuthProvider] Found account in accounts array, setting that one as active"),y.setActiveAccount(O[0]),w(O[0])):F&&console.error("[AuthProvider] Unexpected error:",F))}),[u,O,F,y,H,U,j,w,E]),r((()=>{if(!u||!H||C.current||"none"!==I)return;C.current=!0;(async()=>{await(async()=>{try{const o=await G(n.Silent,m);if(o){const e=await v(g.PHOTO,o.accessToken);if(404===e.status)return null;const t=await e.blob(),r=(window.URL??window.webkitURL).createObjectURL(t);S(r)}}catch(o){console.error(o)}})(),await(async()=>{try{const o=await G(n.Silent,P(f(import.meta.env.VITE_API_SCOPE)));if(console.log("[AuthProvider] Successfully acquired token"),o&&o.accessToken){console.log("[AuthProvider] Decoding token");const e=h(o.accessToken);if(console.log("[AuthProvider] Token was valid"),!e.roles)throw new Error("Could not find roles in token");console.log("[AuthProvider] Found roles"),T(e.roles),R("authorized")}}catch(o){console.error("[AuthProvider] Token error when trying to get roles!",o),R("unauthorized")}})()})()}),[u,G,F,H,I,R,S,T]),"unauthorized"===E?_??o(d,{}):z?s:"loading"===E||void 0===u?k??o(l,{variant:"application"}):s};export{w as AuthProviderInner};
+import{jsx as o}from"react/jsx-runtime";import{useState as e,useRef as t,useEffect as r}from"react";import{InteractionType as n,InteractionRequiredAuthError as i}from"@azure/msal-browser";import{useMsal as c,useMsalAuthentication as a}from"@azure/msal-react";import{auth as s,environment as u}from"../../atoms/utils/auth_environment.js";import{FullPageSpinner as l}from"../../molecules/FullPageSpinner/FullPageSpinner.js";import{MissingAccessToApp as d}from"../../organisms/Status/collections/MissingAccessToApp.js";import{jwtDecode as h}from"jwt-decode";const{GRAPH_ENDPOINTS:g,GRAPH_REQUESTS_LOGIN:A,GRAPH_REQUESTS_PHOTO:m,GRAPH_REQUESTS_BACKEND:P,fetchMsGraph:v,isInIframe:p}=s,{getApiScope:f}=u,w=({children:s,account:u,setAccount:w,setPhoto:S,setRoles:T,authState:E,setAuthState:z,withoutLoader:R,loadingComponent:k,unauthorizedComponent:_,withoutBackend:y})=>{const{instance:O,accounts:I,inProgress:U}=c(),{login:j,result:F,error:G,acquireToken:H}=a(n.Silent,A),[b,C]=e(!1),L=t(!1);return r((()=>{if(b)return;(async()=>{console.log("[AuthProvider] Initializing"),await O.initialize(),console.log("[AuthProvider] Finished initializing"),C(!0)})().catch((o=>{console.error("[AuthProvider] Error during initialization",o)}))}),[O,b]),r((()=>{b&&(G instanceof i&&!p()&&"unauthorized"!==E?(console.error(G),console.log("[AuthProvider] No account found, need to login via. redirect"),j(n.Redirect,A).catch((o=>{console.error("[AuthProvider] Error during login",o)}))):F?.account&&!u?(console.log("[AuthProvider] Found account in useMsalAuth result, setting that one as active"),O.setActiveAccount(F.account),w(F.account)):I.length>0&&!u?(console.log("[AuthProvider] Found account in accounts array, setting that one as active"),O.setActiveAccount(I[0]),w(I[0])):G&&console.error("[AuthProvider] Unexpected error:",G))}),[u,I,G,O,b,j,F,w,E]),r((()=>{if(!u||!b||L.current||"none"!==U)return;L.current=!0;(async()=>{await(async()=>{try{const o=await H(n.Silent,m);if(o){const e=await v(g.PHOTO,o.accessToken);if(404===e.status)return null;const t=await e.blob(),r=(window.URL??window.webkitURL).createObjectURL(t);S(r)}}catch(o){console.error(o)}})(),y?z("authorized"):await(async()=>{try{const o=await H(n.Silent,P(f(import.meta.env.VITE_API_SCOPE)));if(console.log("[AuthProvider] Successfully acquired token"),o&&o.accessToken){console.log("[AuthProvider] Decoding token");const e=h(o.accessToken);if(console.log("[AuthProvider] Token was valid"),!e.roles)throw new Error("Could not find roles in token");console.log("[AuthProvider] Found roles"),T(e.roles),z("authorized")}}catch(o){console.error("[AuthProvider] Token error when trying to get roles!",o),z("unauthorized")}})()})()}),[u,H,G,b,U,z,S,T,y]),"unauthorized"===E?_??o(d,{}):R?s:"loading"===E||void 0===u?k??o(l,{variant:"application"}):s};export{w as AuthProviderInner};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "9.7.0",
+  "version": "9.7.1",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",