@equinor/amplify-component-lib 8.9.0 → 8.9.1

package/dist/atoms/style/darkTokens.js

@@ -1,6 +1,6 @@
 import{css as _}from"styled-components";const e=_`
   /*Dark Theme*/
-  html[data-theme='dark'] {
+  [data-theme='dark'] {
     textarea,
     input {
       color: var(--eds_text_static_icons__default);

package/dist/atoms/style/lightTokens.js

@@ -1,5 +1,5 @@
 import{css as a}from"styled-components";const r=a`
-  html[data-theme='light'] {
+  [data-theme='light'] {
     --amplify_dataviz_darkblue_default: rgba(0, 71, 153, 1);
     --amplify_dataviz_darkblue_darker: rgba(4, 48, 98, 1);
     --amplify_dataviz_darkblue_lighter: rgba(191, 220, 252, 1);

package/dist/molecules/Chip/Chip.styles.js

@@ -1,25 +1,25 @@
-import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as e}from"../../atoms/style/colors.js";import o,{css as a}from"styled-components";const i={default:{color:`${e.interactive.primary__resting.rgba}`,background:`${e.ui.background__light.rgba}`,borderColor:`${e.ui.background__medium.rgba}`,hover:{background:`${e.interactive.primary__hover_alt.rgba}`,color:`${e.interactive.primary__hover.rgba}`,borderColor:`${e.interactive.primary__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.disabled__border.rgba}`},selected:{color:`${e.interactive.primary__resting.rgba}`,background:`${e.interactive.primary__selected_highlight.rgba}`,borderColor:`${e.interactive.primary__selected_hover.rgba}`,hover:{color:`${e.interactive.primary__hover.rgba}`,background:`${e.interactive.primary__selected_hover.rgba}`,borderColor:`${e.interactive.primary__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.disabled__border.rgba}`}}},white:{color:`${e.interactive.primary__resting.rgba}`,background:`${e.ui.background__default.rgba}`,borderColor:`${e.ui.background__medium.rgba}`,hover:{background:`${e.interactive.primary__hover_alt.rgba}`,color:`${e.interactive.primary__hover.rgba}`,borderColor:`${e.interactive.primary__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.disabled__border.rgba}`}},warning:{color:`${e.interactive.warning__text.rgba}`,background:`${e.ui.background__light.rgba}`,borderColor:`${e.interactive.warning__resting.rgba}`,hover:{color:`${e.interactive.warning__hover.rgba}`,background:`${e.ui.background__warning.rgba}`,borderColor:`${e.interactive.warning__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.disabled__border.rgba}`},selected:{color:`${e.interactive.warning__text.rgba}`,background:`${e.interactive.primary__selected_highlight.rgba}`,borderColor:`${e.interactive.warning__resting.rgba}`,hover:{color:`${e.interactive.warning__hover.rgba}`,background:`${e.interactive.primary__selected_hover.rgba}`,borderColor:`${e.interactive.warning__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.warning__highlight.rgba}`}}},error:{color:`${e.interactive.danger__text.rgba}`,background:`${e.ui.background__light.rgba}`,borderColor:`${e.interactive.danger__resting.rgba}`,hover:{color:`${e.interactive.danger__hover.rgba}`,background:`${e.ui.background__danger.rgba}`,borderColor:`${e.interactive.danger__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.disabled__border.rgba}`},selected:{color:`${e.interactive.danger__text.rgba}`,background:`${e.interactive.primary__selected_highlight.rgba}`,borderColor:`${e.interactive.danger__resting.rgba}`,hover:{color:`${e.interactive.danger__hover.rgba}`,background:`${e.interactive.primary__selected_hover.rgba}`,borderColor:`${e.interactive.danger__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.danger__highlight.rgba}`}}}},t=(r="default",e=!1)=>{const o=i[e&&"white"===r?"default":r];return e&&o.selected?o.selected:o},d=a`
+import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as e}from"../../atoms/style/colors.js";import{spacings as o}from"../../atoms/style/spacings.js";import a,{css as i}from"styled-components";const{typography:t,shape:d}=r,n={default:{color:`${e.interactive.primary__resting.rgba}`,background:`${e.ui.background__light.rgba}`,borderColor:`${e.ui.background__medium.rgba}`,hover:{background:`${e.interactive.primary__hover_alt.rgba}`,color:`${e.interactive.primary__hover.rgba}`,borderColor:`${e.interactive.primary__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.disabled__border.rgba}`},selected:{color:`${e.interactive.primary__resting.rgba}`,background:`${e.interactive.primary__selected_highlight.rgba}`,borderColor:`${e.interactive.primary__selected_hover.rgba}`,hover:{color:`${e.interactive.primary__hover.rgba}`,background:`${e.interactive.primary__selected_hover.rgba}`,borderColor:`${e.interactive.primary__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.disabled__border.rgba}`}}},white:{color:`${e.interactive.primary__resting.rgba}`,background:`${e.ui.background__default.rgba}`,borderColor:`${e.ui.background__medium.rgba}`,hover:{background:`${e.interactive.primary__hover_alt.rgba}`,color:`${e.interactive.primary__hover.rgba}`,borderColor:`${e.interactive.primary__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.disabled__border.rgba}`}},warning:{color:`${e.interactive.warning__text.rgba}`,background:`${e.ui.background__light.rgba}`,borderColor:`${e.interactive.warning__resting.rgba}`,hover:{color:`${e.interactive.warning__hover.rgba}`,background:`${e.ui.background__warning.rgba}`,borderColor:`${e.interactive.warning__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.disabled__border.rgba}`},selected:{color:`${e.interactive.warning__text.rgba}`,background:`${e.interactive.primary__selected_highlight.rgba}`,borderColor:`${e.interactive.warning__resting.rgba}`,hover:{color:`${e.interactive.warning__hover.rgba}`,background:`${e.interactive.primary__selected_hover.rgba}`,borderColor:`${e.interactive.warning__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.warning__highlight.rgba}`}}},error:{color:`${e.interactive.danger__text.rgba}`,background:`${e.ui.background__light.rgba}`,borderColor:`${e.interactive.danger__resting.rgba}`,hover:{color:`${e.interactive.danger__hover.rgba}`,background:`${e.ui.background__danger.rgba}`,borderColor:`${e.interactive.danger__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.disabled__border.rgba}`},selected:{color:`${e.interactive.danger__text.rgba}`,background:`${e.interactive.primary__selected_highlight.rgba}`,borderColor:`${e.interactive.danger__resting.rgba}`,hover:{color:`${e.interactive.danger__hover.rgba}`,background:`${e.interactive.primary__selected_hover.rgba}`,borderColor:`${e.interactive.danger__hover.rgba}`},disabled:{color:`${e.interactive.disabled__text.rgba}`,background:`${e.interactive.disabled__fill.rgba}`,borderColor:`${e.interactive.danger__highlight.rgba}`}}}},b=(r="default",e=!1)=>{const o=n[e&&"white"===r?"default":r];return e&&o.selected?o.selected:o},l=i`
   outline: 1px solid ${e.ui.background__medium.rgba};
   display: flex;
   width: fit-content;
-  border-radius: ${r.shape.rounded.borderRadius};
+  border-radius: ${d.rounded.borderRadius};
   font-family: 'Equinor', sans-serif;
   font-weight: 500;
-  font-size: ${r.typography.ui.chip__badge.fontSize};
+  font-size: ${t.ui.chip__badge.fontSize};
   line-height: 16px;
   text-align: center;
   transition:
     background-color 150ms ease,
     outline 150ms ease,
     color 150ms ease;
-  padding: ${r.spacings.comfortable.x_small};
+  padding: ${o.x_small};
   box-sizing: content-box;
 
   .content {
-    padding: 0 ${r.spacings.comfortable.small};
+    padding: 0 ${o.small};
     display: flex;
     align-items: center;
-    gap: ${r.spacings.comfortable.x_small};
+    gap: ${o.x_small};
 
     .leading {
       display: flex;
@@ -30,10 +30,10 @@ import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
       height: 16px;
     }
   }
-`,n=o.button`
+`,g=a.button`
   cursor: pointer;
-  ${d}
-  ${({variant:r,selected:e})=>{const o=t(r,e);return a`
+  ${l}
+  ${({variant:r,selected:e})=>{const o=b(r,e);return i`
       color: ${o.color};
       background-color: ${o.background};
       outline: 1px solid ${o.borderColor};
@@ -55,11 +55,11 @@ import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
         }
       }
     `}};
-`,b=o.div`
-  ${d}
-  ${r=>{const o=t(r.variant,!0);return a`
+`,c=a.div`
+  ${l}
+  ${r=>{const o=b(r.variant,!0);return i`
       color: ${e.text.static_icons__default.rgba};
-      background-color: ${"white"===r.variant?i.white.background:e.ui.background__light.rgba};
+      background-color: ${"white"===r.variant?n.white.background:e.ui.background__light.rgba};
       outline: 1px solid ${o.disabled.borderColor};
     `}}
-`;export{n as InteractiveChipStyle,b as ReadOnlyChipStyle,i as colorSchemes};
+`;export{g as InteractiveChipStyle,c as ReadOnlyChipStyle,n as colorSchemes};

package/dist/molecules/FileProgress/FileProgress.d.ts

@@ -5,6 +5,7 @@ interface FileProgressBaseProps {
     file: FileWithPath | File;
     isDone?: boolean;
     progressPercent?: number;
+    indeterminate?: boolean;
     onCancel?: () => void;
     isError?: boolean;
 }
@@ -24,5 +25,8 @@ export interface FileProgressPropsExtension {
     showCompleteState: boolean;
     handleOnClick: () => void;
 }
+/**
+ * @progressPercent - The percentage of the file that has been uploaded, if undefined its considered indeterminate
+ */
 export declare const FileProgress: FC<RegularFileProgressBaseProps | CompactFileProgressBaseProps>;
 export {};

package/dist/molecules/ProfileAvatar/ProfileAvatar.js

@@ -1,6 +1,7 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useMemo as t}from"react";import{Icon as i,Avatar as a}from"@equinor/eds-core-react";import{person as s}from"@equinor/eds-icons";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as o}from"../../atoms/style/colors.js";import c from"styled-components";const{shape:d,typography:l}=n,u=[o.infographic.primary__energy_red_55.rgba,o.infographic.primary__moss_green_55.rgba,o.infographic.substitute__green_mint.rgba,o.infographic.substitute__blue_overcast.rgba];function m(e){const r=e.replace(/ *\([^)]*\) */g,"").toUpperCase(),t=r.split(" "),i=r.includes(",");return 1===t.length&&""!==t[0]?t[0].charAt(0):i?(e=>e.split(",")[1].trim().charAt(0))(r)+t[0].charAt(0):t.length>=2?t[0].charAt(0)+t[t.length-1].charAt(0):void 0}function h(e){let r=0;if(e)for(let t=0;t<e.length;t++)r+=e.charCodeAt(t);return u[r%u.length]}const g=c.div`
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useMemo as t}from"react";import{Icon as i,Avatar as a}from"@equinor/eds-core-react";import{person as n}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as o}from"../../atoms/style/colors.js";import c from"styled-components";const{shape:d,typography:l}=s,u=[o.infographic.primary__energy_red_55.rgba,o.infographic.primary__moss_green_55.rgba,o.infographic.substitute__green_mint.rgba,o.infographic.substitute__blue_overcast.rgba];function m(e){const r=e.replace(/ *\([^)]*\) */g,"").toUpperCase(),t=r.split(" "),i=r.includes(",");return 1===t.length&&""!==t[0]?t[0].charAt(0):i?(e=>e.split(",")[1].trim().charAt(0))(r)+t[0].charAt(0):t.length>=2?t[0].charAt(0)+t[t.length-1].charAt(0):void 0}function h(e){let r=0;if(e)for(let t=0;t<e.length;t++)r+=e.charCodeAt(t);return u[r%u.length]}const p=c.div`
   width: ${e=>e.$size}px;
   height: ${e=>e.$size}px;
