@equinor/amplify-component-lib 9.17.0 → 10.0.0

package/dist/organisms/Filter/Filter.d.ts

@@ -1,5 +1,5 @@
 import { FilterProps } from "./Filter.types.js";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/Filter.d.ts
 
@@ -30,6 +30,6 @@ declare function Filter<T extends string>({
   placeholder,
   id,
   ...rest
-}: FilterProps<T>): react_jsx_runtime5.JSX.Element;
+}: FilterProps<T>): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Filter };

package/dist/organisms/Filter/QuickFilter.d.ts

@@ -1,6 +1,6 @@
 import { SelectOptionRequired } from "../../molecules/Select/Select.types.js";
 import { FilterProps } from "./Filter.types.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/QuickFilter.d.ts
 interface QuickFilterProps<T extends string> {
@@ -14,6 +14,6 @@ declare function QuickFilter<T extends string>({
   items,
   onQuickFilter,
   label
-}: QuickFilterProps<T>): react_jsx_runtime6.JSX.Element;
+}: QuickFilterProps<T>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { QuickFilter };

package/dist/organisms/Filter/SortMenu.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/SortMenu.d.ts
 interface SortMenuProps<S> {
@@ -13,6 +13,6 @@ declare function SortMenu<S>({
   value,
   onChange,
   items
-}: SortMenuProps<S>): react_jsx_runtime4.JSX.Element;
+}: SortMenuProps<S>): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { SortMenu };

package/dist/organisms/ReleaseNote/ReleaseNote.d.ts

@@ -1,4 +1,4 @@
-import * as react102 from "react";
+import * as react101 from "react";
 import { ReactNode } from "react";
 import { ReleaseNote } from "@equinor/subsurface-app-management";
 
@@ -7,9 +7,9 @@ type ReleaseNoteProps = {
   actionMenu?: ReactNode;
   expanded?: boolean;
 } & ReleaseNote;
-declare const ReleaseNote$1: react102.ForwardRefExoticComponent<{
+declare const ReleaseNote$1: react101.ForwardRefExoticComponent<{
   actionMenu?: ReactNode;
   expanded?: boolean;
-} & ReleaseNote & react102.RefAttributes<HTMLDivElement>>;
+} & ReleaseNote & react101.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };

package/dist/organisms/ReleaseNote/ReleaseNote.js

@@ -24,4 +24,4 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   display: flex;
   gap: ${t.medium};
   align-items: center;
-`,C=d(({applicationName:n,releaseDate:d,createdDate:h,tags:C,version:w,title:T,body:E,actionMenu:D,expanded:O=!1},k)=>{let A=o({releaseDate:d,createdDate:h}),j=f(O?`auto`:c),[M,N]=p(O),[P,F]=p(i(E).length>0),I=f(new ResizeObserver(e=>{e.at(0)&&e[0].target.scrollHeight>c&&F(!0)})),L=()=>{N(e=>!e)},R=e=>{e&&I.current.observe(e)};return _(b,{ref:k,style:{paddingBottom:M?t.medium:void 0},children:[_(x,{children:[_(S,{children:[g(m,{variant:`caption`,color:e.text.static_icons__secondary.rgba,children:n}),_(m,{variant:`overline`,color:e.text.static_icons__tertiary.rgba,children:[r(A),w?` ・ ${w}`:``,` ・ `,a(E)]})]}),g(u,{tags:C,children:D})]}),g(m,{variant:`h4`,children:T}),g(v.div,{ref:R,initial:{height:j.current},animate:{height:M?`auto`:c},style:{overflow:M?`auto`:void 0},children:g(s,{value:E,onImageRead:y.getReleaseNoteImage,padding:`none`})}),P&&!O&&g(l,{expanded:M,onToggleExpanded:L})]})});C.displayName=`ReleaseNote`;export{C as ReleaseNote};
+`,C=d(({applicationName:n,releaseDate:d,createdDate:h,tags:C,version:w,title:T,body:E,actionMenu:D,expanded:O=!1},k)=>{let A=o({releaseDate:d,createdDate:h}),j=f(O?`auto`:c),[M,N]=p(O),[P,F]=p(i(E).length>0),I=f(new ResizeObserver(e=>{e.at(0)&&e[0].target.scrollHeight>c&&F(!0)}));return _(b,{ref:k,style:{paddingBottom:M?t.medium:void 0},children:[_(x,{children:[_(S,{children:[g(m,{variant:`caption`,color:e.text.static_icons__secondary.rgba,children:n}),_(m,{variant:`overline`,color:e.text.static_icons__tertiary.rgba,children:[r(A),w?` ・ ${w}`:``,` ・ `,a(E)]})]}),g(u,{tags:C,children:D})]}),g(m,{variant:`h4`,children:T}),g(v.div,{ref:e=>{e&&I.current.observe(e)},initial:{height:j.current},animate:{height:M?`auto`:c},style:{overflow:M?`auto`:void 0},children:g(s,{value:E,onImageRead:y.getReleaseNoteImage,padding:`none`})}),P&&!O&&g(l,{expanded:M,onToggleExpanded:()=>{N(e=>!e)}})]})});C.displayName=`ReleaseNote`;export{C as ReleaseNote};

package/dist/organisms/ReleaseNote/ReleaseNote.utils.js

