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

package/dist/Common/RJSF/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentProps } from 'react';
-import RJSFForm from '@rjsf/core';
-export type FormProps = Omit<ComponentProps<typeof RJSFForm>, 'validator'>;
+import { ComponentProps } from 'react';
+import RJSFForm from '@rjsf/core';
+export type FormProps = Omit<ComponentProps<typeof RJSFForm>, 'validator'>;

package/dist/Common/RJSF/types.js

@@ -0,0 +1 @@
+

package/dist/Common/RJSF/utils.d.ts

@@ -1,26 +1,25 @@
-/// <reference types="react" />
-import { TranslatableString } from '@rjsf/utils';
-/**
- * Override for the TranslatableString from RJSF
- */
-export declare const translateString: (stringToTranslate: TranslatableString, params?: string[]) => string;
-export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
-    menuList: (base: any) => any;
-    control: (base: any, state: any) => any;
-    option: (base: any, state: any) => any;
-    dropdownIndicator: (base: any, state: any) => any;
-    valueContainer: (base: any, state: any) => any;
-    loadingMessage: (base: any) => any;
-    noOptionsMessage: (base: any) => any;
-    multiValue: (base: any, state: any) => any;
-};
-/**
- * Returns the redirection props for a url
- */
-export declare const getRedirectionProps: (url: string) => import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
-    url: string;
-};
-/**
- * Infers the type for json schema from value type
- */
-export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
+import { TranslatableString } from '@rjsf/utils';
+/**
+ * Override for the TranslatableString from RJSF
+ */
+export declare const translateString: (stringToTranslate: TranslatableString, params?: string[]) => string;
+export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
+    menuList: (base: any) => any;
+    control: (base: any, state: any) => any;
+    option: (base: any, state: any) => any;
+    dropdownIndicator: (base: any, state: any) => any;
+    valueContainer: (base: any, state: any) => any;
+    loadingMessage: (base: any) => any;
+    noOptionsMessage: (base: any) => any;
+    multiValue: (base: any, state: any) => any;
+};
+/**
+ * Returns the redirection props for a url
+ */
+export declare const getRedirectionProps: (url: string) => import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
+    url: string;
+};
+/**
+ * Infers the type for json schema from value type
+ */
+export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";

package/dist/Common/RJSF/utils.js

@@ -0,0 +1,98 @@
+import { T as t } from "../../enums-d0bd3f97.js";
+import { e as n } from "../../englishStringTranslator-2c9a30fc.js";
+import "react/jsx-runtime";
+import "react";
+const d = (e, r) => {
+  switch (e) {
+    case t.NewStringDefault:
+      return "";
+    default:
+      return n(e, r);
+  }
+}, p = (e = {}) => ({
+  menuList: (r) => ({
+    ...r,
+    paddingTop: 0,
+    paddingBottom: 0
+  }),
+  control: (r, o) => ({
+    ...r,
+    minHeight: "32px",
+    boxShadow: "none",
+    backgroundColor: "var(--N50)",
+    border: o.isFocused ? "1px solid var(--B500)" : "1px solid var(--N200)",
+    cursor: "pointer"
+  }),
+  option: (r, o) => ({
+    ...r,
+    color: "var(--N900)",
+    backgroundColor: o.isFocused ? "var(--N100)" : "white",
+    padding: "10px 12px"
+  }),
+  dropdownIndicator: (r, o) => ({
+    ...r,
+    color: "var(--N400)",
+    padding: "0 8px",
+    transition: "all .2s ease",
+    transform: o.selectProps.menuIsOpen ? "rotate(180deg)" : "rotate(0deg)"
+  }),
+  valueContainer: (r, o) => ({
+    ...r,
+    padding: "0 8px",
+    fontWeight: "400",
+    color: o.selectProps.menuIsOpen ? "var(--N500)" : r.color
+  }),
+  loadingMessage: (r) => ({
+    ...r,
+    color: "var(--N600)"
+  }),
+  noOptionsMessage: (r) => ({
+    ...r,
+    color: "var(--N600)"
+  }),
+  multiValue: (r, o) => ({
+    ...r,
+    border: "1px solid var(--N200)",
+    borderRadius: "4px",
+    background: "white",
+    height: "28px",
+    marginRight: "8px",
+    padding: "2px",
+    fontSize: "12px"
+  }),
+  ...e
+}), c = (e) => {
+  try {
+    const r = new URL(e).origin === window.location.origin;
+    return {
+      href: e,
+      target: r ? "_self" : "_blank",
+      rel: r ? void 0 : "external noreferrer",
+      url: e
+    };
+  } catch {
+    return {
+      href: e,
+      target: "_blank",
+      url: `${e} (Invalid URL)`
+    };
+  }
+}, g = (e) => {
+  const r = typeof e;
+  switch (r) {
+    case "boolean":
+    case "string":
+    case "number":
+      return r;
+    case "object":
+      return Array.isArray(e) ? "array" : e === null ? "null" : r;
+    default:
+      return "null";
+  }
+};
+export {
+  p as getCommonSelectStyle,
+  g as getInferredTypeFromValueType,
+  c as getRedirectionProps,
+  d as translateString
+};

