@equinor/amplify-component-lib 9.13.0 → 9.14.0-beta.1

package/dist/providers/AuthProvider/AuthProviderInner.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{useState as e,useRef as t,useEffect as r}from"react";import{InteractionType as n,InteractionRequiredAuthError as i}from"@azure/msal-browser";import{useMsal as c,useMsalAuthentication as a}from"@azure/msal-react";import{auth as s,environment as u}from"../../atoms/utils/auth_environment.js";import{FullPageSpinner as l}from"../../molecules/FullPageSpinner/FullPageSpinner.js";import{MissingAccessToApp as d}from"../../organisms/Status/collections/MissingAccessToApp.js";import{jwtDecode as h}from"jwt-decode";const{GRAPH_ENDPOINTS:g,GRAPH_REQUESTS_LOGIN:A,GRAPH_REQUESTS_PHOTO:m,GRAPH_REQUESTS_BACKEND:P,fetchMsGraph:v,isInIframe:p}=s,{getApiScope:f}=u,w=({children:s,account:u,setAccount:w,setPhoto:S,setRoles:T,authState:E,setAuthState:z,withoutLoader:R,loadingComponent:k,unauthorizedComponent:_,withoutBackend:y})=>{const{instance:O,accounts:I,inProgress:U}=c(),{login:j,result:F,error:G,acquireToken:H}=a(n.Silent,A),[b,C]=e(!1),L=t(!1);return r((()=>{if(b)return;(async()=>{console.log("[AuthProvider] Initializing"),await O.initialize(),console.log("[AuthProvider] Finished initializing"),C(!0)})().catch((o=>{console.error("[AuthProvider] Error during initialization",o)}))}),[O,b]),r((()=>{b&&(G instanceof i&&!p()&&"unauthorized"!==E?(console.error(G),console.log("[AuthProvider] No account found, need to login via. redirect"),j(n.Redirect,A).catch((o=>{console.error("[AuthProvider] Error during login",o)}))):F?.account&&!u?(console.log("[AuthProvider] Found account in useMsalAuth result, setting that one as active"),O.setActiveAccount(F.account),w(F.account)):I.length>0&&!u?(console.log("[AuthProvider] Found account in accounts array, setting that one as active"),O.setActiveAccount(I[0]),w(I[0])):G&&console.error("[AuthProvider] Unexpected error:",G))}),[u,I,G,O,b,j,F,w,E]),r((()=>{if(!u||!b||L.current||"none"!==U)return;L.current=!0;(async()=>{await(async()=>{try{const o=await H(n.Silent,m);if(o){const e=await v(g.PHOTO,o.accessToken);if(404===e.status)return null;const t=await e.blob(),r=(window.URL??window.webkitURL).createObjectURL(t);S(r)}}catch(o){console.error(o)}})(),y?z("authorized"):await(async()=>{try{const o=await H(n.Silent,P(f(import.meta.env.VITE_API_SCOPE)));if(console.log("[AuthProvider] Successfully acquired token"),o&&o.accessToken){console.log("[AuthProvider] Decoding token");const e=h(o.accessToken);if(console.log("[AuthProvider] Token was valid"),!e.roles)throw new Error("Could not find roles in token");console.log("[AuthProvider] Found roles"),T(e.roles),z("authorized")}}catch(o){console.error("[AuthProvider] Token error when trying to get roles!",o),z("unauthorized")}})()})()}),[u,H,G,b,U,z,S,T,y]),"unauthorized"===E?_??o(d,{}):R?s:"loading"===E||void 0===u?k??o(l,{variant:"application"}):s};export{w as AuthProviderInner};
+import{jsx as o}from"react/jsx-runtime";import{useState as e,useRef as t,useEffect as r}from"react";import{InteractionType as n,InteractionRequiredAuthError as i}from"@azure/msal-browser";import{useMsal as c,useMsalAuthentication as a}from"@azure/msal-react";import{auth as s,environment as u}from"../../atoms/utils/auth_environment.js";import{FullPageSpinner as l}from"../../molecules/FullPageSpinner/FullPageSpinner.js";import{MissingAccessToApp as d}from"../../organisms/Status/collections/MissingAccessToApp.js";import{jwtDecode as h}from"jwt-decode";const{GRAPH_ENDPOINTS:g,GRAPH_REQUESTS_LOGIN:A,GRAPH_REQUESTS_PHOTO:m,GRAPH_REQUESTS_BACKEND:P,fetchMsGraph:v,isInIframe:p}=s,{getApiScope:f}=u,w=({children:s,account:u,setAccount:w,setPhoto:S,setRoles:T,authState:E,setAuthState:z,withoutLoader:R,loadingComponent:k,unauthorizedComponent:_,withoutBackend:y})=>{const{instance:O,accounts:I,inProgress:U}=c(),{login:j,result:F,error:G,acquireToken:H}=a(n.Silent,A),[b,C]=e(!1),L=t(!1);return r(()=>{if(b)return;(async()=>{console.log("[AuthProvider] Initializing"),await O.initialize(),console.log("[AuthProvider] Finished initializing"),C(!0)})().catch(o=>{console.error("[AuthProvider] Error during initialization",o)})},[O,b]),r(()=>{b&&(G instanceof i&&!p()&&"unauthorized"!==E?(console.error(G),console.log("[AuthProvider] No account found, need to login via. redirect"),j(n.Redirect,A).catch(o=>{console.error("[AuthProvider] Error during login",o)})):F?.account&&!u?(console.log("[AuthProvider] Found account in useMsalAuth result, setting that one as active"),O.setActiveAccount(F.account),w(F.account)):I.length>0&&!u?(console.log("[AuthProvider] Found account in accounts array, setting that one as active"),O.setActiveAccount(I[0]),w(I[0])):G&&console.error("[AuthProvider] Unexpected error:",G))},[u,I,G,O,b,j,F,w,E]),r(()=>{if(!u||!b||L.current||"none"!==U)return;L.current=!0;(async()=>{await(async()=>{try{const o=await H(n.Silent,m);if(o){const e=await v(g.PHOTO,o.accessToken);if(404===e.status)return null;const t=await e.blob(),r=(window.URL??window.webkitURL).createObjectURL(t);S(r)}}catch(o){console.error(o)}})(),y?z("authorized"):await(async()=>{try{const o=await H(n.Silent,P(f(import.meta.env.VITE_API_SCOPE)));if(console.log("[AuthProvider] Successfully acquired token"),o&&o.accessToken){console.log("[AuthProvider] Decoding token");const e=h(o.accessToken);if(console.log("[AuthProvider] Token was valid"),!e.roles)throw new Error("Could not find roles in token");console.log("[AuthProvider] Found roles"),T(e.roles),z("authorized")}}catch(o){console.error("[AuthProvider] Token error when trying to get roles!",o),z("unauthorized")}})()})()},[u,H,G,b,U,z,S,T,y]),"unauthorized"===E?_??o(d,{}):R?s:"loading"===E||void 0===u?k??o(l,{variant:"application"}):s};export{w as AuthProviderInner};

