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

package/dist/Common/CustomInput/CustomInput.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { CustomInputProps } from './Types';
-export declare function CustomInput({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, ref, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo, inputWrapClassname, }: CustomInputProps): JSX.Element;
+/// <reference types="react" />
+import { CustomInputProps } from './Types';
+export declare function CustomInput({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, ref, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo }: CustomInputProps): JSX.Element;

package/dist/Common/CustomInput/CustomInput.js

@@ -0,0 +1,80 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { S as P } from "../../ic-info-filled-31a15add.js";
+import { S as k } from "../../ic-warning-42534af1.js";
+function G({
+  name: m,
+  value: p,
+  error: n,
+  onChange: o,
+  onFocus: d = (c) => {
+  },
+  label: t,
+  type: _ = "text",
+  disabled: g = !1,
+  labelClassName: N = "",
+  placeholder: I = "",
+  tabIndex: h = 1,
+  dataTestid: i = "",
+  isRequiredField: y = !1,
+  autoFocus: x = !1,
+  rootClassName: b = "",
+  autoComplete: S = "off",
+  helperText: a = "",
+  handleOnBlur: l,
+  readOnly: $ = !1,
+  noTrim: j = !1,
+  ref: v,
+  onKeyPress: L,
+  defaultValue: A,
+  onKeyDown: C,
+  required: E,
+  additionalErrorInfo: f
+}) {
+  function c(e) {
+    return Array.isArray(e) ? e : [e];
+  }
+  const F = (e) => {
+    j || (e.stopPropagation(), e.target.value = e.target.value?.trim(), o(e)), typeof l == "function" && l(e);
+  }, u = (e) => /* @__PURE__ */ s("div", { className: "form__error", children: [
+    /* @__PURE__ */ r(k, { className: "form__icon form__icon--error" }),
+    e,
+    typeof f == "function" && f()
+  ] }, e), W = () => n?.length ? typeof n == "object" ? c(n).map((e) => u(e)) : u(n) : null, q = () => typeof t == "string" ? /* @__PURE__ */ r("span", { className: `${y ? "dc__required-field" : ""}`, children: t }) : t;
+  return /* @__PURE__ */ s("div", { className: "flex column left top", children: [
+    (() => t ? /* @__PURE__ */ r("label", { className: `form__label ${N}`, "data-testid": `label-${i}`, children: q() }) : null)(),
+    /* @__PURE__ */ r(
+      "input",
+      {
+        "data-testid": i,
+        type: _,
+        name: m,
+        autoComplete: S,
+        className: `form__input ${b}`,
+        onChange: (e) => {
+          e.persist(), o(e);
+        },
+        onBlur: F,
+        onFocus: d,
+        placeholder: I,
+        value: p,
+        disabled: g,
+        tabIndex: h,
+        autoFocus: x,
+        readOnly: $,
+        ref: v,
+        onKeyPress: L,
+        defaultValue: A,
+        onKeyDown: C,
+        required: E
+      }
+    ),
+    W(),
+    a && /* @__PURE__ */ s("div", { className: "form__text-field-info", children: [
+      /* @__PURE__ */ r(P, { className: "form__icon form__icon--info" }),
+      /* @__PURE__ */ r("p", { className: "sentence-case", children: a })
+    ] })
+  ] });
+}
+export {
+  G as CustomInput
+};

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

