@reportportal/ui-kit 0.0.1-alpha.68 → 0.0.1-alpha.69

package/dist/fieldText-94e2c8eb.js

@@ -1,158 +0,0 @@
-import { jsx as e, jsxs as a, Fragment as P } from "react/jsx-runtime";
-import { forwardRef as Q, useRef as Y, useId as Z, useState as R } from "react";
-import { c as q } from "./bind-06a7ff84.js";
-import { b as ee, a as ne, S as te } from "./openEye-7b9cf080.js";
-import { B as se } from "./button-770f7b20.js";
-import { S as oe } from "./spinLoader-c4a53718.js";
-import { M as ae } from "./maxValueDisplay-9be01a75.js";
-import { FieldLabel as ce } from "./fieldLabel.js";
-var o = /* @__PURE__ */ ((t) => (t.PASSWORD = "password", t.TEXT = "text", t.EMAIL = "email", t))(o || {});
-const re = "_collapsed_fju7x_13", ie = "_field_fju7x_21", le = "_placeholder_fju7x_46", ue = "_disabled_fju7x_49", de = "_error_fju7x_52", _e = "_touched_fju7x_52", fe = "_input_fju7x_70", pe = "_icon_fju7x_1", xe = "_text_fju7x_168", me = {
-  "icon-container": "_icon-container_fju7x_1",
-  "icon-container-end": "_icon-container-end_fju7x_1",
-  "icon-container-start": "_icon-container-start_fju7x_1",
-  collapsed: re,
-  field: ie,
-  "default-width": "_default-width_fju7x_33",
-  placeholder: le,
-  disabled: ue,
-  error: de,
-  touched: _e,
-  "max-length-display": "_max-length-display_fju7x_59",
-  "input-container": "_input-container_fju7x_70",
-  "type-password": "_type-password_fju7x_74",
-  input: fe,
-  "eye-icon": "_eye-icon_fju7x_78",
-  icon: pe,
-  "start-icon": "_start-icon_fju7x_124",
-  "clear-icon": "_clear-icon_fju7x_125",
-  "additional-content": "_additional-content_fju7x_161",
-  text: xe,
-  "error-text": "_error-text_fju7x_188",
-  "help-text": "_help-text_fju7x_192"
-}, n = q.bind(me), De = Q(
-  ({
-    value: t = "",
-    className: M,
-    classNameHelpText: b,
-    error: l,
-    placeholder: p,
-    disabled: c = !1,
-    onChange: v,
-    touched: x = !1,
-    title: A,
-    label: u,
-    helpText: d,
-    defaultWidth: O = !0,
-    startIcon: m,
-    endIcon: h,
-    clearable: B = !1,
-    onClear: j,
-    isRequired: N = !1,
-    hasDoubleMessage: C = !1,
-    type: r = o.TEXT,
-    displayError: L = !0,
-    collapsible: V = !1,
-    loading: W = !1,
-    maxLengthDisplay: k,
-    onFocus: X = () => {
-    },
-    onBlur: H = () => {
-    },
-    ...I
-  }, U) => {
-    const $ = Y(null), _ = U || $, S = Z(), [w, y] = R(!1), [g, E] = R(!1), z = (s) => {
-      y(!0), X(s);
-    }, G = (s) => {
-      y(!1), H(s);
-    }, J = () => {
-      var s;
-      j && (j(t), (s = _.current) == null || s.focus());
-    }, D = L && l && x, F = /* @__PURE__ */ e("span", { className: n("text", "help-text", b), children: d }), K = () => r !== o.PASSWORD ? r : g ? o.TEXT : o.PASSWORD, T = (s) => {
-      s.preventDefault(), E(!0);
-    }, i = (s) => {
-      s.preventDefault(), E(!1);
-    };
-    return /* @__PURE__ */ a(P, { children: [
-      u && /* @__PURE__ */ e(ce, { isRequired: N, htmlFor: S, children: u }),
-      /* @__PURE__ */ a(
-        "div",
-        {
-          className: n("field", M, {
-            error: l,
-            touched: x,
-            disabled: c,
-            "default-width": O,
-            collapsed: V && !w && !t
-          }),
-          title: A,
-          children: [
-            W ? /* @__PURE__ */ e(oe, {}) : m && /* @__PURE__ */ e(
-              "span",
-              {
-                className: n("icon-container-start"),
-                onClick: () => {
-                  var f;
-                  (f = _.current) == null || f.focus();
-                },
-                children: /* @__PURE__ */ e("span", { className: n("icon", { "start-icon": !w }), children: m })
-              }
-            ),
-            /* @__PURE__ */ a("span", { className: n("input-container", `type-${r}`), children: [
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  ref: _,
-                  type: K(),
-                  className: n("input"),
-                  value: t,
-                  disabled: c,
-                  id: S,
-                  onChange: v,
-                  onFocus: z,
-                  onBlur: G,
-                  ...I
-                }
-              ),
-              r === o.PASSWORD && t && /* @__PURE__ */ e(
-                se,
-                {
-                  icon: g ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ e(ne, {}),
-                  variant: "text",
-                  className: n("eye-icon"),
-                  onMouseDown: T,
-                  onMouseLeave: i,
-                  onMouseUp: i,
-                  onTouchStart: T,
-                  onTouchEnd: i,
-                  onTouchCancel: i
-                }
-              ),
-              p && !t && /* @__PURE__ */ a("span", { className: n("placeholder"), children: [
-                p,
-                N && !u && /* @__PURE__ */ e("span", { className: n("asterisk") })
-              ] })
-            ] }),
-            /* @__PURE__ */ e(
-              ae,
-              {
-                className: n("max-length-display"),
-                value: t.length,
-                maxValue: k
-              }
-            ),
-            h && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: h }) }),
-            B && t.length > 0 && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("button", { type: "button", className: n("clear-icon", { disabled: c }), onClick: J, children: /* @__PURE__ */ e(te, {}) }) })
-          ]
-        }
-      ),
-      (D || d) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: c }), children: D ? /* @__PURE__ */ a(P, { children: [
-        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: l }),
-        C && F
-      ] }) : d && F })
-    ] });
-  }
-);
-export {
-  De as F
-};

