@devtron-labs/devtron-fe-common-lib 0.0.55-beta-2 → 0.0.55-beta-3

package/dist/Common/RJSF/templates/Field.js

@@ -0,0 +1,18 @@
+import { j as e } from "../../../jsx-runtime-0dcb030c.js";
+import { getUiOptions as f, getTemplate as u, ADDITIONAL_PROPERTY_FLAG as L } from "@rjsf/utils";
+import { FieldRowWithLabel as T } from "../common/FieldRow.js";
+const R = (i) => {
+  const { id: o, label: a, children: s, errors: r, hidden: d, required: l, displayLabel: n, registry: m, uiSchema: c, classNames: p, schema: t, description: h } = i, x = f(c), b = u(
+    "WrapIfAdditionalTemplate",
+    m,
+    x
+  ), j = L in t, A = (n || t.type === "boolean") && !j;
+  return d ? /* @__PURE__ */ e.jsx("div", { className: "hidden", children: s }) : /* @__PURE__ */ e.jsxs("div", { className: `${p} mb-12`, children: [
+    /* @__PURE__ */ e.jsx(T, { label: a, showLabel: A, id: o, required: l, children: /* @__PURE__ */ e.jsx(b, { ...i, children: s }) }),
+    h,
+    r
+  ] });
+};
+export {
+  R as Field
+};

package/dist/Common/RJSF/templates/FieldErrorTemplate.d.ts

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

package/dist/Common/RJSF/templates/FieldErrorTemplate.js

@@ -0,0 +1,13 @@
+import { j as o } from "../../../jsx-runtime-0dcb030c.js";
+import { errorId as t } from "@rjsf/utils";
+import { S as i } from "../../../ic-warning-42534af1.js";
+const l = ({ errors: e = [], idSchema: s }) => {
+  const m = t(s);
+  return e.length > 0 && /* @__PURE__ */ o.jsx("span", { id: m, children: e.filter((r) => !!r).map((r, n) => /* @__PURE__ */ o.jsxs("span", { className: "form__error", children: [
+    /* @__PURE__ */ o.jsx(i, { className: "form__icon form__icon--error" }),
+    r
+  ] }, n)) });
+};
+export {
+  l as FieldErrorTemplate
+};

package/dist/Common/RJSF/templates/ObjectFieldTemplate.d.ts

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

package/dist/Common/RJSF/templates/ObjectFieldTemplate.js

@@ -0,0 +1,71 @@
+import { j as e } from "../../../jsx-runtime-0dcb030c.js";
+import { getUiOptions as f, getTemplate as T, titleId as F, canExpand as g } from "@rjsf/utils";
+import { FieldRowWithLabel as h } from "../common/FieldRow.js";
+const A = ({
+  disabled: r,
+  formData: i,
+  idSchema: s,
+  onAddClick: p,
+  properties: t,
+  readonly: d,
+  registry: o,
+  required: a,
+  schema: l,
+  title: n,
+  uiSchema: c
+}) => {
+  const {
+    ButtonTemplates: { AddButton: j }
+  } = o.templates, u = !!l.additionalProperties, m = g(l, c, i) && /* @__PURE__ */ e.jsx(
+    j,
+    {
+      className: "object-property-expand",
+      onClick: p(l),
+      disabled: r || d,
+      uiSchema: c,
+      registry: o
+    }
+  ), x = t.map((b) => b.content);
+  return u ? t.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      h,
+      {
+        label: n,
+        required: a,
+        showLabel: !0,
+        id: s.$id,
+        shouldAlignCenter: !1,
+        children: /* @__PURE__ */ e.jsx("div", { children: x })
+      }
+    ),
+    m
+  ] }) : /* @__PURE__ */ e.jsx(h, { label: n, required: a, showLabel: !0, id: s.$id, children: m }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    x,
+    m
+  ] });
+}, B = (r) => {
+  const { idSchema: i, registry: s, required: p, schema: t, title: d, uiSchema: o } = r, a = f(o), l = T("TitleFieldTemplate", s, a), n = !!t.additionalProperties, c = d && !n;
+  return /* @__PURE__ */ e.jsxs("fieldset", { id: i.$id, children: [
+    c && /* @__PURE__ */ e.jsx(
+      l,
+      {
+        id: F(i),
+        title: d,
+        required: p,
+        schema: t,
+        uiSchema: o,
+        registry: s
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: t.properties && !n && i.$id !== "root" ? "dc__border-left pl-12" : "",
+        children: /* @__PURE__ */ e.jsx(A, { ...r })
+      }
+    )
+  ] });
+};
+export {
+  B as ObjectFieldTemplate
+};

