@equinor/amplify-component-lib 9.1.2 → 9.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "9.1.2",
+  "version": "9.2.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -49,40 +49,40 @@
   "dependencies": {
     "@azure/msal-browser": "3.28.0",
     "@azure/msal-react": "2.2.0",
-    "@equinor/eds-core-react": "0.42.5",
-    "@equinor/eds-data-grid-react": "^0.7.4",
+    "@equinor/eds-core-react": "0.43.0",
+    "@equinor/eds-data-grid-react": "^0.7.5",
     "@microsoft/signalr": "^8.0.7",
-    "@tiptap/core": "^2.11.2",
-    "@tiptap/extension-bold": "^2.11.2",
-    "@tiptap/extension-bullet-list": "^2.11.2",
-    "@tiptap/extension-code-block": "^2.11.2",
-    "@tiptap/extension-code-block-lowlight": "^2.11.2",
-    "@tiptap/extension-color": "^2.11.2",
-    "@tiptap/extension-document": "^2.11.2",
-    "@tiptap/extension-dropcursor": "^2.11.2",
-    "@tiptap/extension-gapcursor": "^2.11.2",
-    "@tiptap/extension-hard-break": "^2.11.2",
-    "@tiptap/extension-heading": "^2.11.2",
-    "@tiptap/extension-highlight": "^2.11.2",
-    "@tiptap/extension-history": "^2.11.2",
-    "@tiptap/extension-image": "^2.11.2",
-    "@tiptap/extension-italic": "^2.11.2",
-    "@tiptap/extension-link": "^2.11.2",
-    "@tiptap/extension-list-item": "^2.11.2",
-    "@tiptap/extension-ordered-list": "^2.11.2",
-    "@tiptap/extension-paragraph": "^2.11.2",
-    "@tiptap/extension-placeholder": "^2.11.2",
-    "@tiptap/extension-table": "^2.11.2",
-    "@tiptap/extension-table-cell": "^2.11.2",
-    "@tiptap/extension-table-header": "^2.11.2",
-    "@tiptap/extension-table-row": "^2.11.2",
-    "@tiptap/extension-text": "^2.11.2",
-    "@tiptap/extension-text-align": "^2.11.2",
-    "@tiptap/extension-text-style": "^2.11.2",
-    "@tiptap/extension-typography": "^2.11.2",
-    "@tiptap/pm": "^2.11.2",
-    "@tiptap/react": "^2.11.2",
-    "framer-motion": "^11.18.0",
+    "@tiptap/core": "^2.11.5",
+    "@tiptap/extension-bold": "^2.11.5",
+    "@tiptap/extension-bullet-list": "^2.11.5",
+    "@tiptap/extension-code-block": "^2.11.5",
+    "@tiptap/extension-code-block-lowlight": "^2.11.5",
+    "@tiptap/extension-color": "^2.11.5",
+    "@tiptap/extension-document": "^2.11.5",
+    "@tiptap/extension-dropcursor": "^2.11.5",
+    "@tiptap/extension-gapcursor": "^2.11.5",
+    "@tiptap/extension-hard-break": "^2.11.5",
+    "@tiptap/extension-heading": "^2.11.5",
+    "@tiptap/extension-highlight": "^2.11.5",
+    "@tiptap/extension-history": "^2.11.5",
+    "@tiptap/extension-image": "^2.11.5",
+    "@tiptap/extension-italic": "^2.11.5",
+    "@tiptap/extension-link": "^2.11.5",
+    "@tiptap/extension-list-item": "^2.11.5",
+    "@tiptap/extension-ordered-list": "^2.11.5",
+    "@tiptap/extension-paragraph": "^2.11.5",
+    "@tiptap/extension-placeholder": "^2.11.5",
+    "@tiptap/extension-table": "^2.11.5",
+    "@tiptap/extension-table-cell": "^2.11.5",
+    "@tiptap/extension-table-header": "^2.11.5",
+    "@tiptap/extension-table-row": "^2.11.5",
+    "@tiptap/extension-text": "^2.11.5",
+    "@tiptap/extension-text-align": "^2.11.5",
+    "@tiptap/extension-text-style": "^2.11.5",
+    "@tiptap/extension-typography": "^2.11.5",
+    "@tiptap/pm": "^2.11.5",
+    "@tiptap/react": "^2.11.5",
+    "framer-motion": "^12.4.1",
     "html2canvas": "^1.4.1",
     "jwt-decode": "^4.0.0",
     "lowlight": "^3.3.0",
@@ -90,49 +90,49 @@
     "react-dropzone": "^14.3.5",
     "react-markdown": "^9.0.3",
     "rehype-raw": "^7.0.0",
-    "styled-components": "^6.1.14"
+    "styled-components": "^6.1.15"
   },
   "devDependencies": {
     "@equinor/eds-icons": "^0.22.0",
-    "@equinor/subsurface-app-management": "^2.2.1",
-    "@eslint/js": "^9.18.0",
+    "@equinor/subsurface-app-management": "^2.5.1",
+    "@eslint/js": "^9.20.0",
     "@faker-js/faker": "^9.4.0",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@storybook/addon-actions": "^8.5.0",
-    "@storybook/addon-designs": "^8.0.4",
-    "@storybook/addon-docs": "^8.5.0",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-links": "^8.5.0",
-    "@storybook/addon-mdx-gfm": "^8.5.0",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/components": "^8.5.0",
-    "@storybook/manager-api": "^8.5.0",
-    "@storybook/preview-api": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@tanstack/react-query": "^5.64.1",
+    "@storybook/addon-actions": "^8.5.3",
+    "@storybook/addon-designs": "^8.1.0",
+    "@storybook/addon-docs": "^8.5.3",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-mdx-gfm": "^8.5.3",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/components": "^8.5.3",
+    "@storybook/manager-api": "^8.5.3",
+    "@storybook/preview-api": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@tanstack/react-query": "^5.66.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
-    "@testing-library/user-event": "^14.6.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/lodash-es": "^4.17.12",
     "@types/mocha": "^10.0.10",
-    "@types/node": "^22.10.7",
+    "@types/node": "^22.13.1",
     "@types/proj4": "^2.5.6",
     "@types/random-seed": "^0.3.5",
-    "@types/react": "^19.0.7",
+    "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@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",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/browser": "^3.0.2",
-    "@vitest/coverage-v8": "^3.0.2",
-    "eslint": "^9.18.0",
+    "@vitest/browser": "^3.0.5",
+    "@vitest/coverage-v8": "^3.0.5",
+    "eslint": "^9.20.0",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
@@ -141,27 +141,27 @@
     "jest-styled-components": "^7.2.0",
     "msw": "^2.7.0",
     "msw-storybook-addon": "^2.0.4",
-    "ora": "^8.1.1",
-    "playwright": "^1.49.1",
-    "prettier": "^3.4.2",
+    "ora": "^8.2.0",
+    "playwright": "^1.50.1",
+    "prettier": "^3.5.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router": "^7.1.3",
-    "react-router-dom": "^7.1.3",
+    "react-router": "^6.28.0",
+    "react-router-dom": "^6.28.0",
     "resize-observer-polyfill": "^1.5.1",
     "resolve-tspaths": "^0.8.23",
-    "rollup": "^4.31.0",
+    "rollup": "^4.34.6",
     "rollup-plugin-delete": "^2.1.0",
     "rollup-plugin-import-css": "^3.5.8",
-    "storybook": "^8.5.0",
+    "storybook": "^8.5.3",
     "storybook-addon-data-theme-switcher": "^1.0.0",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.20.0",
+    "typescript-eslint": "^8.23.0",
     "uuid": "^11.0.5",
-    "vite": "^6.0.7",
+    "vite": "^6.1.0",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.2"
+    "vitest": "^3.0.5"
   },
   "resolutions": {
     "prosemirror-state": "1.4.3",
@@ -169,10 +169,10 @@
   },
   "peerDependencies": {
     "@equinor/eds-icons": "*",
-    "@equinor/subsurface-app-management": "^2.2.0",
+    "@equinor/subsurface-app-management": "^2.5.2",
     "@tanstack/react-query": "*",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-router": "^6.28.0",
     "react-router-dom": "^6.28.0"
   },

