@reportportal/ui-kit 0.0.1-alpha.17 → 0.0.1-alpha.171

package/dist/sortable.js

@@ -0,0 +1,302 @@
+import { jsx as u, jsxs as q } from "react/jsx-runtime";
+import { c as N } from "./bind-06a7ff84.js";
+import { isFunction as j } from "es-toolkit";
+import { useCallback as A, createContext as M, useContext as ee, useState as H, useRef as J } from "react";
+import { u as te, D as F, g as re, a as oe } from "./useTreeSortable-70a9c8f5.js";
+import { useDragLayer as se } from "react-dnd";
+import "react-dnd-html5-backend";
+import { DROP_DETECTION_MODE as X, DROP_POSITIONS as Y, DROP_ACTIONS as _, TREE_DROP_POSITIONS as S } from "./common.js";
+import { createPortal as K } from "react-dom";
+import { u as ie } from "./useOnClickOutside-8f7d68a1.js";
+const ne = {
+  "sortable-item": "_sortable-item_b58jz_16",
+  "sortable-item--drop-target-top": "_sortable-item--drop-target-top_b58jz_22",
+  "sortable-item--drop-target-bottom": "_sortable-item--drop-target-bottom_b58jz_35",
+  "sortable-item--hover-mode": "_sortable-item--hover-mode_b58jz_48",
+  "drag-handle": "_drag-handle_b58jz_65",
+  "drag-handle--disabled": "_drag-handle--disabled_b58jz_72"
+}, ae = N.bind(ne), le = ({
+  id: n,
+  index: f,
+  type: v = F,
+  isDisabled: E = !1,
+  className: o,
+  draggingClassName: a,
+  dropTargetClassName: p,
+  onDrop: e,
+  hideDefaultPreview: c = !1,
+  dropDetectionMode: s = X.INDEX_BASED,
+  isLast: t = !1,
+  children: i
+}) => {
+  const { isDragging: l, dropPosition: d, dragRef: R, dropRef: g, previewRef: r } = te({
+    id: n,
+    index: f,
+    type: v,
+    isDisabled: E,
+    onDrop: e,
+    hideDefaultPreview: c,
+    dropDetectionMode: s,
+    isLast: t
+  }), O = j(i), P = s === X.HOVER, T = ae("sortable-item", o, {
+    "sortable-item--dragging": l,
+    "sortable-item--hover-mode": P,
+    "sortable-item--drop-target-top": d === Y.TOP,
+    "sortable-item--drop-target-bottom": d === Y.BOTTOM,
+    [a || ""]: l && a,
+    [p || ""]: d && p
+  });
+  return /* @__PURE__ */ u("div", { ref: (b) => {
+    g(b), c || r(b), O || R(b);
+  }, className: T, children: O ? i({
+    isDragging: l,
+    isOver: d !== null,
+    dragRef: R
+  }) : i });
+}, Re = ({
+  items: n,
+  type: f = F,
+  isDisabled: v = !1,
+  className: E,
+  itemClassName: o,
+  onReorder: a,
+  renderItem: p,
+  keyExtractor: e = (c) => c.id
+}) => {
+  const c = A(
+    (s, t) => {
+      const i = [...n], [l] = i.splice(s, 1);
+      i.splice(t, 0, l), a(i);
+    },
+    [n, a]
+  );
+  return /* @__PURE__ */ u("div", { className: E, children: n.map((s, t) => /* @__PURE__ */ u(
+    le,
+    {
+      id: e(s),
+      index: t,
+      type: f,
+      isDisabled: v,
+      className: o,
+      onDrop: c,
+      isLast: t === n.length - 1,
+      children: ({ dragRef: i, isDragging: l }) => p(s, t, i, l)
+    },
+    e(s)
+  )) });
+}, pe = {
+  "drag-layer": "_drag-layer_1izcx_1",
+  "drag-preview": "_drag-preview_1izcx_11"
+}, G = N.bind(pe), he = ({
+  type: n,
+  renderPreview: f,
+  className: v,
+  previewClassName: E,
+  portalTarget: o = document.body
+}) => {
+  const { itemType: a, isDragging: p, item: e, clientOffset: c } = se(
+    (t) => ({
+      item: t.getItem(),
+      itemType: t.getItemType(),
+      clientOffset: t.getClientOffset(),
+      isDragging: t.isDragging()
+    })
+  );
+  if (!p || a !== n || !e || !o)
+    return null;
+  const s = /* @__PURE__ */ u("div", { className: G("drag-layer", v), children: /* @__PURE__ */ u("div", { className: G("drag-preview", E), style: re(c), children: f(e) }) });
+  return K(s, o);
+}, Q = M(null), ce = () => ee(Q), de = {
+  "drop-confirmation-popover": "_drop-confirmation-popover_obz3t_16",
+  "drop-confirmation-popover--before": "_drop-confirmation-popover--before_obz3t_31",
+  "drop-confirmation-popover--after": "_drop-confirmation-popover--after_obz3t_35",
+  "drop-confirmation-popover__button": "_drop-confirmation-popover__button_obz3t_59",
+  "drop-confirmation-popover__divider": "_drop-confirmation-popover__divider_obz3t_75"
+}, C = N.bind(de), me = {
+  [_.MOVE]: "Move",
+  [_.DUPLICATE]: "Duplicate",
+  [_.CANCEL]: "Cancel"
+}, Se = ({
+  children: n,
+  showDropConfirmation: f = !1,
+  confirmationLabels: v,
+  portalTarget: E,
+  onMove: o,
+  onDuplicate: a,
+  onCancel: p
+}) => {
+  const [e, c] = H(null), [s, t] = H(
+    null
+  ), i = J(null), l = { ...me, ...v }, d = A(() => {
+    c(null), t(null);
+  }, []), R = A(
+    (P, T, m, b) => {
+      if (!f) {
+        o == null || o(P, T, m);
+        return;
+      }
+      const I = b.getBoundingClientRect(), z = I.left + I.width / 2;
+      let h;
+      m === "before" ? h = I.top : m === "after" ? h = I.top + I.height : h = I.top, t({
+        top: h,
+        left: z
+      }), c({ draggedItem: P, targetId: T, position: m });
+    },
+    [f, o]
+  ), g = A(
+    (P) => {
+      if (!e) {
+        d();
+        return;
+      }
+      const { draggedItem: T, targetId: m, position: b } = e;
+      switch (P) {
+        case _.MOVE:
+          o == null || o(T, m, b);
+          break;
+        case _.DUPLICATE:
+          a == null || a(T, m, b);
+          break;
+        case _.CANCEL:
+          p == null || p();
+          break;
+      }
+      d();
+    },
+    [e, o, a, p, d]
+  );
+  ie(
+    i,
+    e && f ? () => g(_.CANCEL) : void 0
+  );
+  const r = {
+    showDropConfirmation: f,
+    pendingDraggedItemId: (e == null ? void 0 : e.draggedItem.id) ?? null,
+    pendingTargetId: (e == null ? void 0 : e.targetId) ?? null,
+    pendingDropPosition: (e == null ? void 0 : e.position) ?? null,
+    requestDrop: R
+  }, O = E ?? (typeof document < "u" ? document.body : null);
+  return /* @__PURE__ */ q(Q.Provider, { value: r, children: [
+    n,
+    e && s && O && K(
+      /* @__PURE__ */ q(
+        "div",
+        {
+          ref: i,
+          className: C("drop-confirmation-popover", {
+            "drop-confirmation-popover--before": e.position === "before",
+            "drop-confirmation-popover--after": e.position === "after"
+          }),
+          style: {
+            top: s.top,
+            left: s.left
+          },
+          children: [
+            /* @__PURE__ */ u(
+              "button",
+              {
+                type: "button",
+                className: C("drop-confirmation-popover__button"),
+                onClick: () => g(_.MOVE),
+                children: l[_.MOVE]
+              }
+            ),
+            /* @__PURE__ */ u(
+              "button",
+              {
+                type: "button",
+                className: C("drop-confirmation-popover__button"),
+                onClick: () => g(_.DUPLICATE),
+                children: l[_.DUPLICATE]
+              }
+            ),
+            /* @__PURE__ */ u("div", { className: C("drop-confirmation-popover__divider") }),
+            /* @__PURE__ */ u(
+              "button",
+              {
+                type: "button",
+                className: C("drop-confirmation-popover__button"),
+                onClick: () => g(_.CANCEL),
+                children: l[_.CANCEL]
+              }
+            )
+          ]
+        }
+      ),
+      O
+    )
+  ] });
+}, be = {
+  "tree-sortable-item": "_tree-sortable-item_c3l7m_16",
+  "tree-sortable-item--dragging": "_tree-sortable-item--dragging_c3l7m_20",
+  "tree-sortable-item--pending": "_tree-sortable-item--pending_c3l7m_23",
+  "tree-sortable-item--drop-before": "_tree-sortable-item--drop-before_c3l7m_29",
+  "tree-sortable-item--drop-after": "_tree-sortable-item--drop-after_c3l7m_39",
+  "tree-sortable-item--drop-inside": "_tree-sortable-item--drop-inside_c3l7m_49"
+}, _e = N.bind(be), ye = ({
+  id: n,
+  index: f,
+  parentId: v,
+  type: E = F,
+  isDisabled: o = !1,
+  acceptDrop: a = !0,
+  isLast: p = !1,
+  canDropOn: e,
+  className: c,
+  draggingClassName: s,
+  dropBeforeClassName: t,
+  dropInsideClassName: i,
+  dropAfterClassName: l,
+  onDrop: d,
+  hideDefaultPreview: R = !1,
+  children: g
+}) => {
+  const r = ce(), O = J(null), P = A(
+    (D, $, x) => {
+      r != null && r.showDropConfirmation && O.current ? r.requestDrop(D, $, x, O.current) : d == null || d(D, $, x);
+    },
+    [r, d]
+  ), { isDragging: T, isOver: m, dropPosition: b, dragRef: I, dropRef: z, previewRef: h } = oe({
+    id: n,
+    index: f,
+    parentId: v,
+    type: E,
+    isDisabled: o,
+    acceptDrop: a,
+    canDropOn: e,
+    onDrop: P,
+    hideDefaultPreview: R
+  }), k = (r == null ? void 0 : r.pendingDraggedItemId) === n, w = T || k, y = (r == null ? void 0 : r.pendingTargetId) === n, L = r == null ? void 0 : r.pendingDropPosition, B = m && b === S.BEFORE || y && L === S.BEFORE, U = m && b === S.INSIDE || y && L === S.INSIDE, V = p && (m && b === S.AFTER || y && L === S.AFTER), W = j(g) ? g({
+    isDragging: w,
+    isOver: m || y,
+    dropPosition: y ? L ?? null : b,
+    dragRef: I
+  }) : g, Z = _e("tree-sortable-item", c, {
+    "tree-sortable-item--dragging": w,
+    "tree-sortable-item--pending": k,
+    "tree-sortable-item--drop-before": B,
+    "tree-sortable-item--drop-inside": U,
+    "tree-sortable-item--drop-after": V,
+    [s || ""]: w && s,
+    [t || ""]: B && t,
+    [i || ""]: U && i,
+    [l || ""]: V && l
+  });
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ref: (D) => {
+        O.current = D, z(D), j(g) || (I(D), h(D));
+      },
+      className: Z,
+      children: W
+    }
+  );
+};
+export {
+  he as DragLayer,
+  le as SortableItem,
+  Re as SortableList,
+  Se as TreeSortableContainer,
+  ye as TreeSortableItem
+};

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
+};