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

package/dist/sortable.js

@@ -1,160 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as I } from "./bind-06a7ff84.js";
-import { useEffect as O, useCallback as x } from "react";
-import { useDrag as S, useDrop as T, useDragLayer as h } from "react-dnd";
-import { getEmptyImage as E } from "react-dnd-html5-backend";
-import { createPortal as L } from "react-dom";
-const D = "SORTABLE_ITEM", w = ({
-  id: e,
-  index: r,
-  type: s = D,
-  isDisabled: i = !1,
-  onDrop: l,
-  hideDefaultPreview: c = !1
-}) => {
-  const [{ isDragging: d }, g, a] = S(
-    () => ({
-      type: s,
-      item: { id: e, index: r, type: s },
-      collect: (p) => ({
-        isDragging: p.isDragging()
-      }),
-      canDrag: () => !i
-    }),
-    [e, r, s, i]
-  );
-  O(() => {
-    c && a(E(), { captureDraggingState: !0 });
-  }, [c, a]);
-  const [{ isOver: o, draggedItemIndex: t }, n] = T(
-    () => ({
-      accept: s,
-      collect: (p) => {
-        const m = p.getItem(), b = (m == null ? void 0 : m.id) !== e ? p.isOver() : !1;
-        return {
-          isOver: b,
-          draggedItemIndex: b ? (m == null ? void 0 : m.index) ?? null : null
-        };
-      },
-      drop: (p) => {
-        p.id !== e && l && l(p.index, r);
-      }
-    }),
-    [e, r, s, l]
-  ), _ = (() => t === null ? null : t > r ? "top" : "bottom")();
-  return {
-    isDragging: d,
-    isOver: o,
-    draggedItemIndex: t,
-    dropPosition: _,
-    dragRef: g,
-    dropRef: n,
-    previewRef: a
-  };
-}, P = {
-  "sortable-item": "_sortable-item_8p4ra_1",
-  "sortable-item--drop-target-top": "_sortable-item--drop-target-top_8p4ra_6",
-  "sortable-item--drop-target-bottom": "_sortable-item--drop-target-bottom_8p4ra_17",
-  "drag-handle": "_drag-handle_8p4ra_29",
-  "drag-handle--disabled": "_drag-handle--disabled_8p4ra_36"
-}, C = I.bind(P), N = ({
-  id: e,
-  index: r,
-  type: s = D,
-  isDisabled: i = !1,
-  className: l,
-  draggingClassName: c,
-  dropTargetClassName: d,
-  onDrop: g,
-  hideDefaultPreview: a = !1,
-  children: o
-}) => {
-  const { isDragging: t, dropPosition: n, dragRef: f, dropRef: _, previewRef: p } = w({
-    id: e,
-    index: r,
-    type: s,
-    isDisabled: i,
-    onDrop: g,
-    hideDefaultPreview: a
-  }), m = typeof o == "function", y = C("sortable-item", l, {
-    "sortable-item--dragging": t,
-    "sortable-item--drop-target-top": n === "top",
-    "sortable-item--drop-target-bottom": n === "bottom",
-    [c || ""]: t && c,
-    [d || ""]: n && d
-  });
-  return /* @__PURE__ */ u("div", { ref: (v) => {
-    _(v), a || p(v), m || f(v);
-  }, className: y, children: m ? o({
-    isDragging: t,
-    isOver: n !== null,
-    dragRef: f
-  }) : o });
-}, W = ({
-  items: e,
-  type: r = D,
-  isDisabled: s = !1,
-  className: i,
-  itemClassName: l,
-  onReorder: c,
-  renderItem: d,
-  keyExtractor: g = (a) => a.id
-}) => {
-  const a = x(
-    (o, t) => {
-      const n = [...e], [f] = n.splice(o, 1);
-      n.splice(t, 0, f), c(n);
-    },
-    [e, c]
-  );
-  return /* @__PURE__ */ u("div", { className: i, children: e.map((o, t) => /* @__PURE__ */ u(
-    N,
-    {
-      id: g(o),
-      index: t,
-      type: r,
-      isDisabled: s,
-      className: l,
-      onDrop: a,
-      children: ({ dragRef: n, isDragging: f }) => d(o, t, n, f)
-    },
-    g(o)
-  )) });
-}, $ = (e) => {
-  if (!e)
-    return {
-      display: "none"
-    };
-  const { x: r, y: s } = e, i = `translate(${r}px, ${s}px)`;
-  return {
-    transform: i,
-    WebkitTransform: i
-  };
-}, A = {
-  "drag-layer": "_drag-layer_1izcx_1",
-  "drag-preview": "_drag-preview_1izcx_11"
-}, R = I.bind(A), Y = ({
-  type: e,
-  renderPreview: r,
-  className: s,
-  previewClassName: i,
-  portalTarget: l = document.body
-}) => {
-  const { itemType: c, isDragging: d, item: g, clientOffset: a } = h(
-    (t) => ({
-      item: t.getItem(),
-      itemType: t.getItemType(),
-      clientOffset: t.getClientOffset(),
-      isDragging: t.isDragging()
-    })
-  );
-  if (!d || c !== e || !g || !l)
-    return null;
-  const o = /* @__PURE__ */ u("div", { className: R("drag-layer", s), children: /* @__PURE__ */ u("div", { className: R("drag-preview", i), style: $(a), children: r(g) }) });
-  return L(o, l);
-};
-export {
-  Y as DragLayer,
-  N as SortableItem,
-  W as SortableList
-};

