@equinor/amplify-component-lib 9.15.2 → 9.15.3

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

@@ -0,0 +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`
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  padding: ${n.medium};
+  transition: background ${t.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};

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

@@ -0,0 +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};

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

@@ -0,0 +1,16 @@
+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`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.medium};
+`,a=n.section`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.small};
+  padding: 0 ${t.medium} ${t.medium};
+  border-bottom: 1px solid ${r.ui.background__medium.rgba};
+  &:last-child {
+    flex-direction: row;
+    border-bottom: none;
+    justify-content: flex-end;
+  }
+`;export{i as Container,a as Section};

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +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};

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

@@ -0,0 +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`
+  display: flex;
+  align-items: center;
+  gap: ${t.medium};
+  padding: 0 ${t.small} ${t.small};
+  border-bottom: 1px solid ${e.ui.background__medium.rgba};
+`;export{r as Header};

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

@@ -0,0 +1 @@
+function e(e){return`${e.firstName} ${e.lastName}`}export{e as impersonateUserDtoToFullName};

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

@@ -0,0 +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};

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

@@ -0,0 +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};
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid ${e.ui.background__medium.rgba};
+  > div:has(input) {
+    margin-top: ${t.medium};
+  }
+`,a=r.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};
+`;export{a as Content,i as Header,o as NoUsersText};

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

@@ -0,0 +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)`
+  svg {
+    fill: ${e.interactive.danger__resting.rgba};
+  }
+  p {
+    color: ${e.interactive.danger__resting.rgba};
+  }
+  &:disabled {
+    svg {
+      fill: ${e.interactive.disabled__text.rgba};
+    }
+  }
+  &:hover:not(:disabled) {
+    background: ${e.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};

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

@@ -0,0 +1,51 @@
+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`
+  display: grid;
+  grid-template-columns: minmax(auto, 1fr) auto 1fr 24px 36px;
+  align-items: center;
+  gap: ${n.small};
+  height: calc(32px + ${n.medium} * 2);
+  flex-shrink: 0;
+  padding: 0 ${n.medium};
+  background: ${({$selected:e})=>e?t.interactive.primary__selected_highlight.rgba:`transparent`};
+  transition: background ${e.transitionMS};
+
+  &:hover {
+    cursor: pointer;
+    background: ${({$selected:e})=>e?t.interactive.primary__selected_hover.rgba:t.interactive.primary__hover_alt.rgba};
+  }
+  > p {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  > svg:last-child {
+    margin-left: auto;
+  }
+  > button {
+    grid-column: 5;
+  }
+`,s=i(r)`
+  &,
+  div,
+  span {
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 10ch;
+    text-overflow: ellipsis;
+  }
+  height: fit-content;
+  padding: 0;
+  color: ${t.text.static_icons__primary_white.rgba};
+  background: ${t.text.static_icons__tertiary.rgba};
+`,c=i.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.small};
+  ${({$selected:e})=>e?a`
+      > div {
+        background: ${t.interactive.primary__resting.rgba};
+        color: ${t.text.static_icons__primary_white.rgba};
+        outline-color: ${t.interactive.primary__resting.rgba};
+      }
+    `:``}
+`;export{o as Container,s as RoleChip,c as RoleChipContainer};

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

@@ -0,0 +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};

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

@@ -0,0 +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};

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

@@ -0,0 +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};

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

@@ -0,0 +1 @@
+import{CREATE_IMPERSONATION as e,GET_ALL_IMPERSONATIONS as t}from"../Impersonate.constants.js";import{ImpersonateUserService as n}from"@equinor/subsurface-app-management";import{useMutation as r,useQueryClient as i}from"@tanstack/react-query";function a(){let a=i();return r({mutationKey:[e],mutationFn:async e=>{let r=await n.createImpersonateUser(e);return a.setQueryData([t],e=>[...e,r]),r}})}export{a as useCreateImpersonation};

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

@@ -0,0 +1 @@
+import{GET_ALL_IMPERSONATIONS as e}from"../Impersonate.constants.js";import{ImpersonateUserService as t}from"@equinor/subsurface-app-management";import{useMutation as n,useQueryClient as r}from"@tanstack/react-query";function i(){let i=r();return n({mutationFn:async n=>{if(n.id){let r=await t.deleteImpersonationUser(n.id),a=i.getQueryData([e]),o=a?.findIndex(e=>e.id===n.id);if(o!==void 0&&o>=0&&a){let t=[...a];t.splice(o,1),i.setQueryData([e],t)}return r}}})}export{i as useDeleteImpersonation};

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

@@ -0,0 +1 @@
+import{ACTIVE_USERIMPERSONATION as e,GET_ALL_IMPERSONATIONS as t,IMPERSONATE_QUERY_FILTER as n}from"../Impersonate.constants.js";import{ImpersonateUserService as r}from"@equinor/subsurface-app-management";import{useMutation as i,useQueryClient as a}from"@tanstack/react-query";function o(){let o=a();return i({mutationFn:async i=>{await r.putImpersonateUser(i);let a=o.getQueryData([t]);if(a){let e=a?.map(e=>e.uniqueName===i.uniqueName?i:e);o.setQueryData([t],e)}let s=o.getQueryData([e]);s&&s.uniqueName===i.uniqueName&&(o.setQueryData([e],i),await o.invalidateQueries(n))}})}export{o as useEditImpersonation};

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

@@ -0,0 +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};

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

@@ -0,0 +1 @@
+import{useAllAppRoles as e}from"./useAllAppRoles.js";import{useMemo as t}from"react";function n(n,r=!0){let{data:i=[]}=e(r);return t(()=>n.toSorted().map(e=>{let t=i.find(t=>t.value===e);return t?{value:t.value,label:t.displayName}:{value:e,label:e}}),[i,n])}export{n as useMappedRoles};

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

@@ -0,0 +1 @@
+import{useSnackbar as e}from"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import{ACTIVE_USERIMPERSONATION as t,IMPERSONATE_QUERY_FILTER as n,SET_ACTIVE_IMPERSONATION as r}from"../Impersonate.constants.js";import{ImpersonateUserService as i}from"@equinor/subsurface-app-management";import{useMutation as a,useQueryClient as o}from"@tanstack/react-query";function s(){let s=o(),{showSnackbar:c}=e();return a({mutationKey:[r],mutationFn:async e=>{let r=await i.startImpersonating(e);return s.setQueryData([t],r),await s.invalidateQueries(n),c(`Set active user impersonation: ${r.firstName} ${r.lastName}`),r}})}export{s as useStartImpersonation};

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

@@ -0,0 +1 @@
+import{ACTIVE_USERIMPERSONATION as e,IMPERSONATE_QUERY_FILTER as t,STOP_IMPERSONATION as n}from"../Impersonate.constants.js";import{ImpersonateUserService as r}from"@equinor/subsurface-app-management";import{useMutation as i,useQueryClient as a}from"@tanstack/react-query";function o(){let o=a();return i({mutationKey:[n],mutationFn:async()=>{await r.stopImpersonating(),o.setQueryData([e],null),await o.invalidateQueries(t)}})}export{o as useStopImpersonation};

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

@@ -0,0 +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};

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

@@ -0,0 +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`
+  margin-top: calc(
+    ${t.medium} - ${t.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;
+  }
+`,c=i.ul`
+  max-height: 135px;
+  margin: 0;
+  overflow-y: auto;
+  padding: 0 ${t.small} 0 ${t.large};
+  list-style: square;
+  > li::marker {
+    color: ${e.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};

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

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

package/dist/organisms/TopBar/Actions.js

@@ -0,0 +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)`
+  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};

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+
+//#region src/organisms/TopBar/ApplicationDrawer/ApplicationDrawer.d.ts
+declare const ApplicationDrawer: FC;
+//#endregion
+export { ApplicationDrawer };

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

@@ -0,0 +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};

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

@@ -0,0 +1,73 @@
+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};
+  display: flex;
+  flex-direction: column;
+
+  padding: ${t.small} ${t.medium} ${t.medium}
+    ${t.medium};
+  > p {
+    margin-left: ${t.small};
+  }
+`,o=i.div`
+  display: flex;
+  align-items: flex-start;
+  > p {
+    text-align: center;
+  }
+`,s=i.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  padding-top: ${t.small};
+  justify-items: center;
+  gap: ${t.small};
+`,c=i.div`
+  > div {
+    display: grid;
+    grid-template-columns: 1fr 24px;
+    justify-content: space-between;
+    width: 100%;
+  }
+  &:hover {
+    background: ${e.interactive.primary__selected_hover.rgba};
+    cursor: pointer;
+  }
+  border-top: 1px solid ${e.ui.background__light.rgba};
+  outline: none !important;
+  padding: ${t.medium};
+  svg {
+    align-self: center;
+  }
+`,l=i.div`
+  display: flex;
+  flex-direction: column;
+  > h6 {
+    text-transform: capitalize;
+  }
+`,u=i.div`
+  display: flex;
+  padding: ${t.medium};
+`,d=i.div`
+  display: flex;
+  padding: ${t.large};
+  align-items: center;
+  grid-column: span 3;
+`,f=i.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};
+  &:hover {
+    background: ${e.interactive.primary__hover_alt.rgba};
+    border-radius: ${n.corners.borderRadius};
+  }
+`,p=i(r)`
+  height: 96px;
+
+  > span {
+    display: flex;
+    flex-direction: column;
+  }
+`;export{f as ApplicationBox,p as ApplicationButton,s as ApplicationContent,o as ApplicationName,d as LoadingApplications,c as MenuFixedItem,a as MenuSection,u as NoApplications,l as TextContainer};

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

@@ -0,0 +1,14 @@
+import { Field } from "../../../atoms/types/Field.js";
+import * as react130 from "react";
+
+//#region src/organisms/TopBar/FieldMenu/FieldMenu.d.ts
+interface FieldMenuProps {
+  currentField?: Field;
+  availableFields: Field[];
+  onSelect: (selectedField: Field) => void;
+  itemNameSingular?: string;
+  showAccessITLink?: boolean;
+}
+declare const FieldMenu: react130.ForwardRefExoticComponent<FieldMenuProps & react130.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { FieldMenu };

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

@@ -0,0 +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};

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

