@reportportal/ui-kit 0.0.1-alpha.64 → 0.0.1-alpha.65

package/dist/components/popover/popover.d.ts

@@ -14,6 +14,7 @@ interface PopoverProps {
     dataAutomationId?: string;
     isOpened?: boolean;
     setIsOpened?: (isOpened: boolean) => void;
+    isCentered?: boolean;
 }
 export declare const Popover: FC<PopoverProps>;
 export {};

package/dist/popover.js

@@ -1,19 +1,19 @@
-import { jsxs as p, Fragment as G, jsx as o } from "react/jsx-runtime";
-import { useRef as H, useState as S } from "react";
-import { useFloating as j, offset as C, flip as L, arrow as M, autoUpdate as O, useClick as U, useDismiss as W, useRole as q, useInteractions as z, FloatingFocusManager as B, FloatingArrow as J } from "@floating-ui/react";
-import { c as K } from "./bind-06a7ff84.js";
-const Q = "_popover_16ogt_1", V = "_title_16ogt_28", X = {
+import { jsxs as f, Fragment as S, jsx as s } from "react/jsx-runtime";
+import { useRef as j, useState as C, useCallback as L } from "react";
+import { useFloating as M, offset as U, flip as W, arrow as q, autoUpdate as z, useClick as B, useDismiss as J, useRole as K, useInteractions as Q, FloatingFocusManager as V, FloatingArrow as X } from "@floating-ui/react";
+import { c as Y } from "./bind-06a7ff84.js";
+const Z = "_popover_16ogt_1", $ = "_title_16ogt_28", O = {
   "popover-wrapper": "_popover-wrapper_16ogt_1",
-  popover: Q,
-  title: V
-}, n = K.bind(X), m = 16, f = 8, Y = ["top", "right", "bottom", "left"], Z = [
+  popover: Z,
+  title: $
+}, r = Y.bind(O), g = 16, d = 8, tt = ["top", "right", "bottom", "left"], et = [
   "right",
   "right-start",
   "right-end",
   "left",
   "left-start",
   "left-end"
-], $ = [
+], ot = [
   "top",
   "top-start",
   "top-end",
@@ -26,70 +26,74 @@ const Q = "_popover_16ogt_1", V = "_title_16ogt_28", X = {
   "left",
   "left-start",
   "left-end"
-], nt = ({
-  className: d,
-  content: g,
-  children: h,
-  placement: u = "bottom",
-  fallbackPlacements: v = $,
-  title: r,
-  arrowOffset: l = 16,
-  safeZone: _ = 4,
-  arrowColor: w = "white",
-  dataAutomationId: x,
-  isOpened: b,
-  setIsOpened: s
+], it = ({
+  className: h,
+  content: u,
+  children: v,
+  placement: _ = "bottom",
+  fallbackPlacements: b = ot,
+  title: i,
+  arrowOffset: o = 16,
+  safeZone: w = 4,
+  arrowColor: x = "white",
+  dataAutomationId: A,
+  isOpened: F,
+  setIsOpened: n,
+  isCentered: a = !0
 }) => {
-  const i = H(null), [F, R] = S(!1), a = s ? b : F, A = (e) => {
-    s ? s(e) : R(e);
-  }, { placement: N, refs: c, floatingStyles: P, context: t } = j({
-    open: a,
-    onOpenChange: A,
-    placement: u,
+  const c = j(null), [R, N] = C(!1), p = n ? F : R, P = (t) => {
+    n ? n(t) : N(t);
+  }, k = L(
+    (t, l) => a ? ((et.includes(l) ? t.reference.height : t.reference.width) - g) / 2 - o : -o,
+    [o, a]
+  ), { placement: E, refs: m, floatingStyles: I, context: e } = M({
+    open: p,
+    onOpenChange: P,
+    placement: _,
     middleware: [
-      C(({ rects: e, placement: D }) => ({
-        mainAxis: _ + f,
-        alignmentAxis: ((Z.includes(D) ? e.reference.height : e.reference.width) - m) / 2 - l
+      U(({ rects: t, placement: l }) => ({
+        mainAxis: w + d,
+        alignmentAxis: k(t, l)
       })),
-      L({
+      W({
         fallbackAxisSideDirection: "start",
-        fallbackPlacements: v
+        fallbackPlacements: b
       }),
-      M({
-        element: i
+      q({
+        element: c
       })
     ],
-    whileElementsMounted: O
-  }), E = U(t), I = W(t), T = q(t), { getReferenceProps: k, getFloatingProps: y } = z([E, I, T]);
-  return /* @__PURE__ */ p(G, { children: [
-    /* @__PURE__ */ o("div", { ref: c.setReference, ...k(), className: n("popover-wrapper"), children: h }),
-    a && /* @__PURE__ */ o(B, { context: t, modal: !1, children: /* @__PURE__ */ p(
+    whileElementsMounted: z
+  }), T = B(e), y = J(e), D = K(e), { getReferenceProps: G, getFloatingProps: H } = Q([T, y, D]);
+  return /* @__PURE__ */ f(S, { children: [
+    /* @__PURE__ */ s("div", { ref: m.setReference, ...G(), className: r("popover-wrapper"), children: v }),
+    p && /* @__PURE__ */ s(V, { context: e, modal: !1, children: /* @__PURE__ */ f(
       "div",
       {
-        className: n("popover", d),
-        "data-automation-id": x,
-        ref: c.setFloating,
-        style: P,
-        ...y,
+        className: r("popover", h),
+        "data-automation-id": A,
+        ref: m.setFloating,
+        style: I,
+        ...H,
         children: [
-          /* @__PURE__ */ o(
-            J,
+          /* @__PURE__ */ s(
+            X,
             {
-              ref: i,
-              context: t,
-              width: m,
-              height: f,
-              fill: w,
-              staticOffset: Y.includes(N) ? null : l
+              ref: c,
+              context: e,
+              width: g,
+              height: d,
+              fill: x,
+              staticOffset: tt.includes(E) ? null : o
             }
           ),
-          r && /* @__PURE__ */ o("div", { className: n("title"), children: r }),
-          g
+          i && /* @__PURE__ */ s("div", { className: r("title"), children: i }),
+          u
         ]
       }
     ) })
   ] });
 };
 export {
-  nt as Popover
+  it as Popover
 };

package/package.json

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