@@ -1,30 +1,29 @@
-import React, { HTMLInputTypeAttribute } from 'react';
-export interface CustomInputProps {
-    name: string;
-    value: string | number;
-    onChange: (e: any) => void;
-    onFocus?: (e: any) => void;
-    autoComplete?: string;
-    label?: string | React.ReactNode;
-    labelClassName?: string;
-    type?: HTMLInputTypeAttribute;
-    disabled?: boolean;
-    placeholder?: string;
-    tabIndex?: number;
-    dataTestid?: string;
-    isRequiredField?: boolean;
-    autoFocus?: boolean;
-    rootClassName?: string;
-    error?: string[] | string;
-    helperText?: string;
-    handleOnBlur?: (e: any) => void;
-    readOnly?: boolean;
-    noTrim?: boolean;
-    ref?: React.LegacyRef<HTMLInputElement>;
-    onKeyPress?: (e: any) => void;
-    defaultValue?: string | number | ReadonlyArray<string> | undefined;
-    onKeyDown?: (e: any) => void;
-    required?: boolean;
-    additionalErrorInfo?: React.ReactNode;
-    inputWrapClassname?: string;
-}
+import React, { HTMLInputTypeAttribute } from 'react';
+export interface CustomInputProps {
+    name: string;
+    value: string | number;
+    onChange: (e: any) => void;
+    onFocus?: (e: any) => void;
+    autoComplete?: string;
+    label?: string | React.ReactNode;
+    labelClassName?: string;
+    type?: HTMLInputTypeAttribute;
+    disabled?: boolean;
+    placeholder?: string;
+    tabIndex?: number;
+    dataTestid?: string;
+    isRequiredField?: boolean;
+    autoFocus?: boolean;
+    rootClassName?: string;
+    error?: string[] | string;
+    helperText?: string;
+    handleOnBlur?: (e: any) => void;
+    readOnly?: boolean;
+    noTrim?: boolean;
+    ref?: React.LegacyRef<HTMLInputElement>;
+    onKeyPress?: (e: any) => void;
+    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    onKeyDown?: (e: any) => void;
+    required?: boolean;
+    additionalErrorInfo?: React.ReactNode;
+}

package/dist/Common/CustomInput/Types.js

@@ -0,0 +1 @@
+

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

@@ -1,2 +1,2 @@
-export * from './CustomInput';
-export * from './Types';
+export * from './CustomInput';
+export * from './Types';

package/dist/Common/CustomInput/index.js

@@ -0,0 +1,4 @@
+import { CustomInput as m } from "./CustomInput.js";
+export {
+  m as CustomInput
+};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export default function PropagateTagInfo({ isCreateApp }: {
-    isCreateApp: boolean;
-}): JSX.Element;
+/// <reference types="react" />
+export default function PropagateTagInfo({ isCreateApp }: {
+    isCreateApp: boolean;
+}): JSX.Element;

package/dist/Common/CustomTagSelector/PropagateTagInfo.js

@@ -0,0 +1,43 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { S as a } from "../../inject-tag-824bf92c.js";
+import { T as n, S as r } from "../../TippyCustomized-b4379006.js";
+import { TippyTheme as c } from "../Types.js";
+import { DOCUMENTATION as o } from "../Constants.js";
+function f({ isCreateApp: i }) {
+  const s = () => /* @__PURE__ */ t("div", { className: "p-12 fs-13", children: [
+    /* @__PURE__ */ t("div", { className: "mb-20", children: [
+      /* @__PURE__ */ t("span", { className: "flex left", children: [
+        "Add a tag and click on the",
+        /* @__PURE__ */ e(a, { className: "icon-dim-16 ml-4 mr-4" }),
+        "icon to"
+      ] }),
+      "propagate tags as labels to Kubernetes resources"
+    ] }),
+    /* @__PURE__ */ e("div", { children: "Use these tags to filter/identify resources via CLI or in other Kubernetes tools." })
+  ] });
+  return /* @__PURE__ */ e(
+    n,
+    {
+      theme: c.white,
+      className: "w-300",
+      placement: "top",
+      Icon: a,
+      heading: "Propagate tags to K8s resources",
+      infoText: "",
+      additionalContent: s(),
+      showCloseButton: !0,
+      trigger: "click",
+      interactive: !0,
+      documentationLink: i ? o.APP_TAGS : o.APP_OVERVIEW_TAGS,
+      documentationLinkText: "View Documentation",
+      children: /* @__PURE__ */ t("div", { className: "flexbox cursor", children: [
+        /* @__PURE__ */ e(a, { className: "icon-dim-16 mt-2 mr-4" }),
+        /* @__PURE__ */ e("span", { children: "Propagate tags" }),
+        /* @__PURE__ */ e(r, { className: "icon-dim-16 mt-2 ml-4" })
+      ] })
+    }
+  );
+}
+export {
+  f as default
+};

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ResizableTagTextAreaProps } from './Types';
-export declare function ResizableTagTextArea({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, handleKeyDown, }: ResizableTagTextAreaProps): JSX.Element;
+/// <reference types="react" />
+import { ResizableTagTextAreaProps } from './Types';
+export declare function ResizableTagTextArea({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, handleKeyDown, }: ResizableTagTextAreaProps): JSX.Element;

package/dist/Common/CustomTagSelector/ResizableTagTextArea.js

