@equinor/amplify-component-lib 8.4.8 → 8.5.0

package/dist/organisms/ErrorPage/collections/Unauthorized.js

@@ -1,4 +1,4 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{ErrorPage as r}from"../index.js";import"react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import{environment as i}from"../../../atoms/utils/auth_environment.js";import"@microsoft/signalr";import"../../../atoms/enums/Environment.js";import"../../TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/style/colors.js";import{ErrorType as e}from"../../../atoms/enums/Errors.js";import{getErrorContent as s}from"../../../atoms/utils/errors.js";import"proj4";import"html2canvas";import m from"styled-components";const{getAppName:p}=i,n=m.div`
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{ErrorPage as o}from"../index.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{environment as i}from"../../../atoms/utils/auth_environment.js";import"../../TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/style/colors.js";import{ErrorType as e}from"../../../atoms/enums/Errors.js";import{getErrorContent as s}from"../../../atoms/utils/errors.js";import"proj4";import"html2canvas";import m from"styled-components";const{getAppName:p}=i,n=m.div`
   display: flex;
   height: 100vh;
-`,a=()=>{const i=s(p(import.meta.env.VITE_NAME),e.ERROR_401);return t(n,{children:o(r,{illustration:i.illustration,children:[t(r.Title,{title:i.title}),t(r.Description,{text:i.description}),t(r.Action,{buttonText:i.button?.text,onClick:i.button?.onClick})]})})};export{a as Unauthorized};
+`,a=()=>{const i=s(p(import.meta.env.VITE_NAME),e.ERROR_401);return t(n,{children:r(o,{illustration:i.illustration,children:[t(o.Title,{title:i.title}),t(o.Description,{text:i.description}),t(o.Action,{buttonText:i.button?.text,onClick:i.button?.onClick})]})})};export{a as Unauthorized};

package/dist/organisms/FieldSelector/ChangingField.js

@@ -1,4 +1,4 @@
-import{jsx as r,jsxs as e,Fragment as i}from"react/jsx-runtime";import{LinearProgress as o,Typography as t}from"@equinor/eds-core-react";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import{useFakeProgress as a}from"../../atoms/hooks/useFakeProgress.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import"@microsoft/signalr";import"../../atoms/enums/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{string as m}from"../../atoms/utils/index.js";import{AnimatedCheckmark as d}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import p from"styled-components";const{colors:c}=s,l=p.div`
+import{jsx as r,jsxs as e,Fragment as i}from"react/jsx-runtime";import{LinearProgress as t,Typography as o}from"@equinor/eds-core-react";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.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{useFakeProgress as a}from"../../atoms/hooks/useFakeProgress.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"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{string as m}from"../../atoms/utils/index.js";import{AnimatedCheckmark as d}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import p from"styled-components";const{colors:c}=s,l=p.div`
   gap: ${n.medium};
   position: absolute;
   top: 50%;
@@ -11,14 +11,14 @@ import{jsx as r,jsxs as e,Fragment as i}from"react/jsx-runtime";import{LinearPro
   min-height: calc(100vh - (${n.xxx_large} * 4));
   width: 100%;
   max-width: 370px;
-`,h=p(o)`
+`,h=p(t)`
   background-color: ${c.interactive.primary__hover_alt.rgba};
 
   div {
     background-color: ${c.interactive.primary__resting.rgba};
   }
-`,u=p(t)`
+`,u=p(o)`
   span {
     text-transform: capitalize;
   }
-`,v=({fieldName:o,onChangedField:s,finishedText:n})=>{const{finished:p,progress:c}=a({onDone:s});return r(l,{children:e(i,p?{children:[e(u,{variant:"h3",children:["Changed to ",r("span",{children:m.capitalize(o)})]}),r(d,{}),r(t,{variant:"h6",children:n})]}:{children:[e(t,{variant:"h3",children:["Changing field.",".".repeat(c/35)]}),r(h,{variant:"determinate",value:c})]})})};export{v as ChangingField,h as LinearProgress};
+`,v=({fieldName:t,onChangedField:s,finishedText:n})=>{const{finished:p,progress:c}=a({onDone:s});return r(l,{children:e(i,p?{children:[e(u,{variant:"h3",children:["Changed to ",r("span",{children:m.capitalize(t)})]}),r(d,{}),r(o,{variant:"h6",children:n})]}:{children:[e(o,{variant:"h3",children:["Changing field.",".".repeat(c/35)]}),r(h,{variant:"determinate",value:c})]})})};export{v as ChangingField,h as LinearProgress};

package/dist/organisms/FieldSelector/FieldSelector.js

@@ -1,15 +1,14 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as r}from"react";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{SelectorCard as t}from"./SelectorCard/SelectorCard.js";import{SelectorSkeleton as d}from"./SelectorCard/Skeleton.js";import{ChangingField as s}from"./ChangingField.js";import{Waves as a}from"../../molecules/Waves/Waves.js";import c from"styled-components";const{colors:l}=n,m=c.div`
-  margin-top: auto;
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as r}from"react";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{SelectorCard as t}from"./SelectorCard/SelectorCard.js";import{SelectorSkeleton as d}from"./SelectorCard/Skeleton.js";import{ChangingField as s}from"./ChangingField.js";import{Waves as c}from"../../molecules/Waves/Waves.js";import l from"styled-components";const{colors:a}=n,m=l.div`
   > svg {
     margin-bottom: -10px;
-    background-color: ${l.ui.background__light.rgba};
+    background-color: ${a.ui.background__light.rgba};
   }
