@devtron-labs/devtron-fe-common-lib 0.0.6-beta-18 → 0.0.6-beta-19

package/dist/Common/index.d.ts

@@ -21,4 +21,4 @@ export * from './TippyCustomized';
 export * from './CustomTagSelector';
 export * from './Dialogs';
 export * from './MultiSelectCustomization';
-export * from './InfoColorBar/InfoColourbar';
+export { default as InfoColourBar } from './InfoColorBar/InfoColourbar';

package/dist/index.js

@@ -16129,6 +16129,23 @@ var CustomSelect = function (props) {
 var css_248z = ".info-bar-container .info_text .success {\n  background-color: var(--G100);\n}\n.info-bar-container .warn {\n  background: var(--Y100);\n  border: solid var(--Y200);\n}\n.info-bar-container .warn .warning-icon path:nth-child(2) {\n  fill: var(--Y700);\n}\n.info-bar-container .info_bar {\n  background-color: var(--B100);\n  border: 1px solid var(--B200);\n}\n.info-bar-container .error_bar {\n  background-color: var(--R100);\n  border: 1px solid var(--R200);\n}\n.info-bar-container .question-bar {\n  background-color: var(--V100);\n  border: 1px solid var(--V200);\n}";
 styleInject(css_248z);
 
+function InfoColourBar(_a) {
+    var message = _a.message, classname = _a.classname, Icon = _a.Icon, iconClass = _a.iconClass, iconSize = _a.iconSize, renderActionButton = _a.renderActionButton, linkText = _a.linkText, redirectLink = _a.redirectLink, linkOnClick = _a.linkOnClick, linkClass = _a.linkClass, internalLink = _a.internalLink, styles = _a.styles;
+    var renderLink = function () {
+        if (!linkText) {
+            return null;
+        }
+        else if (redirectLink) {
+            if (internalLink) {
+                return (jsxRuntime.jsx(reactRouterDom.Link, __assign({ to: redirectLink, onClick: linkOnClick, className: "cursor dc__link dc__underline-onhover mr-5" }, { children: linkText })));
+            }
+            return (jsxRuntime.jsx("a", __assign({ href: redirectLink, target: "_blank", onClick: linkOnClick, className: "cursor dc__link dc__underline-onhover mr-5" }, { children: linkText })));
+        }
+        return (linkOnClick && (jsxRuntime.jsx("div", __assign({ onClick: linkOnClick, className: "cursor dc__link dc__underline-onhover" }, { children: linkText }))));
+    };
+    return (jsxRuntime.jsx("div", __assign({ className: "info-bar-container" }, { children: jsxRuntime.jsxs("div", __assign({ className: "".concat(classname, " info_text flex dc__content-space pt-8 pb-8 pl-16 pr-16 br-4 top fs-13 fw-4"), style: styles }, { children: [jsxRuntime.jsxs("div", __assign({ className: "flex top ".concat(typeof renderActionButton === 'function' ? 'mr-5' : '') }, { children: [jsxRuntime.jsx("div", __assign({ className: "icon-dim-".concat(iconSize !== null && iconSize !== void 0 ? iconSize : '20', " mr-10") }, { children: jsxRuntime.jsx(Icon, { className: "icon-dim-".concat(iconSize !== null && iconSize !== void 0 ? iconSize : '20', " ").concat(iconClass || '', " mr-8") }) })), jsxRuntime.jsxs("div", __assign({ className: "info-bar-message-wrapper ".concat(linkClass || '') }, { children: [jsxRuntime.jsx("span", __assign({ className: linkText && redirectLink ? 'mr-5' : '' }, { children: message })), renderLink()] }))] })), typeof renderActionButton === 'function' && renderActionButton()] })) })));
+}
+
 exports.BreadCrumb = BreadCrumb;
 exports.BreadcrumbStore = Store;
 exports.ClearIndicator = ClearIndicator;
@@ -16144,6 +16161,7 @@ exports.ErrorScreenManager = ErrorScreenManager;
 exports.ErrorScreenNotAuthorized = ErrorScreenNotAuthorized;
 exports.ForceDeleteDialog = ForceDeleteDialog;
 exports.Host = Host;
+exports.InfoColourBar = InfoColourBar;
 exports.Modal = Modal;
 exports.MultiValueChipContainer = MultiValueChipContainer;
 exports.MultiValueContainer = MultiValueContainer;

package/package.json

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

package/src/Common/index.ts

@@ -21,4 +21,4 @@ export * from './TippyCustomized'
 export * from './CustomTagSelector'
 export * from './Dialogs'
 export * from './MultiSelectCustomization'
-export * from './InfoColorBar/InfoColourbar'
+export {default as InfoColourBar} from './InfoColorBar/InfoColourbar'