package/dist/Common/RJSF/widgets/Checkbox.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { WidgetProps } from '@rjsf/utils';
-export declare const Checkbox: ({ id, onChange, value, required, disabled, readonly, autofocus, onBlur, onFocus, }: WidgetProps) => JSX.Element;
+import { WidgetProps } from '@rjsf/utils';
+export declare const Checkbox: ({ id, onChange, value, required, disabled, readonly, autofocus, onBlur, onFocus, }: WidgetProps) => JSX.Element;

package/dist/Common/RJSF/widgets/Checkbox.js

@@ -0,0 +1,39 @@
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import p from "../../Toggle/Toggle.js";
+const S = ({
+  id: o,
+  onChange: d,
+  value: s,
+  required: a,
+  disabled: f,
+  readonly: m,
+  autofocus: u,
+  onBlur: h,
+  onFocus: b
+}) => {
+  const t = (e, n) => {
+    const { id: i, checked: l } = e.target;
+    n === "blur" ? h(i, l) : n === "focus" && b(i, l);
+  }, c = typeof s > "u" ? !1 : s;
+  return /* @__PURE__ */ g("div", { children: [
+    /* @__PURE__ */ r(
+      p,
+      {
+        selected: c,
+        onSelect: d,
+        id: o,
+        name: o,
+        required: a,
+        disabled: f || m,
+        autoFocus: u,
+        rootClassName: "w-32 mb-0 dc__height-inherit",
+        onBlur: (e) => t(e, "blur"),
+        onFocus: (e) => t(e, "focus")
+      }
+    ),
+    /* @__PURE__ */ r("span", { className: "dc__capitalize ml-8", children: c.toString() })
+  ] });
+};
+export {
+  S as Checkbox
+};

package/dist/Common/RJSF/widgets/Select.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { WidgetProps } from '@rjsf/utils';
-export declare const Select: (props: WidgetProps) => JSX.Element;
+import { WidgetProps } from '@rjsf/utils';
+export declare const Select: (props: WidgetProps) => JSX.Element;

package/dist/Common/RJSF/widgets/Select.js