-`,u=c.div`
-  background-color: ${l.ui.background__light.rgba};
+`,u=l.div`
+  background-color: ${a.ui.background__light.rgba};
   overflow: hidden;
   display: flex;
   flex-direction: column;
   height: calc(100vh - 64px);
   max-height: calc(100vh - 64px);
   width: 100vw;
-`,h=({setField:n,fields:c,isLoading:l,onChangedField:h,finishedText:g,showAccessITLink:f=!0})=>{const[p,x]=i(!1),v=r("");return p?e(s,{fieldName:v.current,onChangedField:h,finishedText:g}):o(u,{className:"select-field",children:[e(m,{children:e(a,{})}),l?e(d,{}):e(t,{availableFields:c,onSelect:e=>{e.name&&e.uuid&&(n({uuid:e.uuid,name:e.name,country:e.country??""}),v.current=e.name,x(!0))},showAccessITLink:f})]})};export{h as FieldSelector};
+`,h=({setField:n,fields:l,isLoading:a,onChangedField:h,finishedText:g,showAccessITLink:f=!0})=>{const[p,x]=i(!1),v=r("");return p?e(s,{fieldName:v.current,onChangedField:h,finishedText:g}):o(u,{className:"select-field",children:[e(m,{children:e(c,{})}),a?e(d,{}):e(t,{availableFields:l,onSelect:e=>{e.name&&e.uuid&&(n({uuid:e.uuid,name:e.name,country:e.country??""}),v.current=e.name,x(!0))},showAccessITLink:f})]})};export{h as FieldSelector};

package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo as o}from"react";import{Card as r,Typography as n,Autocomplete as a,Button as s,Icon as l}from"@equinor/eds-core-react";import{arrow_forward as d}from"@equinor/eds-icons";import{tokens as c}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as m}from"../../../atoms/style/spacings.js";import p from"styled-components";const{elevation:h,colors:u,shape:g}=c,f=p(r)`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as i,useMemo as t}from"react";import{Card as r,Typography as s,Button as l,Icon as n}from"@equinor/eds-core-react";import{arrow_forward as a}from"@equinor/eds-icons";import{tokens as m}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as c}from"../../../atoms/style/spacings.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/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"../../TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/enums/Errors.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{SingleSelect as p}from"../../../molecules/Select/SingleSelect/SingleSelect.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 d from"styled-components";const{elevation:u,colors:h,shape:g}=m,j=d(r)`
   position: absolute;
   left: 50%;
   top: 50%;
@@ -7,46 +7,35 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo a
   transform: translate(-50%, -50%);
   width: 25rem;
   height: auto;
-  padding: ${m.large};
-  box-shadow: ${h.above_scrim};
+  padding: ${c.large};
+  box-shadow: ${u.above_scrim};
   border-radius: ${g.corners.borderRadius};
   display: flex;
   flex-direction: column;