@@ -1 +1 @@
-function e(e){let t=e.split(/\s/g).length,n=Math.ceil(t/238);return`${n} min read`}function t(e){return e.releaseDate??e.createdDate}export{e as timeToRead,t as usingReleaseNoteDate};
+function e(e){let t=e.split(/\s/g).length;return`${Math.ceil(t/238)} min read`}function t(e){return e.releaseDate??e.createdDate}export{e as timeToRead,t as usingReleaseNoteDate};

package/dist/organisms/ReleaseNotesPage/ReleaseNoteFilter.js

@@ -0,0 +1,12 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{ComboBox as n}from"../../molecules/Select/ComboBox/ComboBox.js";import{Filter as r}from"../Filter/Filter.js";import{useReleaseNotesFilters as i}from"./hooks/useReleaseNotesFilters.js";import{removeFromPreviousByIndex as a}from"./ReleaseNotesPage.utils.js";import{useMemo as o,useState as s}from"react";import c from"styled-components";import{jsx as l}from"react/jsx-runtime";import{ReleaseNoteType as u}from"@equinor/subsurface-app-management";const d=c.div`
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  padding: ${t.medium};
+  margin: 0 calc(${t.medium} * -1);
+  background: ${e.ui.background__light.rgba};
+`,f=c.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: ${t.medium};
+`,p=Object.values(u).map(e=>({value:e,label:e})),m=()=>{let{search:e,selected:t,setSearchParam:c,clearAll:u}=i(),[m,h]=s(``),g=o(()=>({releaseNoteTypes:p}),[]);return l(d,{children:l(r,{values:t,onClearFilter:(t,n)=>{c(t,a(e[t],n))},onClearAllFilters:u,search:m,onSearchChange:e=>{h(e.target.value)},onSearchEnter:t=>{h(``),c(`search`,[...e.search??[],t])},children:l(f,{children:l(n,{label:`Type`,placeholder:`Select type of release note`,values:t.releaseNoteTypes,items:g.releaseNoteTypes,onSelect:e=>{c(`releaseNoteTypes`,e.map(e=>e.value))}})})})})};export{m as ReleaseNoteFilter};

package/dist/organisms/ReleaseNotesPage/ReleaseNotesPage.d.ts

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

package/dist/organisms/ReleaseNotesPage/ReleaseNotesPage.js

@@ -0,0 +1 @@
+import{TableOfContentsProvider as e}from"../../providers/TableOfContentsProvider.js";import{TableOfContents as t}from"../TableOfContents/TableOfContents.js";import{useFilteredReleaseNotes as n}from"./hooks/useFilteredReleaseNotes.js";import{extractYearsData as r,monthValueToString as i,yearId as a}from"./ReleaseNotesPage.utils.js";import{ReleasePosts as o}from"./ReleasePosts/ReleasePosts.js";import{ReleaseNoteFilter as s}from"./ReleaseNoteFilter.js";import{Container as c,StickyRightSide as l}from"./ReleaseNotesPage.styles.js";import{useMemo as u}from"react";import{Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=()=>{let{data:m}=n(),h=u(()=>{let e=[];for(let t of r(m))e.push({value:a(t.value),label:t.label,children:t.months.map(e=>({label:e.label,value:i(e.value)}))});return e},[m]);return f(e,{items:h,children:p(c,{children:[f(d,{variant:`h1`,bold:!0,children:`Release Notes`}),p(`section`,{children:[f(s,{}),f(o,{})]}),f(l,{children:f(t,{onlyShowSelectedChildren:!1,variant:`border`})})]})})};export{m as ReleaseNotesPage};

package/dist/organisms/ReleaseNotesPage/ReleaseNotesPage.styles.js

@@ -0,0 +1,35 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{shape as t}from"../../atoms/style/index.js";import n from"styled-components";const r=n.div`
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto auto 1fr;
+  gap: ${e.medium};
+  max-width: 1280px;
+  margin: ${e.large} auto;
+  height: fit-content;
+  > h1 {
+    grid-column: span 2;
+    white-space: nowrap;
+  }
+`,i=n.div`
+  position: sticky;
+  top: calc(${e.medium});
+  height: fit-content;
+  width: 200px;
+  display: flex;
+  flex-direction: column;
+  gap: calc(${e.large} + ${e.x_small});
+  > div {
+    position: relative;
+    height: fit-content;
+  }
+  > a {
+    position: sticky;
+    margin-right: auto;
+    border-radius: ${t.rounded.borderRadius};
+    text-decoration: none;
+    &:hover {
+      border-radius: ${t.rounded.borderRadius};
+    }
+  }
+`;export{r as Container,i as StickyRightSide};

package/dist/organisms/ReleaseNotesPage/ReleaseNotesPage.utils.js

@@ -0,0 +1 @@
+import{sortByDate as e}from"../../atoms/utils/sort.js";const t=t=>{let n=[];for(let r of t){let t=new Date(r.releaseDate??r.createdDate),i=t.toLocaleString(`en-US`,{year:`numeric`}),a=t.toLocaleString(`en-US`,{year:`numeric`});if(!n.find(e=>e.value===a)){let e={label:i,value:a,months:[]};n.push(e)}let[o,s]=t.toLocaleString(`en-US`,{month:`long`,year:`numeric`}).split(` `),c=new Date(`1. ${o} ${s}`),l=n.find(e=>e.value===a);l?.months.find(e=>e.value.toISOString()===c.toISOString())||l?.months.push({label:o,value:c}),l?.months.sort((t,n)=>e(t.value,n.value))}return n};function n(e){return`${e.toLocaleDateString(`en-GB`,{month:`long`})}_${e.getFullYear()}`.toLowerCase()}function r(e){return`year-${e}`}function i(e,t){let n=structuredClone(e);return n.splice(t,1),n}export{t as extractYearsData,n as monthValueToString,i as removeFromPreviousByIndex,r as yearId};

package/dist/organisms/ReleaseNotesPage/ReleasePosts/ReleasePost/ReleasePost.js

@@ -0,0 +1 @@
+import{usePrefetchRichTextImages as e}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{ReleaseNote as t}from"../../../ReleaseNote/ReleaseNote.js";import{ReleasePostSkeleton as n}from"./ReleasePostSkeleton.js";import{useRef as r}from"react";import{jsx as i}from"react/jsx-runtime";import{ReleaseNotesService as a}from"@equinor/subsurface-app-management";const o=o=>{let{isPrefetching:s}=e({richTextValues:[o.body],onImageRead:e=>a.getReleaseNoteImage(e)}),c=r(null);return s?i(n,{}):i(t,{ref:c,...o})};export{o as ReleasePost};

package/dist/organisms/ReleaseNotesPage/ReleasePosts/ReleasePost/ReleasePostSkeleton.js

@@ -0,0 +1,37 @@
+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{SkeletonBase as r}from"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import{useRef as i}from"react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=a.div`
+  display: flex;
+  flex-direction: column;
+  background: ${e.ui.background__default.rgba};
+  border: 1px solid ${e.ui.background__heavy.rgba};
+  width: 100%;
+  padding: ${t.medium};
+  border-radius: ${n.corners.borderRadius};
+  gap: ${t.xx_large};
+  height: 300px;
+  > header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    > div {
+      display: flex;
+      gap: ${t.small};
+    }
+  }
+  > section {
+    display: flex;
+    flex-direction: column;
+    gap: ${t.small};
+  }
+`,l=a(r)`
+  border-radius: ${n.corners.borderRadius};
+  height: 0.875rem;
+  width: 4rem;
+`,u=a(r)`
+  border-radius: ${n.rounded.borderRadius};
+  width: 5rem;
+  height: 24px;
+`,d=a(r)`
+  border-radius: ${n.corners.borderRadius};
+  height: 16px;
+  width: 4rem;
+`,f=()=>{let e=i(Array.from({length:7}).fill(0).map(()=>`${Math.random()*400+100}px`));return s(c,{children:[s(`header`,{children:[o(l,{}),s(`div`,{children:[o(u,{}),o(u,{})]})]}),o(`section`,{children:e.current.map((e,t)=>o(d,{style:{width:e}},`line-skeleton-${t.toString()}`))})]})};export{f as ReleasePostSkeleton};

package/dist/organisms/ReleaseNotesPage/ReleasePosts/ReleasePosts.js

@@ -0,0 +1,17 @@
+import{spacings as e}from"../../../atoms/style/spacings.js";import{Status as t}from"../../Status/index.js";import{useTableOfContents as n}from"../../../providers/TableOfContentsProvider.js";import{ReleasePostSkeleton as r}from"./ReleasePost/ReleasePostSkeleton.js";import{ReleasePost as i}from"./ReleasePost/ReleasePost.js";import{useFilteredReleaseNotes as a}from"../hooks/useFilteredReleaseNotes.js";import{monthValueToString as o}from"../ReleaseNotesPage.utils.js";import{Fragment as s}from"react";import{Typography as c}from"@equinor/eds-core-react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 30px;
+  width: 100%;
+`,p=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.large};
+  align-items: flex-start;
+  width: 100%;
+  > h3 {
+    margin: ${e.medium} 0;
+  }
+`,m=()=>{let{data:e,isLoading:l,isSearchingOrFiltering:m}=a(),{items:h}=n();return e.length===0&&!l?u(f,{children:u(t,{center:!1,children:u(t.Title,{title:`No release notes ${m?`found`:`yet`}`})})}):u(p,{children:l?Array.from({length:20}).fill(0).map((e,t)=>u(r,{},`release-post-skeleton-${t.toString()}`)):h.map(t=>d(s,{children:[u(c,{variant:`h3`,id:t.value,children:t.label}),t.children?.map(t=>{let n=e.filter(e=>o(new Date(e.releaseDate??e.createdDate))===t.value);return d(s,{children:[u(c,{variant:`h4`,id:t.value,children:t.label}),n.map(e=>u(i,{...e},e.releaseId))]},t.value)})]},t.value))})};export{m as ReleasePosts};

package/dist/organisms/ReleaseNotesPage/hooks/useFilteredReleaseNotes.js

@@ -0,0 +1 @@
+import{sortByDate as e}from"../../../atoms/utils/sort.js";import{useReleaseNotesFilters as t}from"./useReleaseNotesFilters.js";import{useMemo as n}from"react";import{useReleaseNotesQuery as r}from"@equinor/subsurface-app-management";function i(){let{search:i,isFiltering:a}=t(),{data:o,isLoading:s}=r();return{data:n(()=>{let t=o??[];return i.releaseNoteTypes&&(t=t.filter(e=>i.releaseNoteTypes?.every(t=>!!e.tags?.includes(t)))),i.search&&(t=t.filter(e=>i.search?.every(t=>{let n=t.toLowerCase();return e.title.toLowerCase().includes(n)||e.body.toLowerCase().includes(n)}))),t.sort((t,n)=>{let r=t.releaseDate??t.createdDate,i=n.releaseDate??n.createdDate;return e(r,i)}),t},[o,i]),isLoading:s,isSearchingOrFiltering:a}}export{i as useFilteredReleaseNotes};

package/dist/organisms/ReleaseNotesPage/hooks/useReleaseNotesFilters.js

@@ -0,0 +1 @@
+import{capitalize as e}from"../../../atoms/utils/string.js";import{useNavigate as t,useSearch as n}from"@tanstack/react-router";function r(){let r=n({strict:!1}),i=t(),a={search:(r.search??[]).map(e=>({value:e,label:e})),releaseNoteTypes:(r.releaseNoteTypes??[]).map(t=>({value:t,label:e(t)}))};return{search:r,selected:a,setSearchParam:(e,t)=>{i({to:`.`,search:n=>({...n,[e]:Array.isArray(t)&&t.length===0?void 0:t})})},clearAll:()=>{i({to:`.`,search:void 0})},isFiltering:r.search!==void 0||r.releaseNoteTypes!==void 0}}export{r as useReleaseNotesFilters};

package/dist/organisms/SideBar/CreateItem.styles.js

@@ -1,4 +1,4 @@
-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`
+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,{css as a}from"styled-components";const o=i.div`
   display: flex;
   align-self: stretch;
   box-sizing: border-box;
@@ -16,7 +16,7 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
       background: ${e.interactive.primary__hover.rgba};
     }
   }
-`,o=i(r)`
+`,s=i(r)`
   width: ${e=>e.$open?`fit-content`:`36px`};
   height: 36px;
   border-radius: ${n.icon_button.borderRadius};
@@ -27,7 +27,9 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   &:disabled {
     border: 0 solid transparent;
   }
-  > span {
-    ${e=>e.$open&&`margin-left: -11px`};
-  }
-`;export{o as CreateButton,a as MenuItemContainer};
+  ${e=>e.$open?a`
+      > span {
+        margin-left: -11px;
+      }
+    `:``};
+`;export{s as CreateButton,o as MenuItemContainer};

package/dist/organisms/SideBar/MenuItem/BasicMenuItem.js

@@ -1 +1 @@
-import{useSideBar as e}from"../../../providers/SideBarProvider.js";import{OptionalTooltip as t}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as n,ItemText as r,Link as i,MenuItemWrapper as a}from"./MenuItem.styles.js";import{canNavigate as o,isCurrentUrl as s}from"./MenuItem.utils.js";import{useCallback as c,useMemo as l}from"react";import{Icon as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{Feature as p}from"@equinor/subsurface-app-management";import{useLocation as m}from"react-router-dom";const h=({icon:h,link:g,onClick:_,replace:v=!1,name:y,disabled:b=!1,featureUuid:x,...S})=>{let{pathname:C}=m(),w=s({currentUrl:C,link:g}),{isOpen:T}=e(),E=o({currentUrl:C,link:g,replace:v,disabled:b}),D=c(e=>{if(!E){e.preventDefault();return}_&&_()},[E,_]),O=l(()=>d(t,{title:y,placement:`right`,children:d(a,{children:f(i,{to:g,$active:w,"aria-disabled":b,$disabled:b,onClick:D,tabIndex:0,$open:!0,"data-testid":`sidebar-menu-item`,replace:v,...S,children:[d(n,{"data-testid":`icon-container`,children:d(u,{data:h,size:24})}),T&&d(r,{$active:w,$disabled:b,variant:`button`,group:`navigation`,children:y})]})})}),[b,D,h,w,T,g,y,S,v]);return x?d(p,{featureUuid:x,children:O}):O};export{h as BasicMenuItem};
+import{useSideBar as e}from"../../../providers/SideBarProvider.js";import{OptionalTooltip as t}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as n,ItemText as r,Link as i,MenuItemWrapper as a}from"./MenuItem.styles.js";import{canNavigate as o,isCurrentUrl as s}from"./MenuItem.utils.js";import{useCallback as c,useMemo as l}from"react";import{Icon as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useLocation as p}from"@tanstack/react-router";import{Feature as m}from"@equinor/subsurface-app-management";const h=({icon:h,link:g,onClick:_,replace:v=!1,name:y,disabled:b=!1,featureUuid:x,...S})=>{let{pathname:C}=p(),w=s({currentUrl:C,link:g}),{isOpen:T}=e(),E=o({currentUrl:C,link:g,replace:v,disabled:b}),D=c(e=>{if(!E){e.preventDefault();return}_&&_()},[E,_]),O=l(()=>d(t,{title:y,placement:`right`,children:d(a,{children:f(i,{to:g,$active:w,"aria-disabled":b,$disabled:b,onClick:D,tabIndex:0,"data-testid":`sidebar-menu-item`,replace:v,...S,children:[d(n,{"data-testid":`icon-container`,children:d(u,{data:h,size:24})}),T&&d(r,{$active:w,$disabled:b,variant:`button`,group:`navigation`,children:y})]})})}),[b,D,h,w,T,g,y,S,v]);return x?d(m,{featureUuid:x,children:O}):O};export{h as BasicMenuItem};

package/dist/organisms/SideBar/MenuItem/CollapsableMenuItem.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useSideBar as n}from"../../../providers/SideBarProvider.js";import{usePrevious as r}from"../../../atoms/hooks/usePrevious.js";import{OptionalTooltip as i}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as a,ItemText as o,Link as s,MenuItemWrapper as c}from"./MenuItem.styles.js";import{isCurrentUrl as l}from"./MenuItem.utils.js";import{useEffect as u,useMemo as d,useRef as f,useState as p}from"react";import{Icon as m,Menu as h}from"@equinor/eds-core-react";import g,{css as _}from"styled-components";import{Fragment as v,jsx as y,jsxs as b}from"react/jsx-runtime";import{chevron_down as x,chevron_up as S}from"@equinor/eds-icons";import{Link as C,useLocation as w}from"react-router-dom";const T=g.button`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useSideBar as n}from"../../../providers/SideBarProvider.js";import{usePrevious as r}from"../../../atoms/hooks/usePrevious.js";import{OptionalTooltip as i}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as a,ItemText as o,Link as s,MenuItemWrapper as c}from"./MenuItem.styles.js";import{isCurrentUrl as l}from"./MenuItem.utils.js";import{useEffect as u,useMemo as d,useRef as f,useState as p}from"react";import{Icon as m,Menu as h}from"@equinor/eds-core-react";import g,{css as _}from"styled-components";import{Fragment as v,jsx as y,jsxs as b}from"react/jsx-runtime";import{chevron_down as x,chevron_up as S}from"@equinor/eds-icons";import{Link as C,useLocation as w}from"@tanstack/react-router";const T=g.button`
   position: relative;
   width: 100%;
   display: grid;

package/dist/organisms/SideBar/MenuItem/MenuItem.styles.js

@@ -1,10 +1,9 @@
-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";import{Link as i}from"react-router-dom";const a=r.span`
+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";import{Link as i}from"@tanstack/react-router";const a=r.span`
   width: 100%;
 `,o=r(i)`
   display: flex;
   align-self: stretch;
   align-items: center;