package/dist/providers/LoadingProvider.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as o,useEffect as t}from"react";import{SAM_QUERIES as s}from"@equinor/subsurface-app-management";import{useIsFetching as i}from"@tanstack/react-query";import"../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../molecules/ApplicationIcon/ApplicationIcon.js";import"../molecules/Badge/Badge.styles.js";import"@equinor/eds-core-react";import"../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../molecules/Button/Button.js";import"../molecules/Chip/Chip.js";import"../molecules/ContentMenu/ContentMenu.styles.js";import"../molecules/DatePicker/DatePicker.js";import"../molecules/Dialog/Dialog.js";import"../molecules/EquinorLogo/EquinorLogo.js";import"../molecules/FileProgress/CompactFileProgress.styles.js";import"../atoms/style/colors.js";import"../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../molecules/RichTextEditor/RichTextEditor.types.js";import"../molecules/FileProgress/RegularFileProgress.styles.js";import"../molecules/FileUploadArea/FileUploadArea.js";import{FullPageSpinner as r}from"../molecules/FullPageSpinner/FullPageSpinner.js";import"../molecules/InfoElement/InfoElement.js";import"../molecules/OptionalTooltip/OptionalTooltip.js";import"../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../molecules/RichTextEditor/RichTextEditor.styles.js";import"../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../molecules/Tabs/Tabs.js";import"../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../molecules/Search/Search.js";import"react-router-dom";import"../molecules/Sieve/Sieve.styles.js";import"../_virtual/lodash.js";import"../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../molecules/Skeleton/Skeleton.styles.js";import"../molecules/Stepper/Stepper.js";import"../molecules/OptionDrawer/OptionDrawer.js";import"../molecules/Select/Select.styles.js";import"../molecules/ListItem/ListItem.js";import"../molecules/SelectionControls/Checkbox/Checkbox.js";import"../molecules/SelectionControls/Radio/Radio.js";import"../molecules/SelectionControls/Switch/Switch.js";import"../molecules/Waves/Waves.styles.js";import"framer-motion";import{useAuth as l}from"./AuthProvider/AuthProvider.js";const m=({customQueryKeys:m=[],children:c})=>{const{authState:p}=l(),n=i({predicate:e=>s.some((o=>e.queryKey.includes(o)))||m.some((o=>e.queryKey.includes(o)))})>0,[a,u]=o(!0);return t((()=>{"authorized"===p&&!n&&a&&u(!1)}),[p,n,a]),"authorized"!==p?e(r,{variant:"application",fixedPosition:!0}):a?e(r,{variant:"application",fixedPosition:!0,children:c}):c};export{m as LoadingProvider};
+import{jsx as e}from"react/jsx-runtime";import{useState as o,useEffect as t}from"react";import{SAM_QUERIES as s}from"@equinor/subsurface-app-management";import{useIsFetching as i}from"@tanstack/react-query";import"../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../molecules/ApplicationIcon/ApplicationIcon.js";import"../molecules/Badge/Badge.styles.js";import"@equinor/eds-core-react";import"../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../molecules/Button/Button.js";import"../molecules/Chip/Chip.js";import"../molecules/ContentMenu/ContentMenu.styles.js";import"../molecules/DatePicker/DatePicker.js";import"../molecules/DateRangePicker/DateRangePicker.js";import"../molecules/Dialog/Dialog.js";import"../molecules/EquinorLogo/EquinorLogo.js";import"../molecules/FileProgress/CompactFileProgress.styles.js";import"../atoms/style/colors.js";import"../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../molecules/RichTextEditor/RichTextEditor.types.js";import"../molecules/FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../molecules/FileUploadArea/FileUploadArea.styles.js";import{FullPageSpinner as r}from"../molecules/FullPageSpinner/FullPageSpinner.js";import"../molecules/InfoElement/InfoElement.js";import"../molecules/OptionalTooltip/OptionalTooltip.js";import"../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../molecules/RichTextEditor/RichTextEditor.styles.js";import"../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../molecules/Tabs/Tabs.js";import"../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../molecules/Search/Search.js";import"../molecules/Sieve/Sieve.styles.js";import"../_virtual/lodash.js";import"../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../molecules/Skeleton/Skeleton.styles.js";import"../molecules/Stepper/Stepper.js";import"../molecules/OptionDrawer/OptionDrawer.js";import"../molecules/Select/Select.styles.js";import"../molecules/Skeleton/SkeletonField.js";import"../molecules/ListItem/ListItem.js";import"../molecules/SelectionControls/Checkbox/Checkbox.js";import"../molecules/SelectionControls/Radio/Radio.js";import"../molecules/SelectionControls/Switch/Switch.js";import"../molecules/Waves/Waves.styles.js";import"framer-motion";import{useAuth as l}from"./AuthProvider/AuthProvider.js";const m=({customQueryKeys:m=[],children:c})=>{const{authState:p}=l(),n=i({predicate:e=>s.some(o=>e.queryKey.includes(o))||m.some(o=>e.queryKey.includes(o))})>0,[a,u]=o(!0);return t(()=>{"authorized"===p&&!n&&a&&u(!1)},[p,n,a]),"authorized"!==p?e(r,{variant:"application",fixedPosition:!0}):a?e(r,{variant:"application",fixedPosition:!0,children:c}):c};export{m as LoadingProvider};

