@equinor/amplify-component-lib 12.0.5 → 12.0.6

package/dist/atoms/hooks/useAmplifyKit.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../../molecules/RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as t}from"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import{useMemo as n}from"react";const r=({features:r,placeholder:i,onImageUpload:a,onImageRead:o})=>n(()=>t.configure({placeholder:i?{placeholder:i}:void 0,link:r?.includes(e.LINKS)?{}:!1,table:r?.includes(e.TABLE)?{}:!1,textAlign:r?.includes(e.ALIGNMENT)?{}:!1,bulletList:r?.includes(e.LISTS)?{}:!1,orderedList:r?.includes(e.LISTS)?{}:!1,codeBlockLowlight:r?.includes(e.CODE)?{}:!1,image:r?.includes(e.IMAGES)?{onImageUpload:a,onImageRead:o}:!1,heading:r?.includes(e.HEADERS)?{}:!1}),[i,r,a,o]);export{r as useAmplifyKit};
+import"../../molecules/RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as e}from"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import{useMemo as t}from"react";const n=({features:n,placeholder:r,onImageUpload:i,onImageRead:a})=>t(()=>e.configure({placeholder:r?{placeholder:r}:void 0,link:n?.includes(`links`)?{}:!1,table:n?.includes(`table`)?{}:!1,textAlign:n?.includes(`alignment`)?{}:!1,bulletList:n?.includes(`lists`)?{}:!1,orderedList:n?.includes(`lists`)?{}:!1,codeBlockLowlight:n?.includes(`code`)?{}:!1,image:n?.includes(`images`)?{onImageUpload:i,onImageRead:a}:!1,heading:n?.includes(`headers`)?{}:!1}),[r,n,i,a]);export{n as useAmplifyKit};

package/dist/atoms/hooks/useSelect.d.ts

@@ -1,6 +1,6 @@
 import { SelectOption, SelectOptionRequired } from "../../molecules/Select/Select.types.js";
 import { SelectComponentProps } from "../../molecules/Select/Select.js";
-import * as react211 from "react";
+import * as react212 from "react";
 import { ChangeEvent, KeyboardEvent } from "react";
 
 //#region src/atoms/hooks/useSelect.d.ts
@@ -16,8 +16,8 @@ declare const useSelect: <T extends SelectOptionRequired>(props: SelectComponent
   handleOnOpen: () => void;
   handleOnRemoveItem: (item: SelectOption<T>) => void;
   search: string;
-  searchRef: react211.RefObject<HTMLInputElement | null>;
-  itemRefs: react211.RefObject<(HTMLButtonElement | null)[]>;
+  searchRef: react212.RefObject<HTMLInputElement | null>;
+  itemRefs: react212.RefObject<(HTMLButtonElement | null)[]>;
   selectedValues: T[];
   open: boolean;
   tryingToRemoveItem: T | undefined;

package/dist/atoms/utils/auth_environment.js

@@ -1 +1 @@
-import{EnvironmentType as e}from"../enums/Environment.js";import{PublicClientApplication as t}from"@azure/msal-browser";const n=[`IS_MOCK`,`ALLOWED_PARENT_DOMAINS`,`SERVICE_NOW_CONFIGURATION_ITEM`,`API_CLIENT_ID`],r=e=>{if(!window._env_)return``;if(window._env_[e]===void 0&&!n.includes(e))throw Error(`Missing required environment variable: `+e);return window._env_[e]},i=e=>e||r(`NAME`),a=e=>e||r(`CLIENT_ID`),o=e=>e||r(`API_URL`),s=e=>e||r(`API_SCOPE`),c=e=>e||r(`API_CLIENT_ID`),l=e=>e||r(`ENVIRONMENT_NAME`),u=e=>e||r(`SERVICE_NOW_CONFIGURATION_ITEM`),d=e=>e===void 0?!1:e===`true`,f=e=>e===void 0?[`admin`]:JSON.parse(e),p=e=>e?e.split(`;`):r(`ALLOWED_PARENT_DOMAINS`)?.split(`;`)||[],m=e=>{if(e!==void 0)return`https://avatars.githubusercontent.com/u/97165289`};function h(){let t=import.meta.env.VITE_ENVIRONMENT_NAME;return t||=r(`ENVIRONMENT_NAME`),t===e.PRODUCTION?`https://jsembark.equinor.com`:`https://client-amplify-portal-${t===e.LOCALHOST?e.DEVELOP:t}.radix.equinor.com`}const g=h(),_={PHOTO:`https://graph.microsoft.com/v1.0/me/photos/96x96/$value`},v=(e,t)=>fetch(e,{headers:{Authorization:`Bearer ${t}`}}),y={OPENID:`openid`,PROFILE:`profile`,USER_READ:`User.Read`},b={scopes:[y.OPENID,y.PROFILE,y.USER_READ]},x={scopes:[y.USER_READ]},S=e=>({scopes:[e]}),C=()=>window.self!==window.top,w=new t({auth:{clientId:a(import.meta.env.VITE_CLIENT_ID),authority:`https://login.microsoftonline.com/StatoilSRM.onmicrosoft.com/`,redirectUri:window.location.origin},cache:{cacheLocation:`localStorage`}}),T=p(import.meta.env.ALLOWED_PARENT_DOMAINS);window.addEventListener(`message`,async e=>{if(T.includes(e.origin)){let t=e.data;if(t){await w.initialize();try{await w.ssoSilent({sid:t}),console.log(`postMessage successfully logged in user!`)}catch(e){console.error(`Something went wrong with postMessage`),console.error(e)}}}});const E={fetchMsGraph:v,GRAPH_SCOPES:y,GRAPH_REQUESTS_LOGIN:b,GRAPH_REQUESTS_PHOTO:x,GRAPH_REQUESTS_BACKEND:S,GRAPH_ENDPOINTS:_,msalApp:w,getToken:async()=>{if(d(import.meta.env.VITE_IS_MOCK))return``;let e=w.getActiveAccount(),t=w.getAllAccounts();return!e&&t.length===0?``:(await w.acquireTokenSilent(S(s(import.meta.env.VITE_API_SCOPE)))).accessToken},isReaderOnly:e=>e?!e.some(e=>e.includes(`WRITE`)):!0,isInIframe:C},D={getConfig:r,getAppName:i,getClientId:a,getApiUrl:o,getApiScope:s,getApiClientId:c,getEnvironmentName:l,getIsMock:d,getMockUserPhoto:m,getMockRoles:f,getServiceNowConfigurationItem:u,PORTAL_URL_WITHOUT_LOCALHOST:g};export{E as auth,D as environment};
+import"../enums/Environment.js";import{PublicClientApplication as e}from"@azure/msal-browser";const t=[`IS_MOCK`,`ALLOWED_PARENT_DOMAINS`,`SERVICE_NOW_CONFIGURATION_ITEM`,`API_CLIENT_ID`],n=e=>{if(!window._env_)return``;if(window._env_[e]===void 0&&!t.includes(e))throw Error(`Missing required environment variable: `+e);return window._env_[e]},r=e=>e||n(`NAME`),i=e=>e||n(`CLIENT_ID`),a=e=>e||n(`API_URL`),o=e=>e||n(`API_SCOPE`),s=e=>e||n(`API_CLIENT_ID`),c=e=>e||n(`ENVIRONMENT_NAME`),l=e=>e||n(`SERVICE_NOW_CONFIGURATION_ITEM`),u=e=>e===void 0?!1:e===`true`,d=e=>e===void 0?[`admin`]:JSON.parse(e),f=e=>e?e.split(`;`):n(`ALLOWED_PARENT_DOMAINS`)?.split(`;`)||[],p=e=>{if(e!==void 0)return`https://avatars.githubusercontent.com/u/97165289`};function m(){let e=import.meta.env.VITE_ENVIRONMENT_NAME;return e||=n(`ENVIRONMENT_NAME`),e===`production`?`https://jsembark.equinor.com`:`https://client-amplify-portal-${e===`localhost`?`development`:e}.radix.equinor.com`}const h=m(),g={PHOTO:`https://graph.microsoft.com/v1.0/me/photos/96x96/$value`},_=(e,t)=>fetch(e,{headers:{Authorization:`Bearer ${t}`}}),v={OPENID:`openid`,PROFILE:`profile`,USER_READ:`User.Read`},y={scopes:[v.OPENID,v.PROFILE,v.USER_READ]},b={scopes:[v.USER_READ]},x=e=>({scopes:[e]}),S=()=>window.self!==window.top,C=new e({auth:{clientId:i(import.meta.env.VITE_CLIENT_ID),authority:`https://login.microsoftonline.com/StatoilSRM.onmicrosoft.com/`,redirectUri:window.location.origin},cache:{cacheLocation:`localStorage`}}),w=f(import.meta.env.ALLOWED_PARENT_DOMAINS);window.addEventListener(`message`,async e=>{if(w.includes(e.origin)){let t=e.data;if(t){await C.initialize();try{await C.ssoSilent({sid:t}),console.log(`postMessage successfully logged in user!`)}catch(e){console.error(`Something went wrong with postMessage`),console.error(e)}}}});const T={fetchMsGraph:_,GRAPH_SCOPES:v,GRAPH_REQUESTS_LOGIN:y,GRAPH_REQUESTS_PHOTO:b,GRAPH_REQUESTS_BACKEND:x,GRAPH_ENDPOINTS:g,msalApp:C,getToken:async()=>{if(u(import.meta.env.VITE_IS_MOCK))return``;let e=C.getActiveAccount(),t=C.getAllAccounts();return!e&&t.length===0?``:(await C.acquireTokenSilent(x(o(import.meta.env.VITE_API_SCOPE)))).accessToken},isReaderOnly:e=>e?!e.some(e=>e.includes(`WRITE`)):!0,isInIframe:S},E={getConfig:n,getAppName:r,getClientId:i,getApiUrl:a,getApiScope:o,getApiClientId:s,getEnvironmentName:c,getIsMock:u,getMockUserPhoto:p,getMockRoles:d,getServiceNowConfigurationItem:l,PORTAL_URL_WITHOUT_LOCALHOST:h};export{T as auth,E as environment};

package/dist/atoms/utils/richtext.js

@@ -1,2 +1,2 @@
-import{DEFAULT_FEATURES as e,RichTextEditorFeatures as t}from"../../molecules/RichTextEditor/RichTextEditor.types.js";function n({features:n,extendFeatures:r,removeFeatures:i,onImageUpload:a}){let o=n??e,s=r??[],c=[...o,...s].filter(e=>!i?.includes(e)).filter((e,t,n)=>t===n.indexOf(e));if(c.includes(t.IMAGES)&&a===void 0)throw Error(`onImageUpload cannot be undefined when features include images!
-      Either add the onImageUpload function or remove RichTextEditorFeatures.IMAGES from the features array`);return c}const r=/(<img src=".*?" alt="(.*?)">)/g,i=/(<img alt="(.*?)" \/>)/g;function a(e){if(!e)return[];let t=[],n=e.matchAll(i);for(let e of n)t.push(e[2]);return t}function o(e){return new Promise((t,n)=>{let r=new FileReader;r.readAsDataURL(e),r.onload=()=>{typeof r.result==`string`&&t(r.result)},r.onerror=n})}function s(e){return e.replaceAll(r,`<img alt="$2" />`)}function c(e){let t=[],n=e.matchAll(/(<img src="(.*?)" alt=".*?">)/g);for(let e of n)t.push(e[2]);return t}export{i as IMG_WITH_ALT,r as IMG_WITH_SRC_AND_ALT,s as cleanRichTextValue,a as extractImageUrls,n as getFeatures,c as getImagesFromRichText,o as imageToB64};
+import{DEFAULT_FEATURES as e}from"../../molecules/RichTextEditor/RichTextEditor.types.js";function t({features:t,extendFeatures:n,removeFeatures:r,onImageUpload:i}){let a=t??e,o=n??[],s=[...a,...o].filter(e=>!r?.includes(e)).filter((e,t,n)=>t===n.indexOf(e));if(s.includes(`images`)&&i===void 0)throw Error(`onImageUpload cannot be undefined when features include images!
+      Either add the onImageUpload function or remove RichTextEditorFeatures.IMAGES from the features array`);return s}const n=/(<img src=".*?" alt="(.*?)">)/g,r=/(<img alt="(.*?)" \/>)/g;function i(e){if(!e)return[];let t=[],n=e.matchAll(r);for(let e of n)t.push(e[2]);return t}function a(e){return new Promise((t,n)=>{let r=new FileReader;r.readAsDataURL(e),r.onload=()=>{typeof r.result==`string`&&t(r.result)},r.onerror=n})}function o(e){return e.replaceAll(n,`<img alt="$2" />`)}function s(e){let t=[],n=e.matchAll(/(<img src="(.*?)" alt=".*?">)/g);for(let e of n)t.push(e[2]);return t}export{r as IMG_WITH_ALT,n as IMG_WITH_SRC_AND_ALT,o as cleanRichTextValue,i as extractImageUrls,t as getFeatures,s as getImagesFromRichText,a as imageToB64};

package/dist/molecules/DateRangePicker/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import { Variants } from "../../atoms/types/variants.js";
-import * as react12 from "react";
+import * as react8 from "react";
 import { DateRangePickerProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/DateRangePicker/DateRangePicker.d.ts
@@ -8,10 +8,10 @@ type DateRangePickerProps$1 = Omit<DateRangePickerProps, 'variant'> & {
   meta?: string;
   loading?: boolean;
 };
-declare const DateRangePicker$1: react12.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
+declare const DateRangePicker$1: react8.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
   variant?: Variants;
   meta?: string;
   loading?: boolean;
-} & react12.RefAttributes<HTMLDivElement>>;
+} & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DateRangePicker$1 as DateRangePicker, DateRangePickerProps$1 as DateRangePickerProps };