-  justify-content: ${({$open:e})=>!e&&`center`};
   height: 64px;
   min-width: 64px;
   padding: ${t.medium};

package/dist/organisms/SideBar/MenuItem/MenuItem.utils.js

@@ -1 +1 @@
-const e=({currentUrl:e,link:t})=>{let n=e.includes(t);return n&&t!==`/`||t===e},t=({currentUrl:e,link:t})=>{let n=e.split(`?`)[0];return n===t},n=({currentUrl:n,link:r,disabled:i,replace:a})=>{let o=e({currentUrl:n,link:r}),s=t({currentUrl:n,link:r});return!i&&(!o||o&&!s&&a)};export{n as canNavigate,e as isCurrentUrl};
+const e=({currentUrl:e,link:t})=>e.includes(t)&&t!==`/`||t===e,t=({currentUrl:e,link:t})=>e.split(`?`)[0]===t,n=({currentUrl:n,link:r,disabled:i,replace:a})=>{let o=e({currentUrl:n,link:r}),s=t({currentUrl:n,link:r});return!i&&(!o||o&&!s&&a)};export{n as canNavigate,e as isCurrentUrl};

package/dist/organisms/SideBar/SideBar.d.ts

@@ -1,4 +1,4 @@
-import * as react128 from "react";
+import * as react122 from "react";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/organisms/SideBar/SideBar.d.ts
@@ -16,6 +16,6 @@ interface SideBarWithCreate extends SideBarProps {
   createDisabled?: boolean;
   createActive?: boolean;
 }