@@ -0,0 +1,56 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as l } from "../../../enums-d0bd3f97.js";
+import { R as D, c as m } from "../../../react-select.esm-fa95915b.js";
+import { PLACEHOLDERS as E } from "../constants.js";
+import { getCommonSelectStyle as L } from "../utils.js";
+import { S as O } from "../../../ic-chevron-down-eb7fd953.js";
+const i = L(), I = ({ children: o, ...t }) => /* @__PURE__ */ r(m.MenuList, { ...t, children: Array.isArray(o) ? o.slice(0, 20) : o }), b = (o) => /* @__PURE__ */ r(m.DropdownIndicator, { ...o, children: /* @__PURE__ */ r(O, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), N = (o) => {
+  const {
+    id: t,
+    multiple: s = !1,
+    options: u,
+    value: a,
+    disabled: p,
+    readonly: d,
+    autofocus: f = !1,
+    onChange: v,
+    onBlur: S,
+    onFocus: g,
+    placeholder: y
+  } = o, { enumOptions: c = [] } = u, C = s ? [] : "", h = (e) => {
+    v(s ? e.map((n) => n.value) : e.value);
+  };
+  return /* @__PURE__ */ r(
+    D,
+    {
+      id: t,
+      name: t,
+      isMulti: s,
+      value: typeof a > "u" ? C : ((e) => s ? c.filter((n) => e.some((w) => l(w, n.value))) : c.find((n) => l(e, n.value)))(a),
+      autoFocus: f,
+      onChange: h,
+      options: c,
+      onBlur: () => S(t, a),
+      onFocus: () => g(t, a),
+      placeholder: y || E.SELECT,
+      isDisabled: p || d,
+      styles: {
+        ...i,
+        control: (e) => ({
+          ...e,
+          ...i.control,
+          backgroundColor: "var(--N50)"
+        })
+      },
+      components: {
+        IndicatorSeparator: null,
+        DropdownIndicator: b,
+        MenuList: I
+      },
+      menuPlacement: "auto"
+    }
+  );
+};
+export {
+  N as Select
+};

package/dist/Common/RJSF/widgets/index.d.ts

@@ -1,2 +1,2 @@
-export { Checkbox as CheckboxWidget } from './Checkbox';
-export { Select as SelectWidget } from './Select';
+export { Checkbox as CheckboxWidget } from './Checkbox';
+export { Select as SelectWidget } from './Select';

package/dist/Common/RJSF/widgets/index.js

@@ -0,0 +1,6 @@
+import { Checkbox as t } from "./Checkbox.js";
+import { Select as r } from "./Select.js";
+export {
+  t as CheckboxWidget,
+  r as SelectWidget
+};

package/dist/Common/RadioGroup/RadioGroup.d.ts

@@ -1,17 +1,16 @@
-import React from 'react';
-import './radioGroup.scss';
-interface RadioGroupInterface {
-    name: string;
-    onChange: any;
-    className?: string;
-    initialTab: string;
-    disabled: boolean;
-    showTippy?: boolean;
-    tippyContent?: any;
-    dataTestId?: string;
-}
-interface RadioGroupComposition {
-    Radio?: React.FC<any>;
-}
-declare const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition;
-export default RadioGroup;
+import React from 'react';
+interface RadioGroupInterface {
+    name: string;
+    onChange: any;
+    className?: string;
+    initialTab: string;
+    disabled: boolean;
+    showTippy?: boolean;
+    tippyContent?: any;
+    dataTestId?: string;
+}
+interface RadioGroupComposition {
+    Radio?: React.FC<any>;
+}
+declare const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition;
+export default RadioGroup;

package/dist/Common/RadioGroup/RadioGroup.js

@@ -0,0 +1,76 @@
+import "../../assets/RadioGroup.css";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { T as b } from "../../tippy-react.esm-d5c56a0a.js";
+import m, { useState as w, useEffect as N } from "react";
+import { C as _ } from "../../Helper-1f1cf2ba.js";
+const f = m.createContext(null);
+function $() {
+  const e = m.useContext(f);
+  if (!e)
+    throw new Error("Radio compound components cannot be rendered outside the Toggle component");
+  return e;
+}
+const v = m.memo(function({
+  name: s,
+  onChange: d,
+  children: c,
+  className: i = "",
+  initialTab: o,
+  disabled: l = !1,
+  dataTestId: u
+}) {
+  const [n, r] = w(null);
+  return N(() => {
+    o !== n && r(o);
+  }, [o]), /* @__PURE__ */ t(f.Provider, { value: { name: s, selected: n, select: r, disabled: l, onChange: d }, children: /* @__PURE__ */ t("div", { className: `${i} radio-group`, children: c }) });
+});
+function G({
+  value: e,
+  children: s,
+  className: d = "",
+  showTippy: c = !1,
+  tippyContent: i = "",
+  tippyPlacement: o = "bottom",
+  canSelect: l = !0,
+  isDisabled: u = !1,
+  tippyClass: n = "",
+  dataTestId: r
+}) {
+  const { name: h, selected: x, select: C, disabled: p, onChange: R } = $();
+  return /* @__PURE__ */ t(
+    _,
+    {
+      condition: c,
+      wrap: (a) => /* @__PURE__ */ t(
+        b,
+        {
+          className: `default-tt w-250 ${n}`,
+          arrow: !1,
+          placement: o,
+          content: i,
+          children: a
+        }
+      ),
+      children: /* @__PURE__ */ g("label", { className: `${d} radio ${u || p ? "disabled" : ""}`, children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "checkbox",
+            value: e,
+            name: h,
+            checked: e === x,
+            onChange: (a) => {
+              a.persist(), l && C(a.target.value), R(a);
+            },
+            disabled: u || p
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: "radio__item-label", "data-testid": r, children: s })
+      ] })
+    }
+  );
+}
+v.Radio = G;
+export {
+  v as default
+};

