@equinor/amplify-component-lib 10.10.1 → 11.0.0

package/dist/molecules/Select/Select.types.d.ts

@@ -1,5 +1,6 @@
 import { Variants } from "../../atoms/types/variants.js";
 import { FC, KeyboardEvent, ReactNode, RefObject } from "react";
+import { TooltipProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/Select/Select.types.d.ts
 interface SelectOptionRequired {
@@ -94,6 +95,8 @@ type CommonSelectProps<T extends SelectOptionRequired> = {
   inDialog?: boolean;
   onOpenCallback?: (value: boolean) => void;
   onSearchFilter?: (searchValue: string, item: T) => void;
+  explanation?: string;
+  explanationPosition?: TooltipProps['placement'];
   'data-testid'?: string;
 } & CustomMenuItemComponentProps<T>;
 //#endregion

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

@@ -1,4 +1,4 @@
-import * as react102 from "react";
+import * as react104 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: react102.ForwardRefExoticComponent<CheckboxProps$1 & react102.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react104.ForwardRefExoticComponent<CheckboxProps$1 & react104.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 react104 from "react";
+import * as react106 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: react104.ForwardRefExoticComponent<RadioProps$1 & react104.RefAttributes<HTMLInputElement>>;
+declare const Radio$1: react106.ForwardRefExoticComponent<RadioProps$1 & react106.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 react106 from "react";
+import * as react108 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: react106.ForwardRefExoticComponent<SwitchProps$1 & react106.RefAttributes<HTMLInputElement>>;
+declare const Switch$1: react108.ForwardRefExoticComponent<SwitchProps$1 & react108.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 react41 from "react";
+import * as react39 from "react";
 import * as styled_components_dist_types6 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
 
@@ -7,6 +7,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react41.DetailedHTMLProps<react41.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
+declare const SkeletonBase: styled_components_dist_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react39.DetailedHTMLProps<react39.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

package/dist/molecules/TextField/TextField.d.ts

@@ -1,12 +1,14 @@
 import { Variants } from "../../atoms/types/variants.js";
 import { FC, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
-import { TextFieldProps } from "@equinor/eds-core-react";
+import { TextFieldProps, TooltipProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/TextField/TextField.d.ts
 type TextFieldProps$1 = Omit<TextFieldProps, 'variant'> & {
   variant?: Variants;
   loading?: boolean;
   maxCharacters?: number;
+  explanation?: string;
+  explanationPosition?: TooltipProps['placement'];
 } & (TextareaHTMLAttributes<HTMLTextAreaElement> | InputHTMLAttributes<HTMLInputElement>);
 /**
  * @param loading - Show loading skeleton on top of the text field.

package/dist/molecules/TextField/TextField.js

@@ -1,4 +1,4 @@
-import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{SkeletonBase as s}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{useEffect as c,useRef as l,useState as u}from"react";import{TextField as d,Typography as f}from"@equinor/eds-core-react";import p,{css as m}from"styled-components";import{jsx as h,jsxs as g}from"react/jsx-runtime";const _=p.div`
+import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{SkeletonBase as s}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{InputExplanation as c}from"../InputExplanation/InputExplanation.js";import{useEffect as l,useRef as u,useState as d}from"react";import{TextField as f,Typography as p}from"@equinor/eds-core-react";import m,{css as h}from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=m.div`
   position: relative;
   height: fit-content;
   input,
@@ -10,7 +10,7 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
     &::placeholder {
       opacity: 1;
     }
-    &:hover {
+    &:hover:not(:disabled) {
       background: ${n.ui.background__light_medium.rgba};
     }
     &:disabled {
@@ -27,14 +27,14 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
     margin-right: ${({$helperRightWidth:e})=>e?`calc(${e}px + ${r.medium})`:0};
   }
 
-  ${({$variant:e,$disabled:r})=>r?m`
+  ${({$variant:e,$disabled:r})=>r?h`
         div {
           outline: none !important;
         }
         p {
           color: ${n.interactive.disabled__text.rgba} !important;
         }
-      `:e===void 0?m`
+      `:e===void 0?h`
         input:hover,
         textarea:hover {
           box-shadow: inset 0 -2px 0 0
@@ -48,8 +48,8 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
               ${n.interactive.primary__resting.rgba};
           }
         }
-      `:m`
-      ${e===`dirty`&&m`
+      `:h`
+      ${e===`dirty`&&h`
         input,
         textarea {
           box-shadow: inset 0 -2px 0 0 ${t[e]};
@@ -71,12 +71,16 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
         }
       }
     `}
-`,v=p(s)`
+`,y=m(s)`
   position: absolute;
   left: ${r.small};
   border-radius: ${i.corners.borderRadius};
   transform: translateY(${r.x_small});
-`,y=p(f)`
+`,b=m(p)`
   position: absolute;
   right: ${r.small};
-`,b=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');let i={...e,variant:e.variant===`dirty`?void 0:e.variant},s=e.loading?void 0:e.variant,f=o(e),p=a(e),m=l(`${Math.max(20,Math.random()*80)}%`),[b,x]=u(typeof e.value==`string`?e.value.length:0),[S,C]=u(0),w=e=>{if(e){let t=e.getBoundingClientRect().width;C(t)}},T=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&x(t.target.value.length)};return c(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==b&&x(e.value.length)},[b,e.maxCharacters,e.value]),g(_,{$variant:s,$disabled:e.loading?!1:e.disabled,$helperRightWidth:S,style:{marginBottom:!e.helperText&&e.maxCharacters?`calc(${r.small} + 1rem)`:0},children:[h(d,{...i,disabled:e.loading||e.disabled,onChange:T}),e.loading&&h(v,{className:`skeleton`,role:`progressbar`,style:{top:f,height:p,width:m.current}}),e.maxCharacters&&g(y,{ref:w,variant:`helper`,group:`input`,color:i.variant?t[i.variant]:n.text.static_icons__tertiary.rgba,style:{bottom:e.helperText?`0`:`calc((${r.small} + 1rem) * -1)`},children:[b,` / `,e.maxCharacters]})]})};export{b as TextField};
+`,x=m.div`
+  display: flex;
+  gap: ${r.x_small};
+  align-items: center;
+`,S=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');if(e.explanation&&!e.label)throw Error("`explanation` prop requires a `label` to be set on the TextField.");let i={...e,variant:e.variant===`dirty`?void 0:e.variant},s=e.loading?void 0:e.variant,p=o(e),m=a(e),h=u(`${Math.max(20,Math.random()*80)}%`),[S,C]=d(typeof e.value==`string`?e.value.length:0),[w,T]=d(0),E=e=>{if(e){let t=e.getBoundingClientRect().width;T(t)}},D=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&C(t.target.value.length)};return l(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==S&&C(e.value.length)},[S,e.maxCharacters,e.value]),_(v,{$variant:s,$disabled:e.loading?!1:e.disabled,$helperRightWidth:w,style:{marginBottom:!e.helperText&&e.maxCharacters?`calc(${r.small} + 1rem)`:0},children:[g(f,{...i,label:i.label?_(x,{children:[i.label,e.explanation&&g(c,{position:e.explanationPosition,children:e.explanation})]}):void 0,disabled:e.loading||e.disabled,onChange:D}),e.loading&&g(y,{className:`skeleton`,role:`progressbar`,style:{top:p,height:m,width:h.current}}),e.maxCharacters&&_(b,{ref:E,variant:`helper`,group:`input`,color:i.variant?t[i.variant]:n.text.static_icons__tertiary.rgba,style:{bottom:e.helperText?`0`:`calc((${r.small} + 1rem) * -1)`},children:[S,` / `,e.maxCharacters]})]})};export{S as TextField};

package/dist/organisms/PageTitle/PageTitle.js

@@ -1 +1 @@
-import{environment as e}from"../../atoms/utils/auth_environment.js";import{useEffect as t}from"react";const n=e.getAppName(import.meta.env.VITE_NAME),r=({title:e,children:r})=>(t(()=>{document.title!==e&&(document.title=`${n} - ${e}`)},[e]),r);export{r as PageTitle};
+import{environment as e}from"../../atoms/utils/auth_environment.js";import{useEffect as t}from"react";const n=e.getAppName(import.meta.env.VITE_NAME),r=({title:e,children:r})=>(t(()=>{let t=`${n} - ${e}`;document.title!==t&&(document.title=t)},[e]),r);export{r as PageTitle};

package/dist/organisms/ReleaseNote/ReleaseNote.d.ts

@@ -1,4 +1,4 @@
-import * as react111 from "react";
+import * as react113 from "react";
 import { ReactNode } from "react";
 import { ReleaseNote } from "@equinor/subsurface-app-management";
 
@@ -7,9 +7,9 @@ type ReleaseNoteProps = {
   actionMenu?: ReactNode;
   expanded?: boolean;
 } & ReleaseNote;
-declare const ReleaseNote$1: react111.ForwardRefExoticComponent<{
+declare const ReleaseNote$1: react113.ForwardRefExoticComponent<{
   actionMenu?: ReactNode;
   expanded?: boolean;
-} & ReleaseNote & react111.RefAttributes<HTMLDivElement>>;
+} & ReleaseNote & react113.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };

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

@@ -1 +1 @@
-import{useSideBar as e}from"../../../providers/SideBarProvider.js";import{OptionalTooltip as t}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as n,ItemText as r,Link as i,MenuItemWrapper as a}from"./MenuItem.styles.js";import{canNavigate as o,isCurrentUrl as s}from"./MenuItem.utils.js";import{useCallback as c,useMemo as l}from"react";import{Icon as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useLocation as p}from"@tanstack/react-router";import{Feature as m}from"@equinor/subsurface-app-management";const h=({icon:h,link:g,onClick:_,replace:v=!1,name:y,disabled:b=!1,featureUuid:x,...S})=>{let{pathname:C}=p(),w=s({currentUrl:C,link:g}),{isOpen:T}=e(),E=o({currentUrl:C,link:g,replace:v,disabled:b}),D=c(e=>{if(!E){e.preventDefault();return}_&&_()},[E,_]),O=l(()=>d(t,{title:y,placement:`right`,children:d(a,{children:f(i,{to:g,$active:w,"aria-disabled":b,$disabled:b,onClick:D,tabIndex:0,"data-testid":`sidebar-menu-item`,replace:v,...S,children:[d(n,{"data-testid":`icon-container`,children:d(u,{data:h,size:24})}),T&&d(r,{$active:w,$disabled:b,variant:`button`,group:`navigation`,children:y})]})})}),[b,D,h,w,T,g,y,S,v]);return x?d(m,{featureUuid:x,children:O}):O};export{h as BasicMenuItem};
+import{useSideBar as e}from"../../../providers/SideBarProvider.js";import{OptionalTooltip as t}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as n,ItemText as r,Link as i,MenuItemWrapper as a}from"./MenuItem.styles.js";import{canNavigate as o,isCurrentUrl as s}from"./MenuItem.utils.js";import{useCallback as c,useMemo as l}from"react";import{Icon as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useLocation as p}from"@tanstack/react-router";import{Feature as m}from"@equinor/subsurface-app-management";const h=({icon:h,onClick:g,replace:_=!1,name:v,disabled:y=!1,featureUuid:b,...x})=>{let{pathname:S}=p(),C=s({currentUrl:S,link:x.to}),{isOpen:w}=e(),T=o({currentUrl:S,link:x.to,replace:_,disabled:y}),E=c(e=>{if(!T){e.preventDefault();return}g&&g()},[T,g]),D=l(()=>d(t,{title:v,placement:`right`,children:d(a,{children:f(i,{$active:C,"aria-disabled":y,$disabled:y,onClick:E,tabIndex:0,"data-testid":`sidebar-menu-item`,...x,children:[d(n,{"data-testid":`icon-container`,children:d(u,{data:h,size:24})}),w&&d(r,{$active:C,$disabled:y,variant:`button`,group:`navigation`,children:v})]})})}),[y,E,h,C,w,v,x]);return b?d(m,{featureUuid:b,children:D}):D};export{h as BasicMenuItem};

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

@@ -45,4 +45,4 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   > p:first-child {
     grid-column: 2;
   }
-`,D=({icon:t,name:s,items:g,..._})=>{let{pathname:D}=w(),O=r(D),{isOpen:k}=n(),A=r(k),j=g.some(e=>l({currentUrl:D,link:e.link})),M=f(null),[N,P]=p(!1),F=()=>P(e=>!e);u(()=>{(A&&!k&&N||O!==D&&N&&!k)&&P(!1)},[N,k,D,A,O]);let I=d(()=>y(i,{title:s,placement:`right`,children:y(c,{children:b(T,{ref:M,$open:k,$active:j,$expanded:N,onClick:F,..._,children:[y(a,{"data-testid":`icon-container`,children:y(m,{data:t,size:24,color:e.interactive.primary__resting.rgba})}),k&&b(v,{children:[y(o,{$active:!1,$disabled:!1,variant:`button`,group:`navigation`,children:s}),y(m,{data:N?S:x,size:24,color:e.interactive.primary__resting.rgba})]})]})})}),[N,t,j,k,s,_]);return N&&k?b(v,{children:[I,g.map((e,t)=>y(E,{to:e.link,$active:l({currentUrl:D,link:e.link}),$disabled:e.disabled||!1,children:y(o,{$active:j,$disabled:e.disabled||!1,variant:`button`,group:`navigation`,children:e.name})},t))]}):N?b(v,{children:[I,y(h,{open:!0,anchorEl:M.current,placement:`right-start`,onClose:F,children:g.map(e=>y(h.Item,{as:C,active:l({currentUrl:D,link:e.link}),style:{width:`256px`},to:e.link,children:e.name},e.link))})]}):I};export{D as CollapsableMenuItem};
+`,D=({icon:t,name:s,items:g,..._})=>{let{pathname:D}=w(),O=r(D),{isOpen:k}=n(),A=r(k),j=g.some(e=>l({currentUrl:D,link:e.to})),M=f(null),[N,P]=p(!1),F=()=>P(e=>!e);u(()=>{(A&&!k&&N||O!==D&&N&&!k)&&P(!1)},[N,k,D,A,O]);let I=d(()=>y(i,{title:s,placement:`right`,children:y(c,{children:b(T,{ref:M,$open:k,$active:j,$expanded:N,onClick:F,..._,children:[y(a,{"data-testid":`icon-container`,children:y(m,{data:t,size:24,color:e.interactive.primary__resting.rgba})}),k&&b(v,{children:[y(o,{$active:!1,$disabled:!1,variant:`button`,group:`navigation`,children:s}),y(m,{data:N?S:x,size:24,color:e.interactive.primary__resting.rgba})]})]})})}),[N,t,j,k,s,_]);return N&&k?b(v,{children:[I,g.map((e,t)=>y(E,{$active:l({currentUrl:D,link:e.to}),$disabled:e.disabled||!1,...e,children:y(o,{$active:j,$disabled:e.disabled||!1,variant:`button`,group:`navigation`,children:e.name})},t))]}):N?b(v,{children:[I,y(h,{open:!0,anchorEl:M.current,placement:`right-start`,onClose:F,children:g.map(e=>y(h.Item,{as:C,active:l({currentUrl:D,link:e.to}),style:{width:`256px`},...e,children:e.name},e.to))})]}):I};export{D as CollapsableMenuItem};

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

@@ -3,10 +3,6 @@ import { FC } from "react";
 
 //#region src/organisms/SideBar/MenuItem/MenuItem.d.ts
 type MenuItemProps = {
-  /**
-   * @deprecated - currentUrl is not needed anymore, useLocation from react router is used internally
-   */
-  currentUrl?: string;
   disabled?: boolean;
 } & SideBarMenuItem;
 declare const MenuItem: FC<MenuItemProps>;

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

@@ -1,6 +1,6 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{Link as i}from"@tanstack/react-router";const a=r.span`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{createLink as i}from"@tanstack/react-router";const a=r.span`
   width: 100%;
-`,o=r(i)`
+`,o=i(r.a`
   display: flex;
   align-self: stretch;
   align-items: center;
@@ -24,7 +24,7 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
       fill: ${({$disabled:t,$active:n})=>!t&&!n&&e.interactive.primary__hover.rgba};
     }
   }
-`,s=r.div`
+`),s=r.div`
   display: flex;
   padding: ${t.x_small};
   align-items: center;

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

@@ -1,4 +1,4 @@
-import * as react127 from "react";
+import * as react129 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: react127.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react127.RefAttributes<HTMLDivElement>>;
+declare const SideBar: react129.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react129.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { SideBar };

package/dist/organisms/Status/MissingAccesses.d.ts

@@ -1,4 +1,4 @@
-import * as react135 from "react";
+import * as react141 from "react";
 
 //#region src/organisms/Status/MissingAccesses.d.ts
 interface AccessType {
@@ -9,6 +9,6 @@ interface MissingAccessesProps {
   accesses?: AccessType[];
   text?: string;
 }
-declare const MissingAccesses: react135.ForwardRefExoticComponent<MissingAccessesProps & react135.RefAttributes<HTMLDivElement>>;
+declare const MissingAccesses: react141.ForwardRefExoticComponent<MissingAccessesProps & react141.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MissingAccesses };

package/dist/organisms/Status/Title.d.ts

@@ -1,9 +1,9 @@
-import * as react133 from "react";
+import * as react135 from "react";
 
 //#region src/organisms/Status/Title.d.ts
 interface TitleProps {
   title?: string;
 }
-declare const Title: react133.ForwardRefExoticComponent<TitleProps & react133.RefAttributes<HTMLHeadingElement>>;
+declare const Title: react135.ForwardRefExoticComponent<TitleProps & react135.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { Title };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime8 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_runtime10.JSX.Element;
+}: BadRequestProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { BadRequest };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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_runtime12.JSX.Element;
+}: GenericErrorProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { GenericError };

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

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

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

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

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

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