@@ -0,0 +1,79 @@
+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.div`
+  display: flex;
+  flex-direction: column;
+
+  padding: ${t.medium_small} ${t.medium};
+
+  div[role='search'] {
+    > div {
+      outline: none !important;
+    }
+
+    input {
+      color: ${e.text.static_icons__default.rgba};
+    }
+
+    input:focus {
+      box-shadow: inset 0 -2px 0 0 ${e.interactive.primary__resting.rgba};
+    }
+  }
+`,a=r(n)`
+  margin: 0 auto ${t.medium};
+`,o=r.div`
+  max-height: 25vh;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+`,s=r.div`
+  &:hover {
+    background: ${e.interactive.primary__selected_hover.rgba};
+    cursor: pointer;
+  }
+
+  border-top: 1px solid ${e.ui.background__light.rgba};
+  outline: none !important;
+  padding: ${t.medium} ${t.large};
+`,c=r.div`
+  ${t=>t.$active&&`background: ${e.interactive.primary__selected_highlight.rgba};
+    `};
+
+  > div {
+    display: grid;
+    grid-template-columns: 1fr 24px;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  &:hover {
+    background: ${e.interactive.primary__selected_hover.rgba};
+    cursor: pointer;
+  }
+
+  border-top: 1px solid ${e.ui.background__light.rgba};
+  outline: none !important;
+  padding: ${t.medium} ${t.large};
+
+  svg {
+    align-self: center;
+  }
+`,l=r.div`
+  border-bottom: 1px solid ${e.ui.background__light.rgba};
+  display: flex;
+  flex-direction: column;
+
+  > p {
+    margin-left: ${t.large};
+    margin-bottom: ${t.small};
+  }
+`,u=r.div`
+  padding-top: ${t.small};
+  display: flex;
+  align-items: center;
+  padding-bottom: ${t.xxx_large};
+`,d=r.div`
+  display: flex;
+  flex-direction: column;
+  > h6 {
+    text-transform: capitalize;
+  }
+`;export{o as ListContainer,c as MenuFixedItem,s as MenuItem,l as MenuSection,a as NoFieldsText,u as NoSearchResultsContainer,i as SearchContainer,d as TextContainer};