package/dist/providers/ReleaseNotesProvider.js

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

package/dist/providers/ReleaseNotesProvider.utils.js

@@ -1 +1 @@
-import"react";import"../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../molecules/RichTextEditor/RichTextEditor.types.js";import"../_virtual/lodash.js";import"../organisms/TopBar/Notifications/NotificationProvider.js";import"./AuthProvider/AuthProvider.js";import"./ReleaseNotesProvider.js";import"./SideBarProvider.js";import"./SnackbarProvider/SnackbarProvider.js";import"./StepperProvider.js";import"./TableOfContentsProvider.js";import"./ThemeProvider/ThemeProvider.js";import"react-router-dom";import"@tanstack/react-query";import"@equinor/subsurface-app-management";import"../atoms/utils/auth_environment.js";import"../atoms/style/colors.js";import"../atoms/enums/Errors.js";import"../atoms/enums/Environment.js";import"../atoms/enums/Theme.js";import"../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import{sortByDate as r}from"../atoms/utils/sort.js";import"@equinor/eds-icons";const t=(t,o)=>r(t.releaseDate??t.createdDate,o.releaseDate??o.createdDate);export{t as sortReleaseNotesByDate};
+import"react";import"../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../molecules/RichTextEditor/RichTextEditor.types.js";import"../_virtual/lodash.js";import"../organisms/TopBar/Notifications/NotificationProvider.js";import"./AuthProvider/AuthProvider.js";import"./ReleaseNotesProvider.js";import"./SideBarProvider.js";import"./SnackbarProvider/SnackbarProvider.js";import"./StepperProvider.js";import"./TableOfContentsProvider.js";import"./ThemeProvider/ThemeProvider.js";import"@tanstack/react-query";import"@equinor/subsurface-app-management";import"../atoms/utils/auth_environment.js";import"../atoms/style/colors.js";import"../atoms/enums/Errors.js";import"../atoms/enums/Environment.js";import"../atoms/enums/Theme.js";import"../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import{sortByDate as r}from"../atoms/utils/sort.js";import"@equinor/eds-icons";const t=(t,o)=>r(t.releaseDate??t.createdDate,o.releaseDate??o.createdDate);export{t as sortReleaseNotesByDate};

package/dist/providers/SnackbarProvider/SnackbarProvider.js

@@ -1 +1 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import{createContext as t,useContext as i,useState as e,useCallback as n}from"react";import{Icon as a,Typography as d,Snackbar as c,Button as s}from"@equinor/eds-core-react";import{close as l}from"@equinor/eds-icons";import{StyledSnackbar as m}from"./SnackbarProvider.styles.js";import{snackbarIcon as v}from"./SnackbarProvider.utils.js";const h=t(void 0),u=()=>{const r=i(h);if(void 0===r)throw new Error("useSnackbar must be used within a SnackbarContextProvider");return r},b=({children:t,...i})=>{const[u,b]=e(!1),[p,f]=e(void 0),[k,S]=e(i),[x,C]=e(),P=n(((r,o)=>{f("string"==typeof r?{text:r,variant:"info"}:r),S(o?.customProps??i),C(o?.action??void 0),b(!0)}),[i]),w=()=>{b(!1),k.onClose&&k.onClose()};return r(h.Provider,{value:{showSnackbar:P,setActionDisabledState:r=>{C((o=>o?{...o,disabled:r}:o))},hideSnackbar:()=>b(!1)},children:[t,r(m,{$variant:p?.variant,open:u,onClose:w,autoHideDuration:k.autoHideDuration,placement:k.placement,children:[p&&o(a,{data:v(p.variant)}),o(d,{variant:"body_short",children:p?.text}),x&&o(c.Action,{children:o(s,{disabled:x.disabled,variant:"ghost",onClick:x.handler,children:x.text})}),o(s,{variant:"ghost_icon",onClick:w,children:o(a,{data:l})})]})]})};export{b as SnackbarProvider,u as useSnackbar};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{createContext as t,useContext as i,useState as e,useCallback as n}from"react";import{Icon as a,Typography as d,Snackbar as c,Button as s}from"@equinor/eds-core-react";import{close as l}from"@equinor/eds-icons";import{StyledSnackbar as m}from"./SnackbarProvider.styles.js";import{snackbarIcon as v}from"./SnackbarProvider.utils.js";const h=t(void 0),u=()=>{const r=i(h);if(void 0===r)throw new Error("useSnackbar must be used within a SnackbarContextProvider");return r},b=({children:t,...i})=>{const[u,b]=e(!1),[p,f]=e(void 0),[k,S]=e(i),[x,C]=e(),P=n((r,o)=>{f("string"==typeof r?{text:r,variant:"info"}:r),S(o?.customProps??i),C(o?.action??void 0),b(!0)},[i]),w=()=>{b(!1),k.onClose&&k.onClose()};return r(h.Provider,{value:{showSnackbar:P,setActionDisabledState:r=>{C(o=>o?{...o,disabled:r}:o)},hideSnackbar:()=>b(!1)},children:[t,r(m,{$variant:p?.variant,open:u,onClose:w,autoHideDuration:k.autoHideDuration,placement:k.placement,children:[p&&o(a,{data:v(p.variant)}),o(d,{variant:"body_short",children:p?.text}),x&&o(c.Action,{children:o(s,{disabled:x.disabled,variant:"ghost",onClick:x.handler,children:x.text})}),o(s,{variant:"ghost_icon",onClick:w,children:o(a,{data:l})})]})]})};export{b as SnackbarProvider,u as useSnackbar};

