@equinor/amplify-component-lib 8.9.0 → 8.9.2

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

@@ -1,4 +1,4 @@
-import{jsx as r,jsxs as t}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/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/style/colors.js";import{ErrorType as e}from"../../../atoms/enums/Errors.js";import"../../../atoms/enums/Theme.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 e,jsxs as o}from"react/jsx-runtime";import{ErrorPage as t}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/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/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../atoms/style/colors.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import{getErrorContent as r}from"../../../atoms/utils/errors.js";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import{environment as i}from"../../../atoms/utils/auth_environment.js";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"../../../node_modules/lodash/lodash.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"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../atoms/enums/Environment.js";import"../../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{ErrorType as s}from"../../../atoms/enums/Errors.js";import"../../../atoms/enums/Theme.js";import l from"styled-components";const{getAppName:m}=i,p=l.div`
   display: flex;
   height: 100vh;
-`,a=()=>{const i=s(p(import.meta.env.VITE_NAME),e.ERROR_401);return r(n,{children:t(o,{illustration:i.illustration,children:[r(o.Title,{title:i.title}),r(o.Description,{text:i.description}),r(o.Action,{buttonText:i.button?.text,onClick:i.button?.onClick})]})})};export{a as Unauthorized};
+`,n=()=>{const i=r(m(import.meta.env.VITE_NAME),s.ERROR_401);return e(p,{children:o(t,{illustration:i.illustration,children:[e(t.Title,{title:i.title}),e(t.Description,{text:i.description}),e(t.Action,{buttonText:i.button?.text,onClick:i.button?.onClick})]})})};export{n 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/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/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/style/colors.js";import{spacings as m}from"../../atoms/style/spacings.js";import{string as n}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 e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{LinearProgress as t,Typography as i}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{AnimatedCheckmark as l}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.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{spacings as m}from"../../atoms/style/spacings.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import{string as n}from"../../atoms/utils/index.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/RichTextEditor/RichTextEditor.types.js";import"../../molecules/Search/Search.js";import"react-router-dom";import"../../molecules/Sieve/Sieve.styles.js";import"../../node_modules/lodash/lodash.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{useFakeProgress as a}from"../../atoms/hooks/useFakeProgress.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/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import p from"styled-components";const{colors:c}=s,u=p.div`
   gap: ${m.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 - (${m.xxx_large} * 4));
   width: 100%;
   max-width: 370px;
-`,h=p(o)`
+`,d=p(t)`
   background-color: ${c.interactive.primary__hover_alt.rgba};
 
   div {
     background-color: ${c.interactive.primary__resting.rgba};
   }
-`,u=p(t)`
+`,j=p(i)`
   span {
     text-transform: capitalize;
   }
-`,v=({fieldName:o,onChangedField:s,finishedText:m})=>{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:n.capitalize(o)})]}),r(d,{}),r(t,{variant:"h6",children:m})]}:{children:[e(t,{variant:"h3",children:["Changing field.",".".repeat(c/35)]}),r(h,{variant:"determinate",value:c})]})})};export{v as ChangingField,h as LinearProgress};
+`,h=({fieldName:t,onChangedField:s,finishedText:m})=>{const{finished:p,progress:c}=a({onDone:s});return e(u,{children:o(r,p?{children:[o(j,{variant:"h3",children:["Changed to ",e("span",{children:n.capitalize(t)})]}),e(l,{}),e(i,{variant:"h6",children:m})]}:{children:[o(i,{variant:"h3",children:["Changing field.",".".repeat(c/35)]}),e(d,{variant:"determinate",value:c})]})})};export{h as ChangingField,d as LinearProgress};

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

@@ -1,11 +1,11 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useActiveImpersonationUser as r}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 t}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{colors as i}from"../../../atoms/style/colors.js";import{spacings as s}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"../../../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 m}from"../../../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{ProfileAvatar as l}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`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useActiveImpersonationUser as r}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/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 t}from"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.js";import"../../../molecules/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import{colors as i}from"../../../atoms/style/colors.js";import{spacings as s}from"../../../atoms/style/spacings.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../atoms/utils/auth_environment.js";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{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"../../../node_modules/lodash/lodash.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"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../atoms/enums/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/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{ImpersonateAvatar as n}from"./ImpersonateAvatar.js";import p from"styled-components";const a=p.div`
   position: relative;
   margin-bottom: ${s.small};
-`,c=p(m)`
+`,c=p(t)`
   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}=t(),{data:m}=r();return m?e(a,{children:[o(n,{size:64}),o(c,{children:"Impersonating"})]}):o(l,{size:64,name:i?.name,url:s})};export{u as AccountAvatar};