package/dist/molecules/Dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import * as react8 from "react";
+import * as react14 from "react";
 import { ReactNode } from "react";
 import { ButtonProps, DialogProps } from "@equinor/eds-core-react";
 import { IconData } from "@equinor/eds-icons";
@@ -51,6 +51,6 @@ interface DialogProps$1 extends Omit<DialogProps, 'title'> {
  * @param additionalInfo - Defaults to empty, and won't show the additional info button
  * Also inherits props from EDS dialog
  */
-declare const Dialog$1: react8.ForwardRefExoticComponent<DialogProps$1 & react8.RefAttributes<HTMLDivElement>>;
+declare const Dialog$1: react14.ForwardRefExoticComponent<DialogProps$1 & react14.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Dialog$1 as Dialog, DialogAction, DialogProps$1 as DialogProps };

package/dist/molecules/EquinorLogo/EquinorLogo.d.ts

@@ -1,11 +1,11 @@
 import { SizeIconProps } from "../../atoms/types/Icon.js";
-import * as react14 from "react";
+import * as react12 from "react";
 
 //#region src/molecules/EquinorLogo/EquinorLogo.d.ts
 interface EquinorLogoProps extends Partial<SizeIconProps> {
   large?: boolean;
   color?: 'red' | 'white' | 'black';
 }
-declare const EquinorLogo: react14.ForwardRefExoticComponent<EquinorLogoProps & react14.RefAttributes<SVGSVGElement>>;
+declare const EquinorLogo: react12.ForwardRefExoticComponent<EquinorLogoProps & react12.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { EquinorLogo, EquinorLogoProps };

package/dist/molecules/IconCell/IconCell.js

