Merge branch 'main' into feat/create-plugin

Author: AbhishekA1509

package-lock.json

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

package.json

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react'
 import Tippy from '@tippyjs/react'
 import { AddCDButtonProps, TooltipContentProps } from './types'
 import { AddCDPositions } from '../Types'

src/Assets/Icon/ic-book-open.svg

@@ -70,7 +70,7 @@ const ChartVersionAndTypeSelector = ({ setSelectedChartRefId }: ChartVersionAndT
     return (
         <div className="flex">
             <div className="chart-type-options flex" data-testid="chart-type-options">
-                <span className="chart-type-options-label mr-4">Chart Type</span>
+                <span className="cn-7 mr-4">Chart Type</span>
                 <ReactSelect
                     value={selectedChartType ?? chartTypeOptions[0]}
                     options={chartTypeOptions}
@@ -79,7 +79,7 @@ const ChartVersionAndTypeSelector = ({ setSelectedChartRefId }: ChartVersionAndT
                 />
             </div>
             <div className="chart-version-options flex" data-testid="chart-version-options">
-                <span className="chart-version-options-label mr-4">Chart Version</span>
+                <span className="cn-7 mr-4">Chart Version</span>
                 <ReactSelect
                     value={selectedChartVersion ?? chartVersionOptions[0]}
                     options={chartVersionOptions}

src/Assets/Icon/ic-filter-applied.svg

@@ -52,6 +52,7 @@ export default function ClipboardButton({
         },
         [content],
     )
+    const iconClassName = `icon-dim-${iconSize} dc__no-shrink`
 
     useEffect(() => {
         if (!copied) return
@@ -71,28 +72,22 @@ export default function ClipboardButton({
         }
     }, [trigger, handleCopyContent])
     return (
-        <div className="icon-dim-16 flex center">
-            <Tippy
-                className="default-tt"
-                content={copied ? copiedTippyText : 'Copy'}
-                placement="bottom"
-                visible={copied || enableTippy}
-                arrow={false}
+        <Tippy
+            className="default-tt"
+            content={copied ? copiedTippyText : 'Copy'}
+            placement="bottom"
+            visible={copied || enableTippy}
+            arrow={false}
+        >
+            <button
+                type="button"
+                className={`dc__outline-none-imp p-0 flex dc__transparent--unstyled dc__no-border ${rootClassName}`}
+                onMouseEnter={handleEnableTippy}
+                onMouseLeave={handleDisableTippy}
+                onClick={handleCopyContent}
             >
-                <button
-                    type="button"
-                    className={`dc__outline-none-imp p-0 flex bcn-0 dc__no-border ${rootClassName}`}
-                    onMouseEnter={handleEnableTippy}
-                    onMouseLeave={handleDisableTippy}
-                    onClick={handleCopyContent}
-                >
-                    {copied ? (
-                        <Check className={`icon-dim-${iconSize}`} />
-                    ) : (
-                        <ICCopy className={`icon-dim-${iconSize}`} />
-                    )}
-                </button>
-            </Tippy>
-        </div>
+                {copied ? <Check className={iconClassName} /> : <ICCopy className={iconClassName} />}
+            </button>
+        </Tippy>
     )
 }

src/Assets/Icon/ic-filter.svg

@@ -34,6 +34,7 @@ export const PATTERNS = {
     KUBERNETES_KEY_NAME: /^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])$/,
     START_END_ALPHANUMERIC: /^([Az09].*[A-Za-z0-9])$|[A-Za-z0-9]$/,
     ALPHANUMERIC_WITH_SPECIAL_CHAR: /^[A-Za-z0-9._-]+$/, // allow alphanumeric,(.) ,(-),(_)
+    ESCAPED_CHARACTERS: /[.*+?^${}()|[\]\\]/g,
 }
 
 export const URLS = {
@@ -95,6 +96,8 @@ export const ROUTES = {
     CONFIG_CD_PIPELINE: 'config/cd-pipeline',
     MODULE_CONFIGURED: 'module/config',
     RESOURCE_HISTORY_DEPLOYMENT: 'resource/history/deployment',
+    APP_LIST_MIN: 'app/min',
+    CLUSTER_LIST_MIN: 'cluster/autocomplete',
     PLUGIN_GLOBAL_LIST_DETAIL_V2: 'plugin/global/list/detail/v2',
     PLUGIN_GLOBAL_LIST_V2: 'plugin/global/list/v2',
     PLUGIN_GLOBAL_LIST_TAGS: 'plugin/global/list/tags',