Remove ResizableBox from dependencies

minusxai · Jan 15, 2025 · c76d5ce · c76d5ce
1 parent 69db898
commit c76d5ce
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 66 deletions.
diff --git a/web/package.json b/web/package.json
@@ -55,7 +55,6 @@
     "react-json-view": "^1.21.3",
     "react-markdown": "^9.0.1",
     "react-redux": "^9.1.2",
-    "react-resizable": "^3.0.5",
     "react-textarea-autosize": "^8.5.3",
     "react-use-intercom": "^5.4.1",
     "react-zoom-pan-pinch": "^3.6.1",
@@ -72,7 +71,6 @@
     "@types/jest": "^29.5.12",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
-    "@types/react-resizable": "^3",
     "@types/redux-logger": "^3.0.13",
     "dotenv": "^16.4.5",
     "eslint": "^8.31.0",

diff --git a/web/src/components/common/SemanticLayerViewer.tsx b/web/src/components/common/SemanticLayerViewer.tsx
@@ -25,8 +25,6 @@ import { setAvailableMeasures, setAvailableDimensions } from '../../state/semant
 import { setSemanticLayer } from '../../state/thumbnails/reducer'
 import { dispatch } from "../../state/dispatch"
 import { executeAction } from '../../planner/plannerActions'
-import { ResizableBox } from 'react-resizable';
-import 'react-resizable/css/styles.css';
 import { SettingsBlock } from './SettingsBlock';
 import _, { create, isEmpty } from 'lodash';
 import axios from 'axios'
@@ -201,23 +199,6 @@ export const SemanticLayerViewer = () => {
   }
 
   return (
-    <ResizableBox
-      width={Infinity}
-      height={300}
-      minConstraints={[Infinity, 200]}
-      maxConstraints={[Infinity, 400]}
-      resizeHandles={['n']}
-      handle={<div className="resizer" style={{
-        position: "absolute",
-        top: "0",
-        width: "100%",
-        height: "1px",
-        background: "#d6d3d1",
-        cursor: "ns-resize",
-      }}/>}
-      axis="y"
-      style={{ paddingTop: '10px', position: 'relative'}}
-    >
     <Box position='relative' overflow="scroll" height={"100%"}>
       <SettingsBlock title='Semantic Layer'>
       <Select
@@ -258,6 +239,5 @@ export const SemanticLayerViewer = () => {
         </VStack>
       </SettingsBlock>
     </Box>
-    </ResizableBox>
   )
 }
diff --git a/yarn.lock b/yarn.lock
@@ -4775,15 +4775,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-resizable@npm:^3":
-  version: 3.0.8
-  resolution: "@types/react-resizable@npm:3.0.8"
-  dependencies:
-    "@types/react": "npm:*"
-  checksum: 10c0/77d7896703531a32e8efdf0c7208c0f6af8eadf3d8dc5fd2b5e6032ed834f4d8ea52f14ebee8b39af6fb63642bbaacf785dd9962b1f284f070a63143251315fb
-  languageName: node
-  linkType: hard
-
 "@types/react-transition-group@npm:^4.4.0":
   version: 4.4.11
   resolution: "@types/react-transition-group@npm:4.4.11"
@@ -6351,13 +6342,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clsx@npm:^1.1.1":
-  version: 1.2.1
-  resolution: "clsx@npm:1.2.1"
-  checksum: 10c0/34dead8bee24f5e96f6e7937d711978380647e936a22e76380290e35486afd8634966ce300fc4b74a32f3762c7d4c0303f442c3e259f4ce02374eb0c82834f27
-  languageName: node
-  linkType: hard
-
 "co@npm:^4.6.0":
   version: 4.6.0
   resolution: "co@npm:4.6.0"
@@ -12299,7 +12283,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:15.x, prop-types@npm:^15.6.0, prop-types@npm:^15.6.1, prop-types@npm:^15.6.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.6.0, prop-types@npm:^15.6.1, prop-types@npm:^15.6.2":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -12528,19 +12512,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-draggable@npm:^4.0.3":
-  version: 4.4.6
-  resolution: "react-draggable@npm:4.4.6"
-  dependencies:
-    clsx: "npm:^1.1.1"
-    prop-types: "npm:^15.8.1"
-  peerDependencies:
-    react: ">= 16.3.0"
-    react-dom: ">= 16.3.0"
-  checksum: 10c0/1e8cf47414a8554caa68447e5f27749bc40e1eabb4806e2dadcb39ab081d263f517d6aaec5231677e6b425603037c7e3386d1549898f9ffcc98a86cabafb2b9a
-  languageName: node
-  linkType: hard
-
 "react-fast-compare@npm:3.2.2":
   version: 3.2.2
   resolution: "react-fast-compare@npm:3.2.2"
@@ -12738,18 +12709,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-resizable@npm:^3.0.5":
-  version: 3.0.5
-  resolution: "react-resizable@npm:3.0.5"
-  dependencies:
-    prop-types: "npm:15.x"
-    react-draggable: "npm:^4.0.3"
-  peerDependencies:
-    react: ">= 16.3"
-  checksum: 10c0/cfe50aa6efb79e0aa09bd681a5beab2fcd1186737c4952eb4c3974ed9395d5d263ccd1130961d06b8f5e24c8f544dd2967b5c740ce68719962d1771de7bdb350
-  languageName: node
-  linkType: hard
-
 "react-select@npm:5.8.x":
   version: 5.8.2
   resolution: "react-select@npm:5.8.2"
@@ -14864,7 +14823,6 @@ __metadata:
     "@types/jest": "npm:^29.5.12"
     "@types/react": "npm:^18.0.26"
     "@types/react-dom": "npm:^18.0.10"
-    "@types/react-resizable": "npm:^3"
     "@types/redux-logger": "npm:^3.0.13"
     "@typescript-eslint/eslint-plugin": "npm:^5.57.0"
     "@typescript-eslint/parser": "npm:^5.57.0"
@@ -14899,7 +14857,6 @@ __metadata:
     react-json-view: "npm:^1.21.3"
     react-markdown: "npm:^9.0.1"
     react-redux: "npm:^9.1.2"
-    react-resizable: "npm:^3.0.5"
     react-textarea-autosize: "npm:^8.5.3"
     react-use-intercom: "npm:^5.4.1"
     react-zoom-pan-pinch: "npm:^3.6.1"