Run sync-dependencies.ts script (#1569)

## Summary: We're running into TS issues that I think is caused by using incompatible WB/WS versions. So I ran `sync-dependencies.ts` to get us up-to-sync with Webapp. See: https://khanacademy.slack.com/archives/C01AZ9H8TTQ/p1724797503623059 Author: handeyeco Reviewers: jeremywiebe Required Reviewers: Approved By: jeremywiebe Checks: ✅ codecov/project, ✅ codecov/patch, ✅ Upload Coverage (ubuntu-latest, 20.x), ✅ Check builds for changes in size (ubuntu-latest, 20.x), ✅ Publish npm snapshot (ubuntu-latest, 20.x), ✅ Cypress (ubuntu-latest, 20.x), ✅ Jest Coverage (ubuntu-latest, 20.x), ✅ Check for .changeset entries for all changed files (ubuntu-latest, 20.x), ✅ Lint, Typecheck, Format, and Test (ubuntu-latest, 20.x), ✅ Publish Storybook to Chromatic (ubuntu-latest, 20.x), ✅ gerald Pull Request URL: #1569
Khan · Aug 28, 2024 · 40d0b67 · 40d0b67
1 parent 21a908e
commit 40d0b67
Show file tree

Hide file tree

Showing 12 changed files with 403 additions and 415 deletions.
diff --git a/.changeset/pink-tigers-deny.md b/.changeset/pink-tigers-deny.md
@@ -0,0 +1,10 @@
+---
+"@khanacademy/perseus-dev-ui": patch
+"@khanacademy/keypad-context": patch
+"@khanacademy/math-input": patch
+"@khanacademy/perseus": patch
+"@khanacademy/perseus-editor": patch
+"@khanacademy/simple-markdown": patch
+---
+
+bump peer dependencies to match webapp
diff --git a/dev/package.json b/dev/package.json
@@ -21,14 +21,14 @@
         "@khanacademy/perseus-linter": "^1.2.0",
         "@khanacademy/pure-markdown": "^0.3.7",
         "@khanacademy/simple-markdown": "^0.13.0",
-        "@khanacademy/wonder-blocks-banner": "3.0.42",
-        "@khanacademy/wonder-blocks-icon": "4.1.0",
-        "@khanacademy/wonder-blocks-icon-button": "5.2.1",
-        "@khanacademy/wonder-blocks-link": "6.1.1",
-        "@khanacademy/wonder-blocks-search-field": "2.2.10",
-        "@khanacademy/wonder-blocks-timing": "5.0.0",
+        "@khanacademy/wonder-blocks-banner": "3.1.7",
+        "@khanacademy/wonder-blocks-icon": "4.1.3",
+        "@khanacademy/wonder-blocks-icon-button": "5.3.4",
+        "@khanacademy/wonder-blocks-link": "6.1.6",
+        "@khanacademy/wonder-blocks-search-field": "2.2.23",
+        "@khanacademy/wonder-blocks-timing": "5.0.1",
         "@khanacademy/wonder-blocks-tokens": "2.0.0",
-        "@khanacademy/wonder-blocks-toolbar": "3.0.31",
+        "@khanacademy/wonder-blocks-toolbar": "3.0.35",
         "@khanacademy/wonder-blocks-tooltip": "2.4.0",
         "@khanacademy/wonder-stuff-core": "1.5.2",
         "@phosphor-icons/core": "^2.0.2"

diff --git a/package.json b/package.json
@@ -29,9 +29,9 @@
         "@jest/globals": "^29.7.0",
         "@khanacademy/eslint-config": "^4.0.0",
         "@khanacademy/eslint-plugin": "^3.0.0",
-        "@khanacademy/mathjax-renderer": "^2.0.1",
-        "@khanacademy/wonder-blocks-button": "6.3.1",
-        "@khanacademy/wonder-blocks-layout": "2.0.32",
+        "@khanacademy/mathjax-renderer": "^2.1.0",
+        "@khanacademy/wonder-blocks-button": "6.3.8",
+        "@khanacademy/wonder-blocks-layout": "2.1.3",
         "@khanacademy/wonder-blocks-spacing": "^4.0.1",
         "@popperjs/core": "^2.10.2",
         "@rollup/plugin-alias": "^3.1.9",
@@ -58,8 +58,8 @@
         "@types/jest": "29",
         "@types/jquery": "^3.5.16",
         "@types/node": "^18.14.1",
-        "@types/react": "18",
-        "@types/react-dom": "18",
+        "@types/react": "~18.2.64",
+        "@types/react-dom": "~18.2.19",
         "@types/underscore": "^1.11.4",
         "@typescript-eslint/eslint-plugin": "^7.3.1",
         "@typescript-eslint/parser": "^7.3.1",
@@ -101,12 +101,12 @@
         "less-loader": "^11.1.3",
         "nyc": "^15.1.0",
         "prettier": "^3",
-        "react": "18",
-        "react-dom": "18",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "react-json-view": "^1.19.1",
         "react-popper": "^2.2.5",
-        "react-router": "5.2.1",
-        "react-router-dom": "5.3.0",
+        "react-router": "5.3.4",
+        "react-router-dom": "5.3.4",
         "react-transition-group": "^4.4.1",
         "react-window": "^1.8.5",
         "rollup": "^2.70.2",

diff --git a/packages/keypad-context/package.json b/packages/keypad-context/package.json
@@ -28,10 +28,10 @@
         "@khanacademy/perseus-core": "1.5.0"
     },
     "devDependencies": {
-        "react": ">= 18"
+        "react": "^18.2.0"
     },
     "peerDependencies": {
-        "react": ">= 18"
+        "react": "^18.2.0"
     },
     "keywords": []
 }