package/dist/organisms/Template/Template.d.ts

@@ -1,14 +1,14 @@
-import * as react108 from "react";
-import * as styled_components12 from "styled-components";
+import * as react110 from "react";
+import * as styled_components13 from "styled-components";
 import { IStyledComponent } from "styled-components";
-import * as styled_components_dist_types50 from "styled-components/dist/types";
+import * as styled_components_dist_types51 from "styled-components/dist/types";
 
 //#region src/organisms/Template/Template.d.ts
 interface ContentProps {
   $open: boolean;
 }
-declare const Content: styled_components_dist_types50.IStyledComponentBase<"web", styled_components_dist_types50.Substitute<react108.DetailedHTMLProps<react108.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
-declare const GlobalStyles: react108.NamedExoticComponent<styled_components12.ExecutionProps & object>;
+declare const Content: styled_components_dist_types51.IStyledComponentBase<"web", styled_components_dist_types51.Substitute<react110.DetailedHTMLProps<react110.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
+declare const GlobalStyles: react110.NamedExoticComponent<styled_components13.ExecutionProps & object>;
 type TemplateType = IStyledComponent<'web', any> & {
   Container: IStyledComponent<'web', any>;
   Content: typeof Content;

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

@@ -1,7 +1,7 @@
 import { ToggleGroup as ToggleGroup$1 } from "./ToggleGroup.types.js";
-import * as react143 from "react";
+import * as react145 from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup: react143.ForwardRefExoticComponent<ToggleGroup$1 & react143.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroup: react145.ForwardRefExoticComponent<ToggleGroup$1 & react145.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 react141 from "react";
+import * as react143 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: react141.ForwardRefExoticComponent<ToggleGroupOptionProps & react141.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroupOption: react143.ForwardRefExoticComponent<ToggleGroupOptionProps & react143.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ToggleGroupOption };

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

