@reportportal/ui-kit 0.0.1-alpha.17 → 0.0.1-alpha.171

package/dist/components/issueList/issueList.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+
+export interface Issue {
+    key: string;
+    name: string;
+    link?: string;
+}
+export interface IssueListProps {
+    issues: Issue[];
+    isExpanded?: boolean;
+    onIssueClick?: (issue: Issue) => void;
+    onIssueRemove?: (issue: Issue) => void;
+    onCounterClick?: () => void;
+    renderTooltip?: (issue: Issue) => ReactNode;
+    tooltipPortalRoot?: Element;
+    className?: string;
+}
+export declare const IssueList: ({ issues, isExpanded, onIssueClick, onIssueRemove, onCounterClick, renderTooltip, tooltipPortalRoot, className, }: IssueListProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/maxValueDisplay/index.d.ts

@@ -0,0 +1,4 @@
+import { MaxValueDisplay } from './maxValueDisplay';
+
+export { MaxValueDisplay };
+export default MaxValueDisplay;

package/dist/components/maxValueDisplay/maxValueDisplay.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ShapeWithClassName } from '../../common/types';
+
+export interface MaxValueDisplayProps {
+    value: number;
+    maxValue?: number;
+}
+export declare const MaxValueDisplay: FC<ShapeWithClassName<MaxValueDisplayProps>>;

package/dist/components/maxValueDisplay/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './isPositiveInteger';

package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts

@@ -0,0 +1 @@
+export declare const isPositiveInteger: (value?: number) => boolean;

package/dist/components/modal/index.d.ts

@@ -2,3 +2,4 @@ export { Modal } from './modal';
 export { ModalContent } from './modalContent';
 export { ModalHeader } from './modalHeader';
 export { ModalFooter } from './modalFooter';
+export type { ExtendedButtonProps } from './types';

package/dist/components/modal/modal.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode, FC } from 'react';
 import { ButtonProps } from '../button';
 import { ModalSize } from './modalFooter';
