@reportportal/ui-kit 0.0.1-alpha.151 → 0.0.1-alpha.152

package/dist/components/dropdown/dropdown.d.ts

@@ -40,10 +40,6 @@ export interface DropdownProps {
     onClear?: () => void;
     /** ARIA label for the clear button */
     clearButtonAriaLabel?: string;
-    /** Portal root element for tooltip rendering (e.g., document.body to prevent clipping) */
-    tooltipPortalRoot?: Element;
-    /** Z-index for tooltip when rendered in portal (default: 9) */
-    tooltipZIndex?: number;
     /**
      * Portal root element for dropdown menu rendering.
      * When provided, the menu will be rendered in this element using React Portal.

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

@@ -3,3 +3,4 @@ export declare const DESC = "desc";
 export declare const EXPANDABLE_CHECKBOX_COLUMN_WIDTH = 32;
 export declare const PRIMARY_COLUMN_DEFAULT_WIDTH = 100;
 export declare const ACTION_MENU_COLUMN_WIDTH = 48;
+export declare const GRADIENT_OVERLAY_WIDTH = 48;

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

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+
+export interface GradientOverlayProps {
+    portalContainer?: HTMLElement | null;
+    visible: boolean;
+    position: {
+        top: number;
+        left?: number;
+        right?: number;
+    };
+    size: {
+        width: number;
+        height: number;
+    };
+    direction: 'left' | 'right';
+    className?: string;
+    dataTestId?: string;
+}
+export declare const GradientOverlay: ({ portalContainer, visible, position, size, direction, className, dataTestId, }: GradientOverlayProps) => ReactElement | null;

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

@@ -0,0 +1,2 @@
+export { GradientOverlay } from './gradientOverlay';
+export type { GradientOverlayProps } from './gradientOverlay';

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

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

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

@@ -0,0 +1,24 @@
+export interface RightGradientPosition {
+    visible: boolean;
+    position: {
+        top: number;
+        left: number;
+    };
+    size: {
+        width: number;
+        height: number;
+    };
+}
+export interface PinnedGradientPosition {
+    visible: boolean;
+    position: {
+        top: number;
+        left: number;
+    };
+    size: {
+        width: number;
+        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;

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

@@ -1,4 +1,4 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
 import { ASC, DESC } from './constants';
 
 export interface Column {
@@ -70,4 +70,8 @@ export interface TableComponentProps {
     onToggleRowExpansion?: (id: string | number) => void;
     onToggleAllRowsExpansion?: () => void;
     onColumnResize?: (columnKey: string, width: number) => void;
+    externalScrollContainerRef?: RefObject<HTMLElement> | RefObject<Element> | null | undefined;
+    portalContainer?: HTMLElement | null;
+    rightGradientClassName?: string;
+    pinnedGradientClassName?: string;
 }

package/dist/{datePicker-d85ff750.js → datePicker-3881a2d6.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-86a51ac5.js";
+import { D as E } from "./dropdown-b63f2137.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-d85ff750.js";
-import { r as E } from "./datePicker-d85ff750.js";
+import { D as t } from "./datePicker-3881a2d6.js";
+import { r as A } from "./datePicker-3881a2d6.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
@@ -11,16 +11,13 @@ import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./dropdown-86a51ac5.js";
+import "./dropdown-b63f2137.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
 import "./keyCodes-f63c0e11.js";
 import "./dropdown-0260bb66.js";
-import "./tooltip.js";
-import "@floating-ui/react";
-import "./floatingUi-41f8c7b5.js";
 import "./adaptiveTagList.js";
 import "./button-97d9e587.js";
 import "./close-4d480ef7.js";
@@ -31,5 +28,5 @@ import "react-datepicker";
 export {
   t as DatePicker,
   t as default,
-  E as registerDatePickerLocale
+  A as registerDatePickerLocale
 };