@reportportal/ui-kit 0.0.1-alpha.153 → 0.0.1-alpha.155

package/dist/components/table/hooks/useGradientPosition.d.ts

@@ -20,5 +20,5 @@ export interface PinnedGradientPosition {
         height: number;
     };
 }
-export declare const useRightGradientPosition: (table: HTMLElement | null, header: HTMLElement | null, scrollContainer: HTMLElement | null, isHeaderPinned: boolean, scrollLeft: number, scrollTop: number, tableScrollWidth: number, windowResizeCounter: number) => RightGradientPosition;
-export declare const usePinnedGradientPosition: (table: HTMLElement | null, scrollLeft: number, header: HTMLElement | null, scrollContainer: HTMLElement | null, isHeaderPinned: boolean, scrollTop: number, tableScrollWidth: number, windowResizeCounter: number) => PinnedGradientPosition;
+export declare const useRightGradientPosition: (table: HTMLElement | null, header: HTMLElement | null, scrollContainer: HTMLElement | null, isHeaderPinned: boolean, scrollLeft: number, scrollTop: number, tableScrollWidth: number, gradientUpdateCounter: number) => RightGradientPosition;
+export declare const usePinnedGradientPosition: (table: HTMLElement | null, scrollLeft: number, header: HTMLElement | null, scrollContainer: HTMLElement | null, isHeaderPinned: boolean, scrollTop: number, tableScrollWidth: number, gradientUpdateCounter: number) => PinnedGradientPosition;

package/dist/index.js

@@ -26,7 +26,7 @@ import { S as uo } from "./spinLoader-c4a53718.js";
 import { SystemAlert as Co } from "./systemAlert.js";
 import { S as go } from "./systemMessage-924fdaa6.js";
 import { DragLayer as Do, SortableItem as bo, SortableList as yo } from "./sortable.js";
-import { T as ho } from "./table-65ae1c11.js";
+import { T as ho } from "./table-1aaae76c.js";
 import { T as Bo } from "./themeProvider-46c2be7b.js";
 import { T as Mo } from "./toggle-304107fa.js";
 import { Tooltip as wo } from "./tooltip.js";

package/dist/sortable.js

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