@@ -10,6 +10,7 @@ interface AccountProps {
   availableFields?: Field[];
   availableWells?: string[];
   enableEnvironmentToggle?: boolean;
+  onImpersonateChange?: () => void;
 }
 declare const Account: FC<AccountProps>;
 //#endregion

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

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

@@ -5,4 +5,4 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   svg {
     fill: ${e.interactive.danger__resting.rgba};
   }
-`,g=({onOpenImpersonateMenu:e,onClose:t})=>{let{data:a}=n(),{mutateAsync:l,isPending:g}=r();return a&&g?u(h,{variant:`outlined`,color:`danger`,children:u(o,{})}):a?d(h,{variant:`outlined`,color:`danger`,onClick:async()=>{await l(),t()},children:[u(s,{data:m}),`End impersonation`]}):d(i,{onClick:e,children:[u(s,{data:p}),u(c,{variant:`button`,group:`navigation`,as:`span`,children:`Impersonate`}),u(s,{data:f})]})};export{g as ImpersonateButton};
+`,g=({onOpenImpersonateMenu:e,onClose:t,onImpersonateChange:a})=>{let{data:l}=n(),{mutateAsync:g,isPending:_}=r();return l&&_?u(h,{variant:`outlined`,color:`danger`,children:u(o,{})}):l?d(h,{variant:`outlined`,color:`danger`,onClick:async()=>{await g(),t(),a?.()},children:[u(s,{data:m}),`End impersonation`]}):d(i,{onClick:e,children:[u(s,{data:p}),u(c,{variant:`button`,group:`navigation`,as:`span`,children:`Impersonate`}),u(s,{data:f})]})};export{g as ImpersonateButton};

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