+  position: relative;
   font-size: ${e=>e.$fontSize}px;
   font-family: ${l.heading.h6.fontFamily};
   border-radius: ${d.circle.borderRadius};
@@ -9,7 +10,11 @@ import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useMemo as t}from
   display: flex;
   justify-content: center;
   align-items: center;
-`,p=c(i)`
+  > span {
+    line-height: ${e=>e.$fontSize-4}px;
+    height: ${e=>e.$fontSize-4}px;
+  }
+`,g=c(i)`
   width: 70%;
 `,f=c.div`
   width: ${({$size:e})=>e}px;
@@ -18,4 +23,4 @@ import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useMemo as t}from
     width: inherit;
     height: inherit;
   }
-`,b=r((({url:r,name:i,size:n="medium",disabled:o=!1},c)=>{const d=t((()=>{const r=e(p,{data:s});return i&&0!==i.trim().length?m(i):r}),[i]),l=t((()=>{switch(n){case"small":return 16;case"small-medium":return 24;case"medium":case void 0:return 32;case"large":return 40;case"x-large":return 48;default:return n}}),[n]),u=t((()=>{switch(n){case"small":return 6;case"small-medium":return 10;case"medium":case void 0:return 14;case"large":return 16;case"x-large":return 18;default:return n/2}}),[n]),b=t((()=>{if(r)try{if(btoa(atob(r))===r)return`data:image/png;base64, ${r}`}catch{return r}return""}),[r]);return""!==b?e(f,{$size:l,"data-testid":"avatar-wrapper",children:e(a,{alt:`user-avatar-${i}`,src:b,disabled:o,ref:c})}):e(g,{$background:h(i),$size:l,$fontSize:u,disabled:o,ref:c,children:d})}));b.displayName="ProfileAvatar";export{b as ProfileAvatar,m as nameToInitials};
+`,b=r((({url:r,name:i,size:s="medium",disabled:o=!1},c)=>{const d=t((()=>{const r=e(g,{data:n});return i&&0!==i.trim().length?m(i):r}),[i]),l=t((()=>{switch(s){case"small":return 16;case"small-medium":return 24;case"medium":case void 0:return 32;case"large":return 40;case"x-large":return 48;default:return s}}),[s]),u=t((()=>{switch(s){case"small":return 6;case"small-medium":return 10;case"medium":case void 0:return 14;case"large":return 16;case"x-large":return 18;default:return s/2}}),[s]),b=t((()=>{if(r)try{if(btoa(atob(r))===r)return`data:image/png;base64, ${r}`}catch{return r}return""}),[r]);return""!==b?e(f,{$size:l,"data-testid":"avatar-wrapper",children:e(a,{alt:`user-avatar-${i}`,src:b,disabled:o,ref:c})}):e(p,{$background:h(i),$size:l,$fontSize:u,disabled:o,ref:c,children:e("span",{children:d})})}));b.displayName="ProfileAvatar";export{b as ProfileAvatar,m as nameToInitials};

package/dist/molecules/RichTextEditor/RichTextEditor.d.ts

@@ -13,5 +13,6 @@ export interface RichTextEditorProps {
     minHeight?: string;
     lightBackground?: boolean;
     border?: boolean;
+    highlighted?: boolean;
 }
 export declare const RichTextEditor: FC<RichTextEditorProps>;

package/dist/molecules/RichTextEditor/RichTextEditor.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{AmplifyBar as t}from"./MenuBar/MenuBar.js";import{EditorProvider as o}from"./EditorProvider.js";import{EditorStyling as a,EditorContent as i}from"./RichTextEditor.styles.js";import{getFeatures as d}from"../../atoms/utils/richtext.js";const n=({value:n,onChange:m,onImageUpload:s,placeholder:u,features:g,extendFeatures:l,removeFeatures:p,padding:h="md",maxHeight:c,minHeight:f,lightBackground:x,border:j=!0})=>{const U=d({features:g,extendFeatures:l,removeFeatures:p,onImageUpload:s});return e(o,{content:n,onUpdate:m,features:U,placeholder:u,onImageUpload:s,children:o=>r(a,{$border:j,$padding:h,$lightBackground:x,children:[e(t,{editor:o,features:U,onImageUpload:s}),e(i,{editor:o,$maxHeight:c,$minHeight:f})]})})};export{n as RichTextEditor};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{AmplifyBar as r}from"./MenuBar/MenuBar.js";import{EditorProvider as o}from"./EditorProvider.js";import{EditorStyling as a,EditorContent as i}from"./RichTextEditor.styles.js";import{getFeatures as d}from"../../atoms/utils/richtext.js";const n=({value:n,onChange:m,onImageUpload:h,placeholder:s,features:g,extendFeatures:l,removeFeatures:u,padding:p="md",maxHeight:c,minHeight:f,lightBackground:x,border:$=!0,highlighted:j=!1})=>{const U=d({features:g,extendFeatures:l,removeFeatures:u,onImageUpload:h});return e(o,{content:n,onUpdate:m,features:U,placeholder:s,onImageUpload:h,children:o=>t(a,{"data-testid":"richtext-editor",$border:$,$padding:p,$lightBackground:x,$highlighted:j,children:[e(r,{editor:o,features:U,onImageUpload:h}),e(i,{editor:o,$maxHeight:c,$minHeight:f})]})})};export{n as RichTextEditor};

package/dist/molecules/RichTextEditor/RichTextEditor.styles.d.ts

@@ -8,6 +8,7 @@ export declare const EditorContent: import("styled-components/dist/types").IStyl
 }, RichTextContentProps>> & string & Omit<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>, keyof import("react").Component<any, {}, any>>;
 export interface EditorStylingProps {
     $lightBackground?: boolean;
+    $highlighted?: boolean;
     $padding?: 'sm' | 'md' | 'lg' | 'none';
     $border?: boolean;
 }

