Merge branch 'main' of github.com:devtron-labs/devtron-fe-common-lib into feat/release

Author: eshankvaish

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.79-beta-14",
+    "version": "0.0.81-beta-1",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",
@@ -87,7 +87,6 @@
         "@typeform/embed-react": "2.20.0",
         "yaml": "^2.4.1",
         "react-mde": "^11.5.0"
-
     },
     "dependencies": {
         "react-monaco-editor": "^0.54.0",

package.json

@@ -55,6 +55,7 @@ export default function ClipboardButton({
                 content={copied ? copiedTippyText : 'Copy'}
                 placement="bottom"
                 visible={copied || enableTippy}
+                arrow={false}
             >
                 <button
                     type="button"

src/Common/ClipboardButton/ClipboardButton.tsx

@@ -0,0 +1,6 @@
+import { useContext } from 'react'
+import { context } from './UseRegisterShortcutContext'
+
+const useRegisterShortcut = () => useContext(context)
+
+export default useRegisterShortcut

src/Common/Hooks/UseRegisterShortcut/UseRegisterShortcut.tsx

@@ -0,0 +1,4 @@
+import { createContext } from 'react'
+import { UseRegisterShortcutContextType } from './types'
+
+export const context = createContext<UseRegisterShortcutContextType>(null)

src/Common/Hooks/UseRegisterShortcut/UseRegisterShortcutContext.tsx

@@ -0,0 +1,19 @@
+import { useMemo, useState } from 'react'
+import { context } from './UseRegisterShortcutContext'
+import { UseRegisterShortcutProviderType } from './types'
+
+const UseRegisterShortcutProvider = ({ children }: UseRegisterShortcutProviderType) => {
+    const [registerShortcut, setRegisterShortcut] = useState(true)
+
+    const providerValue = useMemo(
+        () => ({
+            registerShortcut,
+            setRegisterShortcut: (allowShortcut: boolean) => setRegisterShortcut(allowShortcut),
+        }),
+        [registerShortcut],
+    )
+
+    return <context.Provider value={providerValue}>{children}</context.Provider>
+}
+
+export default UseRegisterShortcutProvider

src/Common/Hooks/UseRegisterShortcut/UseRegisterShortcutProvider.tsx

@@ -0,0 +1,2 @@
+export { default as useRegisterShortcut } from './UseRegisterShortcut'
+export { default as UseRegisterShortcutProvider } from './UseRegisterShortcutProvider'

src/Common/Hooks/UseRegisterShortcut/index.ts

@@ -0,0 +1,8 @@
+export interface UseRegisterShortcutContextType {
+    registerShortcut: boolean
+    setRegisterShortcut: (allowShortcut: boolean) => void
+}
+
+export interface UseRegisterShortcutProviderType {
+    children: React.ReactElement
+}

src/Common/Hooks/UseRegisterShortcut/types.ts

@@ -2,3 +2,4 @@ export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin'
 export { useClickOutside } from './UseClickOutside/UseClickOutside'
 export { useWindowSize } from './UseWindowSize/UseWindowSize'
 export * from './useUrlFilters'
+export * from './UseRegisterShortcut'

src/Common/Hooks/index.ts

@@ -39,11 +39,25 @@
 
     pre {
         padding: 16px;
-        background-color: #f6f8fa;
-        border-radius: 4px;
         border: unset;
+        overflow: auto;
+        font-size: 85%;
+        line-height: 1.45;
+        background-color: #f7f7f7;
+        border-radius: 3px;
+
+        code {
+            display: inline;
+            margin: 0;
+            overflow: visible;
+            line-height: inherit;
+            word-wrap: normal;
+            white-space: pre;
+            border: 0
+        }
     }
 
+
     a.anchor {
         color: var(--N900);
     }