package/dist/spinLoader-c4a53718.js

@@ -1,11 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as p } from "./bind-06a7ff84.js";
-const r = "_spinner_qn4ih_8", a = "_spin_qn4ih_1", e = {
-  "spin-loader": "_spin-loader_qn4ih_1",
-  spinner: r,
-  spin: a,
-  "color-topaz": "_color-topaz_qn4ih_20"
-}, i = p.bind(e), _ = ({ color: s = "topaz", className: o }) => /* @__PURE__ */ n("div", { className: i("spin-loader", o), children: /* @__PURE__ */ n("div", { className: i("spinner", { [`color-${s}`]: s }) }) });
-export {
-  _ as S
-};

package/dist/spinLoader.js

@@ -1,7 +0,0 @@
-import { S as r } from "./spinLoader-c4a53718.js";
-import "react/jsx-runtime";
-import "./bind-06a7ff84.js";
-export {
-  r as SpinLoader,
-  r as default
-};

package/dist/success-8fd8bd2c.js

@@ -1,7 +0,0 @@
-import * as e from "react";
-const t = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0449 3.41275C10.5805 2.59573 9.41952 2.59573 8.95513 3.41275L2.16344 15.3617C1.69905 16.1787 2.27954 17.2 3.20832 17.2H16.7917C17.7205 17.2 18.3009 16.1787 17.8366 15.3617L11.0449 3.41275ZM10.9325 6.41163C10.9391 6.18625 10.7582 5.99999 10.5327 5.99999H9.46161C9.236 5.99999 9.05502 6.18647 9.06179 6.41198L9.24768 12.612C9.25416 12.8281 9.43125 13 9.6475 13H10.3523C10.5686 13 10.7458 12.8279 10.7521 12.6116L10.9325 6.41163ZM10 16C10.5523 16 11 15.5523 11 15C11 14.4477 10.5523 14 10 14C9.44771 14 9 14.4477 9 15C9 15.5523 9.44771 16 10 16Z", fill: "white" })), C = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8Z", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.80005 7.30627C6.80005 7.04853 7.00898 6.8396 7.26672 6.8396H8.04449C8.30223 6.8396 8.51116 7.04853 8.51116 7.30627V11.5063H8.82227C9.08 11.5063 9.28894 11.7152 9.28894 11.9729C9.28894 12.2307 9.08 12.4396 8.82227 12.4396H8.04449C7.78676 12.4396 7.57783 12.2307 7.57783 11.9729V7.77293H7.26672C7.00898 7.77293 6.80005 7.564 6.80005 7.30627Z", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { d: "M7.99629 5.94444C8.53324 5.94444 8.96852 5.50917 8.96852 4.97222C8.96852 4.43528 8.53324 4 7.99629 4C7.45935 4 7.02407 4.43528 7.02407 4.97222C7.02407 5.50917 7.45935 5.94444 7.99629 5.94444Z", fill: "#A2AAB5" })), n = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.2 9.99999C17.2 13.9764 13.9765 17.2 10 17.2C6.0236 17.2 2.80005 13.9764 2.80005 9.99999C2.80005 6.02354 6.0236 2.79999 10 2.79999C13.9765 2.79999 17.2 6.02354 17.2 9.99999ZM13.8146 8.11216C14.0975 7.77273 14.0516 7.26828 13.7122 6.98543C13.3728 6.70258 12.8683 6.74844 12.5855 7.08786L9.14629 11.2149L7.36573 9.43432C7.05331 9.1219 6.54678 9.1219 6.23436 9.43432C5.92194 9.74674 5.92194 10.2533 6.23436 10.5657L8.63436 12.9657C8.7933 13.1246 9.01176 13.2094 9.2363 13.1992C9.46084 13.189 9.67073 13.0848 9.81463 12.9122L13.8146 8.11216Z", fill: "white" }));
-export {
-  t as S,
-  C as a,
-  n as b
-};

