Upgrade EUI to v101

.buildkite/scripts/package.sh

@@ -10,7 +10,7 @@ fi
 
 echo "--- Install node and gather dependencies"
 nvm install "$(cat .nvmrc)"
-npm ci
+npm ci --legacy-peer-deps
 
 echo "--- run release-ci"
 # Disable signing

.ci/scripts/release-ci.sh

@@ -0,0 +1,26 @@
+#!/bin/bash --login
+
+set -eo pipefail
+
+echo 'set env context'
+export HOME='/var/lib/jenkins'
+export CSC_KEYCHAIN="/var/lib/jenkins/Library/Keychains/Elastic.keychain-db"
+
+echo 'set keychain'
+set -x
+security list-keychains -s "$CSC_KEYCHAIN"
+security list-keychains
+
+set +x
+echo 'unlock keychain'
+security unlock-keychain -p "$KEYCHAIN_PASSWORD" "$CSC_KEYCHAIN"
+
+echo 'run release-ci'
+set -x
+npm ci --legacy-peer-deps
+
+# temp, TEAM_ID is public info that is available in codesign verification
+export APPLE_TEAM_ID='2BT3HPN62Z'
+export APPLE_USERNAME
+export APPLE_APP_SPECIFIC_PASSWORD
+npm run release-ci

.github/workflows/test.yml

@@ -22,7 +22,7 @@ jobs:
           node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install modules
-        run: npm ci
+        run: npm ci --legacy-peer-deps
       - name: Lint
         run: npm run lint
       - name: Unused exports

README.md

@@ -46,7 +46,7 @@ You can see potential error outputs as a result of using the incorrect version b
 Install the dependencies
 
 ```
-npm install
+npm install --legacy-peer-deps
 ```
 
 Run the recorder app in dev mode.
@@ -179,7 +179,7 @@ Test new changes in the Recorder by updating Recorder's package.json. Update the
 
 ```bash
 # run your install to update `package-lock.json` and install your target synthetics and playwright packages
-npm install
+npm install --legacy-peer-deps
 
 # you can now run the Recorder and make sure that you can record and test journeys
 npm run dev

RELEASE.md

@@ -13,7 +13,7 @@ Be sure you have checked out the `main` branch and have pulled the latest change
 
 ```bash
 # package-lock.json file should have no unstaged changes
-npm install
+npm install --legacy-peer-deps
 ```
 
 #### Run tests

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "install:pw": "node scripts/install-pw.js",
     "postinstall": "npm run install:pw && electron-builder install-app-deps && node dev-tools/dep-info.js && npm run prepare-demo-app --legacy-peer-deps",
-    "prepare-demo-app": "npm install --prefix demo-app && npm run build --prefix demo-app",
+    "prepare-demo-app": "npm install --legacy-peer-deps --prefix demo-app && npm run build --prefix demo-app",
     "react:start": "react-scripts start",
     "react:build": "react-scripts build",
     "dev": "concurrently -k \"BROWSER=none npm run react:start\" \"npm run tsc-electron -- -w\" \"wait-on http://127.0.0.1:3000 && nodemon --exec electron build/electron/electron.js\"",
@@ -82,9 +82,10 @@
   },
   "dependencies": {
     "@elastic/datemath": "^5.0.3",
-    "@elastic/eui": "^89.1.0",
+    "@elastic/eui": "^101.1.0",
     "@elastic/synthetics": "=1.18.0",
     "@emotion/cache": "^11.9.3",
+    "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.9.3",
     "dotenv": "^16.0.3",
     "electron-debug": "^3.2.0",
@@ -98,7 +99,7 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "styled-components": "^6.1.0",
-    "typescript": "^4.5.3"
+    "typescript": "^5.8.2"
   },
   "browserslist": [
     "last 1 version"

src/App.tsx

@@ -26,7 +26,7 @@ import { useEffect, useState } from 'react';
 import { EuiCode, EuiEmptyPrompt, EuiGlobalToastList, EuiProvider } from '@elastic/eui';
 import type { Steps } from '@elastic/synthetics';
 import createCache from '@emotion/cache';
-import '@elastic/eui/dist/eui_theme_light.css';
+import '@elastic/eui/dist/eui_theme_borealis_light';
 import { Title } from './components/Header/Title';
 import { HeaderControls } from './components/Header/HeaderControls';
 import { CommunicationContext } from './contexts/CommunicationContext';