package/dist/fieldTextFlex-c55452d5.js

@@ -1,78 +0,0 @@
-import { jsxs as _, Fragment as F, jsx as a } from "react/jsx-runtime";
-import { c as H } from "./bind-06a7ff84.js";
-import { forwardRef as I, useId as E } from "react";
-import { M as R } from "./maxValueDisplay-9be01a75.js";
-import { FieldLabel as D } from "./fieldLabel.js";
-const M = "_error_ajlzy_19", O = "_touched_ajlzy_19", V = "_disabled_ajlzy_65", $ = {
-  "text-area": "_text-area_ajlzy_1",
-  error: M,
-  touched: O,
-  "max-length-display": "_max-length-display_ajlzy_26",
-  "additional-content": "_additional-content_ajlzy_36",
-  "error-text": "_error-text_ajlzy_36",
-  "help-text": "_help-text_ajlzy_44",
-  disabled: V
-}, t = H.bind($), b = 72, w = 2, q = I(
-  ({
-    value: r = "",
-    readonly: m = !1,
-    error: s = "",
-    placeholder: x = "",
-    disabled: e = !1,
-    touched: n = !1,
-    className: h = "",
-    label: c = "",
-    helpText: l = "",
-    maxLengthDisplay: p,
-    onChange: y,
-    onFocus: g,
-    onBlur: f,
-    onKeyUp: j,
-    ...z
-  }, N) => {
-    const i = E(), d = s && n, u = (o) => {
-      o.target.style.height = `${b}px`, o.target.style.height = `${o.target.scrollHeight + w}px`;
-    };
-    return /* @__PURE__ */ _(F, { children: [
-      c && /* @__PURE__ */ a(D, { htmlFor: i, className: t({ disabled: e }), children: c }),
-      /* @__PURE__ */ a(
-        "textarea",
-        {
-          id: i,
-          ref: N,
-          className: t("text-area", h, {
-            disabled: e,
-            error: s,
-            touched: n
-          }),
-          value: r,
-          placeholder: x,
-          disabled: e,
-          readOnly: m,
-          onChange: y,
-          onFocus: g,
-          onBlur: f,
-          onKeyUp: j,
-          onInput: u,
-          ...z,
-          children: r
-        }
-      ),
-      /* @__PURE__ */ a(
-        R,
-        {
-          className: t("max-length-display"),
-          value: r.length,
-          maxValue: p
-        }
-      ),
-      (d || l) && /* @__PURE__ */ _("div", { className: t("additional-content", { disabled: e }), children: [
-        d && /* @__PURE__ */ a("span", { className: t("error-text"), children: s }),
-        l && /* @__PURE__ */ a("span", { className: t("help-text"), children: l })
-      ] })
-    ] });
-  }
-);
-export {
-  q as F
-};

package/dist/systemMessage-1ced6079.js

