@equinor/amplify-component-lib 8.8.1 → 8.9.1

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/MenuItem.d.ts

@@ -3,20 +3,8 @@ import { SideBarMenuItem } from '../../atoms/types/SideBar';
 export type MenuItemProps = {
     currentUrl?: string;
     disabled?: boolean;
-    /**
-     * This is useful for routes that drills into a path,
-     * by still highlighting the original path and not disable "back to start" by click on the same link again
-     * eg. navigating to /collections and clicking on an item to go into /collections/:id and so on
-     */
-    hasPathDrilling?: boolean;
 } & SideBarMenuItem & HTMLAttributes<HTMLAnchorElement>;
 export declare const MenuItem: import("react").ForwardRefExoticComponent<{
     currentUrl?: string;
     disabled?: boolean;
-    /**
-     * This is useful for routes that drills into a path,
-     * by still highlighting the original path and not disable "back to start" by click on the same link again
-     * eg. navigating to /collections and clicking on an item to go into /collections/:id and so on
-     */
-    hasPathDrilling?: boolean;
 } & SideBarMenuItem & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/organisms/SideBar/MenuItem.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as t,useMemo as r}from"react";import{Icon as a}from"@equinor/eds-core-react";import{Link as n,IconContainer as o,ItemText as l}from"./MenuItem.styles.js";import{isCurrentUrl as d}from"./MenuItem.utils.js";import{OptionalTooltip as s}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{useSideBar as c}from"../../providers/SideBarProvider.js";const m=t((({currentUrl:t,icon:m,name:p,link:u,onClick:b,disabled:h=!1,replace:f=!1,hasPathDrilling:v=!1},$)=>{const g=d({currentUrl:t,link:u,replace:f,hasPathDrilling:v}),{isOpen:j}=c(),k=r((()=>!h&&!g),[h,g]),I=e=>{k?b&&b():e.preventDefault()};return j?e(n,{to:u,$active:g,"aria-disabled":h,$disabled:h,onClick:I,tabIndex:0,$open:!0,ref:$,"data-testid":"sidebar-menu-item",replace:f,children:[m&&i(o,{"data-testid":"icon-container",children:i(a,{data:m,size:24})}),i(l,{$active:g,$disabled:h,variant:"button",group:"navigation",children:p})]}):i(n,{to:u,$active:g,"aria-disabled":h,$disabled:h,onClick:I,$open:j,tabIndex:0,ref:$,"data-testid":"sidebar-menu-item",children:i(s,{title:p,placement:"right",children:m&&i(o,{"data-testid":"icon-container",children:i(a,{data:m,size:24})})})})}));m.displayName="MenuItem";export{m as MenuItem};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as i,useMemo as r}from"react";import{Icon as a}from"@equinor/eds-core-react";import{Link as n,IconContainer as o,ItemText as d}from"./MenuItem.styles.js";import{isCurrentUrl as l}from"./MenuItem.utils.js";import{OptionalTooltip as s}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{useSideBar as c}from"../../providers/SideBarProvider.js";const m=i((({currentUrl:i,icon:m,name:p,link:u,onClick:b,disabled:f=!1,replace:v=!1},$)=>{const h=l({currentUrl:i,link:u}),j=r((()=>{const e=i?.split("?")[0];return e===u}),[i,u]),{isOpen:k}=c(),I=r((()=>!f&&(!h||h&&!j&&v)),[f,h,j,v]),x=e=>{I?b&&b():e.preventDefault()};return k?e(n,{to:u,$active:h,"aria-disabled":f,$disabled:f,onClick:x,tabIndex:0,$open:!0,ref:$,"data-testid":"sidebar-menu-item",replace:v,children:[m&&t(o,{"data-testid":"icon-container",children:t(a,{data:m,size:24})}),t(d,{$active:h,$disabled:f,variant:"button",group:"navigation",children:p})]}):t(s,{title:p,placement:"right",children:t(n,{to:u,$active:h,"aria-disabled":f,$disabled:f,onClick:x,$open:k,tabIndex:0,ref:$,"data-testid":"sidebar-menu-item",children:m&&t(o,{"data-testid":"icon-container",children:t(a,{data:m,size:24})})})})}));m.displayName="MenuItem";export{m as MenuItem};

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

@@ -13,5 +13,5 @@ interface ItemTextProps {
 }
 export declare const ItemText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<({
     as?: import("react").ElementType | undefined;
-} & import("../../molecules").TypographyProps & Omit<any, "nonce" | "variant" | "color" | "suppressHydrationWarning" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "link" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "bold" | "group" | "italic" | "token" | "lines">) & import("styled-components/dist/types").BaseObject, ItemTextProps>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("../../molecules").TypographyProps, HTMLElement>, keyof import("react").Component<any, {}, any>>;
+} & (import("../../molecules").TypographyProps & Omit<any, "nonce" | "variant" | "color" | "suppressHydrationWarning" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "link" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "bold" | "group" | "italic" | "token" | "lines">)) & import("styled-components/dist/types").BaseObject, ItemTextProps>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("../../molecules").TypographyProps, HTMLElement>, keyof import("react").Component<any, {}, any>>;
 export {};

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

