@reportportal/ui-kit 0.0.1-alpha.14 → 0.0.1-alpha.141

package/dist/popover.js

@@ -1,95 +0,0 @@
-import { jsxs as p, Fragment as G, jsx as o } from "react/jsx-runtime";
-import { useRef as H, useState as S } from "react";
-import { useFloating as j, offset as C, flip as L, arrow as M, autoUpdate as O, useClick as U, useDismiss as W, useRole as q, useInteractions as z, FloatingFocusManager as B, FloatingArrow as J } from "@floating-ui/react";
-import { c as K } from "./bind-06a7ff84.js";
-const Q = "_popover_16ogt_1", V = "_title_16ogt_28", X = {
-  "popover-wrapper": "_popover-wrapper_16ogt_1",
-  popover: Q,
-  title: V
-}, n = K.bind(X), m = 16, f = 8, Y = ["top", "right", "bottom", "left"], Z = [
-  "right",
-  "right-start",
-  "right-end",
-  "left",
-  "left-start",
-  "left-end"
-], $ = [
-  "top",
-  "top-start",
-  "top-end",
-  "right",
-  "right-start",
-  "right-end",
-  "bottom",
-  "bottom-start",
-  "bottom-end",
-  "left",
-  "left-start",
-  "left-end"
-], nt = ({
-  className: d,
-  content: g,
-  children: h,
-  placement: u = "bottom",
-  fallbackPlacements: v = $,
-  title: r,
-  arrowOffset: l = 16,
-  safeZone: _ = 4,
-  arrowColor: w = "white",
-  dataAutomationId: x,
-  isOpened: b,
-  setIsOpened: s
-}) => {
-  const i = H(null), [F, R] = S(!1), a = s ? b : F, A = (e) => {
-    s ? s(e) : R(e);
-  }, { placement: N, refs: c, floatingStyles: P, context: t } = j({
-    open: a,
-    onOpenChange: A,
-    placement: u,
-    middleware: [
-      C(({ rects: e, placement: D }) => ({
-        mainAxis: _ + f,
-        alignmentAxis: ((Z.includes(D) ? e.reference.height : e.reference.width) - m) / 2 - l
-      })),
-      L({
-        fallbackAxisSideDirection: "start",
-        fallbackPlacements: v
-      }),
-      M({
-        element: i
-      })
-    ],
-    whileElementsMounted: O
-  }), E = U(t), I = W(t), T = q(t), { getReferenceProps: k, getFloatingProps: y } = z([E, I, T]);
-  return /* @__PURE__ */ p(G, { children: [
-    /* @__PURE__ */ o("div", { ref: c.setReference, ...k(), className: n("popover-wrapper"), children: h }),
-    a && /* @__PURE__ */ o(B, { context: t, modal: !1, children: /* @__PURE__ */ p(
-      "div",
-      {
-        className: n("popover", d),
-        "data-automation-id": x,
-        ref: c.setFloating,
-        style: P,
-        ...y,
-        children: [
-          /* @__PURE__ */ o(
-            J,
-            {
-              ref: i,
-              context: t,
-              width: m,
-              height: f,
-              fill: w,
-              staticOffset: Y.includes(N) ? null : l
-            }
-          ),
-          r && /* @__PURE__ */ o("div", { className: n("title"), children: r }),
-          g
-        ]
-      }
-    ) })
-  ] });
-};
-export {
-  nt as Popover
-};

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/radio.js

@@ -1,9 +0,0 @@
-import { R as r } from "./radio-fd49a09c.js";
-import "react/jsx-runtime";
-import "react";
-import "./bind-06a7ff84.js";
-import "./keyCodes-f63c0e11.js";
-export {
-  r as Radio,
-  r as default
-};

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/systemMessage.js

@@ -1,7 +0,0 @@
-import { S as e } from "./systemMessage-1ced6079.js";
-import "react/jsx-runtime";
-import "./bind-06a7ff84.js";
-export {
-  e as SystemMessage,
-  e as default
-};

package/dist/table-83e050dc.js

