@devtron-labs/devtron-fe-common-lib 0.0.51-beta-3-1 → 0.0.51-beta-4

package/dist/Common/Dialogs/DeleteDialog.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { DeleteDialogProps } from './Types';
-export declare const DeleteDialog: React.FC<DeleteDialogProps> & {
-    Description?: React.FC<any>;
-};
+import React from 'react';
+import { DeleteDialogProps } from './Types';
+export declare const DeleteDialog: React.FC<DeleteDialogProps> & {
+    Description?: React.FC<any>;
+};

package/dist/Common/Dialogs/DeleteDialog.js

@@ -0,0 +1,49 @@
+import { jsxs as t, jsx as i, Fragment as d } from "react/jsx-runtime";
+import "react";
+import { Progressing as C } from "../Progressing.js";
+import g from "./ConfirmationDialog.js";
+const c = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMGg0OHY0OEgweiIvPgogICAgICAgIDxnIGZpbGw9IiNGRkVCRUIiIHN0cm9rZT0iI0YzM0UzRSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPHBhdGggZD0iTTcgMjRoMjR2MTdhNCA0IDAgMCAxLTQgNEgxMWE0IDQgMCAwIDEtNC00VjI0eiIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0xOSAyOS41djEwTTI0IDI5LjV2MTBNMTQgMjkuNXYxMCIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBzdHJva2U9IiNGMzNFM0UiIHN0cm9rZS1kYXNoYXJyYXk9IjE3LDMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNNDIgMTBhMyAzIDAgMCAxIDAgNkgzMU0zOCAyM2EzIDMgMCAwIDAtMy0zaC04Ii8+CiAgICAgICAgPGcgc3Ryb2tlPSIjRjMzRTNFIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0icm90YXRlKC0xMCAzNi4yOSAtOC44NikiPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iNSIgeT0iNiIgZmlsbD0iI0ZGRUJFQiIgcng9IjEiLz4KICAgICAgICAgICAgPHBhdGggZD0iTTExIDBoOGEyIDIgMCAwIDEgMiAydjRIOVYyYTIgMiAwIDAgMSAyLTJ6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K", o = function(I) {
+  const l = (e) => {
+    I.shouldStopPropagation && e.stopPropagation(), I.delete();
+  }, a = (e) => {
+    I.shouldStopPropagation && e.stopPropagation(), I.closeDelete();
+  };
+  return /* @__PURE__ */ t(g, { className: "confirmation-dialog__body--w-400", children: [
+    /* @__PURE__ */ i(g.Icon, { src: c }),
+    /* @__PURE__ */ i(g.Body, { title: I.title, children: /* @__PURE__ */ t("div", { className: "fs-13 cn-7 lh-1-54 w-100", children: [
+      I.description ? I.description : null,
+      I.children
+    ] }) }),
+    /* @__PURE__ */ i(g.ButtonGroup, { children: /* @__PURE__ */ t("div", { className: "flex right", children: [
+      /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: "cta cancel cta-cd-delete-modal ml-16",
+          onClick: a,
+          disabled: I.apiCallInProgress,
+          "data-testid": "dialog-cancel",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: "cta delete cta-cd-delete-modal ml-16",
+          onClick: l,
+          disabled: I.apiCallInProgress || I.disabled,
+          "data-testid": "dialog-delete",
+          children: I.apiCallInProgress ? /* @__PURE__ */ i(C, {}) : `${I.deletePrefix || ""}${I.buttonPrimaryText ? I.buttonPrimaryText : "Delete"}${I.deletePostfix || ""}`
+        }
+      )
+    ] }) })
+  ] });
+};
+function n(I) {
+  return /* @__PURE__ */ i(d, { children: I.children });
+}
+o.Description = n;
+export {
+  o as DeleteDialog
+};

package/dist/Common/Dialogs/DialogForm.d.ts

@@ -1,14 +1,14 @@
-import { Component } from 'react';
-import { DialogFormProps } from './Types';
-export declare class DialogForm extends Component<DialogFormProps> {
-    constructor(props: any);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    escFunction(event: any): void;
-    render(): JSX.Element;
-}
-export declare class DialogFormSubmit extends Component<{
-    tabIndex: number;
-}> {
-    render(): JSX.Element;
-}
+import { Component } from 'react';
+import { DialogFormProps } from './Types';
+export declare class DialogForm extends Component<DialogFormProps> {
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    escFunction(event: any): void;
+    render(): JSX.Element;
+}
+export declare class DialogFormSubmit extends Component<{
+    tabIndex: number;
+}> {
+    render(): JSX.Element;
+}

