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

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

@@ -1 +1 @@
-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};
+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/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/RoleChips.js

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

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

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

package/dist/organisms/TopBar/Actions.js

@@ -1,6 +1,6 @@
-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)`
+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: ${i.large};
-`,o=e(({children:e},n)=>t(a,{ref:n,children:e}));o.displayName=`TopBar.Actions`;export{o as Actions};
+  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.js

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

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

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

@@ -1,5 +1,5 @@
 import { Field } from "../../../atoms/types/Field.js";
-import * as react106 from "react";
+import * as react124 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: react106.ForwardRefExoticComponent<FieldMenuProps & react106.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react124.ForwardRefExoticComponent<FieldMenuProps & react124.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{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};
+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

@@ -1,8 +1,8 @@
-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.div`
+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: ${r.medium_small} ${r.medium};
+  padding: ${t.medium_small} ${t.medium};
 
   div[role='search'] {
     > div {
@@ -10,31 +10,31 @@ import e from"styled-components";import{Typography as t}from"@equinor/eds-core-r
     }
 
     input {
-      color: ${n.text.static_icons__default.rgba};
+      color: ${e.text.static_icons__default.rgba};
     }
 
     input:focus {
-      box-shadow: inset 0 -2px 0 0 ${n.interactive.primary__resting.rgba};
+      box-shadow: inset 0 -2px 0 0 ${e.interactive.primary__resting.rgba};
     }
   }
-`,a=e(t)`
-  margin: 0 auto ${r.medium};
-`,o=e.div`
+`,a=r(n)`
+  margin: 0 auto ${t.medium};
+`,o=r.div`
   max-height: 25vh;
   display: flex;
   flex-direction: column;
   overflow-y: auto;
-`,s=e.div`
+`,s=r.div`
   &:hover {
-    background: ${n.interactive.primary__selected_hover.rgba};
+    background: ${e.interactive.primary__selected_hover.rgba};
     cursor: pointer;
   }
 
-  border-top: 1px solid ${n.ui.background__light.rgba};
+  border-top: 1px solid ${e.ui.background__light.rgba};
   outline: none !important;
-  padding: ${r.medium} ${r.large};
-`,c=e.div`
-  ${e=>e.$active&&`background: ${n.interactive.primary__selected_highlight.rgba};
+  padding: ${t.medium} ${t.large};
+`,c=r.div`
+  ${t=>t.$active&&`background: ${e.interactive.primary__selected_highlight.rgba};
     `};
 
   > div {
@@ -45,32 +45,32 @@ import e from"styled-components";import{Typography as t}from"@equinor/eds-core-r
   }
 
   &:hover {
-    background: ${n.interactive.primary__selected_hover.rgba};
+    background: ${e.interactive.primary__selected_hover.rgba};
     cursor: pointer;
   }
 
-  border-top: 1px solid ${n.ui.background__light.rgba};
+  border-top: 1px solid ${e.ui.background__light.rgba};
   outline: none !important;
-  padding: ${r.medium} ${r.large};
+  padding: ${t.medium} ${t.large};
 
   svg {
     align-self: center;
   }
-`,l=e.div`
-  border-bottom: 1px solid ${n.ui.background__light.rgba};
+`,l=r.div`
+  border-bottom: 1px solid ${e.ui.background__light.rgba};
   display: flex;
   flex-direction: column;
 
   > p {
-    margin-left: ${r.large};
-    margin-bottom: ${r.small};
+    margin-left: ${t.large};
+    margin-bottom: ${t.small};
   }
-`,u=e.div`
-  padding-top: ${r.small};
+`,u=r.div`
+  padding-top: ${t.small};
   display: flex;
   align-items: center;
