@reportportal/ui-kit 0.0.1-alpha.169 → 0.0.1-alpha.170

package/dist/useTreeSortable-70a9c8f5.js

@@ -0,0 +1,179 @@
+import { useRef as C, useState as V, useEffect as d, useCallback as b } from "react";
+import { useDrag as F, useDrop as Y } from "react-dnd";
+import { getEmptyImage as k } from "react-dnd-html5-backend";
+import { DROP_POSITIONS as l, DROP_DETECTION_MODE as h, TREE_DROP_POSITIONS as Z } from "./common.js";
+const x = "SORTABLE_ITEM", z = (r) => {
+  if (!r)
+    return {
+      display: "none"
+    };
+  const { x: n, y: t } = r, s = `translate(${n}px, ${t}px)`;
+  return {
+    transform: s,
+    WebkitTransform: s
+  };
+}, $ = ({
+  fromIndex: r,
+  targetIndex: n,
+  isTopZone: t
+}) => t ? r < n ? n - 1 : n : r > n ? n + 1 : n, G = (r, n) => r / n < 0.5 ? l.TOP : l.BOTTOM, J = ({
+  id: r,
+  index: n,
+  type: t = x,
+  isDisabled: s = !1,
+  isLast: a = !1,
+  onDrop: g,
+  hideDefaultPreview: O = !1,
+  dropDetectionMode: E = h.INDEX_BASED
+}) => {
+  const T = E === h.HOVER, p = C(null), i = C(null), [_, u] = V(null), [{ isDragging: P }, I, m] = F(
+    () => ({
+      type: t,
+      item: { id: r, index: n, type: t },
+      collect: (e) => ({
+        isDragging: e.isDragging()
+      }),
+      canDrag: () => !s
+    }),
+    [r, n, t, s]
+  );
+  d(() => {
+    O && m(k(), { captureDraggingState: !0 });
+  }, [O, m]);
+  const [{ isOver: v, draggedItemIndex: B }, o] = Y(
+    () => ({
+      accept: t,
+      collect: (e) => {
+        const c = e.getItem(), D = (c == null ? void 0 : c.id) !== r ? e.isOver() : !1;
+        return {
+          isOver: D,
+          draggedItemIndex: D ? (c == null ? void 0 : c.index) ?? null : null
+        };
+      },
+      hover: (e, c) => {
+        if (!T)
+          return;
+        if (e.id === r) {
+          u(null);
+          return;
+        }
+        const R = p.current;
+        if (!R) {
+          u(null);
+          return;
+        }
+        const D = R.getBoundingClientRect(), H = D.bottom - D.top, w = c.getClientOffset();
+        if (!w) {
+          u(null);
+          return;
+        }
+        const L = w.y - D.top, N = G(L, H);
+        N === null ? (u(null), i.current = null) : N === l.TOP ? (u(l.TOP), i.current = l.TOP) : (u(l.BOTTOM), i.current = l.BOTTOM);
+      },
+      drop: (e) => {
+        if (!(e.id === r || !g))
+          if (T) {
+            const c = i.current;
+            if (!c)
+              return;
+            const R = c === l.TOP, D = $({
+              fromIndex: e.index,
+              targetIndex: n,
+              isTopZone: R
+            });
+            g(e.index, D);
+          } else
+            g(e.index, n);
+      }
+    }),
+    [r, n, t, g, a, T]
+  ), f = b(
+    (e) => (p.current = e, o(e)),
+    [o]
+  );
+  d(() => {
+    v || u(null);
+  }, [v]);
+  const S = T ? _ : (() => B === null ? null : B > n ? l.TOP : l.BOTTOM)();
+  return {
+    isDragging: P,
+    isOver: v,
+    draggedItemIndex: B,
+    dropPosition: S,
+    dragRef: I,
+    dropRef: f,
+    previewRef: m
+  };
+}, A = 2, U = (r, n) => {
+  if (!r || !n)
+    return null;
+  const { top: t, height: s } = n, a = r.y - t;
+  return a < A ? Z.BEFORE : a > s - A ? Z.AFTER : Z.INSIDE;
+}, K = ({
+  id: r,
+  index: n,
+  parentId: t = null,
+  type: s = x,
+  isDisabled: a = !1,
+  acceptDrop: g = !0,
+  canDropOn: O,
+  onDrop: E,
+  hideDefaultPreview: T = !1
+}) => {
+  const p = C(null), i = C(null), [{ isDragging: _ }, u, P] = F(
+    () => ({
+      type: s,
+      item: { id: r, index: n, type: s, parentId: t },
+      collect: (o) => ({
+        isDragging: o.isDragging()
+      }),
+      canDrag: () => !a
+    }),
+    [r, n, s, t, a]
+  );
+  d(() => {
+    T && P(k(), { captureDraggingState: !0 });
+  }, [T, P]);
+  const [{ isOver: I, dropPosition: m }, v] = Y(
+    () => ({
+      accept: s,
+      collect: (o) => {
+        const f = o.getItem(), S = (f == null ? void 0 : f.id) !== r && g && (!O || !f || O(f, r)) ? o.isOver({ shallow: !0 }) : !1;
+        let e = null;
+        if (S && p.current) {
+          const c = o.getClientOffset(), R = p.current.getBoundingClientRect();
+          e = U(c, R), i.current = e;
+        } else
+          i.current = null;
+        return {
+          isOver: S,
+          dropPosition: e
+        };
+      },
+      drop: (o, f) => {
+        if (f.didDrop())
+          return;
+        const M = !O || O(o, r);
+        o.id !== r && g && M && E && i.current && E(o, r, i.current);
+      }
+    }),
+    [r, s, g, O, E]
+  );
+  return {
+    isDragging: _,
+    isOver: I,
+    dropPosition: m,
+    dragRef: u,
+    dropRef: (o) => {
+      p.current = o, v(o);
+    },
+    previewRef: P,
+    elementRef: p
+  };
+};
+export {
+  x as D,
+  K as a,
+  z as g,
+  J as u
+};