package/dist/Common/Dialogs/DialogForm.js

@@ -0,0 +1,63 @@
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { createContext as c, Component as r } from "react";
+import { VisibleModal as l } from "../Modals/VisibleModal.js";
+import { c as a } from "../../ic-cross-0e71861d.js";
+import { Progressing as d } from "../Progressing.js";
+const i = c({ title: "", isLoading: !1, close: (o) => {
+}, onSave: (o) => {
+} });
+class v extends r {
+  constructor(e) {
+    super(e), this.escFunction = this.escFunction.bind(this);
+  }
+  componentDidMount() {
+    document.addEventListener("keydown", this.escFunction);
+  }
+  componentWillUnmount() {
+    document.removeEventListener("keydown", this.escFunction);
+  }
+  escFunction(e) {
+    e.keyCode === 27 && this.props.closeOnESC && this.props.close(e);
+  }
+  render() {
+    return /* @__PURE__ */ s(
+      i.Provider,
+      {
+        value: {
+          title: this.props.title,
+          isLoading: this.props.isLoading,
+          close: this.props.close,
+          onSave: this.props.onSave
+        },
+        children: /* @__PURE__ */ s(l, { className: "", children: /* @__PURE__ */ t("div", { className: `modal__body ${this.props.className || ""}`, children: [
+          /* @__PURE__ */ t("div", { className: `modal__header ${this.props.headerClassName || ""}`, children: [
+            /* @__PURE__ */ s("h1", { className: "modal__title", children: this.props.title }),
+            /* @__PURE__ */ t("button", { type: "button", className: "dc__transparent", onClick: this.props.close, children: [
+              " ",
+              /* @__PURE__ */ s("img", { src: a, alt: "close" })
+            ] })
+          ] }),
+          /* @__PURE__ */ s(i.Consumer, { children: (e) => /* @__PURE__ */ s(
+            "form",
+            {
+              noValidate: !0,
+              onSubmit: (n) => {
+                n.preventDefault(), e.isLoading || e.onSave(n);
+              },
+              children: this.props.children
+            }
+          ) })
+        ] }) })
+      }
+    );
+  }
+}
+class b extends r {
+  render() {
+    return /* @__PURE__ */ s(i.Consumer, { children: (e) => /* @__PURE__ */ s("button", { type: "submit", className: "cta dc__align-right", tabIndex: this.props.tabIndex, children: e.isLoading ? /* @__PURE__ */ s(d, {}) : this.props.children }) });
+  }
+}
+export {
+  v as DialogForm,
+  b as DialogFormSubmit
+};

package/dist/Common/Dialogs/ForceDeleteDialog.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ForceDeleteDialogType } from './Types';
-export default function ForceDeleteDialog({ onClickDelete, closeDeleteModal, forceDeleteDialogTitle, forceDeleteDialogMessage }: ForceDeleteDialogType): JSX.Element;
+/// <reference types="react" />
+import { ForceDeleteDialogType } from './Types';
+export default function ForceDeleteDialog({ onClickDelete, closeDeleteModal, forceDeleteDialogTitle, forceDeleteDialogMessage }: ForceDeleteDialogType): JSX.Element;

package/dist/Common/Dialogs/ForceDeleteDialog.js

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { DeleteDialog as o } from "./DeleteDialog.js";
+function a({ onClickDelete: t, closeDeleteModal: l, forceDeleteDialogTitle: i, forceDeleteDialogMessage: c }) {
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+    o,
+    {
+      title: i,
+      delete: t,
+      closeDelete: l,
+      deletePrefix: "Force ",
+      children: /* @__PURE__ */ r(o.Description, { children: [
+        /* @__PURE__ */ r("p", { className: "mt-12 mb-12 p-8 dc__break-word dc__window-bg", children: [
+          "Error: ",
+          c
+        ] }),
+        /* @__PURE__ */ e("p", { children: "Do you want to force delete?" })
+      ] })
+    }
+  ) });
+}
+export {
+  a as default
+};

package/dist/Common/Dialogs/Types.d.ts

