@equinor/amplify-component-lib 9.17.0-beta.0 → 10.0.0

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

@@ -1,7 +1,7 @@
-import * as react113 from "react";
+import * as react134 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react113.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react113.RefAttributes<HTMLDivElement>>;
+declare const Actions: react134.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react134.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 react111 from "react";
+import * as react132 from "react";
 
 //#region src/organisms/TopBar/FieldMenu/FieldMenu.d.ts
 interface FieldMenuProps {
@@ -9,6 +9,6 @@ interface FieldMenuProps {
   itemNameSingular?: string;
   showAccessITLink?: boolean;
 }
-declare const FieldMenu: react111.ForwardRefExoticComponent<FieldMenuProps & react111.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react132.ForwardRefExoticComponent<FieldMenuProps & react132.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

package/dist/organisms/TopBar/Guidelines/Guidelines.js

@@ -1 +1 @@
-import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t}from"../TopBar.styles.js";import{Colorbox as n}from"./Colorbox.js";import{Item as r}from"./Item.js";import{Section as i}from"./Section.js";import{isValidElement as a,useRef as o,useState as s}from"react";import{Icon as c}from"@equinor/eds-core-react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{info_circle as f}from"@equinor/eds-icons";const p=({sections:p})=>{let[m,h]=s(!1),g=o(null),_=()=>{h(!m)},v=()=>{h(!1)};return d(l,{children:[u(t,{variant:`ghost_icon`,ref:g,onClick:_,"data-testid":`show-hide-button`,children:u(c,{data:f})},`topbar-notifications`),u(e,{open:m,anchorEl:g.current,onClose:v,withGap:!0,children:p.map((e,t)=>u(i,{title:e.sectionName,children:e.items.map((e,i)=>a(e)?e:`element`in e?u(r,{title:e.title,children:e.element},`${i}-${t}`):d(r,{title:e.title,children:[e.colorBox&&u(n,{"data-testid":`color-box-${e.title}`,$color:e.color}),u(c,{data:e.icon,color:e.color,size:24})]},`${i}-${t}`))},`section-${e.sectionName}`))})]})};p.displayName=`TopBar.Guidelines`;export{p as Guidelines};
+import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t}from"../TopBar.styles.js";import{Colorbox as n}from"./Colorbox.js";import{Item as r}from"./Item.js";import{Section as i}from"./Section.js";import{isValidElement as a,useRef as o,useState as s}from"react";import{Icon as c}from"@equinor/eds-core-react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{info_circle as f}from"@equinor/eds-icons";const p=({sections:p})=>{let[m,h]=s(!1),g=o(null),_=()=>{h(e=>!e)};return d(l,{children:[u(t,{variant:`ghost_icon`,ref:g,onClick:_,"data-testid":`show-hide-button`,children:u(c,{data:f})},`topbar-notifications`),u(e,{open:m,anchorEl:g.current,onClose:_,withGap:!0,children:p.map((e,t)=>u(i,{title:e.sectionName,children:e.items.map((e,i)=>a(e)?e:`element`in e?u(r,{title:e.title,children:e.element},`${i}-${t}`):d(r,{title:e.title,children:[e.colorBox&&u(n,{"data-testid":`color-box-${e.title}`,$color:e.color}),u(c,{data:e.icon,color:e.color,size:24})]},`${i}-${t}`))},`section-${e.sectionName}`))})]})};p.displayName=`TopBar.Guidelines`;export{p as Guidelines};

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

@@ -1,4 +1,4 @@
-import * as react139 from "react";
+import * as react121 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: react139.Context<NotificationContext | undefined>;
+declare const NotificationContext: react121.Context<NotificationContext | undefined>;
 declare const useNotification: () => NotificationContext;
 //#endregion
 export { useNotification };

package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/Header/Header.js