package/dist/node_modules/@equinor/eds-tokens/dist/esm/base/clickbounds.js

@@ -1 +0,0 @@
-var p={jumbo__base:"88px",default__base:"48px",default__input:"56px",compact__standard:"32px",compact__input:"44px"};export{p as clickbounds};

package/dist/node_modules/@equinor/eds-tokens/dist/esm/base/interactions.js

@@ -1 +0,0 @@
-var e={_modes:{compact:{pressed_dark_overlay:{blendMode:"pass_through",pressedColor:"transparent"},focused:{style:"dashed",color:"rgba(0, 112, 121, 1)",width:"2px"},pressed_light_overlay:{blendMode:"pass_through",pressedColor:"rgba(255, 255, 255, 1)"}}},pressed_dark_overlay:{blendMode:"darken",pressedColor:"rgba(0, 0, 0, 0.2)"},focused:{style:"dashed",color:"rgba(0, 112, 121, 1)",width:"2px"},pressed_light_overlay:{blendMode:"pass_through",pressedColor:"rgba(255, 255, 255, 0.2)"}};export{e as interactions};

package/dist/organisms/TopBar/Resources/Tutorials/TutorialInfoDialog.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-export interface tutorialOptions {
-    description: string;
-    steps: string;
-    duration: string;
-    onClick: () => void;
-    pathName: string;
-}
-interface TutorialDialogProps {
-    options: tutorialOptions[];
-    open: boolean;
-    onClose: () => void;
-}
-export declare const TutorialInfoDialog: FC<TutorialDialogProps>;
-export {};

