@devtron-labs/devtron-fe-common-lib 0.0.6-beta-13 → 0.0.6-beta-15

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.6-beta-13",
+    "version": "0.0.6-beta-15",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {
@@ -28,14 +28,14 @@
         "@types/react": "17.0.39",
         "@types/react-dom": "17.0.13",
         "@types/react-router-dom": "^5.3.3",
-        "rollup": "^3.7.3",
+        "rollup": "^3.10.0",
         "rollup-plugin-delete": "^2.0.0",
         "@svgr/rollup": "6.5.1",
         "@rollup/plugin-url": "8.0.1",
         "typescript": "^4.9.4",
         "react-toastify": "^8.2.0",
         "@tippyjs/react": "^4.2.0",
-        "@sentry/browser": "^7.3.1"
+        "@sentry/browser": "^7.31.1"
     },
     "peerDependencies": {
         "react": "^17.0.2",
@@ -43,6 +43,7 @@
         "react-router-dom": "^5.3.0"
     },
     "dependencies": {
-        "sass": "^1.56.2"
+        "sass": "^1.56.2",
+        "tslib": "^2.4.1"
     }
 }

package/rollup.config.js

@@ -5,7 +5,7 @@ import postcss from 'rollup-plugin-postcss'
 import { babel } from '@rollup/plugin-babel'
 import del from 'rollup-plugin-delete'
 import pkg from './package.json'
-import svgr from '@svgr/rollup';
+import svgr from '@svgr/rollup'
 import url from '@rollup/plugin-url'
 
 export default {
@@ -23,7 +23,7 @@ export default {
         }),
         del({ targets: ['dist/*'] }),
         url(),
-        svgr()
+        svgr(),
     ],
     external: Object.keys(pkg.peerDependencies || {}),
 }

package/src/Common/CustomTagSelector/PropagateTagInfo.tsx

@@ -1,7 +1,8 @@
 import React from 'react'
 import { ReactComponent as InjectTag } from '../../Assets/Icon/inject-tag.svg'
 import { ReactComponent as Help } from '../../Assets/Icon/ic-help-outline.svg'
-import TippyCustomized, { TippyTheme } from '../TippyCustomized'
+import { TippyCustomized } from '../TippyCustomized'
+import { TippyTheme } from '../Types'
 
 export default function PropagateTagInfo() {
     const additionalInfo = () => {

package/src/Common/CustomTagSelector/TagLabelSelect.tsx

@@ -2,8 +2,15 @@ import React from 'react'
 import PropagateTagInfo from './PropagateTagInfo'
 import { ReactComponent as Add } from '../../Assets/Icon/ic-add.svg'
 import TagDetails from './TagDetails'
+import { TagType } from '../Types'
 
-export default function TagLabelSelect({ labelTags, setLabelTags }) {
+export const TagLabelSelect = ({
+    labelTags,
+    setLabelTags,
+}: {
+    labelTags: TagType[]
+    setLabelTags: (tagList: TagType[]) => void
+}) => {
     const setTagData = (index, tagValue): void => {
         const _tags = [...labelTags]
         _tags[index] = tagValue

package/src/Common/Dialogs/DeleteDialog.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import warn from '../../../Assets/Img/warning-medium.svg';
+import warn from '../../Assets/Img/warning-medium.svg';
 import { Progressing } from '../Progressing'
 import ConfirmationDialog from './ConfirmationDialog';
 import { DeleteDialogProps } from './Types';

package/src/Common/Dialogs/DialogForm.tsx

@@ -1,6 +1,6 @@
 import React, { Component, createContext } from 'react';
 import { VisibleModal } from '../Modals/VisibleModal';
-import close from '../../../Assets/Icons/ic-close.svg';
+import close from '../../Assets/Icon/ic-close.svg';
 import { Progressing } from '../Progressing'
 //TODO: may not need context
 const DialogFormContext = createContext({ title: '', isLoading: false, close: (event) => {}, onSave: (event) => {} });

package/src/Common/Dialogs/index.ts

@@ -1,4 +1,4 @@
-export * from './ConfirmationDialog'
+export { default as ConfirmationDialog } from './ConfirmationDialog'
 export * from './DeleteDialog'
 export * from './DialogForm'
-export * from './ForceDeleteDialog'
+export { default as ForceDeleteDialog } from './ForceDeleteDialog'

package/src/Common/TippyCustomized.tsx

@@ -1,13 +1,9 @@
-import React, { ReactNode, useEffect, useRef } from 'react'
+import React, { ReactNode, useRef } from 'react'
 import Tippy from '@tippyjs/react'
 import { Placement } from 'tippy.js'
 import { ReactComponent as CloseIcon } from '../Assets/Icon/ic-close.svg'
 import 'tippy.js/animations/shift-toward-subtle.css'
-
-export enum TippyTheme {
-    black = 'black',
-    white = 'white',
-}
+import { TippyTheme } from './Types'
 
 interface TippyCustomizedProps {
     theme: TippyTheme
@@ -38,7 +34,7 @@ interface TippyCustomizedProps {
 
 // This component will handle some of the new tippy designs and interactions
 // So this can be updated to support further for new features or interactions
-export default function TippyCustomized(props: TippyCustomizedProps) {
+export function TippyCustomized(props: TippyCustomizedProps) {
     const tippyRef = useRef(null)
     const isWhiteTheme = props.theme === TippyTheme.white
 

package/src/Common/Types.ts

@@ -23,4 +23,9 @@ export interface TagType {
 export interface OptionType {
     label: string;
     value: string;
+}
+
+export enum TippyTheme {
+    black = 'black',
+    white = 'white',
 }

package/src/Common/index.ts

@@ -16,6 +16,7 @@ export * from './Modals/VisibleModal2'
 export { BreadCrumb, useBreadcrumb } from './BreadCrumb/BreadCrumb'
 export { default as BreadcrumbStore } from './BreadCrumb/BreadcrumbStore'
 export * from './RadioGroup'
-export * from './PopupMenu'
+export { default as PopupMenu } from './PopupMenu'
 export * from './TippyCustomized'
-export * from './CustomTagSelector'
+export * from './CustomTagSelector'
+export * from './Dialogs'

package/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es6",
+    "target": "es5",
     "downlevelIteration": true,
     "lib": [
       "dom",