diff --git a/packages/math-input/package.json b/packages/math-input/package.json
@@ -43,11 +43,11 @@
         "mathquill": "https://github.com/Khan/mathquill/releases/download/v1.0.0/mathquill-v1.0.0.tgz"
     },
     "devDependencies": {
-        "@khanacademy/mathjax-renderer": "^2.0.1",
-        "@khanacademy/wonder-blocks-clickable": "4.2.1",
-        "@khanacademy/wonder-blocks-core": "6.4.0",
+        "@khanacademy/mathjax-renderer": "^2.1.0",
+        "@khanacademy/wonder-blocks-clickable": "4.2.6",
+        "@khanacademy/wonder-blocks-core": "6.4.3",
         "@khanacademy/wonder-blocks-popover": "3.2.13",
-        "@khanacademy/wonder-blocks-timing": "5.0.0",
+        "@khanacademy/wonder-blocks-timing": "5.0.1",
         "@khanacademy/wonder-blocks-tokens": "2.0.0",
         "@khanacademy/wonder-stuff-core": "1.5.2",
         "@phosphor-icons/core": "^2.0.2",
@@ -56,29 +56,25 @@
         "katex": "0.11.1",
         "perseus-build-settings": "^0.4.1",
         "prop-types": "15.6.1",
-        "react": ">= 18",
-        "react-dom": ">= 18",
-        "react-router": "^5.2.1",
-        "react-router-dom": "^5.3.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "react-transition-group": "^4.4.1"
     },
     "peerDependencies": {
-        "@khanacademy/mathjax-renderer": "^2.0.1",
-        "@khanacademy/wonder-blocks-clickable": "4.2.1",
-        "@khanacademy/wonder-blocks-core": "6.4.0",
+        "@khanacademy/mathjax-renderer": "^2.1.0",
+        "@khanacademy/wonder-blocks-clickable": "4.2.6",
+        "@khanacademy/wonder-blocks-core": "6.4.3",
         "@khanacademy/wonder-blocks-popover": "3.2.13",
-        "@khanacademy/wonder-blocks-timing": "5.0.0",
+        "@khanacademy/wonder-blocks-timing": "5.0.1",
         "@khanacademy/wonder-blocks-tokens": "2.0.0",
         "@khanacademy/wonder-stuff-core": "1.5.2",
         "@phosphor-icons/core": "^2.0.2",
         "aphrodite": "^1.2.5",
         "jquery": "^2.1.1",
         "katex": "0.11.1",
         "prop-types": "15.6.1",
-        "react": ">= 18",
-        "react-dom": ">= 18",
-        "react-router": "^5.2.1",
-        "react-router-dom": "^5.3.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "react-transition-group": "^4.4.1"
     },
     "keywords": []