package/dist/molecules/RichTextEditor/RichTextEditor.styles.js

@@ -1,14 +1,14 @@
-import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{EditorContent as e}from"@tiptap/react";import r from"styled-components";const{colors:t,spacings:i,typography:a,shape:n}=o,d=r(e)`
+import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{EditorContent as o}from"@tiptap/react";import t from"styled-components";import"react";import"./custom-extensions/AmplifyKit.js";import"./MenuBar/MenuBar.js";import"react/jsx-runtime";import"./RichTextEditor.types.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import{colors as e}from"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";const{spacings:i,typography:a,shape:n,colors:s}=r,d=t(o)`
   display: grid;
   grid-template-rows: 1fr;
   overflow-y: auto;
-  min-height: ${o=>o.$minHeight||"auto"};
-  max-height: ${o=>o.$maxHeight||"auto"};
-`,l=r.div`
+  min-height: ${r=>r.$minHeight||"auto"};
+  max-height: ${r=>r.$maxHeight||"auto"};
+`,m=t.div`
   display: grid;
-  background: ${t.ui.background__default.rgba};
+  background: ${s.ui.background__default.rgba};
   border-radius: ${n.corners.borderRadius} ${n.corners.borderRadius} 0 0;
-  border: ${o=>o.$border?`1px solid ${t.ui.background__medium.rgba}`:"none"};
+  border: ${r=>r.$border?`1px solid ${s.ui.background__medium.rgba}`:"none"};
   border-bottom: none;
 
   &:has(div[contenteditable='true']) {
@@ -16,31 +16,31 @@ import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
   }
 
   & [data-placeholder]::before {
-    color: ${t.text.static_icons__tertiary.rgba} !important;
+    color: ${s.text.static_icons__tertiary.rgba} !important;
   }
 
   .tiptap {
     box-sizing: border-box;
     overflow-y: auto;
-    background: ${o=>o.$lightBackground?`${t.ui.background__default.rgba}`:`${t.ui.background__light.rgba}`};
+    background: ${r=>r.$lightBackground?`${s.ui.background__default.rgba}`:`${s.ui.background__light.rgba}`};
 
     &[contenteditable='true'] {
-      box-shadow: inset 0 -1px ${t.ui.background__medium.rgba};
+      box-shadow: ${({$highlighted:r})=>r?`inset 0 -2px ${e.dataviz.darkblue.darker}`:`inset 0 -1px ${s.ui.background__medium.rgba}`};
     }
 
-    padding: ${o=>{switch(o.$padding){case"sm":return i.comfortable.small;case"md":return i.comfortable.medium;case"lg":return i.comfortable.large;default:return 0}}};
+    padding: ${r=>{switch(r.$padding){case"sm":return i.comfortable.small;case"md":return i.comfortable.medium;case"lg":return i.comfortable.large;default:return 0}}};
 
     a {
-      color: ${t.interactive.primary__resting.rgba};
+      color: ${s.interactive.primary__resting.rgba};
     }
     a:hover {
       cursor: pointer;
-      color: ${t.interactive.primary__hover.rgba};
+      color: ${s.interactive.primary__hover.rgba};
     }
     p {
       font-size: 16px;
       font-family: 'Equinor', sans-serif;
-      color: ${t.text.static_icons__default.rgba};
+      color: ${s.text.static_icons__default.rgba};
       line-height: ${a.paragraph.body_long.lineHeight};
       margin: 0;
     }
@@ -124,15 +124,15 @@ import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
 
     &:focus-visible {
       outline: none;
-      box-shadow: inset 0 -2px ${t.interactive.primary__resting.rgba};
+      box-shadow: inset 0 -2px ${s.interactive.primary__resting.rgba};
     }
   }
 
   .tiptap p.is-editor-empty:first-child::before {
-    color: ${t.text.static_icons__default.rgba};
+    color: ${s.text.static_icons__default.rgba};
     content: attr(data-placeholder);
     float: left;
     height: 0;
     pointer-events: none;
   }
-`;export{d as EditorContent,l as EditorStyling};
+`;export{d as EditorContent,m as EditorStyling};

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

@@ -3,5 +3,6 @@ export interface CreateItemProps {
     createLabel: string;
     onCreate: () => void;
     disabled?: boolean;
+    active?: boolean;
 }
 export declare const CreateItem: FC<CreateItemProps>;

package/dist/organisms/SideBar/CreateItem.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{add as o}from"@equinor/eds-icons";import{OptionalTooltip as t}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{MenuItemContainer as n,CreateButton as a}from"./CreateItem.styles.js";import{useSideBar as d}from"../../providers/SideBarProvider.js";const l=({createLabel:l,onCreate:c,disabled:s=!1})=>{const{isOpen:m}=d();return e(n,m?{children:r(a,{$open:!0,variant:"contained",onClick:c,disabled:s,children:[e(i,{data:o}),l]})}:{children:e(t,{title:l,placement:"right",children:e(a,{variant:"contained",onClick:c,disabled:s,children:e(i,{data:o})})})})};export{l as CreateItem};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{add as r}from"@equinor/eds-icons";import{OptionalTooltip as o}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{MenuItemContainer as a,CreateButton as n}from"./CreateItem.styles.js";import{useSideBar as c}from"../../providers/SideBarProvider.js";const d=({createLabel:d,onCreate:l,disabled:s=!1,active:m=!1})=>{const{isOpen:p}=c();return e(a,p?{$active:m,"data-testid":"create-item-container",children:t(n,{$open:!0,variant:"contained",onClick:l,disabled:s,children:[e(i,{data:r}),d]})}:{$active:m,"data-testid":"create-item-container",children:e(o,{title:d,placement:"right",children:e(n,{variant:"contained",onClick:l,disabled:s,children:e(i,{data:r})})})})};export{d as CreateItem};

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

@@ -1,5 +1,8 @@
 import { ButtonProps } from '@equinor/eds-core-react';
-export declare const MenuItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface MenuItemContainerProps {
+    $active?: boolean;
+}
+export declare const MenuItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuItemContainerProps>> & string;
 interface CreateButtonProps extends ButtonProps {
     $open?: boolean;
 }

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

@@ -1,4 +1,4 @@
-import{Button as o}from"@equinor/eds-core-react";import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"styled-components";const{colors:i,shape:t}=e,s=r.div`
+import{Button as e}from"@equinor/eds-core-react";import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"styled-components";const{colors:i,shape:t}=o,d=r.div`
   display: flex;
   align-self: stretch;
   align-items: center;
@@ -6,8 +6,9 @@ import{Button as o}from"@equinor/eds-core-react";import{tokens as e}from"../../n
   padding: 0 14px;
   border-bottom: 1px solid ${i.ui.background__medium.rgba};
   box-sizing: border-box;
-`,d=r(o)`
-  width: ${o=>o.$open?"fit-content":"36px"};
+  ${({$active:e})=>e&&`background: ${i.interactive.primary__selected_highlight.rgba};`}
+`,s=r(e)`
+  width: ${e=>e.$open?"fit-content":"36px"};
   height: 36px;
   border-radius: ${t.icon_button.borderRadius};
   transition: 0.1s ease-out;
@@ -18,6 +19,6 @@ import{Button as o}from"@equinor/eds-core-react";import{tokens as e}from"../../n
     border: 0 solid transparent;
   }
   > span {
-    ${o=>o.$open&&"margin-left: -11px"};
+    ${e=>e.$open&&"margin-left: -11px"};
   }
-`;export{d as CreateButton,s as MenuItemContainer};
+`;export{s as CreateButton,d as MenuItemContainer};

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

