@reportportal/ui-kit 0.0.1-alpha.7 → 0.0.1-alpha.70

package/dist/index.js

@@ -1,34 +1,114 @@
-import { B as l } from "./button-d4944dbc.js";
-import { C as b } from "./checkbox-fdc44740.js";
-import { S as F } from "./systemMessage-62c3133d.js";
-import { F as n } from "./fieldText-c7085849.js";
-import { T as c } from "./themeProvider-5800417e.js";
-import { Modal as C } from "./modal.js";
-import { D as I } from "./dropdown-45e7bc7d.js";
-import { T as S } from "./toggle-5b3d8333.js";
-import { I as v } from "./icon-71262f5c.js";
-import { F as y } from "./fieldNumber-27e69676.js";
-import { B as N } from "./bubblesLoader-9bec3797.js";
+import { B as u } from "./button-33bc880f.js";
+import { B as D } from "./baseIconButton-251479f7.js";
+import { C as g } from "./checkbox-aa91985d.js";
+import { S as y } from "./systemMessage-924fdaa6.js";
+import { F as b } from "./fieldText-e605a521.js";
+import { T as w } from "./themeProvider-46c2be7b.js";
+import { Modal as v } from "./modal.js";
+import { D as M } from "./dropdown-13d7d50e.js";
+import { T as k } from "./toggle-304107fa.js";
+import { F as R } from "./fieldNumber-2542b311.js";
+import { B as N } from "./bubblesLoader-a7e709d4.js";
+import { S as U } from "./spinLoader-c4a53718.js";
+import { F as J } from "./fieldTextFlex-9e616f66.js";
+import { R as j } from "./radio-62546efa.js";
+import { Tooltip as G } from "./tooltip.js";
+import { Popover as Q } from "./popover.js";
+import { P as X } from "./pagination-ecbc9940.js";
+import { T as Z } from "./table-20aa2cdf.js";
+import { D as $ } from "./datePicker-382ef010.js";
+import "react-datepicker";
+import { SystemAlert as ro } from "./systemAlert.js";
+import { AddCsvIcon as to, AddImageIcon as no, AddJarIcon as ao, BreadcrumbsTreeIcon as co, ChevronDownDropdownIcon as po, ChevronRightBreadcrumbsIcon as io, CopyIcon as mo, DeleteIcon as so, DragAndDropIcon as Io, DragNDropIcon as xo, DurationIcon as fo, EditIcon as lo, ExportIcon as So, ExternalLinkIcon as uo, FilterFilledIcon as Po, FilterOutlineIcon as Do, FlagIcon as Co, HideIcon as go, MaximizeIcon as Fo, MeatballMenuIcon as yo, MoveToFolderIcon as To, PriorityBlockerIcon as bo, PriorityCriticalIcon as Bo, PriorityHighIcon as wo, PriorityLowIcon as ho, PriorityMediumIcon as vo, PriorityUnspecifiedIcon as Ao, RerunIcon as Mo, SearchIcon as Eo, SortIcon as ko, StatusSuccessIcon as Lo, WarningIcon as Ro } from "./icons.js";
+import { S as No, a as Oo } from "./arrowUp-4a5caee7.js";
+import { a as zo, S as Jo } from "./calendarArrow-3e1339ea.js";
+import { S as jo, a as qo, b as Go } from "./openEye-7b9cf080.js";
+import { S as Qo } from "./close-4b33d7c1.js";
+import { S as Xo } from "./dropdown-0260bb66.js";
+import { S as Zo, a as _o, b as $o } from "./success-dc1914aa.js";
+import { S as rr, a as er } from "./plus-0929dda4.js";
+import { S as nr, a as ar } from "./prevPage-87faf576.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
-import "./clear-4963efcd.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
 import "rc-scrollbars";
 import "framer-motion";
 import "./useOnClickOutside-c332f7d3.js";
-import "react-popper";
+import "@floating-ui/react-dom";
 import "downshift";