-  padding-bottom: ${r.xxx_large};
-`,d=e.div`
+  padding-bottom: ${t.xxx_large};
+`,d=r.div`
   display: flex;
   flex-direction: column;
   > h6 {

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

@@ -1,10 +1,10 @@
-import * as react142 from "react";
+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<react142.DetailedHTMLProps<react142.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorboxProps>> & 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/Guidelines.js

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

@@ -1,6 +1,6 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"styled-components";import{Typography as r}from"@equinor/eds-core-react";import{spacings as i}from"src/atoms/style";const a=n.div`
+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: ${i.medium_small};
-`,o=({title:n,children:i})=>t(a,{children:[i,e(r,{variant:`caption`,children:n})]});export{o as Item};
+  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

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

@@ -1,14 +1,14 @@
-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{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{checkbox as c,checkbox_outline as l,filter_list as u,sort as d}from"@equinor/eds-icons";import f from"styled-components";import{Icon as p,Menu as m,Typography as h}from"@equinor/eds-core-react";const{spacings:g,colors:_,shape:v}=e,y=f(m.Item)`
+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=f.div`
+`,b=c.div`
   display: flex;
   gap: ${g.comfortable.small};
   padding: ${g.comfortable.medium};
-`,x=f(m)`
+`,x=c(o)`
   padding: ${g.comfortable.small} 0;
-`,S=f.div`
+`,S=c.div`
   padding: ${g.comfortable.small} ${g.comfortable.large};
-`,C=f.span`
+`,C=c.span`
   font-family: 'Equionor', sans-serif;
   font-size: 12px;
   border-radius: ${v.rounded.borderRadius};
@@ -33,4 +33,4 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
   > svg {
     color: ${({$active:e})=>e?_.text.static_icons__default.rgba:_.interactive.primary__resting.rgba};
   }
-`,w=({onFilter:e,onSort:f,sortMenuRef:m,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=>{f(O[e]?[]:[e]),k(t=>({...t,[e]:!t[e]}))};return s(a,{children:[s(b,{children:[s(C,{onClick:()=>_?N():M(),ref:E,$active:_,children:[o(h,{group:`ui`,variant:`chip__badge`,children:`Filter by`}),o(p,{data:u,size:16})]}),s(C,{onClick:()=>w?F():P(),ref:D,$active:w,children:[o(h,{group:`ui`,variant:`chip__badge`,children:`Sort by`}),o(p,{data:d,size:16})]})]}),_&&s(x,{open:_,anchorEl:E.current,placement:`bottom-start`,ref:g,onClose:N,children:[o(S,{children:o(h,{group:`navigation`,variant:`label`,children:`Filter notifications`})}),s(y,{onClick:()=>I(t.USER),closeMenuOnClick:!1,children:[o(p,{data:A[t.USER]?c:l}),o(h,{children:` User messages `})]}),s(y,{onClick:()=>I(t.SYSTEM),closeMenuOnClick:!1,children:[o(p,{data:A[t.SYSTEM]?c:l}),o(h,{children:` System messages `})]}),s(y,{onClick:()=>I(t.UNREAD),closeMenuOnClick:!1,children:[o(p,{data:A[t.UNREAD]?c:l}),o(h,{children:` Unread `})]})]}),w&&s(x,{open:w,anchorEl:D.current,placement:`bottom-start`,ref:m,onClose:F,children:[o(S,{children:o(h,{group:`navigation`,variant:`label`,children:`Sort notifications`})}),s(y,{onClick:()=>L(n.NEW_OLDEST),closeMenuOnClick:!1,children:[o(p,{data:O[n.NEW_OLDEST]?c:l}),o(h,{children:` Newest to oldest `})]}),s(y,{onClick:()=>L(n.OLD_NEWEST),closeMenuOnClick:!1,children:[o(p,{data:O[n.OLD_NEWEST]?c:l}),o(h,{children:` Oldest to newest `})]}),s(y,{onClick:()=>L(n.UNREAD),closeMenuOnClick:!1,children:[o(p,{data:O[n.UNREAD]?c:l}),o(h,{children:` Unread`})]})]})]})};export{w as FilterOptions};
+`,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

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

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

@@ -1,8 +1,8 @@
-import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t,UnreadRedDot as n}from"../TopBar.styles.js";import{useNotification as r}from"./NotificationProvider.js";import{NoNotifications as i}from"./NotificationsTemplate/NotificationElements/NoNotifications.js";import{FilterNotification as a,SortNotification as o}from"./NotificationsTemplate/Notifications.types.js";import{NotificationTemplate as s}from"./NotificationsTemplate/NotificationTemplate.js";import{FilterOptions as c}from"./FilterOptions.js";import{useMemo as l,useRef as u,useState as d}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import{notifications as h}from"@equinor/eds-icons";import g from"styled-components";import{Icon as _}from"@equinor/eds-core-react";const v=g.div`
+import{useNotification as e}from"./NotificationProvider.js";import{TopBarMenu as t}from"../TopBarMenu.js";import{TopBarButton as n,UnreadRedDot as r}from"../TopBar.styles.js";import{NoNotifications as i}from"./NotificationsTemplate/NotificationElements/NoNotifications.js";import{FilterNotification as a,SortNotification as o}from"./NotificationsTemplate/Notifications.types.js";import{NotificationTemplate as s}from"./NotificationsTemplate/NotificationTemplate.js";import{FilterOptions as c}from"./FilterOptions.js";import{useMemo as l,useRef as u,useState as d}from"react";import{Icon as f}from"@equinor/eds-core-react";import p from"styled-components";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{notifications as _}from"@equinor/eds-icons";const v=p.div`
   display: flex;
-`,y=g.div`
+`,y=p.div`
   overflow: auto;
   height: fit-content;
   max-height: 66vh;
   width: 350px;
-`,b=({children:g,hasUnread:b=!1,setAllAsRead:x,showFilterOptions:S=!1,notifications:C})=>{let w=u(null),T=u(null),E=u(null),{isOpen:D,setIsOpen:O}=r(),[k,A]=d([]),[j,M]=d([]),N=l(()=>{if(!C)return[];let e=[...C];return k.length>0&&(e=e.filter(e=>{if(k.includes(a.UNREAD))return!e.Read;if(k.includes(a.USER))return e.user;if(k.includes(a.SYSTEM))return!e.user})),j.length>0&&(e=e.sort((e,t)=>{let n=new Date(e.time).getTime(),r=new Date(t.time).getTime();return j.includes(o.OLD_NEWEST)?r-n:j.includes(o.UNREAD)?e.Read===t.Read?0:e.Read?1:-1:n-r})),e},[k,C,j]),P=()=>{D?F():O(!0)},F=()=>{x(),O(!1)};return m(f,{children:[m(t,{variant:`ghost_icon`,ref:w,onClick:P,"data-testid":`show-hide-button`,children:[p(_,{data:h,size:24}),b&&p(n,{"data-testid":`unread-dot`})]},`topbar-notifications`),m(e,{open:D,anchorEl:w.current,contentPadding:!1,isNotification:!0,onClose:F,children:[S&&p(v,{children:p(c,{onFilter:A,onSort:M,sortMenuRef:E,filterMenuRef:T})}),g?p(y,{children:g instanceof Function?g({onClose:F}):g}):p(y,{children:N&&N?.length>0?N.map(e=>p(s,{...e},e.SequenceNumber)):p(i,{})})]})]})};b.displayName=`TopBar.NotificationsInner`;export{b as NotificationsInner};
+`,b=({children:p,hasUnread:b=!1,setAllAsRead:x,showFilterOptions:S=!1,notifications:C})=>{let w=u(null),T=u(null),E=u(null),{isOpen:D,setIsOpen:O}=e(),[k,A]=d([]),[j,M]=d([]),N=l(()=>{if(!C)return[];let e=[...C];return k.length>0&&(e=e.filter(e=>{if(k.includes(a.UNREAD))return!e.Read;if(k.includes(a.USER))return e.user;if(k.includes(a.SYSTEM))return!e.user})),j.length>0&&(e=e.sort((e,t)=>{let n=new Date(e.time).getTime(),r=new Date(t.time).getTime();return j.includes(o.OLD_NEWEST)?r-n:j.includes(o.UNREAD)?e.Read===t.Read?0:e.Read?1:-1:n-r})),e},[k,C,j]),P=()=>{D?F():O(!0)},F=()=>{x(),O(!1)};return g(m,{children:[g(n,{variant:`ghost_icon`,ref:w,onClick:P,"data-testid":`show-hide-button`,children:[h(f,{data:_,size:24}),b&&h(r,{"data-testid":`unread-dot`})]},`topbar-notifications`),g(t,{open:D,anchorEl:w.current,contentPadding:!1,isNotification:!0,onClose:F,children:[S&&h(v,{children:h(c,{onFilter:A,onSort:M,sortMenuRef:E,filterMenuRef:T})}),p?h(y,{children:p instanceof Function?p({onClose:F}):p}):h(y,{children:N&&N?.length>0?N.map(e=>h(s,{...e},e.SequenceNumber)):h(i,{})})]})]})};b.displayName=`TopBar.NotificationsInner`;export{b as NotificationsInner};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/DefaultNotification.js

@@ -1,6 +1,6 @@
-import{NotificationsTypes as e}from"../Notifications.types.js";import{jsx as t}from"react/jsx-runtime";import n from"styled-components";import{Typography as r}from"@equinor/eds-core-react";import{spacings as i}from"src/atoms";const a=n.div`
+import{spacings as e}from"../../../../../atoms/style/spacings.js";import{NotificationsTypes as t}from"../Notifications.types.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
   display: flex;
   flex-direction: column;
-  gap: ${i.medium};
-  padding-top: ${i.medium_small};
-`,o=({message:n})=>t(a,{"data-testid":e.DEFAULT,children:t(r,{group:`table`,variant:`cell_text`,children:n})});export{o as DefaultNotification};
+  gap: ${e.medium};
+  padding-top: ${e.medium_small};
+`,o=({message:e})=>i(a,{"data-testid":t.DEFAULT,children:i(n,{group:`table`,variant:`cell_text`,children:e})});export{o as DefaultNotification};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ExperienceDue3Weeks.js

@@ -1,6 +1,6 @@
-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 r from"styled-components";import{Tooltip as i,Typography as a}from"@equinor/eds-core-react";const{spacings:o}=e,s=r.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Tooltip as t,Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const{spacings:o}=e,s=r.div`
   display: flex;
   flex-direction: column;
   gap: ${o.comfortable.medium};
   padding-top: ${o.comfortable.medium_small};
-`,c=({well:e,commentsCount:r,onClick:o})=>n(s,{children:[t(i,{title:`Go to ${e.displayName}`,children:n(`div`,{onClick:o,children:[t(a,{group:`table`,variant:`cell_text`,bold:!0,children:`Experience report are due in 3 weeks`}),t(a,{group:`table`,variant:`cell_text`,children:e.displayName})]})}),t(`div`,{children:n(a,{group:`table`,variant:`cell_text`,children:[r,` experiences`]})})]});export{c as ExperienceDue3Weeks};
+`,c=({well:e,commentsCount:r,onClick:o})=>a(s,{children:[i(t,{title:`Go to ${e.displayName}`,children:a(`div`,{onClick:o,children:[i(n,{group:`table`,variant:`cell_text`,bold:!0,children:`Experience report are due in 3 weeks`}),i(n,{group:`table`,variant:`cell_text`,children:e.displayName})]})}),i(`div`,{children:a(n,{group:`table`,variant:`cell_text`,children:[r,` experiences`]})})]});export{c as ExperienceDue3Weeks};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/MergedBranchOrca.js

@@ -1,7 +1,7 @@
-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 r from"styled-components";import{Tooltip as i,Typography as a}from"@equinor/eds-core-react";const{spacings:o}=e,s=r.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Tooltip as t,Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const{spacings:o}=e,s=r.div`
   display: flex;
   flex-direction: column;
   gap: ${o.comfortable.medium};
   padding-top: ${o.comfortable.medium_small};
   cursor: pointer;
-`,c=({fromUser:e,branchName:r,onClick:o})=>t(s,{onClick:o,children:t(i,{title:`Go to ${r}`,children:n(a,{group:`table`,variant:`cell_text`,children:[e.displayName,` has merged your branch `,r,` to the master`]})})});export{c as MergedBranchOrca};
+`,c=({fromUser:e,branchName:r,onClick:o})=>i(s,{onClick:o,children:i(t,{title:`Go to ${r}`,children:a(n,{group:`table`,variant:`cell_text`,children:[e.displayName,` has merged your branch `,r,` to the master`]})})});export{c as MergedBranchOrca};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/NoNotifications.js

@@ -1,7 +1,7 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"styled-components";import{Typography as r}from"@equinor/eds-core-react";import{spacings as i}from"src/atoms/style";import{FeedBackIcon as a}from"src/molecules/FeedBackIcon/FeedBackIcon";const o=n.div`
+import{spacings as e}from"../../../../../atoms/style/spacings.js";import{FeedBackIcon as t}from"../../../../../molecules/FeedBackIcon/FeedBackIcon.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=r.div`
   display: flex;
   flex-direction: column;
-  gap: ${i.medium};
+  gap: ${e.medium};
   align-items: center;
-  padding: ${i.large};
-`,s=()=>t(o,{children:[e(a,{name:`positive`,variant:`filled`}),e(r,{children:` No notifications `})]});export{s as NoNotifications};
+  padding: ${e.large};
+`,s=()=>a(o,{children:[i(t,{name:`positive`,variant:`filled`}),i(n,{children:` No notifications `})]});export{s as NoNotifications};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReadyToBePublished.js

@@ -1,5 +1,5 @@
-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 r from"styled-components";import{Tooltip as i,Typography as a}from"@equinor/eds-core-react";const{spacings:o}=e,s=r.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Tooltip as t,Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const{spacings:o}=e,s=r.div`
   display: flex;
   flex-direction: column;
   gap: ${o.comfortable.medium};
-`,c=({experienceCount:e,well:r,onClick:o})=>t(i,{title:`Go to ${r.displayName}`,children:n(s,{onClick:o,children:[n(`div`,{children:[t(a,{group:`table`,variant:`cell_text`,bold:!0,children:`Experiences are ready to be published`}),t(a,{group:`table`,variant:`cell_text`,children:r.displayName})]}),t(`div`,{children:t(a,{group:`table`,variant:`cell_text`,children:e})})]})});export{c as ReadyToBePublished};
+`,c=({experienceCount:e,well:r,onClick:o})=>i(t,{title:`Go to ${r.displayName}`,children:a(s,{onClick:o,children:[a(`div`,{children:[i(n,{group:`table`,variant:`cell_text`,bold:!0,children:`Experiences are ready to be published`}),i(n,{group:`table`,variant:`cell_text`,children:r.displayName})]}),i(`div`,{children:i(n,{group:`table`,variant:`cell_text`,children:e})})]})});export{c as ReadyToBePublished};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReadyToReportNotification.js

@@ -1,14 +1,14 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{NotificationsTypes as t}from"../Notifications.types.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{Chip as a,Tooltip as o,Typography as s}from"@equinor/eds-core-react";const{spacings:c}=e,l=i.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{NotificationsTypes as t}from"../Notifications.types.js";import{Chip as n,Tooltip 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";const{spacings:c}=e,l=a.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: ${c.comfortable.medium};
   padding-top: ${c.comfortable.medium_small};
-`,u=i.div`
+`,u=a.div`
   display: flex;
   flex-direction: column;
-`,d=i.div`
+`,d=a.div`
   grid-column: span 3;
   display: flex;
   gap: 5px;
   align-items: center;
-`,f=({field:e,wellbore:i,dataType:c,onClick:f})=>n(o,{title:`Go to ${c}`,children:r(l,{onClick:f,"data-testid":t.READY_TO_REPORT,children:[r(u,{children:[n(s,{group:`paragraph`,variant:`overline`,children:`Field`}),n(s,{group:`table`,variant:`cell_text`,children:e})]}),r(u,{children:[n(s,{group:`paragraph`,variant:`overline`,children:`WELLBORE`}),n(s,{group:`table`,variant:`cell_text`,children:i})]}),r(d,{children:[r(a,{children:[` `,c,` `]}),n(s,{group:`navigation`,variant:`label`,children:`is ready to report`})]})]})});export{f as ReadyToReportNotification};
+`,f=({field:e,wellbore:a,dataType:c,onClick:f})=>o(r,{title:`Go to ${c}`,children:s(l,{onClick:f,"data-testid":t.READY_TO_REPORT,children:[s(u,{children:[o(i,{group:`paragraph`,variant:`overline`,children:`Field`}),o(i,{group:`table`,variant:`cell_text`,children:e})]}),s(u,{children:[o(i,{group:`paragraph`,variant:`overline`,children:`WELLBORE`}),o(i,{group:`table`,variant:`cell_text`,children:a})]}),s(d,{children:[s(n,{children:[` `,c,` `]}),o(i,{group:`navigation`,variant:`label`,children:`is ready to report`})]})]})});export{f as ReadyToReportNotification};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestChangeOrca.js

@@ -1,7 +1,7 @@
-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 r from"styled-components";import{Tooltip as i,Typography as a}from"@equinor/eds-core-react";import{OptionalTooltip as o}from"src/molecules/OptionalTooltip/OptionalTooltip";const{spacings:s}=e,c=r.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{OptionalTooltip as t}from"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{Tooltip 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{spacings:s}=e,c=i.div`
   display: flex;
   flex-direction: column;
   gap: ${s.comfortable.medium};
   padding-top: ${s.comfortable.medium_small};
   cursor: pointer;
-`,l=({fromUser:e,branchName:r,onClick:s})=>t(i,{title:`Go to ${r}`,children:t(c,{onClick:s,children:t(o,{title:`Go to ${r}`,children:n(a,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested changes for branch `,r]})})})});export{l as RequestChangeOrca};
+`,l=({fromUser:e,branchName:i,onClick:s})=>a(n,{title:`Go to ${i}`,children:a(c,{onClick:s,children:a(t,{title:`Go to ${i}`,children:o(r,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested changes for branch `,i]})})})});export{l as RequestChangeOrca};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestReviewOrca.js