@@ -1,147 +0,0 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import * as i from "react";
-import { useState as j, useMemo as F } from "react";
-import { c as G } from "./bind-06a7ff84.js";
-import "./baseIconButton-7bc53dec.js";
-import { C } 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" })), N = (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_xqjqb_5", O = "_label_xqjqb_88", P = {
-  table: K,
-  "table-header": "_table-header_xqjqb_10",
-  "table-row": "_table-row_xqjqb_17",
-  "table-row-content": "_table-row-content_xqjqb_22",
-  "size-small": "_size-small_xqjqb_32",
-  "size-large": "_size-large_xqjqb_35",
-  "table-body": "_table-body_xqjqb_39",
-  "table-header-cell": "_table-header-cell_xqjqb_46",
-  "table-cell": "_table-cell_xqjqb_46",
-  "action-menu-cell": "_action-menu-cell_xqjqb_51",
-  "checkbox-cell": "_checkbox-cell_xqjqb_61",
-  "primary-cell": "_primary-cell_xqjqb_72",
-  label: O,
-  "sortable-cell": "_sortable-cell_xqjqb_92",
-  "align-right": "_align-right_xqjqb_95",
-  "align-center": "_align-center_xqjqb_101"
-};
-var q = /* @__PURE__ */ ((a) => (a.ASC = "asc", a.DESC = "desc", a))(q || {});
-const Q = (a) => a.map((s) => s.key), l = G.bind(P), le = ({
-  data: a,
-  primaryColumn: s,
-  fixedColumns: d,
-  rowActionMenu: b,
-  className: f = "",
-  rowClassName: L = "",
-  headerClassName: m = "",
-  selectable: x = !1,
-  selectedRowIds: h = [],
-  sortingDirection: y = q.ASC,
-  sortingColumn: r = s,
-  sortableColumns: o = Q([s, ...d]),
-  onChangeSorting: A = () => {
-  },
-  onToggleRowSelection: S = () => {
-  },
-  onToggleAllRowsSelection: u = () => {
-  }
-}) => {
-  const [z, p] = j(null), [E, k] = j(null), w = F(() => [{ ...s, primary: !0 }, ...d], [s, d]), M = (e) => {
-    o.includes(e) && A({ key: e, direction: y });
-  }, g = (e) => ({
-    width: e.width,
-    textAlign: e.align
-  }), R = (e) => {
-    p(e);
-  }, B = () => {
-    p(null);
-  }, H = (e) => {
-    k(e);
-  }, T = () => {
-    k(null);
-  }, Z = (e) => {
-    S(e);
-  }, $ = () => {
-    u();
-  }, U = a.every((e) => h.includes(e.id)), _ = a.some((e) => h.includes(e.id)), V = (e) => {
-    var c;
-    return `size-${((c = e.rowConfigs) == null ? void 0 : c.size) ?? "default"}`;
-  }, D = (e) => {
-    if (o.includes(e))
-      return (r == null ? void 0 : r.key) === e ? y === q.ASC ? /* @__PURE__ */ t(N, {}) : /* @__PURE__ */ t(J, {}) : /* @__PURE__ */ t(N, {});
-  };
-  return /* @__PURE__ */ n("div", { className: l("table", f), children: [
-    /* @__PURE__ */ n("div", { className: l("table-header", m), children: [
-      x && /* @__PURE__ */ t("div", { className: l("table-header-cell", "checkbox-cell"), children: _ && /* @__PURE__ */ t(
-        C,
-        {
-          value: U,
-          partiallyChecked: _,
-          onChange: $,
-          className: l("checkbox-cell")
-        }
-      ) }),
-      w.map((e) => /* @__PURE__ */ t(
-        "button",
-        {
-          className: l("table-header-cell", {
-            [`align-${e.align}`]: "align" in e,
-            "primary-cell": "primary" in e && e.primary,
-            "sortable-cell": o.includes(e.key)
-          }),
-          style: g(e),
-          children: /* @__PURE__ */ n(
-            "div",
-            {
-              className: l("label"),
-              onClick: () => M(e.key),
-              onMouseEnter: () => R(e.key),
-              onMouseLeave: B,
-              children: [
-                /* @__PURE__ */ t("span", { children: e.header }),
-                (z === e.key || (r == null ? void 0 : r.key) === e.key) && D(e.key)
-              ]
-            }
-          )
-        },
-        e.key
-      )),
-      b && /* @__PURE__ */ t("div", { className: l("table-header-cell", "action-menu-cell") })
-    ] }),
-    /* @__PURE__ */ t("div", { className: l("table-body"), children: a.map((e, v) => /* @__PURE__ */ n(
-      "div",
-      {
-        className: l("table-row", V(e), L),
-        onMouseEnter: () => H(v),
-        onMouseLeave: T,
-        children: [
-          x && /* @__PURE__ */ t("div", { className: l("table-cell", "checkbox-cell"), children: (_ || E === v) && /* @__PURE__ */ t(
-            C,
-            {
-              value: h.includes(e.id),
-              onChange: () => Z(e.id),
-              className: l("checkbox-cell")
-            }
-          ) }),
-          /* @__PURE__ */ n("div", { className: l("table-row-content"), children: [
-            w.map((c) => /* @__PURE__ */ t(
-              "div",
-              {
-                className: l("table-cell", {
-                  "primary-cell": "primary" in c && c.primary
-                }),
-                style: g(c),
-                children: e[c.key].component || e[c.key].content || e[c.key]
-              },
-              c.key
-            )),
-            b && /* @__PURE__ */ t("div", { className: l("table-cell", "action-menu-cell"), children: b })
-          ] })
-        ]
-      },
-      e.id
-    )) })
-  ] });
-};
-export {
-  J as S,
-  le as T,
-  N as a
-};