@@ -1 +1 @@
-import{Theme as e}from"../../atoms/enums/Theme.js";import{ThemeProviderContext as t}from"../../providers/ThemeProvider/ThemeProvider.js";import{IconCellColors as n,IconCellStates as r,IconCellVariants as i}from"./IconCell.types.js";import{getIconCellColor as a,renderContent as o}from"./IconCell.utils.js";import{Button as s,Container as c,HelperIconContainer as l,IconContainer as u,Label as d}from"./IconCell.styles.js";import{forwardRef as f,useContext as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=f(function(f,g){let _=p(t);if(f.variant===i.SCRIBBLED_OUT){let{className:e,as:t=`td`,noBottomBorder:n=!1}=f;return m(c,{className:e,as:t,children:m(s,{ref:g,$variant:i.SCRIBBLED_OUT,$noBottomBorder:n,$clickable:!1})})}let{icon:v,onClick:y,className:b,disabled:x=!1,selected:S=!1,color:C=n.DEFAULT,state:w=r.DEFAULT,label:T,variant:E=i.DEFAULT,helperIcon:D,noBottomBorder:O=!1,as:k=`td`,...A}=f,{backgroundColor:j,iconColor:M}=a(C,_?.theme??e.LIGHT);return m(c,{className:b,as:k,children:h(s,{ref:g,...A,$selected:S,disabled:x,onClick:y,$backgroundColor:j,$state:w,$variant:E,$noBottomBorder:O,$clickable:!!y&&!x,children:[m(u,{children:o(v,M)}),m(d,{children:m(`span`,{children:T})}),m(l,{children:D&&o(D,M)})]})})});g.displayName=`IconCell`;export{g as IconCell};
+import"../../atoms/enums/Theme.js";import{ThemeProviderContext as e}from"../../providers/ThemeProvider/ThemeProvider.js";import{IconCellColors as t,IconCellStates as n,IconCellVariants as r}from"./IconCell.types.js";import{getIconCellColor as i,renderContent as a}from"./IconCell.utils.js";import{Button as o,Container as s,HelperIconContainer as c,IconContainer as l,Label as u}from"./IconCell.styles.js";import{forwardRef as d,useContext as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";const h=d(function(d,h){let g=f(e);if(d.variant===r.SCRIBBLED_OUT){let{className:e,as:t=`td`,noBottomBorder:n=!1}=d;return p(s,{className:e,as:t,children:p(o,{ref:h,$variant:r.SCRIBBLED_OUT,$noBottomBorder:n,$clickable:!1})})}let{icon:_,onClick:v,className:y,disabled:b=!1,selected:x=!1,color:S=t.DEFAULT,state:C=n.DEFAULT,label:w,variant:T=r.DEFAULT,helperIcon:E,noBottomBorder:D=!1,as:O=`td`,...k}=d,{backgroundColor:A,iconColor:j}=i(S,g?.theme??`light`);return p(s,{className:y,as:O,children:m(o,{ref:h,...k,$selected:x,disabled:b,onClick:v,$backgroundColor:A,$state:C,$variant:T,$noBottomBorder:D,$clickable:!!v&&!b,children:[p(l,{children:a(_,j)}),p(u,{children:p(`span`,{children:w})}),p(c,{children:E&&a(E,j)})]})})});h.displayName=`IconCell`;export{h as IconCell};

package/dist/molecules/IconCell/IconCell.utils.js

@@ -1,8 +1,8 @@
-import{colors as e}from"../../atoms/style/colors.js";import{Theme as t}from"../../atoms/enums/Theme.js";import{IconCellColors as n,IconCellStates as r,IconCellVariants as i}from"./IconCell.types.js";import{Icon as a}from"@equinor/eds-core-react";import{jsx as o}from"react/jsx-runtime";const s=(e,t)=>e&&typeof e==`object`&&`prefix`in e?o(a,{data:e,color:t}):e,c=(r,i)=>{switch(r){case n.GREEN:case n.SUCCESS:return i===t.LIGHT?{backgroundColor:e.interactive.success__highlight.rgba,iconColor:e.dataviz.darkgreen.default}:{backgroundColor:e.dataviz.darkgreen.default,iconColor:e.dataviz.lightgreen.lighter};case n.RED:case n.ERROR:return i===t.LIGHT?{backgroundColor:e.interactive.danger__highlight.rgba,iconColor:e.interactive.danger__text.rgba}:{backgroundColor:e.ui.background__danger.rgba,iconColor:e.text.static_icons__default.rgba};case n.ORANGE:case n.WARNING:return i===t.LIGHT?{backgroundColor:e.interactive.warning__highlight.rgba,iconColor:e.dataviz.darkyellow.darker}:{backgroundColor:e.ui.background__warning.rgba,iconColor:e.text.static_icons__default.rgba};case n.BLUE:return i===t.LIGHT?{backgroundColor:e.dataviz.lightblue.lighter,iconColor:e.dataviz.primary.darker}:{backgroundColor:e.dataviz.darkblue.default,iconColor:e.dataviz.lightblue.lighter};case n.LIGHTGREY:return i===t.LIGHT?{backgroundColor:e.ui.background__light.rgba,iconColor:e.dataviz.lightgray.darker}:{backgroundColor:e.ui.background__heavy.rgba,iconColor:e.text.static_icons__secondary.rgba};case n.PINK:return i===t.LIGHT?{backgroundColor:e.dataviz.darkpink.lighter,iconColor:e.dataviz.darkpink.darker}:{backgroundColor:e.dataviz.darkpink.darker,iconColor:e.dataviz.darkpink.lighter};case n.YELLOW:return i===t.LIGHT?{backgroundColor:e.dataviz.lightyellow.lighter,iconColor:e.dataviz.darkyellow.darker}:{backgroundColor:e.dataviz.darkyellow.darker,iconColor:e.dataviz.lightyellow.lighter};case n.PURPLE:return i===t.LIGHT?{backgroundColor:e.dataviz.lightpurple.lighter,iconColor:e.dataviz.darkpurple.darker}:{backgroundColor:e.dataviz.darkpurple.darker,iconColor:e.dataviz.lightpurple.lighter};default:return i===t.LIGHT?{backgroundColor:e.ui.background__medium.rgba,iconColor:e.text.static_icons__default.rgba}:{backgroundColor:e.ui.background__light.rgba,iconColor:e.text.static_icons__default.rgba}}},l={[r.ERROR]:e.interactive.danger__resting.rgba,[r.WARNING]:e.interactive.warning__resting.rgba},u={[r.ERROR]:e.ui.background__danger.rgba,[r.WARNING]:e.ui.background__warning.rgba},d=(e,t)=>(t?l[t]:void 0)??e,f=({$noBottomBorder:t,$state:n,$backgroundColor:r})=>`1px solid ${t?r:d(e.ui.background__medium.rgba,n)}`,p=t=>d(e.text.static_icons__default.rgba,t),m=({$variant:t,$state:n,$backgroundColor:a=e.ui.background__default.rgba})=>t===i.SCRIBBLED_OUT?`repeating-linear-gradient(
+import{colors as e}from"../../atoms/style/colors.js";import"../../atoms/enums/Theme.js";import{IconCellColors as t,IconCellStates as n,IconCellVariants as r}from"./IconCell.types.js";import{Icon as i}from"@equinor/eds-core-react";import{jsx as a}from"react/jsx-runtime";const o=(e,t)=>e&&typeof e==`object`&&`prefix`in e?a(i,{data:e,color:t}):e,s=(n,r)=>{switch(n){case t.GREEN:case t.SUCCESS:return r===`light`?{backgroundColor:e.interactive.success__highlight.rgba,iconColor:e.dataviz.darkgreen.default}:{backgroundColor:e.dataviz.darkgreen.default,iconColor:e.dataviz.lightgreen.lighter};case t.RED:case t.ERROR:return r===`light`?{backgroundColor:e.interactive.danger__highlight.rgba,iconColor:e.interactive.danger__text.rgba}:{backgroundColor:e.ui.background__danger.rgba,iconColor:e.text.static_icons__default.rgba};case t.ORANGE:case t.WARNING:return r===`light`?{backgroundColor:e.interactive.warning__highlight.rgba,iconColor:e.dataviz.darkyellow.darker}:{backgroundColor:e.ui.background__warning.rgba,iconColor:e.text.static_icons__default.rgba};case t.BLUE:return r===`light`?{backgroundColor:e.dataviz.lightblue.lighter,iconColor:e.dataviz.primary.darker}:{backgroundColor:e.dataviz.darkblue.default,iconColor:e.dataviz.lightblue.lighter};case t.LIGHTGREY:return r===`light`?{backgroundColor:e.ui.background__light.rgba,iconColor:e.dataviz.lightgray.darker}:{backgroundColor:e.ui.background__heavy.rgba,iconColor:e.text.static_icons__secondary.rgba};case t.PINK:return r===`light`?{backgroundColor:e.dataviz.darkpink.lighter,iconColor:e.dataviz.darkpink.darker}:{backgroundColor:e.dataviz.darkpink.darker,iconColor:e.dataviz.darkpink.lighter};case t.YELLOW:return r===`light`?{backgroundColor:e.dataviz.lightyellow.lighter,iconColor:e.dataviz.darkyellow.darker}:{backgroundColor:e.dataviz.darkyellow.darker,iconColor:e.dataviz.lightyellow.lighter};case t.PURPLE:return r===`light`?{backgroundColor:e.dataviz.lightpurple.lighter,iconColor:e.dataviz.darkpurple.darker}:{backgroundColor:e.dataviz.darkpurple.darker,iconColor:e.dataviz.lightpurple.lighter};default:return r===`light`?{backgroundColor:e.ui.background__medium.rgba,iconColor:e.text.static_icons__default.rgba}:{backgroundColor:e.ui.background__light.rgba,iconColor:e.text.static_icons__default.rgba}}},c={[n.ERROR]:e.interactive.danger__resting.rgba,[n.WARNING]:e.interactive.warning__resting.rgba},l={[n.ERROR]:e.ui.background__danger.rgba,[n.WARNING]:e.ui.background__warning.rgba},u=(e,t)=>(t?c[t]:void 0)??e,d=({$noBottomBorder:t,$state:n,$backgroundColor:r})=>`1px solid ${t?r:u(e.ui.background__medium.rgba,n)}`,f=t=>u(e.text.static_icons__default.rgba,t),p=({$variant:t,$state:i,$backgroundColor:a=e.ui.background__default.rgba})=>t===r.SCRIBBLED_OUT?`repeating-linear-gradient(
       20deg,
       ${e.ui.background__light_medium.rgba} 0px,
       ${e.ui.background__default.rgba} 1px,
       ${e.ui.background__default.rgba} 10px,
       ${e.ui.background__light_medium.rgba} 11px,
       ${e.ui.background__light_medium.rgba} 12px
-    )`:t===i.COLOURED?n===r.ERROR?u[r.ERROR]:n===r.WARNING?u[r.WARNING]:a:`transparent`;export{m as getBackground,f as getBorderBottom,c as getIconCellColor,p as getSelectedBorder,s as renderContent,u as stateBGColor};
+    )`:t===r.COLOURED?i===n.ERROR?l[n.ERROR]:i===n.WARNING?l[n.WARNING]:a:`transparent`;export{p as getBackground,d as getBorderBottom,s as getIconCellColor,f as getSelectedBorder,o as renderContent,l as stateBGColor};

package/dist/molecules/ListItem/ListItem.d.ts

@@ -1,4 +1,4 @@
-import * as react153 from "react";
+import * as react157 from "react";
 import { FocusEventHandler, HTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -15,6 +15,6 @@ interface ListItemProps extends HTMLAttributes<HTMLButtonElement> {
   isChild?: boolean;
   borderBottom?: boolean;
 }
-declare const ListItem: react153.ForwardRefExoticComponent<ListItemProps & react153.RefAttributes<HTMLButtonElement>>;
+declare const ListItem: react157.ForwardRefExoticComponent<ListItemProps & react157.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ListItem, ListItemProps };

package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts

@@ -1,4 +1,4 @@
-import * as react18 from "react";
+import * as react20 from "react";
 import { TooltipProps } from "@equinor/eds-core-react";
 import * as _floating_ui_utils0 from "@floating-ui/utils";
 
@@ -6,14 +6,14 @@ import * as _floating_ui_utils0 from "@floating-ui/utils";
 type OptionalTooltipProps = {
   textTransform?: string;
 } & TooltipProps;
-declare const OptionalTooltip: react18.ForwardRefExoticComponent<{
+declare const OptionalTooltip: react20.ForwardRefExoticComponent<{
   textTransform?: string;
 } & {
   placement?: _floating_ui_utils0.Placement;
-  title?: react18.ReactNode;
+  title?: react20.ReactNode;
   children: React.ReactElement & React.RefAttributes<HTMLElement>;
   enterDelay?: number;
   portalContainer?: HTMLElement;
-} & Omit<react18.HTMLAttributes<HTMLDivElement>, "title"> & react18.RefAttributes<HTMLDivElement>>;
+} & Omit<react20.HTMLAttributes<HTMLDivElement>, "title"> & react20.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { OptionalTooltip, OptionalTooltipProps };

package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts

@@ -1,4 +1,4 @@
-import * as react33 from "react";
+import * as react18 from "react";
 
 //#region src/molecules/ProfileAvatar/ProfileAvatar.d.ts
 interface ProfileAvatarProps {
@@ -7,6 +7,6 @@ interface ProfileAvatarProps {
   size?: 'small' | 'small-medium' | 'medium' | 'large' | 'x-large' | number;
   disabled?: boolean;
 }
-declare const ProfileAvatar: react33.ForwardRefExoticComponent<ProfileAvatarProps & react33.RefAttributes<HTMLDivElement>>;
+declare const ProfileAvatar: react18.ForwardRefExoticComponent<ProfileAvatarProps & react18.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ProfileAvatar, ProfileAvatarProps };

package/dist/molecules/RichTextEditor/MenuBar/AddImageButton.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{useRef as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{camera_add_photo as o}from"@equinor/eds-icons";const s=({onImageUpload:s,editor:c,features:l})=>{let u=n(null);return l&&!l.includes(e.IMAGES)?null:a(r,{children:[i(`input`,{ref:u,type:`file`,id:`img-input`,multiple:!1,onChange:async e=>{let t=e.target.files;if(!t?.[0]){console.error(`Files undefined`);return}let n=await s?.(t[0]);n&&c?.chain().focus().setImage({src:n.src,alt:n.alt}).run()},style:{display:`none`},accept:`image/*, video/*`}),i(t.Button,{"data-testid":`add-image-button`,icon:o,onClick:()=>{u.current&&u.current.click()},tooltip:`Add Image`})]})};export{s as AddImageButton};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{useRef as t}from"react";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";import{camera_add_photo as a}from"@equinor/eds-icons";const o=({onImageUpload:o,editor:s,features:c})=>{let l=t(null);return c&&!c.includes(`images`)?null:i(n,{children:[r(`input`,{ref:l,type:`file`,id:`img-input`,multiple:!1,onChange:async e=>{let t=e.target.files;if(!t?.[0]){console.error(`Files undefined`);return}let n=await o?.(t[0]);n&&s?.chain().focus().setImage({src:n.src,alt:n.alt}).run()},style:{display:`none`},accept:`image/*, video/*`}),r(e.Button,{"data-testid":`add-image-button`,icon:a,onClick:()=>{l.current&&l.current.click()},tooltip:`Add Image`})]})};export{o as AddImageButton};

package/dist/molecules/RichTextEditor/MenuBar/Table/Table.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../../RichTextEditor.types.js";import{MenuButton as t}from"../MenuButton.js";import{jsx as n}from"react/jsx-runtime";import{table_chart as r}from"@equinor/eds-icons";const i=({editor:i,features:a})=>{if(!(a&&!a.includes(e.TABLE))&&!i.isActive(`table`))return n(t,{"data-testid":`add-table-button`,icon:r,onClick:()=>{i.chain().focus().insertTable({rows:1,cols:3,withHeaderRow:!1}).run()},tooltip:`Add Table`})};export{i as TextTable};
+import"../../RichTextEditor.types.js";import{MenuButton as e}from"../MenuButton.js";import{jsx as t}from"react/jsx-runtime";import{table_chart as n}from"@equinor/eds-icons";const r=({editor:r,features:i})=>{if(!(i&&!i.includes(`table`))&&!r.isActive(`table`))return t(e,{"data-testid":`add-table-button`,icon:n,onClick:()=>{r.chain().focus().insertTable({rows:1,cols:3,withHeaderRow:!1}).run()},tooltip:`Add Table`})};export{r as TextTable};

package/dist/molecules/RichTextEditor/MenuBar/TextAlignment.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{format_align_center as i,format_align_left as a,format_align_right as o}from"@equinor/eds-icons";const s=({editor:s,features:c})=>{let l=()=>s.chain().focus().setTextAlign(`left`).run(),u=()=>s.chain().focus().setTextAlign(`center`).run(),d=()=>s.chain().focus().setTextAlign(`right`).run();if(!(c&&!c.includes(e.ALIGNMENT)))return r(t.Section,{children:[n(t.Button,{active:s.isActive({textAlign:`left`}),"data-testid":`align-left-button`,icon:a,onClick:l,tooltip:`Align Left`}),n(t.Button,{active:s.isActive({textAlign:`center`}),"data-testid":`align-center-button`,icon:i,onClick:u,tooltip:`Align Center`}),n(t.Button,{active:s.isActive({textAlign:`right`}),"data-testid":`align-right-button`,icon:o,onClick:d,tooltip:`Align Right`})]})};export{s as TextAlignment};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{format_align_center as r,format_align_left as i,format_align_right as a}from"@equinor/eds-icons";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().setTextAlign(`left`).run(),l=()=>o.chain().focus().setTextAlign(`center`).run(),u=()=>o.chain().focus().setTextAlign(`right`).run();if(!(s&&!s.includes(`alignment`)))return n(e.Section,{children:[t(e.Button,{active:o.isActive({textAlign:`left`}),"data-testid":`align-left-button`,icon:i,onClick:c,tooltip:`Align Left`}),t(e.Button,{active:o.isActive({textAlign:`center`}),"data-testid":`align-center-button`,icon:r,onClick:l,tooltip:`Align Center`}),t(e.Button,{active:o.isActive({textAlign:`right`}),"data-testid":`align-right-button`,icon:a,onClick:u,tooltip:`Align Right`})]})};export{o as TextAlignment};

package/dist/molecules/RichTextEditor/MenuBar/TextClearFormatting.js

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{EditorMenu as n}from"./MenuBar.js";import r from"styled-components";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{format_clear as s}from"@equinor/eds-icons";const{colors:c}=e,l=r.hr`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import n from"styled-components";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{format_clear as o}from"@equinor/eds-icons";const{colors:s}=e,c=n.hr`
   width: 1px;
-  background: ${c.ui.background__medium.rgba};
-`,u=({editor:e,features:r})=>{let c=()=>e.chain().focus().clearNodes().unsetAllMarks().run();if(!(r&&!r.includes(t.CLEAR_FORMATTING)))return o(i,{children:[a(l,{}),a(n.Button,{icon:s,onClick:c,"data-testid":`clear-formatting`,tooltip:`Clear Formatting`})]})};export{u as TextClearFormatting};
+  background: ${s.ui.background__medium.rgba};
+`,l=({editor:e,features:n})=>{let s=()=>e.chain().focus().clearNodes().unsetAllMarks().run();if(!(n&&!n.includes(`clear-formatting`)))return a(r,{children:[i(c,{}),i(t.Button,{icon:o,onClick:s,"data-testid":`clear-formatting`,tooltip:`Clear Formatting`})]})};export{l as TextClearFormatting};

package/dist/molecules/RichTextEditor/MenuBar/TextCode.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n}from"react/jsx-runtime";import{code as r}from"@equinor/eds-icons";const i=({editor:i,features:a})=>{let o=()=>i.chain().focus().toggleCodeBlock().run();if(!(a&&!a.includes(e.CODE)))return n(t.Button,{active:i.isActive(`codeBlock`),icon:r,onClick:o,"data-testid":`code-button`,tooltip:`Code Block`})};export{i as TextCode};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t}from"react/jsx-runtime";import{code as n}from"@equinor/eds-icons";const r=({editor:r,features:i})=>{let a=()=>r.chain().focus().toggleCodeBlock().run();if(!(i&&!i.includes(`code`)))return t(e.Button,{active:r.isActive(`codeBlock`),icon:n,onClick:a,"data-testid":`code-button`,tooltip:`Code Block`})};export{r as TextCode};