@@ -0,0 +1,58 @@
+import { jsx as z } from "react/jsx-runtime";
+import { useState as C, useEffect as O } from "react";
+import { u as b } from "../../Helper-e95e2932.js";
+function A({
+  className: n,
+  minHeight: s,
+  maxHeight: l,
+  value: o,
+  onChange: x,
+  onBlur: e,
+  onFocus: u,
+  placeholder: y,
+  tabIndex: g,
+  refVar: c,
+  dependentRef: r,
+  dataTestId: T,
+  handleKeyDown: f
+}) {
+  const [h, i] = C("");
+  O(() => {
+    i(o);
+  }, [o]);
+  const E = (t) => {
+    i(t.target.value), x(t);
+  }, a = () => {
+    if (document.activeElement !== c.current)
+      return;
+    c.current.style.height = s + "px", r && (r.current.style.height = s + "px");
+    let t = c.current.scrollHeight;
+    r && t < r.current.scrollHeight && (t = r.current.scrollHeight), s && t < s && (t = s), l && t > l && (t = l), c.current.style.height = t + "px", r && (r.current.style.height = t + "px");
+  };
+  b(a, 500, [h]);
+  const p = (t) => {
+    c.current.style.height = s + "px", r && (r.current.style.height = s + "px"), e && e(t);
+  }, w = (t) => {
+    a(), u && u(t);
+  };
+  return /* @__PURE__ */ z(
+    "textarea",
+    {
+      rows: 1,
+      ref: c,
+      value: h,
+      placeholder: y,
+      className: `${n || ""} lh-20`,
+      style: { resize: "none" },
+      onChange: E,
+      onBlur: p,
+      onFocus: w,
+      tabIndex: g,
+      "data-testid": T,
+      onKeyDown: f
+    }
+  );
+}
+export {
+  A as ResizableTagTextArea
+};

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { TagDetailType } from './Types';
-export declare const TagDetails: ({ index, tagData, setTagData, removeTag, tabIndex, suggestedTagsOptions, }: TagDetailType) => JSX.Element;
+import { TagDetailType } from './Types';
+export declare const TagDetails: ({ index, tagData, setTagData, removeTag, tabIndex, suggestedTagsOptions, }: TagDetailType) => JSX.Element;

package/dist/Common/CustomTagSelector/TagDetails.js

@@ -0,0 +1,65 @@
+import { jsxs as v, jsx as r } from "react/jsx-runtime";
+import { useRef as n } from "react";
+import { S as y } from "../../ic-cross-0e71861d.js";
+import { S as I } from "../../inject-tag-824bf92c.js";
+import { TagLabelValueSelector as d } from "./TagLabelValueSelector.js";
+import { KEY_VALUE as c } from "../Constants.js";
+import { b as V } from "../../Helper-e95e2932.js";
+import { ValidationRules as T } from "./ValidationRules.js";
+const S = ({
+  index: a,
+  tagData: o,
+  setTagData: l,
+  removeTag: m,
+  tabIndex: t = 1,
+  suggestedTagsOptions: u
+}) => {
+  const s = n(null), i = n(null), p = new T(), g = (e) => {
+    V(e), m(a);
+  }, f = () => {
+    const e = { ...o };
+    e.propagate = !e.propagate, e.propagate ? (e.isInvalidKey = e.isInvalidKey || !e.key, e.isInvalidValue = e.isInvalidValue || !e.value) : (e.isInvalidKey = e.key || e.value ? !p.propagateTagKey(e.key).isValid : !1, e.isInvalidValue = e.value ? !p.propagateTagValue(e.value, e.key).isValid : !1), l(a, e);
+  };
+  return /* @__PURE__ */ v("div", { className: "flexbox mb-8", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: `dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ${o.propagate ? "bcn-7" : ""} ${o.key.startsWith("devtron.ai/") ? "cursor-not-allowed bcn-1" : ""}`,
+        onClick: f,
+        "data-testid": `propagate-tag-${a}`,
+        children: /* @__PURE__ */ r(I, { className: `icon-dim-20 mt-4 ${o.propagate ? "scn-0" : ""}` })
+      }
+    ),
+    /* @__PURE__ */ r(
+      d,
+      {
+        selectedTagIndex: a,
+        tagData: o,
+        setTagData: l,
+        tagInputType: c.KEY,
+        placeholder: "Enter key",
+        tabIndex: t - 1,
+        refVar: s,
+        dependentRef: i,
+        tagOptions: u
+      }
+    ),
+    /* @__PURE__ */ r(
+      d,
+      {
+        selectedTagIndex: a,
+        tagData: o,
+        setTagData: l,
+        tagInputType: c.VALUE,
+        placeholder: "Enter value",
+        tabIndex: t,
+        refVar: i,
+        dependentRef: s
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: "dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top", onClick: g, "data-testid": `delete-tag-${a}`, children: /* @__PURE__ */ r(y, { className: "icon-dim-20 mt-4" }) })
+  ] });
+};
+export {
+  S as TagDetails
+};

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { TagLabelSelectType } from './Types';
-export declare const TagLabelSelect: ({ isCreateApp, labelTags, setLabelTags, tabIndex }: TagLabelSelectType) => JSX.Element;
+import { TagLabelSelectType } from './Types';
+export declare const TagLabelSelect: ({ isCreateApp, labelTags, setLabelTags, tabIndex }: TagLabelSelectType) => JSX.Element;