package/dist/Common/RJSF/templates/TitleField.d.ts

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

package/dist/Common/RJSF/templates/TitleField.js

@@ -0,0 +1,8 @@
+import { j as s } from "../../../jsx-runtime-0dcb030c.js";
+const l = ({ id: e, title: n, required: r }) => /* @__PURE__ */ s.jsxs("legend", { className: "fs-13 fw-6 cn-9 lh-20 pb-8 dc__border-bottom en-1 mb-12", id: e, children: [
+  /* @__PURE__ */ s.jsx("span", { children: n }),
+  r && /* @__PURE__ */ s.jsx("span", { className: "cr-5", children: " *" })
+] });
+export {
+  l as TitleField
+};

package/dist/Common/RJSF/templates/WrapIfAdditionalTemplate.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { WrapIfAdditionalTemplateProps } from '@rjsf/utils';
-export declare const WrapIfAdditionalTemplate: ({ id, disabled, label, onKeyChange, onDropPropertyClick, readonly, schema, children, uiSchema, registry, }: WrapIfAdditionalTemplateProps) => JSX.Element;
+import { WrapIfAdditionalTemplateProps } from '@rjsf/utils';
+export declare const WrapIfAdditionalTemplate: ({ id, disabled, label, onKeyChange, onDropPropertyClick, readonly, schema, children, uiSchema, registry, }: WrapIfAdditionalTemplateProps) => JSX.Element;

package/dist/Common/RJSF/templates/WrapIfAdditionalTemplate.js

@@ -0,0 +1,43 @@
+import { j as t } from "../../../jsx-runtime-0dcb030c.js";
+import { ADDITIONAL_PROPERTY_FLAG as j } from "@rjsf/utils";
+import { PLACEHOLDERS as u } from "../constants.js";
+const h = ({
+  id: a,
+  disabled: l,
+  label: e,
+  onKeyChange: n,
+  onDropPropertyClick: o,
+  readonly: d,
+  schema: r,
+  children: i,
+  uiSchema: m,
+  registry: s
+}) => {
+  const { templates: p } = s, { RemoveButton: c } = p.ButtonTemplates, f = j in r;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: f ? /* @__PURE__ */ t.jsxs("div", { className: "rjsf-form-template__additional-fields display-grid dc__gap-8 flex-align-center", children: [
+    /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      "input",
+      {
+        type: "text",
+        className: "form__input cn-9 fs-13 lh-20 fw-4",
+        id: `${a}-key`,
+        onBlur: (x) => n(x.target.value),
+        placeholder: u.OBJECT_KEY,
+        defaultValue: e
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("div", { children: i }),
+    /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      c,
+      {
+        disabled: l || d,
+        onClick: o(e),
+        uiSchema: m,
+        registry: s
+      }
+    ) })
+  ] }) : i });
+};
+export {
+  h as WrapIfAdditionalTemplate
+};

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