@@ -1 +1 @@
-import{useReleaseNotes as e}from"../../../../../providers/ReleaseNotesProvider.js";import{ButtonContainer as t,Wrapper as n}from"./Header.styles.js";import{Button as r,Icon as i,Tooltip 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,external_link as u}from"@equinor/eds-icons";const d=()=>{let{setOpen:d,showAllReleaseNotesLink:f}=e();return c(n,{children:[s(o,{variant:`h1`,bold:!0,children:`What's new?`}),c(t,{children:[s(a,{title:`Release notes in SAM`,children:s(r,{variant:`ghost_icon`,href:f,target:`_blank`,children:s(i,{data:u})})}),s(r,{variant:`ghost_icon`,onClick:()=>{d(!1)},"aria-label":`close modal`,children:s(i,{data:l})})]})]})};export{d as Header};
+import{useReleaseNotes as e}from"../../../../../providers/ReleaseNotesProvider.js";import{Wrapper as t}from"./Header.styles.js";import{Button as n,Icon as r,Typography as i}from"@equinor/eds-core-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{close as s}from"@equinor/eds-icons";const c=()=>{let{setOpen:c}=e();return o(t,{children:[a(i,{variant:`h1`,bold:!0,children:`What's new?`}),a(n,{variant:`ghost_icon`,onClick:()=>{c(!1)},"aria-label":`close modal`,children:a(r,{data:s})})]})};export{c as Header};

package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/Header/Header.styles.js

@@ -1,7 +1,4 @@
-import{spacings as e}from"../../../../../atoms/style/spacings.js";import t from"styled-components";const n=t.div`
+import e from"styled-components";const t=e.div`
   display: flex;
   justify-content: space-between;
-`,r=t.div`
-  display: flex;
-  gap: ${e.medium};
-`;export{r as ButtonContainer,n as Wrapper};
+`;export{t as Wrapper};

package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesDialog.js

@@ -1 +1 @@
-import{Status as e}from"../../../Status/index.js";import{usePrefetchRichTextImages as t}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{useReleaseNotes as n}from"../../../../providers/ReleaseNotesProvider.js";import{Button as r}from"../../../../molecules/Button/Button.js";import{Header as i}from"./Header/Header.js";import{AllReleaseNotesWrapper as a,LoadingWrapper as o,StyledDialog as s}from"./ReleaseNotesDialog.styles.js";import{ReleaseNote as c}from"../../../ReleaseNote/ReleaseNote.js";import{CircularProgress as l}from"@equinor/eds-core-react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{ReleaseNotesService as p,useReleaseNotesQuery as m}from"@equinor/subsurface-app-management";const h=({enabled:h})=>{let{setOpen:g,open:_,mostRecentReleaseNote:v,showAllReleaseNotesLink:y}=n(),{isLoading:b}=m({enabled:h}),{isPrefetching:x}=t({richTextValues:v?.body?[v.body]:[],onImageRead:p.getReleaseNoteImage});return f(s,{open:_,onClose:()=>{g(!1)},isDismissable:!0,children:[d(i,{}),b||x?d(o,{children:d(l,{})}):v?f(u,{children:[d(c,{...v,expanded:!0}),d(a,{children:d(r,{variant:`ghost`,href:y,target:`_blank`,children:`See all release notes in SAM`})})]}):f(e,{children:[d(e.Title,{title:`No published release notes`}),d(e.Description,{text:`This application has no published release notes yet.`})]})]})};export{h as ReleaseNotesDialog};
+import{Status as e}from"../../../Status/index.js";import{usePrefetchRichTextImages as t}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{useReleaseNotes as n}from"../../../../providers/ReleaseNotesProvider.js";import{Button as r}from"../../../../molecules/Button/Button.js";import{Header as i}from"./Header/Header.js";import{AllReleaseNotesWrapper as a,LoadingWrapper as o,StyledDialog as s}from"./ReleaseNotesDialog.styles.js";import{ReleaseNote as c}from"../../../ReleaseNote/ReleaseNote.js";import{CircularProgress as l}from"@equinor/eds-core-react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{Link as p}from"@tanstack/react-router";import{ReleaseNotesService as m,useReleaseNotesQuery as h}from"@equinor/subsurface-app-management";const g=({enabled:g})=>{let{setOpen:_,open:v,mostRecentReleaseNote:y}=n(),{isLoading:b}=h({enabled:g}),{isPrefetching:x}=t({richTextValues:y?.body?[y.body]:[],onImageRead:m.getReleaseNoteImage});return f(s,{open:v,onClose:()=>{_(!1)},isDismissable:!0,children:[d(i,{}),b||x?d(o,{children:d(l,{})}):y?f(u,{children:[d(c,{...y,expanded:!0}),d(a,{children:d(r,{as:p,variant:`ghost`,to:`/release-notes`,children:`See all release notes`})})]}):f(e,{children:[d(e.Title,{title:`No published release notes`}),d(e.Description,{text:`This application has no published release notes yet.`})]})]})};export{g as ReleaseNotesDialog};