package/dist/Common/CustomTagSelector/TagLabelSelect.js

@@ -0,0 +1,50 @@
+import g from "./PropagateTagInfo.js";
+import { TagDetails as l } from "./TagDetails.js";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { S as _ } from "../../ic-add-4787ded5.js";
+import { DEFAULT_TAG_DATA as h } from "../Constants.js";
+import "./TagLabelValueSelector.js";
+import "./ResizableTagTextArea.js";
+const w = ({
+  isCreateApp: d,
+  labelTags: c,
+  setLabelTags: s,
+  tabIndex: n = 0
+}) => {
+  const m = (t, a) => {
+    const e = [...c], i = a;
+    i.key.startsWith("devtron.ai/") && (i.propagate = !1), e[t] = i, s(e);
+  }, p = () => {
+    const t = [...c];
+    t.splice(0, 0, h), s(t);
+  }, f = (t) => {
+    const a = [...c];
+    a.splice(t, 1), s(a);
+  };
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ r("div", { className: "flexbox dc__content-space mb-8", children: [
+      /* @__PURE__ */ o("span", { children: "Tags" }),
+      /* @__PURE__ */ o(g, { isCreateApp: d })
+    ] }),
+    /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ r("div", { className: "dc_width-max-content cb-5 fw-6 fs-13 flexbox mr-20 mb-8 cursor", onClick: p, "data-testid": "add-tag-button", children: [
+        /* @__PURE__ */ o(_, { className: "icon-dim-20 fcb-5" }),
+        " Add tag"
+      ] }),
+      /* @__PURE__ */ o("div", { className: "mb-8", "data-testid": "tag-rows-container", children: c?.map((t, a) => /* @__PURE__ */ o(
+        l,
+        {
+          index: a,
+          tagData: t,
+          setTagData: m,
+          removeTag: f,
+          tabIndex: n + (a + 2)
+        },
+        `tag-${a}`
+      )) })
+    ] })
+  ] });
+};
+export {
+  w as TagLabelSelect
+};

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { TagLabelValueSelectorType } from './Types';
-export declare const TagLabelValueSelector: ({ selectedTagIndex, tagData, setTagData, tagOptions, isRequired, tagInputType, placeholder, tabIndex, refVar, dependentRef, noBackDrop, }: TagLabelValueSelectorType) => JSX.Element;
+import { TagLabelValueSelectorType } from './Types';
+export declare const TagLabelValueSelector: ({ selectedTagIndex, tagData, setTagData, tagOptions, isRequired, tagInputType, placeholder, tabIndex, refVar, dependentRef, noBackDrop, }: TagLabelValueSelectorType) => JSX.Element;

package/dist/Common/CustomTagSelector/TagLabelValueSelector.js

