@equinor/amplify-component-lib 12.0.5 → 12.0.7

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

@@ -1,8 +1,8 @@
 import { BaseChipProps, ClickableChipProps, DeletableChipProps } from "../Chip/Chip.js";
-import * as react55 from "react";
+import * as react62 from "react";
 import "@equinor/eds-core-react";
-import * as styled_components11 from "styled-components";
-import * as styled_components_dist_types5 from "styled-components/dist/types";
+import * as styled_components15 from "styled-components";
+import * as styled_components_dist_types6 from "styled-components/dist/types";
 
 //#region src/molecules/Select/Select.styles.d.ts
 
@@ -11,15 +11,15 @@ interface ComboBoxChipProps {
   $lightBackground?: boolean;
   className: string;
 }
-declare const ComboBoxChip: styled_components_dist_types5.IStyledComponentBase<"web", styled_components11.FastOmit<styled_components11.FastOmit<((Omit<react55.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
+declare const ComboBoxChip: styled_components_dist_types6.IStyledComponentBase<"web", styled_components15.FastOmit<styled_components15.FastOmit<((Omit<react62.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react55.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types5.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never> & Partial<Pick<styled_components11.FastOmit<((Omit<react55.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
+}) | ClickableChipProps | DeletableChipProps)) & react62.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types6.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never> & Partial<Pick<styled_components15.FastOmit<((Omit<react62.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react55.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types5.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never>>> & string & Omit<react55.ForwardRefExoticComponent<(Omit<react55.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
+}) | ClickableChipProps | DeletableChipProps)) & react62.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types6.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never>>> & string & Omit<react62.ForwardRefExoticComponent<(Omit<react62.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react55.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react55.Component<any, {}, any>>;
+}) | ClickableChipProps | DeletableChipProps)) & react62.RefAttributes<HTMLButtonElement | HTMLDivElement>>, keyof react62.Component<any, {}, any>>;
 //#endregion
 export { ComboBoxChip };

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

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from "../Select.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/molecules/Select/SingleSelect/SingleSelect.d.ts
 type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & (ListSelectProps<T> | GroupedSelectProps<T>);
@@ -15,6 +15,6 @@ type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> &
  * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  */
-declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime3.JSX.Element;
+declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SingleSelect, SingleSelectProps };

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

@@ -1,4 +1,4 @@
-import * as react155 from "react";
+import * as react162 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: react162.ForwardRefExoticComponent<CheckboxProps$1 & react162.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 react164 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: react164.ForwardRefExoticComponent<RadioProps$1 & react164.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 react166 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: react166.ForwardRefExoticComponent<SwitchProps$1 & react166.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };

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

@@ -1,6 +1,6 @@
-import * as react51 from "react";
-import * as styled_components8 from "styled-components";
-import * as styled_components_dist_types4 from "styled-components/dist/types";
+import * as react58 from "react";
+import * as styled_components12 from "styled-components";
+import * as styled_components_dist_types5 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
 
 //#region src/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts
@@ -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_types5.IStyledComponentBase<"web", styled_components12.FastOmit<styled_components12.FastOmit<react58.DetailedHTMLProps<react58.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components12.FastOmit<react58.DetailedHTMLProps<react58.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/DataGrid/DataGrid.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { EdsDataGridProps } from "@equinor/eds-data-grid-react";
 
 //#region src/organisms/DataGrid/DataGrid.d.ts
-declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime4.JSX.Element;
+declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DataGrid };

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

@@ -1,4 +1,4 @@
-import * as react166 from "react";
+import * as react11 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: react166.ForwardRefExoticComponent<{
+declare const ReleaseNote$1: react11.ForwardRefExoticComponent<{
   actionMenu?: ReactNode;
   expanded?: boolean;
-} & ReleaseNote & react166.RefAttributes<HTMLDivElement>>;
+} & ReleaseNote & react11.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };

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

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

package/dist/organisms/SideSheet/SideSheet.d.ts