package/dist/organisms/TopBar/Guidelines/Colorbox.d.ts

@@ -0,0 +1,10 @@
+import * as react140 from "react";
+import * as styled_components_dist_types48 from "styled-components/dist/types";
+
+//#region src/organisms/TopBar/Guidelines/Colorbox.d.ts
+interface ColorboxProps {
+  $color: string;
+}
+declare const Colorbox: styled_components_dist_types48.IStyledComponentBase<"web", styled_components_dist_types48.Substitute<react140.DetailedHTMLProps<react140.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorboxProps>> & string;
+//#endregion
+export { Colorbox };

package/dist/organisms/TopBar/Guidelines/Colorbox.js

@@ -0,0 +1,6 @@
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t from"styled-components";const{elevation:n}=e,r=t.div`
+  width: 52px;
+  height: 32px;
+  background-color: ${e=>e.$color};
+  box-shadow: ${n.raised};
+`;export{r as Colorbox};

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

@@ -0,0 +1,14 @@
+import { GuidelineItem } from "../../../atoms/types/Guidelines.js";
+import { FC } from "react";
+
+//#region src/organisms/TopBar/Guidelines/Guidelines.d.ts
+interface GuidelineSections {
+  sectionName: string;
+  items: GuidelineItem[];
+}
+interface GuidelineProps {
+  sections: GuidelineSections[];
+}
+declare const Guidelines: FC<GuidelineProps>;
+//#endregion
+export { GuidelineSections, Guidelines };