@@ -11,6 +11,7 @@ interface SideBarWithCreate extends SideBarProps {
     onCreate: () => void;
     createLabel: string;
     createDisabled?: boolean;
+    createActive?: boolean;
 }
 export declare const SideBar: import("react").ForwardRefExoticComponent<(BaseSideBar | SideBarWithCreate) & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/organisms/SideBar/SideBar.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{CreateItem as t}from"./CreateItem.js";import{NavigationContainer as i,TopItemContainer as a,BottomItemContainer as s,EquinorIconContainer as m}from"./SideBar.styles.js";import{ToggleOpen as d}from"./ToggleOpen.js";import{EquinorLogo as n}from"../../molecules/EquinorLogo/EquinorLogo.js";import{useSideBar as p}from"../../providers/SideBarProvider.js";const l=o(((o,l)=>{const{children:c,showCreate:f=!0,bottomItem:h}=o,{isOpen:b,setIsOpen:g}=p();return e(i,{$width:b?"231px":"64px",ref:l,"data-testid":"sidebar",children:[e(a,{children:[o.onCreate&&f&&r(t,{createLabel:o.createLabel,onCreate:o.onCreate,disabled:o.createDisabled}),c]}),e(s,{children:[h,r(d,{isOpen:b,toggle:()=>{g(!b)}}),r(m,{children:r(n,{})})]})]})}));l.displayName="SideBar";export{l as SideBar};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{CreateItem as o}from"./CreateItem.js";import{NavigationContainer as i,TopItemContainer as a,BottomItemContainer as s,EquinorIconContainer as m}from"./SideBar.styles.js";import{ToggleOpen as d}from"./ToggleOpen.js";import{EquinorLogo as n}from"../../molecules/EquinorLogo/EquinorLogo.js";import{useSideBar as c}from"../../providers/SideBarProvider.js";const p=t(((t,p)=>{const{children:l,showCreate:f=!0,bottomItem:h}=t,{isOpen:b,setIsOpen:g}=c();return e(i,{$width:b?"231px":"64px",ref:p,"data-testid":"sidebar",children:[e(a,{children:[t.onCreate&&f&&r(o,{createLabel:t.createLabel,onCreate:t.onCreate,disabled:t.createDisabled,active:t.createActive}),l]}),e(s,{children:[h,r(d,{isOpen:b,toggle:()=>{g(!b)}}),r(m,{children:r(n,{})})]})]})}));p.displayName="SideBar";export{p as SideBar};

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

@@ -1,6 +1,6 @@
-import { FC, MutableRefObject, ReactElement } from 'react';
+import { FC, MutableRefObject, ReactElement, ReactNode } from 'react';
 import { AccountInfo } from '@azure/msal-common';
-interface AccountProps {
+export interface AccountProps {
     /**
      * @deprecated logout - Not needed anymore
      */
@@ -18,6 +18,7 @@ interface AccountProps {
      */
     roles?: string[] | undefined;
     renderCustomButton?: (buttonRef: MutableRefObject<HTMLButtonElement | null>, handleToggle: () => void) => ReactElement;
+    hideRoleChips?: boolean;
+    children?: ReactNode;
 }
 export declare const Account: FC<AccountProps>;
-export {};

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

@@ -1 +1 @@
-import{jsxs as o,Fragment as r,jsx as e}from"react/jsx-runtime";import{useState as t,useRef as i,useCallback as s,useMemo as n}from"react";import{Typography as m,Button as a,Icon as p}from"@equinor/eds-core-react";import{log_out as c}from"@equinor/eds-icons";import{TopBarMenu as l}from"../TopBarMenu.js";import{useActiveImpersonationUser as u}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useCanImpersonate as d}from"./ImpersonateMenu/hooks/useCanImpersonate.js";import{ImpersonateMenu as h}from"./ImpersonateMenu/ImpersonateMenu.js";import{Container as j,TextContent as v,RolesContainer as f,RoleChip as E,ButtonWrapper as T}from"./Account.styles.js";import{AccountAvatar as I}from"./AccountAvatar.js";import{AccountButton as A}from"./AccountButton.js";import{ActiveUserImpersonationButton as P}from"./ActiveUserImpersonationButton.js";import{ImpersonateButton as N}from"./ImpersonateButton.js";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import{EnvironmentType as C}from"../../../atoms/enums/Environment.js";import{environment as g}from"../../../atoms/utils/auth_environment.js";import"../Notifications/NotificationProvider.js";import{useAuth as M}from"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/style/colors.js";import"../../../atoms/enums/Errors.js";import"../../../atoms/enums/Theme.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";const x=({renderCustomButton:x})=>{const B=g.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME),R=g.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),{account:k,roles:y,logout:_}=M(),[q,O]=t(!1),[b,S]=t(!1),U=i(null),{data:V}=d(),{data:D}=u(),L=D?D.fullName:k?.name,G=D?D.roles:y,K=D?D.uniqueName:k?.username,Q=()=>O(!1),w=s((()=>{O((o=>!o)),S(!1)}),[]),z=()=>{S(!0),O(!1)},F=n((()=>x?x(U,w):null),[x,w]);return o(r,{children:[F||e(A,{ref:U,onClick:w}),o(l,{open:q,title:"Account",onClose:Q,anchorEl:U.current,children:[o(j,{children:[D&&e(P,{onClick:z}),e(I,{}),o(v,{children:[e(m,{variant:"h6",children:L}),e(m,{children:K})]}),G&&e(f,{children:G.map((o=>e(E,{children:o},o)))}),V&&B!==C.PRODUCTION&&R&&e(N,{onOpenImpersonateMenu:z,onClose:Q})]}),e(T,{children:o(a,{variant:"ghost",onClick:_,children:[e(p,{data:c}),"Log out"]})})]}),e(h,{open:b,onClose:()=>S(!1),anchorEl:U.current})]})};x.displayName="TopBar.Account";export{x as Account};
+import{jsxs as o,Fragment as r,jsx as e}from"react/jsx-runtime";import{useState as t,useRef as i,useCallback as s,useMemo as n}from"react";import{Typography as m,Button as a,Icon as p}from"@equinor/eds-core-react";import{log_out as c}from"@equinor/eds-icons";import{TopBarMenu as l}from"../TopBarMenu.js";import{useActiveImpersonationUser as u}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useCanImpersonate as d}from"./ImpersonateMenu/hooks/useCanImpersonate.js";import{ImpersonateMenu as h}from"./ImpersonateMenu/ImpersonateMenu.js";import{Container as j,TextContent as v,RolesContainer as f,RoleChip as E,ButtonWrapper as T}from"./Account.styles.js";import{AccountAvatar as I}from"./AccountAvatar.js";import{AccountButton as A}from"./AccountButton.js";import{ActiveUserImpersonationButton as P}from"./ActiveUserImpersonationButton.js";import{ImpersonateButton as C}from"./ImpersonateButton.js";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import{EnvironmentType as N}from"../../../atoms/enums/Environment.js";import{environment as g}from"../../../atoms/utils/auth_environment.js";import"../Notifications/NotificationProvider.js";import{useAuth as M}from"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/style/colors.js";import"../../../atoms/enums/Errors.js";import"../../../atoms/enums/Theme.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";const R=({renderCustomButton:R,hideRoleChips:x=!1,children:B})=>{const k=g.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME),y=g.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),{account:_,roles:q,logout:O}=M(),[b,S]=t(!1),[U,V]=t(!1),D=i(null),{data:L}=d(),{data:G}=u(),K=G?G.fullName:_?.name,Q=G?G.roles:q,w=G?G.uniqueName:_?.username,z=()=>S(!1),F=s((()=>{S((o=>!o)),V(!1)}),[]),H=()=>{V(!0),S(!1)},J=n((()=>R?R(D,F):null),[R,F]);return o(r,{children:[J||e(A,{ref:D,onClick:F}),o(l,{open:b,title:"Account",onClose:z,anchorEl:D.current,children:[o(j,{children:[G&&e(P,{onClick:H}),e(I,{}),o(v,{children:[e(m,{variant:"h6",children:K}),e(m,{children:w})]}),Q&&!x&&e(f,{children:Q.map((o=>e(E,{children:o},o)))}),B,L&&k!==N.PRODUCTION&&y&&e(C,{onOpenImpersonateMenu:H,onClose:z})]}),e(T,{children:o(a,{variant:"ghost",onClick:O,children:[e(p,{data:c}),"Log out"]})})]}),e(h,{open:U,onClose:()=>V(!1),anchorEl:D.current})]})};R.displayName="TopBar.Account";export{R as Account};

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

@@ -1,54 +1,57 @@
-import{Chip as i}from"@equinor/eds-core-react";import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{animation as o}from"../../../atoms/style/animation.js";import"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import a from"styled-components";const{colors:e,shape:s}=r,n=a.button`
+import{Chip as r}from"@equinor/eds-core-react";import{tokens as i}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{animation as t}from"../../../atoms/style/animation.js";import"../../../atoms/style/colors.js";import{spacings as a}from"../../../atoms/style/spacings.js";import e from"styled-components";const{colors:o,shape:n}=i,s=e.button`
   border-radius: 50%;
   padding: 0;
-  outline-offset: ${t.x_small};
+  outline-offset: ${a.x_small};
   background: none;
   cursor: pointer;
   &:focus {
-    outline: 2px dashed ${e.interactive.primary__resting.rgba};
+    outline: 2px dashed ${o.interactive.primary__resting.rgba};
   }
-`,d=a.div`
-  padding: ${t.medium} ${t.small} 0 ${t.small};
+`,l=e.div`
+  padding: ${a.medium} ${a.small} 0 ${a.small};
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: ${t.small};
-`,l=a.div`
+  gap: ${a.small};
+`,d=e.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-`,m=a.section`
+`,m=e.section`
   display: flex;
