From 3a0125df1849c66335436c3adaea1b90f989ee7b Mon Sep 17 00:00:00 2001
From: Adrian Contiu <adrian.contiu@toptal.com>
Date: Thu, 29 Aug 2024 16:22:14 +0300
Subject: [PATCH] [FX-5652] Migrate Dropdown to TailwindCSS (#4499)

---
 .changeset/weak-pumas-enjoy.md                |  7 ++
 .../ButtonSplit/__snapshots__/test.tsx.snap   | 10 +--
 packages/base/Dropdown/package.json           |  3 +-
 .../base/Dropdown/src/Dropdown/Dropdown.tsx   | 51 ++++++++------
 .../src/Dropdown/__snapshots__/test.tsx.snap  | 20 +++---
 packages/base/Dropdown/src/Dropdown/styles.ts | 69 ++++---------------
 .../base/Page/src/PageHamburger/styles.ts     |  6 +-
 .../PageTopBar/__snapshots__/test.tsx.snap    | 24 +++----
 .../__snapshots__/test.tsx.snap               |  4 +-
 yarn.lock                                     | 37 +++-------
 10 files changed, 96 insertions(+), 135 deletions(-)
 create mode 100644 .changeset/weak-pumas-enjoy.md

diff --git a/.changeset/weak-pumas-enjoy.md b/.changeset/weak-pumas-enjoy.md
new file mode 100644
index 0000000000..ce15a876fc
--- /dev/null
+++ b/.changeset/weak-pumas-enjoy.md
@@ -0,0 +1,7 @@
+---
+'@toptal/picasso-dropdown': minor
+---
+
+### Dropdown
+
+- change the ClickAwayListener component to be imported from @mui/base
diff --git a/packages/base/Button/src/ButtonSplit/__snapshots__/test.tsx.snap b/packages/base/Button/src/ButtonSplit/__snapshots__/test.tsx.snap
index bf0717d264..79ddbe665c 100644
--- a/packages/base/Button/src/ButtonSplit/__snapshots__/test.tsx.snap
+++ b/packages/base/Button/src/ButtonSplit/__snapshots__/test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`ButtonSplit closes menu on click to the item 1`] = `
 <svg
-  class="PicassoSvgArrowDownMinor24-root-29"
+  class="PicassoSvgArrowDownMinor24-root-24"
   style="min-width: 24px; min-height: 24px;"
   viewBox="0 0 24 24"
 >
@@ -35,10 +35,10 @@ exports[`ButtonSplit default render 1`] = `
         </span>
       </button>
       <div
-        class="PicassoDropdown-root block cursor-pointer"
+        class="items-center block cursor-pointer"
       >
         <div
-          class="PicassoDropdown-anchor"
+          class="inline-flex items-center cursor-pointer"
         >
           <button
             aria-disabled="false"
@@ -71,7 +71,7 @@ exports[`ButtonSplit default render 1`] = `
 
 exports[`ButtonSplit renders arrow down icon for a closed menu 1`] = `
 <svg
-  class="PicassoSvgArrowDownMinor16-root-29"
+  class="PicassoSvgArrowDownMinor16-root-24"
   style="min-width: 16px; min-height: 16px;"
   viewBox="0 0 16 16"
 >
@@ -83,7 +83,7 @@ exports[`ButtonSplit renders arrow down icon for a closed menu 1`] = `
 
 exports[`ButtonSplit renders arrow up icon for an opened menu 1`] = `
 <svg
-  class="PicassoSvgArrowDownMinor16-root-29 rotate-180"
+  class="PicassoSvgArrowDownMinor16-root-24 rotate-180"
   style="min-width: 16px; min-height: 16px;"
   viewBox="0 0 16 16"
 >
diff --git a/packages/base/Dropdown/package.json b/packages/base/Dropdown/package.json
index 26fe0c41e1..015f335efc 100644
--- a/packages/base/Dropdown/package.json
+++ b/packages/base/Dropdown/package.json
@@ -22,6 +22,7 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
+    "@mui/base": "5.0.0-beta.40",
     "@toptal/picasso-paper": "4.0.0",
     "@toptal/picasso-popper": "1.0.3",
     "@toptal/picasso-utils": "1.0.3",