@@ -10,6 +10,7 @@ import { FC } from "react";
  * @param title - Title to display in the header
  * @param type - How the side sheet should be position, default is standard
  * @param headerElements - Optional spot to put elements in the header, for example more action buttons
+ * @param width - Optional width override (number is treated as px)
  * @param children - Content in the side sheet
  */
 declare const SideSheet: FC<SideSheetProps>;

package/dist/organisms/SideSheet/SideSheet.js

@@ -1 +1 @@
-import{Button as e}from"../../molecules/Button/Button.js";import{Header as t,ScrimWrapper as n,Sheet as r,Wrapper as i}from"./SideSheet.styles.js";import{Icon as a,Typography as o}from"@equinor/eds-core-react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{close as l}from"@equinor/eds-icons";import{AnimatePresence as u}from"motion/react";const d=({open:e,onClose:t,title:r,type:i=`standard`,headerElements:a,children:o,...c})=>`withScrim`in c&&c.withScrim?s(n,{"data-testid":`side-sheet-scrim`,onClick:e?t:void 0,initial:{display:`none`,background:`rgba(111,111,111,0)`},animate:{background:e?`rgba(111,111,111,0.35)`:`rgba(111,111,111,0)`,display:e?`block`:`none`},children:s(f,{open:e,onClose:t,title:r,type:`modal`,headerElements:a,withScrim:!0,children:o})}):s(f,{open:e,onClose:t,title:r,type:i,headerElements:a,children:o});function f({open:n,onClose:d,title:f,type:p=`standard`,headerElements:m,children:h,...g}){return s(u,{children:n&&s(i,{$type:p,$withShadow:!(`withScrim`in g&&g.withScrim),initial:{x:p===`standard`?void 0:`110%`,width:p===`standard`?0:void 0},animate:{x:p===`standard`?void 0:0,width:p===`standard`?`auto`:void 0},exit:{x:p===`standard`?void 0:`110%`,width:p===`standard`?0:void 0},transition:{bounce:.25},children:c(r,{$type:p,children:[c(t,{children:[s(o,{variant:`h2`,children:f}),m&&s(`section`,{children:m}),s(e,{"aria-label":`close side sheet`,variant:`ghost_icon`,onClick:d,style:{gridColumn:3},children:s(a,{data:l})})]}),h]})})})}export{d as SideSheet};
+import{Button as e}from"../../molecules/Button/Button.js";import{Header as t,ScrimWrapper as n,Sheet as r,Wrapper as i}from"./SideSheet.styles.js";import{Icon as a,Typography as o}from"@equinor/eds-core-react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{close as l}from"@equinor/eds-icons";import{AnimatePresence as u}from"motion/react";const d=({open:e,onClose:t,title:r,type:i=`standard`,headerElements:a,width:o,children:c,...l})=>`withScrim`in l&&l.withScrim?s(n,{"data-testid":`side-sheet-scrim`,onClick:e?t:void 0,$zIndex:l.zIndex,initial:{display:`none`,background:`rgba(111,111,111,0)`},animate:{background:e?`rgba(111,111,111,0.35)`:`rgba(111,111,111,0)`,display:e?`block`:`none`},children:s(f,{open:e,onClose:t,title:r,type:`modal`,headerElements:a,width:o,zIndex:l.zIndex,withScrim:!0,children:c})}):i===`modal`||i===`floating`?s(f,{open:e,onClose:t,title:r,type:i,headerElements:a,width:o,zIndex:`zIndex`in l?l.zIndex:void 0,children:c}):s(f,{open:e,onClose:t,title:r,type:i,headerElements:a,width:o,children:c});function f({open:n,onClose:d,title:f,type:p=`standard`,headerElements:m,width:h,children:g,..._}){return s(u,{children:n&&s(i,{"data-testid":`side-sheet-wrapper`,$type:p,$withShadow:!(`withScrim`in _&&_.withScrim),$zIndex:`zIndex`in _?_.zIndex:void 0,initial:{x:p===`standard`?void 0:`110%`,width:p===`standard`?0:void 0},animate:{x:p===`standard`?void 0:0,width:p===`standard`?`auto`:void 0},exit:{x:p===`standard`?void 0:`110%`,width:p===`standard`?0:void 0},transition:{bounce:.25},children:c(r,{$type:p,$width:h,children:[c(t,{children:[s(o,{variant:`h2`,children:f}),m&&s(`section`,{children:m}),s(e,{"aria-label":`close side sheet`,variant:`ghost_icon`,onClick:d,style:{gridColumn:3},children:s(a,{data:l})})]}),g]})})})}export{d as SideSheet};