-  gap: ${m.large};
+  gap: ${c.large};
   > h3 {
-    color: ${u.text.static_icons__default.rgba};
+    color: ${h.text.static_icons__default.rgba};
   }
   > div {
     display: flex;
     flex-direction: column;
-    gap: ${m.large};
+    gap: ${c.large};
     section {
       display: grid;
       grid-template-columns: 1fr auto;
       align-items: flex-end;
-      grid-gap: ${m.medium};
+      grid-gap: ${c.medium};
     }
   }
-`,b=p.div`
-  * {
-    background: none !important;
-    color: ${u.text.static_icons__default.rgba};
-  }
-  *:focus-within {
-    outline: none !important;
-  }
-  input:focus {
-    box-shadow: inset 0 -2px ${u.interactive.primary__resting.rgba};
-  }
-`,x=p.div`
+`,v=d.div`
   display: flex;
   flex-direction: column;
-  gap: ${m.small};
+  gap: ${c.small};
   > h6 {
     text-transform: capitalize;
   }
-`,v=p.a`
-  padding: ${m.small} ${m.medium};
+`,f=d.a`
+  padding: ${c.small} ${c.medium};
   transition: background-color 200ms ease;
   font-size: 14px;
   line-height: 16px;
@@ -57,14 +46,14 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo a
     color: inherit;
   }
   &:focus-within {
-    outline: ${u.interactive.primary__resting.rgba} dashed 2px;
+    outline: ${h.interactive.primary__resting.rgba} dashed 2px;
   }
   &:active {
     outline: 0;
-    background-color: ${u.interactive.primary__selected_highlight.rgba};
+    background-color: ${h.interactive.primary__selected_highlight.rgba};
   }
   &:hover {
-    background-color: ${u.interactive.primary__hover_alt.rgba};
+    background-color: ${h.interactive.primary__hover_alt.rgba};
     cursor: pointer;
   }
-`,_=({availableFields:r,onSelect:c,showAccessITLink:m=!0})=>{const[p,h]=t(),u=o((()=>{const e=[];for(const i of r)i.name?e.push(i):console.error("Field with no name found!:",i);return e}),[r]);return e(f,{children:[i(n,{variant:"h3",children:"Please select a field"}),e("div",{children:[e("section",{children:[i(b,{children:i(a,{autoWidth:!0,options:u,label:"",placeholder:"Select a field",onOptionsChange:e=>{h(e.selectedItems[0])},optionLabel:e=>e.name})}),i(s,{"data-testid":"nextButton",variant:"contained_icon",disabled:void 0===p,onClick:()=>{void 0!==p&&c(p)},children:i(l,{data:d})})]}),m&&e(x,{children:[i(n,{variant:"overline",children:"Missing a field?"}),i(v,{tabIndex:0,"data-testid":"missing-access",href:"https://accessit.equinor.com/#",target:"_blank",children:"Go to AccessIT"})]})]})]})};export{_ as SelectorCard};
+`,x=({availableFields:r,onSelect:m,showAccessITLink:c=!0})=>{const[d,u]=i(),h=t((()=>{const e=[];for(const o of r)o.name?e.push({label:o.name,value:o.name,...o}):console.error("Field with no name found!:",o);return e}),[r]);return e(j,{children:[o(s,{variant:"h3",children:"Please select a field"}),e("div",{children:[e("section",{children:[o(p,{lightBackground:!0,value:d,items:h,placeholder:"Select a field",onSelect:e=>{u(e)}}),o(l,{"data-testid":"nextButton",variant:"contained_icon",disabled:void 0===d,onClick:()=>{void 0!==d&&m({name:d.name,uuid:d.uuid,country:d.country})},children:o(n,{data:a})})]}),c&&e(v,{children:[o(s,{variant:"overline",children:"Missing a field?"}),o(f,{tabIndex:0,"data-testid":"missing-access",href:"https://accessit.equinor.com/#",target:"_blank",children:"Go to AccessIT"})]})]})]})};export{x as SelectorCard};

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