package/dist/Common/RadioGroup.d.ts

@@ -1,8 +1,8 @@
-import { Component } from 'react';
-import { RadioGroupItemProps, RadioGroupProps } from './Types';
-export declare class RadioGroupItem extends Component<RadioGroupItemProps> {
-    render(): JSX.Element;
-}
-export declare class RadioGroup extends Component<RadioGroupProps> {
-    render(): JSX.Element;
-}
+import { Component } from 'react';
+import { RadioGroupItemProps, RadioGroupProps } from './Types';
+export declare class RadioGroupItem extends Component<RadioGroupItemProps> {
+    render(): JSX.Element;
+}
+export declare class RadioGroup extends Component<RadioGroupProps> {
+    render(): JSX.Element;
+}

package/dist/Common/RadioGroup.js

@@ -0,0 +1,47 @@
+import { jsx as e, Fragment as o, jsxs as r } from "react/jsx-runtime";
+import { createContext as t, Component as d } from "react";
+const i = t({ name: "", value: "", disabled: !1, onChange: (s) => {
+} });
+class l extends d {
+  render() {
+    return /* @__PURE__ */ e(i.Consumer, { children: (a) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r("label", { className: this.props.disabled || a.disabled ? "form__radio-item disabled" : "form__radio-item", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "radio",
+          className: "form__checkbox",
+          name: a.name,
+          disabled: a.disabled || this.props.disabled,
+          onChange: a.onChange,
+          value: this.props.value,
+          checked: a.value === this.props.value,
+          "data-testid": this.props.dataTestId
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: "form__radio-item-content", "data-testid": `${this.props.dataTestId}-span`, children: [
+        /* @__PURE__ */ e("span", { className: "radio__button" }),
+        /* @__PURE__ */ e("span", { className: "radio__title", children: this.props.children })
+      ] })
+    ] }) }) });
+  }
+}
+class h extends d {
+  render() {
+    return /* @__PURE__ */ e("div", { className: `form__radio-group ${this.props.className || ""}`, children: /* @__PURE__ */ e(
+      i.Provider,
+      {
+        value: {
+          name: this.props.name,
+          value: this.props.value,
+          disabled: this.props.disabled,
+          onChange: this.props.onChange
+        },
+        children: this.props.children
+      }
+    ) });
+  }
+}
+export {
+  h as RadioGroup,
+  l as RadioGroupItem
+};

package/dist/Common/Reload.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ReloadType } from './Types';
-export default function Reload({ reload, className }: ReloadType): JSX.Element;
+/// <reference types="react" />
+import { ReloadType } from './Types';
+export default function Reload({ reload, className }: ReloadType): JSX.Element;