-declare const SideBar: react128.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react128.RefAttributes<HTMLDivElement>>;
+declare const SideBar: react122.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react122.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { SideBar };

package/dist/organisms/Status/Action.d.ts

@@ -1,10 +1,10 @@
-import * as react134 from "react";
+import * as react124 from "react";
 
 //#region src/organisms/Status/Action.d.ts
 interface ActionProps {
   onClick: () => void;
   buttonText?: string;
 }
-declare const Action: react134.ForwardRefExoticComponent<ActionProps & react134.RefAttributes<HTMLButtonElement>>;
+declare const Action: react124.ForwardRefExoticComponent<ActionProps & react124.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Action };

package/dist/organisms/Status/Description.d.ts

@@ -1,9 +1,9 @@
-import * as react136 from "react";
+import * as react128 from "react";
 
 //#region src/organisms/Status/Description.d.ts
 interface DescriptionProps {
   text?: string;
 }
-declare const Description: react136.ForwardRefExoticComponent<DescriptionProps & react136.RefAttributes<HTMLHeadingElement>>;
+declare const Description: react128.ForwardRefExoticComponent<DescriptionProps & react128.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { Description };

package/dist/organisms/Status/MissingAccesses.d.ts

@@ -1,4 +1,4 @@
-import * as react138 from "react";
+import * as react126 from "react";
 
 //#region src/organisms/Status/MissingAccesses.d.ts
 interface AccessType {
@@ -9,6 +9,6 @@ interface MissingAccessesProps {
   accesses?: AccessType[];
   text?: string;
 }
-declare const MissingAccesses: react138.ForwardRefExoticComponent<MissingAccessesProps & react138.RefAttributes<HTMLDivElement>>;
+declare const MissingAccesses: react126.ForwardRefExoticComponent<MissingAccessesProps & react126.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MissingAccesses };