package/dist/providers/StepperProvider.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as t,useState as r,useCallback as s,useContext as n}from"react";import{useParams as i,useNavigate as p,useLocation as o}from"react-router";const u=t(void 0);function a(){const e=n(u);if(!e)throw new Error("useStepper must be used within a StepperProvider");return e}const S=({steps:t,children:n,isStepDisabled:a,...S})=>{const{step:c}=i(),m=p(),b=o().pathname.split("/").slice(0,-1).join("/"),l=S.syncToURLParam?Number(c):S?.initialStep??0;if(S.syncToURLParam&&c&&isNaN(Number(c)))throw new Error('Step URL param must be a valid number when using "syncToURLParam"');if(t.length<2)throw new Error("Stepper must have at least 2 steps");const[h,d]=r(l),f=S.syncToURLParam?Number(c):h,[w,g]=r(0);if(l>=t.length||l<0)throw new Error("initialStep must be a valid index of the steps array");const v=e=>{S.syncToURLParam?m(`${b}/${e}`):d(e)},P=s((e=>!!a&&a({step:t[e],stepIndex:e,currentStep:t[f],currentStepIndex:f})),[a,f,t]);return e(u.Provider,{value:{steps:t,currentStep:f,currentSubStep:w,setCurrentStep:v,goToNextStep:()=>{"subSteps"in t[f]&&t[f].subSteps&&w<t[f].subSteps.length-1?g((e=>e+1)):f!==t.length-1&&(v(f+1),0!==w&&g(0))},goToPreviousStep:()=>{if(w>0&&"subSteps"in t[f]&&t[f].subSteps&&t[f].subSteps.length>0)return void g((e=>e-1));if(0===f)return;v(f-1);const e=t.at(f-1);e&&"subSteps"in e&&e.subSteps&&g(e.subSteps.length-1)},isStepAtIndexDisabled:P},children:n})};export{u as StepperContext,S as StepperProvider,a as useStepper};
+import{jsx as e}from"react/jsx-runtime";import{createContext as t,useState as r,useCallback as s,useContext as n}from"react";import{useParams as i,useNavigate as o,useLocation as p}from"@tanstack/react-router";const a=t(void 0);function u(){const e=n(a);if(!e)throw new Error("useStepper must be used within a StepperProvider");return e}const c=({steps:t,children:n,isStepDisabled:u,...c})=>{const{step:S}=i({strict:!1}),m=o(),b=p().pathname.split("/").slice(0,-1).join("/"),l=c.syncToURLParam?Number(S):c?.initialStep??0;if(c.syncToURLParam&&S&&isNaN(Number(S)))throw new Error('Step URL param must be a valid number when using "syncToURLParam"');if(t.length<2)throw new Error("Stepper must have at least 2 steps");const[h,d]=r(l),f=c.syncToURLParam?Number(S):h,[w,g]=r(0);if(l>=t.length||l<0)throw new Error("initialStep must be a valid index of the steps array");const v=e=>{c.syncToURLParam?m({to:`${b}/${e}`}):d(e)},P=s(e=>!!u&&u({step:t[e],stepIndex:e,currentStep:t[f],currentStepIndex:f}),[u,f,t]);return e(a.Provider,{value:{steps:t,currentStep:f,currentSubStep:w,setCurrentStep:v,goToNextStep:()=>{"subSteps"in t[f]&&t[f].subSteps&&w<t[f].subSteps.length-1?g(e=>e+1):f!==t.length-1&&(v(f+1),0!==w&&g(0))},goToPreviousStep:()=>{if(w>0&&"subSteps"in t[f]&&t[f].subSteps&&t[f].subSteps.length>0)return void g(e=>e-1);if(0===f)return;v(f-1);const e=t.at(f-1);e&&"subSteps"in e&&e.subSteps&&g(e.subSteps.length-1)},isStepAtIndexDisabled:P},children:n})};export{a as StepperContext,c as StepperProvider,u as useStepper};

package/dist/providers/TableOfContentsProvider.js

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