@@ -0,0 +1,121 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useState as g, useEffect as A } from "react";
+import m from "../PopupMenu.js";
+import { S as O } from "../../ic-cross-0e71861d.js";
+import { S as P } from "../../ic-info-outlined-8fa45e87.js";
+import { KEY_VALUE as t } from "../Constants.js";
+import { b as K } from "../../Helper-e95e2932.js";
+import { ResizableTagTextArea as W } from "./ResizableTagTextArea.js";
+import { T as j } from "../../tippy-react.esm-d5c56a0a.js";
+import { ValidationRules as F } from "./ValidationRules.js";
+const q = ({
+  selectedTagIndex: s,
+  tagData: o,
+  setTagData: p,
+  tagOptions: u,
+  isRequired: f,
+  tagInputType: l,
+  placeholder: V,
+  tabIndex: N = null,
+  refVar: $,
+  dependentRef: k,
+  noBackDrop: E
+}) => {
+  const [i, h] = g(""), [y, d] = g(""), c = new F();
+  A(() => {
+    h(o?.[l] || "");
+  }, [s, o, l]);
+  const S = (a) => {
+    setTimeout(() => {
+      d(`tag-${l}-${s}`);
+    }, 300);
+  }, w = (a) => {
+    if (!a.relatedTarget || !a.relatedTarget.classList.value || !a.relatedTarget.classList.value.includes(`tag-${s}-class`)) {
+      d("");
+      const e = { ...o };
+      e[l] = i, l === t.KEY ? e.isInvalidKey = i || e.propagate ? !c.propagateTagKey(i).isValid : e.value !== "" : i || f || e.propagate ? (e.isInvalidValue = !c.propagateTagValue(i, e.key).isValid, e.isInvalidKey = !e.key || e.isInvalidKey) : (e.isInvalidValue = !1, e.isInvalidKey = e.key ? e.isInvalidKey : !1), p(s, e);
+    }
+  }, C = (a) => {
+    h(a.target.value);
+  }, Y = (a) => {
+    K(a);
+    const e = { ...o };
+    e[l] = a.currentTarget.dataset.key, e.propagate = a.currentTarget.dataset.propagate === "true", p(s, e), d("");
+  }, B = () => {
+    let a = { isValid: !0, messages: [] };
+    return l === t.KEY ? (i || o.value) && (a = c.propagateTagKey(i)) : (f || i || o.propagate) && (a = c.propagateTagValue(i, o.key)), a.isValid ? null : /* @__PURE__ */ n("div", { className: "p-4", onClick: K, "data-testid": "tag-label-cross-stop-propagation", children: [
+      a.messages.map((e) => /* @__PURE__ */ n("div", { className: "flexbox pr-4 pl-4", children: [
+        /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(O, { className: "icon-dim-14 scr-5 mt-3 mr-4" }) }),
+        /* @__PURE__ */ r("span", { children: e })
+      ] }, e)),
+      l === t.KEY && /* @__PURE__ */ n("div", { className: "flexbox pr-4 pl-4", children: [
+        /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(P, { className: "icon-dim-14 mt-3 mr-4" }) }),
+        /* @__PURE__ */ r("span", { className: "dc__italic-font-style", children: "Key format: prefix/name or name" })
+      ] })
+    ] });
+  }, v = (a, e) => /* @__PURE__ */ r(
+    "div",
+    {
+      "data-key": a.label,
+      "data-propagate": a.propagate,
+      className: "dc__hover-n50 dc__ellipsis-right lh-20 fs-13 fw-4 pt-6 pr-8 pb-6 pl-8 cursor",
+      onClick: Y,
+      "data-testid": `tag-label-value-${e}`,
+      children: a.label
+    },
+    `${a.value}-${e}`
+  ), x = (a, e) => /* @__PURE__ */ r(
+    j,
+    {
+      className: "default-tt",
+      arrow: !1,
+      placement: "right",
+      content: /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ r("div", { className: "mb-10 fs-12 fw-6 cn-0 dc__break-word", children: a.label }),
+        /* @__PURE__ */ r("div", { className: "fs-12 fw-4 cn-0 dc__break-word", children: a.description })
+      ] }),
+      children: v(a, e)
+    }
+  ), L = () => {
+    if (u?.length) {
+      const a = u.filter((e) => e.label.indexOf(i) >= 0);
+      if (a.length)
+        return /* @__PURE__ */ r("div", { children: a.map(
+          (e, b) => e.description ? x(e, b) : v(e, b)
+        ) });
+    }
+    return B();
+  }, _ = y === `tag-${l}-${s}` ? L() : null;
+  return /* @__PURE__ */ n(m, { autoClose: !0, autoPosition: !0, children: [
+    /* @__PURE__ */ r(m.Button, { rootClassName: "dc__bg-n50 flex top dc__no-border-imp", children: /* @__PURE__ */ r(
+      W,
+      {
+        minHeight: 30,
+        maxHeight: 80,
+        className: `form__input tag-input pt-4-imp pb-4-imp fs-13 ${l === t.KEY ? "dc__no-right-radius" : "dc__no-border-radius dc__no-right-border dc__no-left-border"} ${o[l === t.KEY ? "isInvalidKey" : "isInvalidValue"] ? "form__input--error" : ""}`,
+        value: i,
+        onChange: C,
+        onBlur: w,
+        onFocus: S,
+        placeholder: V,
+        tabIndex: N,
+        refVar: $,
+        dependentRef: k,
+        dataTestId: `tag-${l === t.KEY ? "key" : "value"}-${s}`
+      }
+    ) }),
+    _ && /* @__PURE__ */ r(
+      m.Body,
+      {
+        rootClassName: `mxh-210 dc__overflow-auto tag-${s}-class`,
+        autoWidth: !0,
+        preventWheelDisable: !0,
+        noBackDrop: E,
+        children: _
+      }
+    )
+  ] });
+};
+export {
+  q as TagLabelValueSelector
+};