package/dist/useWindowResize-a7e1ac92.js

@@ -0,0 +1,16 @@
+import { useState as t, useEffect as o } from "react";
+const s = () => {
+  const [i, n] = t({ width: 0, height: 0 });
+  return o(() => {
+    const e = () => {
+      n({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", e), e(), () => window.removeEventListener("resize", e);
+  }, []), i;
+};
+export {
+  s as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.169",
+  "version": "0.0.1-alpha.170",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {

package/dist/datePicker-ad4a758c.js

@@ -1,208 +0,0 @@
-import { jsxs as F, Fragment as j, jsx as r } from "react/jsx-runtime";
-import M from "react-datepicker/dist/es/index.js";
-import { c as U } from "./bind-06a7ff84.js";
-import { useMemo as E, forwardRef as W, useRef as q } from "react";
-import { F as $ } from "./fieldText-1749da7a.js";
-import { D as I } from "./dropdown-7d024c49.js";
-import { S as L } from "./calendarArrow-44c7e60e.js";
-import { registerLocale as z } from "react-datepicker";
-const we = (e, s) => {
-  z(e, s);
-}, J = (e, s = 20) => {
-  const d = e + s;
-  return new Array(d - e).fill(void 0).map((u, _) => e - _);
-}, K = "_header_1s3dn_1", Q = "_disabled_1s3dn_25", X = "_dropdown_1s3dn_8", Z = {
-  header: K,
-  "dropdowns-wrapper": "_dropdowns-wrapper_1s3dn_8",
-  "button-prev": "_button-prev_1s3dn_13",
-  "button-next": "_button-next_1s3dn_14",
-  disabled: Q,
-  dropdown: X,
-  "month-dropdown": "_month-dropdown_1s3dn_44",
-  "toggle-button": "_toggle-button_1s3dn_47"
-}, c = U.bind(Z), ee = ({
-  date: e = /* @__PURE__ */ new Date(),
-  changeYear: s = () => {
-  },
-  changeMonth: d = () => {
-  },
-  decreaseMonth: u = () => {
-  },
-  increaseMonth: _ = () => {
-  },
-  prevMonthButtonDisabled: b = !1,
-  nextMonthButtonDisabled: w = !1,
-  headerNodes: g = null,
-  customClassName: y = "",
-  yearsOptions: f = [],
-  locale: C
-}) => {
-  const p = e.getFullYear(), N = e.getMonth(), A = E(() => {
-    const n = Array(12).keys(), t = new Intl.DateTimeFormat(C, {
-      month: "long"
-    }), o = (h) => t.format(new Date(p, h));
-    return Array.from(n, o).reduce((h, D, S) => h.concat({
-      value: S,
-      label: D
-    }), []);
-  }, [C, p]), R = E(() => (f.length > 0 ? f : J(p)).reduce(
-    (t, o) => t.concat({ value: o, label: `${o}` }),
-    []
-  ), [f, p]), a = (n) => {
-    d(n);
-  }, l = (n) => {
-    s(n);
-  };
-  return /* @__PURE__ */ F(j, { children: [
-    g && /* @__PURE__ */ r("div", { className: c(y), children: g }),
-    /* @__PURE__ */ F("div", { className: c("header"), children: [
-      /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Previous Months",
-          disabled: b,
-          onClick: (n) => {
-            n.stopPropagation(), u();
-          },
-          className: c("button-prev", { disabled: b }),
-          children: /* @__PURE__ */ r(L, {})
-        }
-      ),
-      /* @__PURE__ */ F("div", { className: c("dropdowns-wrapper"), children: [
-        /* @__PURE__ */ r(
-          I,
-          {
-            options: A,
-            value: N,
-            onChange: a,
-            transparentBackground: !0,
-            className: c("dropdown", "month-dropdown"),
-            toggleButtonClassName: c("toggle-button")
-          }
-        ),
-        /* @__PURE__ */ r(
-          I,
-          {
-            options: R,
-            value: p,
-            onChange: l,
-            transparentBackground: !0,
-            className: c("dropdown"),
-            toggleButtonClassName: c("toggle-button")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Next Months",
-          disabled: w,
-          onClick: (n) => {
-            n.stopPropagation(), _();
-          },
-          className: c("button-next", { disabled: w }),
-          children: /* @__PURE__ */ r(L, {})
-        }
-      )
-    ] })
-  ] });
-}, te = "_calendar_evrpf_5", ne = "_date_evrpf_103", oe = "_disabled_evrpf_149", re = "_popper_evrpf_157", ae = "_input_evrpf_161", se = {
-  calendar: te,
-  "current-date": "_current-date_evrpf_102",
-  date: ne,
-  "end-date": "_end-date_evrpf_120",
-  "selected-range": "_selected-range_evrpf_130",
-  disabled: oe,
-  popper: re,
-  input: ae,
-  "input-range": "_input-range_evrpf_168"
-}, i = U.bind(se), de = "en", v = "MM-dd-yyyy", ce = " to ", le = W(({ value: e, ...s }, d) => {
-  const u = (e == null ? void 0 : e.replace(" - ", ce)) ?? "";
-  return /* @__PURE__ */ r($, { ...s, value: u, ref: d });
-}), Ce = (e) => {
-  const {
-    onChange: s = () => {
-    },
-    disabled: d = !1,
-    onBlur: u = () => {
-    },
-    onFocus: _ = () => {
-    },
-    headerNodes: b = null,
-    customClassName: w = "",
-    customTimeInput: g = void 0,
-    shouldCloseOnSelect: y = !0,
-    popperClassName: f = "",
-    calendarClassName: C = "",
-    fixedHeight: p = !1,
-    language: N = de,
-    yearsOptions: A = [],
-    dateFormat: R = v,
-    value: a = null
-  } = e, l = "selectsRange" in e && e.selectsRange === !0, n = q(null), t = l ? (a == null ? void 0 : a[0]) ?? void 0 : void 0, o = l ? (a == null ? void 0 : a[1]) ?? void 0 : void 0, x = t == null ? void 0 : t.toDateString(), h = o == null ? void 0 : o.toDateString(), D = o && t && o > t, S = l ? `${v.toUpperCase()} to ${v.toUpperCase()}` : v.toUpperCase(), Y = e.placeholder ?? S, B = (m) => {
-    if (!l) {
-      const H = a == null ? void 0 : a.toDateString(), V = m.toDateString();
-      return i("date", {
-        "current-date": V === H,
-        disabled: d
-      });
-    }
-    const T = m.toDateString(), O = T === x, k = D && T === h, G = t && o && m > t && m < o;
-    return i("date", {
-      "current-date": O,
-      "selected-range": G && !k,
-      "end-date": k && D,
-      disabled: d
-    });
-  }, P = {
-    customInput: l ? /* @__PURE__ */ r(le, { className: i("input", "input-range"), defaultWidth: !1, ref: n }) : /* @__PURE__ */ r($, { className: i("input"), defaultWidth: !1, ref: n }),
-    placeholderText: Y,
-    disabled: d,
-    shouldCloseOnSelect: y,
-    fixedHeight: p,
-    locale: N,
-    showPopperArrow: !1,
-    dayClassName: B,
-    calendarClassName: i(C, "calendar"),
-    renderCustomHeader: (m) => /* @__PURE__ */ r(
-      ee,
-      {
-        ...m,
-        headerNodes: b,
-        customClassName: w,
-        yearsOptions: A,
-        locale: N
-      }
-    ),
-    onBlur: u,
-    onFocus: _,
-    customTimeInput: g,
-    showTimeInput: !!g,
-    popperClassName: i(f, "popper"),
-    dateFormat: R,
-    className: i("datepicker")
-  };
-  return l ? /* @__PURE__ */ r(
-    M,
-    {
-      ...P,
-      selectsRange: !0,
-      startDate: t,
-      endDate: o,
-      onChange: s
-    }
-  ) : /* @__PURE__ */ r(
-    M,
-    {
-      ...P,
-      selected: a,
-      onChange: s
-    }
-  );
-};
-export {
-  Ce as D,
-  we as r
-};