@devtron-labs/devtron-fe-common-lib 0.0.7-beta-7 → 0.0.7-beta-9

package/dist/index.js

@@ -3904,6 +3904,16 @@ function captureException(exception, captureContext) {
   return getCurrentHub().captureException(exception, { captureContext });
 }
 
+toast.configure({
+    autoClose: 3000,
+    hideProgressBar: true,
+    pauseOnHover: true,
+    pauseOnFocusLoss: true,
+    closeOnClick: false,
+    newestOnTop: true,
+    toastClassName: 'devtron-toast',
+    bodyClassName: 'devtron-toast__body',
+});
 function showError(serverError, showToastOnUnknownError, hideAccessError) {
     if (showToastOnUnknownError === void 0) { showToastOnUnknownError = true; }
     if (hideAccessError === void 0) { hideAccessError = false; }
@@ -8670,7 +8680,7 @@ var TagLabelValueSelector = function (_a) {
     };
     var renderSuggestions = function () {
         if (tagOptions === null || tagOptions === void 0 ? void 0 : tagOptions.length) {
-            var filteredTags = tagOptions.filter(function (tag) { return tag.value.indexOf(selectedValue) >= 0; });
+            var filteredTags = tagOptions.filter(function (tag) { return tag.label.indexOf(selectedValue) >= 0; });
             if (filteredTags.length) {
                 return (jsxRuntime.jsx("div", { children: filteredTags.map(function (tag, index) { return (jsxRuntime.jsx("div", __assign({ "data-key": tag.label, className: "dc__hover-n50 lh-20 fs-13 fw-4 pt-6 pr-8 pb-6 pl-8 cursor", onClick: onSelectValue }, { children: tag.label }), "".concat(tag.value, "-").concat(index))); }) }));
             }
@@ -8681,7 +8691,7 @@ var TagLabelValueSelector = function (_a) {
                         ? "dc__no-right-radius"
                         : "dc__no-border-radius dc__no-right-border dc__no-left-border", " ").concat(tagData[tagInputType === exports.KEY_VALUE.KEY ? 'isInvalidKey' : 'isInvalidValue']
                         ? 'form__input--error'
-                        : ''), value: selectedValue, onChange: handleInputChange, onBlur: handleOnBlur, onFocus: handleOnFocus, placeholder: placeholder, tabIndex: tabIndex, refVar: refVar, dependentRef: dependentRef }) })), jsxRuntime.jsx(PopupMenu.Body, __assign({ rootClassName: "tag-".concat(selectedTagIndex, "-class"), autoWidth: true, preventWheelDisable: true }, { children: activeElement === "tag-".concat(tagInputType, "-").concat(selectedTagIndex) && renderSuggestions() }))] })));
+                        : ''), value: selectedValue, onChange: handleInputChange, onBlur: handleOnBlur, onFocus: handleOnFocus, placeholder: placeholder, tabIndex: tabIndex, refVar: refVar, dependentRef: dependentRef }) })), jsxRuntime.jsx(PopupMenu.Body, __assign({ rootClassName: "mxh-210 dc__overflow-auto tag-".concat(selectedTagIndex, "-class"), autoWidth: true, preventWheelDisable: true }, { children: activeElement === "tag-".concat(tagInputType, "-").concat(selectedTagIndex) && renderSuggestions() }))] })));
 };
 
 var TagDetails = function (_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.7-beta-7",
+    "version": "0.0.7-beta-9",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {

package/src/Common/CustomTagSelector/TagLabelValueSelector.tsx

@@ -104,7 +104,7 @@ export const TagLabelValueSelector = ({
 
     const renderSuggestions = (): JSX.Element => {
         if (tagOptions?.length) {
-            const filteredTags = tagOptions.filter((tag) => tag.value.indexOf(selectedValue) >= 0)
+            const filteredTags = tagOptions.filter((tag) => tag.label.indexOf(selectedValue) >= 0)
             if (filteredTags.length) {
                 return (
                     <div>
@@ -150,7 +150,11 @@ export const TagLabelValueSelector = ({
                     dependentRef={dependentRef}
                 />
             </PopupMenu.Button>
-            <PopupMenu.Body rootClassName={`tag-${selectedTagIndex}-class`} autoWidth={true} preventWheelDisable={true}>
+            <PopupMenu.Body
+                rootClassName={`mxh-210 dc__overflow-auto tag-${selectedTagIndex}-class`}
+                autoWidth={true}
+                preventWheelDisable={true}
+            >
                 {activeElement === `tag-${tagInputType}-${selectedTagIndex}` && renderSuggestions()}
             </PopupMenu.Body>
         </PopupMenu>

package/src/Common/Helper.tsx

@@ -5,6 +5,17 @@ import { toastAccessDenied } from './ToastBody'
 import { useEffect, useRef } from 'react'
 import { ERROR_EMPTY_SCREEN } from './Constants'
 
+toast.configure({
+  autoClose: 3000,
+  hideProgressBar: true,
+  pauseOnHover: true,
+  pauseOnFocusLoss: true,
+  closeOnClick: false,
+  newestOnTop: true,
+  toastClassName: 'devtron-toast',
+  bodyClassName: 'devtron-toast__body',
+})
+
 export function showError(serverError, showToastOnUnknownError = true, hideAccessError = false) {
   if (serverError instanceof ServerErrors && Array.isArray(serverError.errors)) {
       serverError.errors.map(({ userMessage, internalMessage }) => {