package/dist/organisms/Status/collections/BadRequest.js

@@ -1,3 +1,3 @@
-import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useNavigate as r}from"react-router";const i=()=>{let i=r(),a=()=>{i(-1)};return n(e,{color:`#AB9067`,children:[t(e.Title,{title:`Bad request`}),t(e.Description,{text:`We encountered some confusion regarding your request.
+import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useRouter as r}from"@tanstack/react-router";const i=()=>{let{history:i}=r();return n(e,{color:`#AB9067`,children:[t(e.Title,{title:`Bad request`}),t(e.Description,{text:`We encountered some confusion regarding your request.
          Please try again later, or if the issue persists, kindly report
-         it using the feedback form located in the top bar.`}),t(e.Action,{onClick:a})]})};export{i as BadRequest};
+         it using the feedback form located in the top bar.`}),t(e.Action,{onClick:()=>{i.go(-1)}})]})};export{i as BadRequest};

package/dist/organisms/Status/collections/GenericError.js

@@ -1 +1 @@
-import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useNavigate as r}from"react-router";const i=()=>{let i=r(),a=()=>{i(-1)};return n(e,{children:[t(e.Title,{}),t(e.Description,{}),t(e.Action,{onClick:a})]})};export{i as GenericError};
+import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useRouter as r}from"@tanstack/react-router";const i=()=>{let{history:i}=r();return n(e,{children:[t(e.Title,{}),t(e.Description,{}),t(e.Action,{onClick:()=>{i.go(-1)}})]})};export{i as GenericError};