diff --git a/packages/perseus-editor/package.json b/packages/perseus-editor/package.json
@@ -42,20 +42,20 @@
         "@khanacademy/perseus-core": "1.5.0"
     },
     "devDependencies": {
-        "@khanacademy/wonder-blocks-accordion": "1.3.1",
-        "@khanacademy/wonder-blocks-banner": "3.0.42",
-        "@khanacademy/wonder-blocks-button": "6.3.1",
-        "@khanacademy/wonder-blocks-clickable": "4.2.1",
-        "@khanacademy/wonder-blocks-core": "6.4.0",
-        "@khanacademy/wonder-blocks-dropdown": "5.3.0",
-        "@khanacademy/wonder-blocks-form": "^4.9.0",
-        "@khanacademy/wonder-blocks-icon": "4.1.0",
-        "@khanacademy/wonder-blocks-icon-button": "5.2.1",
-        "@khanacademy/wonder-blocks-switch": "1.1.16",
-        "@khanacademy/wonder-blocks-timing": "5.0.0",
+        "@khanacademy/wonder-blocks-accordion": "1.3.6",
+        "@khanacademy/wonder-blocks-banner": "3.1.7",
+        "@khanacademy/wonder-blocks-button": "6.3.8",
+        "@khanacademy/wonder-blocks-clickable": "4.2.6",
+        "@khanacademy/wonder-blocks-core": "6.4.3",
+        "@khanacademy/wonder-blocks-dropdown": "5.4.5",
+        "@khanacademy/wonder-blocks-form": "4.9.0",
+        "@khanacademy/wonder-blocks-icon": "4.1.3",
+        "@khanacademy/wonder-blocks-icon-button": "5.3.4",
+        "@khanacademy/wonder-blocks-switch": "1.1.20",
+        "@khanacademy/wonder-blocks-timing": "5.0.1",
         "@khanacademy/wonder-blocks-tokens": "2.0.0",
         "@khanacademy/wonder-blocks-tooltip": "2.4.0",
-        "@khanacademy/wonder-blocks-typography": "2.1.11",
+        "@khanacademy/wonder-blocks-typography": "2.1.14",
         "@khanacademy/wonder-stuff-core": "1.5.2",
         "@phosphor-icons/core": "^2.0.2",
         "aphrodite": "^1.2.5",
@@ -65,34 +65,34 @@
         "katex": "0.11.1",
         "perseus-build-settings": "^0.4.1",
         "prop-types": "15.6.1",
-        "react": ">= 18",
-        "react-dom": ">= 18",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "underscore": "^1.4.4"
     },
     "peerDependencies": {
-        "@khanacademy/wonder-blocks-accordion": "1.3.1",
-        "@khanacademy/wonder-blocks-banner": "3.0.42",
-        "@khanacademy/wonder-blocks-button": "6.3.1",
-        "@khanacademy/wonder-blocks-clickable": "4.2.1",
-        "@khanacademy/wonder-blocks-core": "6.4.0",
-        "@khanacademy/wonder-blocks-dropdown": "5.3.0",
-        "@khanacademy/wonder-blocks-form": "^4.9.0",
-        "@khanacademy/wonder-blocks-icon": "4.1.0",
-        "@khanacademy/wonder-blocks-icon-button": "5.2.1",
-        "@khanacademy/wonder-blocks-switch": "1.1.16",
-        "@khanacademy/wonder-blocks-timing": "5.0.0",
+        "@khanacademy/wonder-blocks-accordion": "1.3.6",
+        "@khanacademy/wonder-blocks-banner": "3.1.7",
+        "@khanacademy/wonder-blocks-button": "6.3.8",
+        "@khanacademy/wonder-blocks-clickable": "4.2.6",
+        "@khanacademy/wonder-blocks-core": "6.4.3",
+        "@khanacademy/wonder-blocks-dropdown": "5.4.5",
+        "@khanacademy/wonder-blocks-form": "4.9.0",
+        "@khanacademy/wonder-blocks-icon": "4.1.3",
+        "@khanacademy/wonder-blocks-icon-button": "5.3.4",
+        "@khanacademy/wonder-blocks-switch": "1.1.20",
+        "@khanacademy/wonder-blocks-timing": "5.0.1",
         "@khanacademy/wonder-blocks-tokens": "2.0.0",
         "@khanacademy/wonder-blocks-tooltip": "2.4.0",
-        "@khanacademy/wonder-blocks-typography": "2.1.11",
+        "@khanacademy/wonder-blocks-typography": "2.1.14",
         "@khanacademy/wonder-stuff-core": "1.5.2",
         "@phosphor-icons/core": "^2.0.2",
         "aphrodite": "^1.2.5",
         "classnames": "1.1.4",
         "create-react-class": "15.6.3",
         "jquery": "^2.1.1",
         "prop-types": "15.6.1",
-        "react": ">= 18",
-        "react-dom": ">= 18",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "underscore": "^1.4.4"
     },
     "keywords": []