-  gap: ${t.small};
-  margin-top: ${t.small};
-`,g=a(i)`
-  background: ${e.ui.background__light.rgba};
-  border: 1px solid ${e.ui.background__medium.rgba};
-  color: ${e.text.static_icons__default.rgba};
-`,u=a.div`
+  flex-wrap: wrap;
+  justify-content: center;
+  max-width: 350px;
+  gap: ${a.small};
+  margin-top: ${a.small};
+`,c=e(r)`
+  background: ${o.ui.background__light.rgba};
+  border: 1px solid ${o.ui.background__medium.rgba};
+  color: ${o.text.static_icons__default.rgba};
+`,g=e.div`
   display: grid;
-  margin-top: ${t.x_large};
+  margin-top: ${a.x_large};
   justify-content: center;
-`,c=a.button`
+`,p=e.button`
   display: grid;
   grid-template-columns: auto 1fr auto;
   align-items: center;
-  gap: ${t.medium_small};
+  gap: ${a.medium_small};
   width: 100%;
-  padding: ${t.small};
-  border-radius: ${s.button.borderRadius};
-  background: ${e.ui.background__light.rgba};
-  transition: background ${o.transitionMS};
+  padding: ${a.small};
+  border-radius: ${n.button.borderRadius};
+  background: ${o.ui.background__light.rgba};
+  transition: background ${t.transitionMS};
 
   > span {
-    color: ${e.interactive.primary__resting.rgba};
+    color: ${o.interactive.primary__resting.rgba};
   }
 
   > svg {
-    fill: ${e.interactive.primary__resting.rgba};
+    fill: ${o.interactive.primary__resting.rgba};
   }
 
   &:hover {
-    background: ${e.ui.background__medium.rgba};
+    background: ${o.interactive.primary__hover_alt.rgba};
   }
-`;export{u as ButtonWrapper,d as Container,c as OpenImpersonationMenuButton,n as ProfileButton,g as RoleChip,m as RolesContainer,l as TextContent};
+`;export{g as ButtonWrapper,l as Container,p as OpenImpersonationMenuButton,s as ProfileButton,c as RoleChip,m as RolesContainer,d as TextContent};

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

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

package/dist/organisms/TopBar/Account/ImpersonateMenu/CreateOrEditUser/CreateOrEditUser.d.ts