package/dist/providers/ThemeProvider/ThemeProvider.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as o,useEffect as t,useContext as e}from"react";import{THEME_LOCALSTORAGE_KEY as i}from"./ThemeProvider.constants.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import{useLocalStorage as s}from"../../atoms/hooks/useLocalStorage.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../AuthProvider/AuthProvider.js";import"../ReleaseNotesProvider.js";import"../SideBarProvider.js";import"../SnackbarProvider/SnackbarProvider.js";import"../StepperProvider.js";import"../TableOfContentsProvider.js";import"react-router-dom";import"@tanstack/react-query";import"@equinor/subsurface-app-management";import"../../atoms/utils/auth_environment.js";import"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Environment.js";import{Theme as m}from"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";const n=o(void 0);function a(){const r=e(n);if(void 0===r)throw new Error("ThemeProvider must be used within Provider");return r}const p=({children:o})=>{const[e,a]=s(i,m.LIGHT);t((()=>{document.documentElement.setAttribute("data-theme",e)}),[e]);return r(n.Provider,{value:{theme:e,setTheme:r=>{a(r)}},children:o})};export{p as ThemeProvider,n as ThemeProviderContext,a as useThemeProvider};
+import{jsx as r}from"react/jsx-runtime";import{createContext as o,useEffect as t,useContext as e}from"react";import{THEME_LOCALSTORAGE_KEY as i}from"./ThemeProvider.constants.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import{useLocalStorage as s}from"../../atoms/hooks/useLocalStorage.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../AuthProvider/AuthProvider.js";import"../ReleaseNotesProvider.js";import"../SideBarProvider.js";import"../SnackbarProvider/SnackbarProvider.js";import"../StepperProvider.js";import"../TableOfContentsProvider.js";import"@tanstack/react-query";import"@equinor/subsurface-app-management";import"../../atoms/utils/auth_environment.js";import"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Environment.js";import{Theme as m}from"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";const n=o(void 0);function a(){const r=e(n);if(void 0===r)throw new Error("ThemeProvider must be used within Provider");return r}const p=({children:o})=>{const[e,a]=s(i,m.LIGHT);t(()=>{document.documentElement.setAttribute("data-theme",e)},[e]);return r(n.Provider,{value:{theme:e,setTheme:r=>{a(r)}},children:o})};export{p as ThemeProvider,n as ThemeProviderContext,a as useThemeProvider};

package/dist/providers/TutorialHighlightingProvider/TutorialHighlightingProviderInner.js

