Merge pull request #389 from devtron-labs/feat/events-ai-widget

feat: add support for screen bottom right in draggable wrapper

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.6.0-patch-1-beta-12",
+    "version": "0.6.0-patch-1-beta-13",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React, { useEffect, useRef, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import Draggable, { ControlPosition, DraggableData } from 'react-draggable'
 import { DraggableWrapperProps, DraggablePositionVariant } from './types'
 import { useWindowSize } from '../Hooks'
@@ -71,6 +71,12 @@ export default function DraggableWrapper({
                 const y = baseY - nodeRefHeight - boundaryGap
                 return { x, y }
             }
+            case DraggablePositionVariant.SCREEN_BOTTOM_RIGHT: {
+                const x = windowSize.width - parentRect.left - nodeRefWidth - boundaryGap
+                const y = windowSize.height - parentRect.top - nodeRefHeight - boundaryGap
+
+                return { x, y }
+            }
             // Add more cases for other variants if needed
             default: {
                 // Since need node to be in center of screen so subtracting width/2 by left of parentRect it will start the node from center but want node's midpoint at center so subtracting node's width from it.

src/Common/DraggableWrapper/DraggableWrapper.tsx

@@ -19,6 +19,7 @@ import { HTMLAttributes, ReactNode, RefObject } from 'react'
 export enum DraggablePositionVariant {
     PARENT_BOTTOM_CENTER = 'PARENT_BOTTOM_CENTER',
     SCREEN_BOTTOM_CENTER = 'SCREEN_BOTTOM_CENTER',
+    SCREEN_BOTTOM_RIGHT = 'SCREEN_BOTTOM_RIGHT',
     // Can add more based on requirement
 }
 

src/Common/DraggableWrapper/types.ts

@@ -993,3 +993,13 @@ export interface EnvironmentHelmResult {
 }
 
 export type EnvironmentListHelmResponse = ResponseType<EnvironmentListHelmResult[]>
+
+export interface WidgetEventDetails {
+    message: string
+    namespace: string
+    object: string
+    source: string
+    count: number
+    age: string
+    lastSeen: string
+}