@@ -1,30 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { c } from "./bind-06a7ff84.js";
-const m = "_children_fp9ws_54", o = {
-  "system-message": "_system-message_fp9ws_1",
-  "stripes-info": "_stripes-info_fp9ws_12",
-  "stripes-warning": "_stripes-warning_fp9ws_17",
-  "stripes-error": "_stripes-error_fp9ws_22",
-  "text-container": "_text-container_fp9ws_27",
-  "message-header-info": "_message-header-info_fp9ws_30",
-  "message-header-warning": "_message-header-warning_fp9ws_38",
-  "message-header-error": "_message-header-error_fp9ws_46",
-  children: m,
-  "content-width": "_content-width_fp9ws_70"
-}, s = c.bind(o), f = ({
-  header: r,
-  caption: a,
-  children: i,
-  mode: n = "info",
-  widthByContent: _ = !1
-}) => /* @__PURE__ */ t("div", { className: s("system-message", { "content-width": _ }), children: [
-  /* @__PURE__ */ e("div", { className: s(`stripes-${n}`) }),
-  /* @__PURE__ */ t("div", { className: s("text-container"), children: [
-    r && /* @__PURE__ */ e("h1", { className: s(`message-header-${n}`), children: r }),
-    /* @__PURE__ */ e("div", { className: s("children"), children: i }),
-    a && /* @__PURE__ */ e("p", { children: a })
-  ] })
-] });
-export {
-  f as S
-};

package/dist/table-02e40724.js

@@ -1,142 +0,0 @@
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { useState as g, useMemo as G } from "react";
-import { c as J } from "./bind-06a7ff84.js";
-import { a as f, S as K } from "./arrowUp-4a5caee7.js";
-import { C as x } from "./checkbox-9a6c7ce1.js";
-const O = "_table_kha9s_1", P = "_label_kha9s_87", Q = {
-  table: O,
-  "table-header": "_table-header_kha9s_9",
-  "table-row": "_table-row_kha9s_16",
-  "table-row-content": "_table-row-content_kha9s_21",
-  "size-small": "_size-small_kha9s_31",
-  "size-large": "_size-large_kha9s_34",
-  "table-body": "_table-body_kha9s_38",
-  "table-header-cell": "_table-header-cell_kha9s_45",
-  "table-cell": "_table-cell_kha9s_45",
-  "action-menu-cell": "_action-menu-cell_kha9s_50",
-  "checkbox-cell": "_checkbox-cell_kha9s_60",
-  "primary-cell": "_primary-cell_kha9s_71",
-  label: P,
-  "sortable-cell": "_sortable-cell_kha9s_91",
-  "align-right": "_align-right_kha9s_94",
-  "align-center": "_align-center_kha9s_100"
-}, z = "asc", V = (c) => c.toLowerCase() === z, W = (c) => c.map((t) => t.key), a = J.bind(Q), ae = ({
-  data: c,
-  primaryColumn: t,
-  fixedColumns: h,
-  renderRowActions: i,
-  className: M = "",
-  rowClassName: S = "",
-  headerClassName: m = "",
-  selectable: k = !1,
-  selectedRowIds: d = [],
-  sortingDirection: y = z,
-  sortingColumn: r = t,
-  sortableColumns: o = W([t, ...h]),
-  onChangeSorting: u = () => {
-  },
-  onToggleRowSelection: A = () => {
-  },
-  onToggleAllRowsSelection: L = () => {
-  }
-}) => {
-  const [E, v] = g(null), [j, p] = g(null), N = G(() => [{ ...t, primary: !0 }, ...h], [t, h]), C = (e) => {
-    o.includes(e) && u({ key: e, direction: y });
-  }, w = (e) => ({
-    width: e.width,
-    textAlign: e.align
-  }), H = (e) => {
-    v(e);
-  }, T = () => {
-    v(null);
-  }, $ = (e) => {
-    p(e);
-  }, D = () => {
-    p(null);
-  }, R = (e) => {
-    A(e);
-  }, U = () => {
-    L();
-  }, q = c.every((e) => d.includes(e.id)), _ = c.some((e) => d.includes(e.id)), B = (e) => {
-    var s;
-    return `size-${((s = e.rowConfigs) == null ? void 0 : s.size) ?? "default"}`;
-  }, F = (e) => {
-    if (o.includes(e))
-      return (r == null ? void 0 : r.key) === e ? V(y) ? /* @__PURE__ */ l(f, {}) : /* @__PURE__ */ l(K, {}) : /* @__PURE__ */ l(f, {});
-  };
-  return /* @__PURE__ */ n("div", { className: a("table", M), children: [
-    /* @__PURE__ */ n("div", { className: a("table-header", m), children: [
-      k && /* @__PURE__ */ l("div", { className: a("table-header-cell", "checkbox-cell"), children: _ && /* @__PURE__ */ l(
-        x,
-        {
-          value: q,
-          partiallyChecked: _,
-          onChange: U,
-          className: a("checkbox-cell")
-        }
-      ) }),
-      N.map((e) => /* @__PURE__ */ l(
-        "button",
-        {
-          className: a("table-header-cell", {
-            [`align-${e.align}`]: "align" in e,
-            "primary-cell": "primary" in e && e.primary,
-            "sortable-cell": o.includes(e.key)
-          }),
-          style: w(e),
-          children: /* @__PURE__ */ n(
-            "div",
-            {
-              className: a("label"),
-              onClick: () => C(e.key),
-              onMouseEnter: () => H(e.key),
-              onMouseLeave: T,
-              children: [
-                /* @__PURE__ */ l("span", { children: e.header }),
-                (E === e.key || (r == null ? void 0 : r.key) === e.key) && F(e.key)
-              ]
-            }
-          )
-        },
-        e.key
-      )),
-      i && /* @__PURE__ */ l("div", { className: a("table-header-cell", "action-menu-cell") })
-    ] }),
-    /* @__PURE__ */ l("div", { className: a("table-body"), children: c.map((e, b) => /* @__PURE__ */ n(
-      "div",
-      {
-        className: a("table-row", B(e), S),
-        onMouseEnter: () => $(b),
-        onMouseLeave: D,
-        children: [
-          k && /* @__PURE__ */ l("div", { className: a("table-cell", "checkbox-cell"), children: (_ || j === b) && /* @__PURE__ */ l(
-            x,
-            {
-              value: d.includes(e.id),
-              onChange: () => R(e.id),
-              className: a("checkbox-cell")
-            }
-          ) }),
-          /* @__PURE__ */ n("div", { className: a("table-row-content"), children: [
-            N.map((s) => /* @__PURE__ */ l(
-              "div",
-              {
-                className: a("table-cell", {
-                  "primary-cell": "primary" in s && s.primary
-                }),
-                style: w(s),
-                children: e[s.key].component || e[s.key].content || e[s.key]
-              },
-              s.key
-            )),
-            i && /* @__PURE__ */ l("div", { className: a("table-cell", "action-menu-cell"), children: i(e.metaData) })
-          ] })
-        ]
-      },
-      e.id
-    )) })
-  ] });
-};
-export {
-  ae as T
-};

