@devtron-labs/devtron-fe-common-lib 0.0.6-beta-23 → 0.0.6-beta-24

package/dist/Common/CustomTagSelector/index.d.ts

@@ -1,2 +1,3 @@
 export * from './TagLabelSelect';
 export * from './TagLabelValueSelector';
+export * from './ResizableTagTextArea';

package/dist/Common/Types.d.ts

@@ -20,11 +20,12 @@ export declare enum TippyTheme {
     white = "white"
 }
 export interface TagType {
+    id?: number;
     key: string;
     value?: string;
     description?: string;
     propagate: boolean;
-    mandatoryProjectIdsCsv?: string[];
+    mandatoryProjectIdsCsv?: string;
     isInvalidKey?: boolean;
     isInvalidValue?: boolean;
 }

package/dist/Common/index.d.ts

@@ -24,3 +24,4 @@ export * from './MultiSelectCustomization';
 export { default as InfoColourBar } from './InfoColorBar/InfoColourbar';
 export * from './Common.service';
 export * from './Checkbox';
+export { default as EmptyState } from './EmptyState/EmptyState';

package/dist/index.js

@@ -8420,7 +8420,7 @@ function TippyCustomized(props) {
     };
     var getTippyContent = function () {
         var Icon = props.Icon, iconPath = props.iconPath, iconClass = props.iconClass, iconSize = props.iconSize, onImageLoadError = props.onImageLoadError, heading = props.heading, infoTextHeading = props.infoTextHeading, infoText = props.infoText, showCloseButton = props.showCloseButton, additionalContent = props.additionalContent, documentationLink = props.documentationLink, documentationLinkText = props.documentationLinkText;
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "dc__word-break dc__hyphens-auto flex left ".concat(isWhiteTheme ? 'p-12 dc__border-bottom-n1 cn-9' : 'pt-20 pb-12 pr-20 pl-20 cn-0') }, { children: [iconPath ? (jsxRuntime.jsx("img", { className: "icon-dim-".concat(iconSize || 20, " mr-6 ").concat(iconClass || ''), src: iconPath, alt: heading, onError: onImageLoadError })) : (Icon && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-".concat(iconSize || 20, " mr-6") }, { children: jsxRuntime.jsx(Icon, { className: "icon-dim-".concat(iconSize || 20, " ").concat(iconClass || '') }) })))), heading && jsxRuntime.jsx("span", __assign({ className: "fs-14 fw-6 lh-20 ".concat(showCloseButton ? 'mr-6' : '') }, { children: heading })), showCloseButton && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-16 ml-auto" }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-16 cursor ".concat(isWhiteTheme ? 'fcn-9' : 'fcn-0'), onClick: closeTippy }) })))] })), infoTextHeading && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-14 fw-6 lh-20 ".concat(isWhiteTheme ? 'pl-12 pr-12' : 'pl-20 pr-20') }, { children: infoTextHeading }))), infoText && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-13 fw-4 lh-20 ".concat(isWhiteTheme
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "dc__word-break dc__hyphens-auto flex left ".concat(isWhiteTheme ? 'p-12 dc__border-bottom-n1 cn-9' : 'pt-20 pb-12 pr-20 pl-20 cn-0 top') }, { children: [iconPath ? (jsxRuntime.jsx("img", { className: "icon-dim-".concat(iconSize || 20, " mr-6 ").concat(iconClass || ''), src: iconPath, alt: heading, onError: onImageLoadError })) : (Icon && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-".concat(iconSize || 20, " mr-6") }, { children: jsxRuntime.jsx(Icon, { className: "icon-dim-".concat(iconSize || 20, " ").concat(iconClass || '') }) })))), heading && jsxRuntime.jsx("span", __assign({ className: "fs-14 fw-6 lh-20 ".concat(showCloseButton ? 'mr-6' : '') }, { children: heading })), showCloseButton && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-16 ml-auto" }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-16 cursor ".concat(isWhiteTheme ? 'fcn-9' : 'fcn-0'), onClick: closeTippy }) })))] })), infoTextHeading && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-14 fw-6 lh-20 ".concat(isWhiteTheme ? 'pl-12 pr-12' : 'pl-20 pr-20') }, { children: infoTextHeading }))), infoText && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-13 fw-4 lh-20 ".concat(isWhiteTheme
                         ? 'p-12'
                         : "pl-20 pr-20 pt-4 ".concat(additionalContent && documentationLink ? 'pb-12' : 'pb-20')) }, { children: infoText }))), additionalContent, documentationLink && (jsxRuntime.jsx("div", __assign({ className: "pl-12 pb-12" }, { children: jsxRuntime.jsx("a", __assign({ href: documentationLink, target: "_blank", rel: "noreferrer noopener", className: "fs-13 cb-5", onClick: closeTippy }, { children: documentationLinkText || 'Learn more' })) })))] }));
     };