@@ -21,4 +21,4 @@ import{jsxs as t,Fragment as i,jsx as e}from"react/jsx-runtime";import{useState
   height: 100vh;
   background: none;
   pointer-events: none;
-`,u=({children:d})=>{const{activeTutorial:p,activeStep:u,unseenTutorialsOnThisPage:w}=o(),v=s()>0,$=h(),[y,j]=r({width:window.innerWidth,height:window.innerHeight});n((()=>{const t=()=>{j({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}),[]);const[k,x]=r([]);n((()=>{if(v)return;(async()=>{if(p&&void 0!==u){if(!p.steps[u].highlightElement)return x([]);const t=await m(p.id,u,y);return x(t?[t]:[])}const t=await Promise.all(w.map((t=>{if(t.steps.at(0)?.highlightElement)return m(t.id,0,y)})));x(t.filter((t=>void 0!==t)))})()}),[u,p,v,w,y]);const E=p?[p]:w.filter((t=>t.steps[0].highlightElement&&k.some((t=>t.id))||!t.steps[0].highlightElement));return E.length>0?t(i,{children:[d,e(f,{children:E.map((t=>{const i=k.find((i=>i.id===t.id));return e(l,{isHighlighting:k.length>0,...t,...i},t.id)}))}),t(g,{children:[t("mask",{id:"tutorials-rectangles",children:[e("rect",{width:"100%",height:"100%",fill:"white"}),e(c.g,{style:{translateY:$},children:k.map((t=>e(c.path,{"data-testid":`tutorial-mask-${t.id}`,initial:{opacity:0,d:`M ${t.left} ${t.top} h ${t.width} v ${t.height} h -${t.width} Z`},animate:{opacity:1,d:`M ${t.left} ${t.top} h ${t.width} v ${t.height} h -${t.width} Z`},fill:"black"},t.id)))})]}),e(c.rect,{width:"100%",height:"100%",fill:"rgba(111, 111, 111, 0.35)",mask:"url(#tutorials-rectangles)",...a})]})]}):e(i,{children:d})};export{u as TutorialHighlightingProviderInner};
+`,u=({children:d})=>{const{activeTutorial:p,activeStep:u,unseenTutorialsOnThisPage:w}=o(),v=s()>0,$=h(),[y,j]=r({width:window.innerWidth,height:window.innerHeight});n(()=>{const t=()=>{j({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);const[k,x]=r([]);n(()=>{if(v)return;(async()=>{if(p&&void 0!==u){if(!p.steps[u].highlightElement)return x([]);const t=await m(p.id,u,y);return x(t?[t]:[])}const t=await Promise.all(w.map(t=>{if(t.steps.at(0)?.highlightElement)return m(t.id,0,y)}));x(t.filter(t=>void 0!==t))})()},[u,p,v,w,y]);const E=p?[p]:w.filter(t=>t.steps[0].highlightElement&&k.some(t=>t.id)||!t.steps[0].highlightElement);return E.length>0?t(i,{children:[d,e(f,{children:E.map(t=>{const i=k.find(i=>i.id===t.id);return e(l,{isHighlighting:k.length>0,...t,...i},t.id)})}),t(g,{children:[t("mask",{id:"tutorials-rectangles",children:[e("rect",{width:"100%",height:"100%",fill:"white"}),e(c.g,{style:{translateY:$},children:k.map(t=>e(c.path,{"data-testid":`tutorial-mask-${t.id}`,initial:{opacity:0,d:`M ${t.left} ${t.top} h ${t.width} v ${t.height} h -${t.width} Z`},animate:{opacity:1,d:`M ${t.left} ${t.top} h ${t.width} v ${t.height} h -${t.width} Z`},fill:"black"},t.id))})]}),e(c.rect,{width:"100%",height:"100%",fill:"rgba(111, 111, 111, 0.35)",mask:"url(#tutorials-rectangles)",...a})]})]}):e(i,{children:d})};export{u as TutorialHighlightingProviderInner};

package/dist/providers/TutorialHighlightingProvider/TutorialPopover/StepIndicator.js

@@ -1,20 +1,20 @@
-import{jsx as t}from"react/jsx-runtime";import{useTutorials as r}from"@equinor/subsurface-app-management";import{shape as e}from"../../../atoms/style/index.js";import o from"styled-components";import{spacings as i}from"../../../atoms/style/spacings.js";import{colors as a}from"../../../atoms/style/colors.js";import{animation as n}from"../../../atoms/style/animation.js";const s=o.div`
+import{jsx as t}from"react/jsx-runtime";import{useTutorials as e}from"@equinor/subsurface-app-management";import{shape as r}from"../../../atoms/style/index.js";import i from"styled-components";import{spacings as o}from"../../../atoms/style/spacings.js";import{colors as a}from"../../../atoms/style/colors.js";import{animation as n}from"../../../atoms/style/animation.js";const s=i.div`
   display: grid;
-  gap: ${i.x_small};
-`,m=o.span`
+  gap: ${o.x_small};
+`,m=i.span`
   overflow: hidden;
   height: 4px;
   width: 100%;
-  background: ${a.infographic.primary__moss_green_34.rgba};
-  border-radius: ${e.rounded.borderRadius};
+  background: ${a.interactive.tutorial__inactive_step.rgba};
+  border-radius: ${r.rounded.borderRadius};
   position: relative;
   &:after {
     content: '';
     position: absolute;
-    background: ${a.interactive.primary__resting.rgba};
+    background: ${a.interactive.tutorial__active_step.rgba};
     width: 100%;
     height: 100%;
     transition: left ${n.transitionMS};
-    left: calc(${({$index:t,$activeIndex:r})=>100*(r-t)}%);
+    left: calc(${({$index:t,$activeIndex:e})=>100*(e-t)}%);
   }
-`,p=({stepAmount:e})=>{const{activeStep:o}=r();return t(s,{style:{gridTemplateColumns:`repeat(${e}, 1fr)`},children:Array.from({length:e}).map(((r,e)=>t(m,{$index:e,$activeIndex:o},e)))})};export{p as StepIndicator};
+`,p=({stepAmount:r})=>{const{activeStep:i}=e();return t(s,{style:{gridTemplateColumns:`repeat(${r}, 1fr)`},children:Array.from({length:r}).map((e,r)=>t(m,{$index:r,$activeIndex:i},r))})};export{p as StepIndicator};

package/dist/providers/TutorialHighlightingProvider/TutorialPopover/TutorialPopover.js

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as r,Fragment as i}from"react/jsx-runtime";import{useState as e}from"react";import{Card as o,Icon as a,Typography as n,Button as s}from"@equinor/eds-core-react";import{info_circle as l}from"@equinor/eds-icons";import{useTutorials as d,useTutorialStepImage as h}from"@equinor/subsurface-app-management";import{useTutorialHighlighting as m}from"../TutorialHighlightingProvider.js";import{TUTORIAL_HIGHLIGHT_ANIMATION_PROPS as c}from"../TutorialHighlightingProvider.constants.js";import{useTutorialPopoverPosition as g}from"./hooks/useTutorialPopoverPosition.js";import{StepIndicator as p}from"./StepIndicator.js";import{elevation as u}from"../../../atoms/style/index.js";import{motion as f}from"framer-motion";import v,{css as b}from"styled-components";import{spacings as x}from"../../../atoms/style/spacings.js";import{colors as $}from"../../../atoms/style/colors.js";const y=v(f(o))`
+import{jsxs as t,jsx as r,Fragment as i}from"react/jsx-runtime";import{useState as e}from"react";import{Card as o,Icon as a,Typography as n,Button as s}from"@equinor/eds-core-react";import{info_circle as l}from"@equinor/eds-icons";import{useTutorials as d,useTutorialStepImage as m}from"@equinor/subsurface-app-management";import{useTutorialHighlighting as c}from"../TutorialHighlightingProvider.js";import{TUTORIAL_HIGHLIGHT_ANIMATION_PROPS as h}from"../TutorialHighlightingProvider.constants.js";import{useTutorialPopoverPosition as g}from"./hooks/useTutorialPopoverPosition.js";import{StepIndicator as p}from"./StepIndicator.js";import{elevation as u}from"../../../atoms/style/index.js";import{motion as f}from"framer-motion";import v,{css as b}from"styled-components";import{spacings as x}from"../../../atoms/style/spacings.js";import{colors as $}from"../../../atoms/style/colors.js";const y=v(f(o))`
   width: 360px;
   padding: ${x.medium};
   background: ${$.ui.background__tutorial_card.rgba};
@@ -8,7 +8,7 @@ import{jsxs as t,jsx as r,Fragment as i}from"react/jsx-runtime";import{useState
   transition:
     top 400ms,
     left 400ms;
-  box-shadow: ${u.raised};
+  box-shadow: ${u.above_scrim};
   pointer-events: auto;
   > header {
     display: flex;
@@ -72,4 +72,4 @@ import{jsxs as t,jsx as r,Fragment as i}from"react/jsx-runtime";import{useState
       margin-right: auto;
     }
   }
-`,_=({isHighlighting:o,id:u,top:f,left:v,width:b,height:x,name:_,steps:j})=>{const{customStepContent:w}=m(),{activeTutorial:P,activeStep:T,skipTutorial:C,startTutorial:S,goToNextStep:E,goToPreviousStep:H}=d(),{data:q}=h(P?.steps.at(T)?.imgUrl??void 0),[I,z]=e(void 0),{style:D,highlightingElement:N,caretPosition:A}=g({top:f,left:v,width:b,height:x,popoverSize:I}),B=t=>{z(t?{width:t.clientWidth,height:t.clientHeight}:void 0)},F=()=>{C(u)},U=()=>{S(u)};if(void 0!==T&&j[T].custom&&!w[j[T].id])throw new Error(`[TutorialHighlightingProvider]: Custom step content not found, tutorial ID: ${u}, step ID: ${j[T].id}`);return!N&&o?null:t(y,P&&void 0!==T?{ref:B,style:{...D,width:j[T].custom?"auto":void 0},$caretPosition:A,$highlightingElement:N,...c,children:[j[T].custom?w[j[T].id]:t(i,{children:[t("header",{children:[r(a,{data:l,color:$.interactive.primary__resting.rgba}),r(n,{variant:"h6",children:j[T]?.title})]}),r(n,{variant:"body_short",children:j[T]?.body}),q?r("img",{src:q,alt:j[T].title}):null]}),t(k,{children:[r(s,{variant:"outlined",disabled:0===T,onClick:H,children:"Back"}),r(s,{variant:"ghost",onClick:F,children:"Cancel"}),r(s,{onClick:E,children:T===j.length-1?"Finish":"Next"})]}),r(p,{stepAmount:j.length})]}:{ref:B,style:{...D},$highlightingElement:N,$caretPosition:A,...c,children:[t("header",{children:[r(a,{data:l,color:$.interactive.primary__resting.rgba}),r(n,{variant:"h6",children:_})]}),t(k,{children:[r(s,{variant:"ghost",onClick:F,children:"Skip"}),r(s,{onClick:U,children:"Start tour"})]})]})};export{_ as TutorialPopover};
+`,_=({isHighlighting:o,id:u,top:f,left:v,width:b,height:x,name:_,steps:j})=>{const{customStepContent:w}=c(),{activeTutorial:P,activeStep:T,skipTutorial:C,startTutorial:S,goToNextStep:E,goToPreviousStep:H}=d(),{data:q}=m(P?.steps.at(T)?.imgUrl??void 0),[I,z]=e(void 0),{style:D,highlightingElement:N,caretPosition:A}=g({top:f,left:v,width:b,height:x,popoverSize:I}),B=t=>{z(t?{width:t.clientWidth,height:t.clientHeight}:void 0)},F=()=>{C(u)},U=()=>{S(u)};if(void 0!==T&&j[T].custom&&!w[j[T].id])throw new Error(`[TutorialHighlightingProvider]: Custom step content not found, tutorial ID: ${u}, step ID: ${j[T].id}`);return!N&&o?null:t(y,P&&void 0!==T?{ref:B,style:{...D,width:j[T].custom?"auto":void 0},$caretPosition:A,$highlightingElement:N,...h,children:[j[T].custom?w[j[T].id]:t(i,{children:[t("header",{children:[r(a,{data:l,color:$.interactive.primary__resting.rgba}),r(n,{variant:"h6",children:j[T]?.title})]}),r(n,{variant:"body_short",children:j[T]?.body}),q?r("img",{src:q,alt:j[T].title}):null]}),t(k,{children:[r(s,{variant:"outlined",disabled:0===T,onClick:H,children:"Back"}),r(s,{variant:"ghost",onClick:F,children:"Cancel"}),r(s,{onClick:E,children:T===j.length-1?"Finish":"Next"})]}),r(p,{stepAmount:j.length})]}:{ref:B,style:{...D},$highlightingElement:N,$caretPosition:A,...h,children:[t("header",{children:[r(a,{data:l,color:$.interactive.primary__resting.rgba}),r(n,{variant:"h6",children:_})]}),t(k,{children:[r(s,{variant:"ghost",onClick:F,children:"Skip"}),r(s,{onClick:U,children:"Start tour"})]})]})};export{_ as TutorialPopover};

package/dist/providers/TutorialHighlightingProvider/TutorialPopover/hooks/useTutorialPopoverPosition.js

@@ -1 +1 @@
-import{useReversedScrollY as i}from"../../hooks/useReversedScrollY.js";import{useTransform as o}from"framer-motion";const t=16;function d({top:d,left:e,width:h,height:n,popoverSize:v}){const r=i();let w=d&&n?d+n+t:void 0,l=e&&h?e+h/2:void 0;const s=!!w&&!!l;let g="top";const p=(v?.width??0)/2+t,c=window.innerWidth-t,f=window.innerHeight-t,m=void 0!==d&&void 0!==n&&void 0!==e&&void 0!==h&&void 0!==l&&void 0!==v&&l<v.width/2,u=void 0!==d&&void 0!==n&&void 0!==e&&void 0!==h&&void 0!==l&&void 0!==v&&l+v.width>window.innerWidth;m?(l=e+h+v.width/2+t,w=d-v.height/2-4,g="left"):u&&(l=e-v.width/2-t,w=d-v.height/2-4,g="right");const b=void 0!==d&&void 0!==n&&void 0!==w&&void 0!==v&&d+n/2+v.height>=window.innerHeight,a=void 0!==d&&void 0!==n&&void 0!==w&&void 0!==v&&w<v.height;a?w=d+n+t:b&&(w=d-v.height-n-32),m&&(a||b)?l=e+v?.width/2:u&&(a||b)&&(l=e+h-v?.width/2),a&&m?g="top-left":a&&u&&(g="top-right"),b&&m?g="bottom-left":b&&u?g="bottom-right":b&&(g="bottom");const H=o(r,(i=>{if(!s||!w)return null;const o=i+w;return o<32?32:o>f?f:o}));return l&&l<p?l=p:l&&l>c&&(l=c),{style:{position:s?"absolute":void 0,top:H,left:l},highlightingElement:s,caretPosition:g}}export{t as CARET_OFFSET,d as useTutorialPopoverPosition};
+import{useReversedScrollY as i}from"../../hooks/useReversedScrollY.js";import{useTransform as o}from"framer-motion";const t=16;function d({top:d,left:e,width:h,height:n,popoverSize:v}){const r=i();let w=d&&n?d+n+t:void 0,l=e&&h?e+h/2:void 0;const s=!!w&&!!l;let g="top";const p=(v?.width??0)/2+t,c=window.innerWidth-t,f=window.innerHeight-t,m=void 0!==d&&void 0!==n&&void 0!==e&&void 0!==h&&void 0!==l&&void 0!==v&&l<v.width/2,u=void 0!==d&&void 0!==n&&void 0!==e&&void 0!==h&&void 0!==l&&void 0!==v&&l+v.width>window.innerWidth;m?(l=e+h+v.width/2+t,w=d-v.height/2-4,g="left"):u&&(l=e-v.width/2-t,w=d-v.height/2-4,g="right");const b=void 0!==d&&void 0!==n&&void 0!==w&&void 0!==v&&d+n/2+v.height>=window.innerHeight,a=void 0!==d&&void 0!==n&&void 0!==w&&void 0!==v&&w<v.height;a?w=d+n+t:b&&(w=d-v.height-n-32),m&&(a||b)?l=e+v?.width/2:u&&(a||b)&&(l=e+h-v?.width/2),a&&m?g="top-left":a&&u&&(g="top-right"),b&&m?g="bottom-left":b&&u?g="bottom-right":b&&(g="bottom");const H=o(r,i=>{if(!s||!w)return null;const o=i+w;return o<32?32:o>f?f:o});return l&&l<p?l=p:l&&l>c&&(l=c),{style:{position:s?"absolute":void 0,top:H,left:l},highlightingElement:s,caretPosition:g}}export{t as CARET_OFFSET,d as useTutorialPopoverPosition};

package/dist/providers/TutorialHighlightingProvider/hooks/useReversedScrollY.js

@@ -1 +1 @@
-import{useScroll as t,useTransform as n}from"framer-motion";function o(){const{scrollY:o}=t({container:{current:document.getElementById("content")}});return n(o,(t=>t>0?-1*t:0))}export{o as useReversedScrollY};
+import{useScroll as t,useTransform as n}from"framer-motion";function o(){const{scrollY:o}=t({container:{current:document.getElementById("content")}});return n(o,t=>t>0?-1*t:0)}export{o as useReversedScrollY};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "9.13.0",
+  "version": "9.14.0-beta.1",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -93,7 +93,7 @@
   },
   "devDependencies": {
     "@equinor/eds-icons": "^0.22.0",
-    "@equinor/subsurface-app-management": "^4.3.1",
+    "@equinor/subsurface-app-management": "4.4.2-beta.0",
     "@eslint/js": "^9.22.0",
     "@faker-js/faker": "^9.6.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -124,7 +124,6 @@
     "@types/random-seed": "^0.3.5",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
-    "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.34",
     "@types/uuid": "^10.0.0",
     "@types/wicg-file-system-access": "^2023.10.5",
@@ -145,8 +144,6 @@
     "prettier": "^3.5.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router": "^6.28.0",
-    "react-router-dom": "^6.28.0",
     "resize-observer-polyfill": "^1.5.1",
     "resolve-tspaths": "^0.8.23",
     "rollup": "^4.35.0",
@@ -168,12 +165,11 @@
   },
   "peerDependencies": {
     "@equinor/eds-icons": "*",
-    "@equinor/subsurface-app-management": ">=4.3.1",
+    "@equinor/subsurface-app-management": "4.4.2-beta.0",
     "@tanstack/react-query": "*",
+    "@tanstack/react-router": "*",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-router": "^6.28.0",
-    "react-router-dom": "^6.28.0"
+    "react-dom": "^19.0.0"
   },
   "msw": {
     "workerDirectory": [

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

@@ -1,5 +0,0 @@
-export declare function useSearchParameter<T>({ key, initialValue, parser, }: {
-    key: string;
-    initialValue?: T;
-    parser?: (value: string) => T;
-}): readonly [T | undefined, (action: ((value: T | undefined) => T) | T) => void];

package/dist/atoms/hooks/useSearchParameter.js

@@ -1 +0,0 @@
-import{useRef as r}from"react";import{useSearchParams as t}from"react-router-dom";function e({key:e,initialValue:n,parser:o}){const[i,c]=t(),s=r(!1),a=i.get(e)??void 0,u=o&&a?o(a):a,f=s.current||void 0!==u?u:n,l=r=>{if(s.current||(s.current=!0),r instanceof Function){const t=r(f);l(t)}else{const t=new URLSearchParams(i),n="string"==typeof r?r:JSON.stringify(r);void 0===n||""===n||"null"===n||"[]"===n||"{}"===n?t.delete(e):t.set(e,n),c(t)}};return[f,l]}export{e as useSearchParameter};