@reportportal/ui-kit 0.0.1-alpha.20 → 0.0.1-alpha.201

package/dist/radio-fd49a09c.js

@@ -1,76 +0,0 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { useRef as k } from "react";
-import { c as f } from "./bind-06a7ff84.js";
-import { K as t } from "./keyCodes-f63c0e11.js";
-const p = "_disabled_1sze8_9", g = "_toggler_1sze8_15", y = "_checked_1sze8_21", E = "_input_1sze8_28", x = {
-  "radio-button": "_radio-button_1sze8_1",
-  disabled: p,
-  "children-container": "_children-container_1sze8_12",
-  toggler: g,
-  checked: y,
-  input: E
-}, a = f.bind(x), v = ({
-  option: e,
-  value: o,
-  onChange: u,
-  onFocus: z,
-  onBlur: C,
-  className: b,
-  ..._
-}) => {
-  const s = k(null), d = String(e.value) === String(o), h = (l) => {
-    var i, n;
-    const { keyCode: c } = l;
-    if (c === t.SPACE_KEY_CODE) {
-      l.preventDefault(), (i = s.current) == null || i.click();
-      return;
-    }
-    c === t.ENTER_KEY_CODE && (l.preventDefault(), (n = s.current) == null || n.click());
-  };
-  return (
-    // eslint-disable-next-line
-    /* @__PURE__ */ m(
-      "label",
-      {
-        id: "rp-ui-kit-radio-label",
-        className: a(b, "radio-button", {
-          disabled: e.disabled
-        }),
-        tabIndex: e.disabled ? -1 : 0,
-        onKeyDown: e.disabled ? void 0 : h,
-        children: [
-          /* @__PURE__ */ r(
-            "input",
-            {
-              tabIndex: -1,
-              ref: s,
-              type: "radio",
-              className: a("input"),
-              disabled: e.disabled,
-              onChange: u,
-              value: e.value,
-              checked: d,
-              ..._
-            }
-          ),
-          /* @__PURE__ */ r(
-            "span",
-            {
-              role: "radio",
-              "aria-labelledby": "rp-ui-kit-radio-label",
-              "aria-checked": d,
-              className: a("toggler", {
-                disabled: e.disabled,
-                checked: d
-              })
-            }
-          ),
-          /* @__PURE__ */ r("span", { className: a("children-container"), children: e.label })
-        ]
-      }
-    )
-  );
-};
-export {
-  v as R
-};

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-4bc2c157.js