@@ -3,7 +3,6 @@ import { ImpersonateUserDto } from '@equinor/subsurface-app-management';
 interface CreateOrEditUserProps {
     editingUser?: ImpersonateUserDto;
     onBack: () => void;
-    onClose: () => void;
 }
 export declare const CreateOrEditUser: FC<CreateOrEditUserProps>;
 export {};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as r,useEffect as t,useMemo as i}from"react";import{Button as s,Icon as l,Typography as m,DotProgress as a}from"@equinor/eds-core-react";import{arrow_back as n}from"@equinor/eds-icons";import{useAllAppRoles as p}from"../hooks/useAllAppRoles.js";import{useCreateImpersonation as c}from"../hooks/useCreateImpersonation.js";import{useEditImpersonation as u}from"../hooks/useEditImpersonation.js";import{Header as d}from"../Impersonate.styles.js";import{Container as j,Section as h}from"./CreateOrEditUser.styles.js";import{usePrevious as v}from"../../../../../atoms/hooks/usePrevious.js";import{environment as g}from"../../../../../atoms/utils/auth_environment.js";import"../../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../../molecules/Badge/Badge.styles.js";import"../../../../../molecules/Banner/Banner.styles.js";import"../../../../../molecules/Chip/Chip.js";import"../../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../../molecules/Dialog/Dialog.js";import"../../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../../atoms/style/colors.js";import"../../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../../atoms/enums/Environment.js";import"../../../Notifications/NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../providers/ReleaseNotesProvider.js";import"../../../../../providers/SideBarProvider.js";import"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../../providers/TutorialStepsProvider.js";import"../../../../../atoms/enums/Errors.js";import"../../../../../atoms/enums/Theme.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../../molecules/InfoElement/InfoElement.js";import"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../../molecules/Sieve/Sieve.styles.js";import"../../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../../molecules/Stepper/Stepper.js";import"../../../../../molecules/OptionDrawer/OptionDrawer.js";import{ComboBox as f}from"../../../../../molecules/Select/ComboBox/ComboBox.js";import"../../../../../molecules/Select/Select.styles.js";import"../../../../../molecules/ListItem/ListItem.js";import"../../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../../molecules/SelectionControls/Switch/Switch.js";import{TextField as S}from"../../../../../molecules/TextField/TextField.js";const C=({editingUser:C,onBack:P,onClose:A})=>{const E=v(C),[k,N]=r([]),[y,T]=r(""),[x,B]=r(""),{data:b,isLoading:R}=p();t((()=>{!C||void 0!==E&&E.uniqueName===C.uniqueName||(N(C.roles.map((e=>({value:e,label:e})))),T(C.firstName),B(C.lastName))}),[C,E]);const F=i((()=>b?.map((e=>({value:e.value,label:e.value})))??[]),[b]),{mutateAsync:q,isPending:M}=c(),{mutateAsync:I,isPending:w}=u(),L=M||w,O=i((()=>""===y||""===x||0===k.length),[y,x,k.length]);return e(j,{children:[e(d,{children:[o(s,{variant:"ghost_icon",onClick:P,children:o(l,{data:n})}),o(m,{variant:"h6",children:C?"Edit user":"Create new user"})]}),e(h,{children:[o(S,{id:"first-name",label:"First name",placeholder:"Add first name...",value:y,onChange:e=>{T(e.target.value)}}),o(S,{id:"last-name",label:"Last name",placeholder:"Add last name...",value:x,onChange:e=>{B(e.target.value)}})]}),e(h,{children:[o(m,{variant:"label",group:"navigation",children:"Roles"}),R&&o(a,{color:"primary"}),o(f,{placeholder:"Select roles...",values:k,onSelect:e=>{N(e)},items:F})]}),e(h,{children:[o(s,{variant:"outlined",onClick:P,children:"Cancel"}),o(s,L?{children:o(a,{})}:{onClick:async()=>{C?(await I({firstName:y,lastName:x,fullName:`${y} ${x}`,roles:k.map((e=>e.value)).sort(),uniqueName:C.uniqueName,appName:C.appName,activeUsers:[]}),P()):(await q({firstName:y,lastName:x,roles:k.map((e=>e.value)).sort(),uniqueName:`${y}.${x}`.toLowerCase(),appName:g.getAppName(import.meta.env.VITE_NAME),activeUsers:[]}),A())},disabled:O,children:C?"Save":"Create and impersonate"})]})]})};export{C as CreateOrEditUser};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as r,useEffect as t,useMemo as i}from"react";import{Button as s,Icon as l,Typography as m,DotProgress as a}from"@equinor/eds-core-react";import{arrow_back as n}from"@equinor/eds-icons";import{useAllAppRoles as p}from"../hooks/useAllAppRoles.js";import{useCreateImpersonation as c}from"../hooks/useCreateImpersonation.js";import{useEditImpersonation as u}from"../hooks/useEditImpersonation.js";import{Header as d}from"../Impersonate.styles.js";import{Container as j,Section as h}from"./CreateOrEditUser.styles.js";import{usePrevious as v}from"../../../../../atoms/hooks/usePrevious.js";import{environment as g}from"../../../../../atoms/utils/auth_environment.js";import"../../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../../molecules/Badge/Badge.styles.js";import"../../../../../molecules/Banner/Banner.styles.js";import"../../../../../molecules/Chip/Chip.js";import"../../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../../molecules/Dialog/Dialog.js";import"../../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../../atoms/style/colors.js";import"../../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../../atoms/enums/Environment.js";import"../../../Notifications/NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../providers/ReleaseNotesProvider.js";import"../../../../../providers/SideBarProvider.js";import"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../../providers/TutorialStepsProvider.js";import"../../../../../atoms/enums/Errors.js";import"../../../../../atoms/enums/Theme.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../../molecules/InfoElement/InfoElement.js";import"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../../molecules/Sieve/Sieve.styles.js";import"../../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../../molecules/Stepper/Stepper.js";import"../../../../../molecules/OptionDrawer/OptionDrawer.js";import{ComboBox as f}from"../../../../../molecules/Select/ComboBox/ComboBox.js";import"../../../../../molecules/Select/Select.styles.js";import"../../../../../molecules/ListItem/ListItem.js";import"../../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../../molecules/SelectionControls/Switch/Switch.js";import{TextField as S}from"../../../../../molecules/TextField/TextField.js";const C=({editingUser:C,onBack:P})=>{const A=v(C),[E,k]=r([]),[N,y]=r(""),[T,x]=r(""),{data:B,isLoading:b}=p();t((()=>{!C||void 0!==A&&A.uniqueName===C.uniqueName||(k(C.roles.map((e=>({value:e,label:e})))),y(C.firstName),x(C.lastName))}),[C,A]);const R=i((()=>B?.map((e=>({value:e.value,label:e.value})))??[]),[B]),{mutateAsync:F,isPending:q}=c(),{mutateAsync:M,isPending:I}=u(),w=q||I,L=i((()=>""===N||""===T||0===E.length),[N,T,E.length]);return e(j,{children:[e(d,{children:[o(s,{variant:"ghost_icon",onClick:P,children:o(l,{data:n})}),o(m,{variant:"h6",children:C?"Edit user":"Create new user"})]}),e(h,{children:[o(S,{id:"first-name",label:"First name",placeholder:"Add first name...",value:N,onChange:e=>{y(e.target.value)}}),o(S,{id:"last-name",label:"Last name",placeholder:"Add last name...",value:T,onChange:e=>{x(e.target.value)}})]}),e(h,{children:[o(m,{variant:"label",group:"navigation",children:"Roles"}),b&&o(a,{color:"primary"}),o(f,{placeholder:"Select roles...",values:E,onSelect:e=>{k(e)},items:R})]}),e(h,{children:[o(s,{variant:"outlined",onClick:P,children:"Cancel"}),o(s,w?{children:o(a,{})}:{onClick:async()=>{C?(await M({firstName:N,lastName:T,fullName:`${N} ${T}`,roles:E.map((e=>e.value)).sort(),uniqueName:C.uniqueName,appName:C.appName,activeUsers:[]}),P()):(await F({firstName:N,lastName:T,roles:E.map((e=>e.value)).sort(),uniqueName:`${N}.${T}`.toLowerCase(),appName:g.getAppName(import.meta.env.VITE_NAME),activeUsers:[]}),P())},disabled:L,children:C?"Save":"Create"})]})]})};export{C as CreateOrEditUser};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{arrow_back as r,delete_to_trash as t}from"@equinor/eds-icons";import{useDeleteImpersonation as i}from"../hooks/useDeleteImpersonation.js";import{Header as s}from"../Impersonate.styles.js";import{Container as l}from"./DeleteUser.styles.js";import"react";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../../atoms/enums/Environment.js";import"../../../../../atoms/utils/auth_environment.js";import"../../../Notifications/NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../providers/ReleaseNotesProvider.js";import"../../../../../providers/SideBarProvider.js";import{useSnackbar as m}from"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../../providers/TutorialStepsProvider.js";import{colors as n}from"../../../../../atoms/style/colors.js";import"../../../../../atoms/enums/Errors.js";import"../../../../../atoms/enums/Theme.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../../molecules/Badge/Badge.styles.js";import{Button as a,Icon as c,Typography as p,DotProgress as u}from"@equinor/eds-core-react";import"../../../../../molecules/Banner/Banner.styles.js";import"../../../../../molecules/Chip/Chip.js";import"../../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../../molecules/Dialog/Dialog.js";import"../../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../../molecules/InfoElement/InfoElement.js";import"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../../molecules/Sieve/Sieve.styles.js";import"../../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../../molecules/Stepper/Stepper.js";import"../../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../../molecules/Select/Select.styles.js";import"../../../../../molecules/ListItem/ListItem.js";import"../../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../../molecules/SelectionControls/Switch/Switch.js";import{ImpersonateAvatar as d}from"../../ImpersonateAvatar.js";const j=({user:j,onBack:h})=>{const{mutateAsync:v,isPending:g}=i(),{showSnackbar:S}=m();return e(l,{children:[e(s,{children:[o(a,{variant:"ghost_icon",onClick:h,children:o(c,{data:r})}),o(p,{variant:"h6",children:"Delete user"})]}),o(d,{size:64,fullName:j.fullName}),e("section",{children:[o(p,{variant:"h4",children:"You are deleting a user"}),e(p,{variant:"meta",color:n.text.static_icons__tertiary.rgba,children:['Are you sure you want to delete user "',j.fullName,'"']})]}),e("div",{children:[g?o(a,{variant:"outlined",color:"danger",children:o(u,{color:"tertiary"})}):e(a,{variant:"outlined",color:"danger",onClick:async()=>{await v(j),S(`Deleted user "${j.fullName}" successfully`),h()},children:[o(c,{data:t})," Delete user"]}),o(a,{variant:"ghost",onClick:h,children:"Cancel"})]})]})};export{j as DeleteUser};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{arrow_back as r,delete_to_trash as t}from"@equinor/eds-icons";import{useDeleteImpersonation as i}from"../hooks/useDeleteImpersonation.js";import{Header as s}from"../Impersonate.styles.js";import{Container as l}from"./DeleteUser.styles.js";import"react";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../../atoms/enums/Environment.js";import"../../../../../atoms/utils/auth_environment.js";import"../../../Notifications/NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../providers/ReleaseNotesProvider.js";import"../../../../../providers/SideBarProvider.js";import{useSnackbar as m}from"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../../providers/TutorialStepsProvider.js";import{colors as n}from"../../../../../atoms/style/colors.js";import"../../../../../atoms/enums/Errors.js";import"../../../../../atoms/enums/Theme.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../../molecules/Badge/Badge.styles.js";import{Button as a,Icon as c,Typography as p,DotProgress as u}from"@equinor/eds-core-react";import"../../../../../molecules/Banner/Banner.styles.js";import"../../../../../molecules/Chip/Chip.js";import"../../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../../molecules/Dialog/Dialog.js";import"../../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../../molecules/InfoElement/InfoElement.js";import"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../../molecules/Sieve/Sieve.styles.js";import"../../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../../molecules/Stepper/Stepper.js";import"../../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../../molecules/Select/Select.styles.js";import"../../../../../molecules/ListItem/ListItem.js";import"../../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../../molecules/SelectionControls/Switch/Switch.js";import{TextContent as d,RolesContainer as j,RoleChip as h}from"../../Account.styles.js";import{ImpersonateAvatar as v}from"../../ImpersonateAvatar.js";const g=({user:g,onBack:f})=>{const{mutateAsync:S,isPending:y}=i(),{showSnackbar:P}=m();return e(l,{children:[e(s,{children:[o(a,{variant:"ghost_icon",onClick:f,children:o(c,{data:r})}),o(p,{variant:"h6",children:"Delete user"})]}),e("section",{children:[o(p,{variant:"h4",children:"You are deleting a user"}),e(p,{variant:"caption",color:n.text.static_icons__tertiary.rgba,children:['Are you sure you want to delete user "',g.fullName,'"?']})]}),o(v,{size:64,fullName:g.fullName}),e(d,{children:[o(p,{variant:"h6",children:g.fullName}),o(p,{children:g.uniqueName})]}),o(j,{children:g.roles.map((e=>o(h,{children:e},e)))}),e("div",{children:[y?o(a,{variant:"outlined",color:"danger",children:o(u,{color:"tertiary"})}):e(a,{variant:"outlined",color:"danger",onClick:async()=>{await S(g),P(`Deleted user "${g.fullName}" successfully`),f()},children:[o(c,{data:t})," Delete user"]}),o(a,{variant:"ghost",onClick:f,children:"Cancel"})]})]})};export{g as DeleteUser};

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

@@ -1,23 +1,26 @@
-import"react";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"react/jsx-runtime";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../../atoms/enums/Environment.js";import"../../../../../atoms/utils/auth_environment.js";import"../../../Notifications/NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../providers/ReleaseNotesProvider.js";import"../../../../../providers/SideBarProvider.js";import"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../../providers/TutorialStepsProvider.js";import"../../../../../atoms/style/colors.js";import{spacings as i}from"../../../../../atoms/style/spacings.js";import"../../../../../atoms/enums/Errors.js";import"../../../../../atoms/enums/Theme.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import r from"styled-components";const o=r.div`
+import"react";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"react/jsx-runtime";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../../atoms/enums/Environment.js";import"../../../../../atoms/utils/auth_environment.js";import"../../../Notifications/NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../providers/ReleaseNotesProvider.js";import"../../../../../providers/SideBarProvider.js";import"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../../providers/TutorialStepsProvider.js";import"../../../../../atoms/style/colors.js";import{spacings as i}from"../../../../../atoms/style/spacings.js";import"../../../../../atoms/enums/Errors.js";import"../../../../../atoms/enums/Theme.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import r from"styled-components";const t=r.div`
   display: flex;
   flex-direction: column;
   min-width: 20rem;
