@reportportal/ui-kit 0.0.1-alpha.30 → 0.0.1-alpha.32

package/dist/components/table/types.d.ts

@@ -17,10 +17,14 @@ export interface DetailedCellData {
     content: string | number;
     component: ReactNode;
 }
+export interface MetaData {
+    [key: string]: any;
+}
 export interface RowData {
     id: string | number;
     [key: string]: DetailedCellData | RowConfigs | string | number | any;
     rowConfigs?: RowConfigs;
+    metaData?: MetaData;
 }
 export declare enum SortDirection {
     ASC = "asc",
@@ -34,7 +38,7 @@ export interface TableComponentProps {
     data: RowData[];
     primaryColumn: Column;
     fixedColumns: FixedColumn[];
-    rowActionMenu?: ReactNode;
+    renderRowActions?: (metaData?: MetaData) => ReactNode;
     selectable?: boolean;
     className?: string;
     headerClassName?: string;

package/dist/components/tooltip/tooltip.d.ts

@@ -13,6 +13,7 @@ interface TooltipProps {
     arrowColor?: string;
     safeZone?: number;
     zIndex?: number;
+    mainAxis?: boolean;
 }
 export declare const Tooltip: FC<TooltipProps>;
 export {};

package/dist/index.js

@@ -15,7 +15,7 @@ import { R as q1 } from "./radio-bccc84f2.js";
 import { Tooltip as J1 } from "./tooltip.js";
 import { Popover as Q1 } from "./popover.js";
 import { P as ee, a as te, S as oe } from "./pagination-ac3ea7c4.js";
-import { S as ne, a as ae, T as le } from "./table-cb8f9516.js";
+import { S as ne, a as ae, T as le } from "./table-9bf4ddab.js";
 import { jsxs as S, Fragment as D, jsx as n } from "react/jsx-runtime";
 import V from "react-datepicker";
 import { c as P } from "./bind-06a7ff84.js";

package/dist/{table-cb8f9516.js → table-9bf4ddab.js}

@@ -1,10 +1,10 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import * as i from "react";
+import * as h from "react";
 import { useState as f, useMemo as F } from "react";
 import { c as G } from "./bind-06a7ff84.js";
 import "./baseIconButton-b6adc843.js";
 import { C as L } from "./checkbox-9a6c7ce1.js";
-const J = (a) => /* @__PURE__ */ i.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z", fill: "#A2AAB5" })), m = (a) => /* @__PURE__ */ i.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z", fill: "#A2AAB5" })), K = "_table_kha9s_1", O = "_label_kha9s_87", P = {
+const J = (a) => /* @__PURE__ */ h.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ h.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z", fill: "#A2AAB5" })), m = (a) => /* @__PURE__ */ h.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ h.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z", fill: "#A2AAB5" })), K = "_table_kha9s_1", O = "_label_kha9s_87", P = {
   table: K,
   "table-header": "_table-header_kha9s_9",
   "table-row": "_table-row_kha9s_16",
@@ -26,25 +26,25 @@ var v = /* @__PURE__ */ ((a) => (a.ASC = "asc", a.DESC = "desc", a))(v || {});
 const Q = (a) => a.map((c) => c.key), l = G.bind(P), le = ({
   data: a,
   primaryColumn: c,
-  fixedColumns: h,
-  rowActionMenu: d,
+  fixedColumns: i,
+  renderRowActions: d,
   className: x = "",
   rowClassName: A = "",
-  headerClassName: S = "",
+  headerClassName: u = "",
   selectable: y = !1,
   selectedRowIds: o = [],
   sortingDirection: p = v.ASC,
   sortingColumn: r = c,
-  sortableColumns: _ = Q([c, ...h]),
-  onChangeSorting: u = () => {
+  sortableColumns: _ = Q([c, ...i]),
+  onChangeSorting: M = () => {
   },
-  onToggleRowSelection: z = () => {
+  onToggleRowSelection: S = () => {
   },
-  onToggleAllRowsSelection: E = () => {
+  onToggleAllRowsSelection: z = () => {
   }
 }) => {
-  const [M, w] = f(null), [R, g] = f(null), C = F(() => [{ ...c, primary: !0 }, ...h], [c, h]), B = (e) => {
-    _.includes(e) && u({ key: e, direction: p });
+  const [E, w] = f(null), [R, g] = f(null), C = F(() => [{ ...c, primary: !0 }, ...i], [c, i]), B = (e) => {
+    _.includes(e) && M({ key: e, direction: p });
   }, N = (e) => ({
     width: e.width,
     textAlign: e.align
@@ -57,24 +57,24 @@ const Q = (a) => a.map((c) => c.key), l = G.bind(P), le = ({
   }, Z = () => {
     g(null);
   }, $ = (e) => {
-    z(e);
-  }, U = () => {
-    E();
-  }, V = a.every((e) => o.includes(e.id)), b = a.some((e) => o.includes(e.id)), q = (e) => {
+    S(e);
+  }, D = () => {
+    z();
+  }, U = a.every((e) => o.includes(e.id)), b = a.some((e) => o.includes(e.id)), V = (e) => {
     var t;
     return `size-${((t = e.rowConfigs) == null ? void 0 : t.size) ?? "default"}`;
-  }, D = (e) => {
+  }, q = (e) => {
     if (_.includes(e))
       return (r == null ? void 0 : r.key) === e ? p === v.ASC ? /* @__PURE__ */ s(m, {}) : /* @__PURE__ */ s(J, {}) : /* @__PURE__ */ s(m, {});
   };
   return /* @__PURE__ */ n("div", { className: l("table", x), children: [
-    /* @__PURE__ */ n("div", { className: l("table-header", S), children: [
+    /* @__PURE__ */ n("div", { className: l("table-header", u), children: [
       y && /* @__PURE__ */ s("div", { className: l("table-header-cell", "checkbox-cell"), children: b && /* @__PURE__ */ s(
         L,
         {
-          value: V,
+          value: U,
           partiallyChecked: b,
-          onChange: U,
+          onChange: D,
           className: l("checkbox-cell")
         }
       ) }),
@@ -96,7 +96,7 @@ const Q = (a) => a.map((c) => c.key), l = G.bind(P), le = ({
               onMouseLeave: H,
               children: [
                 /* @__PURE__ */ s("span", { children: e.header }),
-                (M === e.key || (r == null ? void 0 : r.key) === e.key) && D(e.key)
+                (E === e.key || (r == null ? void 0 : r.key) === e.key) && q(e.key)
               ]
             }
           )
@@ -108,7 +108,7 @@ const Q = (a) => a.map((c) => c.key), l = G.bind(P), le = ({
     /* @__PURE__ */ s("div", { className: l("table-body"), children: a.map((e, k) => /* @__PURE__ */ n(
       "div",
       {
-        className: l("table-row", q(e), A),
+        className: l("table-row", V(e), A),
         onMouseEnter: () => T(k),
         onMouseLeave: Z,
         children: [
@@ -132,7 +132,7 @@ const Q = (a) => a.map((c) => c.key), l = G.bind(P), le = ({
               },
               t.key
             )),
-            d && /* @__PURE__ */ s("div", { className: l("table-cell", "action-menu-cell"), children: d })
+            d && /* @__PURE__ */ s("div", { className: l("table-cell", "action-menu-cell"), children: d(e.metaData) })
           ] })
         ]
       },

package/dist/table.js

@@ -1,4 +1,4 @@
-import { T as r } from "./table-cb8f9516.js";
+import { T as r } from "./table-9bf4ddab.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/tooltip.js

@@ -1,11 +1,11 @@
-import { jsxs as c, Fragment as F, jsx as o } from "react/jsx-runtime";
-import { useState as L, useRef as a } from "react";
-import { c as M } from "./bind-06a7ff84.js";
-import { useFloating as O, offset as R, flip as v, arrow as D, autoUpdate as H, FloatingArrow as G } from "@floating-ui/react";
-const j = {
+import { jsxs as c, Fragment as L, jsx as o } from "react/jsx-runtime";
+import { useState as M, useRef as a } from "react";
+import { c as O } from "./bind-06a7ff84.js";
+import { useFloating as R, offset as v, flip as D, arrow as H, autoUpdate as G, FloatingArrow as j } from "@floating-ui/react";
+const k = {
   "tooltip-wrapper": "_tooltip-wrapper_18ppz_16",
   "tooltip-content": "_tooltip-content_18ppz_23"
-}, p = M.bind(j), k = 300, z = 100, P = 16, d = 8, $ = ["top", "right", "bottom", "left"], B = ({
+}, p = O.bind(k), z = 300, P = 100, $ = 16, d = 8, U = ["top", "right", "bottom", "left"], C = ({
   content: m,
   wrapperClassName: f,
   contentClassName: u,
@@ -17,39 +17,41 @@ const j = {
   placement: E = "bottom",
   arrowColor: g = "rgba(34, 34, 34, 0.91)",
   dataAutomationId: A,
-  children: b
+  mainAxis: b = !0,
+  children: I
 }) => {
-  const [n, s] = L(!1), i = a(null), t = a(), { refs: l, floatingStyles: I, context: N } = O({
+  const [n, s] = M(!1), i = a(null), t = a(), { refs: l, floatingStyles: N, context: S } = R({
     open: n,
     placement: E,
     middleware: [
-      R({
+      v({
         mainAxis: T + d
       }),
-      v({
+      D({
+        mainAxis: b,
         fallbackAxisSideDirection: "start",
-        fallbackPlacements: $
+        fallbackPlacements: U
       }),
-      D({
+      H({
         element: i
       })
     ],
-    whileElementsMounted: H
-  }), e = h ? null : { width: `${w}px` }, S = document.documentElement.clientWidth, W = e || S - z, r = () => {
+    whileElementsMounted: G
+  }), e = h ? null : { width: `${w}px` }, W = document.documentElement.clientWidth, y = e || W - P, r = () => {
     t.current && clearTimeout(t.current), s(!1);
-  }, y = () => {
-    t.current = setTimeout(() => s(!0), k);
+  }, F = () => {
+    t.current = setTimeout(() => s(!0), z);
   };
-  return /* @__PURE__ */ c(F, { children: [
+  return /* @__PURE__ */ c(L, { children: [
     /* @__PURE__ */ o(
       "div",
       {
         ref: l.setReference,
         className: p("tooltip-wrapper", f),
         onMouseDown: r,
-        onMouseEnter: y,
+        onMouseEnter: F,
         onMouseLeave: r,
-        children: b
+        children: I
       }
     ),
     n && /* @__PURE__ */ c(
@@ -57,7 +59,7 @@ const j = {
       {
         ref: l.setFloating,
         style: {
-          ...I,
+          ...N,
           ...e,
           minWidth: x,
           zIndex: _
@@ -65,11 +67,11 @@ const j = {
         "data-automation-id": A,
         children: [
           /* @__PURE__ */ o(
-            G,
+            j,
             {
               ref: i,
-              context: N,
-              width: P,
+              context: S,
+              width: $,
               height: d,
               fill: g
             }
@@ -79,7 +81,7 @@ const j = {
             {
               className: p("tooltip-content", u),
               style: {
-                maxWidth: `${W}px`
+                maxWidth: `${y}px`
               },
               children: m
             }
@@ -90,5 +92,5 @@ const j = {
   ] });
 };
 export {
-  B as Tooltip
+  C as Tooltip
 };

package/package.json

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