package/dist/molecules/RichTextEditor/MenuBar/TextColor.js

@@ -1,15 +1,15 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{OptionalTooltip as n}from"../../OptionalTooltip/OptionalTooltip.js";import{Icon as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{format_color_text as s}from"@equinor/eds-icons";const{colors:c,spacings:l,shape:u}=e,d=i.div`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../RichTextEditor.types.js";import{OptionalTooltip as t}from"../../OptionalTooltip/OptionalTooltip.js";import{Icon as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{format_color_text as o}from"@equinor/eds-icons";const{colors:s,spacings:c,shape:l}=e,u=r.div`
   display: flex;
   flex-direction: column;
-  gap: ${l.comfortable.medium};
+  gap: ${c.comfortable.medium};
   position: relative;
-  background: ${c.ui.background__light.rgba};
-  border-radius: ${u.button.borderRadius};
+  background: ${s.ui.background__light.rgba};
+  border-radius: ${l.button.borderRadius};
   transition: 200ms background;
   > input {
-    border-radius: ${u.button.borderRadius};
-    width: calc(24px + (${l.comfortable.x_small}) * 2);
-    height: calc(24px + (${l.comfortable.x_small}) * 2);
+    border-radius: ${l.button.borderRadius};
+    width: calc(24px + (${c.comfortable.x_small}) * 2);
+    height: calc(24px + (${c.comfortable.x_small}) * 2);
     opacity: 0;
     &:hover {
       cursor: pointer;
@@ -19,27 +19,27 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
     }
   }
   svg {
-    fill: ${c.interactive.primary__resting.rgba};
+    fill: ${s.interactive.primary__resting.rgba};
     transition: 200ms fill;
   }
   &:hover {
-    background: ${c.interactive.primary__hover_alt.rgba};
+    background: ${s.interactive.primary__hover_alt.rgba};
 
     svg {
-      fill: ${c.interactive.primary__hover.rgba};
+      fill: ${s.interactive.primary__hover.rgba};
     }
   }
-`,f=i.span`
+`,d=r.span`
   position: absolute;
   left: 50%;
-  top: calc(50% + ${l.comfortable.x_small} / 2);
+  top: calc(50% + ${c.comfortable.x_small} / 2);
   transform: translate(-50%, -50%);
   pointer-events: none;
-`,p=i.span`
+`,f=r.span`
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 5px;
   height: 4px;
   width: 24px;
-`,m=({editor:e,features:i})=>i&&!i.includes(t.TEXT_COLOR)?null:a(n,{title:`Text Color`,enterDelay:300,children:o(d,{children:[a(`input`,{type:`color`,onChange:t=>{e.chain().focus().setColor(t.target.value).run()},"data-testid":`text-color-input`,value:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}),a(f,{children:a(r,{data:s})}),a(p,{style:{background:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}})]})});export{m as TextColor};
+`,p=({editor:e,features:r})=>r&&!r.includes(`text-color`)?null:i(t,{title:`Text Color`,enterDelay:300,children:a(u,{children:[i(`input`,{type:`color`,onChange:t=>{e.chain().focus().setColor(t.target.value).run()},"data-testid":`text-color-input`,value:e.getAttributes(`textStyle`)?.color||s.text.static_icons__default.hex}),i(d,{children:i(n,{data:o})}),i(f,{style:{background:e.getAttributes(`textStyle`)?.color||s.text.static_icons__default.hex}})]})});export{p as TextColor};

package/dist/molecules/RichTextEditor/MenuBar/TextFormatting.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{format_bold as i,format_italics as a}from"@equinor/eds-icons";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().toggleBold().run(),l=()=>o.chain().focus().toggleItalic().run();if(!(s&&!s.includes(e.FORMATTING)))return r(t.Section,{children:[n(t.Button,{active:o.isActive(`bold`),"data-testid":`bold-button`,icon:i,onClick:c,tooltip:`Bold`}),n(t.Button,{active:o.isActive(`italic`),"data-testid":`italic-button`,icon:a,onClick:l,tooltip:`Italic`})]})};export{o as TextFormatting};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{format_bold as r,format_italics as i}from"@equinor/eds-icons";const a=({editor:a,features:o})=>{let s=()=>a.chain().focus().toggleBold().run(),c=()=>a.chain().focus().toggleItalic().run();if(!(o&&!o.includes(`formatting`)))return n(e.Section,{children:[t(e.Button,{active:a.isActive(`bold`),"data-testid":`bold-button`,icon:r,onClick:s,tooltip:`Bold`}),t(e.Button,{active:a.isActive(`italic`),"data-testid":`italic-button`,icon:i,onClick:c,tooltip:`Italic`})]})};export{a as TextFormatting};