@@ -8602,11 +8602,11 @@ function ResizableTagTextArea(_a) {
     var handleOnBlur = function (event) {
         refVar.current.style.height = 'auto';
         dependentRef.current.style.height = 'auto';
-        onBlur(event);
+        onBlur && onBlur(event);
     };
     var handleOnFocus = function (event) {
         reInitHeight();
-        onFocus(event);
+        onFocus && onFocus(event);
     };
     return (jsxRuntime.jsx("textarea", { rows: 1, ref: refVar, value: text, placeholder: placeholder, className: "".concat(className || '', " lh-20"), style: { resize: 'none' }, onChange: handleChange, onBlur: handleOnBlur, onFocus: handleOnFocus, tabIndex: tabIndex }));
 }
@@ -16378,6 +16378,7 @@ exports.DialogForm = DialogForm;
 exports.DialogFormSubmit = DialogFormSubmit;
 exports.Drawer = Drawer;
 exports.ERROR_EMPTY_SCREEN = ERROR_EMPTY_SCREEN;
+exports.EmptyState = EmptyState;
 exports.ErrorScreenManager = ErrorScreenManager;
 exports.ErrorScreenNotAuthorized = ErrorScreenNotAuthorized;
 exports.ForceDeleteDialog = ForceDeleteDialog;
@@ -16396,6 +16397,7 @@ exports.ROUTES = ROUTES;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupItem = RadioGroupItem;
 exports.RequestTimeout = RequestTimeout;
+exports.ResizableTagTextArea = ResizableTagTextArea;
 exports.ServerError = ServerError;
 exports.ServerErrors = ServerErrors;
 exports.SingleSelectOption = SingleSelectOption;

package/package.json

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

package/src/Common/CustomTagSelector/ResizableTagTextArea.tsx

