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

package/dist/sortable.js

@@ -0,0 +1,160 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,69 @@
+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

@@ -0,0 +1,30 @@
+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

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