@equinor/amplify-component-lib 10.3.0 → 10.5.0

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

@@ -1,5 +1,5 @@
 import { Field } from "../../../atoms/types/Field.js";
-import * as react119 from "react";
+import * as react127 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: react119.ForwardRefExoticComponent<FieldMenuProps & react119.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react127.ForwardRefExoticComponent<FieldMenuProps & react127.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

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

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

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

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

package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/AnimateChangeInHeight.js

@@ -1,4 +1,4 @@
-import{spacings as e}from"../../../../../atoms/style/spacings.js";import{useEffect as t,useRef as n,useState as r}from"react";import i from"styled-components";import{jsx as a}from"react/jsx-runtime";import{motion as o}from"framer-motion";const s=i(o.div)`
+import{spacings as e}from"../../../../../atoms/style/spacings.js";import{useEffect as t,useRef as n,useState as r}from"react";import i from"styled-components";import{jsx as a}from"react/jsx-runtime";import{motion as o}from"motion/react";const s=i(o.div)`
   display: flex;
   gap: ${e.large};
   height: auto;

package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponsePage.js

@@ -1,4 +1,4 @@
-import{spacings as e}from"../../../../../atoms/style/spacings.js";import{useFeedbackContext as t}from"../hooks/useFeedbackContext.js";import{ContentWrapper as n}from"../Feedback.styles.js";import{AnimateChangeInHeight as r}from"./AnimateChangeInHeight.js";import{ResponseStatus as i}from"./ResponseStatus.js";import{Success as a}from"./Success.js";import{useEffect as o,useState as s}from"react";import{Button as c}from"@equinor/eds-core-react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{motion as f}from"framer-motion";const p=l(f.div)`
+import{spacings as e}from"../../../../../atoms/style/spacings.js";import{useFeedbackContext as t}from"../hooks/useFeedbackContext.js";import{ContentWrapper as n}from"../Feedback.styles.js";import{AnimateChangeInHeight as r}from"./AnimateChangeInHeight.js";import{ResponseStatus as i}from"./ResponseStatus.js";import{Success as a}from"./Success.js";import{useEffect as o,useState as s}from"react";import{Button as c}from"@equinor/eds-core-react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{motion as f}from"motion/react";const p=l(f.div)`
   display: flex;
   gap: ${e.large};
   height: auto;

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{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}),S=()=>{_(!1)};return f(s,{open:v,onClose:S,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`,onClick:S,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};
+import{Status as e}from"../../../Status/index.js";import{usePrefetchRichTextImages as t}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{Button as n}from"../../../../molecules/Button/Button.js";import{useReleaseNotes as r}from"../../../../providers/ReleaseNotesProvider.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}=r(),{isLoading:b}=h({enabled:g}),{isPrefetching:x}=t({richTextValues:y?.body?[y.body]:[],onImageRead:m.getReleaseNoteImage}),S=()=>{_(!1)};return f(s,{open:v,onClose:S,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(n,{as:p,variant:`ghost`,to:`/release-notes`,onClick:S,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/providers/ToastProvider/ToastProvider.d.ts

@@ -0,0 +1,15 @@
+import { ToastProps } from "../../molecules/Toast/Toast.js";
+import { FC, ReactNode } from "react";
+
+//#region src/providers/ToastProvider/ToastProvider.d.ts
+interface ToastContextType {
+  showToast: (props: string | Omit<ToastProps, 'onClose'>) => void;
+  hideAllToasts: () => void;
+}
+declare function useToasts(): ToastContextType;
+interface ToastProviderProps {
+  children: ReactNode | ReactNode[];
+}
+declare const ToastProvider: FC<ToastProviderProps>;
+//#endregion
+export { ToastProvider, useToasts };

package/dist/providers/ToastProvider/ToastProvider.js

@@ -0,0 +1,8 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{Toast as t}from"../../molecules/Toast/Toast.js";import{createContext as n,useContext as r,useState as i}from"react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{AnimatePresence as c,motion as l}from"motion/react";const u=a(l.div)`
+  position: fixed;
+  top: ${e.medium};
+  right: ${e.medium};
+  display: flex;
+  flex-direction: column-reverse;
+  z-index: 9999;
+`,d=n(void 0);function f(){let e=r(d);if(!e)throw Error(`useToasts must be used within a ToastProvider`);return e}const p=({children:n})=>{let[r,a]=i([]),f=e=>{a(t=>t.filter(t=>t.uuid!==e))};return s(d.Provider,{value:{showToast:e=>{let t=crypto.randomUUID(),n={uuid:t,...typeof e==`string`?{title:e}:e,onClose:()=>f(t)};a(e=>[...e,n])},hideAllToasts:()=>{a([])}},children:[o(u,{layoutRoot:!0,children:o(c,{children:r.map(n=>o(l.div,{layout:!0,initial:{opacity:0,x:`100%`,marginBottom:e.medium},animate:{opacity:1,x:0,marginBottom:e.medium},exit:{opacity:0,x:`100%`,height:0,marginBottom:0},transition:{type:`spring`,duration:.4},children:o(t,{...n})},n.uuid))})}),n]})};export{p as ToastProvider,f as useToasts};

package/dist/providers/TutorialHighlightingProvider/TutorialHighlightingProviderInner.js

@@ -1,4 +1,4 @@
-import{spacings as e}from"../../atoms/style/spacings.js";import{getHighlightElementBoundingBox as t}from"../../atoms/utils/tutorials.js";import{useReversedScrollY as n}from"./hooks/useReversedScrollY.js";import{TUTORIAL_HIGHLIGHT_ANIMATION_PROPS as r}from"./TutorialHighlightingProvider.constants.js";import{TutorialPopover as i}from"./TutorialPopover/TutorialPopover.js";import{useEffect as a,useState as o}from"react";import s from"styled-components";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{motion as d}from"framer-motion";import{useTutorials as f}from"@equinor/subsurface-app-management";import{useIsFetching as p}from"@tanstack/react-query";const m=s.svg`
+import{spacings as e}from"../../atoms/style/spacings.js";import{getHighlightElementBoundingBox as t}from"../../atoms/utils/tutorials.js";import{useReversedScrollY as n}from"./hooks/useReversedScrollY.js";import{TUTORIAL_HIGHLIGHT_ANIMATION_PROPS as r}from"./TutorialHighlightingProvider.constants.js";import{TutorialPopover as i}from"./TutorialPopover/TutorialPopover.js";import{useEffect as a,useState as o}from"react";import s from"styled-components";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{motion as d}from"motion/react";import{useTutorials as f}from"@equinor/subsurface-app-management";import{useIsFetching as p}from"@tanstack/react-query";const m=s.svg`
   position: fixed;
   top: 0;
   left: 0;

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

@@ -1,4 +1,4 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{elevation as n}from"../../../atoms/style/index.js";import{TUTORIAL_HIGHLIGHT_ANIMATION_PROPS as r}from"../TutorialHighlightingProvider.constants.js";import{useTutorialPopoverPosition as i}from"./hooks/useTutorialPopoverPosition.js";import{StepIndicator as a}from"./StepIndicator.js";import{useTutorialHighlighting as o}from"../TutorialHighlightingProvider.js";import{useState as s}from"react";import{Button as c,Card as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import f,{css as p}from"styled-components";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{info_circle as _}from"@equinor/eds-icons";import{motion as v}from"framer-motion";import{useTutorialStepImage as y,useTutorials as b}from"@equinor/subsurface-app-management";function x(e){switch(e){case`top`:return p`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{elevation as n}from"../../../atoms/style/index.js";import{TUTORIAL_HIGHLIGHT_ANIMATION_PROPS as r}from"../TutorialHighlightingProvider.constants.js";import{useTutorialPopoverPosition as i}from"./hooks/useTutorialPopoverPosition.js";import{StepIndicator as a}from"./StepIndicator.js";import{useTutorialHighlighting as o}from"../TutorialHighlightingProvider.js";import{useState as s}from"react";import{Button as c,Card as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import f,{css as p}from"styled-components";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{info_circle as _}from"@equinor/eds-icons";import{motion as v}from"motion/react";import{useTutorialStepImage as y,useTutorials as b}from"@equinor/subsurface-app-management";function x(e){switch(e){case`top`:return p`
         left: 50%;
         top: 0;
         transform: translate(-50%, 0) rotate(45deg);

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

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

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

@@ -1 +1 @@
-import{useScroll as e,useTransform as t}from"framer-motion";function n(n){let{scrollY:r}=e({container:n});return t(r,e=>e>0?e*-1:0)}export{n as useReversedScrollY};
+import{useScroll as e,useTransform as t}from"motion/react";function n(n){let{scrollY:r}=e({container:n});return t(r,e=>e>0?e*-1:0)}export{n as useReversedScrollY};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "10.3.0",
+  "version": "10.5.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -111,14 +111,12 @@
     "ws": "8.17.1"
   },
   "peerDependencies": {
+    "@equinor/eds-core-react": "0.44.0",
+    "@equinor/eds-data-grid-react": "^0.7.5",
     "@equinor/eds-icons": "*",
     "@equinor/subsurface-app-management": "^5.1.0",
     "@tanstack/react-query": "*",
     "@tanstack/react-router": "*",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@equinor/eds-core-react": "0.44.0",
-    "@equinor/eds-data-grid-react": "^0.7.5",
     "@tiptap/core": "^3.1.0",
     "@tiptap/extension-bold": "^3.1.0",
     "@tiptap/extension-code-block": "^3.1.0",
@@ -132,6 +130,7 @@
     "@tiptap/extension-image": "^3.1.0",
     "@tiptap/extension-italic": "^3.1.0",
     "@tiptap/extension-link": "^3.1.0",
+    "@tiptap/extension-list": "^3.1.0",
     "@tiptap/extension-paragraph": "^3.1.0",
     "@tiptap/extension-table": "^3.1.0",
     "@tiptap/extension-text": "^3.1.0",
@@ -139,19 +138,20 @@
     "@tiptap/extension-text-style": "^3.1.0",
     "@tiptap/extension-typography": "^3.1.0",
     "@tiptap/extensions": "^3.1.0",
-    "@tiptap/extension-list": "^3.1.0",
     "@tiptap/pm": "^3.1.0",
     "@tiptap/react": "^3.1.0",
-    "framer-motion": "^12.23.6",
     "html2canvas": "^1.4.1",
     "jwt-decode": "^4.0.0",
+    "lodash": "^4.17.21",
     "lowlight": "^3.3.0",
+    "motion": "^12.23.24",
     "proj4": "^2.15.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-dropzone": "^14.3.8",
     "react-markdown": "^10.1.0",
     "rehype-raw": "^7.0.0",
-    "styled-components": "^6.1.15",
-    "lodash": "^4.17.21"
+    "styled-components": "^6.1.15"
   },
   "msw": {
     "workerDirectory": [