@reportportal/ui-kit 0.0.1-alpha.10 → 0.0.1-alpha.11

package/dist/pagination-a36bc786.js

@@ -1,274 +0,0 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { c as d } from "./bind-06a7ff84.js";
-import * as u from "react";
-import { useState as h } from "react";
-import { Popover as C } from "./popover.js";
-import { B as v } from "./button-7fb84fde.js";
-import { F as T } from "./fieldText-d80b29ba.js";
-import { B as m } from "./baseIconButton-7bc53dec.js";
-const $ = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" })), y = (e) => /* @__PURE__ */ u.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), O = {
-  "item-counter": "_item-counter_4g6do_1"
-}, B = d.bind(O), P = ({
-  activePage: e,
-  pageSize: n,
-  totalItems: o,
-  ofText: l,
-  itemsText: a
-}) => {
-  const r = e * n, c = r - n;
-  return /* @__PURE__ */ i("div", { className: B("item-counter"), children: [
-    `${c + 1} - ${r < o ? r : o}`,
-    ` ${l} ${o} ${a}`
-  ] });
-}, k = "_selected_183l8_32", I = {
-  "size-selector": "_size-selector_183l8_1",
-  "size-option": "_size-option_183l8_6",
-  selected: k
-}, w = d.bind(I), E = ({
-  currentSize: e,
-  options: n,
-  onClickOption: o
-}) => /* @__PURE__ */ s("div", { className: w("size-selector"), children: n.map((l) => /* @__PURE__ */ s(
-  "button",
-  {
-    className: w("size-option", { selected: l === e }),
-    onClick: () => {
-      o(l);
-    },
-    children: l
-  },
-  l
-)) }), j = {
-  "page-size-control": "_page-size-control_gnurh_1",
-  "size-selector-button": "_size-selector-button_gnurh_10"
-}, z = d.bind(j), V = ({
-  size: e,
-  sizeOptions: n,
-  perPageText: o,
-  changeSize: l
-}) => {
-  const [a, r] = h(!1), c = (t) => {
-    l(t), r(!1);
-  };
-  return /* @__PURE__ */ i("div", { className: z("page-size-control"), children: [
-    /* @__PURE__ */ s(
-      C,
-      {
-        content: /* @__PURE__ */ s(E, { options: n, onClickOption: c, currentSize: e }),
-        placement: "top",
-        isOpened: a,
-        setIsOpened: r,
-        children: /* @__PURE__ */ s(v, { className: z("size-selector-button"), variant: "text", children: e })
-      }
-    ),
-    ` ${o}`
-  ] });
-}, F = {
-  "page-selector": "_page-selector_rtho4_1",
-  "field-wrapper": "_field-wrapper_rtho4_6",
-  "apply-button": "_apply-button_rtho4_10"
-}, b = d.bind(F), M = ({
-  totalPages: e,
-  pageText: n,
-  goActionText: o,
-  selectPage: l
-}) => {
-  const [a, r] = h(""), [c, t] = h(!0), p = (A) => {
-    const f = A.target.value.replace(/\D/g, ""), N = Number(f), L = N > 0 && N <= e;
-    t(L), r(f);
-  }, _ = () => {
-    l(Number(a));
-  };
-  return /* @__PURE__ */ i("div", { className: b("page-selector"), children: [
-    /* @__PURE__ */ s("div", { className: b("field-wrapper"), children: /* @__PURE__ */ s(
-      T,
-      {
-        onChange: p,
-        value: a,
-        placeholder: n,
-        error: c ? "" : "Error",
-        touched: !0,
-        defaultWidth: !1,
-        displayError: !1
-      }
-    ) }),
-    /* @__PURE__ */ s(v, { onClick: _, disabled: !a || !c, className: b("apply-button"), children: o })
-  ] });
-}, R = {
-  "active-page": "_active-page_14j0y_1",
-  "page-selector": "_page-selector_14j0y_10",
-  "page-selector-button": "_page-selector-button_14j0y_14"
-}, x = d.bind(R), Z = ({
-  activePage: e,
-  totalPages: n,
-  pageText: o,
-  goToText: l,
-  goActionText: a,
-  changePage: r
-}) => {
-  const [c, t] = h(!1), p = (_) => {
-    r(_), t(!1);
-  };
-  return /* @__PURE__ */ i("div", { className: x("active-page"), children: [
-    `${o} `,
-    /* @__PURE__ */ s(
-      C,
-      {
-        content: /* @__PURE__ */ s(
-          M,
-          {
-            pageText: o,
-            goActionText: a,
-            selectPage: p,
-            totalPages: n
-          }
-        ),
-        title: l,
-        placement: "top",
-        isOpened: c,
-        setIsOpened: t,
-        className: x("page-selector"),
-        children: /* @__PURE__ */ s(v, { className: x("page-selector-button"), variant: "text", children: e })
-      }
-    )
-  ] });
-}, G = "_next_1p2t5_18", D = {
-  "page-navigator": "_page-navigator_1p2t5_1",
-  "page-buttons": "_page-buttons_1p2t5_6",
-  "page-button": "_page-button_1p2t5_6",
-  next: G
-}, g = d.bind(D), W = ({
-  activePage: e,
-  changePage: n,
-  totalPages: o
-}) => {
-  const l = () => {
-    n(1);
-  }, a = () => {
-    n(e - 1);
-  }, r = () => {
-    n(e + 1);
-  }, c = () => {
-    n(o);
-  };
-  return /* @__PURE__ */ i("div", { className: g("page-navigator"), children: [
-    /* @__PURE__ */ i("div", { className: g("page-buttons"), children: [
-      /* @__PURE__ */ s(
-        m,
-        {
-          className: g("page-button"),
-          onClick: l,
-          disabled: e === 1,
-          children: /* @__PURE__ */ s(y, {})
-        }
-      ),
-      /* @__PURE__ */ s(
-        m,
-        {
-          className: g("page-button"),
-          onClick: a,
-          disabled: e === 1,
-          children: /* @__PURE__ */ s($, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ i("div", { className: g("page-buttons"), children: [
-      /* @__PURE__ */ s(
-        m,
-        {
-          className: g("page-button", "next"),
-          onClick: r,
-          disabled: e === o,
-          children: /* @__PURE__ */ s($, {})
-        }
-      ),
-      /* @__PURE__ */ s(
-        m,
-        {
-          className: g("page-button", "next"),
-          onClick: c,
-          disabled: e === o,
-          children: /* @__PURE__ */ s(y, {})
-        }
-      )
-    ] })
-  ] });
-}, q = {
-  "page-controls": "_page-controls_thyf8_1",
-  "total-pages": "_total-pages_thyf8_8"
-}, S = d.bind(q), H = ({
-  activePage: e,
-  changePage: n,
-  captions: o,
-  totalPages: l
-}) => /* @__PURE__ */ i("div", { className: S("page-controls"), children: [
-  /* @__PURE__ */ s(
-    Z,
-    {
-      activePage: e,
-      totalPages: l,
-      changePage: n,
-      pageText: o.page,
-      goToText: o.goTo,
-      goActionText: o.goAction
-    }
-  ),
-  /* @__PURE__ */ s(W, { changePage: n, activePage: e, totalPages: l }),
-  /* @__PURE__ */ i("span", { className: S("total-pages"), children: [
-    `${o.of} `,
-    l
-  ] })
-] }), J = "_pagination_uykxy_1", K = {
-  pagination: J
-}, Q = d.bind(K), ne = ({
-  activePage: e,
-  totalPages: n,
-  pageSize: o,
-  totalItems: l,
-  pageSizeOptions: a,
-  changePage: r,
-  changePageSize: c,
-  captions: t
-}) => {
-  const p = (t == null ? void 0 : t.of) || "of", _ = (t == null ? void 0 : t.page) || "Page";
-  return /* @__PURE__ */ i("div", { className: Q("pagination"), children: [
-    /* @__PURE__ */ s(
-      P,
-      {
-        activePage: e,
-        pageSize: o,
-        totalItems: l,
-        ofText: p,
-        itemsText: (t == null ? void 0 : t.items) || "items"
-      }
-    ),
-    n > 1 && /* @__PURE__ */ s(
-      H,
-      {
-        activePage: e,
-        totalPages: n,
-        changePage: r,
-        captions: {
-          page: _,
-          of: p,
-          goTo: (t == null ? void 0 : t.goTo) || "Go to page",
-          goAction: (t == null ? void 0 : t.goAction) || "Go"
-        }
-      }
-    ),
-    /* @__PURE__ */ s(
-      V,
-      {
-        size: o,
-        sizeOptions: a,
-        changeSize: c,
-        perPageText: (t == null ? void 0 : t.perPage) || "per page"
-      }
-    )
-  ] });
-};
-export {
-  ne as P,
-  $ as S,
-  y as a
-};

package/dist/table-d949a4ae.js

@@ -1,132 +0,0 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import * as n from "react";
-import { useState as w, useMemo as V } from "react";
-import { c as q } from "./bind-06a7ff84.js";
-import "./baseIconButton-7bc53dec.js";
-import { C } from "./checkbox-4143390f.js";
-const D = (t) => /* @__PURE__ */ n.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.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" })), g = (t) => /* @__PURE__ */ n.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.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" })), F = "_table_fmu4u_5", G = {
-  table: F,
-  "table-header": "_table-header_fmu4u_10",
-  "table-row": "_table-row_fmu4u_17",
-  "table-row-content": "_table-row-content_fmu4u_22",
-  "size-small": "_size-small_fmu4u_31",
-  "size-large": "_size-large_fmu4u_34",
-  "table-body": "_table-body_fmu4u_41",
-  "table-header-cell": "_table-header-cell_fmu4u_48",
-  "table-cell": "_table-cell_fmu4u_48",
-  "action-menu-cell": "_action-menu-cell_fmu4u_53",
-  "checkbox-cell": "_checkbox-cell_fmu4u_63",
-  "primary-cell": "_primary-cell_fmu4u_71",
-  "align-right": "_align-right_fmu4u_88",
-  "align-center": "_align-center_fmu4u_94"
-};
-var b = /* @__PURE__ */ ((t) => (t.ASC = "asc", t.DESC = "desc", t))(b || {});
-const l = q.bind(G), W = ({
-  data: t,
-  primaryColumn: i,
-  fixedColumns: u,
-  rowActionMenu: d,
-  className: L = "",
-  selectable: v = !1,
-  selectedRowIds: o = [],
-  sortingDirection: m = b.ASC,
-  sortingColumn: s = i,
-  onChangeSorting: N = () => {
-  },
-  onToggleRowSelection: x = () => {
-  },
-  onToggleAllRowsSelection: A = () => {
-  }
-}) => {
-  const [S, y] = w(null), [z, f] = w(null), p = V(() => [{ ...i, primary: !0 }, ...u], [i, u]), E = (e) => {
-    N({ key: e, direction: m });
-  }, k = (e) => ({
-    width: e.width,
-    textAlign: e.align
-  }), M = (e) => {
-    y(e);
-  }, R = () => {
-    y(null);
-  }, B = (e) => {
-    f(e);
-  }, j = () => {
-    f(null);
-  }, H = (e) => {
-    x(e);
-  }, T = () => {
-    A();
-  }, Z = t.every((e) => o.includes(e.id)), h = t.some((e) => o.includes(e.id)), $ = (e) => {
-    var c;
-    return `size-${((c = e.rowConfigs) == null ? void 0 : c.size) ?? "default"}`;
-  }, U = (e) => (s == null ? void 0 : s.key) === e ? m === b.ASC ? /* @__PURE__ */ a(g, {}) : /* @__PURE__ */ a(D, {}) : /* @__PURE__ */ a(g, {});
-  return /* @__PURE__ */ r("div", { className: l("table", L), children: [
-    /* @__PURE__ */ r("div", { className: l("table-header"), children: [
-      v && /* @__PURE__ */ a("div", { className: l("table-header-cell", "checkbox-cell"), children: h && /* @__PURE__ */ a(
-        C,
-        {
-          value: Z,
-          partiallyChecked: h,
-          onChange: T,
-          className: l("checkbox-cell")
-        }
-      ) }),
-      p.map((e) => /* @__PURE__ */ r(
-        "button",
-        {
-          className: l("table-header-cell", {
-            [`align-${e.align}`]: "align" in e,
-            "primary-cell": "primary" in e && e.primary
-          }),
-          style: k(e),
-          onClick: () => E(e.key),
-          onMouseEnter: () => M(e.key),
-          onMouseLeave: R,
-          children: [
-            /* @__PURE__ */ a("span", { children: e.header }),
-            (S === e.key || (s == null ? void 0 : s.key) === e.key) && U(e.key)
-          ]
-        },
-        e.key
-      )),
-      d && /* @__PURE__ */ a("div", { className: l("table-header-cell", "action-menu-cell") })
-    ] }),
-    /* @__PURE__ */ a("div", { className: l("table-body"), children: t.map((e, _) => /* @__PURE__ */ r(
-      "div",
-      {
-        className: l("table-row", $(e)),
-        onMouseEnter: () => B(_),
-        onMouseLeave: j,
-        children: [
-          v && /* @__PURE__ */ a("div", { className: l("table-cell", "checkbox-cell"), children: (h || z === _) && /* @__PURE__ */ a(
-            C,
-            {
-              value: o.includes(e.id),
-              onChange: () => H(e.id),
-              className: l("checkbox-cell")
-            }
-          ) }),
-          /* @__PURE__ */ r("div", { className: l("table-row-content"), children: [
-            p.map((c) => /* @__PURE__ */ a(
-              "div",
-              {
-                className: l("table-cell", "table-cell", {
-                  "primary-cell": "primary" in c && c.primary
-                }),
-                style: k(c),
-                children: e[c.key].component || e[c.key].content || e[c.key]
-              },
-              c.key
-            )),
-            d && /* @__PURE__ */ a("div", { className: l("table-cell", "action-menu-cell"), children: d })
-          ] })
-        ]
-      },
-      e.id
-    )) })
-  ] });
-};
-export {
-  D as S,
-  W as T,
-  g as a
-};