+import { ExtendedButtonProps } from './types';
+
 type ModalOverlay = 'default' | 'light-cyan';
 interface ModalProps {
     onClose?: () => void;
@@ -12,13 +14,11 @@ interface ModalProps {
     size?: ModalSize;
     overlay?: ModalOverlay;
     allowCloseOutside?: boolean;
-    okButton?: ButtonProps;
+    okButton?: ExtendedButtonProps;
     cancelButton?: ButtonProps;
     scrollable?: boolean;
     withoutFooter?: boolean;
-    CustomFooter?: FC<{
-        closeHandler: () => void;
-    }>;
+    createFooter?: (closeHandler: () => void) => ReactNode;
     description?: ReactNode;
 }
 export declare const Modal: FC<ModalProps>;

package/dist/components/modal/modalContent/modalContent.d.ts

@@ -1,6 +1,7 @@
-import { ReactNode, FC } from 'react';
+import { ReactNode } from 'react';
+
 interface ModalContentProps {
     children?: ReactNode;
 }
-export declare const ModalContent: FC<ModalContentProps>;
+export declare const ModalContent: ({ children }: ModalContentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/modal/modalFooter/modalFooter.d.ts

@@ -1,10 +1,12 @@
 import { ReactNode, FC, MouseEventHandler } from 'react';
 import { ButtonProps } from '../../button';
+import { ExtendedButtonProps } from '../types';
+
 export type ModalSize = 'default' | 'small' | 'large';
 interface ModalFooterProps {
     closeHandler: MouseEventHandler<HTMLButtonElement>;
     footerNode?: ReactNode;
-    okButton?: ButtonProps;
+    okButton?: ExtendedButtonProps;
     cancelButton?: ButtonProps;
     size?: ModalSize;
 }

package/dist/components/modal/modalHeader/modalHeader.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode, FC } from 'react';
+
 interface ModalHeaderProps {
     title?: ReactNode;
     onClose: () => void;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../button';
+
+export interface ExtendedButtonProps extends ButtonProps {
+    tooltipNode?: ReactNode;
+}

package/dist/components/pagination/index.d.ts

@@ -1,4 +1,5 @@
 import { Pagination, PaginationProps } from './pagination';
+
 export { Pagination };
 export type { PaginationProps };
 export default Pagination;

package/dist/components/pagination/itemsCounter/itemCounter.d.ts

@@ -1,9 +1,12 @@
-import { FC } from 'react';
+import { ReactElement, ReactNode } from 'react';
+
 export interface ItemCounterProps {
     activePage: number;
     pageSize: number;
     totalItems: number;
     ofText: string;
     itemsText: string;
+    limitExceeded?: boolean;
+    warningContent?: ReactNode;
 }
-export declare const ItemCounter: FC<ItemCounterProps>;
+export declare const ItemCounter: ({ activePage, pageSize, totalItems, ofText, itemsText, limitExceeded, warningContent, }: ItemCounterProps) => ReactElement;

package/dist/components/pagination/pageControls/activePage/activePage.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePage } from '../../types';
+
 interface ActivePageProps {
     activePage: number;
     totalPages: number;

package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePage } from '../../../types';
+
 interface PageSelectorProps {
     pageText: string;
     goActionText: string;

package/dist/components/pagination/pageControls/pageControls.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePage } from '../types';
+
 type PageControlsCaptions = {
     page: string;
     goTo: string;

package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePage } from '../../../types';
+
 export interface BarProps {
     totalPages: number;
     activePage: number;

package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePage } from '../../types';
+
 export interface PageNavigatorProps {
     activePage: number;
     totalPages: number;

package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePageSize } from '../types';
+
 interface PageSizeControlProps {
     size: number;
     sizeOptions: number[];

package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePageSize } from '../../types';
+
 export interface SizeSelectorProps {
     currentSize: number;
     options: number[];

package/dist/components/pagination/pagination.d.ts

@@ -1,5 +1,6 @@
-import { FC } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { ChangePageSize, ChangePage } from './types';
+
 type PaginationCaptions = {
     items?: string;
     of?: string;
@@ -17,6 +18,9 @@ export interface PaginationProps {
     changePage: ChangePage;
     changePageSize: ChangePageSize;
     captions?: PaginationCaptions;
+    className?: string;
+    warningContent?: ReactNode;
+    limitExceeded?: boolean;
 }
-export declare const Pagination: FC<PaginationProps>;
+export declare const Pagination: ({ activePage, totalPages, pageSize, totalItems, pageSizeOptions, changePage, changePageSize, captions, className, warningContent, limitExceeded, }: PaginationProps) => ReactElement;
 export {};

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

@@ -1 +1,4 @@
-export { Popover } from './popover';
+import { Popover, PopoverProps } from './popover';
+
+export { Popover };
+export type { PopoverProps };

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

@@ -1,6 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
-interface PopoverProps {
+
+export interface PopoverProps {
     className?: string;
     content: ReactNode;
     children: ReactNode;
@@ -13,6 +14,6 @@ interface PopoverProps {
     dataAutomationId?: string;
     isOpened?: boolean;
     setIsOpened?: (isOpened: boolean) => void;
+    isCentered?: boolean;
 }
 export declare const Popover: FC<PopoverProps>;
-export {};

package/dist/components/radio/index.d.ts

@@ -1,4 +1,5 @@
 import { Radio, RadioProps } from './radio.js';
+
 export { Radio };
 export type { RadioProps };
 export default Radio;

package/dist/components/radio/radio.d.ts

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, HTMLAttributes, ReactNode, FC } from 'react';
+
 export type RadioValue = string | number;
 export type RadioOption = {
     value: RadioValue;

package/dist/components/radio/radioGroup.d.ts

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { RadioProps } from './index';
 import { RadioOption } from './radio';
+
 interface RadioGroupProps extends Omit<RadioProps, 'option'> {
     options: RadioOption[];
 }

package/dist/components/segmentedControl/index.d.ts

@@ -0,0 +1,17 @@
+/*!
+ * Copyright 2026 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { SegmentedControl } from './segmentedControl';
+export type { SegmentedControlProps, SegmentedControlValue, SegmentedControlOption } from './types';

package/dist/components/segmentedControl/segmentedControl.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { SegmentedControlProps } from './types';
+
+export declare const SegmentedControl: ({ options: initialOptions, onChange, className, fullWidth, ariaLabel, }: SegmentedControlProps) => ReactElement;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+
+export type SegmentedControlValue = string | number;
+export type SegmentedControlOption = {
+    value: SegmentedControlValue;
+    label: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    selected?: boolean;
+    className?: string;
+};
+export interface SegmentedControlProps {
+    options: SegmentedControlOption[];
+    onChange?: (value: SegmentedControlValue) => void;
+    className?: string;
+    fullWidth?: boolean;
+    ariaLabel?: string;
+}

package/dist/components/selection/index.d.ts

@@ -0,0 +1,5 @@
+import { Selection, SelectionProps } from './selection';
+
+export { Selection };
+export type { SelectionProps };
+export default Selection;

package/dist/components/selection/selection.d.ts

@@ -0,0 +1,12 @@
+import { ClearSelection } from './types';
+
+export interface SelectionProps {
+    selectedCount: number;
+    onClearSelection: ClearSelection;
+    captions?: {
+        selected?: string;
+        buttonCaption?: string;
+    };
+    icon?: React.ReactNode;
+}
+export declare const Selection: ({ selectedCount, onClearSelection, captions, icon, }: SelectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export type ClearSelection = VoidFunction;

package/dist/components/sidePanel/index.d.ts

@@ -0,0 +1,2 @@
+export { SidePanel } from './sidePanel';
+export type { SidePanelProps } from './sidePanel';

package/dist/components/sidePanel/sidePanel.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+
+export interface SidePanelProps {
+    className?: string;
+    title?: ReactNode;
+    headerComponent?: ReactNode;
+    descriptionComponent?: ReactNode;
+    contentComponent?: ReactNode;
+    footerComponent?: ReactNode;
+    top?: number;
+    side?: 'left' | 'right';
+    isOpen?: boolean;
+    onClose?: () => void;
+    closeButtonAriaLabel?: string;
+    showOverlay?: boolean;
+    overlay?: 'default' | 'light-cyan';
+    allowCloseOutside?: boolean;
+    overlayClassName?: string;
+}
+export declare const SidePanel: ({ className, title, descriptionComponent, headerComponent, contentComponent, footerComponent, top, side, isOpen, onClose, closeButtonAriaLabel, showOverlay, overlay, allowCloseOutside, overlayClassName, }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
+export default SidePanel;

package/dist/components/sortable/dragLayer/dragLayer.d.ts

@@ -0,0 +1,3 @@
+import { DragLayerProps } from '../../../common/types';
+
+export declare const DragLayer: ({ type, renderPreview, className, previewClassName, portalTarget, }: DragLayerProps) => import('react').ReactPortal | null;

package/dist/components/sortable/dragLayer/index.d.ts

@@ -0,0 +1 @@
+export { DragLayer } from './dragLayer';

package/dist/components/sortable/helpers.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { XYCoord } from 'react-dnd';
+import { DropPosition } from '../../common/types';
+
+export declare const getPreviewStyles: (clientOffset: XYCoord | null) => CSSProperties;
+export declare const calculateCursorBasedDropIndex: ({ fromIndex, targetIndex, isTopZone, }: {
+    fromIndex: number;
+    targetIndex: number;
+    isTopZone: boolean;
+}) => number;
+export declare const getDropZone: (cursorY: number, elementHeight: number) => DropPosition;

package/dist/components/sortable/index.d.ts

@@ -0,0 +1,5 @@
+export { SortableItem } from './sortableItem';
+export { SortableList } from './sortableList';
+export { DragLayer } from './dragLayer';
+export { TreeSortableItem } from './treeSortableItem';
+export { TreeSortableContainer } from './treeSortableContainer';

package/dist/components/sortable/sortableItem/index.d.ts

@@ -0,0 +1 @@
+export { SortableItem } from './sortableItem';

package/dist/components/sortable/sortableItem/sortableItem.d.ts

@@ -0,0 +1,3 @@
+import { SortableItemProps } from '../../../common/types';
+
+export declare const SortableItem: ({ id, index, type, isDisabled, className, draggingClassName, dropTargetClassName, onDrop, hideDefaultPreview, dropDetectionMode, isLast, children, }: SortableItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sortable/sortableList/index.d.ts

@@ -0,0 +1 @@
+export { SortableList } from './sortableList';

package/dist/components/sortable/sortableList/sortableList.d.ts

@@ -0,0 +1,5 @@
+import { SortableListProps } from '../../../common/types';
+
+export declare const SortableList: <T extends {
+    id: string | number;
+}>({ items, type, isDisabled, className, itemClassName, onReorder, renderItem, keyExtractor, }: SortableListProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sortable/treeSortableContainer/TreeSortableContext.d.ts

@@ -0,0 +1,11 @@
+import { TreeDragItem, TreeDropPosition } from '../../../common/types';
+
+export interface TreeSortableContextValue {
+    showDropConfirmation: boolean;
+    pendingDraggedItemId: string | number | null;
+    pendingTargetId: string | number | null;
+    pendingDropPosition: TreeDropPosition;
+    requestDrop: (draggedItem: TreeDragItem, targetId: string | number, position: TreeDropPosition, dropElement: HTMLElement) => void;
+}
+export declare const TreeSortableContext: import('react').Context<TreeSortableContextValue | null>;
+export declare const useTreeSortableContext: () => TreeSortableContextValue | null;

package/dist/components/sortable/treeSortableContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { TreeSortableContainer } from './treeSortableContainer';
+export { useTreeSortableContext } from './TreeSortableContext';

package/dist/components/sortable/treeSortableContainer/treeSortableContainer.d.ts

@@ -0,0 +1,3 @@
+import { TreeSortableContainerProps } from '../../../common/types';
+
+export declare const TreeSortableContainer: ({ children, showDropConfirmation, confirmationLabels, portalTarget, onMove, onDuplicate, onCancel, }: TreeSortableContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sortable/treeSortableItem/index.d.ts

@@ -0,0 +1 @@
+export { TreeSortableItem } from './treeSortableItem';

package/dist/components/sortable/treeSortableItem/treeSortableItem.d.ts

@@ -0,0 +1,3 @@
+import { TreeSortableItemProps } from '../../../common/types';
+
+export declare const TreeSortableItem: ({ id, index, parentId, type, isDisabled, acceptDrop, isLast, canDropOn, className, draggingClassName, dropBeforeClassName, dropInsideClassName, dropAfterClassName, onDrop, hideDefaultPreview, children, }: TreeSortableItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/spinLoader/index.d.ts

@@ -0,0 +1,4 @@
+import { SpinLoader } from './spinLoader';
+
+export { SpinLoader };
+export default SpinLoader;

package/dist/components/spinLoader/spinLoader.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface SpinLoaderProps {
+    color?: string;
+    className?: string;
+}
+export declare const SpinLoader: FC<SpinLoaderProps>;
+export {};

package/dist/components/systemAlert/index.d.ts

@@ -0,0 +1 @@
+export { SystemAlert } from './systemAlert';

package/dist/components/systemAlert/systemAlert.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SystemAlertProps } from './types';
+
+export declare const SystemAlert: FC<SystemAlertProps>;

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

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+
+export declare enum SystemAlertType {
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error"
+}
+export declare enum SystemAlertTypographyColorType {
+    WHITE = "white",
+    BLACK = "black"
+}
+export interface SystemAlertProps {
+    title: string;
+    onClose: () => void;
+    icon?: ReactElement | null;
+    type?: SystemAlertType;
+    typographyColor?: SystemAlertTypographyColorType;
+    duration?: number;
+    className?: string;
+    dataAutomationId?: string;
+}

package/dist/components/systemMessage/index.d.ts

@@ -1,3 +1,4 @@
 import { SystemMessage } from './systemMessage';
+
 export { SystemMessage };
 export default SystemMessage;

package/dist/components/systemMessage/systemMessage.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+
 type Mode = 'info' | 'warning' | 'error';
 interface SystemMessageProps {
     children?: ReactNode;

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

@@ -0,0 +1,6 @@
+export declare const ASC = "asc";
+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

@@ -0,0 +1,8 @@
+export { useTableColumns } from './useTableColumns';
+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';
+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/hooks/useColumnResize.d.ts

@@ -0,0 +1,21 @@
+import { MutableRefObject } from 'react';
+import { ResizeCallbackData } from 'react-resizable';
+import { PrimaryColumn, FixedColumn } from '../types';
+
+interface UseColumnResizeProps {
+    enabled?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    columns?: (PrimaryColumn | FixedColumn)[];
+    columnWidthsRef?: MutableRefObject<Map<string, number>>;
+    onColumnResize?: (columnKey: string, width: number) => void;
+    initialColumnWidths?: Record<string, number>;
+}
+interface UseColumnResizeReturn {
+    columnWidths: Record<string, number>;
+    handleResize: (columnKey: string) => (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
+    handleResizeStop: (columnKey: string) => () => void;
+    handleResizeStart: () => void;
+}
+export declare const useColumnResize: ({ enabled, minWidth, maxWidth, columns, columnWidthsRef, onColumnResize, initialColumnWidths, }: UseColumnResizeProps) => UseColumnResizeReturn;
+export {};

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

@@ -0,0 +1,8 @@
+import { MutableRefObject } from 'react';
+
+interface UseColumnWidthsReturn {
+    columnWidthsRef: MutableRefObject<Map<string, number>>;
+    setCellRef: (columnKey: string) => (element: HTMLDivElement | null) => void;
+}
+export declare const useColumnWidths: () => UseColumnWidthsReturn;
+export {};

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, gradientUpdateCounter: number) => RightGradientPosition;
+export declare const usePinnedGradientPosition: (table: HTMLElement | null, scrollLeft: number, header: HTMLElement | null, scrollContainer: HTMLElement | null, isHeaderPinned: boolean, scrollTop: number, tableScrollWidth: number, gradientUpdateCounter: number) => PinnedGradientPosition;

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

@@ -0,0 +1,13 @@
+import { PrimaryColumn, FixedColumn, Column } from '../types';
+
+interface UseTableColumnsProps {
+    primaryColumns: Column[];
+    fixedColumns: FixedColumn[];
+    pinnedColumnKeys: string[];
+}
+interface UseTableColumnsReturn {
+    pinnedColumns: (PrimaryColumn | FixedColumn)[];
+    scrollableColumns: (PrimaryColumn | FixedColumn)[];
+}
+export declare const useTableColumns: ({ primaryColumns, fixedColumns, pinnedColumnKeys, }: UseTableColumnsProps) => UseTableColumnsReturn;
+export {};