@equinor/amplify-component-lib 9.15.3-beta.1 → 9.16.0-beta.0

package/dist/organisms/TopBar/Account/ImpersonateMenu/Actions.js

@@ -1,11 +1,11 @@
-import{spacings as e}from"../../../../atoms/style/spacings.js";import{useActiveImpersonationUser as t}from"./hooks/useActiveImpersonationUser.js";import{useStartImpersonation as n}from"./hooks/useStartImpersonation.js";import{Button as r,DotProgress as i,Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
+import{useActiveImpersonationUser as e}from"./hooks/useActiveImpersonationUser.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{spacings as r}from"src/atoms/style/spacings";import i from"styled-components";import{Button as a,DotProgress as o,Typography as s}from"@equinor/eds-core-react";import{useStartImpersonation as c}from"src/organisms/TopBar/Account/ImpersonateMenu/hooks/useStartImpersonation";const l=i.div`
   display: flex;
   flex-direction: column;
-  gap: ${e.medium};
-  padding: ${e.medium};
+  gap: ${r.medium};
+  padding: ${r.medium};
   width: 25rem;
-`,u=o.section`
+`,u=i.section`
   display: flex;
   justify-content: flex-end;
-  gap: ${e.small};
-`,d=({selectedUniqueName:e,onCancel:o})=>{let{data:d}=t(),{mutateAsync:f,isPending:p}=n(),m=async()=>{await f(e),o()};return c(l,{children:[s(a,{variant:`body_short`,children:`By selecting a user to impersonate, you will view the contents of this app as if you would be that user.`}),c(u,{children:[s(r,{variant:`outlined`,onClick:o,children:`Cancel`}),p?s(r,{children:s(i,{})}):s(r,{onClick:m,disabled:e===``||e===d?.uniqueName,children:`Impersonate`})]})]})};export{d as Actions};
+  gap: ${r.small};
+`,d=({selectedUniqueName:r,onCancel:i})=>{let{data:d}=e(),{mutateAsync:f,isPending:p}=c(),m=async()=>{await f(r),i()};return n(l,{children:[t(s,{variant:`body_short`,children:`By selecting a user to impersonate, you will view the contents of this app as if you would be that user.`}),n(u,{children:[t(a,{variant:`outlined`,onClick:i,children:`Cancel`}),p?t(a,{children:t(o,{})}):t(a,{onClick:m,disabled:r===``||r===d?.uniqueName,children:`Impersonate`})]})]})};export{d as Actions};

package/dist/organisms/TopBar/Account/ImpersonateMenu/CreateNewUserButton.js

@@ -1,12 +1,12 @@
-import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{animation as t}from"../../../../atoms/style/animation.js";import{spacings as n}from"../../../../atoms/style/spacings.js";import{Icon as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{exit_to_app as c}from"@equinor/eds-icons";const{colors:l}=e,u=a.button`
+import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{exit_to_app as r}from"@equinor/eds-icons";import i from"styled-components";import{Icon as a,Typography as o}from"@equinor/eds-core-react";import{animation as s,spacings as c}from"src/atoms/style";const{colors:l}=e,u=i.button`
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
-  padding: ${n.medium};
-  transition: background ${t.transitionMS};
+  padding: ${c.medium};
+  transition: background ${s.transitionMS};
   border-top: 1px solid ${l.ui.background__medium.rgba};
   border-bottom: 1px solid ${l.ui.background__medium.rgba};
   &:hover {
     background: ${l.interactive.primary__hover_alt.rgba};
   }
-`,d=({onClick:e})=>s(u,{onClick:e,children:[s(`div`,{children:[o(i,{variant:`overline`,children:`Missing a persona?`}),o(i,{variant:`h6`,children:`Create users to impersonate`})]}),o(r,{color:l.interactive.primary__resting.rgba,data:c})]});export{d as CreateNewUserButton};
+`,d=({onClick:e})=>n(u,{onClick:e,children:[n(`div`,{children:[t(o,{variant:`overline`,children:`Missing a persona?`}),t(o,{variant:`h6`,children:`Create users to impersonate`})]}),t(a,{color:l.interactive.primary__resting.rgba,data:r})]});export{d as CreateNewUserButton};

package/dist/organisms/TopBar/Account/ImpersonateMenu/CreateOrEditUser/CreateOrEditUser.js

@@ -1 +1 @@
-import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{TextField as t}from"../../../../../molecules/TextField/TextField.js";import{ComboBox as n}from"../../../../../molecules/Select/ComboBox/ComboBox.js";import{SingleSelect as r}from"../../../../../molecules/Select/SingleSelect/SingleSelect.js";import{useAllAppRoles as i}from"../hooks/useAllAppRoles.js";import{useCreateImpersonation as a}from"../hooks/useCreateImpersonation.js";import{useEditImpersonation as o}from"../hooks/useEditImpersonation.js";import{Header as s}from"../Impersonate.styles.js";import{Container as c,Section as l}from"./CreateOrEditUser.styles.js";import{useEffect as u,useMemo as d,useRef as f,useState as p}from"react";import{Button as m,DotProgress as h,Icon as g,Typography as _}from"@equinor/eds-core-react";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{arrow_back as b}from"@equinor/eds-icons";const x=({editingUser:x,onBack:S,availableFields:C,availableWells:w})=>{let T=f(!1),[E,D]=p([]),[O,k]=p(``),[A,j]=p(``),[M,N]=p(``),[P,F]=p(void 0),[I,L]=p(void 0),{data:R,isLoading:z}=i();u(()=>{if(x&&R&&!T.current){if(T.current=!0,D(x.roles.map(e=>{let t=R.find(t=>t.value===e);return t?{value:e,label:t.displayName}:{value:e,label:e}})),C){let e=C.find(e=>e.uuid==x.field)?.name??void 0;F(e)}if(w){let e=w.find(e=>e==x.well)??void 0;L(e)}k(x.firstName),j(x.lastName),N(x.email??``)}},[R,x,T,C,w]);let B=d(()=>R?.map(e=>({value:e.value,label:e.displayName}))??[],[R]),V=C?.map(e=>({value:e.uuid??``,label:e.name??``}))??[],H=w?.map(e=>({value:e,label:e}))??[],{mutateAsync:U,isPending:W}=a(),{mutateAsync:G,isPending:K}=o(),q=W||K,J=d(()=>O===``||A===``||E.length===0,[O,A,E.length]),Y=e=>{k(e.target.value)},X=e=>{j(e.target.value)},Z=e=>{N(e.target.value)},Q=e=>{D(e)},$=e=>{F(e?.value)},ee=e=>{L(e?.value)},te=async()=>{x?(await G({id:x.id,firstName:O,lastName:A,fullName:`${O} ${A}`,email:M===``?void 0:M,field:P,well:I,roles:E.map(e=>e.value).sort(),uniqueName:x.uniqueName,appName:x.appName,activeUsers:[]}),S()):(await U({firstName:O,lastName:A,field:P,well:I,email:M===``?void 0:M,roles:E.map(e=>e.value).sort(),uniqueName:`${O}.${A}`.toLowerCase(),appName:e.getAppName(import.meta.env.VITE_NAME),activeUsers:[]}),S())};return y(c,{children:[y(s,{children:[v(m,{variant:`ghost_icon`,onClick:S,children:v(g,{data:b})}),v(_,{variant:`h6`,children:x?`Edit user`:`Create new user`})]}),y(l,{children:[v(t,{id:`first-name`,label:`First name`,placeholder:`Add first name...`,value:O,onChange:Y}),v(t,{id:`last-name`,label:`Last name`,placeholder:`Add last name...`,value:A,onChange:X}),v(t,{id:`email`,label:`E-mail`,placeholder:`Add e-mail...`,meta:`Optional`,value:M,onChange:Z})]}),y(l,{children:[V&&V.length>0&&v(r,{placeholder:`Select field...`,label:`Field`,meta:`Optional (For internal application role purposes)`,value:V.find(e=>e.value===P),onSelect:$,items:V}),H&&H.length>0&&v(r,{label:`Well`,placeholder:`Select well...`,meta:`Optional (For internal application role purposes)`,value:H.find(e=>e.value===I),onSelect:ee,items:H})]}),v(l,{children:v(n,{label:`Roles`,placeholder:`Select roles...`,values:E,onSelect:Q,items:B,loading:z})}),y(l,{children:[v(m,{variant:`outlined`,onClick:S,children:`Cancel`}),q?v(m,{children:v(h,{})}):v(m,{onClick:te,disabled:J,children:x?`Save`:`Create`})]})]})};export{x as CreateOrEditUser};
+import{useCreateImpersonation as e}from"../hooks/useCreateImpersonation.js";import{useEditImpersonation as t}from"../hooks/useEditImpersonation.js";import{Header as n}from"../Impersonate.styles.js";import{Container as r,Section as i}from"./CreateOrEditUser.styles.js";import{useEffect as a,useMemo as o,useRef as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{environment as d}from"src/atoms/utils/auth_environment";import{arrow_back as f}from"@equinor/eds-icons";import{Button as p,DotProgress as m,Icon as h,Typography as g}from"@equinor/eds-core-react";import{TextField as _}from"src/molecules/TextField/TextField";import{SingleSelect as v}from"src/molecules/Select/SingleSelect/SingleSelect";import{ComboBox as y}from"src/molecules/Select/ComboBox/ComboBox";import{useAllAppRoles as b}from"src/organisms/TopBar/Account/ImpersonateMenu/hooks/useAllAppRoles";const x=({editingUser:x,onBack:S,availableFields:C,availableWells:w})=>{let T=s(!1),[E,D]=c([]),[O,k]=c(``),[A,j]=c(``),[M,N]=c(``),[P,F]=c(void 0),[I,L]=c(void 0),{data:R,isLoading:z}=b();a(()=>{if(x&&R&&!T.current){if(T.current=!0,D(x.roles.map(e=>{let t=R.find(t=>t.value===e);return t?{value:e,label:t.displayName}:{value:e,label:e}})),C){let e=C.find(e=>e.uuid==x.field)?.name??void 0;F(e)}if(w){let e=w.find(e=>e==x.well)??void 0;L(e)}k(x.firstName),j(x.lastName),N(x.email??``)}},[R,x,T,C,w]);let B=o(()=>R?.map(e=>({value:e.value,label:e.displayName}))??[],[R]),V=C?.map(e=>({value:e.uuid??``,label:e.name??``}))??[],H=w?.map(e=>({value:e,label:e}))??[],{mutateAsync:U,isPending:W}=e(),{mutateAsync:G,isPending:K}=t(),q=W||K,J=o(()=>O===``||A===``||E.length===0,[O,A,E.length]),Y=e=>{k(e.target.value)},X=e=>{j(e.target.value)},Z=e=>{N(e.target.value)},Q=e=>{D(e)},$=e=>{F(e?.value)},ee=e=>{L(e?.value)},te=async()=>{x?(await G({id:x.id,firstName:O,lastName:A,fullName:`${O} ${A}`,email:M===``?void 0:M,field:P,well:I,roles:E.map(e=>e.value).sort(),uniqueName:x.uniqueName,appName:x.appName,activeUsers:[]}),S()):(await U({firstName:O,lastName:A,field:P,well:I,email:M===``?void 0:M,roles:E.map(e=>e.value).sort(),uniqueName:`${O}.${A}`.toLowerCase(),appName:d.getAppName(import.meta.env.VITE_NAME),activeUsers:[]}),S())};return u(r,{children:[u(n,{children:[l(p,{variant:`ghost_icon`,onClick:S,children:l(h,{data:f})}),l(g,{variant:`h6`,children:x?`Edit user`:`Create new user`})]}),u(i,{children:[l(_,{id:`first-name`,label:`First name`,placeholder:`Add first name...`,value:O,onChange:Y}),l(_,{id:`last-name`,label:`Last name`,placeholder:`Add last name...`,value:A,onChange:X}),l(_,{id:`email`,label:`E-mail`,placeholder:`Add e-mail...`,meta:`Optional`,value:M,onChange:Z})]}),u(i,{children:[V&&V.length>0&&l(v,{placeholder:`Select field...`,label:`Field`,meta:`Optional (For internal application role purposes)`,value:V.find(e=>e.value===P),onSelect:$,items:V}),H&&H.length>0&&l(v,{label:`Well`,placeholder:`Select well...`,meta:`Optional (For internal application role purposes)`,value:H.find(e=>e.value===I),onSelect:ee,items:H})]}),l(i,{children:l(y,{label:`Roles`,placeholder:`Select roles...`,values:E,onSelect:Q,items:B,loading:z})}),u(i,{children:[l(p,{variant:`outlined`,onClick:S,children:`Cancel`}),q?l(p,{children:l(m,{})}):l(p,{onClick:te,disabled:J,children:x?`Save`:`Create`})]})]})};export{x as CreateOrEditUser};

package/dist/organisms/TopBar/Account/ImpersonateMenu/CreateOrEditUser/CreateOrEditUser.styles.js

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../../../../atoms/style/spacings.js";import n from"styled-components";const{colors:r}=e,i=n.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"src/atoms/style/spacings";import n from"styled-components";const{colors:r}=e,i=n.div`
   display: flex;
   flex-direction: column;
   gap: ${t.medium};

package/dist/organisms/TopBar/Account/ImpersonateMenu/DeleteUser/DeleteUser.js

@@ -1 +1 @@
-import{colors as e}from"../../../../../atoms/style/colors.js";import{useSnackbar as t}from"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import{Button as n}from"../../../../../molecules/Button/Button.js";import{Header as r}from"../Impersonate.styles.js";import{useDeleteImpersonation as i}from"../hooks/useDeleteImpersonation.js";import{Container as a}from"./DeleteUser.styles.js";import{RoleChip as o,RolesContainer as s,TextContent as c}from"../../Account.styles.js";import{ImpersonateAvatar as l}from"../../ImpersonateAvatar.js";import{DotProgress as u,Icon as d,Typography as f}from"@equinor/eds-core-react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{arrow_back as h,delete_to_trash as g}from"@equinor/eds-icons";const _=({user:_,onBack:v})=>{let{mutateAsync:y,isPending:b}=i(),{showSnackbar:x}=t(),S=`${_.firstName} ${_.lastName}`,C=async()=>{await y(_),x(`Deleted user "${S}" successfully`),v()};return m(a,{children:[m(r,{children:[p(n,{variant:`ghost_icon`,onClick:v,children:p(d,{data:h})}),p(f,{variant:`h6`,children:`Delete user`})]}),m(`section`,{children:[p(f,{variant:`h4`,children:`You are deleting a user`}),m(f,{variant:`caption`,color:e.text.static_icons__tertiary.rgba,children:[`Are you sure you want to delete user "`,S,`"?`]})]}),p(l,{size:64,fullName:S}),m(c,{children:[p(f,{variant:`h6`,children:S}),p(f,{children:_.uniqueName})]}),p(s,{children:_.roles.map(e=>p(o,{children:e},e))}),m(`div`,{children:[b?p(n,{variant:`outlined`,color:`danger`,children:p(u,{color:`tertiary`})}):m(n,{variant:`outlined`,color:`danger`,onClick:C,children:[p(d,{data:g}),` Delete user`]}),p(n,{variant:`ghost`,onClick:v,children:`Cancel`})]})]})};export{_ as DeleteUser};
+import{Header as e}from"../Impersonate.styles.js";import{useDeleteImpersonation as t}from"../hooks/useDeleteImpersonation.js";import{Container as n}from"./DeleteUser.styles.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useSnackbar as a}from"src/providers/SnackbarProvider/SnackbarProvider";import{arrow_back as o,delete_to_trash as s}from"@equinor/eds-icons";import{DotProgress as c,Icon as l,Typography as u}from"@equinor/eds-core-react";import{colors as d}from"src/atoms/style";import{Button as f}from"src/molecules/Button/Button";import{RoleChip as p,RolesContainer as m,TextContent as h}from"src/organisms/TopBar/Account/Account.styles";import{ImpersonateAvatar as g}from"src/organisms/TopBar/Account/ImpersonateAvatar";const _=({user:_,onBack:v})=>{let{mutateAsync:y,isPending:b}=t(),{showSnackbar:x}=a(),S=`${_.firstName} ${_.lastName}`,C=async()=>{await y(_),x(`Deleted user "${S}" successfully`),v()};return i(n,{children:[i(e,{children:[r(f,{variant:`ghost_icon`,onClick:v,children:r(l,{data:o})}),r(u,{variant:`h6`,children:`Delete user`})]}),i(`section`,{children:[r(u,{variant:`h4`,children:`You are deleting a user`}),i(u,{variant:`caption`,color:d.text.static_icons__tertiary.rgba,children:[`Are you sure you want to delete user "`,S,`"?`]})]}),r(g,{size:64,fullName:S}),i(h,{children:[r(u,{variant:`h6`,children:S}),r(u,{children:_.uniqueName})]}),r(m,{children:_.roles.map(e=>r(p,{children:e},e))}),i(`div`,{children:[b?r(f,{variant:`outlined`,color:`danger`,children:r(c,{color:`tertiary`})}):i(f,{variant:`outlined`,color:`danger`,onClick:C,children:[r(l,{data:s}),` Delete user`]}),r(f,{variant:`ghost`,onClick:v,children:`Cancel`})]})]})};export{_ as DeleteUser};

package/dist/organisms/TopBar/Account/ImpersonateMenu/DeleteUser/DeleteUser.styles.js

@@ -1,19 +1,19 @@
-import{spacings as e}from"../../../../../atoms/style/spacings.js";import t from"styled-components";const n=t.div`
+import e from"styled-components";import{spacings as t}from"src/atoms/style";const n=e.div`
   display: flex;
   flex-direction: column;
   min-width: 20rem;
   > section:nth-child(2) {
-    margin-top: ${e.medium};
+    margin-top: ${t.medium};
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding: 0 ${e.medium};
-    margin-bottom: ${e.medium};
+    padding: 0 ${t.medium};
+    margin-bottom: ${t.medium};
   }
   > section:nth-child(5) {
     max-width: unset;
-    margin-bottom: ${e.large};
-    padding: 0 ${e.medium};
+    margin-bottom: ${t.large};
+    padding: 0 ${t.medium};
   }
   > div:nth-child(3) {
     align-self: center;
@@ -21,7 +21,7 @@ import{spacings as e}from"../../../../../atoms/style/spacings.js";import t from"
   > div:last-child {
     display: flex;
     flex-direction: column;
-    gap: ${e.x_small};
-    padding: 0 ${e.medium};
+    gap: ${t.x_small};
+    padding: 0 ${t.medium};
   }
 `;export{n as Container};

package/dist/organisms/TopBar/Account/ImpersonateMenu/Impersonate.constants.js

@@ -1 +1 @@
-const e=`activeImpersonationUser`,t=`createImpersonation`,n=`setActiveImpersonation`,r=`getImpersonationUsers`,i=`canImpersonate`,a=`stopImpersonation`,o=`availableRoles`,s=[e,t,n,r,i,a,o],c={predicate:e=>{for(let t of e.queryKey)if(s.some(e=>e===t))return!1;return!0}};export{e as ACTIVE_USERIMPERSONATION,o as AVAILABLE_ROLES,i as CAN_IMPERSONATE,t as CREATE_IMPERSONATION,r as GET_ALL_IMPERSONATIONS,c as IMPERSONATE_QUERY_FILTER,n as SET_ACTIVE_IMPERSONATION,a as STOP_IMPERSONATION};
+const e=`activeImpersonationUser`,t=`createImpersonation`,n=`getImpersonationUsers`,r=`canImpersonate`,i=`stopImpersonation`,a=`availableRoles`,o=[e,t,`setActiveImpersonation`,n,r,i,a],s={predicate:e=>{for(let t of e.queryKey)if(o.some(e=>e===t))return!1;return!0}};export{e as ACTIVE_USERIMPERSONATION,a as AVAILABLE_ROLES,r as CAN_IMPERSONATE,t as CREATE_IMPERSONATION,n as GET_ALL_IMPERSONATIONS,s as IMPERSONATE_QUERY_FILTER,i as STOP_IMPERSONATION};

package/dist/organisms/TopBar/Account/ImpersonateMenu/Impersonate.styles.js

@@ -1,7 +1,7 @@
-import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import n from"styled-components";const r=n.header`
+import e from"styled-components";import{colors as t,spacings as n}from"src/atoms/style";const r=e.header`
   display: flex;
   align-items: center;
-  gap: ${t.medium};
-  padding: 0 ${t.small} ${t.small};
-  border-bottom: 1px solid ${e.ui.background__medium.rgba};
+  gap: ${n.medium};
+  padding: 0 ${n.small} ${n.small};
+  border-bottom: 1px solid ${t.ui.background__medium.rgba};
 `;export{r as Header};

package/dist/organisms/TopBar/Account/ImpersonateMenu/ImpersonateMenu.js

@@ -1 +1 @@
-import{Search as e}from"../../../../molecules/Search/Search.js";import{useActiveImpersonationUser as t}from"./hooks/useActiveImpersonationUser.js";import{CreateOrEditUser as n}from"./CreateOrEditUser/CreateOrEditUser.js";import{DeleteUser as r}from"./DeleteUser/DeleteUser.js";import{useGetAllImpersonationUsersForApp as i}from"./hooks/useGetAllImpersonationUsersForApp.js";import{Actions as a}from"./Actions.js";import{CreateNewUserButton as o}from"./CreateNewUserButton.js";import{Content as s,Header as c,NoUsersText as l}from"./ImpersonateMenu.styles.js";import{impersonateUserDtoToFullName as u}from"./Impersonate.utils.js";import{UserImpersonation as d}from"./UserImpersonation.js";import{useEffect as f,useState as p}from"react";import{Menu as m,Typography as h}from"@equinor/eds-core-react";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=({open:v,onClose:y,anchorEl:b,availableFields:x,availableWells:S})=>{let[C,w]=p(!1),[T,E]=p(void 0),[D,O]=p(void 0),[k,A]=p(``),[j,M]=p(``),{data:N}=i(),{data:P}=t(),F=N?.filter(e=>u(e).toLowerCase().includes(j.toLowerCase()));f(()=>{!v&&P&&k!==P.uniqueName?A(P.uniqueName):!v&&!P&&k!==``&&A(``)},[P,v,k]);let I=()=>{y()},L=()=>w(!0),R=()=>{w(!1),T&&E(void 0)},z=()=>{w(!1),T&&E(void 0),I()},B=e=>{E(N?.find(t=>t.uniqueName===e)),w(!0)},V=e=>{O(N?.find(t=>t.uniqueName===e))},H=()=>{O(void 0)},U=e=>{M(e.target.value)};return v?C?g(m,{open:!0,anchorEl:b,onClose:z,placement:`bottom-end`,style:{width:`400px`},children:g(n,{editingUser:T,onBack:R,availableFields:x,availableWells:S})}):D?g(m,{open:!0,anchorEl:b,onClose:z,placement:`bottom-end`,style:{width:`400px`},children:g(r,{user:D,onBack:H})}):_(m,{open:!0,anchorEl:b,onClose:I,placement:`bottom-end`,style:{width:`400px`},children:[_(c,{children:[g(h,{variant:`h6`,children:`Impersonate`}),g(h,{variant:`caption`,children:`Select a user to impersonate`}),g(e,{placeholder:`Search users`,value:j,onChange:U})]}),g(s,{children:F&&F.length>0?F?.map(e=>g(d,{...e,selected:k===e.uniqueName,onClick:A,onEdit:B,onDelete:V},e.uniqueName)):g(l,{children:`No items found`})}),g(o,{onClick:L}),g(a,{selectedUniqueName:k,onCancel:y})]}):null};export{v as ImpersonateMenu};
+import{useActiveImpersonationUser as e}from"./hooks/useActiveImpersonationUser.js";import{CreateOrEditUser as t}from"./CreateOrEditUser/CreateOrEditUser.js";import{DeleteUser as n}from"./DeleteUser/DeleteUser.js";import{useGetAllImpersonationUsersForApp as r}from"./hooks/useGetAllImpersonationUsersForApp.js";import{Actions as i}from"./Actions.js";import{CreateNewUserButton as a}from"./CreateNewUserButton.js";import{Content as o,Header as s,NoUsersText as c}from"./ImpersonateMenu.styles.js";import{UserImpersonation as l}from"./UserImpersonation.js";import{useEffect as u,useState as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{Menu as m,Typography as h}from"@equinor/eds-core-react";import{impersonateUserDtoToFullName as g}from"src/organisms/TopBar/Account/ImpersonateMenu/Impersonate.utils";import{Search as _}from"src/molecules/Search/Search";const v=({open:v,onClose:y,anchorEl:b,availableFields:x,availableWells:S})=>{let[C,w]=d(!1),[T,E]=d(void 0),[D,O]=d(void 0),[k,A]=d(``),[j,M]=d(``),{data:N}=r(),{data:P}=e(),F=N?.filter(e=>g(e).toLowerCase().includes(j.toLowerCase()));u(()=>{!v&&P&&k!==P.uniqueName?A(P.uniqueName):!v&&!P&&k!==``&&A(``)},[P,v,k]);let I=()=>{y()},L=()=>w(!0),R=()=>{w(!1),T&&E(void 0)},z=()=>{w(!1),T&&E(void 0),I()},B=e=>{E(N?.find(t=>t.uniqueName===e)),w(!0)},V=e=>{O(N?.find(t=>t.uniqueName===e))},H=()=>{O(void 0)},U=e=>{M(e.target.value)};return v?C?f(m,{open:!0,anchorEl:b,onClose:z,placement:`bottom-end`,style:{width:`400px`},children:f(t,{editingUser:T,onBack:R,availableFields:x,availableWells:S})}):D?f(m,{open:!0,anchorEl:b,onClose:z,placement:`bottom-end`,style:{width:`400px`},children:f(n,{user:D,onBack:H})}):p(m,{open:!0,anchorEl:b,onClose:I,placement:`bottom-end`,style:{width:`400px`},children:[p(s,{children:[f(h,{variant:`h6`,children:`Impersonate`}),f(h,{variant:`caption`,children:`Select a user to impersonate`}),f(_,{placeholder:`Search users`,value:j,onChange:U})]}),f(o,{children:F&&F.length>0?F?.map(e=>f(l,{...e,selected:k===e.uniqueName,onClick:A,onEdit:B,onDelete:V},e.uniqueName)):f(c,{children:`No items found`})}),f(a,{onClick:L}),f(i,{selectedUniqueName:k,onCancel:y})]}):null};export{v as ImpersonateMenu};

package/dist/organisms/TopBar/Account/ImpersonateMenu/ImpersonateMenu.styles.js

@@ -1,17 +1,17 @@
-import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";const i=r.header`
-  padding: ${t.medium};
+import e from"styled-components";import{Typography as t}from"@equinor/eds-core-react";import{colors as n,spacings as r}from"src/atoms/style";const i=e.header`
+  padding: ${r.medium};
   display: flex;
   flex-direction: column;
-  border-bottom: 1px solid ${e.ui.background__medium.rgba};
+  border-bottom: 1px solid ${n.ui.background__medium.rgba};
   > div:has(input) {
-    margin-top: ${t.medium};
+    margin-top: ${r.medium};
   }
-`,a=r.section`
+`,a=e.section`
   overflow: auto;
   max-height: 15rem;
   display: flex;
   flex-direction: column;
-`,o=r(n)`
-  color: ${e.text.static_icons__tertiary.rgba};
-  margin: ${t.medium} auto ${t.medium} ${t.medium};
+`,o=e(t)`
+  color: ${n.text.static_icons__tertiary.rgba};
+  margin: ${r.medium} auto ${r.medium} ${r.medium};
 `;export{a as Content,i as Header,o as NoUsersText};

package/dist/organisms/TopBar/Account/ImpersonateMenu/UserImpersonation.js

@@ -1,16 +1,16 @@
-import{colors as e}from"../../../../atoms/style/colors.js";import{OptionalTooltip as t}from"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{ListItem as n}from"../../../../molecules/ListItem/ListItem.js";import{useMappedRoles as r}from"./hooks/useMappedRoles.js";import{Container as i,RoleChip as a,RoleChipContainer as o}from"./UserImpersonation.styles.js";import{impersonateUserDtoToFullName as s}from"./Impersonate.utils.js";import{useRef as c,useState as l}from"react";import{Button as u,Icon as d,Menu as f,Typography as p}from"@equinor/eds-core-react";import m from"styled-components";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{account_circle as v,check as y,delete_to_trash as b,edit as x,more_horizontal as S}from"@equinor/eds-icons";const C=m(n)`
+import{useMappedRoles as e}from"./hooks/useMappedRoles.js";import{Container as t,RoleChip as n,RoleChipContainer as r}from"./UserImpersonation.styles.js";import{useRef as i,useState as a}from"react";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{colors as l}from"src/atoms/style/colors";import{account_circle as u,check as d,delete_to_trash as f,edit as p,more_horizontal as m}from"@equinor/eds-icons";import h from"styled-components";import{Button as g,Icon as _,Menu as v,Typography as y}from"@equinor/eds-core-react";import{OptionalTooltip as b}from"src/molecules/OptionalTooltip/OptionalTooltip";import{ListItem as x}from"src/molecules/ListItem/ListItem";import{impersonateUserDtoToFullName as S}from"src/organisms/TopBar/Account/ImpersonateMenu/Impersonate.utils";const C=h(x)`
   svg {
-    fill: ${e.interactive.danger__resting.rgba};
+    fill: ${l.interactive.danger__resting.rgba};
   }
   p {
-    color: ${e.interactive.danger__resting.rgba};
+    color: ${l.interactive.danger__resting.rgba};
   }
   &:disabled {
     svg {
-      fill: ${e.interactive.disabled__text.rgba};
+      fill: ${l.interactive.disabled__text.rgba};
     }
   }
   &:hover:not(:disabled) {
-    background: ${e.interactive.danger__highlight.rgba};
+    background: ${l.interactive.danger__highlight.rgba};
   }
-`,w=({firstName:m,lastName:w,uniqueName:T,roles:E,activeUsers:D,selected:O,onClick:k,onEdit:A,onDelete:j})=>{let[M,N]=l(!1),P=c(null),F=s({firstName:m,lastName:w}),I=r(E),L=()=>N(e=>!e),R=()=>N(!1),z=e=>{e.target!==P.current&&k(T)},B=()=>{A(T),R()},V=()=>{j(T),R()};return _(h,{children:[_(i,{$selected:O,onClick:z,"data-testid":`impersonation-user`,children:[g(d,{color:e.text.static_icons__tertiary.rgba,data:v}),g(t,{title:F,placement:`top`,children:g(p,{"data-testid":`name`,children:F})}),_(o,{$selected:O,children:[g(t,{title:I.at(0)?.label,placement:`top`,children:g(a,{"data-testid":`role`,children:I[0].label})}),I.length>1&&g(t,{title:I.slice(1).map(e=>e.label).join(`, `),children:g(a,{"data-testid":`additional-roles`,children:`+${I.length-1}`})})]}),O&&g(d,{data:y,color:e.interactive.primary__resting.rgba}),g(u,{variant:`ghost_icon`,ref:P,onClick:L,children:g(d,{data:S})})]}),M&&_(f,{open:!0,anchorEl:P.current,placement:`right-start`,onClose:R,children:[g(n,{label:`Edit user`,onClick:B,leadingContent:x}),g(t,{title:D.length>0?`Cannot delete user with active sessions`:void 0,children:g(C,{label:`Delete user`,onClick:V,disabled:D.length>0,leadingContent:b})})]})]})};export{w as UserImpersonation};
+`,w=({firstName:h,lastName:w,uniqueName:T,roles:E,activeUsers:D,selected:O,onClick:k,onEdit:A,onDelete:j})=>{let[M,N]=a(!1),P=i(null),F=S({firstName:h,lastName:w}),I=e(E),L=()=>N(e=>!e),R=()=>N(!1),z=e=>{e.target!==P.current&&k(T)},B=()=>{A(T),R()},V=()=>{j(T),R()};return c(o,{children:[c(t,{$selected:O,onClick:z,"data-testid":`impersonation-user`,children:[s(_,{color:l.text.static_icons__tertiary.rgba,data:u}),s(b,{title:F,placement:`top`,children:s(y,{"data-testid":`name`,children:F})}),c(r,{$selected:O,children:[s(b,{title:I.at(0)?.label,placement:`top`,children:s(n,{"data-testid":`role`,children:I[0].label})}),I.length>1&&s(b,{title:I.slice(1).map(e=>e.label).join(`, `),children:s(n,{"data-testid":`additional-roles`,children:`+${I.length-1}`})})]}),O&&s(_,{data:d,color:l.interactive.primary__resting.rgba}),s(g,{variant:`ghost_icon`,ref:P,onClick:L,children:s(_,{data:m})})]}),M&&c(v,{open:!0,anchorEl:P.current,placement:`right-start`,onClose:R,children:[s(x,{label:`Edit user`,onClick:B,leadingContent:p}),s(b,{title:D.length>0?`Cannot delete user with active sessions`:void 0,children:s(C,{label:`Delete user`,onClick:V,disabled:D.length>0,leadingContent:f})})]})]})};export{w as UserImpersonation};

package/dist/organisms/TopBar/Account/ImpersonateMenu/UserImpersonation.styles.js

@@ -1,17 +1,17 @@
-import{animation as e}from"../../../../atoms/style/animation.js";import{colors as t}from"../../../../atoms/style/colors.js";import{spacings as n}from"../../../../atoms/style/spacings.js";import{Chip as r}from"../../../../molecules/Chip/Chip.js";import i,{css as a}from"styled-components";const o=i.div`
+import e,{css as t}from"styled-components";import{animation as n,colors as r,spacings as i}from"src/atoms/style";import{Chip as a}from"src/molecules/Chip/Chip";const o=e.div`
   display: grid;
   grid-template-columns: minmax(auto, 1fr) auto 1fr 24px 36px;
   align-items: center;
-  gap: ${n.small};
-  height: calc(32px + ${n.medium} * 2);
+  gap: ${i.small};
+  height: calc(32px + ${i.medium} * 2);
   flex-shrink: 0;
-  padding: 0 ${n.medium};
-  background: ${({$selected:e})=>e?t.interactive.primary__selected_highlight.rgba:`transparent`};
-  transition: background ${e.transitionMS};
+  padding: 0 ${i.medium};
+  background: ${({$selected:e})=>e?r.interactive.primary__selected_highlight.rgba:`transparent`};
+  transition: background ${n.transitionMS};
 
   &:hover {
     cursor: pointer;
-    background: ${({$selected:e})=>e?t.interactive.primary__selected_hover.rgba:t.interactive.primary__hover_alt.rgba};
+    background: ${({$selected:e})=>e?r.interactive.primary__selected_hover.rgba:r.interactive.primary__hover_alt.rgba};
   }
   > p {
     white-space: nowrap;
@@ -24,7 +24,7 @@ import{animation as e}from"../../../../atoms/style/animation.js";import{colors a
   > button {
     grid-column: 5;
   }
-`,s=i(r)`
+`,s=e(a)`
   &,
   div,
   span {
@@ -35,17 +35,17 @@ import{animation as e}from"../../../../atoms/style/animation.js";import{colors a
   }
   height: fit-content;
   padding: 0;
-  color: ${t.text.static_icons__primary_white.rgba};
-  background: ${t.text.static_icons__tertiary.rgba};
-`,c=i.div`
+  color: ${r.text.static_icons__primary_white.rgba};
+  background: ${r.text.static_icons__tertiary.rgba};
+`,c=e.div`
   display: flex;
   align-items: center;
-  gap: ${n.small};
-  ${({$selected:e})=>e?a`
+  gap: ${i.small};
+  ${({$selected:e})=>e?t`
       > div {
-        background: ${t.interactive.primary__resting.rgba};
-        color: ${t.text.static_icons__primary_white.rgba};
-        outline-color: ${t.interactive.primary__resting.rgba};
+        background: ${r.interactive.primary__resting.rgba};
+        color: ${r.text.static_icons__primary_white.rgba};
+        outline-color: ${r.interactive.primary__resting.rgba};
       }
     `:``}
 `;export{o as Container,s as RoleChip,c as RoleChipContainer};

package/dist/organisms/TopBar/Account/ImpersonateMenu/hooks/useActiveImpersonationUser.js

@@ -1 +1 @@
-import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{ACTIVE_USERIMPERSONATION as t}from"../Impersonate.constants.js";import{ApiError as n,ImpersonateUserService as r}from"@equinor/subsurface-app-management";import{useQuery as i}from"@tanstack/react-query";function a(){return i({queryKey:[t],queryFn:async()=>{try{let e=await r.getActiveUser();return e===void 0?null:e}catch(e){if(e instanceof n&&(e.status===204||e.status===404))return null}},enabled:e.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{a as useActiveImpersonationUser};
+import{ACTIVE_USERIMPERSONATION as e}from"../Impersonate.constants.js";import{ApiError as t,ImpersonateUserService as n}from"@equinor/subsurface-app-management";import{useQuery as r}from"@tanstack/react-query";import{environment as i}from"src/atoms/utils/auth_environment";function a(){return r({queryKey:[e],queryFn:async()=>{try{let e=await n.getActiveUser();return e===void 0?null:e}catch(e){if(e instanceof t&&(e.status===204||e.status===404))return null}},enabled:i.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{a as useActiveImpersonationUser};

package/dist/organisms/TopBar/Account/ImpersonateMenu/hooks/useAllAppRoles.js

@@ -1 +1 @@
-import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{AVAILABLE_ROLES as t}from"../Impersonate.constants.js";import{AmplifyApplicationService as n}from"@equinor/subsurface-app-management";import{useQuery as r}from"@tanstack/react-query";function i(i=!0){return r({queryKey:[t],queryFn:()=>n.getAllAppRoles(e.getApiClientId(import.meta.env.VITE_API_CLIENT_ID)),enabled:i&&!!e.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),staleTime:1/0,gcTime:1/0})}export{i as useAllAppRoles};
+import{AVAILABLE_ROLES as e}from"../Impersonate.constants.js";import{AmplifyApplicationService as t}from"@equinor/subsurface-app-management";import{useQuery as n}from"@tanstack/react-query";import{environment as r}from"src/atoms/utils/auth_environment";function i(i=!0){return n({queryKey:[e],queryFn:()=>t.getAllAppRoles(r.getApiClientId(import.meta.env.VITE_API_CLIENT_ID)),enabled:i&&!!r.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),staleTime:1/0,gcTime:1/0})}export{i as useAllAppRoles};

package/dist/organisms/TopBar/Account/ImpersonateMenu/hooks/useCanImpersonate.js

@@ -1 +1 @@
-import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{CAN_IMPERSONATE as t}from"../Impersonate.constants.js";import{ImpersonateUserService as n}from"@equinor/subsurface-app-management";import{useQuery as r}from"@tanstack/react-query";function i(){return r({queryKey:[t],queryFn:()=>n.canImpersonate(),enabled:e.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{i as useCanImpersonate};
+import{CAN_IMPERSONATE as e}from"../Impersonate.constants.js";import{ImpersonateUserService as t}from"@equinor/subsurface-app-management";import{useQuery as n}from"@tanstack/react-query";import{environment as r}from"src/atoms/utils/auth_environment";function i(){return n({queryKey:[e],queryFn:()=>t.canImpersonate(),enabled:r.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{i as useCanImpersonate};

package/dist/organisms/TopBar/Account/ImpersonateMenu/hooks/useGetAllImpersonationUsersForApp.js

@@ -1 +1 @@
-import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{GET_ALL_IMPERSONATIONS as t}from"../Impersonate.constants.js";import{ImpersonateUserService as n}from"@equinor/subsurface-app-management";import{useQuery as r}from"@tanstack/react-query";function i(){return r({queryKey:[t],queryFn:async()=>await n.getApiV1ImpersonateUserGetImpersonateUserForApp(e.getAppName(import.meta.env.VITE_NAME)),enabled:e.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{i as useGetAllImpersonationUsersForApp};
+import{GET_ALL_IMPERSONATIONS as e}from"../Impersonate.constants.js";import{ImpersonateUserService as t}from"@equinor/subsurface-app-management";import{useQuery as n}from"@tanstack/react-query";import{environment as r}from"src/atoms/utils/auth_environment";function i(){return n({queryKey:[e],queryFn:async()=>await t.getApiV1ImpersonateUserGetImpersonateUserForApp(r.getAppName(import.meta.env.VITE_NAME)),enabled:r.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{i as useGetAllImpersonationUsersForApp};

package/dist/organisms/TopBar/Account/RoleChips.js

@@ -1 +1 @@
-import{RoleChip as e,RolesContainer as t}from"./Account.styles.js";import{jsx as n}from"react/jsx-runtime";const r=({roles:r})=>n(t,{children:r.map(t=>n(e,{children:t.label},t.value))});export{r as RoleChips};
+import{jsx as e}from"react/jsx-runtime";import{RoleChip as t,RolesContainer as n}from"src/organisms/TopBar/Account/Account.styles";const r=({roles:r})=>e(n,{children:r.map(n=>e(t,{children:n.label},n.value))});export{r as RoleChips};

package/dist/organisms/TopBar/Account/RoleList.js

@@ -1,20 +1,20 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{Divider as n,Typography as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=i.div`
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"styled-components";import{Divider as r,Typography as i}from"@equinor/eds-core-react";import{colors as a,spacings as o}from"src/atoms/style";const s=n.div`
   margin-top: calc(
-    ${t.medium} - ${t.small}
+    ${o.medium} - ${o.small}
   ); // small is the flex gap above this component
   display: grid;
   grid-template-rows: auto auto 1fr auto;
   width: 100%;
   > hr {
-    margin: ${t.small} 0;
+    margin: ${o.small} 0;
   }
-`,c=i.ul`
+`,c=n.ul`
   max-height: 135px;
   margin: 0;
   overflow-y: auto;
-  padding: 0 ${t.small} 0 ${t.large};
+  padding: 0 ${o.small} 0 ${o.large};
   list-style: square;
   > li::marker {
-    color: ${e.text.static_icons__secondary.rgba};
+    color: ${a.text.static_icons__secondary.rgba};
   }
-`,l=({roles:t})=>o(s,{children:[a(r,{variant:`h6`,children:`App Access`}),a(n,{}),a(c,{children:t.toSorted((e,t)=>e.label.localeCompare(t.label)).map(t=>a(r,{variant:`body_long`,color:e.text.static_icons__secondary.rgba,as:`li`,children:t.label},t.value))}),a(n,{})]});export{l as RoleList};
+`,l=({roles:n})=>t(s,{children:[e(i,{variant:`h6`,children:`App Access`}),e(r,{}),e(c,{children:n.toSorted((e,t)=>e.label.localeCompare(t.label)).map(t=>e(i,{variant:`body_long`,color:a.text.static_icons__secondary.rgba,as:`li`,children:t.label},t.value))}),e(r,{})]});export{l as RoleList};

package/dist/organisms/TopBar/Actions.d.ts

@@ -1,7 +1,7 @@
-import * as react126 from "react";
+import * as react110 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react126.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react126.RefAttributes<HTMLDivElement>>;
+declare const Actions: react110.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react110.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Actions };

package/dist/organisms/TopBar/Actions.js

@@ -1,6 +1,6 @@
-import{spacings as e}from"../../atoms/style/spacings.js";import{forwardRef as t}from"react";import{TopBar as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r(n.Actions)`
+import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"styled-components";import{TopBar as r}from"@equinor/eds-core-react";import{spacings as i}from"src/atoms/style";const a=n(r.Actions)`
   display: flex;
   align-items: center;
   flex-direction: row-reverse;
-  gap: ${e.large};
-`,o=t(({children:e},t)=>i(a,{ref:t,children:e}));o.displayName=`TopBar.Actions`;export{o as Actions};
+  gap: ${i.large};
+`,o=e(({children:e},n)=>t(a,{ref:n,children:e}));o.displayName=`TopBar.Actions`;export{o as Actions};

package/dist/organisms/TopBar/ApplicationDrawer/ApplicationDrawer.js

@@ -1 +1 @@
-import{environment as e}from"../../../atoms/utils/auth_environment.js";import{colors as t}from"../../../atoms/style/colors.js";import{ApplicationIcon as n}from"../../../molecules/ApplicationIcon/ApplicationIcon.js";import{TopBarMenu as r}from"../TopBarMenu.js";import{TopBarButton as i}from"../TopBar.styles.js";import{ApplicationBox as a,ApplicationButton as o,ApplicationContent as s,ApplicationName as c,LoadingApplications as l,MenuFixedItem as u,MenuSection as d,NoApplications as f,TextContainer as p}from"./ApplicationDrawer.styles.js";import{TransferToAppDialog as m}from"../TransferToAppDialog.js";import{useRef as h,useState as g}from"react";import{DotProgress as _,Icon as v,Typography as y}from"@equinor/eds-core-react";import{Fragment as b,jsx as x,jsxs as S}from"react/jsx-runtime";import{apps as C,exit_to_app as w}from"@equinor/eds-icons";import{AmplifyApplicationService as T}from"@equinor/subsurface-app-management";import{useQuery as E}from"@tanstack/react-query";const{getAppName:D,PORTAL_URL_WITHOUT_LOCALHOST:O}=e,k=()=>{let[e,k]=g(!1),[A,j]=g(void 0),[M,N]=g(!1),{data:P=[],isLoading:F}=E({queryKey:[`userApplications`],queryFn:()=>T.userApplications()}),I=h(null),L=()=>k(!e),R=()=>{k(!1),j(void 0)},z=e=>{j(e)},B=()=>{N(!0)};return F?S(b,{children:[x(i,{variant:`ghost_icon`,onClick:L,ref:I,children:x(v,{data:C,size:24})}),x(r,{open:e,title:`Your available applications`,onClose:R,anchorEl:I.current,contentPadding:!1,children:x(b,{children:x(d,{children:x(s,{children:x(l,{children:x(_,{color:`primary`})})})})})})]}):S(b,{children:[x(i,{variant:`ghost`,onClick:L,ref:I,children:x(v,{data:C,size:24})}),x(r,{open:e,title:`Your available applications`,onClose:R,anchorEl:I.current,contentPadding:!1,children:S(b,{children:[S(d,{children:[P.length===0?x(f,{children:x(y,{group:`paragraph`,variant:`body_short`,style:{color:t.text.static_icons__tertiary.rgba},children:`You don't have access to other applications`})}):x(y,{group:`paragraph`,variant:`overline`,children:`SWITCH BETWEEN APPS`}),x(s,{children:x(b,{children:P.map((e,t)=>{let r=D(import.meta.env.VITE_NAME)===e.name;return x(a,{$isSelected:r,"data-testid":`application-box-${e.name}`,children:S(o,{variant:`ghost_icon`,onClick:()=>z(e),"data-testid":e.name,children:[x(n,{name:e.name.toLowerCase(),size:36}),x(c,{children:x(y,{group:`paragraph`,variant:`caption`,children:e.name})})]})},t)})})})]}),x(u,{"data-testid":`access-it-link`,onClick:B,children:S(`div`,{children:[S(p,{children:[x(y,{variant:`overline`,children:`Access to more applications?`}),x(y,{variant:`h6`,children:`Go to Application Portal`})]}),x(v,{data:w,color:t.interactive.primary__resting.rgba,size:24})]})})]})}),M&&x(m,{onClose:R,applicationName:`Portal`,url:O}),A&&x(m,{onClose:R,applicationName:A.name,url:A.url})]})};export{k as ApplicationDrawer};
+import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t}from"../TopBar.styles.js";import{ApplicationBox as n,ApplicationButton as r,ApplicationContent as i,ApplicationName as a,LoadingApplications as o,MenuFixedItem as s,MenuSection as c,NoApplications as l,TextContainer as u}from"./ApplicationDrawer.styles.js";import{useRef as d,useState as f}from"react";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";import{AmplifyApplicationService as g}from"@equinor/subsurface-app-management";import{environment as _}from"src/atoms/utils";import{useQuery as v}from"@tanstack/react-query";import{apps as y,exit_to_app as b}from"@equinor/eds-icons";import{DotProgress as x,Icon as S,Typography as C}from"@equinor/eds-core-react";import{colors as w}from"src/atoms/style";import{ApplicationIcon as T}from"src/molecules/ApplicationIcon/ApplicationIcon";import{TransferToAppDialog as E}from"src/organisms/TopBar/TransferToAppDialog";const{getAppName:D,PORTAL_URL_WITHOUT_LOCALHOST:O}=_,k=()=>{let[_,k]=f(!1),[A,j]=f(void 0),[M,N]=f(!1),{data:P=[],isLoading:F}=v({queryKey:[`userApplications`],queryFn:()=>g.userApplications()}),I=d(null),L=()=>k(!_),R=()=>{k(!1),j(void 0)},z=e=>{j(e)},B=()=>{N(!0)};return F?h(p,{children:[m(t,{variant:`ghost_icon`,onClick:L,ref:I,children:m(S,{data:y,size:24})}),m(e,{open:_,title:`Your available applications`,onClose:R,anchorEl:I.current,contentPadding:!1,children:m(p,{children:m(c,{children:m(i,{children:m(o,{children:m(x,{color:`primary`})})})})})})]}):h(p,{children:[m(t,{variant:`ghost`,onClick:L,ref:I,children:m(S,{data:y,size:24})}),m(e,{open:_,title:`Your available applications`,onClose:R,anchorEl:I.current,contentPadding:!1,children:h(p,{children:[h(c,{children:[P.length===0?m(l,{children:m(C,{group:`paragraph`,variant:`body_short`,style:{color:w.text.static_icons__tertiary.rgba},children:`You don't have access to other applications`})}):m(C,{group:`paragraph`,variant:`overline`,children:`SWITCH BETWEEN APPS`}),m(i,{children:m(p,{children:P.map((e,t)=>{let i=D(import.meta.env.VITE_NAME)===e.name;return m(n,{$isSelected:i,"data-testid":`application-box-${e.name}`,children:h(r,{variant:`ghost_icon`,onClick:()=>z(e),"data-testid":e.name,children:[m(T,{name:e.name.toLowerCase(),size:36}),m(a,{children:m(C,{group:`paragraph`,variant:`caption`,children:e.name})})]})},t)})})})]}),m(s,{"data-testid":`access-it-link`,onClick:B,children:h(`div`,{children:[h(u,{children:[m(C,{variant:`overline`,children:`Access to more applications?`}),m(C,{variant:`h6`,children:`Go to Application Portal`})]}),m(S,{data:b,color:w.interactive.primary__resting.rgba,size:24})]})})]})}),M&&m(E,{onClose:R,applicationName:`Portal`,url:O}),A&&m(E,{onClose:R,applicationName:A.name,url:A.url})]})};export{k as ApplicationDrawer};

package/dist/organisms/TopBar/ApplicationDrawer/ApplicationDrawer.styles.js

@@ -1,26 +1,26 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{shape as n}from"../../../atoms/style/index.js";import{Button as r}from"@equinor/eds-core-react";import i from"styled-components";const a=i.div`
-  border-bottom: 1px solid ${e.ui.background__light.rgba};
+import e from"styled-components";import{Button as t}from"@equinor/eds-core-react";import{colors as n,shape as r,spacings as i}from"src/atoms/style";const a=e.div`
+  border-bottom: 1px solid ${n.ui.background__light.rgba};
   display: flex;
   flex-direction: column;
 
-  padding: ${t.small} ${t.medium} ${t.medium}
-    ${t.medium};
+  padding: ${i.small} ${i.medium} ${i.medium}
+    ${i.medium};
   > p {
-    margin-left: ${t.small};
+    margin-left: ${i.small};
   }
-`,o=i.div`
+`,o=e.div`
   display: flex;
   align-items: flex-start;
   > p {
     text-align: center;
   }
-`,s=i.div`
+`,s=e.div`
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
-  padding-top: ${t.small};
+  padding-top: ${i.small};
   justify-items: center;
-  gap: ${t.small};
-`,c=i.div`
+  gap: ${i.small};
+`,c=e.div`
   > div {
     display: grid;
     grid-template-columns: 1fr 24px;
@@ -28,42 +28,42 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
     width: 100%;
   }
   &:hover {
-    background: ${e.interactive.primary__selected_hover.rgba};
+    background: ${n.interactive.primary__selected_hover.rgba};
     cursor: pointer;
   }
-  border-top: 1px solid ${e.ui.background__light.rgba};
+  border-top: 1px solid ${n.ui.background__light.rgba};
   outline: none !important;
-  padding: ${t.medium};
+  padding: ${i.medium};
   svg {
     align-self: center;
   }
-`,l=i.div`
+`,l=e.div`
   display: flex;
   flex-direction: column;
   > h6 {
     text-transform: capitalize;
   }
-`,u=i.div`
+`,u=e.div`
   display: flex;
-  padding: ${t.medium};
-`,d=i.div`
+  padding: ${i.medium};
+`,d=e.div`
   display: flex;
-  padding: ${t.large};
+  padding: ${i.large};
   align-items: center;
   grid-column: span 3;
-`,f=i.div`
+`,f=e.div`
   display: flex;
   width: 100%;
   justify-content: center;
   flex-direction: column;
   align-items: center;
-  background: ${({$isSelected:t})=>t?e.interactive.primary__selected_highlight.rgba:`none`};
-  border-radius: ${n.corners.borderRadius};
+  background: ${({$isSelected:e})=>e?n.interactive.primary__selected_highlight.rgba:`none`};
+  border-radius: ${r.corners.borderRadius};
   &:hover {
-    background: ${e.interactive.primary__hover_alt.rgba};
-    border-radius: ${n.corners.borderRadius};
+    background: ${n.interactive.primary__hover_alt.rgba};
+    border-radius: ${r.corners.borderRadius};
   }
-`,p=i(r)`
+`,p=e(t)`
   height: 96px;
 
   > span {

package/dist/organisms/TopBar/FieldMenu/FieldMenu.d.ts

@@ -1,5 +1,5 @@
 import { Field } from "../../../atoms/types/Field.js";
-import * as react124 from "react";
+import * as react106 from "react";
 
 //#region src/organisms/TopBar/FieldMenu/FieldMenu.d.ts
 interface FieldMenuProps {
@@ -9,6 +9,6 @@ interface FieldMenuProps {
   itemNameSingular?: string;
   showAccessITLink?: boolean;
 }
-declare const FieldMenu: react124.ForwardRefExoticComponent<FieldMenuProps & react124.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react106.ForwardRefExoticComponent<FieldMenuProps & react106.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

package/dist/organisms/TopBar/FieldMenu/FieldMenu.js

@@ -1 +1 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useOutsideClick as t}from"../../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";import{TopBarMenu as n}from"../TopBarMenu.js";import{TopBarButton as r}from"../TopBar.styles.js";import{ListContainer as i,MenuFixedItem as a,MenuItem as o,MenuSection as s,NoFieldsText as c,NoSearchResultsContainer as l,SearchContainer as u,TextContainer as d}from"./FieldMenu.styles.js";import{forwardRef as f,useMemo as p,useRef as m,useState as h}from"react";import{Icon as g,Search as _,Typography as v}from"@equinor/eds-core-react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{arrow_drop_down as x,arrow_drop_up as S,check as C,exit_to_app as w,platform as T}from"@equinor/eds-icons";const{colors:E}=e,D=f(({currentField:e,availableFields:f,onSelect:D,itemNameSingular:O=`field`,showAccessITLink:k=!0},A)=>{let[j,M]=h(!1),N=m(null),P=m(null),[F,I]=h(``),L=()=>M(!1),R=()=>M(!j),z=e=>{I(e.target.value)};t(N.current,e=>{P.current!==e.target&&M(!1)});let B=p(()=>F===``?f.filter(t=>t.name?.toLowerCase()!==e?.name?.toLowerCase()):f.filter(e=>e.name?.toLowerCase().includes(F.toLowerCase())),[f,F,e]),V=p(()=>B.length===0&&f.length>1,[f.length,B.length]),H=p(()=>{if(e?.name)return e?.name?.charAt(0).toUpperCase()+e?.name?.slice(1)},[e?.name]),U=p(()=>B.length>=4||F!==``,[B,F]);return e===void 0?null:b(`div`,{ref:A,children:[b(r,{variant:`ghost`,ref:P,onClick:R,"data-testid":`field-selector-top-bar-button`,$fieldSelector:!0,children:[y(g,{data:T,size:24}),H,y(g,{data:j?S:x})]}),y(n,{open:j,title:`Field Selection`,onClose:L,anchorEl:P.current,contentPadding:!1,ref:N,children:b(`section`,{children:[b(s,{children:[U&&y(u,{children:y(_,{autoFocus:!0,placeholder:`Search fields`,value:F,onChange:z})}),b(i,{children:[e&&!V&&F===``&&y(a,{$active:!0,children:b(`div`,{children:[y(d,{children:y(v,{variant:`h6`,children:e.name?.toLowerCase()})}),y(g,{data:C,color:E.interactive.primary__resting.rgba,size:24})]})}),V?y(l,{children:b(c,{variant:`body_short`,color:E.text.static_icons__tertiary.rgba,children:[`No `,O,`s matching your search`]})}):B.map(e=>y(o,{onClick:()=>{D(e),L()},children:y(d,{children:y(v,{variant:`h6`,children:e.name?.toLowerCase()})})},e.uuid))]})]}),k&&!V&&y(a,{"data-testid":`access-it-link`,onClick:()=>window.open(`https://accessit.equinor.com/#`,`_blank`),children:b(`div`,{children:[b(d,{children:[b(v,{variant:`overline`,children:[`Missing a `,O,`?`]}),y(v,{variant:`h6`,children:`Go to AccessIT`})]}),y(g,{data:w,color:E.interactive.primary__resting.rgba,size:24})]})})]})})]})});D.displayName=`FieldSelector`;export{D as FieldMenu};
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useOutsideClick as t}from"../../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";import{ListContainer as n,MenuFixedItem as r,MenuItem as i,MenuSection as a,NoFieldsText as o,NoSearchResultsContainer as s,SearchContainer as c,TextContainer as l}from"./FieldMenu.styles.js";import{forwardRef as u,useMemo as d,useRef as f,useState as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{arrow_drop_down as g,arrow_drop_up as _,check as v,exit_to_app as y,platform as b}from"@equinor/eds-icons";import{Icon as x,Search as S,Typography as C}from"@equinor/eds-core-react";import{TopBarButton as w}from"src/organisms/TopBar/TopBar.styles";import{TopBarMenu as T}from"src/organisms/TopBar/TopBarMenu";const{colors:E}=e,D=u(({currentField:e,availableFields:u,onSelect:D,itemNameSingular:O=`field`,showAccessITLink:k=!0},A)=>{let[j,M]=p(!1),N=f(null),P=f(null),[F,I]=p(``),L=()=>M(!1),R=()=>M(!j),z=e=>{I(e.target.value)};t(N.current,e=>{P.current!==e.target&&M(!1)});let B=d(()=>F===``?u.filter(t=>t.name?.toLowerCase()!==e?.name?.toLowerCase()):u.filter(e=>e.name?.toLowerCase().includes(F.toLowerCase())),[u,F,e]),V=d(()=>B.length===0&&u.length>1,[u.length,B.length]),H=d(()=>{if(e?.name)return e?.name?.charAt(0).toUpperCase()+e?.name?.slice(1)},[e?.name]),U=d(()=>B.length>=4||F!==``,[B,F]);return e===void 0?null:h(`div`,{ref:A,children:[h(w,{variant:`ghost`,ref:P,onClick:R,"data-testid":`field-selector-top-bar-button`,$fieldSelector:!0,children:[m(x,{data:b,size:24}),H,m(x,{data:j?_:g})]}),m(T,{open:j,title:`Field Selection`,onClose:L,anchorEl:P.current,contentPadding:!1,ref:N,children:h(`section`,{children:[h(a,{children:[U&&m(c,{children:m(S,{autoFocus:!0,placeholder:`Search fields`,value:F,onChange:z})}),h(n,{children:[e&&!V&&F===``&&m(r,{$active:!0,children:h(`div`,{children:[m(l,{children:m(C,{variant:`h6`,children:e.name?.toLowerCase()})}),m(x,{data:v,color:E.interactive.primary__resting.rgba,size:24})]})}),V?m(s,{children:h(o,{variant:`body_short`,color:E.text.static_icons__tertiary.rgba,children:[`No `,O,`s matching your search`]})}):B.map(e=>m(i,{onClick:()=>{D(e),L()},children:m(l,{children:m(C,{variant:`h6`,children:e.name?.toLowerCase()})})},e.uuid))]})]}),k&&!V&&m(r,{"data-testid":`access-it-link`,onClick:()=>window.open(`https://accessit.equinor.com/#`,`_blank`),children:h(`div`,{children:[h(l,{children:[h(C,{variant:`overline`,children:[`Missing a `,O,`?`]}),m(C,{variant:`h6`,children:`Go to AccessIT`})]}),m(x,{data:y,color:E.interactive.primary__resting.rgba,size:24})]})})]})})]})});D.displayName=`FieldSelector`;export{D as FieldMenu};