@@ -1,7 +1,7 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{NotificationsTypes as t}from"../Notifications.types.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{Tooltip as a,Typography as o}from"@equinor/eds-core-react";import{OptionalTooltip as s}from"src/molecules/OptionalTooltip/OptionalTooltip";const{spacings:c}=e,l=i.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{OptionalTooltip as t}from"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{NotificationsTypes as n}from"../Notifications.types.js";import{Tooltip 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";const{spacings:c}=e,l=a.div`
   display: flex;
   flex-direction: column;
   gap: ${c.comfortable.medium};
   padding-top: ${c.comfortable.medium_small};
   cursor: pointer;
-`,u=({fromUser:e,branchName:i,onClick:c})=>n(a,{title:`Go to ${i}`,children:n(l,{onClick:c,"data-testid":t.REQUESTED_REVIEW,children:n(s,{title:`Go to ${i}`,children:r(o,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested review for branch `,i]})})})});export{u as RequestReviewOrca};
+`,u=({fromUser:e,branchName:a,onClick:c})=>o(r,{title:`Go to ${a}`,children:o(l,{onClick:c,"data-testid":n.REQUESTED_REVIEW,children:o(t,{title:`Go to ${a}`,children:s(i,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested review for branch `,a]})})})});export{u as RequestReviewOrca};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReviewQANotification.js