-  > div:nth-child(2) {
+  > section:nth-child(2) {
     margin-top: ${i.medium};
-    align-self: center;
-  }
-  > section {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 0 ${i.medium};
-    margin-top: ${i.small};
+    margin-bottom: ${i.medium};
+  }
+  > section:nth-child(5) {
+    max-width: unset;
     margin-bottom: ${i.large};
   }
+  > div:nth-child(3) {
+    align-self: center;
+  }
   > div:last-child {
     display: flex;
     flex-direction: column;
     gap: ${i.x_small};
     padding: 0 ${i.medium};
   }
-`;export{o as Container};
+`;export{t as Container};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";import{Menu as i,Typography as s}from"@equinor/eds-core-react";import{CreateOrEditUser as l}from"./CreateOrEditUser/CreateOrEditUser.js";import{DeleteUser as m}from"./DeleteUser/DeleteUser.js";import{useActiveImpersonationUser as n}from"./hooks/useActiveImpersonationUser.js";import{useGetAllImpersonationUsersForApp as p}from"./hooks/useGetAllImpersonationUsersForApp.js";import{Actions as a}from"./Actions.js";import{CreateNewUserButton as c}from"./CreateNewUserButton.js";import{Header as u,Content as d}from"./ImpersonateMenu.styles.js";import{UserImpersonation as j}from"./UserImpersonation.js";import"../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../molecules/Badge/Badge.styles.js";import"../../../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../../../molecules/Chip/Chip.js";import"../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../molecules/Dialog/Dialog.js";import"../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../atoms/style/colors.js";import"../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../atoms/enums/Environment.js";import"../../../../atoms/utils/auth_environment.js";import"../../Notifications/NotificationProvider.js";import"../../../../providers/AuthProvider/AuthProvider.js";import"../../../../providers/ReleaseNotesProvider.js";import"../../../../providers/SideBarProvider.js";import"../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../providers/TableOfContentsProvider.js";import"../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../providers/TutorialStepsProvider.js";import"../../../../atoms/enums/Errors.js";import"../../../../atoms/enums/Theme.js";import"../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../molecules/InfoElement/InfoElement.js";import"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import{Search as h}from"../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../molecules/Sieve/Sieve.styles.js";import"../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../molecules/Stepper/Stepper.js";import"../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../molecules/Select/Select.styles.js";import"../../../../molecules/ListItem/ListItem.js";import"../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../molecules/SelectionControls/Switch/Switch.js";const v=({open:v,onClose:S,anchorEl:f})=>{const[C,E]=r(!1),[g,P]=r(void 0),[k,A]=r(void 0),[B,T]=r(""),{data:y}=p(),{data:q}=n();t((()=>{!v&&q&&B!==q.uniqueName?T(q.uniqueName):v||q||""===B||T("")}),[q,v,B]);const x=()=>{S()},R=()=>{E(!1),g&&P(void 0),x()},U=e=>{P(y?.find((o=>o.uniqueName===e))),E(!0)},F=e=>{A(y?.find((o=>o.uniqueName===e)))},I=()=>{A(void 0)};return v?C?e(i,{open:!0,anchorEl:f,onClose:R,placement:"bottom-end",children:e(l,{editingUser:g,onBack:()=>{E(!1),g&&P(void 0)},onClose:R})}):k?e(i,{open:!0,anchorEl:f,onClose:R,placement:"bottom-end",children:e(m,{user:k,onBack:I})}):o(i,{open:!0,anchorEl:f,onClose:x,placement:"bottom-end",children:[o(u,{children:[e(s,{variant:"h6",children:"Impersonate"}),e(s,{variant:"caption",children:"Select a user to impersonate"}),e(h,{placeholder:"Search users"})]}),e(d,{children:y?.map((o=>e(j,{...o,selected:B===o.uniqueName,onClick:T,onEdit:U,onDelete:F},o.uniqueName)))}),e(c,{onClick:()=>E(!0)}),e(a,{selectedUniqueName:B,onCancel:S})]}):null};export{v as ImpersonateMenu};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";import{Menu as i,Typography as s}from"@equinor/eds-core-react";import{CreateOrEditUser as l}from"./CreateOrEditUser/CreateOrEditUser.js";import{DeleteUser as m}from"./DeleteUser/DeleteUser.js";import{useActiveImpersonationUser as n}from"./hooks/useActiveImpersonationUser.js";import{useGetAllImpersonationUsersForApp as p}from"./hooks/useGetAllImpersonationUsersForApp.js";import{Actions as a}from"./Actions.js";import{CreateNewUserButton as c}from"./CreateNewUserButton.js";import{Header as u,Content as d}from"./ImpersonateMenu.styles.js";import{UserImpersonation as j}from"./UserImpersonation.js";import"../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../molecules/Badge/Badge.styles.js";import"../../../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../../../molecules/Chip/Chip.js";import"../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../molecules/Dialog/Dialog.js";import"../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../atoms/style/colors.js";import"../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../atoms/enums/Environment.js";import"../../../../atoms/utils/auth_environment.js";import"../../Notifications/NotificationProvider.js";import"../../../../providers/AuthProvider/AuthProvider.js";import"../../../../providers/ReleaseNotesProvider.js";import"../../../../providers/SideBarProvider.js";import"../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../providers/TableOfContentsProvider.js";import"../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../providers/TutorialStepsProvider.js";import"../../../../atoms/enums/Errors.js";import"../../../../atoms/enums/Theme.js";import"../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../molecules/InfoElement/InfoElement.js";import"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import{Search as h}from"../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../molecules/Sieve/Sieve.styles.js";import"../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../molecules/Stepper/Stepper.js";import"../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../molecules/Select/Select.styles.js";import"../../../../molecules/ListItem/ListItem.js";import"../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../molecules/SelectionControls/Switch/Switch.js";const v=({open:v,onClose:S,anchorEl:f})=>{const[C,E]=r(!1),[g,P]=r(void 0),[k,A]=r(void 0),[y,B]=r(""),{data:x}=p(),{data:T}=n();t((()=>{!v&&T&&y!==T.uniqueName?B(T.uniqueName):v||T||""===y||B("")}),[T,v,y]);const q=()=>{S()},R=()=>{E(!1),g&&P(void 0),q()},U=e=>{P(x?.find((o=>o.uniqueName===e))),E(!0)},F=e=>{A(x?.find((o=>o.uniqueName===e)))},I=()=>{A(void 0)};return v?C?e(i,{open:!0,anchorEl:f,onClose:R,placement:"bottom-end",style:{width:"400px"},children:e(l,{editingUser:g,onBack:()=>{E(!1),g&&P(void 0)}})}):k?e(i,{open:!0,anchorEl:f,onClose:R,placement:"bottom-end",style:{width:"400px"},children:e(m,{user:k,onBack:I})}):o(i,{open:!0,anchorEl:f,onClose:q,placement:"bottom-end",children:[o(u,{children:[e(s,{variant:"h6",children:"Impersonate"}),e(s,{variant:"caption",children:"Select a user to impersonate"}),e(h,{placeholder:"Search users"})]}),e(d,{children:x?.map((o=>e(j,{...o,selected:y===o.uniqueName,onClick:B,onEdit:U,onDelete:F},o.uniqueName)))}),e(c,{onClick:()=>E(!0)}),e(a,{selectedUniqueName:y,onCancel:S})]}):null};export{v as ImpersonateMenu};

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

@@ -1,4 +1,4 @@
-import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as i}from"react";import{Icon as s,Typography as l,Button as m,Menu as n}from"@equinor/eds-core-react";import{account_circle as a,check as c,more_horizontal as p,edit as u,delete_to_trash as d}from"@equinor/eds-icons";import{Container as j,RoleChipContainer as h,RoleChip as g}from"./UserImpersonation.styles.js";import{colors as v}from"../../../../atoms/style/colors.js";import"../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../molecules/Badge/Badge.styles.js";import"../../../../molecules/Banner/Banner.styles.js";import"../../../../molecules/Chip/Chip.js";import"../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../molecules/Dialog/Dialog.js";import"../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../atoms/enums/Environment.js";import"../../../../atoms/utils/auth_environment.js";import"../../Notifications/NotificationProvider.js";import"../../../../providers/AuthProvider/AuthProvider.js";import"../../../../providers/ReleaseNotesProvider.js";import"../../../../providers/SideBarProvider.js";import"../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../providers/TableOfContentsProvider.js";import"../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../providers/TutorialStepsProvider.js";import"../../../../atoms/enums/Errors.js";import"../../../../atoms/enums/Theme.js";import"../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../molecules/InfoElement/InfoElement.js";import{OptionalTooltip as S}from"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../molecules/Sieve/Sieve.styles.js";import"../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../molecules/Stepper/Stepper.js";import"../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../molecules/Select/Select.styles.js";import{ListItem as f}from"../../../../molecules/ListItem/ListItem.js";import"../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../molecules/SelectionControls/Switch/Switch.js";import C from"styled-components";const P=C(f)`
+import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as i}from"react";import{Icon as s,Typography as l,Button as n,Menu as m}from"@equinor/eds-core-react";import{account_circle as a,check as c,more_horizontal as p,edit as d,delete_to_trash as u}from"@equinor/eds-icons";import{Container as j,RoleChipContainer as h,RoleChip as g}from"./UserImpersonation.styles.js";import{colors as v}from"../../../../atoms/style/colors.js";import"../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../molecules/Badge/Badge.styles.js";import"../../../../molecules/Banner/Banner.styles.js";import"../../../../molecules/Chip/Chip.js";import"../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../molecules/Dialog/Dialog.js";import"../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../atoms/enums/Environment.js";import"../../../../atoms/utils/auth_environment.js";import"../../Notifications/NotificationProvider.js";import"../../../../providers/AuthProvider/AuthProvider.js";import"../../../../providers/ReleaseNotesProvider.js";import"../../../../providers/SideBarProvider.js";import"../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../providers/TableOfContentsProvider.js";import"../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../providers/TutorialStepsProvider.js";import"../../../../atoms/enums/Errors.js";import"../../../../atoms/enums/Theme.js";import"../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../molecules/InfoElement/InfoElement.js";import{OptionalTooltip as S}from"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../molecules/Sieve/Sieve.styles.js";import"../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../molecules/Stepper/Stepper.js";import"../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../molecules/Select/Select.styles.js";import{ListItem as f}from"../../../../molecules/ListItem/ListItem.js";import"../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../molecules/SelectionControls/Switch/Switch.js";import C from"styled-components";const P=C(f)`
   svg {
     fill: ${v.interactive.danger__resting.rgba};
   }