@@ -7,7 +7,7 @@ export declare const CreateButton: import("styled-components/dist/types").IStyle
     as?: import("react").ElementType | undefined;
 } & {
     color?: "primary" | "secondary" | "danger";
-    variant?: "ghost_icon" | "contained" | "contained_icon" | "outlined" | "ghost";
+    variant?: "outlined" | "contained" | "contained_icon" | "ghost" | "ghost_icon";
     href?: string;
     disabled?: boolean;
     type?: string;

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

@@ -1,11 +1,11 @@
-import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as o}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{Typography as i}from"@equinor/eds-core-react";import"../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"react";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import"@microsoft/signalr";import"../../atoms/enums/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/enums/Errors.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"@tiptap/react";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";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 r from"styled-components";const{colors:s}=t,l=r(e)`
+import{Link as e}from"react-router-dom";import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.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{Typography as i}from"@equinor/eds-core-react";import"../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.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"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/enums/Errors.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"../../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 r from"styled-components";const{colors:s}=o,l=r(e)`
   display: flex;
   align-self: stretch;
   align-items: center;
   justify-content: ${({$open:e})=>!e&&"center"};
   height: 64px;
-  padding: ${o.medium};
-  gap: ${o.medium};
+  padding: ${t.medium};
+  gap: ${t.medium};
   box-sizing: border-box;
   border-bottom: 1px solid ${s.ui.background__medium.rgba};
   background: ${({$active:e})=>e&&s.interactive.primary__selected_highlight.rgba};
@@ -17,9 +17,9 @@ import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modul
   &:hover {
     cursor: ${({$disabled:e})=>!e&&"pointer"};
     text-decoration: none;
-    background: ${({$active:e,$disabled:t})=>!t&&(e?s.interactive.primary__selected_hover.rgba:s.interactive.primary__hover_alt.rgba)};
+    background: ${({$active:e,$disabled:o})=>!o&&(e?s.interactive.primary__selected_hover.rgba:s.interactive.primary__hover_alt.rgba)};
     > div > svg {
-      fill: ${({$disabled:e,$active:t})=>!e&&!t&&s.text.static_icons__default.rgba};
+      fill: ${({$disabled:e,$active:o})=>!e&&!o&&s.text.static_icons__default.rgba};
     }
   }
   &:focus {
@@ -28,7 +28,7 @@ import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modul
     text-decoration: none;
   }
 `,m=r.div`
-  padding: ${o.x_small};
+  padding: ${t.x_small};
   align-items: center;
   justify-content: center;
   width: 32px;

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

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

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

@@ -1 +1 @@
-import{jsxs as r,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as n,useRef as t,useCallback as i,useMemo as c}from"react";import{Typography as l,Button as a,Icon as m}from"@equinor/eds-core-react";import{log_out as s}from"@equinor/eds-icons";import{TopBarMenu as u}from"../TopBarMenu.js";import{ProfileButton as d,Container as h,TextContent as p,RolesContainer as f,RoleChip as A,ButtonWrapper as j}from"./Account.styles.js";import{ProfileAvatar as v}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";const C=({account:C,logout:g,photo:B,roles:k,renderCustomButton:q})=>{const[x,y]=n(!1),z=t(null),P=i((()=>y((r=>!r))),[]),T=c((()=>q?q(z,P):null),[q,P]);return r(e,{children:[T||o(d,{ref:z,onClick:P,children:o(v,{size:36,name:C?.name,url:B})}),r(u,{open:x,title:"Account",onClose:()=>y(!1),anchorEl:z.current,children:[r(h,{children:[o(v,{size:64,name:C?.name,url:B}),r(p,{children:[o(l,{variant:"h6",children:C?.name}),o(l,{children:C?.username})]}),k&&o(f,{children:k.map((r=>o(A,{children:r},r)))})]}),o(j,{children:r(a,{variant:"ghost",onClick:g,children:[o(m,{data:s}),"Log out"]})})]})]})};C.displayName="TopBar.Account";export{C as Account};
+import{jsxs as o,Fragment as r,jsx as e}from"react/jsx-runtime";import{useState as n,useRef as t,useCallback as m,useMemo as i}from"react";import{Typography as s,Button as c,Icon as a}from"@equinor/eds-core-react";import{log_out as u}from"@equinor/eds-icons";import{TopBarMenu as p}from"../TopBarMenu.js";import{useActiveImpersonationUser as l}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 f,TextContent as j,RolesContainer as A,RoleChip as I,ButtonWrapper as v}from"./Account.styles.js";import{AccountAvatar as C}from"./AccountAvatar.js";import{AccountButton as B}from"./AccountButton.js";import{ImpersonateButton as M}from"./ImpersonateButton.js";import{ActiveUserImpersonationButton as k}from"./ActiveUserImpersonationButton.js";import{useAuth as g}from"../../../providers/AuthProvider/AuthProvider.js";const q=({renderCustomButton:q})=>{const{account:x,roles:y,logout:E}=g(),[N,P]=n(!1),[T,U]=n(!1),L=t(null),{data:O}=d(),{data:b}=l(),w=b?b.name:x?.name,z=b?b.roles:y,D=b?b.uniqueName:x?.username,F=()=>P(!1),G=m((()=>{P((o=>!o)),U(!1)}),[]),H=()=>{U(!0),P(!1)},J=i((()=>q?q(L,G):null),[q,G]);return o(r,{children:[J||e(B,{ref:L,onClick:G}),o(p,{open:N,title:"Account",onClose:F,anchorEl:L.current,children:[o(f,{children:[b&&e(k,{onClick:H}),e(C,{}),o(j,{children:[e(s,{variant:"h6",children:w}),e(s,{children:D})]}),z&&e(A,{children:z.map((o=>e(I,{children:o},o)))}),O&&e(M,{onOpenImpersonateMenu:H,onClose:F})]}),e(v,{children:o(c,{variant:"ghost",onClick:E,children:[e(a,{data:u}),"Log out"]})})]}),e(h,{open:T,onClose:()=>U(!1),anchorEl:L.current})]})};q.displayName="TopBar.Account";export{q as Account};

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