package/dist/toggle-1a3aacb5.js

@@ -1,59 +0,0 @@
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import { c as h } from "./bind-06a7ff84.js";
-import { useRef as k, useId as x } from "react";
-import { K as _ } from "./keyCodes-f63c0e11.js";
-const y = "_toggle_1bvir_1", E = "_slider_1bvir_27", v = "_round_1bvir_47", D = "_input_1bvir_51", K = "_disabled_1bvir_92", N = {
-  toggle: y,
-  "children-container": "_children-container_1bvir_14",
-  slider: E,
-  round: v,
-  input: D,
-  disabled: K
-}, e = h.bind(N), j = ({
-  children: t,
-  value: c,
-  onChange: u,
-  className: b,
-  disabled: n = !1,
-  title: p,
-  ...m
-}) => {
-  const r = k(null), i = x(), f = (o) => {
-    var a, d;
-    const { keyCode: l } = o;
-    if (l === _.SPACE_KEY_CODE) {
-      o.preventDefault(), (a = r.current) == null || a.click();
-      return;
-    }
-    l === _.ENTER_KEY_CODE && (o.preventDefault(), (d = r.current) == null || d.click());
-  };
-  return /* @__PURE__ */ g("label", { id: i, title: p, className: e("toggle", b, { disabled: n }), children: [
-    /* @__PURE__ */ s(
-      "input",
-      {
-        ref: r,
-        tabIndex: n ? -1 : 0,
-        onChange: u,
-        checked: c,
-        disabled: n,
-        onKeyDown: f,
-        className: e("input"),
-        type: "checkbox",
-        ...m
-      }
-    ),
-    /* @__PURE__ */ s(
-      "div",
-      {
-        "aria-labelledby": i,
-        role: "checkbox",
-        "aria-checked": c,
-        className: e("slider", "round")
-      }
-    ),
-    t && /* @__PURE__ */ s("span", { className: e("children-container"), children: t })
-  ] });
-};
-export {
-  j as T
-};