+import "react-dom";
+import "@floating-ui/react";
+import "react-datepicker/dist/es/index.js";
 export {
+  to as AddCsvIcon,
+  no as AddImageIcon,
+  ao as AddJarIcon,
+  No as ArrowDownIcon,
+  Oo as ArrowUpIcon,
+  D as BaseIconButton,
+  co as BreadcrumbsTreeIcon,
   N as BubblesLoader,
-  l as Button,
-  b as Checkbox,
-  I as Dropdown,
-  y as FieldNumber,
-  n as FieldText,
-  v as Icon,
-  C as Modal,
-  F as SystemMessage,
-  c as ThemeProvider,
-  S as Toggle
+  u as Button,
+  zo as CalendarArrowIcon,
+  Jo as CalendarIcon,
+  g as Checkbox,
+  po as ChevronDownDropdownIcon,
+  io as ChevronRightBreadcrumbsIcon,
+  jo as ClearIcon,
+  qo as CloseEyeIcon,
+  Qo as CloseIcon,
+  mo as CopyIcon,
+  $ as DatePicker,
+  so as DeleteIcon,
+  Io as DragAndDropIcon,
+  xo as DragNDropIcon,
+  M as Dropdown,
+  Xo as DropdownIcon,
+  fo as DurationIcon,
+  lo as EditIcon,
+  Zo as ErrorIcon,
+  So as ExportIcon,
+  uo as ExternalLinkIcon,
+  R as FieldNumber,
+  b as FieldText,
+  J as FieldTextFlex,
+  Po as FilterFilledIcon,
+  Do as FilterOutlineIcon,
+  Co as FlagIcon,
+  go as HideIcon,
+  _o as InfoIcon,
+  Fo as MaximizeIcon,
+  yo as MeatballMenuIcon,
+  rr as MinusIcon,
+  v as Modal,
+  To as MoveToFolderIcon,
+  Go as OpenEyeIcon,
+  X as Pagination,
+  er as PlusIcon,
+  Q as Popover,
+  nr as PrevChapterIcon,
+  ar as PrevPageIcon,
+  bo as PriorityBlockerIcon,
+  Bo as PriorityCriticalIcon,
+  wo as PriorityHighIcon,
+  ho as PriorityLowIcon,
+  vo as PriorityMediumIcon,
+  Ao as PriorityUnspecifiedIcon,
+  j as Radio,
+  Mo as RerunIcon,
+  Eo as SearchIcon,
+  ko as SortIcon,
+  U as SpinLoader,
+  Lo as StatusSuccessIcon,
+  $o as SuccessIcon,
+  ro as SystemAlert,
+  y as SystemMessage,
+  Z as Table,
+  w as ThemeProvider,
+  k as Toggle,
+  G as Tooltip,
+  Ro as WarningIcon
 };

package/dist/maxValueDisplay-9be01a75.js

@@ -0,0 +1,13 @@
+import { jsxs as r } from "react/jsx-runtime";
+const t = (s) => typeof s == "number" && Number.isFinite(s) && Number.isInteger(s) && s > 0, p = ({
+  className: s,
+  value: e,
+  maxValue: n
+}) => t(n) ? /* @__PURE__ */ r("span", { className: s, children: [
+  e,
+  "/",
+  n
+] }) : null;
+export {
+  p as M
+};

package/dist/maxValueDisplay.js

@@ -0,0 +1,6 @@
+import { M as o } from "./maxValueDisplay-9be01a75.js";
+import "react/jsx-runtime";
+export {
+  o as MaxValueDisplay,
+  o as default
+};

package/dist/modal.js