diff --git a/packages/perseus/package.json b/packages/perseus/package.json
@@ -53,24 +53,24 @@
         "uuid": "^10.0.0"
     },
     "devDependencies": {
-        "@khanacademy/wonder-blocks-banner": "3.0.42",
-        "@khanacademy/wonder-blocks-button": "6.3.1",
-        "@khanacademy/wonder-blocks-clickable": "4.2.1",
-        "@khanacademy/wonder-blocks-core": "6.4.0",
-        "@khanacademy/wonder-blocks-data": "13.0.7",
-        "@khanacademy/wonder-blocks-dropdown": "5.3.0",
-        "@khanacademy/wonder-blocks-form": "^4.9.0",
-        "@khanacademy/wonder-blocks-icon": "4.1.0",
-        "@khanacademy/wonder-blocks-icon-button": "5.2.1",
-        "@khanacademy/wonder-blocks-layout": "2.0.32",
-        "@khanacademy/wonder-blocks-link": "6.1.1",
-        "@khanacademy/wonder-blocks-pill": "2.2.1",
+        "@khanacademy/wonder-blocks-banner": "3.1.7",
+        "@khanacademy/wonder-blocks-button": "6.3.8",
+        "@khanacademy/wonder-blocks-clickable": "4.2.6",
+        "@khanacademy/wonder-blocks-core": "6.4.3",
+        "@khanacademy/wonder-blocks-data": "13.0.10",
+        "@khanacademy/wonder-blocks-dropdown": "5.4.5",
+        "@khanacademy/wonder-blocks-form": "4.9.0",
+        "@khanacademy/wonder-blocks-icon": "4.1.3",
+        "@khanacademy/wonder-blocks-icon-button": "5.3.4",
+        "@khanacademy/wonder-blocks-layout": "2.1.3",
+        "@khanacademy/wonder-blocks-link": "6.1.6",
+        "@khanacademy/wonder-blocks-pill": "2.4.5",
         "@khanacademy/wonder-blocks-popover": "3.2.13",
-        "@khanacademy/wonder-blocks-progress-spinner": "2.1.1",
-        "@khanacademy/wonder-blocks-switch": "1.1.16",
+        "@khanacademy/wonder-blocks-progress-spinner": "2.1.5",
+        "@khanacademy/wonder-blocks-switch": "1.1.20",
         "@khanacademy/wonder-blocks-tokens": "2.0.0",
         "@khanacademy/wonder-blocks-tooltip": "2.4.0",
-        "@khanacademy/wonder-blocks-typography": "2.1.11",
+        "@khanacademy/wonder-blocks-typography": "2.1.14",
         "@khanacademy/wonder-stuff-core": "1.5.2",
         "@phosphor-icons/core": "^2.0.2",
         "@popperjs/core": "^2.10.2",
@@ -82,30 +82,30 @@
         "lodash.debounce": "^4.0.8",
         "perseus-build-settings": "^0.4.1",
         "prop-types": "15.6.1",
-        "react": ">= 18",
-        "react-dom": ">= 18",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "react-popper": "^2.2.5",
         "underscore": "^1.4.4"
     },
     "peerDependencies": {
-        "@khanacademy/wonder-blocks-banner": "3.0.42",
-        "@khanacademy/wonder-blocks-button": "6.3.1",
-        "@khanacademy/wonder-blocks-clickable": "4.2.1",
-        "@khanacademy/wonder-blocks-core": "6.4.0",
-        "@khanacademy/wonder-blocks-data": "13.0.7",
-        "@khanacademy/wonder-blocks-dropdown": "5.3.0",
-        "@khanacademy/wonder-blocks-form": "^4.9.0",
-        "@khanacademy/wonder-blocks-icon": "4.1.0",
-        "@khanacademy/wonder-blocks-icon-button": "5.2.1",
-        "@khanacademy/wonder-blocks-layout": "2.0.32",
-        "@khanacademy/wonder-blocks-link": "6.1.1",
-        "@khanacademy/wonder-blocks-pill": "2.2.1",
+        "@khanacademy/wonder-blocks-banner": "3.1.7",
+        "@khanacademy/wonder-blocks-button": "6.3.8",
+        "@khanacademy/wonder-blocks-clickable": "4.2.6",
+        "@khanacademy/wonder-blocks-core": "6.4.3",
+        "@khanacademy/wonder-blocks-data": "13.0.10",
+        "@khanacademy/wonder-blocks-dropdown": "5.4.5",
+        "@khanacademy/wonder-blocks-form": "4.9.0",
+        "@khanacademy/wonder-blocks-icon": "4.1.3",
+        "@khanacademy/wonder-blocks-icon-button": "5.3.4",
+        "@khanacademy/wonder-blocks-layout": "2.1.3",
+        "@khanacademy/wonder-blocks-link": "6.1.6",
+        "@khanacademy/wonder-blocks-pill": "2.4.5",
         "@khanacademy/wonder-blocks-popover": "3.2.13",
-        "@khanacademy/wonder-blocks-progress-spinner": "2.1.1",
-        "@khanacademy/wonder-blocks-switch": "1.1.16",
+        "@khanacademy/wonder-blocks-progress-spinner": "2.1.5",
+        "@khanacademy/wonder-blocks-switch": "1.1.20",
         "@khanacademy/wonder-blocks-tokens": "2.0.0",
         "@khanacademy/wonder-blocks-tooltip": "2.4.0",
-        "@khanacademy/wonder-blocks-typography": "2.1.11",
+        "@khanacademy/wonder-blocks-typography": "2.1.14",
         "@khanacademy/wonder-stuff-core": "1.5.2",
         "@phosphor-icons/core": "^2.0.2",
         "@popperjs/core": "^2.10.2",
@@ -116,8 +116,8 @@
         "jquery": "^2.1.1",
         "lodash.debounce": "^4.0.8",
         "prop-types": "15.6.1",
-        "react": ">= 18",
-        "react-dom": ">= 18",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "react-popper": "^2.2.5",
         "underscore": "^1.4.4"
     },