@@ -1,45 +1,45 @@
-import { ReactNode } from "react";
-export interface DeleteDialogProps {
-    title: string;
-    description?: string;
-    closeDelete: () => void;
-    delete: () => any;
-    deletePrefix?: string;
-    deletePostfix?: string;
-    apiCallInProgress?: boolean;
-    dataTestId?: string;
-    buttonPrimaryText?: string;
-    shouldStopPropagation?: boolean;
-    disabled?: boolean;
-}
-export interface ForceDeleteDialogType {
-    onClickDelete: () => void;
-    closeDeleteModal: () => void;
-    forceDeleteDialogTitle: string;
-    forceDeleteDialogMessage: string;
-}
-export interface ConfirmationDialogType {
-    className?: string;
-    children: any;
-}
-export interface ConfirmationDialogIconType {
-    src: string;
-    className?: string;
-}
-export interface ConfirmationDialogBodyType {
-    title: string;
-    subtitle?: ReactNode;
-    children?: any;
-}
-export interface ConfirmationDialogButtonGroupType {
-    children: any;
-}
-export interface DialogFormProps {
-    className: string;
-    title: string;
-    isLoading: boolean;
-    closeOnESC?: boolean;
-    close: (event: any) => void;
-    onSave: (event: any) => void;
-    headerClassName?: string;
-}
+import { ReactNode } from "react";
+export interface DeleteDialogProps {
+    title: string;
+    description?: string;
+    closeDelete: () => void;
+    delete: () => any;
+    deletePrefix?: string;
+    deletePostfix?: string;
+    apiCallInProgress?: boolean;
+    dataTestId?: string;
+    buttonPrimaryText?: string;
+    shouldStopPropagation?: boolean;
+    disabled?: boolean;
+}
+export interface ForceDeleteDialogType {
+    onClickDelete: () => void;
+    closeDeleteModal: () => void;
+    forceDeleteDialogTitle: string;
+    forceDeleteDialogMessage: string;
+}
+export interface ConfirmationDialogType {
+    className?: string;
+    children: any;
+}
+export interface ConfirmationDialogIconType {
+    src: string;
+    className?: string;
+}
+export interface ConfirmationDialogBodyType {
+    title: string;
+    subtitle?: ReactNode;
+    children?: any;
+}
+export interface ConfirmationDialogButtonGroupType {
+    children: any;
+}
+export interface DialogFormProps {
+    className: string;
+    title: string;
+    isLoading: boolean;
+    closeOnESC?: boolean;
+    close: (event: any) => void;
+    onSave: (event: any) => void;
+    headerClassName?: string;
+}

package/dist/Common/Dialogs/Types.js

@@ -0,0 +1 @@
+

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

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

package/dist/Common/Dialogs/index.js

@@ -0,0 +1,11 @@
+import { default as r } from "./ConfirmationDialog.js";
+import { DeleteDialog as t } from "./DeleteDialog.js";
+import { DialogForm as i, DialogFormSubmit as m } from "./DialogForm.js";
+import { default as D } from "./ForceDeleteDialog.js";
+export {
+  r as ConfirmationDialog,
+  t as DeleteDialog,
+  i as DialogForm,
+  m as DialogFormSubmit,
+  D as ForceDeleteDialog
+};

package/dist/Common/Drawer/Drawer.d.ts

@@ -1,16 +1,14 @@
-/// <reference types="react" />
-import './Drawer.scss';
-interface drawerInterface {
-    position: 'left' | 'right' | 'bottom' | 'top';
-    children?: any;
-    backdrop?: boolean;
-    onClose?: (e: any) => void;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    height?: string;
-    parentClassName?: string;
-    onEscape?: (e?: any) => void;
-}
-export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, }: drawerInterface) => JSX.Element;
-export {};
+interface drawerInterface {
+    position: 'left' | 'right' | 'bottom' | 'top';
+    children?: any;
+    backdrop?: boolean;
+    onClose?: (e: any) => void;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    parentClassName?: string;
+    onEscape?: (e?: any) => void;
+}
+export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, }: drawerInterface) => JSX.Element;
+export {};

package/dist/Common/Drawer/Drawer.js