package/dist/organisms/SideSheet/SideSheet.styles.js

@@ -1,21 +1,27 @@
 import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{elevation as n,shape as r}from"../../atoms/style/index.js";import{css as i,styled as a}from"styled-components";import{motion as o}from"motion/react";const s=a(o.div)`
   overflow: hidden;
-  ${({$type:e,$withShadow:a})=>e===`standard`?``:e===`floating`?i`
+  ${({$type:e,$withShadow:a,$zIndex:o})=>e===`standard`?``:e===`floating`?i`
         position: fixed;
         top: calc(64px + ${t.medium});
         right: ${t.medium};
         box-shadow: ${n.sticky};
         border-radius: ${r.corners.borderRadius};
+        ${o!==void 0&&i`
+          z-index: ${o};
+        `}
       `:i`
       position: fixed;
       top: 64px;
       right: 0;
       box-shadow: ${a?n.above_scrim:`none`};
+      ${o!==void 0&&i`
+        z-index: ${o};
+      `}
     `}
 `,c=a.div`
   display: flex;
   flex-direction: column;
-  width: 500px;
+  width: ${({$width:e})=>e===void 0?`500px`:`${e}px`};
   background: ${e.ui.background__default.rgba};
   ${({$type:t})=>{if(t===`standard`)return i`
         background: none;
@@ -35,5 +41,5 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   width: 100%;
   overflow: hidden;
   height: calc(100vh - 64px);
-  z-index: 10000;
+  z-index: ${({$zIndex:e})=>e??1e4};
 `;export{l as Header,u as ScrimWrapper,c as Sheet,s as Wrapper};

package/dist/organisms/SideSheet/SideSheet.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import { CSSProperties, ReactElement } from "react";
 
 //#region src/organisms/SideSheet/SideSheet.types.d.ts
 interface BaseSideSheetProps {
@@ -6,6 +6,7 @@ interface BaseSideSheetProps {
   onClose: () => void;
   title: string;
   headerElements?: ReactElement | ReactElement[];
+  width?: number | undefined;
   children: ReactElement | ReactElement[];
 }
 interface StandardSideSheetProps extends BaseSideSheetProps {
@@ -14,9 +15,11 @@ interface StandardSideSheetProps extends BaseSideSheetProps {
 interface ModalSideSheetProps extends BaseSideSheetProps {
   type: 'modal';
   withScrim?: boolean;
+  zIndex?: CSSProperties['zIndex'];
 }
 interface FloatingSideSheetProps extends BaseSideSheetProps {
   type: 'floating';
+  zIndex?: CSSProperties['zIndex'];
 }
 type SideSheetProps = StandardSideSheetProps | ModalSideSheetProps | FloatingSideSheetProps;
 //#endregion

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

@@ -1,10 +1,10 @@
-import * as react199 from "react";
+import * as react174 from "react";
 
 //#region src/organisms/Status/Action.d.ts
 interface ActionProps {
   onClick: () => void;
   buttonText?: string;
 }
-declare const Action: react199.ForwardRefExoticComponent<ActionProps & react199.RefAttributes<HTMLButtonElement>>;
+declare const Action: react174.ForwardRefExoticComponent<ActionProps & react174.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Action };

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

@@ -1,9 +1,9 @@
-import * as react201 from "react";
+import * as react180 from "react";
 
 //#region src/organisms/Status/Description.d.ts
 interface DescriptionProps {
   text?: string;
 }
-declare const Description: react201.ForwardRefExoticComponent<DescriptionProps & react201.RefAttributes<HTMLHeadingElement>>;
+declare const Description: react180.ForwardRefExoticComponent<DescriptionProps & react180.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { Description };

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

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

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

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

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_runtime10 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_runtime10.JSX.Element;
 //#endregion
 export { GenericError };

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

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

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

@@ -1,14 +1,14 @@
-import * as react161 from "react";
-import * as styled_components46 from "styled-components";
+import * as react6 from "react";
+import * as styled_components0 from "styled-components";
 import { IStyledComponent } from "styled-components";
-import * as styled_components_dist_types38 from "styled-components/dist/types";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/organisms/Template/Template.d.ts
 interface ContentProps {
   $open: boolean;
 }
-declare const Content: styled_components_dist_types38.IStyledComponentBase<"web", styled_components46.FastOmit<styled_components46.FastOmit<react161.DetailedHTMLProps<react161.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never> & Partial<Pick<styled_components46.FastOmit<react161.DetailedHTMLProps<react161.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never>>> & string;
-declare const GlobalStyles: react161.NamedExoticComponent<styled_components46.ExecutionProps & object>;
+declare const Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<react6.DetailedHTMLProps<react6.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never> & Partial<Pick<styled_components0.FastOmit<react6.DetailedHTMLProps<react6.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never>>> & string;
+declare const GlobalStyles: react6.NamedExoticComponent<styled_components0.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 react207 from "react";
+import * as react182 from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup: react207.ForwardRefExoticComponent<ToggleGroup$1 & react207.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroup: react182.ForwardRefExoticComponent<ToggleGroup$1 & react182.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 react184 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: react184.ForwardRefExoticComponent<ToggleGroupOptionProps & react184.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};

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

@@ -1,7 +1,7 @@
-import * as react193 from "react";
+import * as react170 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react193.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react193.RefAttributes<HTMLDivElement>>;
+declare const Actions: react170.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react170.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 react191 from "react";
+import * as react172 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: react191.ForwardRefExoticComponent<FieldMenuProps & react191.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react172.ForwardRefExoticComponent<FieldMenuProps & react172.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

package/dist/organisms/TopBar/Notifications/FilterOptions.js

@@ -1,28 +1,28 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{FilterNotification as t,SortNotification as n}from"./NotificationsTemplate/Notifications.types.js";import{useRef as r,useState as i}from"react";import{Icon as a,Menu as o,Typography as s}from"@equinor/eds-core-react";import c from"styled-components";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{checkbox as f,checkbox_outline as p,filter_list as m,sort as h}from"@equinor/eds-icons";const{spacings:g,colors:_,shape:v}=e,y=c(o.Item)`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useRef as t,useState as n}from"react";import{Icon as r,Menu as i,Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import{checkbox as u,checkbox_outline as d,filter_list as f,sort as p}from"@equinor/eds-icons";const{spacings:m,colors:h,shape:g}=e,_=o(i.Item)`
   display: flex;
-`,b=c.div`
+`,v=o.div`
   display: flex;
-  gap: ${g.comfortable.small};
-  padding: ${g.comfortable.medium};
-`,x=c(o)`
-  padding: ${g.comfortable.small} 0;
-`,S=c.div`
-  padding: ${g.comfortable.small} ${g.comfortable.large};
-`,C=c.span`
+  gap: ${m.comfortable.small};
+  padding: ${m.comfortable.medium};
+`,y=o(i)`
+  padding: ${m.comfortable.small} 0;
+`,b=o.div`
+  padding: ${m.comfortable.small} ${m.comfortable.large};
+`,x=o.span`
   font-family: 'Equionor', sans-serif;
   font-size: 12px;
-  border-radius: ${v.rounded.borderRadius};
-  border: ${({$active:e})=>e?`solid 1px ${_.interactive.primary__selected_hover.rgba}`:`solid 1px ${_.ui.background__medium.rgba}`};
-  background-color: ${({$active:e})=>e?_.interactive.primary__selected_highlight.rgba:_.ui.background__default.rgba};
+  border-radius: ${g.rounded.borderRadius};
+  border: ${({$active:e})=>e?`solid 1px ${h.interactive.primary__selected_hover.rgba}`:`solid 1px ${h.ui.background__medium.rgba}`};
+  background-color: ${({$active:e})=>e?h.interactive.primary__selected_highlight.rgba:h.ui.background__default.rgba};
   color: black;
-  padding: ${g.comfortable.x_small} ${g.comfortable.small};
+  padding: ${m.comfortable.x_small} ${m.comfortable.small};
   display: flex;
   flex-direction: row;
   align-items: center;
-  grid-gap: ${g.comfortable.small};
+  grid-gap: ${m.comfortable.small};
   cursor: pointer;
   &:hover {
-    background: ${_.interactive.primary__selected_highlight.rgba};
+    background: ${h.interactive.primary__selected_highlight.rgba};
   }
 
   > p {
@@ -31,6 +31,6 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
     font-size: 12px;
   }
   > svg {
-    color: ${({$active:e})=>e?_.text.static_icons__default.rgba:_.interactive.primary__resting.rgba};
+    color: ${({$active:e})=>e?h.text.static_icons__default.rgba:h.interactive.primary__resting.rgba};
   }
-`,w=({onFilter:e,onSort:o,sortMenuRef:c,filterMenuRef:g})=>{let[_,v]=i(!1),[w,T]=i(!1),E=r(null),D=r(null),[O,k]=i({[n.UNREAD]:!1,[n.OLD_NEWEST]:!1,[n.NEW_OLDEST]:!1}),[A,j]=i({[t.SYSTEM]:!1,[t.USER]:!1,[t.UNREAD]:!1}),M=()=>{v(!0),T(!1)},N=()=>{v(!1)},P=()=>{T(!0),v(!1)},F=()=>{T(!1)},I=t=>{e(A[t]?[]:[t]),j(e=>({...e,[t]:!e[t]}))},L=e=>{o(O[e]?[]:[e]),k(t=>({...t,[e]:!t[e]}))};return d(l,{children:[d(b,{children:[d(C,{onClick:()=>_?N():M(),ref:E,$active:_,children:[u(s,{group:`ui`,variant:`chip__badge`,children:`Filter by`}),u(a,{data:m,size:16})]}),d(C,{onClick:()=>w?F():P(),ref:D,$active:w,children:[u(s,{group:`ui`,variant:`chip__badge`,children:`Sort by`}),u(a,{data:h,size:16})]})]}),_&&d(x,{open:_,anchorEl:E.current,placement:`bottom-start`,ref:g,onClose:N,children:[u(S,{children:u(s,{group:`navigation`,variant:`label`,children:`Filter notifications`})}),d(y,{onClick:()=>I(t.USER),closeMenuOnClick:!1,children:[u(a,{data:A[t.USER]?f:p}),u(s,{children:` User messages `})]}),d(y,{onClick:()=>I(t.SYSTEM),closeMenuOnClick:!1,children:[u(a,{data:A[t.SYSTEM]?f:p}),u(s,{children:` System messages `})]}),d(y,{onClick:()=>I(t.UNREAD),closeMenuOnClick:!1,children:[u(a,{data:A[t.UNREAD]?f:p}),u(s,{children:` Unread `})]})]}),w&&d(x,{open:w,anchorEl:D.current,placement:`bottom-start`,ref:c,onClose:F,children:[u(S,{children:u(s,{group:`navigation`,variant:`label`,children:`Sort notifications`})}),d(y,{onClick:()=>L(n.NEW_OLDEST),closeMenuOnClick:!1,children:[u(a,{data:O[n.NEW_OLDEST]?f:p}),u(s,{children:` Newest to oldest `})]}),d(y,{onClick:()=>L(n.OLD_NEWEST),closeMenuOnClick:!1,children:[u(a,{data:O[n.OLD_NEWEST]?f:p}),u(s,{children:` Oldest to newest `})]}),d(y,{onClick:()=>L(n.UNREAD),closeMenuOnClick:!1,children:[u(a,{data:O[n.UNREAD]?f:p}),u(s,{children:` Unread`})]})]})]})};export{w as FilterOptions};
+`,S=({onFilter:e,onSort:i,sortMenuRef:o,filterMenuRef:m})=>{let[h,g]=n(!1),[S,C]=n(!1),w=t(null),T=t(null),[E,D]=n({unread:!1,oldtonew:!1,newtoold:!1}),[O,k]=n({systemUser:!1,user:!1,unread:!1}),A=()=>{g(!0),C(!1)},j=()=>{g(!1)},M=()=>{C(!0),g(!1)},N=()=>{C(!1)},P=t=>{e(O[t]?[]:[t]),k(e=>({...e,[t]:!e[t]}))},F=e=>{i(E[e]?[]:[e]),D(t=>({...t,[e]:!t[e]}))};return l(s,{children:[l(v,{children:[l(x,{onClick:()=>h?j():A(),ref:w,$active:h,children:[c(a,{group:`ui`,variant:`chip__badge`,children:`Filter by`}),c(r,{data:f,size:16})]}),l(x,{onClick:()=>S?N():M(),ref:T,$active:S,children:[c(a,{group:`ui`,variant:`chip__badge`,children:`Sort by`}),c(r,{data:p,size:16})]})]}),h&&l(y,{open:h,anchorEl:w.current,placement:`bottom-start`,ref:m,onClose:j,children:[c(b,{children:c(a,{group:`navigation`,variant:`label`,children:`Filter notifications`})}),l(_,{onClick:()=>P(`user`),closeMenuOnClick:!1,children:[c(r,{data:O.user?u:d}),c(a,{children:` User messages `})]}),l(_,{onClick:()=>P(`systemUser`),closeMenuOnClick:!1,children:[c(r,{data:O.systemUser?u:d}),c(a,{children:` System messages `})]}),l(_,{onClick:()=>P(`unread`),closeMenuOnClick:!1,children:[c(r,{data:O.unread?u:d}),c(a,{children:` Unread `})]})]}),S&&l(y,{open:S,anchorEl:T.current,placement:`bottom-start`,ref:o,onClose:N,children:[c(b,{children:c(a,{group:`navigation`,variant:`label`,children:`Sort notifications`})}),l(_,{onClick:()=>F(`newtoold`),closeMenuOnClick:!1,children:[c(r,{data:E.newtoold?u:d}),c(a,{children:` Newest to oldest `})]}),l(_,{onClick:()=>F(`oldtonew`),closeMenuOnClick:!1,children:[c(r,{data:E.oldtonew?u:d}),c(a,{children:` Oldest to newest `})]}),l(_,{onClick:()=>F(`unread`),closeMenuOnClick:!1,children:[c(r,{data:E.unread?u:d}),c(a,{children:` Unread`})]})]})]})};export{S as FilterOptions};

package/dist/organisms/TopBar/Notifications/NotificationsInner.js

@@ -1,8 +1,8 @@
-import{useNotification as e}from"./NotificationProvider.js";import{TopBarMenu as t}from"../TopBarMenu.js";import{TopBarButton as n,UnreadRedDot as r}from"../TopBar.styles.js";import{NoNotifications as i}from"./NotificationsTemplate/NotificationElements/NoNotifications.js";import{FilterNotification as a,SortNotification as o}from"./NotificationsTemplate/Notifications.types.js";import{NotificationTemplate as s}from"./NotificationsTemplate/NotificationTemplate.js";import{FilterOptions as c}from"./FilterOptions.js";import{useMemo as l,useRef as u,useState as d}from"react";import{Icon as f}from"@equinor/eds-core-react";import p from"styled-components";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{notifications as _}from"@equinor/eds-icons";const v=p.div`
+import{useNotification as e}from"./NotificationProvider.js";import{TopBarMenu as t}from"../TopBarMenu.js";import{TopBarButton as n,UnreadRedDot as r}from"../TopBar.styles.js";import{NoNotifications as i}from"./NotificationsTemplate/NotificationElements/NoNotifications.js";import{NotificationTemplate as a}from"./NotificationsTemplate/NotificationTemplate.js";import{FilterOptions as o}from"./FilterOptions.js";import{useMemo as s,useRef as c,useState as l}from"react";import{Icon as u}from"@equinor/eds-core-react";import d from"styled-components";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import{notifications as h}from"@equinor/eds-icons";const g=d.div`
   display: flex;
-`,y=p.div`
+`,_=d.div`
   overflow: auto;
   height: fit-content;
   max-height: 66vh;
   width: 350px;
-`,b=({children:p,hasUnread:b=!1,setAllAsRead:x,showFilterOptions:S=!1,notifications:C})=>{let w=u(null),T=u(null),E=u(null),{isOpen:D,setIsOpen:O}=e(),[k,A]=d([]),[j,M]=d([]),N=l(()=>{if(!C)return[];let e=[...C];return k.length>0&&(e=e.filter(e=>{if(k.includes(a.UNREAD))return!e.Read;if(k.includes(a.USER))return e.user;if(k.includes(a.SYSTEM))return!e.user})),j.length>0&&(e=e.sort((e,t)=>{let n=new Date(e.time).getTime(),r=new Date(t.time).getTime();return j.includes(o.OLD_NEWEST)?r-n:j.includes(o.UNREAD)?e.Read===t.Read?0:e.Read?1:-1:n-r})),e},[k,C,j]),P=()=>{D?F():O(!0)},F=()=>{x(),O(!1)};return g(m,{children:[g(n,{variant:`ghost_icon`,ref:w,onClick:P,"data-testid":`show-hide-button`,children:[h(f,{data:_,size:24}),b&&h(r,{"data-testid":`unread-dot`})]},`topbar-notifications`),g(t,{open:D,anchorEl:w.current,contentPadding:!1,isNotification:!0,onClose:F,children:[S&&h(v,{children:h(c,{onFilter:A,onSort:M,sortMenuRef:E,filterMenuRef:T})}),p?h(y,{children:p instanceof Function?p({onClose:F}):p}):h(y,{children:N&&N?.length>0?N.map(e=>h(s,{...e},e.SequenceNumber)):h(i,{})})]})]})};b.displayName=`TopBar.NotificationsInner`;export{b as NotificationsInner};
+`,v=({children:d,hasUnread:v=!1,setAllAsRead:y,showFilterOptions:b=!1,notifications:x})=>{let S=c(null),C=c(null),w=c(null),{isOpen:T,setIsOpen:E}=e(),[D,O]=l([]),[k,A]=l([]),j=s(()=>{if(!x)return[];let e=[...x];return D.length>0&&(e=e.filter(e=>{if(D.includes(`unread`))return!e.Read;if(D.includes(`user`))return e.user;if(D.includes(`systemUser`))return!e.user})),k.length>0&&(e=e.sort((e,t)=>{let n=new Date(e.time).getTime(),r=new Date(t.time).getTime();return k.includes(`oldtonew`)?r-n:k.includes(`unread`)?e.Read===t.Read?0:e.Read?1:-1:n-r})),e},[D,x,k]),M=()=>{T?N():E(!0)},N=()=>{y(),E(!1)};return m(f,{children:[m(n,{variant:`ghost_icon`,ref:S,onClick:M,"data-testid":`show-hide-button`,children:[p(u,{data:h,size:24}),v&&p(r,{"data-testid":`unread-dot`})]},`topbar-notifications`),m(t,{open:T,anchorEl:S.current,contentPadding:!1,isNotification:!0,onClose:N,children:[b&&p(g,{children:p(o,{onFilter:O,onSort:A,sortMenuRef:w,filterMenuRef:C})}),d?p(_,{children:d instanceof Function?d({onClose:N}):d}):p(_,{children:j&&j?.length>0?j.map(e=>p(a,{...e},e.SequenceNumber)):p(i,{})})]})]})};v.displayName=`TopBar.NotificationsInner`;export{v as NotificationsInner};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/DefaultNotification.js

@@ -1,6 +1,6 @@
-import{spacings as e}from"../../../../../atoms/style/spacings.js";import{NotificationsTypes as t}from"../Notifications.types.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
+import{spacings as e}from"../../../../../atoms/style/spacings.js";import{Typography as t}from"@equinor/eds-core-react";import n from"styled-components";import{jsx as r}from"react/jsx-runtime";const i=n.div`
   display: flex;
   flex-direction: column;
   gap: ${e.medium};
   padding-top: ${e.medium_small};
-`,o=({message:e})=>i(a,{"data-testid":t.DEFAULT,children:i(n,{group:`table`,variant:`cell_text`,children:e})});export{o as DefaultNotification};
+`,a=({message:e})=>r(i,{"data-testid":`default`,children:r(t,{group:`table`,variant:`cell_text`,children:e})});export{a as DefaultNotification};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReadyToReportNotification.js

@@ -1,14 +1,14 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{NotificationsTypes as t}from"../Notifications.types.js";import{Chip as n,Tooltip as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const{spacings:c}=e,l=a.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Chip as t,Tooltip as n,Typography as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";const{spacings:s}=e,c=i.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: ${c.comfortable.medium};
-  padding-top: ${c.comfortable.medium_small};
-`,u=a.div`
+  gap: ${s.comfortable.medium};
+  padding-top: ${s.comfortable.medium_small};
+`,l=i.div`
   display: flex;
   flex-direction: column;
-`,d=a.div`
+`,u=i.div`
   grid-column: span 3;
   display: flex;
   gap: 5px;
   align-items: center;
-`,f=({field:e,wellbore:a,dataType:c,onClick:f})=>o(r,{title:`Go to ${c}`,children:s(l,{onClick:f,"data-testid":t.READY_TO_REPORT,children:[s(u,{children:[o(i,{group:`paragraph`,variant:`overline`,children:`Field`}),o(i,{group:`table`,variant:`cell_text`,children:e})]}),s(u,{children:[o(i,{group:`paragraph`,variant:`overline`,children:`WELLBORE`}),o(i,{group:`table`,variant:`cell_text`,children:a})]}),s(d,{children:[s(n,{children:[` `,c,` `]}),o(i,{group:`navigation`,variant:`label`,children:`is ready to report`})]})]})});export{f as ReadyToReportNotification};
+`,d=({field:e,wellbore:i,dataType:s,onClick:d})=>a(n,{title:`Go to ${s}`,children:o(c,{onClick:d,"data-testid":`readytoreport`,children:[o(l,{children:[a(r,{group:`paragraph`,variant:`overline`,children:`Field`}),a(r,{group:`table`,variant:`cell_text`,children:e})]}),o(l,{children:[a(r,{group:`paragraph`,variant:`overline`,children:`WELLBORE`}),a(r,{group:`table`,variant:`cell_text`,children:i})]}),o(u,{children:[o(t,{children:[` `,s,` `]}),a(r,{group:`navigation`,variant:`label`,children:`is ready to report`})]})]})});export{d as ReadyToReportNotification};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestReviewOrca.js

@@ -1,7 +1,7 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{OptionalTooltip as t}from"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{NotificationsTypes as n}from"../Notifications.types.js";import{Tooltip as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const{spacings:c}=e,l=a.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{OptionalTooltip as t}from"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{Tooltip as n,Typography as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";const{spacings:s}=e,c=i.div`
   display: flex;
   flex-direction: column;
-  gap: ${c.comfortable.medium};
-  padding-top: ${c.comfortable.medium_small};
+  gap: ${s.comfortable.medium};
+  padding-top: ${s.comfortable.medium_small};
   cursor: pointer;
-`,u=({fromUser:e,branchName:a,onClick:c})=>o(r,{title:`Go to ${a}`,children:o(l,{onClick:c,"data-testid":n.REQUESTED_REVIEW,children:o(t,{title:`Go to ${a}`,children:s(i,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested review for branch `,a]})})})});export{u as RequestReviewOrca};
+`,l=({fromUser:e,branchName:i,onClick:s})=>a(n,{title:`Go to ${i}`,children:a(c,{onClick:s,"data-testid":`requestReview`,children:a(t,{title:`Go to ${i}`,children:o(r,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested review for branch `,i]})})})});export{l as RequestReviewOrca};