package/dist/table.js

@@ -1,11 +0,0 @@
-import { T as r } from "./table-83e050dc.js";
-import "react/jsx-runtime";
-import "react";
-import "./bind-06a7ff84.js";
-import "./baseIconButton-7bc53dec.js";
-import "./checkbox-6777be17.js";
-import "./keyCodes-f63c0e11.js";
-export {
-  r as Table,
-  r as default
-};

package/dist/themeProvider-46c2be7b.js

@@ -1,23 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as h } from "./bind-06a7ff84.js";
-const n = {
-  "theme-provider": "_theme-provider_xipmx_1"
-}, c = h.bind(n), e = {
-  light: "rp-ui-kit-theme-light",
-  dark: "rp-ui-kit-theme-dark"
-};
-function p({
-  children: t,
-  theme: i = "light",
-  customThemes: r = {},
-  className: s
-}) {
-  const m = {
-    ...e,
-    ...r
-  }[i] || e.light;
-  return /* @__PURE__ */ o("div", { className: c("theme-provider", s, m), children: t });
-}
-export {
-  p as T
-};

package/dist/themeProvider.js

@@ -1,7 +0,0 @@
-import { T as o } from "./themeProvider-46c2be7b.js";
-import "react/jsx-runtime";
-import "./bind-06a7ff84.js";
-export {
-  o as ThemeProvider,
-  o as default
-};

package/dist/toggle-707ecb74.js

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

package/dist/toggle.js

@@ -1,9 +0,0 @@
-import { T as r } from "./toggle-707ecb74.js";
-import "react/jsx-runtime";
-import "./bind-06a7ff84.js";
-import "react";
-import "./keyCodes-f63c0e11.js";
-export {
-  r as Toggle,
-  r as default
-};

package/dist/tooltip.js

@@ -1,70 +0,0 @@
-import { jsxs as T, Fragment as g, jsx as l } from "react/jsx-runtime";
-import { useState as y, useRef as E } from "react";
-import { c as N } from "./bind-06a7ff84.js";
-import { useFloating as O, flip as S } from "@floating-ui/react-dom";
-const W = "_tooltip_7bl3z_1", v = {
-  "tooltip-wrapper": "_tooltip-wrapper_7bl3z_1",
-  tooltip: W,
-  "tooltip-content": "_tooltip-content_7bl3z_26",
-  "tooltip-arrow": "_tooltip-arrow_7bl3z_39"
-}, n = N.bind(v), z = 2e3, F = 100, D = ({
-  content: c,
-  className: a,
-  dynamicWidth: p,
-  width: d,
-  placement: m = "bottom",
-  dataAutomationId: u,
-  children: f
-}) => {
-  const [_, i] = y(!1), t = E(), { refs: s, floatingStyles: h } = O({
-    placement: m,
-    strategy: "fixed",
-    middleware: [
-      S({
-        fallbackPlacements: ["bottom", "top", "right", "left"]
-      })
-    ]
-  }), o = p ? null : { width: `${d}px` }, w = document.documentElement.clientWidth, x = o || w - F, r = () => {
-    t.current && clearTimeout(t.current), i(!1);
-  }, b = () => {
-    t.current = setTimeout(() => i(!0), z);
-  };
-  return /* @__PURE__ */ T(g, { children: [
-    /* @__PURE__ */ l(
-      "div",
-      {
-        ref: (e) => s.setReference(e),
-        className: n("tooltip-wrapper", a),
-        onMouseDown: r,
-        onMouseEnter: b,
-        onMouseLeave: r,
-        children: f
-      }
-    ),
-    _ && /* @__PURE__ */ l(
-      "div",
-      {
-        className: n("tooltip"),
-        ref: (e) => s.setFloating(e),
-        style: {
-          ...h,
-          ...o
-        },
-        "data-automation-id": u,
-        children: /* @__PURE__ */ l(
-          "div",
-          {
-            className: n("tooltip-content"),
-            style: {
-              maxWidth: `${x}px`
-            },
-            children: c
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  D as Tooltip
-};

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
-};