@@ -8,4 +8,4 @@ import{spacings as e}from"../../../../atoms/style/spacings.js";import{useActiveI
   display: flex;
   justify-content: flex-end;
   gap: ${e.small};
-`,d=({selectedUniqueName:e,onCancel:o})=>{let{data:d}=t(),{mutateAsync:f,isPending:p}=n();return c(l,{children:[s(a,{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.`}),c(u,{children:[s(r,{variant:`outlined`,onClick:o,children:`Cancel`}),p?s(r,{children:s(i,{})}):s(r,{onClick:async()=>{await f(e),o()},disabled:e===``||e===d?.uniqueName,"data-testid":`start-impersonate-button`,children:`Impersonate`})]})]})};export{d as Actions};
+`,d=({selectedUniqueName:e,onCancel:o,onImpersonateChange:d})=>{let{data:f}=t(),{mutateAsync:p,isPending:m}=n();return c(l,{children:[s(a,{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.`}),c(u,{children:[s(r,{variant:`outlined`,onClick:o,children:`Cancel`}),m?s(r,{children:s(i,{})}):s(r,{onClick:async()=>{await p(e),o(),d?.()},disabled:e===``||e===f?.uniqueName,"data-testid":`start-impersonate-button`,children:`Impersonate`})]})]})};export{d as Actions};

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