@@ -1,147 +0,0 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import * as i from "react";
-import { useState as f, useMemo as F } from "react";
-import { c as G } from "./bind-06a7ff84.js";
-import "./baseIconButton-7bc53dec.js";
-import { C as L } from "./checkbox-6777be17.js";
-const J = (a) => /* @__PURE__ */ i.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z", fill: "#A2AAB5" })), m = (a) => /* @__PURE__ */ i.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z", fill: "#A2AAB5" })), K = "_table_kha9s_1", O = "_label_kha9s_87", P = {
-  table: K,
-  "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: O,
-  "sortable-cell": "_sortable-cell_kha9s_91",
-  "align-right": "_align-right_kha9s_94",
-  "align-center": "_align-center_kha9s_100"
-};
-var v = /* @__PURE__ */ ((a) => (a.ASC = "asc", a.DESC = "desc", a))(v || {});
-const Q = (a) => a.map((c) => c.key), l = G.bind(P), le = ({
-  data: a,
-  primaryColumn: c,
-  fixedColumns: h,
-  rowActionMenu: d,
-  className: x = "",
-  rowClassName: A = "",
-  headerClassName: S = "",
-  selectable: y = !1,
-  selectedRowIds: o = [],
-  sortingDirection: p = v.ASC,
-  sortingColumn: r = c,
-  sortableColumns: _ = Q([c, ...h]),
-  onChangeSorting: u = () => {
-  },
-  onToggleRowSelection: z = () => {
-  },
-  onToggleAllRowsSelection: E = () => {
-  }
-}) => {
-  const [M, w] = f(null), [R, g] = f(null), C = F(() => [{ ...c, primary: !0 }, ...h], [c, h]), B = (e) => {
-    _.includes(e) && u({ key: e, direction: p });
-  }, N = (e) => ({
-    width: e.width,
-    textAlign: e.align
-  }), j = (e) => {
-    w(e);
-  }, H = () => {
-    w(null);
-  }, T = (e) => {
-    g(e);
-  }, Z = () => {
-    g(null);
-  }, $ = (e) => {
-    z(e);
-  }, U = () => {
-    E();
-  }, V = a.every((e) => o.includes(e.id)), b = a.some((e) => o.includes(e.id)), q = (e) => {
-    var t;
-    return `size-${((t = e.rowConfigs) == null ? void 0 : t.size) ?? "default"}`;
-  }, D = (e) => {
-    if (_.includes(e))
-      return (r == null ? void 0 : r.key) === e ? p === v.ASC ? /* @__PURE__ */ s(m, {}) : /* @__PURE__ */ s(J, {}) : /* @__PURE__ */ s(m, {});
-  };
-  return /* @__PURE__ */ n("div", { className: l("table", x), children: [
-    /* @__PURE__ */ n("div", { className: l("table-header", S), children: [
-      y && /* @__PURE__ */ s("div", { className: l("table-header-cell", "checkbox-cell"), children: b && /* @__PURE__ */ s(
-        L,
-        {
-          value: V,
-          partiallyChecked: b,
-          onChange: U,
-          className: l("checkbox-cell")
-        }
-      ) }),
-      C.map((e) => /* @__PURE__ */ s(
-        "button",
-        {
-          className: l("table-header-cell", {
-            [`align-${e.align}`]: "align" in e,
-            "primary-cell": "primary" in e && e.primary,
-            "sortable-cell": _.includes(e.key)
-          }),
-          style: N(e),
-          children: /* @__PURE__ */ n(
-            "div",
-            {
-              className: l("label"),
-              onClick: () => B(e.key),
-              onMouseEnter: () => j(e.key),
-              onMouseLeave: H,
-              children: [
-                /* @__PURE__ */ s("span", { children: e.header }),
-                (M === e.key || (r == null ? void 0 : r.key) === e.key) && D(e.key)
-              ]
-            }
-          )
-        },
-        e.key
-      )),
-      d && /* @__PURE__ */ s("div", { className: l("table-header-cell", "action-menu-cell") })
-    ] }),
-    /* @__PURE__ */ s("div", { className: l("table-body"), children: a.map((e, k) => /* @__PURE__ */ n(
-      "div",
-      {
-        className: l("table-row", q(e), A),
-        onMouseEnter: () => T(k),
-        onMouseLeave: Z,
-        children: [
-          y && /* @__PURE__ */ s("div", { className: l("table-cell", "checkbox-cell"), children: (b || R === k) && /* @__PURE__ */ s(
-            L,
-            {
-              value: o.includes(e.id),
-              onChange: () => $(e.id),
-              className: l("checkbox-cell")
-            }
-          ) }),
-          /* @__PURE__ */ n("div", { className: l("table-row-content"), children: [
-            C.map((t) => /* @__PURE__ */ s(
-              "div",
-              {
-                className: l("table-cell", {
-                  "primary-cell": "primary" in t && t.primary
-                }),
-                style: N(t),
-                children: e[t.key].component || e[t.key].content || e[t.key]
-              },
-              t.key
-            )),
-            d && /* @__PURE__ */ s("div", { className: l("table-cell", "action-menu-cell"), children: d })
-          ] })
-        ]
-      },
-      e.id
-    )) })
-  ] });
-};
-export {
-  J as S,
-  le as T,
-  m as a
-};

package/dist/toggle-9284387b.js

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

package/dist/useOnClickOutside-c332f7d3.js

@@ -1,16 +0,0 @@
-import { useEffect as i } from "react";
-function u(t, n) {
-  i(() => {
-    if (!n)
-      return;
-    const e = (o) => {
-      t && t.current && !t.current.contains(o.target) && n(o);
-    };
-    return document.addEventListener("pointerdown", e), () => {
-      document.removeEventListener("pointerdown", e);
-    };
-  }, [t, n]);
-}
-export {
-  u
-};