npm - @equinor/amplify-component-lib - Versions diffs - 9.1.1 → 9.2.0 - Mend

@equinor/amplify-component-lib 9.1.1 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (82) hide show

package/dist/providers/index.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ export { SideBarProvider } from './SideBarProvider';
 export { SnackbarProvider } from './SnackbarProvider/SnackbarProvider';
 export { TableOfContentsProvider } from './TableOfContentsProvider';
 export { ReleaseNotesProvider } from './ReleaseNotesProvider';
-export { TutorialStepsProvider } from './TutorialStepsProvider';
+export { TutorialHighlightingProvider } from './TutorialHighlightingProvider/TutorialHighlightingProvider';
 export { LoadingProvider } from './LoadingProvider';
 export { ThemeProvider } from './ThemeProvider/ThemeProvider';
 export { StepperProvider } from './StepperProvider';

package/dist/tests/mockHandlers.d.ts CHANGED Viewed

@@ -1,8 +1,12 @@
-import { AmplifyApplication, ImpersonateUserDto, MyFeatureDto, ReleaseNote } from '@equinor/subsurface-app-management';
+import { AmplifyApplication, ImpersonateUserDto, MyFeatureDto, MyTutorialDto, ReleaseNote } from '@equinor/subsurface-app-management';
 import { GraphAppRole } from '@equinor/subsurface-app-management/dist/api/models/GraphAppRole';
 export declare const fakeReleaseNotes: ReleaseNote[];
 export declare const FAKE_ROLES: GraphAppRole[];
 export declare const fakeImpersonateUsers: ImpersonateUserDto[];
+export declare function fakeTutorial(id: string, willPopUp: boolean, highlightElement: boolean, path?: string): MyTutorialDto;
+export declare const FAKE_TUTORIALS: MyTutorialDto[];
 export declare const FAKE_APPS: AmplifyApplication[];
 export declare const FAKE_FEATURE_TOGGLES: MyFeatureDto[];
+export declare const tokenHandler: import("msw").HttpHandler;
+export declare const getTutorialImageHandler: import("msw").HttpHandler;
 export declare const handlers: import("msw").HttpHandler[];

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "9.1.1",
+  "version": "9.2.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -29,7 +29,6 @@
     "test": "vitest watch",
     "test:ci": "CI=true vitest run",
     "test:coverage": "vitest run --coverage",
-    "test:coverage-ci": "CI=true vitest run --coverage --coverage.reporter=json --coverage.reporter=json-summary --silent",
     "build": "npm run build-components",
     "build-components": "rollup -c && tsc --project tsconfig.build.json && resolve-tspaths --project tsconfig.build.json",
     "build-and-use": "node tooling/build-and-use.mjs",
@@ -50,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",
@@ -91,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",
@@ -142,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",
@@ -170,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 DELETED Viewed

	@@ -1 +0,0 @@
1	- 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 DELETED Viewed

@@ -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/node_modules/@react-aria/i18n/dist/context.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import{isRTL as e}from"./utils.js";import{useDefaultLocale as r}from"./useDefaultLocale.js";import t from"react";const o=t.createContext(null);function l(l){let{locale:a,children:c}=l,i=r(),s=t.useMemo((()=>a?{locale:a,direction:e(a)?"rtl":"ltr"}:i),[i,a]);return t.createElement(o.Provider,{value:s},c)}export{l as I18nProvider};

package/dist/node_modules/@react-aria/i18n/dist/useDefaultLocale.js DELETED Viewed

@@ -1 +0,0 @@

- import{isRTL as e}from"./utils.js";import{useState as t,useEffect as n}from"react";import{useIsSSR as a}from"../../ssr/dist/SSRProvider.js";const o=Symbol.for("react-aria.i18n.locale");function r(){let t="undefined"!=typeof window&&window[o]||"undefined"!=typeof navigator&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([t])}catch{t="en-US"}return{locale:t,direction:e(t)?"rtl":"ltr"}}let i=r(),l=new Set;function s(){i=r();for(let e of l)e(i)}function c(){let e=a(),[o,r]=t(i);return n((()=>(0===l.size&&window.addEventListener("languagechange",s),l.add(r),()=>{l.delete(r),0===l.size&&window.removeEventListener("languagechange",s)})),[]),e?{locale:"en-US",direction:"ltr"}:o}export{r as getDefaultLocale,c as useDefaultLocale};

package/dist/node_modules/@react-aria/i18n/dist/utils.js DELETED Viewed

@@ -1 +0,0 @@

- const e=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),t=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function n(n){if(Intl.Locale){let t=new Intl.Locale(n).maximize(),r="function"==typeof t.getTextInfo?t.getTextInfo():t.textInfo;if(r)return"rtl"===r.direction;if(t.script)return e.has(t.script)}let r=n.split("-")[0];return t.has(r)}export{n as isRTL};

package/dist/node_modules/@react-aria/ssr/dist/SSRProvider.js DELETED Viewed

@@ -1 +0,0 @@

- import n,{useContext as e,useState as t,useRef as o}from"react";String(Math.round(1e10*Math.random()));const r=n.createContext(!1);Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),new WeakMap;function u(){return!1}function c(){return!0}function a(n){return()=>{}}function i(){return"function"==typeof n.useSyncExternalStore?n.useSyncExternalStore(a,u,c):e(r)}n.useId;export{i as useIsSSR};

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

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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};