package/dist/systemAlert.js

@@ -1,69 +0,0 @@
-import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { useState as h, useRef as v, useEffect as _ } from "react";
-import { c as E } from "./bind-06a7ff84.js";
-import { S as I } from "./close-4d480ef7.js";
-import { S as p, b as S, a as O } from "./success-8fd8bd2c.js";
-var o = /* @__PURE__ */ ((t) => (t.INFO = "info", t.SUCCESS = "success", t.WARNING = "warning", t.ERROR = "error", t))(o || {}), f = /* @__PURE__ */ ((t) => (t.WHITE = "white", t.BLACK = "black", t))(f || {});
-const k = "_error_jbf1d_14", x = "_success_jbf1d_17", D = "_info_jbf1d_20", H = "_warning_jbf1d_23", T = "_title_jbf1d_38", U = {
-  "system-alert": "_system-alert_jbf1d_1",
-  "system-alert--black": "_system-alert--black_jbf1d_11",
-  error: k,
-  success: x,
-  info: D,
-  warning: H,
-  "icon-wrapper": "_icon-wrapper_jbf1d_26",
-  "content-wrapper": "_content-wrapper_jbf1d_32",
-  title: T,
-  "title--white": "_title--white_jbf1d_50",
-  "title--black": "_title--black_jbf1d_53",
-  "close-button": "_close-button_jbf1d_56"
-}, s = E.bind(U), F = 7e3, W = 4e3, G = ({
-  title: t,
-  onClose: c,
-  icon: u = null,
-  type: n = o.INFO,
-  typographyColor: i = f.WHITE,
-  duration: d = W,
-  className: m,
-  dataAutomationId: b
-}) => {
-  const l = n === o.ERROR ? F : d, [j, w] = h(""), r = v(null);
-  _(() => {
-    const { offsetHeight: a, scrollHeight: N } = r == null ? void 0 : r.current;
-    a < N && w(t);
-  }, [t]), _(() => {
-    const a = setTimeout(() => {
-      c();
-    }, l);
-    return () => clearTimeout(a);
-  }, [l, c]);
-  const R = () => {
-    switch (n) {
-      case "info":
-        return /* @__PURE__ */ e(O, {});
-      case "success":
-        return /* @__PURE__ */ e(S, {});
-      case "warning":
-      case "error":
-        return /* @__PURE__ */ e(p, {});
-      default:
-        return u;
-    }
-  };
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      className: s("system-alert", n, m, `system-alert--${i}`),
-      title: j,
-      "data-automation-id": b,
-      children: [
-        /* @__PURE__ */ e("div", { className: s("icon-wrapper"), children: R() }),
-        /* @__PURE__ */ e("div", { className: s("content-wrapper"), children: /* @__PURE__ */ e("h2", { ref: r, className: s("title", `title--${i}`), children: t }) }),
-        /* @__PURE__ */ e("button", { className: s("close-button"), onClick: c, "aria-label": "close system alert", children: /* @__PURE__ */ e(I, {}) })
-      ]
-    }
-  );
-};
-export {
-  G as SystemAlert
-};

package/dist/systemMessage-924fdaa6.js

@@ -1,30 +0,0 @@
-import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import { c as _ } from "./bind-06a7ff84.js";
-const c = "_children_vll7q_54", m = {
-  "system-message": "_system-message_vll7q_1",
-  "stripes-info": "_stripes-info_vll7q_12",
-  "stripes-warning": "_stripes-warning_vll7q_17",
-  "stripes-error": "_stripes-error_vll7q_22",
-  "text-container": "_text-container_vll7q_27",
-  "message-header-info": "_message-header-info_vll7q_30",
-  "message-header-warning": "_message-header-warning_vll7q_38",
-  "message-header-error": "_message-header-error_vll7q_46",
-  children: c,
-  "content-width": "_content-width_vll7q_70"
-}, e = _.bind(m), h = ({
-  header: r,
-  caption: a,
-  children: i,
-  mode: n = "info",
-  widthByContent: l = !1
-}) => /* @__PURE__ */ t("div", { className: e("system-message", { "content-width": l }), children: [
-  /* @__PURE__ */ s("div", { className: e(`stripes-${n}`) }),
-  /* @__PURE__ */ t("div", { className: e("text-container"), children: [
-    r && /* @__PURE__ */ s("h1", { className: e(`message-header-${n}`), children: r }),
-    /* @__PURE__ */ s("div", { className: e("children"), children: i }),
-    a && /* @__PURE__ */ s("p", { children: a })
-  ] })
-] });
-export {
-  h as S
-};

package/dist/systemMessage.js

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