@@ -1,128 +1,146 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useState as w, useEffect as f, useRef as R } from "react";
-import { Scrollbars as T } from "rc-scrollbars";
-import { AnimatePresence as L, motion as W } from "framer-motion";
-import { c as m } from "./bind-06a7ff84.js";
-import { u as D } from "./useOnClickOutside-c332f7d3.js";
-import { K as I } from "./keyCodes-f63c0e11.js";
-import { B as b } from "./button-d4944dbc.js";
-import { I as j } from "./icon-71262f5c.js";
-import "./clear-4963efcd.js";
-const K = () => {
-  const [t, a] = w({ width: 0, height: 0 });
-  return f(() => {
-    const o = () => {
-      a({
+import { jsx as e, jsxs as d, Fragment as F } from "react/jsx-runtime";
+import { useState as u, useEffect as y, useRef as G } from "react";
+import { Scrollbars as K } from "rc-scrollbars";
+import { AnimatePresence as P, motion as B } from "framer-motion";
+import { c as w } from "./bind-06a7ff84.js";
+import { u as Y } from "./useOnClickOutside-c332f7d3.js";
+import { K as U } from "./keyCodes-f63c0e11.js";
+import { B as O } from "./button-33bc880f.js";
+import { B as X } from "./baseIconButton-251479f7.js";
+import { S as J } from "./close-4b33d7c1.js";
+const Q = () => {
+  const [o, n] = u({ width: 0, height: 0 });
+  return y(() => {
+    const a = () => {
+      n({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-    return window.addEventListener("resize", o), o(), () => window.removeEventListener("resize", o);
-  }, []), t;
-}, F = {
-  "modal-content": "_modal-content_xak18_1"
-}, P = m.bind(F), G = ({ children: t }) => /* @__PURE__ */ e("div", { className: P("modal-content"), children: t }), X = {
+    return window.addEventListener("resize", a), a(), () => window.removeEventListener("resize", a);
+  }, []), o;
+}, V = "_scrollable_zh8d2_12", Z = {
+  "modal-content": "_modal-content_zh8d2_1",
+  scrollable: V
+}, ee = w.bind(Z), z = ({ scrollable: o = !1, children: n }) => /* @__PURE__ */ e("div", { className: ee("modal-content", { scrollable: o }), children: n }), te = {
   "buttons-block": "_buttons-block_1dgm4_1",
   "button-container": "_button-container_1dgm4_5",
   "modal-footer": "_modal-footer_1dgm4_14",
   "with-extra-node": "_with-extra-node_1dgm4_21",
   "size-small": "_size-small_1dgm4_25"
-}, c = m.bind(X), Y = ({
-  footerNode: t,
-  closeHandler: a,
-  okButton: o,
-  cancelButton: s,
-  size: i
-}) => /* @__PURE__ */ l("div", { className: c("modal-footer", { "with-extra-node": t, [`size-${i}`]: i }), children: [
-  t && t,
-  /* @__PURE__ */ l("div", { className: c("buttons-block"), children: [
-    s && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(
-      b,
+}, m = w.bind(te), oe = ({
+  footerNode: o,
+  closeHandler: n,
+  okButton: a,
+  cancelButton: r,
+  size: l
+}) => /* @__PURE__ */ d("div", { className: m("modal-footer", { "with-extra-node": o, [`size-${l}`]: l }), children: [
+  o && o,
+  /* @__PURE__ */ d("div", { className: m("buttons-block"), children: [
+    r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
+      O,
       {
         variant: "ghost",
-        adjustWidthOn: i === "small" ? "parent" : "content",
-        onClick: a,
-        ...s
+        adjustWidthOn: l === "small" ? "parent" : "min-width",
+        onClick: n,
+        ...r
       }
     ) }),
-    o && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(b, { adjustWidthOn: i === "small" ? "parent" : "content", ...o }) })
+    a && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(O, { adjustWidthOn: l === "small" ? "parent" : "min-width", ...a }) })
   ] })
-] }), q = {
-  "modal-header": "_modal-header_1d7tr_1",
-  "modal-header-content": "_modal-header-content_1d7tr_11",
-  "modal-title": "_modal-title_1d7tr_20",
-  "close-modal-icon": "_close-modal-icon_1d7tr_28"
-}, r = m.bind(q), B = ({ title: t, onClose: a, headerNode: o }) => /* @__PURE__ */ l("div", { className: r("modal-header"), children: [
-  /* @__PURE__ */ l("div", { className: r("modal-header-content"), children: [
-    t && /* @__PURE__ */ e("span", { className: r("modal-title"), children: t }),
-    o && o
-  ] }),
-  /* @__PURE__ */ e(j, { icon: "close", className: r("close-modal-icon"), onClick: a })
-] }), J = "_modal_8a5l_1", Q = {
-  modal: J,
-  "overlay-default": "_overlay-default_8a5l_11",
-  "overlay-light-cyan": "_overlay-light-cyan_8a5l_16",
-  "scrolling-content": "_scrolling-content_8a5l_21",
-  "modal-window": "_modal-window_8a5l_28",
-  "size-default": "_size-default_8a5l_45",
-  "size-small": "_size-small_8a5l_57",
-  "size-large": "_size-large_8a5l_69"
-}, E = m.bind(Q), U = 0.9, V = 176, ce = ({
-  title: t,
-  headerNode: a,
-  children: o,
-  footerNode: s,
-  okButton: i,
-  cancelButton: H,
-  className: M,
-  size: _ = "default",
-  onClose: z = () => {
+] }), ne = {
+  "modal-header": "_modal-header_w4aaf_1",
+  "width-description": "_width-description_w4aaf_10",
+  "modal-header-content": "_modal-header-content_w4aaf_14",
+  "modal-title": "_modal-title_w4aaf_20",
+  "close-modal-icon": "_close-modal-icon_w4aaf_29"
+}, _ = w.bind(ne), ae = ({ title: o, onClose: n, withDescription: a = !1 }) => /* @__PURE__ */ d("div", { className: _("modal-header", { "width-description": a }), children: [
+  /* @__PURE__ */ e("div", { className: _("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: _("modal-title"), children: o }) }),
+  /* @__PURE__ */ e(X, { className: _("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(J, {}) })
+] }), le = "_modal_yxql5_1", se = "_description_yxql5_43", ie = "_scrollable_yxql5_53", de = {
+  modal: le,
+  "overlay-default": "_overlay-default_yxql5_12",
+  "overlay-light-cyan": "_overlay-light-cyan_yxql5_16",
+  "scrolling-content": "_scrolling-content_yxql5_20",
+  "modal-window": "_modal-window_yxql5_26",
+  description: se,
+  scrollable: ie,
+  "size-default": "_size-default_yxql5_57",
+  "size-small": "_size-small_yxql5_69",
+  "size-large": "_size-large_yxql5_81"
+}, h = w.bind(de), ce = 0.9, re = 32 + 24, me = 32 + 8, _e = 36 + 16, he = 32 * 2, Ee = ({
+  title: o,
+  children: n,
+  footerNode: a,
+  okButton: r,
+  cancelButton: l,
+  className: A,
+  size: f = "default",
+  onClose: C = () => {
   },
-  overlay: g = "default",
-  allowCloseOutside: N = !0
+  overlay: x = "default",
+  zIndex: D = 2,
+  allowCloseOutside: S = !0,
+  scrollable: p = !1,
+  withoutFooter: v = !1,
+  createFooter: b = null,
+  description: s = null
 }) => {
-  const [k, p] = w(!1), [C, O] = w(0), n = R(null), v = K(), y = v.height, $ = y * U, h = (y - C) / 2, A = $ - V, d = () => {
-    p(!1);
-  }, x = (u) => {
-    const { keyCode: S } = u;
-    S === I.ESCAPE_KEY_CODE && d();
+  const [T, H] = u(!1), [I, q] = u(0), [L, $] = u(!1), i = G(null), E = Q(), M = E.height, k = M * ce, g = (M - I) / 2, R = () => {
+    let t = k - he;
+    return v || (t = t - _e), s ? t = t - me : t = t - re, t;
+  }, c = () => {
+    H(!1);
+  }, N = (t) => {
+    const { keyCode: j } = t;
+    j === U.ESCAPE_KEY_CODE && c();
+  }, W = () => {
+    var t;
+    L || ((t = i.current) == null || t.focus(), $(!0));
   };
-  return f(() => {
-    if (n && n.current) {
-      const { clientHeight: u } = n.current;
-      O(u);
+  return y(() => {
+    if (i && i.current) {
+      const { clientHeight: t } = i.current;
+      q(t);
     }
-  }, [o, v]), f(() => (p(!0), n && n.current && n.current.focus(), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []), D(n, N ? d : void 0), /* @__PURE__ */ e(L, { onExitComplete: z, children: k && /* @__PURE__ */ e("div", { className: E("modal", { [`overlay-${g}`]: g }), children: /* @__PURE__ */ l(
-    W.div,
+  }, [n, E]), y(() => (H(!0), document.addEventListener("keydown", N, !1), () => document.removeEventListener("keydown", N, !1)), []), Y(i, S ? c : void 0), /* @__PURE__ */ e(P, { onExitComplete: C, children: T && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${x}`]: x }), style: { zIndex: D }, children: /* @__PURE__ */ d(
+    B.div,
     {
-      className: E("modal-window", { [`size-${_}`]: _ }, M),
-      ref: n,
+      className: h("modal-window", { [`size-${f}`]: f }, A),
+      ref: i,
       tabIndex: 0,
-      initial: { opacity: 0, marginTop: -h },
-      animate: { opacity: 1, marginTop: h },
-      exit: { opacity: 0, marginTop: -h },
+      initial: { opacity: 0, marginTop: -g },
+      animate: { opacity: 1, marginTop: g },
+      exit: { opacity: 0, marginTop: -g },
       transition: { duration: 0.3 },
+      onAnimationStart: W,
       children: [
-        /* @__PURE__ */ e(B, { title: t, headerNode: a, onClose: d }),
-        /* @__PURE__ */ e(T, { autoHeight: !0, autoHeightMax: A, hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ e(G, { children: o }) }),
-        /* @__PURE__ */ e(
-          Y,
+        /* @__PURE__ */ e(ae, { title: o, onClose: c, withDescription: !!s }),
+        p ? /* @__PURE__ */ d(K, { autoHeight: !0, autoHeightMax: R(), hideTracksWhenNotNeeded: !0, children: [
+          s && /* @__PURE__ */ e("span", { className: h("description", { scrollable: p }), children: s }),
+          /* @__PURE__ */ e(z, { scrollable: !0, children: n })
+        ] }) : /* @__PURE__ */ d(F, { children: [
+          s && /* @__PURE__ */ e("span", { className: h("description"), children: s }),
+          /* @__PURE__ */ e(z, { children: n })
+        ] }),
+        !v && (b ? b(c) : /* @__PURE__ */ e(
+          oe,
           {
-            size: _,
-            footerNode: s,
-            okButton: i,
-            cancelButton: H,
-            closeHandler: d
+            size: f,
+            footerNode: a,
+            okButton: r,
+            cancelButton: l,
+            closeHandler: c
           }
-        )
+        ))
       ]
     },
     "modal-window"
   ) }) });
 };
 export {
-  ce as Modal,
-  G as ModalContent,
-  Y as ModalFooter,
-  B as ModalHeader
+  Ee as Modal,
+  z as ModalContent,
+  oe as ModalFooter,
+  ae as ModalHeader
 };

package/dist/openEye-7b9cf080.js

@@ -0,0 +1,7 @@
+import * as e from "react";
+const l = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 8C1 4.14001 4.14001 1 8 1C11.86 1 15 4.14001 15 8C15 11.8595 11.86 15 8 15C4.14001 15 1 11.8595 1 8ZM5 5.54545L5.54545 5L8 7.45455L10.4545 5L11 5.54545L8.54545 8L11 10.4545L10.4545 11L8 8.54545L5.54545 11L5 10.4545L7.45455 8L5 5.54545Z", fill: "#A2AAB5" })), t = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.09194 3.90153C8.73249 3.84853 8.36745 3.82135 7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C1.96494 9.84971 3.23098 10.9408 4.63642 11.6187L5.59679 9.95532C5.16732 9.39694 4.92809 8.68447 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C8.00285 5.07782 8.2013 5.08498 8.39407 5.11028L9.09194 3.90153ZM7.56961 6.5383C6.91222 6.71981 6.41543 7.30478 6.37225 8.00589C6.36032 8.18701 6.37814 8.36223 6.42131 8.5272L7.56961 6.5383ZM8.40613 9.68939L9.57119 7.67146C9.61868 7.84288 9.6387 8.02571 9.62624 8.21497C9.58001 8.92637 9.07238 9.51681 8.40613 9.68939ZM7.58518 11.1113C7.78307 11.1384 7.98701 11.1463 8.19509 11.1332C9.69987 11.0361 10.922 9.81398 11.0191 8.3092C11.0679 7.53332 10.8245 6.81576 10.3887 6.25546L11.3454 4.59845C12.7563 5.27587 14.0272 6.36953 15.0829 7.77325C15.2331 7.9735 15.2331 8.25325 15.0829 8.4535C13.2424 10.8977 10.7482 12.4025 7.99778 12.4025C7.62256 12.4025 7.25211 12.3744 6.88743 12.3199L7.58518 11.1113Z", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5051 2.25952C10.7122 1.9008 11.1709 1.7779 11.5296 1.985C11.8883 2.19211 12.0112 2.6508 11.8041 3.00952L5.35413 14.1812C5.14702 14.54 4.68833 14.6629 4.32961 14.4558C3.97089 14.2487 3.84798 13.79 4.05509 13.4312L10.5051 2.25952Z", fill: "#A2AAB5" })), n = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C2.75312 10.8977 5.24735 12.4025 7.99778 12.4025C10.7482 12.4025 13.2424 10.8977 15.0829 8.4535C15.2331 8.25325 15.2331 7.9735 15.0829 7.77325C13.2424 5.32614 10.7482 3.82135 7.99778 3.82135ZM8.19509 11.1332C6.36932 11.2481 4.86159 9.74331 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C9.62625 4.9757 11.134 6.48048 11.0191 8.3092C10.922 9.81398 9.69987 11.0361 8.19509 11.1332ZM6.37225 8.00589C6.30746 8.98945 7.12022 9.79926 8.10378 9.73742C8.9136 9.68736 9.57323 9.03068 9.62624 8.21497C9.69102 7.23141 8.87826 6.4216 7.8947 6.48344C7.08194 6.53644 6.42231 7.19313 6.37225 8.00589Z", fill: "#A2AAB5" }));
+export {
+  l as S,
+  t as a,
+  n as b
+};