package/dist/organisms/TopBar/Settings.js

@@ -22,4 +22,4 @@ import{spacings as e}from"../../atoms/style/spacings.js";import{elevation as t}f
     padding-top: ${e.small};
     padding-left: ${e.medium};
   }
-`,x=({allSettings:e,children:t})=>{let p=c(null),[x,S]=l(!1),C=o(r),w=()=>S(!1),T=()=>S(!x),E=s(()=>C?[{title:`Theme`,value:C.theme,onChange:e=>C.setTheme(e),items:[{label:`Light Mode`,name:`theme-group`,value:n.LIGHT,colorBox:`#ffffff`},{label:`Dark Mode`,name:`theme-group`,value:n.DARK,colorBox:`#243746`}]},...e??[]]:e??[],[e,C]);if(E.length===0)throw Error(`Empty settings in TopBar.Settings!`);return g(m,{children:[h(a,{variant:`ghost_icon`,onClick:T,ref:p,children:h(u,{data:_,size:24})}),g(i,{open:x,title:`Settings`,onClose:w,anchorEl:p.current,children:[h(b,{children:E.map((e,t)=>g(`div`,{children:[h(f,{variant:`overline`,children:e.title}),e.items.map((t,n)=>g(v,{children:[h(d,{id:t.label,disabled:t.disabled,label:t.label,name:e.title,value:`${t.label}-${n}`,checked:e.value===t.value,onChange:()=>e.onChange?.(t.value)}),t.colorBox&&h(y,{$color:t.colorBox,"data-testid":`colorbox-${t.colorBox}`}),t.text&&h(f,{variant:`h6`,children:t.text}),t.element&&t.element]},n))]},t))}),t]})]})};x.displayName=`TopBar.Settings`;export{x as Settings};
+`,x=({allSettings:e,children:t})=>{let p=c(null),[x,S]=l(!1),C=o(r),w=()=>S(!1),T=()=>S(!x),E=s(()=>C?[{title:`Theme`,value:C.theme,onChange:e=>C.setTheme(e),items:[{label:`Light Mode`,name:`theme-group`,value:n.LIGHT,colorBox:`#ffffff`},{label:`Dark Mode`,name:`theme-group`,value:n.DARK,colorBox:`#243746`}]},...e??[]]:e??[],[e,C]);if(E.length===0)throw Error(`Empty settings in TopBar.Settings!`);return g(m,{children:[h(a,{variant:`ghost_icon`,onClick:T,ref:p,"data-testid":`show-hide-button`,children:h(u,{data:_,size:24})}),g(i,{open:x,title:`Settings`,onClose:w,anchorEl:p.current,children:[h(b,{children:E.map((e,t)=>g(`div`,{children:[h(f,{variant:`overline`,children:e.title}),e.items.map((t,n)=>g(v,{children:[h(d,{id:t.label,disabled:t.disabled,label:t.label,name:e.title,value:`${t.label}-${n}`,checked:e.value===t.value,onChange:()=>e.onChange?.(t.value)}),t.colorBox&&h(y,{$color:t.colorBox,"data-testid":`colorbox-${t.colorBox}`}),t.text&&h(f,{variant:`h6`,children:t.text}),t.element&&t.element]},n))]},t))}),t]})]})};x.displayName=`TopBar.Settings`;export{x as Settings};

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

@@ -3,6 +3,7 @@ import { EnvironmentType } from "../../atoms/enums/Environment.js";
 import React, { ReactNode } from "react";
 
 //#region src/organisms/TopBar/TopBar.d.ts