@@ -0,0 +1,22 @@
+import "../../assets/Drawer.css";
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as f, useEffect as n } from "react";
+import { VisibleModal as h } from "../Modals/VisibleModal.js";
+const N = ({
+  children: a,
+  position: r,
+  height: m,
+  width: c,
+  minWidth: o,
+  maxWidth: i,
+  parentClassName: l,
+  onEscape: d
+}) => {
+  const t = f(null);
+  n(() => (setTimeout(() => t.current?.classList?.add("show"), 1), () => t.current?.classList?.remove("show")), []);
+  const e = {};
+  return (r === "left" || r === "right") && (e["--width"] = c, e["--minWidth"] = o, e["--maxWidth"] = i), (r === "top" || r === "bottom") && (e["--height"] = m), /* @__PURE__ */ s(h, { className: "drawer--container", parentClassName: l || "", onEscape: d, children: /* @__PURE__ */ s("aside", { style: e, ref: t, className: `drawer ${r}`, children: a }) });
+};
+export {
+  N as Drawer
+};

package/dist/Common/EmptyState/EmptyState.d.ts

@@ -1,25 +1,24 @@
-import React from 'react';
-import './emptyState.scss';
-declare function EmptyState({ children, className }: {
-    children: any;
-    className?: string;
-}): JSX.Element;
-declare namespace EmptyState {
-    var Image: ({ children }: {
-        children: any;
-    }) => any;
-    var Title: ({ children }: {
-        children: any;
-    }) => any;
-    var Subtitle: ({ children, className }: {
-        children: any;
-        className?: string;
-    }) => JSX.Element;
-    var Button: ({ children }: {
-        children: any;
-    }) => any;
-    var Loading: React.FC<{
-        text: string;
-    }>;
-}
-export default EmptyState;
+import React from 'react';
+declare function EmptyState({ children, className }: {
+    children: any;
+    className?: string;
+}): JSX.Element;
+declare namespace EmptyState {
+    var Image: ({ children }: {
+        children: any;
+    }) => any;
+    var Title: ({ children }: {
+        children: any;
+    }) => any;
+    var Subtitle: ({ children, className }: {
+        children: any;
+        className?: string;
+    }) => JSX.Element;
+    var Button: ({ children }: {
+        children: any;
+    }) => any;
+    var Loading: React.FC<{
+        text: string;
+    }>;
+}
+export default EmptyState;

package/dist/Common/EmptyState/EmptyState.js

@@ -0,0 +1,32 @@
+import { jsx as r, jsxs as o, Fragment as i } from "react/jsx-runtime";
+/* empty css                         */import * as n from "react";
+const l = (t) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ n.createElement("g", { fill: "none", fillRule: "evenodd", strokeLinecap: "round" }, /* @__PURE__ */ n.createElement("animateTransform", { attributeName: "transform", attributeType: "XML", dur: "0.5s", from: "0 12 12", repeatCount: "indefinite", to: "360 12 12", type: "rotate" }), /* @__PURE__ */ n.createElement("path", { fill: "#06C", fillRule: "nonzero", d: "M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z" })));
+function e({ children: t, className: a = "" }) {
+  return /* @__PURE__ */ r("div", { className: `flex column empty-state w-100 h-100 ${a}`, children: t });
+}
+function s({ children: t }) {
+  return t;
+}
+function m({ children: t }) {
+  return t;
+}
+function u({ children: t, className: a }) {
+  return /* @__PURE__ */ r("p", { className: `subtitle ${a || ""}`, children: t });
+}
+function c({ children: t }) {
+  return t;
+}
+const f = function(t) {
+  return /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r(l, { className: "dc__block empty-state__loader" }),
+    /* @__PURE__ */ r("p", { className: "empty-state__loading-text", children: t.text })
+  ] });
+};
+e.Image = s;
+e.Title = m;
+e.Subtitle = u;
+e.Button = c;
+e.Loading = f;
+export {
+  e as default
+};

package/dist/Common/EmptyState/GenericEmptyState.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { GenericEmptyStateType } from '../Types';
-import './emptyState.scss';
-declare function GenericEmptyState({ title, image, subTitle, isButtonAvailable, classname, styles, heightToDeduct, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName, imageStyles, }: GenericEmptyStateType): JSX.Element;
-export default GenericEmptyState;
+/// <reference types="react" />
+import { GenericEmptyStateType } from '../Types';
+declare function GenericEmptyState({ title, image, subTitle, isButtonAvailable, classname, styles, heightToDeduct, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName }: GenericEmptyStateType): JSX.Element;
+export default GenericEmptyState;