package/dist/organisms/TopBar/Guidelines/Guidelines.js

@@ -0,0 +1 @@
+import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t}from"../TopBar.styles.js";import{Colorbox as n}from"./Colorbox.js";import{Item as r}from"./Item.js";import{Section as i}from"./Section.js";import{isValidElement as a,useRef as o,useState as s}from"react";import{Icon as c}from"@equinor/eds-core-react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{info_circle as f}from"@equinor/eds-icons";const p=({sections:p})=>{let[m,h]=s(!1),g=o(null),_=()=>{h(!m)},v=()=>{h(!1)};return d(l,{children:[u(t,{variant:`ghost_icon`,ref:g,onClick:_,"data-testid":`show-hide-button`,children:u(c,{data:f})},`topbar-notifications`),u(e,{open:m,anchorEl:g.current,onClose:v,withGap:!0,children:p.map((e,t)=>u(i,{title:e.sectionName,children:e.items.map((e,i)=>a(e)?e:`element`in e?u(r,{title:e.title,children:e.element},`${i}-${t}`):d(r,{title:e.title,children:[e.colorBox&&u(n,{"data-testid":`color-box-${e.title}`,$color:e.color}),u(c,{data:e.icon,color:e.color,size:24})]},`${i}-${t}`))},`section-${e.sectionName}`))})]})};p.displayName=`TopBar.Guidelines`;export{p as Guidelines};

package/dist/organisms/TopBar/Guidelines/Item.js

