@reportportal/ui-kit 0.0.1-alpha.16 → 0.0.1-alpha.161

package/dist/selection.js

@@ -0,0 +1,10 @@
+import { S as t } from "./selection-9124d029.js";
+import "react/jsx-runtime";
+import "react";
+import "./close-4d480ef7.js";
+import "./bind-06a7ff84.js";
+import "./button-97d9e587.js";
+export {
+  t as Selection,
+  t as default
+};

package/dist/sidePanel.js

@@ -0,0 +1,88 @@
+import { jsxs as s, jsx as i, Fragment as p } from "react/jsx-runtime";
+import { useId as N, useEffect as y } from "react";
+import { c as g } from "./bind-06a7ff84.js";
+import { K as E } from "./keyCodes-f63c0e11.js";
+import { S as x } from "./close-4d480ef7.js";
+import { B as k } from "./baseIconButton-251479f7.js";
+const I = "_active_6bj2z_15", K = "_compact_6bj2z_39", S = "_header_6bj2z_35", w = "_title_6bj2z_65", B = "_description_6bj2z_76", D = "_content_6bj2z_85", L = "_footer_6bj2z_92", P = "_divider_6bj2z_98", $ = {
+  "side-panel": "_side-panel_6bj2z_1",
+  active: I,
+  "side-right": "_side-right_6bj2z_19",
+  "side-left": "_side-left_6bj2z_27",
+  "header-section": "_header-section_6bj2z_35",
+  compact: K,
+  header: S,
+  "header-content": "_header-content_6bj2z_55",
+  "close-button": "_close-button_6bj2z_59",
+  title: w,
+  description: B,
+  content: D,
+  footer: L,
+  divider: P
+}, e = g.bind($), J = ({
+  className: h,
+  title: c,
+  descriptionComponent: r,
+  headerComponent: d,
+  contentComponent: n,
+  footerComponent: o,
+  top: _ = 0,
+  side: b = "right",
+  isOpen: a = !0,
+  onClose: t,
+  closeButtonAriaLabel: v = "Close panel"
+}) => {
+  const l = N(), f = () => {
+    t == null || t();
+  };
+  y(() => {
+    if (!a || !t)
+      return;
+    const m = (z) => {
+      const { keyCode: u } = z;
+      u === E.ESCAPE_KEY_CODE && t();
+    };
+    return document.addEventListener("keydown", m, !1), () => {
+      document.removeEventListener("keydown", m, !1);
+    };
+  }, [a, t]);
+  const j = !!(d || r);
+  return /* @__PURE__ */ s(
+    "aside",
+    {
+      className: e("side-panel", `side-${b}`, { active: a }, h),
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-hidden": !a,
+      "aria-labelledby": c ? l : void 0,
+      style: { top: _, height: `calc(100vh - ${_}px)` },
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ s("div", { className: e("header-section", { compact: !j }), children: [
+          (d || c) && /* @__PURE__ */ s("div", { className: e("header"), children: [
+            c ? /* @__PURE__ */ i("span", { id: l, className: e("title"), children: c }) : d,
+            t && /* @__PURE__ */ i(
+              k,
+              {
+                className: e("close-button"),
+                onClick: f,
+                "aria-label": v,
+                children: /* @__PURE__ */ i(x, {})
+              }
+            )
+          ] }),
+          r
+        ] }),
+        /* @__PURE__ */ i("div", { className: e("divider") }),
+        n && /* @__PURE__ */ i("div", { className: e("content"), children: n }),
+        o && /* @__PURE__ */ s(p, { children: [
+          /* @__PURE__ */ i("div", { className: e("divider") }),
+          /* @__PURE__ */ i("div", { className: e("footer"), children: o })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  J as SidePanel
+};

package/dist/sortable.js

@@ -0,0 +1,213 @@
+import { jsx as R } from "react/jsx-runtime";
+import { c as N } from "./bind-06a7ff84.js";
+import { useRef as k, useState as Z, useEffect as w, useCallback as x } from "react";
+import { useDrag as F, useDrop as Y, useDragLayer as $ } from "react-dnd";
+import { getEmptyImage as V } from "react-dnd-html5-backend";
+import { DROP_POSITIONS as u, DROP_DETECTION_MODE as E } from "./common.js";
+import { createPortal as z } from "react-dom";
+const I = "SORTABLE_ITEM", X = (e) => {
+  if (!e)
+    return {
+      display: "none"
+    };
+  const { x: t, y: o } = e, a = `translate(${t}px, ${o}px)`;
+  return {
+    transform: a,
+    WebkitTransform: a
+  };
+}, U = ({
+  fromIndex: e,
+  targetIndex: t,
+  isTopZone: o
+}) => o ? e < t ? t - 1 : t : e > t ? t + 1 : t, W = (e, t) => e / t < 0.5 ? u.TOP : u.BOTTOM, q = ({
+  id: e,
+  index: t,
+  type: o = I,
+  isDisabled: a = !1,
+  isLast: m = !1,
+  onDrop: c,
+  hideDefaultPreview: p = !1,
+  dropDetectionMode: d = E.INDEX_BASED
+}) => {
+  const i = d === E.HOVER, l = k(null), r = k(null), [g, n] = Z(null), [{ isDragging: _ }, P, T] = F(
+    () => ({
+      type: o,
+      item: { id: e, index: t, type: o },
+      collect: (s) => ({
+        isDragging: s.isDragging()
+      }),
+      canDrag: () => !a
+    }),
+    [e, t, o, a]
+  );
+  w(() => {
+    p && T(V(), { captureDraggingState: !0 });
+  }, [p, T]);
+  const [{ isOver: v, draggedItemIndex: D }, B] = Y(
+    () => ({
+      accept: o,
+      collect: (s) => {
+        const f = s.getItem(), O = (f == null ? void 0 : f.id) !== e ? s.isOver() : !1;
+        return {
+          isOver: O,
+          draggedItemIndex: O ? (f == null ? void 0 : f.index) ?? null : null
+        };
+      },
+      hover: (s, f) => {
+        if (!i)
+          return;
+        if (s.id === e) {
+          n(null);
+          return;
+        }
+        const y = l.current;
+        if (!y) {
+          n(null);
+          return;
+        }
+        const O = y.getBoundingClientRect(), A = O.bottom - O.top, S = f.getClientOffset();
+        if (!S) {
+          n(null);
+          return;
+        }
+        const H = S.y - O.top, C = W(H, A);
+        C === null ? (n(null), r.current = null) : C === u.TOP ? (n(u.TOP), r.current = u.TOP) : (n(u.BOTTOM), r.current = u.BOTTOM);
+      },
+      drop: (s) => {
+        if (!(s.id === e || !c))
+          if (i) {
+            const f = r.current;
+            if (!f)
+              return;
+            const y = f === u.TOP, O = U({
+              fromIndex: s.index,
+              targetIndex: t,
+              isTopZone: y
+            });
+            c(s.index, O);
+          } else
+            c(s.index, t);
+      }
+    }),
+    [e, t, o, c, m, i]
+  ), h = x(
+    (s) => (l.current = s, B(s)),
+    [B]
+  );
+  w(() => {
+    v || n(null);
+  }, [v]);
+  const b = i ? g : (() => D === null ? null : D > t ? u.TOP : u.BOTTOM)();
+  return {
+    isDragging: _,
+    isOver: v,
+    draggedItemIndex: D,
+    dropPosition: b,
+    dragRef: P,
+    dropRef: h,
+    previewRef: T
+  };
+}, G = {
+  "sortable-item": "_sortable-item_k6uy6_1",
+  "sortable-item--drop-target-top": "_sortable-item--drop-target-top_k6uy6_7",
+  "sortable-item--drop-target-bottom": "_sortable-item--drop-target-bottom_k6uy6_20",
+  "sortable-item--hover-mode": "_sortable-item--hover-mode_k6uy6_33",
+  "drag-handle": "_drag-handle_k6uy6_50",
+  "drag-handle--disabled": "_drag-handle--disabled_k6uy6_57"
+}, J = N.bind(G), K = ({
+  id: e,
+  index: t,
+  type: o = I,
+  isDisabled: a = !1,
+  className: m,
+  draggingClassName: c,
+  dropTargetClassName: p,
+  onDrop: d,
+  hideDefaultPreview: i = !1,
+  dropDetectionMode: l = E.INDEX_BASED,
+  isLast: r = !1,
+  children: g
+}) => {
+  const { isDragging: n, dropPosition: _, dragRef: P, dropRef: T, previewRef: v } = q({
+    id: e,
+    index: t,
+    type: o,
+    isDisabled: a,
+    onDrop: d,
+    hideDefaultPreview: i,
+    dropDetectionMode: l,
+    isLast: r
+  }), D = typeof g == "function", B = l === E.HOVER, h = J("sortable-item", m, {
+    "sortable-item--dragging": n,
+    "sortable-item--hover-mode": B,
+    "sortable-item--drop-target-top": _ === u.TOP,
+    "sortable-item--drop-target-bottom": _ === u.BOTTOM,
+    [c || ""]: n && c,
+    [p || ""]: _ && p
+  });
+  return /* @__PURE__ */ R("div", { ref: (b) => {
+    T(b), i || v(b), D || P(b);
+  }, className: h, children: D ? g({
+    isDragging: n,
+    isOver: _ !== null,
+    dragRef: P
+  }) : g });
+}, ie = ({
+  items: e,
+  type: t = I,
+  isDisabled: o = !1,
+  className: a,
+  itemClassName: m,
+  onReorder: c,
+  renderItem: p,
+  keyExtractor: d = (i) => i.id
+}) => {
+  const i = x(
+    (l, r) => {
+      const g = [...e], [n] = g.splice(l, 1);
+      g.splice(r, 0, n), c(g);
+    },
+    [e, c]
+  );
+  return /* @__PURE__ */ R("div", { className: a, children: e.map((l, r) => /* @__PURE__ */ R(
+    K,
+    {
+      id: d(l),
+      index: r,
+      type: t,
+      isDisabled: o,
+      className: m,
+      onDrop: i,
+      isLast: r === e.length - 1,
+      children: ({ dragRef: g, isDragging: n }) => p(l, r, g, n)
+    },
+    d(l)
+  )) });
+}, Q = {
+  "drag-layer": "_drag-layer_1izcx_1",
+  "drag-preview": "_drag-preview_1izcx_11"
+}, M = N.bind(Q), le = ({
+  type: e,
+  renderPreview: t,
+  className: o,
+  previewClassName: a,
+  portalTarget: m = document.body
+}) => {
+  const { itemType: c, isDragging: p, item: d, clientOffset: i } = $(
+    (r) => ({
+      item: r.getItem(),
+      itemType: r.getItemType(),
+      clientOffset: r.getClientOffset(),
+      isDragging: r.isDragging()
+    })
+  );
+  if (!p || c !== e || !d || !m)
+    return null;
+  const l = /* @__PURE__ */ R("div", { className: M("drag-layer", o), children: /* @__PURE__ */ R("div", { className: M("drag-preview", a), style: X(i), children: t(d) }) });
+  return z(l, m);
+};
+export {
+  le as DragLayer,
+  K as SortableItem,
+  ie 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
+};