@reportportal/ui-kit 0.0.1-alpha.106 → 0.0.1-alpha.108

package/dist/attachedFile.js

@@ -1,4 +1,4 @@
-import { A as a } from "./index-803576c3.js";
+import { A as a } from "./index-1a874a8b.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/autocompletes.js

@@ -0,0 +1,694 @@
+import { jsx as r, jsxs as F, Fragment as te } from "react/jsx-runtime";
+import { useState as ae, useCallback as K, forwardRef as ye, useRef as Ne, useEffect as we } from "react";
+import { c as L } from "./bind-06a7ff84.js";
+import { Scrollbars as ke } from "rc-scrollbars";
+import { B as xe } from "./bubblesLoader-f3ffa240.js";
+import { B as Ee } from "./button-97d9e587.js";
+import { S as Ie } from "./plus-199fb2a8.js";
+import { i as Se } from "./isEmpty-ccacb5ff.js";
+import V from "downshift";
+import { useFloating as _e, autoUpdate as pe } from "@floating-ui/react";
+import { F as Be } from "./fieldText-ba8a917c.js";
+import { S as Fe } from "./close-4d480ef7.js";
+import { S as qe } from "./openEye-7b9cf080.js";
+import "./baseIconButton-251479f7.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+const Ae = "_disabled_18ek6_43", $e = "_input_18ek6_97", Me = {
+  "selected-item": "_selected-item_18ek6_16",
+  "validation-error": "_validation-error_18ek6_35",
+  "highlight-un-stored-item": "_highlight-un-stored-item_18ek6_40",
+  disabled: Ae,
+  "mobile-disabled": "_mobile-disabled_18ek6_48",
+  "cross-icon": "_cross-icon_18ek6_54",
+  input: $e
+}, le = L.bind(Me), Oe = ({
+  item: s,
+  onRemoveItem: e,
+  disabled: i = !1,
+  mobileDisabled: n = !1,
+  parseValueToString: o,
+  error: a = !1,
+  editItem: p,
+  editable: u = !1,
+  getAdditionalCreationCondition: b = () => !0,
+  storedOption: y = !0,
+  highlightUnStoredItem: h = !1,
+  variant: x = "light",
+  getItemName: g
+}) => {
+  const [f, E] = ae(!1), [_, N] = ae(""), I = () => {
+    !i && u && !y && (N((g == null ? void 0 : g(s)) || (o == null ? void 0 : o(s)) || ""), E(!0));
+  }, B = (t) => {
+    N(t.target.value);
+  }, q = (t) => {
+    const c = b(_);
+    t.key === "Enter" && c && (p(s, _), E(!1), N(""));
+  }, l = () => {
+    E(!1), N("");
+  }, d = (t) => {
+    t.stopPropagation(), e(s);
+  };
+  return f ? /* @__PURE__ */ r(
+    "input",
+    {
+      autoFocus: !0,
+      value: _,
+      onChange: B,
+      onKeyDown: q,
+      onBlur: l,
+      className: le("input")
+    }
+  ) : /* @__PURE__ */ F(
+    "div",
+    {
+      className: le("selected-item", x, {
+        [`validation-${a}`]: a,
+        disabled: i,
+        "mobile-disabled": n,
+        "highlight-un-stored-item": h && !y
+      }),
+      onClick: I,
+      children: [
+        o == null ? void 0 : o(s),
+        !i && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: le("cross-icon", {
+              [`validation-${a}`]: a,
+              "mobile-disabled": n,
+              disabled: i
+            }),
+            onClick: d,
+            children: /* @__PURE__ */ r(Fe, {})
+          }
+        )
+      ]
+    }
+  );
+}, Re = ({
+  items: s = [],
+  parseValueToString: e,
+  getItemValidationErrorType: i,
+  storedItemsMap: n = {},
+  highlightUnStoredItem: o = !1,
+  renderCustomSelectedItem: a,
+  ...p
+}) => s.map((u) => a ? a(u) : /* @__PURE__ */ r(
+  Oe,
+  {
+    parseValueToString: e,
+    error: (i == null ? void 0 : i(u)) || "",
+    item: u,
+    storedOption: !!n[e(u)],
+    highlightUnStoredItem: o,
+    ...p
+  },
+  e == null ? void 0 : e(u)
+)), Ce = "_prompt_1xfmd_16", De = {
+  prompt: Ce
+}, je = L.bind(De), He = ({ children: s = null }) => /* @__PURE__ */ r("div", { className: je("prompt"), children: s }), Pe = "_item_1qhaq_16", Le = "_divider_1qhaq_24", We = "_active_1qhaq_48", ze = "_value_1qhaq_60", Ke = "_tag_1qhaq_78", Ye = "_disabled_1qhaq_89", Xe = {
+  item: Pe,
+  divider: Le,
+  "new-item": "_new-item_1qhaq_31",
+  active: We,
+  value: ze,
+  "key-variant": "_key-variant_1qhaq_75",
+  tag: Ke,
+  "button-active": "_button-active_1qhaq_89",
+  disabled: Ye,
+  "value-variant": "_value-variant_1qhaq_109"
+}, Y = L.bind(Xe), me = ({
+  isActive: s = !1,
+  isSelected: e = !1,
+  isNew: i = !1,
+  children: n = null,
+  disabled: o = !1,
+  optionVariant: a = "",
+  newItemButtonText: p = "",
+  ...u
+}) => {
+  const b = () => p || (a === "key-variant" ? "New key" : "New value");
+  return i ? /* @__PURE__ */ F(te, { children: [
+    /* @__PURE__ */ r("div", { className: Y("divider") }),
+    /* @__PURE__ */ F(
+      "li",
+      {
+        className: Y("new-item", a, {
+          active: s,
+          selected: e,
+          disabled: o
+        }),
+        ...u,
+        children: [
+          /* @__PURE__ */ r("span", { className: Y("value"), children: n }),
+          /* @__PURE__ */ r(
+            Ee,
+            {
+              ...!o && u,
+              className: Y({ "button-active": s }),
+              icon: /* @__PURE__ */ r(Ie, {}),
+              variant: "text",
+              children: b()
+            }
+          )
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ r(
+    "li",
+    {
+      className: Y("item", a, {
+        active: s,
+        selected: e,
+        disabled: o
+      }),
+      ...o ? {} : u,
+      children: /* @__PURE__ */ r("span", { className: Y("label", "tag"), children: n })
+    }
+  );
+}, Ge = "_container_igshu_16", Je = {
+  container: Ge
+}, ie = L.bind(Je), Qe = (s) => {
+  const {
+    options: e,
+    async: i,
+    inputValue: n,
+    loading: o,
+    createWithoutConfirmation: a,
+    customEmptyListMessage: p,
+    customNoMatchesMessage: u,
+    optionVariant: b,
+    newItemButtonText: y,
+    renderOption: h,
+    getUniqKey: x,
+    getItemProps: g,
+    parseValueToString: f
+  } = s, E = K(() => (e || []).filter((t) => f(t).toUpperCase().indexOf((n.toUpperCase() || "").trim()) > -1), [n, e, f]), _ = K(
+    (t, c, v = !1) => h ? h(t, c, v, g) : /* @__PURE__ */ r(
+      me,
+      {
+        optionVariant: b,
+        ...g({ item: t, index: c }),
+        isNew: v,
+        newItemButtonText: y,
+        children: f(t)
+      },
+      (x == null ? void 0 : x(t)) || f(t)
+    ),
+    [g, x, y, b, f, h]
+  ), N = K(
+    (t) => t.length ? t.map((c, v) => _(c, v)) : "",
+    [_]
+  ), I = K(
+    (t) => {
+      const c = t.length;
+      return /* @__PURE__ */ r("div", { className: ie({ container: !c }), children: /* @__PURE__ */ r(
+        me,
+        {
+          optionVariant: b,
+          isNew: !0,
+          ...g({ item: n, index: c }),
+          children: f(n)
+        },
+        f(n)
+      ) });
+    },
+    [g, n, b, f]
+  ), B = K(
+    (t) => o ? /* @__PURE__ */ F(te, { children: [
+      /* @__PURE__ */ r(He, { children: /* @__PURE__ */ r(xe, {}) }),
+      !a && I(t)
+    ] }) : "",
+    [a, o, I]
+  ), q = K(() => {
+    const t = (e == null ? void 0 : e.length) === 0 ? p || "No available options" : u || "No matches found";
+    return /* @__PURE__ */ r("div", { className: ie("empty-list-message"), children: t });
+  }, [p, u, e == null ? void 0 : e.length]), l = i ? e : E(), d = B(e);
+  return d || /* @__PURE__ */ F("div", { className: ie({ container: e.length }), children: [
+    /* @__PURE__ */ r(ke, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: Se(l) ? q() : N(l) }),
+    !a && I(l)
+  ] });
+}, Ze = "_menu_1bgrz_16", Te = "_opened_1bgrz_35", Ue = "_dark_1bgrz_38", Ve = {
+  menu: Ze,
+  opened: Te,
+  dark: Ue
+}, et = L.bind(Ve), tt = (s, e) => !s || s <= e.trim().length, he = ye(
+  ({
+    isOpen: s = !1,
+    style: e = {},
+    minLength: i = 1,
+    inputValue: n = "",
+    className: o = "",
+    ...a
+  }, p) => /* @__PURE__ */ r(
+    "ul",
+    {
+      ref: p,
+      className: et(
+        "menu",
+        { opened: s && tt(i, n) },
+        o
+      ),
+      style: e,
+      children: /* @__PURE__ */ r(Qe, { inputValue: n, ...a })
+    }
+  )
+), fe = (s, e) => typeof s == "string" ? s : e ? String(s[e(s)]) : "", ee = (s, e) => {
+  var n;
+  return s === e ? !0 : !!(s && e && typeof s == "object" && typeof e == "object" && Object.keys(s).length === Object.keys(e).length && ((n = Object.entries(s)) != null && n.every(([o, a]) => ee(a, e[o]))));
+}, st = (s, e, i) => typeof s == "string" ? s === e : i ? (() => {
+  const n = i(s);
+  return s[n] === e[n];
+})() : !1, ot = ({
+  options: s = [],
+  onChange: e,
+  selectedItems: i = [],
+  handleUnStoredItemCb: n = null,
+  existingItemsMap: o = {},
+  children: a,
+  customizeNewSelectedValue: p = (h) => h,
+  getOptionUniqKey: u,
+  getOptionUniqKeyValue: b,
+  ...y
+}) => {
+  const [h, x] = ae(o), g = (l, d) => {
+    const t = {
+      ...h
+    };
+    l.forEach((c) => {
+      if (s.find((v) => st(v, c, u))) {
+        const v = fe(c, u);
+        t[v] = !0;
+      }
+    }), x(t), d(t);
+  }, f = (l, d) => {
+    const t = fe(l, u);
+    if (t in h) {
+      const c = { ...h };
+      delete c[t], x(c), d(c);
+    } else
+      d(h);
+  }, E = (l, d) => {
+    const t = p(l), c = Array.isArray(t) ? t : [t], M = [...i.filter((O) => c.indexOf(O) < 0), ...c];
+    e == null || e(M, d), g(c, (O) => n == null ? void 0 : n(M, O));
+  }, _ = (l, d) => {
+    const t = i.indexOf(l), c = [...i];
+    c.splice(t, 1, d), e == null || e(c, null);
+  }, N = (l, d) => {
+    const t = i.filter((v) => !ee(v, l));
+    e == null || e(t, d), f(l, (v) => n == null ? void 0 : n(t, v));
+  }, I = (l, d) => {
+    l && E(l, d);
+  }, B = (l) => ({
+    removeItem: N,
+    editItem: _,
+    handleChange: e,
+    getOptionUniqKeyValue: b,
+    storedItemsMap: h,
+    ...l
+  });
+  return /* @__PURE__ */ r(
+    V,
+    {
+      ...y,
+      stateReducer: (l, d) => {
+        switch (d.type) {
+          case V.stateChangeTypes.keyDownEnter:
+          case V.stateChangeTypes.clickItem:
+            return {
+              ...d,
+              highlightedIndex: l.highlightedIndex,
+              inputValue: ""
+            };
+          default:
+            return d;
+        }
+      },
+      onChange: I,
+      selectedItem: null,
+      children: (l) => a == null ? void 0 : a(B(l))
+    }
+  );
+}, nt = "_autocomplete_1rvi8_16", rt = "_disabled_1rvi8_32", ct = "_error_1rvi8_35", lt = "_touched_1rvi8_35", it = "_input_1rvi8_74", at = {
+  autocomplete: nt,
+  "autocomplete-wrapper": "_autocomplete-wrapper_1rvi8_28",
+  disabled: rt,
+  error: ct,
+  touched: lt,
+  "clear-icon": "_clear-icon_1rvi8_46",
+  "clear-icon--disabled": "_clear-icon--disabled_1rvi8_56",
+  "autocomplete-input": "_autocomplete-input_1rvi8_60",
+  "mobile-disabled": "_mobile-disabled_1rvi8_69",
+  input: it,
+  "type-number": "_type-number_1rvi8_98",
+  "error-text": "_error-text_1rvi8_109"
+}, X = L.bind(at), Mt = (s) => {
+  const {
+    options: e = [],
+    loading: i = !1,
+    onStateChange: n = () => {
+    },
+    value: o = [],
+    placeholder: a = "",
+    error: p = "",
+    touched: u = !1,
+    creatable: b = !1,
+    editable: y = !1,
+    onChange: h = () => {
+    },
+    onFocus: x = () => {
+    },
+    onBlur: g = () => {
+    },
+    disabled: f = !1,
+    mobileDisabled: E = !1,
+    inputProps: _ = {},
+    parseValueToString: N = (m) => m == null ? "" : String(m),
+    maxLength: I = null,
+    async: B = !1,
+    customClass: q = "",
+    createWithoutConfirmation: l = !1,
+    getItemValidationErrorType: d = null,
+    clearItemsError: t = () => {
+    },
+    getAdditionalCreationCondition: c = () => !0,
+    highlightUnStoredItem: v = !1,
+    parseInputValueFn: M = null,
+    handleUnStoredItemCb: Z = null,
+    dataAutomationId: O = "",
+    existingItemsMap: T = {},
+    customizeNewSelectedValue: se = (m) => m,
+    renderCustomSelectedItem: oe,
+    useFixedPositioning: ne,
+    newItemButtonText: S = "",
+    ...R
+  } = s, { refs: C, floatingStyles: D } = _e({
+    placement: "bottom-start",
+    strategy: ne ? "fixed" : "absolute",
+    whileElementsMounted: pe
+  }), A = o.length === 0 && !f ? a : "", j = Ne(null);
+  we(() => {
+    t();
+  }, [t, o]);
+  const re = (m, w) => {
+    h(m, w);
+  }, G = (m, w, $) => ({ item: k, index: Q, ...W }) => m({
+    item: k,
+    index: Q,
+    isSelected: $.some((ce) => ee(ce, k)),
+    ...W,
+    isActive: w === Q
+  }), H = ({
+    event: m,
+    removeItem: w,
+    inputValue: $
+  }) => {
+    m.key === "Backspace" && !$ && o.length && w(o[o.length - 1], null);
+  }, P = ({
+    inputValue: m,
+    selectItem: w,
+    clearSelection: $
+  }) => {
+    if (M) {
+      const k = M(m);
+      (k.length ? k : [m]).forEach((W) => w(W)), $();
+    } else
+      w(m), $();
+  }, J = (m) => (w) => {
+    m(w, null), j.current && j.current.focus();
+  }, U = e.filter((m) => o.every((w) => !ee(w, m)));
+  return /* @__PURE__ */ r(
+    ot,
+    {
+      onChange: re,
+      itemToString: N,
+      selectedItems: o,
+      onStateChange: n,
+      options: e,
+      existingItemsMap: T,
+      handleUnStoredItemCb: Z,
+      customizeNewSelectedValue: se,
+      children: ({
+        getInputProps: m,
+        getItemProps: w,
+        isOpen: $,
+        inputValue: k,
+        highlightedIndex: Q,
+        removeItem: W,
+        editItem: ce,
+        openMenu: ve,
+        selectItem: de,
+        clearSelection: ue,
+        storedItemsMap: be,
+        getRootProps: ge
+      }) => /* @__PURE__ */ F(
+        "div",
+        {
+          ...ge(void 0, { suppressRefError: !0 }),
+          className: X("autocomplete-wrapper"),
+          ref: C.setReference,
+          children: [
+            /* @__PURE__ */ F(te, { children: [
+              /* @__PURE__ */ F(
+                "div",
+                {
+                  className: X("autocomplete", q, {
+                    "mobile-disabled": E,
+                    error: p,
+                    touched: u,
+                    disabled: f
+                  }),
+                  children: [
+                    /* @__PURE__ */ F(
+                      "div",
+                      {
+                        className: X("autocomplete-input", {
+                          "mobile-disabled": E
+                        }),
+                        children: [
+                          /* @__PURE__ */ r(
+                            Re,
+                            {
+                              items: o,
+                              onRemoveItem: J(W),
+                              disabled: f,
+                              mobileDisabled: E,
+                              parseValueToString: N,
+                              getItemValidationErrorType: d,
+                              renderCustomSelectedItem: oe,
+                              editItem: ce,
+                              editable: y,
+                              getAdditionalCreationCondition: c,
+                              storedItemsMap: be,
+                              highlightUnStoredItem: v
+                            }
+                          ),
+                          /* @__PURE__ */ r(
+                            "input",
+                            {
+                              ...m({
+                                ref: j,
+                                placeholder: A,
+                                maxLength: I,
+                                onFocus: () => {
+                                  ve(), x();
+                                },
+                                onKeyDown: (z) => {
+                                  z.key === "Enter" && k && b && c(k) && P({
+                                    inputValue: k,
+                                    selectItem: de,
+                                    clearSelection: ue
+                                  }), H({ event: z, removeItem: W, inputValue: k });
+                                },
+                                onBlur: () => {
+                                  g(), k && b && c(k) && P({
+                                    inputValue: k,
+                                    selectItem: de,
+                                    clearSelection: ue
+                                  });
+                                },
+                                disabled: f,
+                                ..._
+                              }),
+                              className: X("input", { disabled: f }),
+                              "data-automation-id": O
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    (_ == null ? void 0 : _.clearable) && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ r(
+                      "button",
+                      {
+                        className: X("clear-icon", { "clear-icon--disabled": f }),
+                        onClick: () => {
+                          var z;
+                          return !f && ((z = _ == null ? void 0 : _.onClear) == null ? void 0 : z.call(_));
+                        },
+                        children: /* @__PURE__ */ r(qe, {})
+                      }
+                    )
+                  ]
+                }
+              ),
+              p && u && /* @__PURE__ */ r("span", { className: X("error-text"), children: p })
+            ] }),
+            /* @__PURE__ */ r(
+              he,
+              {
+                isOpen: $,
+                loading: i,
+                async: B,
+                ref: C.setFloating,
+                newItemButtonText: S,
+                style: D,
+                inputValue: (k || "").trim(),
+                getItemProps: G(w, Q, o),
+                parseValueToString: N,
+                createWithoutConfirmation: l,
+                options: U,
+                ...R
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, dt = "Enter", ut = "Tab", mt = {
+  "input-wrapper": "_input-wrapper_14hlh_1"
+}, ft = L.bind(mt), _t = 0, Ot = (s) => {
+  const {
+    options: e = [],
+    value: i,
+    placeholder: n = "",
+    onChange: o = () => {
+    },
+    onFocus: a = () => {
+    },
+    onBlur: p = () => {
+    },
+    disabled: u = !1,
+    inputProps: b = {},
+    parseValueToString: y = (S) => S === null ? "" : String(S),
+    minLength: h = 1,
+    skipOptionCreation: x = !1,
+    maxLength: g = null,
+    optionVariant: f = "",
+    isRequired: E = !1,
+    error: _ = "",
+    touched: N = !1,
+    setTouch: I = () => {
+    },
+    createWithoutConfirmation: B = !1,
+    menuClassName: q = "",
+    icon: l,
+    isOptionUnique: d,
+    refFunction: t,
+    stateReducer: c,
+    onStateChange: v,
+    useFixedPositioning: M,
+    newItemButtonText: Z = "",
+    ...O
+  } = s, { refs: T, floatingStyles: se } = _e({
+    placement: "bottom-start",
+    strategy: M ? "fixed" : "absolute",
+    whileElementsMounted: pe
+  }), oe = (S, R, C) => ({ item: D, index: A, ...j }) => S({
+    item: D,
+    index: A,
+    isSelected: C !== null && C === D,
+    ...j,
+    isActive: R === A
+  }), ne = (S, R) => {
+    S.key === ut && (S.preventDefault(), R(e.length));
+  };
+  return /* @__PURE__ */ r(
+    V,
+    {
+      onChange: o,
+      itemToString: y,
+      selectedItem: i,
+      onStateChange: v,
+      defaultHighlightedIndex: _t,
+      stateReducer: c,
+      children: ({
+        getInputProps: S,
+        getItemProps: R,
+        setHighlightedIndex: C,
+        isOpen: D,
+        inputValue: A,
+        highlightedIndex: j,
+        getRootProps: re,
+        selectItem: G
+      }) => /* @__PURE__ */ r(te, { children: /* @__PURE__ */ F(
+        "div",
+        {
+          className: ft("input-wrapper"),
+          ...re(void 0, { suppressRefError: !0 }),
+          ref: T.setReference,
+          children: [
+            /* @__PURE__ */ r(
+              Be,
+              {
+                ...S({
+                  placeholder: u ? "" : n,
+                  maxLength: g || void 0,
+                  onFocus: () => {
+                    a();
+                  },
+                  refFunction: t,
+                  onKeyDown: (H) => {
+                    H.key === dt && H.preventDefault(), A && D && ne(H, C);
+                  },
+                  onBlur: (H) => {
+                    const P = (A ?? "").trim(), J = !!P, U = J ? e.find((m) => y(m) === P) : void 0;
+                    G(U || (!x && B && J ? P : null)), p(H), d == null || d(
+                      J ? !e.some((m) => y(m) === P) : null
+                    ), I == null || I(!0);
+                  },
+                  disabled: u,
+                  defaultWidth: !1,
+                  isRequired: E,
+                  touched: N,
+                  error: _,
+                  endIcon: l,
+                  ...b
+                })
+              }
+            ),
+            /* @__PURE__ */ r(
+              he,
+              {
+                isOpen: D,
+                style: se,
+                ref: T.setFloating,
+                minLength: h,
+                inputValue: (A || "").trim(),
+                getItemProps: oe(R, j, i),
+                parseValueToString: y,
+                optionVariant: f,
+                createWithoutConfirmation: B,
+                className: q,
+                options: e,
+                newItemButtonText: Z,
+                ...O
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
+};
+export {
+  he as AutocompleteMenu,
+  me as AutocompleteOption,
+  Qe as AutocompleteOptions,
+  He as AutocompletePrompt,
+  Mt as MultipleAutocomplete,
+  Ot as SingleAutocomplete
+};

package/dist/components/autocompletes/common/autocompleteMenu/autocompleteMenu.d.ts

@@ -0,0 +1,9 @@
+import { AutocompleteOptionsProps } from '../autocompleteOptions';
+
+export declare const AutocompleteMenu: <T>(props: {
+    isOpen?: boolean | undefined;
+    style?: import('react').CSSProperties | undefined;
+    minLength: number | null;
+    inputValue?: string | undefined;
+    className?: string | undefined;
+} & AutocompleteOptionsProps<T> & import('react').RefAttributes<HTMLUListElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;

package/dist/components/autocompletes/common/autocompleteMenu/index.d.ts

@@ -0,0 +1 @@
+export { AutocompleteMenu } from './autocompleteMenu';