@@ -39,8 +40,8 @@
   },
   "devDependencies": {
     "@toptal/picasso-provider": "5.0.0",
-    "@toptal/picasso-test-utils": "1.1.1",
     "@toptal/picasso-tailwind-merge": "2.0.0",
+    "@toptal/picasso-test-utils": "1.1.1",
     "popper.js": "^1.16.1"
   },
   "exports": {
diff --git a/packages/base/Dropdown/src/Dropdown/Dropdown.tsx b/packages/base/Dropdown/src/Dropdown/Dropdown.tsx
index 97f6306218..abbe53ef7d 100644
--- a/packages/base/Dropdown/src/Dropdown/Dropdown.tsx
+++ b/packages/base/Dropdown/src/Dropdown/Dropdown.tsx
@@ -1,12 +1,8 @@
 import type { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react'
 import React, { forwardRef, useContext, useRef, useState } from 'react'
-import ClickAwayListener from '@material-ui/core/ClickAwayListener'
 import Grow from '@material-ui/core/Grow'
 import type { PopperPlacementType } from '@material-ui/core/Popper'
 import type { PopperOptions } from 'popper.js'
-import type { Theme } from '@material-ui/core/styles'
-import { makeStyles } from '@material-ui/core/styles'
-import cx from 'classnames'
 import type { StandardProps } from '@toptal/picasso-shared'
 import type {
   DeprecatedSpacingType,
@@ -16,12 +12,21 @@ import { makeResponsiveSpacingProps } from '@toptal/picasso-provider'
 import { Popper } from '@toptal/picasso-popper'
 import { Paper } from '@toptal/picasso-paper'
 import { noop } from '@toptal/picasso-utils'
+import { twJoin, twMerge } from '@toptal/picasso-tailwind-merge'
+import { ClickAwayListener } from '@mui/base/ClickAwayListener'
 
-import type { StyleProps } from './styles'
-import styles from './styles'
+import { contentClass } from './styles'
 
 type ContentOverflowType = 'scroll' | 'visible'
 
+type StyleProps = {
+  /** Control content element style */
+  contentStyle?: {
+    height?: string
+    maxHeight?: string
+  }
+}
+
 interface InternalProps
   extends StandardProps,
     HTMLAttributes<HTMLDivElement>,
@@ -49,6 +54,8 @@ interface InternalProps
   /** Sets the desired behavior for an element's overflow */
   contentOverflow?: ContentOverflowType
   popperContainer?: HTMLElement
+  /** Sets styles for the inner wrapper */
+  classes?: { popper?: string; content?: string }
 }
 
 type PropsWithBaseSpacing = InternalProps & {
@@ -94,13 +101,6 @@ export const useDropdownContext = () => {
   return context
 }
 
-const useStyles = makeStyles<
-  Theme,
-  PropsWithBaseSpacing | PropsWithDeprecatedSpacing
->(styles, {
-  name: 'PicassoDropdown',
-})
-
 const useResponsiveProps = makeResponsiveSpacingProps(
   ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'] as const,
   'PicassoDropdown-Responsive'
@@ -147,7 +147,6 @@ export const Dropdown: DropdownProps = forwardRef<
     contentOverflow = 'scroll',
     ...rest
   } = props
-  const classes = useStyles(props)
 
   const contentRef = useRef<HTMLDivElement>(null)
   const [anchorEl, setAnchorEl] = useState<HTMLDivElement | undefined>()
@@ -238,7 +237,7 @@ export const Dropdown: DropdownProps = forwardRef<
     close: () => forceClose(),
   }
 
-  const handleClickAway = (event: React.MouseEvent<Document>) => {
+  const handleClickAway = (event: MouseEvent | TouchEvent) => {
     const target = event.target
 
     const isAnchorTapEvent =
@@ -255,16 +254,23 @@ export const Dropdown: DropdownProps = forwardRef<
     <div
       {...rest}
       ref={ref}
-      className={cx(classes.root, className)}
+      className={twMerge('flex items-center', className)}
       style={style}
     >
-      <div className={classes.anchor} onClick={handleAnchorClick}>
+      <div
+        className='inline-flex items-center cursor-pointer'
+        onClick={handleAnchorClick}
+      >
         {typeof children === 'function' ? children({ isOpen }) : children}
       </div>
 
       {(isOpen || keepMounted) && (
         <Popper
-          className={cx(classes.popper, responsiveClasses)}
+          className={twJoin(
+            'shadow-2',
+            externalClasses?.popper,
+            responsiveClasses
+          )}
           anchorEl={anchorEl ?? null}
           popperOptions={{
             onCreate: focus,
@@ -293,9 +299,12 @@ export const Dropdown: DropdownProps = forwardRef<
               <Grow in={isOpen} appear>
                 <Paper
                   style={contentStyle}
-                  className={cx(classes.content, {
-                    [classes.contentVisible]: contentOverflow === 'visible',
-                  })}
+                  className={twMerge(
+                    contentOverflow === 'visible'
+                      ? contentClass.contentVisible
+                      : contentClass.content,
+                    externalClasses?.content
+                  )}
                   onKeyDown={handleContentKeyDown}
                   elevation={0}
                 >
diff --git a/packages/base/Dropdown/src/Dropdown/__snapshots__/test.tsx.snap b/packages/base/Dropdown/src/Dropdown/__snapshots__/test.tsx.snap
index 4669a4b408..d60951b345 100644
--- a/packages/base/Dropdown/src/Dropdown/__snapshots__/test.tsx.snap
+++ b/packages/base/Dropdown/src/Dropdown/__snapshots__/test.tsx.snap
@@ -6,10 +6,10 @@ exports[`Dropdown renders 1`] = `
     class="Picasso-root"
   >
     <div
-      class="PicassoDropdown-root"
+      class="flex items-center"
     >
       <div
-        class="PicassoDropdown-anchor"
+        class="inline-flex items-center cursor-pointer"
       >
         Open Dropdown 
         <span
@@ -37,10 +37,10 @@ exports[`Dropdown should render menu 1`] = `
       class="Picasso-root"
     >
       <div
-        class="PicassoDropdown-root"
+        class="flex items-center"
       >
         <div
-          class="PicassoDropdown-anchor"
+          class="inline-flex items-center cursor-pointer"
         >
           Open Dropdown 
           <span
@@ -58,14 +58,14 @@ exports[`Dropdown should render menu 1`] = `
         </div>
       </div>
       <div
-        class="PicassoPopper-root PicassoDropdown-popper"
+        class="PicassoPopper-root shadow-2"
         role="tooltip"
         style="position: absolute; top: 0px; left: 0px;"
         x-placement="bottom-end"
       >
         <div>
           <div
-            class="bg-white shadow-0 transition-shadow duration-300 delay-0 PicassoDropdown-content"
+            class="bg-white shadow-0 transition-shadow duration-300 delay-0 overflow-y max-h [@media(max-height:585px)]:max-h-[calc(50vh [@media(max-height:585px)]:md:max-h-[calc(50vh"
             style="opacity: 1; transform: scale(1, 1); transition: opacity 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
           >
             <div>
@@ -166,10 +166,10 @@ exports[`Dropdown should render menu with focus 1`] = `
         class=""
       >
         <div
-          class="PicassoDropdown-root"
+          class="flex items-center"
         >
           <div
-            class="PicassoDropdown-anchor"
+            class="inline-flex items-center cursor-pointer"
           >
             Open Dropdown 
             <span
@@ -188,14 +188,14 @@ exports[`Dropdown should render menu with focus 1`] = `
         </div>
       </div>
       <div
-        class="PicassoPopper-root PicassoDropdown-popper"
+        class="PicassoPopper-root shadow-2"
         role="tooltip"
         style="position: absolute; top: 0px; left: 0px; transform: translate3d(NaNpx, NaNpx, 0); will-change: transform;"
         x-placement="bottom-end"
       >
         <div>
           <div
-            class="bg-white shadow-0 transition-shadow duration-300 delay-0 PicassoDropdown-content"
+            class="bg-white shadow-0 transition-shadow duration-300 delay-0 overflow-y max-h [@media(max-height:585px)]:max-h-[calc(50vh [@media(max-height:585px)]:md:max-h-[calc(50vh"
             style="opacity: 1; transform: scale(1, 1); transition: opacity 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
           >
             <div>
diff --git a/packages/base/Dropdown/src/Dropdown/styles.ts b/packages/base/Dropdown/src/Dropdown/styles.ts
index 7cdecdbfa9..dfe67cb58e 100644
--- a/packages/base/Dropdown/src/Dropdown/styles.ts
+++ b/packages/base/Dropdown/src/Dropdown/styles.ts
@@ -1,58 +1,17 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
+export const contentClass: Record<'content' | 'contentVisible', string[]> = {
+  content: [
+    'overflow-y-auto',
 
-export type StyleProps = {
-  /** Control content element style */
-  contentStyle?: {
-    height?: string
-    maxHeight?: string
-  }
-}
-
-export default ({ screens, shadows, palette }: Theme) =>
-  createStyles({
-    root: {
-      display: 'flex',
-      alignItems: 'center',
-    },
-    anchor: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      cursor: 'pointer',
-    },
-    content: {
-      fontSize: 'inherit',
-      background: palette.common.white,
-
-      maxHeight: '14.75rem', // 6.5 lines of menu to show
-      overflowY: 'auto',
+    'max-h-[14.75rem]',
+    '[@media(max-height:585px)]:max-h-[calc(50vh-3rem)]',
+    '[@media(max-height:585px)]:md:max-h-[calc(50vh-3.5rem)]',
+  ],
+  contentVisible: [
+    'max-h-screen  md:max-h-none ',
 
-      // height under which maxHeight menu starts to overflow
-      // and needs to reduce height dynamically to avoid overflow
-      '@media screen and (max-height: 585px)': {
-        maxHeight: 'calc(50vh - 3rem)', // half of viewport minus header and anchor
+    'overflow-y-scroll md:overflow-y-hidden',
 
-        [screens('md', 'lg', 'xl')]: {
-          maxHeight: 'calc(50vh - 3.5rem)', // half of screen minus header and anchor
-        },
-      },
-    },
-    popper: {
-      boxShadow: shadows[2],
-    },
-    contentVisible: {
-      // Basically a whole content of a dropdown will be shown without a vertical scrollbar inside the dropdown
-      maxHeight: 'none',
-
-      // Will show a whole content on the `xs` and `sm` screens with a vertical scrollbar if needed
-      // For non desktop devices better if we have a scrollbar when a dropdown content is pretty long
-      [screens('xs', 'sm')]: {
-        overflowY: 'scroll',
-        maxHeight: '100vh',
-      },
-      '@media screen and (max-height: 585px)': {
-        overflowY: 'scroll',
-        maxHeight: '100vh',
-      },
-    },
-  })
+    '[@media(max-height:585px)]:max-h-screen',
+    '[@media(max-height:585px)]:overflow-y-scroll',
+  ],
+}
diff --git a/packages/base/Page/src/PageHamburger/styles.ts b/packages/base/Page/src/PageHamburger/styles.ts
index 4f5296c4f8..d8b7ddce3f 100644
--- a/packages/base/Page/src/PageHamburger/styles.ts
+++ b/packages/base/Page/src/PageHamburger/styles.ts
@@ -6,7 +6,8 @@ export default () => {
   return createStyles({
     root: {
       [headerBreakingPointXL]: {
-        display: 'none',
+        //TODO: add important property here to overwrite the styles in Dropdown component. Should be removed after migrating to TailwindCSS in task https://toptal-core.atlassian.net/browse/FX-5688
+        display: 'none !important',
       },
     },
     popper: {
@@ -16,7 +17,8 @@ export default () => {
       pointerEvents: 'none',
     },
     hidden: {
-      display: 'none',
+      //TODO: add important property here to overwrite the styles in Dropdown component. Should be removed after migrating to TailwindCSS in task https://toptal-core.atlassian.net/browse/FX-5688
+      display: 'none !important',
     },
   })
 }
diff --git a/packages/base/Page/src/PageTopBar/__snapshots__/test.tsx.snap b/packages/base/Page/src/PageTopBar/__snapshots__/test.tsx.snap
index 92a86b186c..7fa3b614b0 100644
--- a/packages/base/Page/src/PageTopBar/__snapshots__/test.tsx.snap
+++ b/packages/base/Page/src/PageTopBar/__snapshots__/test.tsx.snap
@@ -21,10 +21,10 @@ exports[`Page.TopBar render with custom logo 1`] = `
               class="gap-4 items-center flex"
             >
               <div
-                class="PicassoDropdown-root PageHamburger-root PageHamburger-hidden"
+                class="flex items-center PageHamburger-root PageHamburger-hidden"
               >
                 <div
-                  class="PicassoDropdown-anchor"
+                  class="inline-flex items-center cursor-pointer"
                 >
                   <button
                     aria-disabled="false"
@@ -50,13 +50,13 @@ exports[`Page.TopBar render with custom logo 1`] = `
                   </button>
                 </div>
                 <div
-                  class="PicassoPopper-root PicassoDropdown-popper PageHamburger-popper"
+                  class="PicassoPopper-root shadow-2 PageHamburger-popper"
                   role="navigation"
                   style="position: fixed; top: 0px; left: 0px; display: none;"
                 >
                   <div>
                     <div
-                      class="bg-white shadow-0 transition-shadow duration-300 delay-0 PicassoDropdown-content !shadow-[inset_-1px_0px_0px_0px] !shadow-gray max-h-[calc(100vh-var(--header !bg-gray"
+                      class="bg-white shadow-0 transition-shadow duration-300 delay-0 overflow-y [@media(max-height:585px)]:max-h-[calc(50vh [@media(max-height:585px)]:md:max-h-[calc(50vh !shadow-[inset_-1px_0px_0px_0px] !shadow-gray max-h-[calc(100vh-var(--header !bg-gray"
                       style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
                     >
                       <div>
@@ -120,10 +120,10 @@ exports[`Page.TopBar render with link 1`] = `
               class="gap-4 items-center flex"
             >
               <div
-                class="PicassoDropdown-root PageHamburger-root PageHamburger-hidden"
+                class="flex items-center PageHamburger-root PageHamburger-hidden"
               >
                 <div
-                  class="PicassoDropdown-anchor"
+                  class="inline-flex items-center cursor-pointer"
                 >
                   <button
                     aria-disabled="false"
@@ -149,13 +149,13 @@ exports[`Page.TopBar render with link 1`] = `
                   </button>
                 </div>
                 <div
-                  class="PicassoPopper-root PicassoDropdown-popper PageHamburger-popper"
+                  class="PicassoPopper-root shadow-2 PageHamburger-popper"
                   role="navigation"
                   style="position: fixed; top: 0px; left: 0px; display: none;"
                 >
                   <div>
                     <div
-                      class="bg-white shadow-0 transition-shadow duration-300 delay-0 PicassoDropdown-content !shadow-[inset_-1px_0px_0px_0px] !shadow-gray max-h-[calc(100vh-var(--header !bg-gray"
+                      class="bg-white shadow-0 transition-shadow duration-300 delay-0 overflow-y [@media(max-height:585px)]:max-h-[calc(50vh [@media(max-height:585px)]:md:max-h-[calc(50vh !shadow-[inset_-1px_0px_0px_0px] !shadow-gray max-h-[calc(100vh-var(--header !bg-gray"
                       style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
                     >
                       <div>
@@ -245,10 +245,10 @@ exports[`Page.TopBar renders 1`] = `
               class="gap-4 items-center flex"
             >
               <div
-                class="PicassoDropdown-root PageHamburger-root PageHamburger-hidden"
+                class="flex items-center PageHamburger-root PageHamburger-hidden"
               >
                 <div
-                  class="PicassoDropdown-anchor"
+                  class="inline-flex items-center cursor-pointer"
                 >
                   <button
                     aria-disabled="false"
@@ -274,13 +274,13 @@ exports[`Page.TopBar renders 1`] = `
                   </button>
                 </div>
                 <div
-                  class="PicassoPopper-root PicassoDropdown-popper PageHamburger-popper"
+                  class="PicassoPopper-root shadow-2 PageHamburger-popper"
                   role="navigation"
                   style="position: fixed; top: 0px; left: 0px; display: none;"
                 >
                   <div>
                     <div
-                      class="bg-white shadow-0 transition-shadow duration-300 delay-0 PicassoDropdown-content !shadow-[inset_-1px_0px_0px_0px] !shadow-gray max-h-[calc(100vh-var(--header !bg-gray"
+                      class="bg-white shadow-0 transition-shadow duration-300 delay-0 overflow-y [@media(max-height:585px)]:max-h-[calc(50vh [@media(max-height:585px)]:md:max-h-[calc(50vh !shadow-[inset_-1px_0px_0px_0px] !shadow-gray max-h-[calc(100vh-var(--header !bg-gray"
                       style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
                     >
                       <div>
diff --git a/packages/base/Page/src/PageTopBarMenu/__snapshots__/test.tsx.snap b/packages/base/Page/src/PageTopBarMenu/__snapshots__/test.tsx.snap
index 3e400bb25c..283b23b79a 100644
--- a/packages/base/Page/src/PageTopBarMenu/__snapshots__/test.tsx.snap
+++ b/packages/base/Page/src/PageTopBarMenu/__snapshots__/test.tsx.snap
@@ -6,10 +6,10 @@ exports[`PageTopBarMenu renders 1`] = `
     class="Picasso-root"
   >
     <div
-      class="PicassoDropdown-root"
+      class="flex items-center"
     >
       <div
-        class="PicassoDropdown-anchor"
+        class="inline-flex items-center cursor-pointer"
       >
         <div
           class="items-center flex text-[1rem]"
diff --git a/yarn.lock b/yarn.lock
index 2a144b7d51..1eee85c1ea 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6043,22 +6043,6 @@
   dependencies:
     "@types/ms" "*"
 
-"@types/eslint-scope@^3.7.3":
-  version "3.7.3"
-  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.3.tgz#125b88504b61e3c8bc6f870882003253005c3224"
-  integrity sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==
-  dependencies:
-    "@types/eslint" "*"
-    "@types/estree" "*"
-
-"@types/eslint@*":
-  version "8.4.3"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.4.3.tgz#5c92815a3838b1985c90034cd85f26f59d9d0ece"
-  integrity sha512-YP1S7YJRMPs+7KZKDb9G63n8YejIwW9BALq7a5j2+H4yl6iOv9CB29edho+cuFRrvmJbbaH2yiVChKLJVysDGw==
-  dependencies:
-    "@types/estree" "*"
-    "@types/json-schema" "*"
-
 "@types/esprima@^4.0.3":
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/@types/esprima/-/esprima-4.0.3.tgz#e9068297cc3dd75231fa5cdaa6d75c50d5fb632f"
@@ -6239,7 +6223,7 @@
   resolved "https://registry.yarnpkg.com/@types/json-buffer/-/json-buffer-3.0.0.tgz#85c1ff0f0948fc159810d4b5be35bf8c20875f64"
   integrity sha512-3YP80IxxFJB4b5tYC2SUPwkg0XQLiu0nWvhRgEatgjf+29IcWO9X1k8xRv5DGssJ/lCrjYTjQPcobJr2yWIVuQ==
 
-"@types/json-schema@*", "@types/json-schema@^7.0.12", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+"@types/json-schema@^7.0.12", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
   version "7.0.15"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
@@ -11262,10 +11246,10 @@ enhanced-resolve@5.14.0:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
-enhanced-resolve@^5.0.0, enhanced-resolve@^5.17.0, enhanced-resolve@^5.7.0, enhanced-resolve@^5.8.3:
-  version "5.17.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.17.0.tgz#d037603789dd9555b89aaec7eb78845c49089bc5"
-  integrity sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==
+enhanced-resolve@^5.0.0, enhanced-resolve@^5.17.1, enhanced-resolve@^5.7.0, enhanced-resolve@^5.8.3:
+  version "5.17.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz#67bfbbcc2f81d511be77d686a90267ef7f898a15"
+  integrity sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
@@ -17280,7 +17264,7 @@ marked-terminal@^5.1.1:
 
 marked@^0.3.12, marked@^0.3.6, marked@^0.7.0:
   version "0.7.0"
-  resolved "https://registry.npmjs.org/marked/-/marked-0.7.0.tgz"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-0.7.0.tgz#b64201f051d271b1edc10a04d1ae9b74bb8e5c0e"
   integrity sha512-c+yYdCZJQrsRjTPhUx7VKkApw9bwDkNbHUKo1ovgcfDjb2kc8rLuRbIFyXL5WOEUwzSSKo3IXpph2K6DqB/KZg==
 
 marked@^4.1.0:
@@ -25103,11 +25087,10 @@ webpack-virtual-modules@^0.4.1:
   integrity sha512-5NUqC2JquIL2pBAAo/VfBP6KuGkHIZQXW/lNKupLPfhViwh8wNsu0BObtl09yuKZszeEUfbXz8xhrHvSG16Nqw==
 
 webpack@4, "webpack@>=4.43.0 <6.0.0", webpack@^5.0.0, webpack@^5.88.2, webpack@^5.9.0:
-  version "5.93.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.93.0.tgz#2e89ec7035579bdfba9760d26c63ac5c3462a5e5"
-  integrity sha512-Y0m5oEY1LRuwly578VqluorkXbvXKh7U3rLoQCEO04M97ScRr44afGVkI0FQFsXzysk5OgFAxjZAb9rsGQVihA==
+  version "5.94.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.94.0.tgz#77a6089c716e7ab90c1c67574a28da518a20970f"
+  integrity sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==
   dependencies:
-    "@types/eslint-scope" "^3.7.3"
     "@types/estree" "^1.0.5"
     "@webassemblyjs/ast" "^1.12.1"
     "@webassemblyjs/wasm-edit" "^1.12.1"
@@ -25116,7 +25099,7 @@ webpack@4, "webpack@>=4.43.0 <6.0.0", webpack@^5.0.0, webpack@^5.88.2, webpack@^
     acorn-import-attributes "^1.9.5"
     browserslist "^4.21.10"
     chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.17.0"
+    enhanced-resolve "^5.17.1"
     es-module-lexer "^1.2.1"
     eslint-scope "5.1.1"
     events "^3.2.0"