@@ -0,0 +1,6 @@
+import{spacings as e}from"../../../atoms/style/spacings.js";import{Typography as t}from"@equinor/eds-core-react";import n from"styled-components";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: ${e.medium_small};
+`,o=({title:e,children:n})=>i(a,{children:[n,r(t,{variant:`caption`,children:e})]});export{o as Item};

package/dist/organisms/TopBar/Guidelines/Section.js

@@ -0,0 +1,19 @@
+import{spacings as e}from"../../../atoms/style/spacings.js";import{Typography as t}from"@equinor/eds-core-react";import n from"styled-components";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.medium};
+  > p {
+    padding-left: ${e.medium};
+    padding-top: ${e.small};
+  }
+
+  > section {
+    display: flex;
+    flex-direction: column;
+    gap: ${e.medium};
+    margin-left: ${e.medium};
+    overflow: auto;
+    height: fit-content;
+    max-height: 66vh;
+  }
+`,o=({title:e,children:n})=>i(a,{"data-testid":`guidelines-section`,children:[r(t,{variant:`overline`,children:e}),r(`section`,{children:n})]});export{o as Section};

package/dist/organisms/TopBar/Guidelines/index.d.ts

@@ -0,0 +1,11 @@
+import { Guidelines } from "./Guidelines.js";
+import { Colorbox } from "./Colorbox.js";
+
+//#region src/organisms/TopBar/Guidelines/index.d.ts
+type BaseGuidelinesType = typeof Guidelines;
+interface GuidelinesType extends BaseGuidelinesType {
+  Colorbox: typeof Colorbox;
+}
+declare const Guidelines$1: GuidelinesType;
+//#endregion
+export { Guidelines$1 as Guidelines };

package/dist/organisms/TopBar/Guidelines/index.js

@@ -0,0 +1 @@
+import{Colorbox as e}from"./Colorbox.js";import{Guidelines as t}from"./Guidelines.js";const n=t;n.Colorbox=e;export{n as Guidelines};

package/dist/organisms/TopBar/Notifications/FilterOptions.js

@@ -0,0 +1,36 @@
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{FilterNotification as t,SortNotification as n}from"./NotificationsTemplate/Notifications.types.js";import{useRef as r,useState as i}from"react";import{Icon as a,Menu as o,Typography as s}from"@equinor/eds-core-react";import c from"styled-components";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{checkbox as f,checkbox_outline as p,filter_list as m,sort as h}from"@equinor/eds-icons";const{spacings:g,colors:_,shape:v}=e,y=c(o.Item)`
+  display: flex;
+`,b=c.div`
+  display: flex;
+  gap: ${g.comfortable.small};
+  padding: ${g.comfortable.medium};
+`,x=c(o)`
+  padding: ${g.comfortable.small} 0;
+`,S=c.div`
+  padding: ${g.comfortable.small} ${g.comfortable.large};
+`,C=c.span`
+  font-family: 'Equionor', sans-serif;
+  font-size: 12px;
+  border-radius: ${v.rounded.borderRadius};
+  border: ${({$active:e})=>e?`solid 1px ${_.interactive.primary__selected_hover.rgba}`:`solid 1px ${_.ui.background__medium.rgba}`};
+  background-color: ${({$active:e})=>e?_.interactive.primary__selected_highlight.rgba:_.ui.background__default.rgba};
+  color: black;
+  padding: ${g.comfortable.x_small} ${g.comfortable.small};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  grid-gap: ${g.comfortable.small};
+  cursor: pointer;
+  &:hover {
+    background: ${_.interactive.primary__selected_highlight.rgba};
+  }
+
+  > p {
+    line-height: normal;
+    height: min-content;
+    font-size: 12px;
+  }
+  > svg {
+    color: ${({$active:e})=>e?_.text.static_icons__default.rgba:_.interactive.primary__resting.rgba};
+  }
+`,w=({onFilter:e,onSort:o,sortMenuRef:c,filterMenuRef:g})=>{let[_,v]=i(!1),[w,T]=i(!1),E=r(null),D=r(null),[O,k]=i({[n.UNREAD]:!1,[n.OLD_NEWEST]:!1,[n.NEW_OLDEST]:!1}),[A,j]=i({[t.SYSTEM]:!1,[t.USER]:!1,[t.UNREAD]:!1}),M=()=>{v(!0),T(!1)},N=()=>{v(!1)},P=()=>{T(!0),v(!1)},F=()=>{T(!1)},I=t=>{e(A[t]?[]:[t]),j(e=>({...e,[t]:!e[t]}))},L=e=>{o(O[e]?[]:[e]),k(t=>({...t,[e]:!t[e]}))};return d(l,{children:[d(b,{children:[d(C,{onClick:()=>_?N():M(),ref:E,$active:_,children:[u(s,{group:`ui`,variant:`chip__badge`,children:`Filter by`}),u(a,{data:m,size:16})]}),d(C,{onClick:()=>w?F():P(),ref:D,$active:w,children:[u(s,{group:`ui`,variant:`chip__badge`,children:`Sort by`}),u(a,{data:h,size:16})]})]}),_&&d(x,{open:_,anchorEl:E.current,placement:`bottom-start`,ref:g,onClose:N,children:[u(S,{children:u(s,{group:`navigation`,variant:`label`,children:`Filter notifications`})}),d(y,{onClick:()=>I(t.USER),closeMenuOnClick:!1,children:[u(a,{data:A[t.USER]?f:p}),u(s,{children:` User messages `})]}),d(y,{onClick:()=>I(t.SYSTEM),closeMenuOnClick:!1,children:[u(a,{data:A[t.SYSTEM]?f:p}),u(s,{children:` System messages `})]}),d(y,{onClick:()=>I(t.UNREAD),closeMenuOnClick:!1,children:[u(a,{data:A[t.UNREAD]?f:p}),u(s,{children:` Unread `})]})]}),w&&d(x,{open:w,anchorEl:D.current,placement:`bottom-start`,ref:c,onClose:F,children:[u(S,{children:u(s,{group:`navigation`,variant:`label`,children:`Sort notifications`})}),d(y,{onClick:()=>L(n.NEW_OLDEST),closeMenuOnClick:!1,children:[u(a,{data:O[n.NEW_OLDEST]?f:p}),u(s,{children:` Newest to oldest `})]}),d(y,{onClick:()=>L(n.OLD_NEWEST),closeMenuOnClick:!1,children:[u(a,{data:O[n.OLD_NEWEST]?f:p}),u(s,{children:` Oldest to newest `})]}),d(y,{onClick:()=>L(n.UNREAD),closeMenuOnClick:!1,children:[u(a,{data:O[n.UNREAD]?f:p}),u(s,{children:` Unread`})]})]})]})};export{w as FilterOptions};