package/dist/Common/CustomTagSelector/TagSelector.utils.d.ts

@@ -1,12 +1,12 @@
-export declare const baseSelectStyles: {
-    control: (base: any, state: any) => any;
-    singleValue: (base: any, state: any) => any;
-    placeholder: (base: any, state: any) => any;
-    option: (base: any, state: any) => any;
-    dropdownIndicator: (styles: any) => any;
-    valueContainer: (base: any, state: any) => any;
-    indicatorsContainer: (base: any, state: any) => any;
-    menu: (base: any, state: any) => any;
-};
-export declare const validateKubernetesKey: (key: string) => void;
-export declare const validateKubernetesValue: (value: string) => void;
+export declare const baseSelectStyles: {
+    control: (base: any, state: any) => any;
+    singleValue: (base: any, state: any) => any;
+    placeholder: (base: any, state: any) => any;
+    option: (base: any, state: any) => any;
+    dropdownIndicator: (styles: any) => any;
+    valueContainer: (base: any, state: any) => any;
+    indicatorsContainer: (base: any, state: any) => any;
+    menu: (base: any, state: any) => any;
+};
+export declare const validateKubernetesKey: (key: string) => void;
+export declare const validateKubernetesValue: (value: string) => void;

package/dist/Common/CustomTagSelector/TagSelector.utils.js

@@ -0,0 +1,61 @@
+const a = {
+  control: (e, t) => ({
+    ...e,
+    border: "1px solid var(--N200)",
+    boxShadow: "none",
+    minHeight: "auto",
+    borderRadius: "none",
+    height: "32px",
+    fontSize: "12px",
+    borderRight: "0",
+    cursor: t.isDisabled ? "not-allowed" : "normal"
+  }),
+  singleValue: (e, t) => ({
+    ...e,
+    fontWeight: "500"
+  }),
+  placeholder: (e, t) => ({
+    ...e,
+    fontWeight: "500"
+  }),
+  option: (e, t) => ({
+    ...e,
+    fontWeight: "500",
+    color: "var(--N900)",
+    fontSize: "12px",
+    padding: "5px 10px"
+  }),
+  dropdownIndicator: (e) => ({ ...e, padding: 0 }),
+  valueContainer: (e, t) => ({
+    ...e,
+    color: "var(--N900)",
+    background: t.isDisabled ? "var(--N100) !important" : "var(--N50) !important",
+    padding: "0px 10px",
+    display: "flex",
+    height: "30px",
+    fontSize: "12px",
+    cursor: t.isDisabled ? "not-allowed" : "normal",
+    pointerEvents: "all",
+    width: "100px",
+    whiteSpace: "nowrap"
+  }),
+  indicatorsContainer: (e, t) => ({
+    ...e,
+    background: t.isDisabled ? "var(--N100) !important" : "var(--N50) !important"
+  }),
+  menu: (e, t) => ({
+    ...e,
+    marginTop: "0"
+  })
+}, n = (e) => {
+  if (!(!e || e.split("/"))) {
+    const t = new RegExp("/", "g"), o = e.match(t).length;
+    o > 1 || o === 1 && e.split("/");
+  }
+}, i = (e) => {
+};
+export {
+  a as baseSelectStyles,
+  n as validateKubernetesKey,
+  i as validateKubernetesValue
+};