@@ -1,10 +1,10 @@
-export { ArrayFieldTemplate } from './ArrayFieldTemplate';
-export { ArrayFieldItemTemplate } from './ArrayFieldItemTemplate';
-export { BaseInput as BaseInputTemplate } from './BaseInput';
-export * from './ButtonTemplates';
-export { Description as DescriptionFieldTemplate } from './Description';
-export { Field as FieldTemplate } from './Field';
-export { FieldErrorTemplate } from './FieldErrorTemplate';
-export { ObjectFieldTemplate } from './ObjectFieldTemplate';
-export { TitleField as TitleFieldTemplate } from './TitleField';
-export { WrapIfAdditionalTemplate } from './WrapIfAdditionalTemplate';
+export { ArrayFieldTemplate } from './ArrayFieldTemplate';
+export { ArrayFieldItemTemplate } from './ArrayFieldItemTemplate';
+export { BaseInput as BaseInputTemplate } from './BaseInput';
+export * from './ButtonTemplates';
+export { Description as DescriptionFieldTemplate } from './Description';
+export { Field as FieldTemplate } from './Field';
+export { FieldErrorTemplate } from './FieldErrorTemplate';
+export { ObjectFieldTemplate } from './ObjectFieldTemplate';
+export { TitleField as TitleFieldTemplate } from './TitleField';
+export { WrapIfAdditionalTemplate } from './WrapIfAdditionalTemplate';

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

@@ -0,0 +1,26 @@
+import { ArrayFieldTemplate as r } from "./ArrayFieldTemplate.js";
+import { ArrayFieldItemTemplate as p } from "./ArrayFieldItemTemplate.js";
+import { BaseInput as l } from "./BaseInput.js";
+import { AddButton as i } from "./ButtonTemplates/AddButton.js";
+import { RemoveButton as f } from "./ButtonTemplates/RemoveButton.js";
+import { SubmitButton as T } from "./ButtonTemplates/SubmitButton.js";
+import { Description as n } from "./Description.js";
+import { Field as u } from "./Field.js";
+import { FieldErrorTemplate as A } from "./FieldErrorTemplate.js";
+import { ObjectFieldTemplate as c } from "./ObjectFieldTemplate.js";
+import { TitleField as y } from "./TitleField.js";
+import { WrapIfAdditionalTemplate as j } from "./WrapIfAdditionalTemplate.js";
+export {
+  i as AddButton,
+  p as ArrayFieldItemTemplate,
+  r as ArrayFieldTemplate,
+  l as BaseInputTemplate,
+  n as DescriptionFieldTemplate,
+  A as FieldErrorTemplate,
+  u as FieldTemplate,
+  c as ObjectFieldTemplate,
+  f as RemoveButton,
+  T as SubmitButton,
+  y as TitleFieldTemplate,
+  j as WrapIfAdditionalTemplate
+};

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,95 @@
+import { englishStringTranslator as n, TranslatableString as t } from "@rjsf/utils";
+const i = (e, r) => {
+  switch (e) {
+    case t.NewStringDefault:
+      return "";
+    default:
+      return n(e, r);
+  }
+}, s = (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
+}), l = (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)`
+    };
+  }
+}, d = (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 {
+  s as getCommonSelectStyle,
+  d as getInferredTypeFromValueType,
+  l as getRedirectionProps,
+  i 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 { j as s } from "../../../jsx-runtime-0dcb030c.js";
+import p from "../../Toggle/Toggle.js";
+const j = ({
+  id: o,
+  onChange: d,
+  value: t,
+  required: a,
+  disabled: m,
+  readonly: u,
+  autofocus: f,
+  onBlur: h,
+  onFocus: x
+}) => {
+  const c = (e, i) => {
+    const { id: r, checked: l } = e.target;
+    i === "blur" ? h(r, l) : i === "focus" && x(r, l);
+  }, n = typeof t > "u" ? !1 : t;
+  return /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsx(
+      p,
+      {
+        selected: n,
+        onSelect: d,
+        id: o,
+        name: o,
+        required: a,
+        disabled: m || u,
+        autoFocus: f,
+        rootClassName: "w-32 mb-0 dc__height-inherit",
+        onBlur: (e) => c(e, "blur"),
+        onFocus: (e) => c(e, "focus")
+      }
+    ),
+    /* @__PURE__ */ s.jsx("span", { className: "dc__capitalize ml-8", children: n.toString() })
+  ] });
+};
+export {
+  j 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;