@@ -10,4 +10,7 @@ import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{useState
       fill: ${v.interactive.disabled__text.rgba};
     }
   }
-`,E=({fullName:C,uniqueName:E,roles:k,activeUsers:y,selected:b,onClick:x,onEdit:T,onDelete:_})=>{const[A,B]=r(!1),R=i(null),F=()=>B(!1);return e(o,{children:[e(j,{$selected:b,onClick:e=>{e.target!==R.current&&x(E)},"data-testid":"impersonation-user",children:[t(s,{color:v.text.static_icons__tertiary.rgba,data:a}),t(l,{"data-testid":"name",children:C}),t(h,{children:k.map((e=>t(g,{"data-testid":"role",children:e},e)))}),b&&t(s,{data:c,color:v.interactive.primary__resting.rgba}),t(m,{variant:"ghost_icon",ref:R,onClick:()=>B((e=>!e)),children:t(s,{data:p})})]}),A&&e(n,{open:!0,anchorEl:R.current,placement:"right-start",onClose:F,children:[t(f,{label:"Edit user",onClick:()=>{T(E),F()},leadingContent:u}),t(S,{title:y.length>0?"Cannot delete user with active sessions":void 0,children:t(P,{label:"Delete user",onClick:()=>{_(E),F()},disabled:y.length>0,leadingContent:d})})]})]})};export{E as UserImpersonation};
+  &:hover:not(:disabled) {
+    background: ${v.interactive.danger__highlight.rgba};
+  }
+`,b=({fullName:C,uniqueName:b,roles:E,activeUsers:k,selected:y,onClick:_,onEdit:x,onDelete:T})=>{const[A,B]=r(!1),R=i(null),F=[...E].sort(),M=()=>B(!1);return e(o,{children:[e(j,{$selected:y,onClick:e=>{e.target!==R.current&&_(b)},"data-testid":"impersonation-user",children:[t(s,{color:v.text.static_icons__tertiary.rgba,data:a}),t(l,{"data-testid":"name",children:C}),e(h,{$selected:y,children:[t(g,{"data-testid":"role",children:F[0]}),F.length>1&&t(S,{title:F.slice(1).join(", "),children:t(g,{"data-testid":"additional-roles",children:"+"+(F.length-1)})})]}),y&&t(s,{data:c,color:v.interactive.primary__resting.rgba}),t(n,{variant:"ghost_icon",ref:R,onClick:()=>B((e=>!e)),children:t(s,{data:p})})]}),A&&e(m,{open:!0,anchorEl:R.current,placement:"right-start",onClose:M,children:[t(f,{label:"Edit user",onClick:()=>{x(b),M()},leadingContent:d}),t(S,{title:k.length>0?"Cannot delete user with active sessions":void 0,children:t(P,{label:"Delete user",onClick:()=>{T(b),M()},disabled:k.length>0,leadingContent:u})})]})]})};export{b as UserImpersonation};

package/dist/organisms/TopBar/Account/ImpersonateMenu/UserImpersonation.styles.d.ts

@@ -21,5 +21,5 @@ export declare const RoleChip: import("styled-components/dist/types").IStyledCom
     onClick?: undefined;
     onDelete?: undefined;
 }))) & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const RoleChipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RoleChipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
 export {};

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

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{animation as o}from"../../../../atoms/style/animation.js";import"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import"react/jsx-runtime";import"../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../molecules/Badge/Badge.styles.js";import"@equinor/eds-core-react";import"../../../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import{Chip as r}from"../../../../molecules/Chip/Chip.js";import"../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../molecules/Dialog/Dialog.js";import"../../../../molecules/EquinorLogo/EquinorLogo.js";import"react";import"../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../atoms/enums/Environment.js";import"../../../../atoms/utils/auth_environment.js";import"../../Notifications/NotificationProvider.js";import"../../../../providers/AuthProvider/AuthProvider.js";import"../../../../providers/ReleaseNotesProvider.js";import"../../../../providers/SideBarProvider.js";import"../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../providers/TableOfContentsProvider.js";import"../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../providers/TutorialStepsProvider.js";import"../../../../atoms/enums/Errors.js";import"../../../../atoms/enums/Theme.js";import"../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../molecules/InfoElement/InfoElement.js";import"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../molecules/Sieve/Sieve.styles.js";import"../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../molecules/Stepper/Stepper.js";import"../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../molecules/Select/Select.styles.js";import"../../../../molecules/ListItem/ListItem.js";import"../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../molecules/SelectionControls/Switch/Switch.js";import i from"styled-components";const{colors:s}=e,l=i.div`
+import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{animation as o}from"../../../../atoms/style/animation.js";import"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import"react/jsx-runtime";import"../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../molecules/Badge/Badge.styles.js";import"@equinor/eds-core-react";import"../../../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import{Chip as r}from"../../../../molecules/Chip/Chip.js";import"../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../molecules/Dialog/Dialog.js";import"../../../../molecules/EquinorLogo/EquinorLogo.js";import"react";import"../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../atoms/enums/Environment.js";import"../../../../atoms/utils/auth_environment.js";import"../../Notifications/NotificationProvider.js";import"../../../../providers/AuthProvider/AuthProvider.js";import"../../../../providers/ReleaseNotesProvider.js";import"../../../../providers/SideBarProvider.js";import"../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../providers/TableOfContentsProvider.js";import"../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../providers/TutorialStepsProvider.js";import"../../../../atoms/enums/Errors.js";import"../../../../atoms/enums/Theme.js";import"../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../molecules/InfoElement/InfoElement.js";import"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../molecules/Sieve/Sieve.styles.js";import"../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../molecules/Stepper/Stepper.js";import"../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../molecules/Select/Select.styles.js";import"../../../../molecules/ListItem/ListItem.js";import"../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../molecules/SelectionControls/Switch/Switch.js";import i,{css as s}from"styled-components";const{colors:l}=e,m=i.div`
   display: grid;
   grid-template-columns: auto auto 1fr 24px 36px;
   align-items: center;
@@ -6,12 +6,12 @@ import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/ba
   height: calc(32px + ${t.medium} * 2);
   flex-shrink: 0;
   padding: 0 ${t.medium};
-  background: ${({$selected:e})=>e?s.interactive.primary__selected_highlight.rgba:"transparent"};
+  background: ${({$selected:e})=>e?l.interactive.primary__selected_highlight.rgba:"transparent"};
   transition: background ${o.transitionMS};
 
   &:hover {
     cursor: pointer;
-    background: ${s.interactive.primary__selected_hover.rgba};
+    background: ${({$selected:e})=>e?l.interactive.primary__selected_hover.rgba:l.interactive.primary__hover_alt.rgba};
   }
 
   > svg:last-child {
@@ -20,13 +20,20 @@ import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/ba
   > button {
     grid-column: 5;
   }
-`,m=i(r)`
+`,a=i(r)`
   height: fit-content;
   padding: 0;
-  color: ${s.text.static_icons__primary_white.rgba};
-  background: ${s.text.static_icons__tertiary.rgba};
+  color: ${l.text.static_icons__primary_white.rgba};
+  background: ${l.text.static_icons__tertiary.rgba};
 `,n=i.div`
   display: flex;
   align-items: center;
   gap: ${t.small};
-`;export{l as Container,m as RoleChip,n as RoleChipContainer};
+  ${({$selected:e})=>e?s`
+      > div {
+        background: ${l.interactive.primary__resting.rgba};
+        color: ${l.text.static_icons__primary_white.rgba};
+        outline-color: ${l.interactive.primary__resting.rgba};
+      }
+    `:""}
+`;export{m as Container,a as RoleChip,n as RoleChipContainer};

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

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

package/package.json

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