package/dist/molecules/RichTextEditor/MenuBar/TextHeaders.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{amplify_h2 as t,amplify_h3 as n}from"../../../atoms/icons/wysiwyg.js";import{EditorMenu as r}from"./MenuBar.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().toggleHeading({level:2}).run(),l=()=>o.chain().focus().toggleHeading({level:3}).run();if(!(s&&!s.includes(e.HEADERS)))return a(r.Section,{children:[i(r.Button,{"data-testid":`h2-button`,active:o.isActive(`heading`,{level:2}),icon:t,onClick:c,tooltip:`Heading 2`}),i(r.Button,{"data-testid":`h3-button`,active:o.isActive(`heading`,{level:3}),icon:n,onClick:l,tooltip:`Heading 3`})]})};export{o as TextHeaders};
+import"../RichTextEditor.types.js";import{amplify_h2 as e,amplify_h3 as t}from"../../../atoms/icons/wysiwyg.js";import{EditorMenu as n}from"./MenuBar.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({editor:a,features:o})=>{let s=()=>a.chain().focus().toggleHeading({level:2}).run(),c=()=>a.chain().focus().toggleHeading({level:3}).run();if(!(o&&!o.includes(`headers`)))return i(n.Section,{children:[r(n.Button,{"data-testid":`h2-button`,active:a.isActive(`heading`,{level:2}),icon:e,onClick:s,tooltip:`Heading 2`}),r(n.Button,{"data-testid":`h3-button`,active:a.isActive(`heading`,{level:3}),icon:t,onClick:c,tooltip:`Heading 3`})]})};export{a as TextHeaders};