@@ -49,12 +49,12 @@ export function ResizableTagTextArea({
     const handleOnBlur = (event) => {
         refVar.current.style.height = 'auto'
         dependentRef.current.style.height = 'auto'
-        onBlur(event)
+        onBlur && onBlur(event)
     }
 
     const handleOnFocus = (event) => {
         reInitHeight()
-        onFocus(event)
+        onFocus && onFocus(event)
     }
 
     return (

package/src/Common/CustomTagSelector/index.ts

@@ -1,2 +1,3 @@
 export * from './TagLabelSelect'
-export * from './TagLabelValueSelector'
+export * from './TagLabelValueSelector'
+export * from './ResizableTagTextArea'

package/src/Common/TippyCustomized.tsx

@@ -79,7 +79,7 @@ export function TippyCustomized(props: TippyCustomizedProps) {
             <>
                 <div
                     className={`dc__word-break dc__hyphens-auto flex left ${
-                        isWhiteTheme ? 'p-12 dc__border-bottom-n1 cn-9' : 'pt-20 pb-12 pr-20 pl-20 cn-0'
+                        isWhiteTheme ? 'p-12 dc__border-bottom-n1 cn-9' : 'pt-20 pb-12 pr-20 pl-20 cn-0 top'
                     }`}
                 >
                     {iconPath ? (

package/src/Common/Types.ts

@@ -24,67 +24,68 @@ export enum TippyTheme {
 }
 
 export interface TagType {
-  key: string
-  value?: string
-  description?: string
-  propagate: boolean
-  mandatoryProjectIdsCsv?: string[]
-  isInvalidKey?: boolean
-  isInvalidValue?: boolean
+    id?: number
+    key: string
+    value?: string
+    description?: string
+    propagate: boolean
+    mandatoryProjectIdsCsv?: string
+    isInvalidKey?: boolean
+    isInvalidValue?: boolean
 }
 
 export interface TagErrorType {
-  isValid: boolean
-  messages: string[]
+    isValid: boolean
+    messages: string[]
 }
 export interface TagLabelSelectType {
-  isCreateApp?: boolean
-  labelTags: TagType[]
-  setLabelTags: (tagList: TagType[]) => void
-  tabIndex?: number
+    isCreateApp?: boolean
+    labelTags: TagType[]
+    setLabelTags: (tagList: TagType[]) => void
+    tabIndex?: number
 }
 
 export interface TagDetailType {
-  index: number
-  tagData: TagType
-  setTagData: (index: number, tagData: TagType) => void
-  removeTag: (index: number) => void
-  tabIndex?: number
+    index: number
+    tagData: TagType
+    setTagData: (index: number, tagData: TagType) => void
+    removeTag: (index: number) => void
+    tabIndex?: number
 }
 
 export interface TagLabelValueSelectorType {
-  selectedTagIndex: number
-  tagData: TagType
-  setTagData: (index: number, tagData: TagType) => void
-  tagOptions?: OptionType[]
-  isRequired?: boolean
-  tagInputType?: KEY_VALUE
-  placeholder?: string
-  tabIndex?: number
-  refVar?: React.MutableRefObject<HTMLTextAreaElement>
-  dependentRef?: React.MutableRefObject<HTMLTextAreaElement>
+    selectedTagIndex: number
+    tagData: TagType
+    setTagData: (index: number, tagData: TagType) => void
+    tagOptions?: OptionType[]
+    isRequired?: boolean
+    tagInputType?: KEY_VALUE
+    placeholder?: string
+    tabIndex?: number
+    refVar?: React.MutableRefObject<HTMLTextAreaElement>
+    dependentRef?: React.MutableRefObject<HTMLTextAreaElement>
 }
 
 export interface ResizableTagTextAreaProps {
-  className?: string
-  minHeight?: number
-  maxHeight?: number
-  value?: string
-  onChange?: (e) => void
-  onBlur?: (e) => void
-  onFocus?: (e) => void
-  placeholder?: string
-  tabIndex?: number
-  refVar?: React.MutableRefObject<HTMLTextAreaElement>
-  dependentRef?: React.MutableRefObject<HTMLTextAreaElement>
+    className?: string
+    minHeight?: number
+    maxHeight?: number
+    value?: string
+    onChange?: (e) => void
+    onBlur?: (e) => void
+    onFocus?: (e) => void
+    placeholder?: string
+    tabIndex?: number
+    refVar?: React.MutableRefObject<HTMLTextAreaElement>
+    dependentRef?: React.MutableRefObject<HTMLTextAreaElement>
 }
 
 export interface TeamList extends ResponseType {
-  result: Teams[];
+    result: Teams[]
 }
 
 export interface Teams {
-  id: number;
-  name: string;
-  active: boolean;
-}
+    id: number
+    name: string
+    active: boolean
+}

package/src/Common/index.ts

@@ -21,6 +21,7 @@ export * from './TippyCustomized'
 export * from './CustomTagSelector'
 export * from './Dialogs'
 export * from './MultiSelectCustomization'
-export {default as InfoColourBar} from './InfoColorBar/InfoColourbar'
+export { default as InfoColourBar } from './InfoColorBar/InfoColourbar'
 export * from './Common.service'
-export * from './Checkbox'
+export * from './Checkbox'
+export { default as EmptyState } from './EmptyState/EmptyState'