package/dist/organisms/Status/collections/MissingAccessToApp.js

@@ -1 +1 @@
-import{environment as e}from"../../../atoms/utils/auth_environment.js";import{Status as t}from"../index.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=()=>{let i=e.getAppName(import.meta.env.VITE_NAME),a=()=>{window.open(`https://accessit.equinor.com/Search/Search?term=${encodeURIComponent(i)}`,`_blank`)};return r(t,{children:[n(t.Title,{title:`You don't have access to ${i}`}),n(t.Description,{text:`You can apply for acces to the app in AccessIT`}),n(t.Action,{onClick:a,buttonText:`Apply for access`})]})};export{i as MissingAccessToApp};
+import{environment as e}from"../../../atoms/utils/auth_environment.js";import{Status as t}from"../index.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=()=>{let i=e.getAppName(import.meta.env.VITE_NAME);return r(t,{children:[n(t.Title,{title:`You don't have access to ${i}`}),n(t.Description,{text:`You can apply for acces to the app in AccessIT`}),n(t.Action,{onClick:()=>{window.open(`https://accessit.equinor.com/Search/Search?term=${encodeURIComponent(i)}`,`_blank`)},buttonText:`Apply for access`})]})};export{i as MissingAccessToApp};

package/dist/organisms/Status/collections/MissingPermissions.js

@@ -1 +1 @@
-import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useNavigate as r}from"react-router";const i=()=>{let i=r(),a=()=>{i(-1)};return n(e,{children:[t(e.Title,{title:`It looks like you don't have permission to access this page.`}),t(e.Action,{onClick:a})]})};export{i as MissingPermissions};
+import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useRouter as r}from"@tanstack/react-router";const i=()=>{let{history:i}=r();return n(e,{children:[t(e.Title,{title:`It looks like you don't have permission to access this page.`}),t(e.Action,{onClick:()=>{i.go(-1)}})]})};export{i as MissingPermissions};

package/dist/organisms/Status/collections/PageNotFound.js

@@ -1,2 +1,2 @@
-import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useNavigate as r}from"react-router";const i=()=>{let i=r(),a=()=>{i(-1)};return n(e,{center:!1,children:[t(e.Title,{title:`Page not found`}),t(e.Description,{text:`It looks like the page you're looking for has gone missing.
-        Please check the URL and try again.`}),t(e.Action,{onClick:a})]})};export{i as PageNotFound};
+import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useRouter as r}from"@tanstack/react-router";const i=()=>{let{history:i}=r();return n(e,{center:!1,children:[t(e.Title,{title:`Page not found`}),t(e.Description,{text:`It looks like the page you're looking for has gone missing.
+        Please check the URL and try again.`}),t(e.Action,{onClick:()=>{i.go(-1)}})]})};export{i as PageNotFound};

package/dist/organisms/Status/collections/ServerError.js

@@ -1,3 +1,3 @@
-import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useNavigate as r}from"react-router";const i=()=>{let i=r(),a=()=>{i(-1)};return n(e,{color:`#C47E84`,children:[t(e.Title,{title:`Something is wrong on our servers`}),t(e.Description,{text:`Our server encountered an unexpected issue. Please try
+import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useRouter as r}from"@tanstack/react-router";const i=()=>{let{history:i}=r();return n(e,{color:`#C47E84`,children:[t(e.Title,{title:`Something is wrong on our servers`}),t(e.Description,{text:`Our server encountered an unexpected issue. Please try
         again shortly, or reach out via the feedback form if the problem
-        continues.`}),t(e.Action,{onClick:a})]})};export{i as ServerError};
+        continues.`}),t(e.Action,{onClick:()=>{i.go(-1)}})]})};export{i as ServerError};

package/dist/organisms/TableOfContents/TableOfContents.styles.js

@@ -1,4 +1,4 @@
-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{HEIGHT as r}from"./TableOfContents.constants.js";import i,{css as a}from"styled-components";import{motion as o}from"framer-motion";import{Link as s}from"react-router-dom";const{colors:c,shape:l}=e,u=i.button`
+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{HEIGHT as r}from"./TableOfContents.constants.js";import i,{css as a}from"styled-components";import{motion as o}from"framer-motion";import{Link as s}from"@tanstack/react-router";const{colors:c,shape:l}=e,u=i.button`
   &:hover {
     background: ${c.interactive.primary__hover_alt.rgba};
   }