package/dist/molecules/RichTextEditor/MenuBar/TextHighlight.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n}from"react/jsx-runtime";import{format_color_fill as r}from"@equinor/eds-icons";const i=({editor:i,features:a})=>a&&!a.includes(e.HIGHLIGHT)?null:n(t.Button,{"data-testid":`highlight-button`,active:i.isActive(`highlight`),icon:r,onClick:()=>i.chain().focus().toggleHighlight().run(),tooltip:`Highlight`});export{i as TextHighlight};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t}from"react/jsx-runtime";import{format_color_fill as n}from"@equinor/eds-icons";const r=({editor:r,features:i})=>i&&!i.includes(`highlight`)?null:t(e.Button,{"data-testid":`highlight-button`,active:r.isActive(`highlight`),icon:n,onClick:()=>r.chain().focus().toggleHighlight().run(),tooltip:`Highlight`});export{r as TextHighlight};

package/dist/molecules/RichTextEditor/MenuBar/TextHistory.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{redo as i,undo as a}from"@equinor/eds-icons";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().undo().run(),l=()=>o.chain().focus().redo().run();if(!(s&&!s.includes(e.UNDO_REDO)))return r(t.Section,{children:[n(t.Button,{icon:a,onClick:c,"data-testid":`undo-button`,disabled:!o.can().undo(),tooltip:`Undo`}),n(t.Button,{icon:i,onClick:l,"data-testid":`redo-button`,disabled:!o.can().redo(),tooltip:`Redo`})]})};export{o as TextHistory};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{redo as r,undo as i}from"@equinor/eds-icons";const a=({editor:a,features:o})=>{let s=()=>a.chain().focus().undo().run(),c=()=>a.chain().focus().redo().run();if(!(o&&!o.includes(`undoRedo`)))return n(e.Section,{children:[t(e.Button,{icon:i,onClick:s,"data-testid":`undo-button`,disabled:!a.can().undo(),tooltip:`Undo`}),t(e.Button,{icon:r,onClick:c,"data-testid":`redo-button`,disabled:!a.can().redo(),tooltip:`Redo`})]})};export{a as TextHistory};

package/dist/molecules/RichTextEditor/MenuBar/TextLinks.js

@@ -1,6 +1,6 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{isValidUrl as n}from"../../../atoms/utils/url.js";import{TextField as r}from"../../TextField/TextField.js";import{EditorMenu as i}from"./MenuBar.js";import{useRef as a,useState as o}from"react";import{Button as s,Icon as c,Popover as l}from"@equinor/eds-core-react";import u from"styled-components";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{link as m,link_off as h}from"@equinor/eds-icons";const{spacings:g}=e,_=u.div`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../RichTextEditor.types.js";import{isValidUrl as t}from"../../../atoms/utils/url.js";import{TextField as n}from"../../TextField/TextField.js";import{EditorMenu as r}from"./MenuBar.js";import{useRef as i,useState as a}from"react";import{Button as o,Icon as s,Popover as c}from"@equinor/eds-core-react";import l from"styled-components";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{link as p,link_off as m}from"@equinor/eds-icons";const{spacings:h}=e,g=l.div`
   display: flex;
-  gap: ${g.comfortable.medium};
-  padding: ${g.comfortable.small};
+  gap: ${h.comfortable.medium};
+  padding: ${h.comfortable.small};
   width: 15rem;
-`,v=({editor:e,features:u})=>{let[g,v]=o(!1),y=a(null),b=a(``),[x,S]=o(!1),C=()=>{v(e=>!e),e.chain().focus().setHighlight({color:`#accef7`}).run()},w=()=>{v(!1),b.current=``,e.chain().focus().unsetHighlight().run()},T=e=>{b.current=e.target.value},E=e=>{e.key===`Enter`&&D()},D=()=>{if(!n(b.current)){S(!0);return}b.current.includes(`http`)||(b.current=`https://${b.current}`),e.chain().focus().extendMarkRange(`link`).setLink({href:b.current}).run(),w(),x&&S(!1)},O=()=>e?.chain().focus().unsetLink().run();if(!(u&&!u.includes(t.LINKS)))return p(d,{children:[p(i.Section,{children:[f(i.Button,{active:g,ref:y,icon:m,onClick:C,disabled:e.state.selection.empty,"data-testid":`link-button`,tooltip:`Link`}),f(i.Button,{icon:h,onClick:O,disabled:!e.isActive(`link`),"data-testid":`unsetlink-button`,tooltip:`Remove Link`})]}),g&&f(l,{open:!0,anchorEl:y.current,onClose:w,children:p(_,{children:[f(r,{id:`link`,placeholder:`Insert link`,autoComplete:`off`,autoFocus:!0,inputIcon:f(c,{data:m}),onChange:T,onKeyDown:E,variant:x?`error`:void 0}),f(s,{variant:`outlined`,onClick:D,children:`Save`})]})})]})};export{v as TextLinks};
+`,_=({editor:e,features:l})=>{let[h,_]=a(!1),v=i(null),y=i(``),[b,x]=a(!1),S=()=>{_(e=>!e),e.chain().focus().setHighlight({color:`#accef7`}).run()},C=()=>{_(!1),y.current=``,e.chain().focus().unsetHighlight().run()},w=e=>{y.current=e.target.value},T=e=>{e.key===`Enter`&&E()},E=()=>{if(!t(y.current)){x(!0);return}y.current.includes(`http`)||(y.current=`https://${y.current}`),e.chain().focus().extendMarkRange(`link`).setLink({href:y.current}).run(),C(),b&&x(!1)},D=()=>e?.chain().focus().unsetLink().run();if(!(l&&!l.includes(`links`)))return f(u,{children:[f(r.Section,{children:[d(r.Button,{active:h,ref:v,icon:p,onClick:S,disabled:e.state.selection.empty,"data-testid":`link-button`,tooltip:`Link`}),d(r.Button,{icon:m,onClick:D,disabled:!e.isActive(`link`),"data-testid":`unsetlink-button`,tooltip:`Remove Link`})]}),h&&d(c,{open:!0,anchorEl:v.current,onClose:C,children:f(g,{children:[d(n,{id:`link`,placeholder:`Insert link`,autoComplete:`off`,autoFocus:!0,inputIcon:d(s,{data:p}),onChange:w,onKeyDown:T,variant:b?`error`:void 0}),d(o,{variant:`outlined`,onClick:E,children:`Save`})]})})]})};export{_ as TextLinks};

package/dist/molecules/RichTextEditor/MenuBar/TextLists.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{format_list_bulleted as i,format_list_numbered as a}from"@equinor/eds-icons";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().toggleBulletList().run(),l=()=>o.chain().focus().toggleOrderedList().run();if(!(s&&!s.includes(e.LISTS)))return r(t.Section,{children:[n(t.Button,{active:o.isActive(`bulletList`),icon:i,onClick:c,"data-testid":`bullet-list-button`,tooltip:`Bullet List`}),n(t.Button,{active:o.isActive(`orderedList`),icon:a,onClick:l,"data-testid":`ordered-list-button`,tooltip:`Ordered List`})]})};export{o as TextLists};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{format_list_bulleted as r,format_list_numbered as i}from"@equinor/eds-icons";const a=({editor:a,features:o})=>{let s=()=>a.chain().focus().toggleBulletList().run(),c=()=>a.chain().focus().toggleOrderedList().run();if(!(o&&!o.includes(`lists`)))return n(e.Section,{children:[t(e.Button,{active:a.isActive(`bulletList`),icon:r,onClick:s,"data-testid":`bullet-list-button`,tooltip:`Bullet List`}),t(e.Button,{active:a.isActive(`orderedList`),icon:i,onClick:c,"data-testid":`ordered-list-button`,tooltip:`Ordered List`})]})};export{a as TextLists};

package/dist/molecules/RichTextEditor/RichTextEditor.types.js

