From c1483bcc10cfbe7c61da0e2c299362e7415bb5da Mon Sep 17 00:00:00 2001
From: muddana-satish <satish.muddana@ericsson.com>
Date: Thu, 20 May 2021 01:58:32 -0500
Subject: [PATCH] Make resize options identifiable

fixes #337

Signed-off-by: muddana-satish <satish.muddana@ericsson.com>
---
 packages/react-components/package.json                    | 2 +-
 .../src/components/trace-context-component.tsx            | 2 +-
 yarn.lock                                                 | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react-components/package.json b/packages/react-components/package.json
index 6456607ad..a6a2f4fdd 100644
--- a/packages/react-components/package.json
+++ b/packages/react-components/package.json
@@ -38,7 +38,7 @@
     "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/jest": "^26.0.4",
     "@types/lodash": "^4.14.142",
-    "@types/react-grid-layout": "^0.16.7",
+    "@types/react-grid-layout": "^1.1.1",
     "@types/react-modal": "^3.8.2",
     "@types/react-test-renderer": "^16.9.2",
     "@types/react-virtualized": "^9.21.1",
diff --git a/packages/react-components/src/components/trace-context-component.tsx b/packages/react-components/src/components/trace-context-component.tsx
index e5fd2eb98..706840a8e 100644
--- a/packages/react-components/src/components/trace-context-component.tsx
+++ b/packages/react-components/src/components/trace-context-component.tsx
@@ -250,7 +250,7 @@ export class TraceContextComponent extends React.Component<TraceContextProps, Tr
                 // Syntax to use ReactGridLayout with Custom Components, while passing resized dimensions to children:
                 // https://github.com/STRML/react-grid-layout/issues/299#issuecomment-524959229
             }
-            <ResponsiveGridLayout className='outputs-grid-layout' margin={[0, 5]} isResizable={true} isRearrangeable={true} isDraggable={true}
+            <ResponsiveGridLayout className='outputs-grid-layout' margin={[0, 5]} isResizable={true} isDraggable={true} resizeHandles={['se', 's', 'sw']}
                 layouts={{ lg: layouts }} cols={{ lg: 1 }} breakpoints={{ lg: 1200 }} rowHeight={this.DEFAULT_COMPONENT_ROWHEIGHT} draggableHandle={'.title-bar-label'}
                 style={{ paddingRight: this.SCROLLBAR_PADDING }}>
                 {outputs.map(output => {
diff --git a/yarn.lock b/yarn.lock
index 7a18738d8..f22bd06b8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2634,10 +2634,10 @@
   dependencies:
     "@types/react" "^16"
 
-"@types/react-grid-layout@^0.16.7":
-  version "0.16.7"
-  resolved "https://registry.yarnpkg.com/@types/react-grid-layout/-/react-grid-layout-0.16.7.tgz#53d5f5034deb0c60e25a0fa578141e9a0982011f"
-  integrity sha512-A3tW9xySd03KGONkp8gP4+QRLuT1Mcx++m0hO0nZIM4H/Qwz8GsiDv+9okbmHk5HcsHwY5Jdsn6Cv50hwoNG+A==
+"@types/react-grid-layout@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/react-grid-layout/-/react-grid-layout-1.1.1.tgz#1eb322fa88cd1475bdc60ecca9676f6853e18887"
+  integrity sha512-bvPkITzwGGOZKjp01nVSgPrdfGm/uTa5t8Odd8vQRXJsLj7uZLZXSXgWr+TiXBAkUsmHPxhsyswXQCiFeDuZnQ==
   dependencies:
     "@types/react" "*"