package/dist/organisms/TopBar/Resources/Tutorials/TutorialInfoDialog.js

@@ -1,15 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import{useLocation as i}from"react-router";import{Dialog as n,Button as r,Icon as a,Typography as m}from"@equinor/eds-core-react";import{close as p}from"@equinor/eds-icons";import{tokens as c}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{TutorialItem as s}from"./TutorialItem.js";import d from"styled-components";const{spacings:l}=c,h=d.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: ${l.comfortable.medium} ${l.comfortable.large};
-  text-decoration: none;
-  gap: ${l.comfortable.medium};
-  cursor: pointer;
-  margin-bottom: ${l.comfortable.medium};
-`,u=d(n)`
-  width: 400px;
-  height: fit-content;
-`,f=d(n.CustomContent)`
-  padding: ${l.comfortable.medium};
-`,N=({options:c,open:d,onClose:l})=>{const N=i(),C=o((()=>c.some((e=>e.pathName===N.pathname))),[N.pathname,c]),g=o((()=>c.some((e=>e.pathName!==N.pathname))),[N.pathname,c]);return e(u,{open:d,children:[e(n.Header,{children:["Tutorials",t(r,{variant:"ghost_icon",onClick:l,"data-testid":"close-tutorial-dialog",children:t(a,{data:p})})]}),e(f,{children:[C&&e(h,{children:[t(m,{style:{fontSize:"10px"},children:"ON CURRENT PAGE"}),c.map(((e,o)=>{if(e.pathName===N.pathname)return t(s,{description:e.description,steps:e.steps,duration:e.duration,onClick:e.onClick,pathName:e.pathName},o)}))]}),g&&e(h,{children:[t(m,{style:{fontSize:"10px"},children:"ON OTHER PAGES"}),c.map(((e,o)=>{if(e.pathName!==N.pathname)return t(s,{description:e.description,steps:e.steps,duration:e.duration,onClick:e.onClick,pathName:e.pathName},o)}))]})]}),t(n.Actions,{children:t(r,{variant:"outlined",onClick:l,children:"Back"})})]})};export{N as TutorialInfoDialog};

package/dist/organisms/TopBar/Resources/Tutorials/TutorialItem.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { tutorialOptions } from './TutorialInfoDialog';
-export declare const TutorialItem: FC<tutorialOptions>;

package/dist/organisms/TopBar/Resources/Tutorials/TutorialItem.js

@@ -1,12 +0,0 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Typography as e,Icon as i}from"@equinor/eds-core-react";import{arrow_forward as a}from"@equinor/eds-icons";import{tokens as t}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{FeedBackIcon as n}from"../../../../molecules/FeedBackIcon/FeedBackIcon.js";import s from"styled-components";const{spacings:c,colors:d,shape:l}=t,m=s.div`
-  display: grid;
-  grid-template-columns: auto 1fr auto;
-  width: 100%;
-  align-items: center;
-  gap: ${c.comfortable.medium_small};
-  padding: ${c.comfortable.small};
-  &:hover {
-    background-color: #f7f7f7;
-    border-radius: ${l.corners.borderRadius};
-  }
-`,p=({onClick:t,description:s,steps:c,duration:l})=>r(m,{onClick:t,children:[o(n,{name:"positive",variant:"filled"}),r("div",{children:[o(e,{group:"paragraph",variant:"caption",children:s}),r("div",{style:{display:"flex",gap:"8px"},children:[o(e,{group:"navigation",variant:"label",color:d.text.static_icons__secondary.rgba,children:c}),o(e,{group:"navigation",variant:"label",color:d.text.static_icons__secondary.rgba,children:l})]})]}),o(i,{data:a,size:24,color:d.interactive.primary__resting.rgba})]});export{p as TutorialItem};

package/dist/providers/TutorialStepsProvider.d.ts

@@ -1,23 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface TutorialContextState {
-    tutorialStep: string;
-    setTutorialStep: (val: string) => void;
-    showTutorialIntro: boolean;
-    setShowTutorialIntro: (val: boolean) => void;
-}
-/**
- * @deprecated since version 6.3.0. We use TutorialProvider instead, and add tutorials to a database on amplify-portal.
- * You can read a small guide in the front-end docs on the JS devops (JS devops -> Overview -> Wiki -> Documentation ->
- * Front-end docs -> Guides -> Creating tutorial for TutorialProvider)
- */
-export declare const useTutorialSteps: () => TutorialContextState;
-/**
- * @deprecated since version 6.3.0. We use TutorialProvider instead, and add tutorials to a database on amplify-portal.
- * You can read a small guide in the front-end docs on the JS devops (JS devops -> Overview -> Wiki -> Documentation ->
- * Front-end docs -> Guides -> Creating tutorial for TutorialProvider)
- */
-export declare const TutorialStepsProvider: FC<{
-    children: ReactNode;
-    startOpen?: boolean;
-}>;
-export {};

package/dist/providers/TutorialStepsProvider.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{createContext as r,useContext as o,useState as e,useEffect as s}from"react";const i="tutorialstepscontext",a=()=>{const t=localStorage.getItem(i);return t?JSON.parse(t):{step:"",showTutorialIntro:!1}},n=r(void 0),u=()=>{const t=o(n);if(void 0===t)throw new Error("useTutorialSteps must be used within a TutorialStepsProvider");return t},l=({children:r,startOpen:o=!1})=>{const[u,l]=e(a().step),[p,c]=e(o||a().showTutorialIntro);return s((()=>{var t;t={step:u,showTutorialIntro:p},localStorage.setItem(i,JSON.stringify(t))}),[p,u]),t(n.Provider,{value:{tutorialStep:u,setTutorialStep:l,showTutorialIntro:p,setShowTutorialIntro:c},children:r})};export{l as TutorialStepsProvider,u as useTutorialSteps};