@@ -1 +1 @@
-let e=function(e){return e.UNDO_REDO=`undoRedo`,e.FORMATTING=`formatting`,e.HEADERS=`headers`,e.LISTS=`lists`,e.TEXT_COLOR=`text-color`,e.CODE=`code`,e.ALIGNMENT=`alignment`,e.LINKS=`links`,e.IMAGES=`images`,e.CLEAR_FORMATTING=`clear-formatting`,e.TABLE=`table`,e.HIGHLIGHT=`highlight`,e}({});const t=[e.UNDO_REDO,e.FORMATTING,e.HEADERS,e.LISTS,e.TEXT_COLOR,e.CODE,e.ALIGNMENT,e.LINKS,e.IMAGES,e.TABLE,e.CLEAR_FORMATTING];export{t as DEFAULT_FEATURES,e as RichTextEditorFeatures};
+let e=function(e){return e.UNDO_REDO=`undoRedo`,e.FORMATTING=`formatting`,e.HEADERS=`headers`,e.LISTS=`lists`,e.TEXT_COLOR=`text-color`,e.CODE=`code`,e.ALIGNMENT=`alignment`,e.LINKS=`links`,e.IMAGES=`images`,e.CLEAR_FORMATTING=`clear-formatting`,e.TABLE=`table`,e.HIGHLIGHT=`highlight`,e}({});const t=[`undoRedo`,`formatting`,`headers`,`lists`,`text-color`,`code`,`alignment`,`links`,`images`,`table`,`clear-formatting`];export{t as DEFAULT_FEATURES,e as RichTextEditorFeatures};

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

@@ -2,17 +2,17 @@ import { EditorStylingProps, RichTextContentProps } from "./RichTextEditor.style
 import { EditorProviderProps } from "./EditorProvider.js";
 import { MenuBarProps } from "./MenuBar/MenuBar.js";
 import { RichTextEditor } from "./RichTextEditor.js";
-import * as react22 from "react";
+import * as react24 from "react";
 import * as styled_components0 from "styled-components";
 import * as _tiptap_react0 from "@tiptap/react";
 import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/molecules/RichTextEditor/index.d.ts
 declare const RichText: {
-  Styling: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<react22.DetailedHTMLProps<react22.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never> & Partial<Pick<styled_components0.FastOmit<react22.DetailedHTMLProps<react22.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never>>> & string;
-  Provider: react22.FC<EditorProviderProps>;
-  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react22.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never> & Partial<Pick<styled_components0.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react22.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never>>> & string & Omit<react22.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react22.RefAttributes<HTMLDivElement>>, keyof react22.Component<any, {}, any>>;
-  Bar: react22.FC<MenuBarProps>;
+  Styling: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<react24.DetailedHTMLProps<react24.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never> & Partial<Pick<styled_components0.FastOmit<react24.DetailedHTMLProps<react24.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never>>> & string;
+  Provider: react24.FC<EditorProviderProps>;
+  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react24.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never> & Partial<Pick<styled_components0.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react24.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never>>> & string & Omit<react24.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react24.RefAttributes<HTMLDivElement>>, keyof react24.Component<any, {}, any>>;
+  Bar: react24.FC<MenuBarProps>;
 };
 //#endregion
 export { RichText };

package/dist/molecules/Search/Search.d.ts

@@ -1,10 +1,10 @@
-import * as react49 from "react";
+import * as react53 from "react";
 import { SearchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/Search/Search.d.ts
 interface SearchProps$1 extends SearchProps {
   lightBackground?: boolean;
 }
-declare const Search$1: react49.ForwardRefExoticComponent<SearchProps$1 & react49.RefAttributes<HTMLInputElement>>;
+declare const Search$1: react53.ForwardRefExoticComponent<SearchProps$1 & react53.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Search$1 as Search };

package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react155 from "react";
+import * as react153 from "react";
 import { CheckboxProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Checkbox/Checkbox.d.ts
@@ -7,6 +7,6 @@ interface CheckboxProps$1 extends CheckboxProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Checkbox$1: react155.ForwardRefExoticComponent<CheckboxProps$1 & react155.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react153.ForwardRefExoticComponent<CheckboxProps$1 & react153.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Checkbox$1 as Checkbox, CheckboxProps$1 as CheckboxProps };

package/dist/molecules/SelectionControls/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
-import * as react159 from "react";
+import * as react155 from "react";
 import { RadioProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Radio/Radio.d.ts
@@ -7,6 +7,6 @@ interface RadioProps$1 extends RadioProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Radio$1: react159.ForwardRefExoticComponent<RadioProps$1 & react159.RefAttributes<HTMLInputElement>>;
+declare const Radio$1: react155.ForwardRefExoticComponent<RadioProps$1 & react155.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Radio$1 as Radio, RadioProps$1 as RadioProps };

package/dist/molecules/SelectionControls/Switch/Switch.d.ts

@@ -1,10 +1,10 @@
-import * as react157 from "react";
+import * as react159 from "react";
 import { SwitchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Switch/Switch.d.ts
 interface SwitchProps$1 extends SwitchProps {
   outlined?: boolean;
 }
-declare const Switch$1: react157.ForwardRefExoticComponent<SwitchProps$1 & react157.RefAttributes<HTMLInputElement>>;
+declare const Switch$1: react159.ForwardRefExoticComponent<SwitchProps$1 & react159.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };

package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts

@@ -1,4 +1,4 @@
-import * as react51 from "react";
+import * as react49 from "react";
 import * as styled_components8 from "styled-components";
 import * as styled_components_dist_types4 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
@@ -8,6 +8,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types4.IStyledComponentBase<"web", styled_components8.FastOmit<styled_components8.FastOmit<react51.DetailedHTMLProps<react51.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components8.FastOmit<react51.DetailedHTMLProps<react51.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
+declare const SkeletonBase: styled_components_dist_types4.IStyledComponentBase<"web", styled_components8.FastOmit<styled_components8.FastOmit<react49.DetailedHTMLProps<react49.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components8.FastOmit<react49.DetailedHTMLProps<react49.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

package/dist/molecules/TableHeader/TableHeader.js

@@ -1 +1 @@
-import{Button as e}from"../Button/Button.js";import{SpacingsMode as t}from"../../atoms/enums/SpacingsMode.js";import{getActionIconColor as n,getLeadingIcon as r,getLeadingIconColor as i,getSortingIcon as a,getTextColor as o}from"./TableHeader.utils.js";import{ActionsWrapper as s,Container as c,Wrapper as l}from"./TableHeader.styles.js";import{Icon as u,Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=({as:m=`th`,variant:h,onClick:g,sorting:_,leadingIcon:v,trailingAction:y,children:b})=>{let x=r({variant:h,leadingIcon:v});return f(l,{as:m,children:p(c,{$hasOnClick:!!g,$hasOnSort:!!_,$variant:h,onClick:e=>{g?g(e):_?.onSortClick?.(e)},children:[x&&f(u,{data:x,color:i({variant:h,onClick:g})}),f(d,{variant:`cell_header`,group:`table`,color:o({variant:h,onClick:g}),children:b}),(!!y||!!_)&&p(s,{children:[y&&f(e,{"data-spacings-mode":t.COMPACT,variant:`ghost_icon`,onClick:y.onClick,children:f(u,{data:y.icon,color:n({variant:h})})}),_?.isSorting&&f(e,{className:`sort-button`,onClick:g?_.onSortClick:void 0,"data-spacings-mode":t.COMPACT,variant:`ghost_icon`,children:f(u,{data:a(_.isSorting),color:n({variant:h})})})]})]})})};export{m as TableHeader};
+import{Button as e}from"../Button/Button.js";import"../../atoms/enums/SpacingsMode.js";import{getActionIconColor as t,getLeadingIcon as n,getLeadingIconColor as r,getSortingIcon as i,getTextColor as a}from"./TableHeader.utils.js";import{ActionsWrapper as o,Container as s,Wrapper as c}from"./TableHeader.styles.js";import{Icon as l,Typography as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({as:p=`th`,variant:m,onClick:h,sorting:g,leadingIcon:_,trailingAction:v,children:y})=>{let b=n({variant:m,leadingIcon:_});return d(c,{as:p,children:f(s,{$hasOnClick:!!h,$hasOnSort:!!g,$variant:m,onClick:e=>{h?h(e):g?.onSortClick?.(e)},children:[b&&d(l,{data:b,color:r({variant:m,onClick:h})}),d(u,{variant:`cell_header`,group:`table`,color:a({variant:m,onClick:h}),children:y}),(!!v||!!g)&&f(o,{children:[v&&d(e,{"data-spacings-mode":`compact`,variant:`ghost_icon`,onClick:v.onClick,children:d(l,{data:v.icon,color:t({variant:m})})}),g?.isSorting&&d(e,{className:`sort-button`,onClick:h?g.onSortClick:void 0,"data-spacings-mode":`compact`,variant:`ghost_icon`,children:d(l,{data:i(g.isSorting),color:t({variant:m})})})]})]})})};export{p as TableHeader};

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

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

package/dist/organisms/Status/collections/BadRequest.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/BadRequest.d.ts
 interface BadRequestProps {
@@ -12,6 +12,6 @@ declare const BadRequest: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: BadRequestProps) => react_jsx_runtime8.JSX.Element;
+}: BadRequestProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { BadRequest };

package/dist/organisms/Status/collections/GenericError.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/GenericError.d.ts
 interface GenericErrorProps {
@@ -14,6 +14,6 @@ declare const GenericError: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: GenericErrorProps) => react_jsx_runtime9.JSX.Element;
+}: GenericErrorProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { GenericError };

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

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

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

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

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