+`,u=()=>{const{account:t,photo:i}=l(),{data:s}=r();return s?e(a,{children:[o(n,{size:64}),o(c,{children:"Impersonating"})]}):o(m,{size:64,name:t?.name,url:i})};export{u as AccountAvatar};

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

@@ -1,9 +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/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.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"../../../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"@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/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{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`
+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/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/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import{colors as m}from"../../../atoms/style/colors.js";import{spacings as n}from"../../../atoms/style/spacings.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../atoms/utils/auth_environment.js";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{ProfileAvatar as p}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"../../../node_modules/lodash/lodash.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"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../atoms/enums/Environment.js";import"../Notifications/NotificationProvider.js";import{useAuth as a}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/enums/Errors.js";import"../../../atoms/enums/Theme.js";import c from"styled-components";const u=c.div`
   display: flex;
   align-items: center;
   gap: ${n.xx_small};
-`,d=c(p)`
+`,d=c(l)`
   background: ${m.interactive.warning__resting.rgba};
   outline: none;
   padding: 0;
-`,j=r((({onClick:r},m)=>{const{account:n,photo:p}=l(),{data:c}=t(),j=c?.roles?.sort()??[];return e(u,{children:[j.at(0)&&o(d,{children:j[0]}),j.length>1&&o(d,{children:"+"+(j.length-1)}),o(i,{ref:m,onClick:r,children:c?o(s,{size:36}):o(a,{size:36,name:n?.name,url:p})})]})}));j.displayName="AccountButton";export{j as AccountButton};
+`,j=r((({onClick:r},l)=>{const{account:m,photo:n}=a(),{data:c}=t(),j=c?.roles?.sort()??[];return e(u,{children:[j.at(0)&&o(d,{children:j[0]}),j.length>1&&o(d,{children:"+"+(j.length-1)}),o(i,{ref:l,onClick:r,children:c?o(s,{size:36}):o(p,{size:36,name:m?.name,url:n})})]})}));j.displayName="AccountButton";export{j as AccountButton};

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

@@ -1,11 +1,11 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Icon as t,Typography as i}from"@equinor/eds-core-react";import{engineering as e,arrow_forward as s}from"@equinor/eds-icons";import{OpenImpersonationMenuButton as m}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 a}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{colors as n}from"../../../atoms/style/colors.js";import{spacings as p}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 c from"styled-components";const d=c.div`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Icon as r,Typography as t}from"@equinor/eds-core-react";import{engineering as i,arrow_forward as s}from"@equinor/eds-icons";import{OpenImpersonationMenuButton as l}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/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{colors as m}from"../../../atoms/style/colors.js";import{spacings as n}from"../../../atoms/style/spacings.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../atoms/utils/auth_environment.js";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"../../../node_modules/lodash/lodash.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"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../atoms/enums/Environment.js";import"../Notifications/NotificationProvider.js";import{useAuth as a}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/enums/Errors.js";import"../../../atoms/enums/Theme.js";import p from"styled-components";const c=p.div`
   display: flex;
   align-items: center;
-  gap: ${p.x_small};
+  gap: ${n.x_small};
   > hr {
-    background: ${n.text.static_icons__tertiary.rgba};
+    background: ${m.text.static_icons__tertiary.rgba};
     width: 4px;
     height: 4px;
     border-radius: 50%;
   }
-`,l=({onClick:p})=>{const{account:c}=a();return r(m,{onClick:p,children:[o(t,{data:e}),r(d,{children:[o(i,{variant:"breadcrumb",group:"navigation",children:c?.name?.split(" ").at(0)}),o("hr",{}),o(i,{variant:"breadcrumb",group:"navigation",color:n.text.static_icons__tertiary.rgba,children:c?.username})]}),o(t,{data:s})]})};export{l as ActiveUserImpersonationButton};
+`,u=({onClick:n})=>{const{account:p}=a();return e(l,{onClick:n,children:[o(r,{data:i}),e(c,{children:[o(t,{variant:"breadcrumb",group:"navigation",children:p?.name?.split(" ").at(0)}),o("hr",{}),o(t,{variant:"breadcrumb",group:"navigation",color:m.text.static_icons__tertiary.rgba,children:p?.username})]}),o(r,{data:s})]})};export{u as ActiveUserImpersonationButton};

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

@@ -1,4 +1,4 @@
-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/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.js";import"../../../providers/TutorialStepsProvider.js";import{colors as o}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"@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/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{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`
+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/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/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import{colors as o}from"../../../atoms/style/colors.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../atoms/utils/auth_environment.js";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{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"../../../node_modules/lodash/lodash.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"@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{useActiveImpersonationUser as t}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import i from"styled-components";const s=i.div`
   width: fit-content;
   border: 2px solid ${o.interactive.warning__resting.rgba};
   border-radius: 50%;

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

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

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/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../../molecules/Badge/Badge.styles.js";import{Button as m,Icon as n,Typography as a,DotProgress as c}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{colors as p}from"../../../../../atoms/style/colors.js";import"../../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../../atoms/utils/auth_environment.js";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"../../../../../node_modules/lodash/lodash.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"@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{useSnackbar as u}from"../../../../../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{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}=u();return e(l,{children:[e(s,{children:[o(m,{variant:"ghost_icon",onClick:f,children:o(n,{data:r})}),o(a,{variant:"h6",children:"Delete user"})]}),e("section",{children:[o(a,{variant:"h4",children:"You are deleting a user"}),e(a,{variant:"caption",color:p.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(a,{variant:"h6",children:g.fullName}),o(a,{children:g.uniqueName})]}),o(j,{children:g.roles.map((e=>o(h,{children:e},e)))}),e("div",{children:[y?o(m,{variant:"outlined",color:"danger",children:o(c,{color:"tertiary"})}):e(m,{variant:"outlined",color:"danger",onClick:async()=>{await S(g),P(`Deleted user "${g.fullName}" successfully`),f()},children:[o(n,{data:t})," Delete user"]}),o(m,{variant:"ghost",onClick:f,children:"Cancel"})]})]})};export{g as DeleteUser};