@reportportal/ui-kit 0.0.1-alpha.158 → 0.0.1-alpha.159

package/dist/{checkbox-ed6cc375.js → checkbox-493fdc63.js}

@@ -1,38 +1,38 @@
 import { jsxs as x, jsx as n } from "react/jsx-runtime";
 import { c as f } from "./bind-06a7ff84.js";
 import { useRef as y, useId as C } from "react";
-import { K as p } from "./keyCodes-f63c0e11.js";
-const E = "_checkbox_rvc2u_1", D = "_disabled_rvc2u_11", K = "_input_rvc2u_16", N = "_control_rvc2u_23", v = "_children_rvc2u_155", I = {
+import { K as d } from "./keyCodes-f63c0e11.js";
+const E = "_checkbox_8r30i_1", D = "_disabled_8r30i_12", K = "_input_8r30i_17", N = "_control_8r30i_24", I = "_children_8r30i_156", R = {
   checkbox: E,
   disabled: D,
   input: K,
   control: N,
-  "partially-checked": "_partially-checked_rvc2u_78",
-  children: v
-}, e = f.bind(I), Y = ({
+  "partially-checked": "_partially-checked_8r30i_79",
+  children: I
+}, e = f.bind(R), A = ({
   children: s,
   disabled: c = !1,
-  onChange: d,
-  className: h,
+  onChange: h,
+  className: k,
   value: t,
-  partiallyChecked: k,
+  partiallyChecked: b,
   title: l,
-  ...b
+  ...u
 }) => {
   const o = y(null), a = C(), m = (r) => {
-    var _, u;
+    var _, p;
     const { keyCode: i } = r;
-    if (i === p.SPACE_KEY_CODE) {
+    if (i === d.SPACE_KEY_CODE) {
       r.preventDefault(), (_ = o.current) == null || _.click();
       return;
     }
-    i === p.ENTER_KEY_CODE && (r.preventDefault(), (u = o.current) == null || u.click());
+    i === d.ENTER_KEY_CODE && (r.preventDefault(), (p = o.current) == null || p.click());
   };
   return /* @__PURE__ */ x(
     "label",
     {
       id: a,
-      className: e("checkbox", h, {
+      className: e("checkbox", k, {
         disabled: c
       }),
       title: l,
@@ -44,12 +44,12 @@ const E = "_checkbox_rvc2u_1", D = "_disabled_rvc2u_11", K = "_input_rvc2u_16",
             tabIndex: 0,
             type: "checkbox",
             onKeyDown: m,
-            className: e("input", { "partially-checked": k }),
+            className: e("input", { "partially-checked": b }),
             disabled: c,
-            onChange: d,
+            onChange: h,
             checked: t,
             title: l,
-            ...b
+            ...u
           }
         ),
         /* @__PURE__ */ n(
@@ -69,5 +69,5 @@ const E = "_checkbox_rvc2u_1", D = "_disabled_rvc2u_11", K = "_input_rvc2u_16",
   );
 };
 export {
-  Y as C
+  A as C
 };

package/dist/checkbox.js

@@ -1,4 +1,4 @@
-import { C as r } from "./checkbox-ed6cc375.js";
+import { C as r } from "./checkbox-493fdc63.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";

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

@@ -5,3 +5,4 @@ export { useColumnWidths } from './useColumnWidths';
 export { useColumnResize } from './useColumnResize';
 export { useRightGradientPosition, usePinnedGradientPosition } from './useGradientPosition';
 export type { RightGradientPosition, PinnedGradientPosition } from './useGradientPosition';
+export { useCheckboxRowSync } from './useCheckboxRowSync';

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

@@ -0,0 +1,10 @@
+interface UseCheckboxRowSyncProps {
+    enabled: boolean;
+    rowCount: number;
+}
+export declare const useCheckboxRowSync: ({ enabled, rowCount }: UseCheckboxRowSyncProps) => {
+    setTableRowRef: (index: number) => (el: HTMLElement | null) => void;
+    setCheckboxRowRef: (index: number) => (el: HTMLElement | null) => void;
+    syncAllHeights: () => void;
+};
+export {};

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

@@ -44,7 +44,9 @@ export interface TableComponentProps {
     fixedColumns: FixedColumn[];
     renderRowActions?: (metaData?: MetaData) => ReactNode;
     selectable?: boolean;
+    isCheckboxOutside?: boolean;
     className?: string;
+    wrapperClassName?: string;
     headerClassName?: string;
     bodyClassName?: string;
     rowClassName?: string;

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

@@ -7,6 +7,6 @@ export declare const getColumnsKeys: (columns: Column[]) => string[];
 export declare const toggleDirection: (direction: SortingDirection) => "asc" | "desc";
 export declare const isPrimaryColumn: (column: PrimaryColumn | FixedColumn) => boolean;
 export declare const getRowSizeClassName: (rowData: RowData) => string;
-export declare const calculatePinnedPosition: (columnIndex: number, columns: (PrimaryColumn | FixedColumn)[], columnWidthsRef: MutableRefObject<Map<string, number>>, isRowsExpandable: boolean, selectable: boolean) => number;
-export declare const getCellStyle: (column: FixedColumn | PrimaryColumn, isPinned: boolean, pinnedIndex: number | undefined, pinnedColumns: (PrimaryColumn | FixedColumn)[], columnWidthsRef: MutableRefObject<Map<string, number>>, isRowsExpandable: boolean, selectable: boolean) => CSSProperties;
-export declare const getGridTemplateColumns: (pinnedColumns: (PrimaryColumn | FixedColumn)[], scrollableColumns: (PrimaryColumn | FixedColumn)[], isRowsExpandable: boolean, selectable: boolean, renderRowActions: boolean, isHeader?: boolean, columnWidths?: Record<string, number>, isResizable?: boolean) => string;
+export declare const calculatePinnedPosition: (columnIndex: number, columns: (PrimaryColumn | FixedColumn)[], columnWidthsRef: MutableRefObject<Map<string, number>>, isRowsExpandable: boolean, selectable: boolean, isCheckboxOutside?: boolean) => number;
+export declare const getCellStyle: (column: FixedColumn | PrimaryColumn, isPinned: boolean, pinnedIndex: number | undefined, pinnedColumns: (PrimaryColumn | FixedColumn)[], columnWidthsRef: MutableRefObject<Map<string, number>>, isRowsExpandable: boolean, selectable: boolean, isCheckboxOutside?: boolean) => CSSProperties;
+export declare const getGridTemplateColumns: (pinnedColumns: (PrimaryColumn | FixedColumn)[], scrollableColumns: (PrimaryColumn | FixedColumn)[], isRowsExpandable: boolean, selectable: boolean, renderRowActions: boolean, isHeader?: boolean, columnWidths?: Record<string, number>, isResizable?: boolean, isCheckboxOutside?: boolean) => string;

package/dist/{datePicker-37854acd.js → datePicker-60b22314.js}

@@ -3,7 +3,7 @@ import B from "react-datepicker/dist/es/index.js";
 import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as P, useRef as D } from "react";
 import { F as I } from "./fieldText-1749da7a.js";
-import { D as E } from "./dropdown-ae695766.js";
+import { D as E } from "./dropdown-40fcc3ad.js";
 import { S as T } from "./calendarArrow-44c7e60e.js";
 import { registerLocale as j } from "react-datepicker";
 const ie = (n, s) => {

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-37854acd.js";
-import { r as A } from "./datePicker-37854acd.js";
+import { D as t } from "./datePicker-60b22314.js";
+import { r as A } from "./datePicker-60b22314.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
@@ -11,7 +11,7 @@ import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./dropdown-ae695766.js";
+import "./dropdown-40fcc3ad.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
@@ -22,7 +22,7 @@ import "./adaptiveTagList.js";
 import "./button-97d9e587.js";
 import "./close-4d480ef7.js";
 import "./isEmpty-ccacb5ff.js";
-import "./checkbox-ed6cc375.js";
+import "./checkbox-493fdc63.js";
 import "./calendarArrow-44c7e60e.js";
 import "react-datepicker";
 export {

package/dist/{dropdown-ae695766.js → dropdown-40fcc3ad.js}

@@ -11,7 +11,7 @@ import { S as Nr } from "./clear-53660571.js";
 import { S as Ir } from "./dropdown-0260bb66.js";
 import { FieldLabel as Kr } from "./fieldLabel.js";
 import { AdaptiveTagList as Lr } from "./adaptiveTagList.js";
-import { C as Tr } from "./checkbox-ed6cc375.js";
+import { C as Tr } from "./checkbox-493fdc63.js";
 import { i as se } from "./isEmpty-ccacb5ff.js";
 const xr = (n) => {
   const r = {}, c = {};

package/dist/dropdown.js

@@ -1,5 +1,5 @@
-import { D as r } from "./dropdown-ae695766.js";
-import { a as n } from "./dropdown-ae695766.js";
+import { D as r } from "./dropdown-40fcc3ad.js";
+import { a as n } from "./dropdown-40fcc3ad.js";
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
@@ -16,7 +16,7 @@ import "./adaptiveTagList.js";
 import "./button-97d9e587.js";
 import "./close-4d480ef7.js";
 import "./isEmpty-ccacb5ff.js";
-import "./checkbox-ed6cc375.js";
+import "./checkbox-493fdc63.js";
 export {
   n as DROPDOWN_PORTAL_MENU_ATTR,
   r as Dropdown,

package/dist/index.js

@@ -4,11 +4,11 @@ import { B as h } from "./baseIconButton-251479f7.js";
 import { B } from "./breadcrumbs-8e5ca8d7.js";
 import { B as M } from "./bubblesLoader-f3ffa240.js";
 import { B as w } from "./button-97d9e587.js";
-import { C as k } from "./checkbox-ed6cc375.js";
+import { C as k } from "./checkbox-493fdc63.js";
 import { Chip as O } from "./chip.js";
-import { D as z } from "./datePicker-37854acd.js";
+import { D as z } from "./datePicker-60b22314.js";
 import "react-datepicker";
-import { D as J } from "./dropdown-ae695766.js";
+import { D as J } from "./dropdown-40fcc3ad.js";
 import { FieldLabel as G } from "./fieldLabel.js";
 import { F as X } from "./fieldNumber-d1b5a7a1.js";
 import { F as q } from "./fieldText-1749da7a.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-1aaae76c.js";
+import { T as ho } from "./table-09b572b3.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/modal.js

@@ -5,7 +5,7 @@ import { AnimatePresence as Y, motion as X } from "framer-motion";
 import { c as b } from "./bind-06a7ff84.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { a as q } from "./dropdown-ae695766.js";
+import { a as q } from "./dropdown-40fcc3ad.js";
 import { K as J } from "./keyCodes-f63c0e11.js";
 import { B as D } from "./button-97d9e587.js";
 import { Tooltip as Q } from "./tooltip.js";
@@ -19,7 +19,7 @@ import "./dropdown-0260bb66.js";
 import "./fieldLabel.js";
 import "./adaptiveTagList.js";
 import "./isEmpty-ccacb5ff.js";
-import "./checkbox-ed6cc375.js";
+import "./checkbox-493fdc63.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
 function ee(t, i, o) {