@@ -1 +1 @@
-import{EnvironmentType as e}from"../../../atoms/enums/Environment.js";import{environment as t}from"../../../atoms/utils/auth_environment.js";import{useAuth as ee}from"../../../providers/AuthProvider/AuthProvider.js";import{useLocalStorage as n}from"../../../atoms/hooks/useLocalStorage.js";import{Button as r}from"../../../molecules/Button/Button.js";import{TopBarMenu as i}from"../TopBarMenu.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useCanImpersonate as o}from"./ImpersonateMenu/hooks/useCanImpersonate.js";import{useMappedRoles as s}from"./ImpersonateMenu/hooks/useMappedRoles.js";import{useStopImpersonation as te}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{ButtonWrapper as c,Container as l,EnvironmentToggleWrapper as u,TextContent as d}from"./Account.styles.js";import{impersonateUserDtoToFullName as f}from"./ImpersonateMenu/Impersonate.utils.js";import{ImpersonateMenu as p}from"./ImpersonateMenu/ImpersonateMenu.js";import{AccountAvatar as m}from"./AccountAvatar.js";import{AccountButton as h}from"./AccountButton.js";import{ActiveUserImpersonationButton as ne}from"./ActiveUserImpersonationButton.js";import{ImpersonateButton as re}from"./ImpersonateButton.js";import{RoleList as ie}from"./RoleList.js";import{EnvironmentToggle as ae}from"./EnvironmentToggle.js";import{StatusChips as g}from"./StatusChips.js";import{useCallback as oe,useEffect as _,useMemo as v,useRef as y,useState as b}from"react";import{Icon as x,Typography as S}from"@equinor/eds-core-react";import{Fragment as C,jsx as w,jsxs as T}from"react/jsx-runtime";import{log_out as E}from"@equinor/eds-icons";import{ENVIRONMENT_TOGGLE_KEY as D}from"@equinor/subsurface-app-management";const O=({renderCustomButton:O,hideRoles:k=!1,useDisplayNameForRole:A=!1,children:j,enableEnvironmentToggle:M=!1,onImpersonateChange:N})=>{let P=t.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME),F=t.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),I=t.getAppName(import.meta.env.VITE_NAME),{account:L,roles:R,logout:z}=ee(),[B,V]=b(!1),[H,U]=b(!1),[W,G]=n(D,[]),K=y(null),{data:q=!0}=o(),{data:J}=a(),{mutate:Y}=te(),X=s(J?J.roles:R??[],A),se=J?f(J):L?.name,ce=J?J.uniqueName:L?.username,Z=()=>V(!1),Q=oe(()=>{V(e=>!e),U(!1)},[]),$=()=>{U(!0),V(!1)};return _(()=>{J&&J.appName!=null&&J.appName.toUpperCase()!=I.toUpperCase()&&Y()},[J,I,Y]),T(C,{children:[v(()=>O?O(K,Q):null,[O,Q])||w(h,{ref:K,onClick:Q,environmentToggle:W}),T(i,{open:B,title:`Account`,onClose:Z,anchorEl:K.current,children:[T(l,{children:[J&&w(ne,{onClick:$}),w(m,{environmentToggle:W}),T(d,{children:[w(S,{variant:`h6`,children:se}),w(S,{children:ce})]}),W.length>0&&w(g,{statuses:W}),X&&!k&&w(C,{children:X.length<=3?w(g,{statuses:X}):w(ie,{roles:X})}),j,q&&P!==e.PRODUCTION&&F&&w(re,{onOpenImpersonateMenu:$,onClose:Z,onImpersonateChange:N})]}),M&&P!==e.PRODUCTION&&w(u,{children:w(ae,{setEnvironmentToggle:G,environmentToggle:W})}),w(c,{children:T(r,{variant:`ghost`,onClick:z,children:[w(x,{data:E}),`Log out`]})})]}),w(p,{open:H,onClose:()=>U(!1),anchorEl:K.current,onImpersonateChange:N})]})};O.displayName=`TopBar.Account`;export{O as Account};
+import"../../../atoms/enums/Environment.js";import{environment as e}from"../../../atoms/utils/auth_environment.js";import{useAuth as t}from"../../../providers/AuthProvider/AuthProvider.js";import{useLocalStorage as n}from"../../../atoms/hooks/useLocalStorage.js";import{Button as r}from"../../../molecules/Button/Button.js";import{TopBarMenu as i}from"../TopBarMenu.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useCanImpersonate as o}from"./ImpersonateMenu/hooks/useCanImpersonate.js";import{useMappedRoles as s}from"./ImpersonateMenu/hooks/useMappedRoles.js";import{useStopImpersonation as c}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{ButtonWrapper as ee,Container as l,EnvironmentToggleWrapper as te,TextContent as u}from"./Account.styles.js";import{impersonateUserDtoToFullName as d}from"./ImpersonateMenu/Impersonate.utils.js";import{ImpersonateMenu as f}from"./ImpersonateMenu/ImpersonateMenu.js";import{AccountAvatar as ne}from"./AccountAvatar.js";import{AccountButton as p}from"./AccountButton.js";import{ActiveUserImpersonationButton as m}from"./ActiveUserImpersonationButton.js";import{ImpersonateButton as h}from"./ImpersonateButton.js";import{RoleList as g}from"./RoleList.js";import{EnvironmentToggle as re}from"./EnvironmentToggle.js";import{StatusChips as _}from"./StatusChips.js";import{useCallback as ie,useEffect as ae,useMemo as v,useRef as y,useState as b}from"react";import{Icon as x,Typography as S}from"@equinor/eds-core-react";import{Fragment as C,jsx as w,jsxs as T}from"react/jsx-runtime";import{log_out as E}from"@equinor/eds-icons";import{ENVIRONMENT_TOGGLE_KEY as D}from"@equinor/subsurface-app-management";const O=({renderCustomButton:O,hideRoles:k=!1,useDisplayNameForRole:A=!1,children:j,enableEnvironmentToggle:M=!1,onImpersonateChange:N})=>{let P=e.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME),F=e.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),I=e.getAppName(import.meta.env.VITE_NAME),{account:L,roles:R,logout:z}=t(),[B,V]=b(!1),[H,U]=b(!1),[W,G]=n(D,[]),K=y(null),{data:q=!0}=o(),{data:J}=a(),{mutate:Y}=c(),X=s(J?J.roles:R??[],A),oe=J?d(J):L?.name,se=J?J.uniqueName:L?.username,Z=()=>V(!1),Q=ie(()=>{V(e=>!e),U(!1)},[]),$=()=>{U(!0),V(!1)};return ae(()=>{J&&J.appName!=null&&J.appName.toUpperCase()!=I.toUpperCase()&&Y()},[J,I,Y]),T(C,{children:[v(()=>O?O(K,Q):null,[O,Q])||w(p,{ref:K,onClick:Q,environmentToggle:W}),T(i,{open:B,title:`Account`,onClose:Z,anchorEl:K.current,children:[T(l,{children:[J&&w(m,{onClick:$}),w(ne,{environmentToggle:W}),T(u,{children:[w(S,{variant:`h6`,children:oe}),w(S,{children:se})]}),W.length>0&&w(_,{statuses:W}),X&&!k&&w(C,{children:X.length<=3?w(_,{statuses:X}):w(g,{roles:X})}),j,q&&P!==`production`&&F&&w(h,{onOpenImpersonateMenu:$,onClose:Z,onImpersonateChange:N})]}),M&&P!==`production`&&w(te,{children:w(re,{setEnvironmentToggle:G,environmentToggle:W})}),w(ee,{children:T(r,{variant:`ghost`,onClick:z,children:[w(x,{data:E}),`Log out`]})})]}),w(f,{open:H,onClose:()=>U(!1),anchorEl:K.current,onImpersonateChange:N})]})};O.displayName=`TopBar.Account`;export{O as Account};