@@ -1 +1 @@
-import{Search as e}from"../../../../molecules/Search/Search.js";import{useActiveImpersonationUser as t}from"./hooks/useActiveImpersonationUser.js";import{CreateOrEditUser as n}from"./CreateOrEditUser/CreateOrEditUser.js";import{DeleteUser as r}from"./DeleteUser/DeleteUser.js";import{useGetAllImpersonationUsersForApp as i}from"./hooks/useGetAllImpersonationUsersForApp.js";import{Actions as a}from"./Actions.js";import{CreateNewUserButton as o}from"./CreateNewUserButton.js";import{Content as s,Header as c,NoUsersText as l}from"./ImpersonateMenu.styles.js";import{impersonateUserDtoToFullName as u}from"./Impersonate.utils.js";import{UserImpersonation as d}from"./UserImpersonation.js";import{useEffect as f,useState as p}from"react";import{Menu as m,Typography as h}from"@equinor/eds-core-react";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=({open:v,onClose:y,anchorEl:b,availableFields:x,availableWells:S})=>{let[C,w]=p(!1),[T,E]=p(void 0),[D,O]=p(void 0),[k,A]=p(``),[j,M]=p(``),{data:N}=i(),{data:P}=t(),F=N?.filter(e=>u(e).toLowerCase().includes(j.toLowerCase()));f(()=>{!v&&P&&k!==P.uniqueName?A(P.uniqueName):!v&&!P&&k!==``&&A(``)},[P,v,k]);let I=()=>{y()},L=()=>w(!0),R=()=>{w(!1),T&&E(void 0)},z=()=>{w(!1),T&&E(void 0),I()},B=e=>{E(N?.find(t=>t.uniqueName===e)),w(!0)},V=e=>{O(N?.find(t=>t.uniqueName===e))};return v?C?g(m,{open:!0,anchorEl:b,onClose:z,placement:`bottom-end`,style:{width:`400px`},children:g(n,{editingUser:T,onBack:R,availableFields:x,availableWells:S})}):D?g(m,{open:!0,anchorEl:b,onClose:z,placement:`bottom-end`,style:{width:`400px`},children:g(r,{user:D,onBack:()=>{O(void 0)}})}):_(m,{open:!0,anchorEl:b,onClose:I,placement:`bottom-end`,style:{width:`400px`},children:[_(c,{children:[g(h,{variant:`h6`,children:`Impersonate`}),g(h,{variant:`caption`,children:`Select a user to impersonate`}),g(e,{placeholder:`Search users`,value:j,onChange:e=>{M(e.target.value)}})]}),g(s,{children:F&&F.length>0?F?.map(e=>g(d,{...e,selected:k===e.uniqueName,onClick:A,onEdit:B,onDelete:V},e.uniqueName)):g(l,{children:`No items found`})}),g(o,{onClick:L}),g(a,{selectedUniqueName:k,onCancel:y})]}):null};export{v as ImpersonateMenu};
+import{Search as e}from"../../../../molecules/Search/Search.js";import{useActiveImpersonationUser as t}from"./hooks/useActiveImpersonationUser.js";import{CreateOrEditUser as n}from"./CreateOrEditUser/CreateOrEditUser.js";import{DeleteUser as r}from"./DeleteUser/DeleteUser.js";import{useGetAllImpersonationUsersForApp as i}from"./hooks/useGetAllImpersonationUsersForApp.js";import{Actions as a}from"./Actions.js";import{CreateNewUserButton as o}from"./CreateNewUserButton.js";import{Content as s,Header as c,NoUsersText as l}from"./ImpersonateMenu.styles.js";import{impersonateUserDtoToFullName as u}from"./Impersonate.utils.js";import{UserImpersonation as d}from"./UserImpersonation.js";import{useEffect as f,useState as p}from"react";import{Menu as m,Typography as h}from"@equinor/eds-core-react";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=({open:v,onClose:y,anchorEl:b,availableFields:x,availableWells:S,onImpersonateChange:C})=>{let[w,T]=p(!1),[E,D]=p(void 0),[O,k]=p(void 0),[A,j]=p(``),[M,N]=p(``),{data:P}=i(),{data:F}=t(),I=P?.filter(e=>u(e).toLowerCase().includes(M.toLowerCase()));f(()=>{!v&&F&&A!==F.uniqueName?j(F.uniqueName):!v&&!F&&A!==``&&j(``)},[F,v,A]);let L=()=>{y()},R=()=>T(!0),z=()=>{T(!1),E&&D(void 0)},B=()=>{T(!1),E&&D(void 0),L()},V=e=>{D(P?.find(t=>t.uniqueName===e)),T(!0)},H=e=>{k(P?.find(t=>t.uniqueName===e))};return v?w?g(m,{open:!0,anchorEl:b,onClose:B,placement:`bottom-end`,style:{width:`400px`},children:g(n,{editingUser:E,onBack:z,availableFields:x,availableWells:S})}):O?g(m,{open:!0,anchorEl:b,onClose:B,placement:`bottom-end`,style:{width:`400px`},children:g(r,{user:O,onBack:()=>{k(void 0)}})}):_(m,{open:!0,anchorEl:b,onClose:L,placement:`bottom-end`,style:{width:`400px`},children:[_(c,{children:[g(h,{variant:`h6`,children:`Impersonate`}),g(h,{variant:`caption`,children:`Select a user to impersonate`}),g(e,{placeholder:`Search users`,value:M,onChange:e=>{N(e.target.value)}})]}),g(s,{children:I&&I.length>0?I?.map(e=>g(d,{...e,selected:A===e.uniqueName,onClick:j,onEdit:V,onDelete:H},e.uniqueName)):g(l,{children:`No items found`})}),g(o,{onClick:R}),g(a,{selectedUniqueName:A,onCancel:y,onImpersonateChange:C})]}):null};export{v as ImpersonateMenu};

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