@@ -1,6 +1,6 @@
-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 r from"styled-components";import{Tooltip as i,Typography as a}from"@equinor/eds-core-react";const{spacings:o}=e,s=r.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Tooltip as t,Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const{spacings:o}=e,s=r.div`
   display: flex;
   flex-direction: column;
   gap: ${o.comfortable.medium};
   padding-top: ${o.comfortable.medium_small};
-`,c=({well:e,experienceComments:r,experience:o,onClick:c})=>t(i,{title:`Go to ${o.title}`,children:n(s,{onClick:c,children:[n(`div`,{children:[t(a,{group:`table`,variant:`cell_text`,bold:!0,children:`Please review my QA comments`}),t(a,{group:`table`,variant:`cell_text`,children:e.displayName}),n(a,{group:`table`,variant:`cell_text`,children:[o.title,` - `,o?.topic?.displayName]})]}),t(`div`,{children:n(a,{group:`table`,variant:`cell_text`,children:[r,` comments`]})})]})});export{c as ReviewQANotification};
+`,c=({well:e,experienceComments:r,experience:o,onClick:c})=>i(t,{title:`Go to ${o.title}`,children:a(s,{onClick:c,children:[a(`div`,{children:[i(n,{group:`table`,variant:`cell_text`,bold:!0,children:`Please review my QA comments`}),i(n,{group:`table`,variant:`cell_text`,children:e.displayName}),a(n,{group:`table`,variant:`cell_text`,children:[o.title,` - `,o?.topic?.displayName]})]}),i(`div`,{children:a(n,{group:`table`,variant:`cell_text`,children:[r,` comments`]})})]})});export{c as ReviewQANotification};