+
 declare const TopBar: React.ForwardRefExoticComponent<{
   applicationIcon: string;
   applicationName: string;

package/dist/organisms/index.d.ts

@@ -19,6 +19,7 @@ import { PageTitle } from "./PageTitle/PageTitle.js";
 import { ReleaseNote, ReleaseNoteProps } from "./ReleaseNote/ReleaseNote.js";
 import { ToggleGroup } from "./ToggleGroup/index.js";
 import { Faq } from "./Faq/Faq.js";
+import { ReleaseNotesPage } from "./ReleaseNotesPage/ReleaseNotesPage.js";
 import { Card as Card$1, CardProps } from "@equinor/eds-core-react";
 import { EdsDataGridProps as DataGridProps } from "@equinor/eds-data-grid-react";
 export { Card$1 as Card, type CardProps, type DataGridProps };

package/dist/organisms/index.js

@@ -1 +1 @@
-import{Status as e}from"./Status/index.js";import{MissingAccessToApp as t}from"./Status/collections/MissingAccessToApp.js";import{DataGrid as n}from"./DataGrid/DataGrid.js";import{Template as r}from"./Template/Template.js";import{FieldSelector as i}from"./FieldSelector/FieldSelector.js";import{Filter as a}from"./Filter/index.js";import{SideBar as o}from"./SideBar/index.js";import{ReleaseNote as s}from"./ReleaseNote/ReleaseNote.js";import{TopBar as c}from"./TopBar/index.js";import{BadRequest as l}from"./Status/collections/BadRequest.js";import{GenericError as u}from"./Status/collections/GenericError.js";import{MissingPermissions as d}from"./Status/collections/MissingPermissions.js";import{PageNotFound as f}from"./Status/collections/PageNotFound.js";import{ServerError as p}from"./Status/collections/ServerError.js";import{ApiResponseError as m}from"./Status/collections/ApiResponseError.js";import{TableOfContents as h}from"./TableOfContents/TableOfContents.js";import{PageTitle as g}from"./PageTitle/PageTitle.js";import{ToggleGroup as _}from"./ToggleGroup/index.js";import{Faq as v}from"./Faq/Faq.js";import{Card as y}from"@equinor/eds-core-react";export{y as Card};
+import{Status as e}from"./Status/index.js";import{MissingAccessToApp as t}from"./Status/collections/MissingAccessToApp.js";import{DataGrid as n}from"./DataGrid/DataGrid.js";import{Template as r}from"./Template/Template.js";import{FieldSelector as i}from"./FieldSelector/FieldSelector.js";import{Filter as a}from"./Filter/index.js";import{SideBar as o}from"./SideBar/index.js";import{ReleaseNote as s}from"./ReleaseNote/ReleaseNote.js";import{TopBar as c}from"./TopBar/index.js";import{BadRequest as l}from"./Status/collections/BadRequest.js";import{GenericError as u}from"./Status/collections/GenericError.js";import{MissingPermissions as d}from"./Status/collections/MissingPermissions.js";import{PageNotFound as f}from"./Status/collections/PageNotFound.js";import{ServerError as p}from"./Status/collections/ServerError.js";import{ApiResponseError as m}from"./Status/collections/ApiResponseError.js";import{TableOfContents as h}from"./TableOfContents/TableOfContents.js";import{PageTitle as g}from"./PageTitle/PageTitle.js";import{ToggleGroup as _}from"./ToggleGroup/index.js";import{Faq as v}from"./Faq/Faq.js";import{ReleaseNotesPage as y}from"./ReleaseNotesPage/ReleaseNotesPage.js";import{Card as b}from"@equinor/eds-core-react";export{b as Card};

package/dist/providers/ReleaseNotesProvider.d.ts

@@ -6,7 +6,6 @@ interface ReleaseNotesContextState {
   open: boolean;
   setOpen: (open: boolean) => void;
   mostRecentReleaseNote: ReleaseNote | undefined;
-  showAllReleaseNotesLink: string;
 }
 declare const useReleaseNotes: () => ReleaseNotesContextState;
 interface ReleaseNotesContextProviderProps {

package/dist/providers/ReleaseNotesProvider.js

@@ -1 +1 @@
-import{EnvironmentType as e}from"../atoms/enums/Environment.js";import{environment as t}from"../atoms/utils/auth_environment.js";import{useLocalStorage as n}from"../atoms/hooks/useLocalStorage.js";import{usingReleaseNoteDate as r}from"../organisms/ReleaseNote/ReleaseNote.utils.js";import{environmentAndAppNameToURL as i}from"../organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesDialog.utils.js";import{sortReleaseNotesByDate as a}from"./ReleaseNotesProvider.utils.js";import{createContext as o,useContext as s,useEffect as c,useState as l}from"react";import{jsx as u}from"react/jsx-runtime";import{useReleaseNotesQuery as d}from"@equinor/subsurface-app-management";const{getEnvironmentName:f,getAppName:p}=t,m=o(void 0),h=()=>{let e=s(m);if(e===void 0)throw Error(`useReleaseNotes must be used within a ReleaseNotesProvider`);return e},g=1e3*60*60*24*14,_=({children:t,enabled:o,popUpNewReleaseNote:s=!1})=>{let{data:h}=d({enabled:o}),[_,v]=l(!1),[y,b]=n(`release-notes-was-viewed-key`,``,g),x=h?.toSorted(a).at(0),S=p(import.meta.env.VITE_NAME),C=f(import.meta.env.VITE_ENVIRONMENT_NAME),w=C===e.LOCALHOST?e.DEVELOP:C,T=i(w,S);return c(()=>{if(!x||!s)return;let e=new Date(r(x)).getTime();Date.now()-e<=g&&y!==x.releaseId&&(v(!0),b(x.releaseId))},[y,x,s,b]),u(m.Provider,{value:{open:_,setOpen:v,mostRecentReleaseNote:x,showAllReleaseNotesLink:T},children:t})};export{_ as ReleaseNotesProvider,h as useReleaseNotes};
+import{useLocalStorage as e}from"../atoms/hooks/useLocalStorage.js";import{usingReleaseNoteDate as t}from"../organisms/ReleaseNote/ReleaseNote.utils.js";import{sortReleaseNotesByDate as n}from"./ReleaseNotesProvider.utils.js";import{createContext as r,useContext as i,useEffect as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";import{useReleaseNotesQuery as c}from"@equinor/subsurface-app-management";const l=r(void 0),u=()=>{let e=i(l);if(e===void 0)throw Error(`useReleaseNotes must be used within a ReleaseNotesProvider`);return e},d=1e3*60*60*24*14,f=({children:r,enabled:i,popUpNewReleaseNote:u=!1})=>{let{data:f}=c({enabled:i}),[p,m]=o(!1),[h,g]=e(`release-notes-was-viewed-key`,``,d),_=f?.toSorted(n).at(0);return a(()=>{if(!_||!u)return;let e=new Date(t(_)).getTime();Date.now()-e<=d&&h!==_.releaseId&&(m(!0),g(_.releaseId))},[h,_,u,g]),s(l.Provider,{value:{open:p,setOpen:m,mostRecentReleaseNote:_},children:r})};export{f as ReleaseNotesProvider,u as useReleaseNotes};

package/dist/providers/TableOfContentsProvider.js

@@ -1 +1 @@
-import{useOnScreenMultiple as e}from"../atoms/hooks/useOnScreenMultiple.js";import{getValues as t}from"./TableOfContentsProvider.utils.js";import{createContext as n,useCallback as r,useContext as i,useEffect as a,useMemo as o,useRef as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";import{useLocation as u,useNavigate as d}from"@tanstack/react-router";const f=n(void 0);function p(){let e=i(f);if(e===void 0)throw Error(`'useTableOfContents' must be used within provider`);return e}const m=({items:n,children:i,hashNavigation:p})=>{let m=d(),{hash:h}=u(),[g,_]=c(n[0]?.value),[v,y]=c([]),b=s(!1),x=o(()=>n.flatMap(e=>t([],e)),[n]);a(()=>{y(x.map(e=>document.getElementById(e)))},[x]),a(()=>{h.length||(b.current=!0)},[h]);let S=r(e=>e.value===g?!0:e.children&&g?t([],e).includes(g):!1,[g]),C=e(v),w=s(-1),T=r((e,t)=>{let n=x.findIndex(t=>t===e);if(p){_(x[n]),m({to:`.`,hash:`#${x[n]}`,hashScrollIntoView:!1,replace:!0});return}let r=v[n];if(r){let e=t?.behavior??`smooth`;r.scrollIntoView({block:`start`,behavior:e}),w.current=n;let i=1/0,a=0,o=()=>{let e=r?.getBoundingClientRect().top;if(e===i){if(a+=1,a>1){_(x[n]),w.current=-1;return}}else a=0,i=e;requestAnimationFrame(o)};requestAnimationFrame(o)}},[v,p,m,x]);return a(()=>{if(h&&!b.current){b.current=!0;let e=decodeURIComponent(h.replace(`#`,``));if(!e.length||!x.includes(e))return;_(e),m({to:`.`,hash:`#${e}`,hashScrollIntoView:{block:`start`,behavior:`instant`},replace:!0})}},[h,m,x]),a(()=>{if(C.length===0||C.length!==x.length||w.current!==-1||!b.current)return;let e=-1;for(let t=C.length-1;t>=0;t--)C[t]&&(e=t);e===-1||x.at(e)===void 0||(_(x[e]),p&&m({to:`.`,hash:`#${x[e]}`,hashScrollIntoView:!1,replace:!0}))},[T,p,m,x,C]),l(f.Provider,{value:{items:n,selected:g,setSelected:T,isActive:S},children:i})};export{m as TableOfContentsProvider,p as useTableOfContents};
+import{useOnScreenMultiple as e}from"../atoms/hooks/useOnScreenMultiple.js";import{getValues as t}from"./TableOfContentsProvider.utils.js";import{createContext as n,useCallback as r,useContext as i,useEffect as a,useMemo as o,useRef as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";import{useLocation as u,useNavigate as d}from"@tanstack/react-router";const f=n(void 0);function p(){let e=i(f);if(e===void 0)throw Error(`'useTableOfContents' must be used within provider`);return e}const m=({items:n,children:i,hashNavigation:p})=>{let m=d(),{hash:h}=u(),[g,_]=c(n[0]?.value),[v,y]=c([]),b=s(!1),x=o(()=>n.flatMap(e=>t([],e)),[n]);a(()=>{y(x.map(e=>document.getElementById(e)))},[x]),a(()=>{h.length||(b.current=!0)},[h]);let S=r(e=>e.value===g?!0:e.children&&g?t([],e).includes(g):!1,[g]),C=e(v),w=s(-1),T=r((e,t)=>{let n=x.findIndex(t=>t===e);if(p){_(x[n]),m({to:`.`,hash:`#${x[n]}`,hashScrollIntoView:!1,replace:!0});return}let r=v[n];if(r){let e=t?.behavior??`smooth`;r.scrollIntoView({block:`start`,behavior:e}),w.current=n;let i=1/0,a=0,o=()=>{let e=r?.getBoundingClientRect().top;if(e===i){if(a+=1,a>1){_(x[n]),w.current=-1;return}}else a=0,i=e;requestAnimationFrame(o)};requestAnimationFrame(o)}},[v,p,m,x]);return a(()=>{if(h&&!b.current){b.current=!0;let e=decodeURIComponent(h.replace(`#`,``));if(!e.length||!x.includes(e))return;_(e),m({to:`.`,hash:`#${e}`,hashScrollIntoView:{behavior:`instant`,block:`start`},replace:!0})}},[h,m,x]),a(()=>{if(C.length===0||C.length!==x.length||w.current!==-1||!b.current)return;let e=-1;for(let t=C.length-1;t>=0;t--)C[t]&&(e=t);e===-1||x.at(e)===void 0||(_(x[e]),p&&m({to:`.`,hash:`#${x[e]}`,hashScrollIntoView:!1,replace:!0}))},[T,p,m,x,C]),l(f.Provider,{value:{items:n,selected:g,setSelected:T,isActive:S},children:i})};export{m as TableOfContentsProvider,p as useTableOfContents};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "9.17.0-beta.0",
+  "version": "10.0.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -48,13 +48,15 @@
   },
   "dependencies": {
     "@azure/msal-browser": "3.28.0",
-    "@azure/msal-react": "2.2.0"
+    "@azure/msal-react": "2.2.0",
+    "@storybook/addon-vitest": "^9.1.10"
   },
   "devDependencies": {
     "@equinor/eds-icons": "^0.22.0",
-    "@equinor/subsurface-app-management": "4.4.3-beta.0",
+    "@equinor/subsurface-app-management": "5.0.0",
     "@eslint/js": "^9.22.0",
     "@faker-js/faker": "^9.6.0",
+    "@storybook/addon-coverage": "^2.0.0",
     "@storybook/addon-designs": "^10.0.2",
     "@storybook/addon-docs": "^9.1.1",
     "@storybook/addon-links": "^9.1.1",
@@ -110,7 +112,7 @@
   },
   "peerDependencies": {
     "@equinor/eds-icons": "*",
-    "@equinor/subsurface-app-management": "4.4.3-beta.0",
+    "@equinor/subsurface-app-management": "^5.0.0",
     "@tanstack/react-query": "*",
     "@tanstack/react-router": "*",
     "react": "^19.0.0",

package/dist/molecules/ContentMenu/ContentMenu.d.ts

@@ -1,17 +0,0 @@
-import { FC } from "react";
-
-//#region src/molecules/ContentMenu/ContentMenu.d.ts
-interface ContentMenuItemType {
-  label: string;
-  value: string;
-  children?: ContentMenuItemType[];
-}
-interface ContentMenuProps {
-  items: ContentMenuItemType[];
-  value: string;
-  onChange: (value: string) => void;
-  isLoading?: boolean;
-}
-declare const ContentMenu: FC<ContentMenuProps>;
-//#endregion
-export { ContentMenu, ContentMenuProps };

package/dist/molecules/ContentMenu/ContentMenu.js

@@ -1 +0,0 @@
-import{Container as e,ContentMenuChildItem as t,ContentMenuItem as n,ContentMenuItemSkeleton as r}from"./ContentMenu.styles.js";import{useCallback as i,useMemo as a,useState as o}from"react";import{Icon as s}from"@equinor/eds-core-react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{chevron_down as u,chevron_up as d}from"@equinor/eds-icons";const f=({items:f,value:p,onChange:m,isLoading:h=!1})=>{let[g,_]=o([]),v=i((e,t)=>{t&&(g.findIndex(t=>t===e)>=0?_(t=>t.filter(t=>t!==e)):_(t=>[...t,e])),m(e)},[m,g]),y=a(()=>{let e=[];for(let r of f)if(e.push(l(n,{$active:p===r.value,onClick:()=>v(r.value,!!r.children),children:[r.children&&c(s,{data:g.includes(r.value)?d:u}),r.label]},`content-menu-item-${r.label}`)),r.children&&g.includes(r.value))for(let n of r.children)e.push(c(t,{$active:p===n.value,onClick:()=>v(n.value,!1),children:n.label},`content-menu-item-${n.label}`));return e},[v,f,g,p]);return h?c(e,{"data-testid":`content-menu-container`,children:[,,,,,].fill(0).map((e,t)=>c(r,{$offset:t*100},`content-menu-item-skeleton-${e+t}`))}):c(e,{"data-testid":`content-menu-container`,children:y})};export{f as ContentMenu};

package/dist/molecules/ContentMenu/ContentMenu.styles.js

@@ -1,52 +0,0 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{SkeletonBase as r}from"../Skeleton/SkeletonBase/SkeletonBase.js";import i from"styled-components";const a=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${t.small};
-`,o=i.button`
-  display: flex;
-  align-items: center;
-  gap: ${t.xx_small};
-  color: ${e.text.static_icons__default.rgba};
-  border: none;
-  border-radius: ${n.corners.borderRadius};
-  min-width: 150px;
-  width: fit-content;
-  padding: ${t.medium_small} ${t.medium};
-  text-align: left;
-  background: ${t=>t.$active?e.interactive.primary__hover_alt.rgba:`none`};
-  transition: background 150ms;
-  &:hover {
-    background: ${e.interactive.primary__hover_alt.rgba};
-    cursor: pointer;
-  }
-  font-family: 'Equinor', sans-serif;
-  font-weight: 700;
-  font-size: 14px;
-`,s=i.button`
-  display: flex;
-  align-items: center;
-  gap: ${t.xx_small};
-  color: ${e.text.static_icons__default.rgba};
-  border: none;
-  margin-left: ${t.medium_small};
-  border-radius: ${n.corners.borderRadius};
-  min-width: calc(150px - ${t.medium_small});
-  width: fit-content;
-  padding: ${t.medium_small} ${t.medium};
-  text-align: left;
-  background: ${t=>t.$active?e.interactive.primary__hover_alt.rgba:`none`};
-  transition: background 400ms;
-  &:hover {
-    background: ${e.interactive.primary__hover_alt.rgba};
-    cursor: pointer;
-  }
-  font-family: 'Equinor', sans-serif;
-  font-weight: 700;
-  font-size: 14px;
-`,c=i(r)`
-  border: none;
-  border-radius: ${n.corners.borderRadius};
-  width: 150px;
-  height: 1rem;
-  padding: ${t.medium_small} 0;
-`;export{a as Container,s as ContentMenuChildItem,o as ContentMenuItem,c as ContentMenuItemSkeleton};

package/dist/molecules/SingleFilterMenu/SingleFilterMenu.d.ts

@@ -1,15 +0,0 @@
-import { FC } from "react";
-import { IconData } from "@equinor/eds-icons";
-
-//#region src/molecules/SingleFilterMenu/SingleFilterMenu.d.ts
-interface SingleFilterMenuProps {
-  onChange: (selectedId: string | undefined | null) => void;
-  customIcon?: IconData;
-  menuTitle: string;
-  data: string[];
-  showChip?: boolean;
-  chipColor?: string;
-}
-declare const SingleFilterMenu: FC<SingleFilterMenuProps>;
-//#endregion
-export { SingleFilterMenu, SingleFilterMenuProps };

package/dist/molecules/SingleFilterMenu/SingleFilterMenu.js

@@ -1,20 +0,0 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../atoms/style/spacings.js";import n,{useState as r}from"react";import{Button as i,Chip as a,Icon as o,Menu as s,Typography as c}from"@equinor/eds-core-react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{filter_list as f}from"@equinor/eds-icons";const{colors:p}=e,m=l.div`
-  margin-left: auto;
-  display: flex;
-  align-items: center;
-  gap: 25px;
-`,h=l(a)`
-  background: ${e=>e.$backgroundColor};
-`,g=l(i)`
-  justify-self: flex-end;
-`,_=l(s)`
-  overflow-y: auto;
-`,v=l.div`
-  padding: ${t.medium};
-  padding-left: ${t.large};
-`,y=l(s.Item)`
-  &:focus {
-    outline: none;
-    background: ${p.ui.background__light.rgba};
-  }
-`,b=({onChange:e,customIcon:t,menuTitle:n,data:i,showChip:a=!1,chipColor:s=p.ui.background__default.rgba})=>{let[l,b]=r(!1),[x,S]=r(null),[C,w]=r(),T=e=>{let t=e.target;S(t),b(!l)},E=()=>b(!1),D=t=>{b(!1),C===t?(w(void 0),e(void 0)):(w(t),e(t))},O=()=>{E(),e(void 0),w(void 0)};return d(m,{children:[a&&C&&u(h,{"data-testid":`chip`,onDelete:O,variant:`default`,$backgroundColor:s,children:C}),u(g,{"data-testid":`menuButton`,variant:`ghost_icon`,onClick:e=>T(e),children:u(o,{data:t??f})}),d(_,{open:l,anchorEl:x,onClose:E,placement:`bottom-end`,"data-testid":`menuContainer`,children:[u(v,{children:u(c,{group:`navigation`,variant:`label`,children:n})}),i.map((e,t)=>u(y,{onClick:()=>D(e),disabled:C===e&&a,active:C===e&&!a,children:u(c,{group:`navigation`,variant:`menu_title`,as:`span`,children:e})},e+t))]})]})};b.displayName=`SingleFilterMenu`;export{b as SingleFilterMenu};

package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesDialog.utils.js

@@ -1 +0,0 @@
-import{EnvironmentType as e}from"../../../../atoms/enums/Environment.js";function t(t,n){return t&&t!==e.PRODUCTION?`https://client-subsurfappmanagement-frontend-${t}.radix.equinor.com/release-notes?filters={"applications"%3A["${encodeURIComponent(n)}"]}`:`https://subsurfappmanagement.equinor.com/release-notes?filters={"applications"%3A["${encodeURIComponent(n)}"]}`}export{t as environmentAndAppNameToURL};