package/dist/organisms/Template/Template.d.ts

@@ -1,4 +1,4 @@
-import * as react99 from "react";
+import * as react98 from "react";
 import * as styled_components11 from "styled-components";
 import { IStyledComponent } from "styled-components";
 import * as styled_components_dist_types39 from "styled-components/dist/types";
@@ -7,8 +7,8 @@ import * as styled_components_dist_types39 from "styled-components/dist/types";
 interface ContentProps {
   $open: boolean;
 }
-declare const Content: styled_components_dist_types39.IStyledComponentBase<"web", styled_components_dist_types39.Substitute<react99.DetailedHTMLProps<react99.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
-declare const GlobalStyles: react99.NamedExoticComponent<styled_components11.ExecutionProps & object>;
+declare const Content: styled_components_dist_types39.IStyledComponentBase<"web", styled_components_dist_types39.Substitute<react98.DetailedHTMLProps<react98.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
+declare const GlobalStyles: react98.NamedExoticComponent<styled_components11.ExecutionProps & object>;
 type TemplateType = IStyledComponent<'web', any> & {
   Container: IStyledComponent<'web', any>;
   Content: typeof Content;

package/dist/organisms/ToggleGroup/ToggleGroup.d.ts

@@ -1,7 +1,7 @@
 import { ToggleGroup } from "./ToggleGroup.types.js";
-import * as react140 from "react";
+import * as react138 from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup$1: react140.ForwardRefExoticComponent<ToggleGroup & react140.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroup$1: react138.ForwardRefExoticComponent<ToggleGroup & react138.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ToggleGroup$1 as ToggleGroup };

package/dist/organisms/ToggleGroup/ToggleGroupOption.d.ts

@@ -1,9 +1,9 @@
 import { ToggleGroupOption } from "./ToggleGroup.types.js";
-import * as react132 from "react";
+import * as react136 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroupOption.d.ts
 type ToggleGroupOptionProps = ToggleGroupOption & Omit<HTMLAttributes<HTMLButtonElement>, 'onToggle' | 'disabled'>;
-declare const ToggleGroupOption$1: react132.ForwardRefExoticComponent<ToggleGroupOptionProps & react132.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroupOption$1: react136.ForwardRefExoticComponent<ToggleGroupOptionProps & react136.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ToggleGroupOption$1 as ToggleGroupOption };

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

@@ -5,4 +5,4 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   svg {
     fill: ${e.interactive.danger__resting.rgba};
   }
-`,g=({onOpenImpersonateMenu:e,onClose:t})=>{let{data:a}=n(),{mutateAsync:l,isPending:g}=r(),_=async()=>{await l(),t()};return a&&g?u(h,{variant:`outlined`,color:`danger`,children:u(o,{})}):a?d(h,{variant:`outlined`,color:`danger`,onClick:_,children:[u(s,{data:m}),`End impersonation`]}):d(i,{onClick:e,children:[u(s,{data:p}),u(c,{variant:`button`,group:`navigation`,as:`span`,children:`Impersonate`}),u(s,{data:f})]})};export{g as ImpersonateButton};
+`,g=({onOpenImpersonateMenu:e,onClose:t})=>{let{data:a}=n(),{mutateAsync:l,isPending:g}=r();return a&&g?u(h,{variant:`outlined`,color:`danger`,children:u(o,{})}):a?d(h,{variant:`outlined`,color:`danger`,onClick:async()=>{await l(),t()},children:[u(s,{data:m}),`End impersonation`]}):d(i,{onClick:e,children:[u(s,{data:p}),u(c,{variant:`button`,group:`navigation`,as:`span`,children:`Impersonate`}),u(s,{data:f})]})};export{g as ImpersonateButton};

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

@@ -8,4 +8,4 @@ import{spacings as e}from"../../../../atoms/style/spacings.js";import{useActiveI
   display: flex;
   justify-content: flex-end;
   gap: ${e.small};
-`,d=({selectedUniqueName:e,onCancel:o})=>{let{data:d}=t(),{mutateAsync:f,isPending:p}=n(),m=async()=>{await f(e),o()};return c(l,{children:[s(a,{variant:`body_short`,children:`By selecting a user to impersonate, you will view the contents of this app as if you would be that user.`}),c(u,{children:[s(r,{variant:`outlined`,onClick:o,children:`Cancel`}),p?s(r,{children:s(i,{})}):s(r,{onClick:m,disabled:e===``||e===d?.uniqueName,children:`Impersonate`})]})]})};export{d as Actions};
+`,d=({selectedUniqueName:e,onCancel:o})=>{let{data:d}=t(),{mutateAsync:f,isPending:p}=n();return c(l,{children:[s(a,{variant:`body_short`,children:`By selecting a user to impersonate, you will view the contents of this app as if you would be that user.`}),c(u,{children:[s(r,{variant:`outlined`,onClick:o,children:`Cancel`}),p?s(r,{children:s(i,{})}):s(r,{onClick:async()=>{await f(e),o()},disabled:e===``||e===d?.uniqueName,children:`Impersonate`})]})]})};export{d as Actions};

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

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

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

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

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

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

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

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

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

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{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};
+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(e=>!e)};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:_,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/Notifications/NotificationProvider.d.ts