@@ -1,7 +1,7 @@
-import * as react131 from "react";
+import * as react133 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react131.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react131.RefAttributes<HTMLDivElement>>;
+declare const Actions: react133.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react133.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Actions };

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

@@ -1,5 +1,5 @@
 import { Field } from "../../../atoms/types/Field.js";
-import * as react129 from "react";
+import * as react131 from "react";
 
 //#region src/organisms/TopBar/FieldMenu/FieldMenu.d.ts
 interface FieldMenuProps {
@@ -8,6 +8,6 @@ interface FieldMenuProps {
   itemNameSingular?: string;
   showAccessITLink?: boolean;
 }
-declare const FieldMenu: react129.ForwardRefExoticComponent<FieldMenuProps & react129.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react131.ForwardRefExoticComponent<FieldMenuProps & react131.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

package/dist/organisms/TopBar/FieldMenu/FieldMenu.js

@@ -1 +1 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{TopBarMenu as t}from"../TopBarMenu.js";import{TopBarButton as n}from"../TopBar.styles.js";import{ListContainer as r,MenuFixedItem as i,MenuItem as a,MenuSection as o,NoFieldsText as s,NoSearchResultsContainer as c,SearchContainer as l,TextContainer as u}from"./FieldMenu.styles.js";import{useTopBarInternalContext as d}from"../TopBarInternalContextProvider.js";import{forwardRef as f,useMemo as p,useRef as m,useState as h}from"react";import{Icon as g,Search as _,Typography as v}from"@equinor/eds-core-react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{arrow_drop_down as x,arrow_drop_up as S,check as C,exit_to_app as w,platform as T}from"@equinor/eds-icons";const{colors:E}=e,D=f(({availableFields:e,onSelect:f,itemNameSingular:D=`field`,showAccessITLink:O=!0},k)=>{let{selectedField:A}=d(),[j,M]=h(!1),N=m(null),[P,F]=h(``),I=()=>M(!1),L=()=>M(!j),R=p(()=>P===``?e.filter(e=>e.name?.toLowerCase()!==A?.name?.toLowerCase()):e.filter(e=>e.name?.toLowerCase().includes(P.toLowerCase())),[e,P,A]),z=R.length===0,B=p(()=>{if(A?.name)return A.name.charAt(0).toUpperCase()+A.name.slice(1)},[A?.name]),V=e=>{F(e.target.value)},H=e.length>=4;return A?b(`div`,{ref:k,children:[b(n,{variant:`ghost`,ref:N,onClick:L,"data-testid":`field-selector-top-bar-button`,$fieldSelector:!0,children:[y(g,{data:T,size:24}),B,y(g,{data:j?S:x})]}),y(t,{open:j,title:`Field Selection`,onClose:I,anchorEl:N.current,contentPadding:!1,children:b(`section`,{children:[b(o,{children:[H&&y(l,{children:y(_,{autoFocus:!0,placeholder:`Search fields`,value:P,onChange:V})}),b(r,{children:[!z&&P===``&&y(i,{$active:!0,children:b(`div`,{children:[y(u,{children:y(v,{variant:`h6`,children:A.name?.toLowerCase()})}),y(g,{data:C,color:E.interactive.primary__resting.rgba,size:24})]})}),z?y(c,{children:b(s,{variant:`body_short`,color:E.text.static_icons__tertiary.rgba,children:[`No `,D,`s matching your search`]})}):R.map(e=>y(a,{onClick:()=>{f(e),I()},children:y(u,{children:y(v,{variant:`h6`,children:e.name?.toLowerCase()})})},e.uuid))]})]}),O&&!z&&y(i,{"data-testid":`access-it-link`,onClick:()=>window.open(`https://accessit.equinor.com/#`,`_blank`),children:b(`div`,{children:[b(u,{children:[b(v,{variant:`overline`,children:[`Missing a `,D,`?`]}),y(v,{variant:`h6`,children:`Go to AccessIT`})]}),y(g,{data:w,color:E.interactive.primary__resting.rgba,size:24})]})})]})})]}):null});D.displayName=`FieldSelector`;export{D as FieldMenu};
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{TopBarMenu as t}from"../TopBarMenu.js";import{TopBarButton as n}from"../TopBar.styles.js";import{ListContainer as r,MenuFixedItem as i,MenuItem as a,MenuSection as o,NoFieldsText as s,NoSearchResultsContainer as c,SearchContainer as l,TextContainer as u}from"./FieldMenu.styles.js";import{useTopBarInternalContext as d}from"../TopBarInternalContextProvider.js";import{forwardRef as f,useMemo as p,useRef as m,useState as h}from"react";import{Icon as g,Search as _,Typography as v}from"@equinor/eds-core-react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{arrow_drop_down as x,arrow_drop_up as S,check as C,exit_to_app as w,platform as T}from"@equinor/eds-icons";const{colors:E}=e,D=f(({availableFields:e,onSelect:f,itemNameSingular:D=`field`,showAccessITLink:O=!0},k)=>{let{selectedField:A}=d(),[j,M]=h(!1),N=m(null),[P,F]=h(``),I=()=>M(!1),L=()=>M(!j),R=p(()=>P===``?e.filter(e=>e.name?.toLowerCase()!==A?.name?.toLowerCase()):e.filter(e=>e.name?.toLowerCase().includes(P.toLowerCase())),[e,P,A]),z=p(()=>{if(A?.name)return A.name.charAt(0).toUpperCase()+A.name.slice(1)},[A?.name]),B=e=>{F(e.target.value)},V=e.length>=4,H=R.length===0&&V;return A?b(`div`,{ref:k,children:[b(n,{variant:`ghost`,ref:N,onClick:L,"data-testid":`field-selector-top-bar-button`,$fieldSelector:!0,children:[y(g,{data:T,size:24}),z,y(g,{data:j?S:x})]}),y(t,{open:j,title:`Field Selection`,onClose:I,anchorEl:N.current,contentPadding:!1,children:b(`section`,{children:[b(o,{children:[V&&y(l,{children:y(_,{autoFocus:!0,placeholder:`Search fields`,value:P,onChange:B})}),b(r,{children:[!H&&P===``&&y(i,{$active:!0,children:b(`div`,{children:[y(u,{children:y(v,{variant:`h6`,children:A.name?.toLowerCase()})}),y(g,{data:C,color:E.interactive.primary__resting.rgba,size:24})]})}),H?y(c,{children:b(s,{variant:`body_short`,color:E.text.static_icons__tertiary.rgba,children:[`No `,D,`s matching your search`]})}):R.map(e=>y(a,{onClick:()=>{f(e),I()},children:y(u,{children:y(v,{variant:`h6`,children:e.name?.toLowerCase()})})},e.uuid))]})]}),O&&!H&&y(i,{"data-testid":`access-it-link`,onClick:()=>window.open(`https://accessit.equinor.com/#`,`_blank`),children:b(`div`,{children:[b(u,{children:[b(v,{variant:`overline`,children:[`Missing a `,D,`?`]}),y(v,{variant:`h6`,children:`Go to AccessIT`})]}),y(g,{data:w,color:E.interactive.primary__resting.rgba,size:24})]})})]})})]}):null});D.displayName=`FieldSelector`;export{D as FieldMenu};

package/dist/organisms/TopBar/Guidelines/Colorbox.d.ts

@@ -1,10 +1,10 @@
-import * as react150 from "react";
-import * as styled_components_dist_types59 from "styled-components/dist/types";
+import * as react152 from "react";
+import * as styled_components_dist_types60 from "styled-components/dist/types";
 
 //#region src/organisms/TopBar/Guidelines/Colorbox.d.ts
 interface ColorboxProps {
   $color: string;
 }
-declare const Colorbox: styled_components_dist_types59.IStyledComponentBase<"web", styled_components_dist_types59.Substitute<react150.DetailedHTMLProps<react150.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorboxProps>> & string;
+declare const Colorbox: styled_components_dist_types60.IStyledComponentBase<"web", styled_components_dist_types60.Substitute<react152.DetailedHTMLProps<react152.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorboxProps>> & string;
 //#endregion
 export { Colorbox };

package/dist/organisms/TopBar/Notifications/NotificationProvider.d.ts

@@ -1,4 +1,4 @@
-import * as react149 from "react";
+import * as react151 from "react";
 import { Dispatch, FC, ReactNode, SetStateAction } from "react";
 
 //#region src/organisms/TopBar/Notifications/NotificationProvider.d.ts
@@ -6,7 +6,7 @@ interface NotificationContext {
   setIsOpen: Dispatch<SetStateAction<boolean>>;
   isOpen: boolean;
 }
-declare const NotificationContext: react149.Context<NotificationContext | undefined>;
+declare const NotificationContext: react151.Context<NotificationContext | undefined>;
 declare const useNotification: () => NotificationContext;
 //#endregion
 export { useNotification };

package/package.json

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