STOP-5061 -- Fixed critical vulnerabilities

.npmrc

@@ -0,0 +1 @@
+11.15.0

.nvmrc

@@ -0,0 +1 @@
+11.15.0

.yarnrc

@@ -0,0 +1,2 @@
+# Ignore engine version requirements to support Node v20+ with legacy dependencies
+ignore-engines true

package.json

@@ -25,7 +25,7 @@
     "node": ">=8.3.0"
   },
   "scripts": {
-    "build": "sl-scripts build && yarn build.styles",
+    "build": "node ./node_modules/@stoplight/scripts/dist/index.js build && yarn build.styles",
     "build.styles": "yarn build.tw && copyfiles -u 1 \"./src/styles/**/*\" ./dist",
     "build.tw": "postcss ./scripts/build-tailwind/tailwind.css -o ./src/styles/tailwind/_base.scss -c ./sripts/tailwind-build/postcss.config.js",
     "commit": "git-cz",
@@ -117,9 +117,29 @@
     "tslint-plugin-prettier": "^2.1.0",
     "tslint-react": "^4.1.0",
     "tslint-react-hooks": "^2.2.1",
-    "typescript": "3.7.4",
+    "typescript": "4.9.5",
     "webpack": "~4.41.5"
   },
+  "resolutions": {
+    "minimist": "^1.2.8",
+    "fsevents": "1.2.13",
+    "pbkdf2": "^3.1.2",
+    "handlebars": "^4.7.7",
+    "@babel/traverse": ">=7.23.2",
+    "sha.js": ">=2.4.12",
+    "cipher-base": ">=1.0.5",
+    "json-schema": ">=0.4.0",
+    "form-data": ">=2.5.4",
+    "url-parse": ">=1.5.10",
+    "lodash": ">=4.17.21",
+    "loader-utils": "^1.4.1",
+    "elliptic": ">=6.6.1",
+    "eventsource": ">=1.1.1",
+    "ejs": ">=3.1.7",
+    "merge-deep": ">=3.0.3",
+    "property-expr": ">=2.0.3",
+    "simple-git": "3.32.3"
+  },
   "lint-staged": {
     "*.{ts,tsx}": [
       "yarn lint.fix",

src/CodeViewer/index.tsx

@@ -53,7 +53,13 @@ const CodeViewer: React.FunctionComponent<ICodeViewerProps> = ({
       })}
       {...rest}
     >
-      {markup ? markup.map(astToReact()) : value}
+      {markup
+        ? markup.map((token, index) => {
+            const element = astToReact()(token, index);
+
+            return React.isValidElement(element) ? React.cloneElement(element, { key: index }) : element;
+          })
+        : value}
     </pre>
   );
 };

src/ScrollContainer/index.tsx

@@ -125,9 +125,11 @@ const ScrollContainer = React.forwardRef<ScrollbarRefInstance, IScrollContainer>
           },
         }}
         thumbXProps={{
+          // @ts-ignore - renderer signature is compatible at runtime but mismatched in types
           renderer: thumbRenderer,
         }}
         thumbYProps={{
+          // @ts-ignore - renderer signature is compatible at runtime but mismatched in types
           renderer: thumbRenderer,
         }}
         ref={scrollbarCallback}

src/styles/tailwind/_base.scss

@@ -14152,6 +14152,7 @@ h3,
 h4,
 h5,
 h6,
+hr,
 figure,
 p,
 pre {
@@ -14229,7 +14230,7 @@ html {
  */
 
 hr {
-  border-width: 1px;
+  border-top-width: 1px;
 }
 
 /**
@@ -14250,23 +14251,19 @@ textarea {
   resize: vertical;
 }
 
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
   color: #a0aec0;
 }
 
-input::-moz-placeholder,
-textarea::-moz-placeholder {
+input::-moz-placeholder, textarea::-moz-placeholder {
   color: #a0aec0;
 }
 
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
   color: #a0aec0;
 }
 
-input::-ms-input-placeholder,
-textarea::-ms-input-placeholder {
+input::-ms-input-placeholder, textarea::-ms-input-placeholder {
   color: #a0aec0;
 }