diff --git a/packages/perseus/src/__tests__/__snapshots__/renderer.test.tsx.snap b/packages/perseus/src/__tests__/__snapshots__/renderer.test.tsx.snap
@@ -357,9 +357,12 @@ exports[`renderer snapshots correct answer: correct answer 1`] = `
                 data-testid="dropdown-live-region"
               />
               <button
+                aria-controls="uid-single-select-dropdown-2-wb-id"
+                aria-disabled="false"
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                class="button_vr44p2-o_O-shared_u51dsh-o_O-default_kjzwx1-o_O-focus_1qpi544"
+                class="button_vr44p2-o_O-shared_u51dsh-o_O-default_3ie67y"
+                id="uid-single-select-opener-3-wb-id"
                 type="button"
               >
                 <span
@@ -422,9 +425,12 @@ exports[`renderer snapshots incorrect answer: incorrect answer 1`] = `
                 data-testid="dropdown-live-region"
               />
               <button
+                aria-controls="uid-single-select-dropdown-4-wb-id"
+                aria-disabled="false"
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                class="button_vr44p2-o_O-shared_u51dsh-o_O-default_kjzwx1-o_O-focus_1qpi544"
+                class="button_vr44p2-o_O-shared_u51dsh-o_O-default_3ie67y"
+                id="uid-single-select-opener-5-wb-id"
                 type="button"
               >
                 <span
@@ -487,9 +493,12 @@ exports[`renderer snapshots initial render: initial render 1`] = `
                 data-testid="dropdown-live-region"
               />
               <button
+                aria-controls="uid-single-select-dropdown-0-wb-id"
+                aria-disabled="false"
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                class="button_vr44p2-o_O-shared_u51dsh-o_O-default_kjzwx1"
+                class="button_vr44p2-o_O-shared_u51dsh-o_O-default_3ie67y"
+                id="uid-single-select-opener-1-wb-id"
                 type="button"
               >
                 <span

diff --git a/packages/perseus/src/widgets/__tests__/__snapshots__/dropdown.test.ts.snap b/packages/perseus/src/widgets/__tests__/__snapshots__/dropdown.test.ts.snap
@@ -30,9 +30,12 @@ exports[`Dropdown widget should snapshot when opened: dropdown open 1`] = `
                 3 items
               </span>
               <button
+                aria-controls="uid-single-select-dropdown-2-wb-id"
+                aria-disabled="false"
                 aria-expanded="true"
                 aria-haspopup="listbox"
-                class="button_vr44p2-o_O-shared_u51dsh-o_O-default_kjzwx1-o_O-focus_1qpi544"
+                class="button_vr44p2-o_O-shared_u51dsh-o_O-default_3ie67y"
+                id="uid-single-select-opener-3-wb-id"
                 type="button"
               >
                 <span
@@ -95,9 +98,12 @@ exports[`Dropdown widget should snapshot: initial render 1`] = `
                 data-testid="dropdown-live-region"
               />
               <button
+                aria-controls="uid-single-select-dropdown-0-wb-id"
+                aria-disabled="false"
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                class="button_vr44p2-o_O-shared_u51dsh-o_O-default_kjzwx1"
+                class="button_vr44p2-o_O-shared_u51dsh-o_O-default_3ie67y"
+                id="uid-single-select-opener-1-wb-id"
                 type="button"
               >
                 <span