@@ -1,4 +1,4 @@
-import * as react123 from "react";
+import * as react121 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: react123.Context<NotificationContext | undefined>;
+declare const NotificationContext: react121.Context<NotificationContext | undefined>;
 declare const useNotification: () => NotificationContext;
 //#endregion
 export { useNotification };

package/dist/organisms/TopBar/Resources/Feedback/Feedback.utils.js

@@ -2,7 +2,7 @@ import{EnvironmentType as e}from"../../../../atoms/enums/Environment.js";import{
   ${e.urgency?i:``}
   ${t?a:``}
   ${o}
-  ${e.description} \n \n User agent string: ${navigator.userAgent}`},m=(t,n)=>{let r=n?`selfservice?id=ticket&table=incident&sys_id=`:`now/nav/ui/classic/params/target/incident.do%3Fsys_id%3D`,i=l(import.meta.env.VITE_ENVIRONMENT_NAME)===e.PRODUCTION;return`https://equinor${i?``:`test`}.service-now.com/${r}${t}`},h=()=>{if(navigator.userAgent.includes(i.EDGE_SHORT))return i.EDGE;if(navigator.userAgent.includes(i.CHROME))return i.CHROME;if(navigator.userAgent.includes(i.SAFARI))return i.SAFARI;if(navigator.userAgent.includes(i.FIREFOX))return i.FIREFOX},g=e=>{let t=e;e===i.EDGE&&(t=i.EDGE_SHORT);let n=RegExp(`${t}/(\\d+(?:\\.\\d+)+)`);return navigator.userAgent.match(n)?.[1]},_=()=>{let e=h();return e?`${e} (${g(e)})`:`Not found`},v=(e,t,i,o,s)=>{let l=i===a.BUG,d=l?`:bug: Bug report`:`:bulb: Suggestion`,f=[],p=[];p.push({type:`mrkdwn`,text:`*Title* \n ${e.title}`}),f.push({type:`mrkdwn`,text:` ${n(new Date,{format:`DD. month YYYY`})}`}),e.url&&f.push({type:`mrkdwn`,text:`*<${e.url}|Error URL>*`}),e.urgency&&p.push({type:`mrkdwn`,text:`*Severity* \n ${u(e)} ${e.urgency}`});let h=[{type:`header`,text:{type:`plain_text`,text:d,emoji:!0}},{type:`section`,fields:f},{type:`section`,fields:p},{type:`section`,fields:[{type:`mrkdwn`,text:`*Application* 
+  ${e.description} \n \n User agent string: ${navigator.userAgent}`},m=(t,n)=>{let r=n?`selfservice?id=ticket&table=incident&sys_id=`:`now/nav/ui/classic/params/target/incident.do%3Fsys_id%3D`;return`https://equinor${l(import.meta.env.VITE_ENVIRONMENT_NAME)===e.PRODUCTION?``:`test`}.service-now.com/${r}${t}`},h=()=>{if(navigator.userAgent.includes(i.EDGE_SHORT))return i.EDGE;if(navigator.userAgent.includes(i.CHROME))return i.CHROME;if(navigator.userAgent.includes(i.SAFARI))return i.SAFARI;if(navigator.userAgent.includes(i.FIREFOX))return i.FIREFOX},g=e=>{let t=e;e===i.EDGE&&(t=i.EDGE_SHORT);let n=RegExp(`${t}/(\\d+(?:\\.\\d+)+)`);return navigator.userAgent.match(n)?.[1]},_=()=>{let e=h();return e?`${e} (${g(e)})`:`Not found`},v=(e,t,i,o,s)=>{let l=i===a.BUG?`:bug: Bug report`:`:bulb: Suggestion`,d=[],f=[];f.push({type:`mrkdwn`,text:`*Title* \n ${e.title}`}),d.push({type:`mrkdwn`,text:` ${n(new Date,{format:`DD. month YYYY`})}`}),e.url&&d.push({type:`mrkdwn`,text:`*<${e.url}|Error URL>*`}),e.urgency&&f.push({type:`mrkdwn`,text:`*Severity* \n ${u(e)} ${e.urgency}`});let p=[{type:`header`,text:{type:`plain_text`,text:l,emoji:!0}},{type:`section`,fields:d},{type:`section`,fields:f},{type:`section`,fields:[{type:`mrkdwn`,text:`*Application* 
  `+c(import.meta.env.VITE_NAME)},{type:`mrkdwn`,text:`*User* \n ${o}`}]},{type:`section`,fields:[{type:`mrkdwn`,text:`*Browser* 
  `+_()},{type:`mrkdwn`,text:`*Field* \n ${r(t??`Not found`)}`}]},{type:`section`,text:{type:`mrkdwn`,text:`*Description* 
-`+e.description}}];return s&&h.push({type:`section`,text:{type:`mrkdwn`,text:`*<${m(s)}|:link: Click to open the ticket in Service Now>*`}}),h.push({type:`divider`}),JSON.stringify(h)};export{p as createServiceNowDescription,m as createServiceNowUrl,v as createSlackMessage,f as getUrgencyNumber,d as readUploadedFileAsText};
+`+e.description}}];return s&&p.push({type:`section`,text:{type:`mrkdwn`,text:`*<${m(s)}|:link: Click to open the ticket in Service Now>*`}}),p.push({type:`divider`}),JSON.stringify(p)};export{p as createServiceNowDescription,m as createServiceNowUrl,v as createSlackMessage,f as getUrgencyNumber,d as readUploadedFileAsText};