@@ -14,3 +14,4 @@ export declare const RoleChip: import("styled-components/dist/types").IStyledCom
     variant?: "active" | "error" | "default";
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OpenImpersonationMenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

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

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

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const AccountAvatar: FC;

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

@@ -0,0 +1,11 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useActiveImpersonationUser as t}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.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{useAuth as r}from"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import{colors as i}from"../../../atoms/style/colors.js";import{spacings as s}from"../../../atoms/style/spacings.js";import"../../../atoms/enums/Errors.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"@equinor/eds-core-react";import"../../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import{Chip as l}from"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.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{ProfileAvatar as m}from"../../../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 n}from"./ImpersonateAvatar.js";import p from"styled-components";const a=p.div`
+  position: relative;
+  margin-bottom: ${s.small};
+`,c=p(l)`
+  position: absolute;
+  bottom: calc(${s.x_small} * -1);
+  left: 50%;
+  transform: translateX(-50%);
+  background: ${i.interactive.warning__resting.rgba};
+  outline-color: ${i.interactive.warning__resting.rgba};
+`,u=()=>{const{account:i,photo:s}=r(),{data:l}=t();return l?e(a,{children:[o(n,{size:64}),o(c,{children:"Impersonating"})]}):o(m,{size:64,name:i?.name,url:s})};export{u as AccountAvatar};

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

@@ -0,0 +1,5 @@
+interface AccountButtonProps {
+    onClick: () => void;
+}
+export declare const AccountButton: import("react").ForwardRefExoticComponent<AccountButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,9 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{useActiveImpersonationUser as t}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ProfileButton as i}from"./Account.styles.js";import{ImpersonateAvatar as s}from"./ImpersonateAvatar.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{useAuth as l}from"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import{colors as m}from"../../../atoms/style/colors.js";import{spacings as n}from"../../../atoms/style/spacings.js";import"../../../atoms/enums/Errors.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"@equinor/eds-core-react";import"../../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import{Chip as p}from"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.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{ProfileAvatar as a}from"../../../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 c from"styled-components";const u=c.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.xx_small};
+`,j=c(p)`
+  background: ${m.interactive.warning__resting.rgba};
+  outline: none;
+  padding: 0;
+`,d=r((({onClick:r},m)=>{const{account:n,photo:p}=l(),{data:c}=t(),d=c?.roles.sort()??[];return e(u,{children:[d.at(0)&&o(j,{children:d[0]}),d.length>1&&o(j,{children:"+"+(d.length-1)}),o(i,{ref:m,onClick:r,children:c?o(s,{size:36}):o(a,{size:36,name:n?.name,url:p})})]})}));d.displayName="AccountButton";export{d as AccountButton};

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface ActiveUserImpersonationButtonProps {
+    onClick: () => void;
+}
+export declare const ActiveUserImpersonationButton: FC<ActiveUserImpersonationButtonProps>;
+export {};

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