package/dist/organisms/TopBar/Notifications/NotificationProvider.d.ts

@@ -0,0 +1,12 @@
+import * as react119 from "react";
+import { Dispatch, FC, ReactNode, SetStateAction } from "react";
+
+//#region src/organisms/TopBar/Notifications/NotificationProvider.d.ts
+interface NotificationContext {
+  setIsOpen: Dispatch<SetStateAction<boolean>>;
+  isOpen: boolean;
+}
+declare const NotificationContext: react119.Context<NotificationContext | undefined>;
+declare const useNotification: () => NotificationContext;
+//#endregion
+export { useNotification };

package/dist/organisms/TopBar/Notifications/NotificationProvider.js

@@ -0,0 +1 @@
+import{createContext as e,useContext as t,useState as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=e(void 0),a=()=>{let e=t(i);if(e===void 0)throw Error(`useNotificationContext must be used within a Notification provider`);return e},o=({children:e})=>{let[t,a]=n(!1);return r(i.Provider,{value:{isOpen:t,setIsOpen:a},children:e})};export{o as NotificationProvider,a as useNotification};

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

@@ -0,0 +1,7 @@
+import { NotificationsProps } from "./NotificationsInner.js";
+import { FC } from "react";
+
+//#region src/organisms/TopBar/Notifications/Notifications.d.ts
+declare const Notifications: FC<NotificationsProps>;
+//#endregion
+export { Notifications };

package/dist/organisms/TopBar/Notifications/Notifications.js

@@ -0,0 +1 @@
+import{NotificationProvider as e}from"./NotificationProvider.js";import{NotificationsInner as t}from"./NotificationsInner.js";import{jsx as n}from"react/jsx-runtime";const r=r=>n(e,{children:n(t,{...r})});export{r as Notifications};