@@ -1,4 +1,4 @@
-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/Dialog/Dialog.styles.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/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"../../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)`
+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/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"react";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../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/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"../../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;

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

@@ -1,13 +1,6 @@
 interface Props {
     currentUrl?: string;
     link: string;
-    replace: boolean;
-    /**
-     * This is useful for routes that drills into a path,
-     * by still highlighting the original path and not disable "back to start" by click on the same link again
-     * eg. navigating to /collections and clicking on an item to go into /collections/:id and so on
-     */
-    hasPathDrilling: boolean;
 }
-declare const isCurrentUrl: ({ currentUrl, link, replace, hasPathDrilling, }: Props) => boolean;
+declare const isCurrentUrl: ({ currentUrl, link }: Props) => boolean;
 export { isCurrentUrl };

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

@@ -1 +1 @@
-const e=({currentUrl:e,link:l,replace:n,hasPathDrilling:r})=>n?r?e?.includes(l)??!1:"string"==typeof e&&e===l:e?.includes(l)??!1;export{e as isCurrentUrl};
+const n=({currentUrl:n,link:r})=>(n?.includes(r)??!1)&&"/"!==r||r===n;export{n as isCurrentUrl};

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/TableOfContents/TableOfContents.styles.d.ts

@@ -250,11 +250,13 @@ export declare const TableOfContentsItemContainer: import("styled-components/dis
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "send" | "done" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: boolean | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     translate?: "no" | "yes" | undefined;
@@ -270,7 +272,6 @@ export declare const TableOfContentsItemContainer: import("styled-components/dis
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     itemProp?: string | undefined;
@@ -513,11 +514,13 @@ export declare const TableOfContentsContainer: import("styled-components/dist/ty
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "send" | "done" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: boolean | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     translate?: "no" | "yes" | undefined;
@@ -533,7 +536,6 @@ export declare const TableOfContentsContainer: import("styled-components/dist/ty
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     itemProp?: string | undefined;
@@ -780,11 +782,13 @@ export declare const ChildContainer: import("styled-components/dist/types").ISty
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "send" | "done" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: boolean | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     translate?: "no" | "yes" | undefined;
@@ -800,7 +804,6 @@ export declare const ChildContainer: import("styled-components/dist/types").ISty
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     itemProp?: string | undefined;

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

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

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

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

@@ -1,4 +1,4 @@
-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.styles.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/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`
   position: relative;
   margin-bottom: ${s.small};
 `,c=p(m)`

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

@@ -1,4 +1,4 @@
-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.styles.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/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`
   display: flex;
   align-items: center;
   gap: ${n.xx_small};
@@ -6,4 +6,4 @@ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"re
   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},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};

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

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

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

@@ -1,7 +1,8 @@
-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.styles.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/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`
+  width: fit-content;
   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?.fullName})})};export{l as ImpersonateAvatar};
+`,l=({size:o,fullName:i})=>{const{data:l}=t();return e(s,{children:e(r,{size:o,name:i||l?.fullName})})};export{l as ImpersonateAvatar};

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

@@ -5,4 +5,4 @@ import{jsx as r,jsxs as o}from"react/jsx-runtime";import{Button as t,DotProgress
   svg {
     fill: ${l.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(),location.reload()},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};
+`,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};

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

@@ -1,10 +1,11 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Typography as t,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`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Typography as i,Button as o,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 m from"styled-components";const l=m.div`
   display: flex;
   flex-direction: column;
+  gap: ${s.medium};
   padding: ${s.medium};
-  width: 20rem;
-`,m=l.section`
+  width: 25rem;
+`,c=m.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:[o(t,{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:[o(i,{variant:"outlined",onClick:l,children:"Cancel"}),o(i,u?{children:o(n,{})}:{onClick:async()=>{await p(s),l(),location.reload()},disabled:""===s||s===d?.uniqueName,children:"Impersonate"})]})]})};export{d as Actions};
+`,d=({selectedUniqueName:s,onCancel:m})=>{const{data:d}=r(),{mutateAsync:p,isPending:u}=a();return e(l,{children:[t(i,{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(c,{children:[t(o,{variant:"outlined",onClick:m,children:"Cancel"}),t(o,u?{children:t(n,{})}:{onClick:async()=>{await p(s),m()},disabled:""===s||s===d?.uniqueName,children:"Impersonate"})]})]})};export{d as Actions};

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

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

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

@@ -0,0 +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})=>{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/{CreateNewUser/CreateNewUser.styles.d.ts → CreateOrEditUser/CreateOrEditUser.styles.d.ts}

@@ -1,3 +1,2 @@
 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/CreateOrEditUser/CreateOrEditUser.styles.js

@@ -0,0 +1,16 @@
+import{tokens as o}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as e}from"../../../../../atoms/style/spacings.js";import i from"styled-components";const{colors:d}=o,m=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.medium};
+`,s=i.section`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.small};
+  padding: 0 ${e.medium} ${e.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 Section};

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ImpersonateUserDto } from '@equinor/subsurface-app-management';
+interface DeleteUserProps {
+    user: ImpersonateUserDto;
+    onBack: () => void;
+}
+export declare const DeleteUser: FC<DeleteUserProps>;
+export {};