@@ -0,0 +1,11 @@
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{Icon as o,Typography as i}from"@equinor/eds-core-react";import{engineering as e,arrow_forward as s}from"@equinor/eds-icons";import{OpenImpersonationMenuButton as a}from"./Account.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{useAuth as m}from"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import{colors as n}from"../../../atoms/style/colors.js";import{spacings as p}from"../../../atoms/style/spacings.js";import"../../../atoms/enums/Errors.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import c from"styled-components";const d=c.div`
+  display: flex;
+  align-items: center;
+  gap: ${p.x_small};
+  > hr {
+    background: ${n.text.static_icons__tertiary.rgba};
+    width: 4px;
+    height: 4px;
+    border-radius: 50%;
+  }
+`,l=({onClick:p})=>{const{account:c}=m();return r(a,{onClick:p,children:[t(o,{data:e}),r(d,{children:[t(i,{variant:"breadcrumb",group:"navigation",children:c?.name?.split(" ").at(0)}),t("hr",{}),t(i,{variant:"breadcrumb",group:"navigation",color:n.text.static_icons__tertiary.rgba,children:c?.username})]}),t(o,{data:s})]})};export{l as ActiveUserImpersonationButton};

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface ImpersonateAvatarProps {
+    size: number;
+}
+export declare const ImpersonateAvatar: FC<ImpersonateAvatarProps>;
+export {};

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

@@ -0,0 +1,7 @@
+import{jsx as e}from"react/jsx-runtime";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"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import{colors as o}from"../../../atoms/style/colors.js";import"../../../atoms/enums/Errors.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"@equinor/eds-core-react";import"../../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.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{ProfileAvatar as r}from"../../../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{useActiveImpersonationUser as t}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import i from"styled-components";const s=i.div`
+  border: 2px solid ${o.interactive.warning__resting.rgba};
+  border-radius: 50%;
+  > div:first-child {
+    background: ${o.interactive.warning__text.rgba};
+  }
+`,l=({size:o})=>{const{data:i}=t();return e(s,{children:e(r,{size:o,name:i?.name})})};export{l as ImpersonateAvatar};

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface ImpersonateButtonProps {
+    onOpenImpersonateMenu: () => void;
+    onClose: () => void;
+}
+export declare const ImpersonateButton: FC<ImpersonateButtonProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import{jsx as o,jsxs as r}from"react/jsx-runtime";import{Button as t,DotProgress as i,Icon as e,Typography as s}from"@equinor/eds-core-react";import{do_not_disturb as n,assignment_user as a,arrow_forward as m}from"@equinor/eds-icons";import{useActiveImpersonationUser as p}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useStopImpersonation as c}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{OpenImpersonationMenuButton as d}from"./Account.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"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import{colors as l}from"../../../atoms/style/colors.js";import{spacings as u}from"../../../atoms/style/spacings.js";import"../../../atoms/enums/Errors.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import j from"styled-components";const v=j(t)`
+  margin-top: ${u.large};
+  width: 100%;
+  height: 48px;
+  svg {
+    fill: ${l.interactive.danger__resting.rgba};
+  }
+`,h=({onOpenImpersonateMenu:t,onClose:l})=>{const{data:u}=p(),{mutateAsync:j,isPending:h}=c();return u&&h?o(v,{variant:"outlined",color:"danger",children:o(i,{})}):u?r(v,{variant:"outlined",color:"danger",onClick:async()=>{await j(),l()},children:[o(e,{data:n}),"End impersonation"]}):r(d,{onClick:t,children:[o(e,{data:a}),o(s,{variant:"button",group:"navigation",as:"span",children:"Impersonate"}),o(e,{data:m})]})};export{h as ImpersonateButton};

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface ActionsProps {
+    selectedUniqueName: string;
+    onCancel: () => void;
+}
+export declare const Actions: FC<ActionsProps>;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface CreateNewUserProps {
+    onBack: () => void;
+    onClose: () => void;
+}
+export declare const CreateNewUser: FC<CreateNewUserProps>;
+export {};

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

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as r,useMemo as t}from"react";import{Button as i,Icon as s,Typography as l,DotProgress as m}from"@equinor/eds-core-react";import{arrow_back as a}from"@equinor/eds-icons";import{useAllAppRoles as n}from"../hooks/useAllAppRoles.js";import{useCreateImpersonation as p}from"../hooks/useCreateImpersonation.js";import{Container as c,Header as u,Section as d}from"./CreateNewUser.styles.js";import{environment as j}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/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.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/TutorialStepsProvider.js";import"../../../../../atoms/enums/Errors.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{Switch as h}from"../../../../../molecules/SelectionControls/Switch/Switch.js";import{TextField as v}from"../../../../../molecules/TextField/TextField.js";const g=({onBack:g,onClose:C})=>{const[f,S]=r([]),[A,P]=r(""),[E,k]=r(""),{data:y,isLoading:x}=n(),{mutateAsync:T,isPending:B}=p(),R=t((()=>""===A||""===E||0===f.length),[A,E,f.length]);return e(c,{children:[e(u,{children:[o(i,{variant:"ghost_icon",onClick:g,children:o(s,{data:a})}),o(l,{variant:"h6",children:"Create new user"})]}),e(d,{children:[o(v,{id:"first-name",label:"First name",placeholder:"Add first name...",value:A,onChange:e=>{P(e.target.value)}}),o(v,{id:"last-name",label:"Last name",placeholder:"Add last name...",value:E,onChange:e=>{k(e.target.value)}})]}),e(d,{children:[o(l,{variant:"label",group:"navigation",children:"Roles"}),x&&o(m,{color:"primary"}),y?.map((e=>o(h,{label:e.value,onChange:()=>(e=>{S((o=>o.includes(e)?o.filter((o=>o!==e)):[...o,e]))})(e.value)},e.id)))]}),e(d,{children:[o(i,{variant:"outlined",onClick:g,children:"Cancel"}),o(i,B?{children:o(m,{})}:{onClick:async()=>{await T({firstName:A,lastName:E,roles:f,uniqueName:`${A}.${E}`.toLowerCase(),name:`${A} ${E}`,appName:j.getAppName(import.meta.env.VITE_NAME),activeUsers:[]}),C()},disabled:R,children:"Create and impersonate"})]})]})};export{g as CreateNewUser};

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

@@ -0,0 +1,3 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const Section: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

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

@@ -0,0 +1,22 @@
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as o}from"../../../../../atoms/style/spacings.js";import i from"styled-components";const{colors:d}=e,m=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.medium};
+`,s=i.header`
+  display: flex;
+  align-items: center;
+  gap: ${o.medium};
+  padding: 0 ${o.small} ${o.small};
+  border-bottom: 1px solid ${d.ui.background__medium.rgba};
+`,l=i.section`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.small};
+  padding: 0 ${o.medium} ${o.medium};
+  border-bottom: 1px solid ${d.ui.background__medium.rgba};
+  &:last-child {
+    flex-direction: row;
+    border-bottom: none;
+    justify-content: flex-end;
+  }
+`;export{m as Container,s as Header,l as Section};

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface CreateNewUserButtonProps {
+    onClick: () => void;
+}
+export declare const CreateNewUserButton: FC<CreateNewUserButtonProps>;
+export {};

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

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

package/dist/organisms/TopBar/Account/ImpersonateMenu/Impersonate.constants.d.ts

@@ -0,0 +1,7 @@
+export declare const ACTIVE_USERIMPERSONATION = "activeImpersonationUser";
+export declare const CREATE_IMPERSONATION = "createImpersonation";
+export declare const SET_ACTIVE_IMPERSONATION = "setActiveImpersonation";
+export declare const GET_ALL_IMPERSONATIONS = "getImpersonationUsers";
+export declare const CAN_IMPERSONATE = "canImpersonate";
+export declare const STOP_IMPERSONATION = "stopImpersonation";
+export declare const AVAILABLE_ROLES = "availableRoles";