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

package/dist/chip.js

@@ -0,0 +1,72 @@
+import { jsxs as k, Fragment as w, jsx as n } from "react/jsx-runtime";
+import { c as N } from "./bind-06a7ff84.js";
+import "react";
+import { S as x } from "./close-4d480ef7.js";
+const D = "_chip_a59ru_16", j = "_clickable_a59ru_34", K = "_disabled_a59ru_40", S = "_label_a59ru_51", v = "_error_a59ru_82", E = "_warning_a59ru_87", F = "_link_a59ru_91", I = {
+  chip: D,
+  clickable: j,
+  disabled: K,
+  label: S,
+  "remove-button": "_remove-button_a59ru_57",
+  error: v,
+  warning: E,
+  link: F
+}, c = N.bind(I), A = ({
+  children: u,
+  variant: b = "default",
+  link: s,
+  onClick: t,
+  onRemove: e,
+  className: p,
+  maxWidth: l,
+  title: f,
+  disabled: a = !1
+}) => {
+  const o = !!t && !a, h = o ? "button" : void 0, m = o ? 0 : void 0, i = c("chip", b, p, {
+    disabled: a,
+    clickable: !!t || !!s,
+    removable: !!e
+  }), d = (r) => {
+    r.stopPropagation(), r.preventDefault(), e == null || e(r);
+  }, g = (r) => {
+    a || t == null || t(r);
+  }, y = (r) => {
+    a || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click());
+  }, _ = /* @__PURE__ */ k(w, { children: [
+    /* @__PURE__ */ n("span", { className: c("label"), style: l ? { maxWidth: l } : void 0, title: f, children: u }),
+    e && !a && /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: c("remove-button"),
+        onClick: d,
+        "aria-label": "Remove",
+        children: /* @__PURE__ */ n(x, {})
+      }
+    )
+  ] });
+  return s && !a ? /* @__PURE__ */ n(
+    "a",
+    {
+      href: s,
+      className: i,
+      onClick: t,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: _
+    }
+  ) : /* @__PURE__ */ n(
+    "span",
+    {
+      className: i,
+      onClick: g,
+      onKeyDown: y,
+      role: h,
+      tabIndex: m,
+      children: _
+    }
+  );
+};
+export {
+  A as Chip
+};

package/dist/components/chip/chip.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, MouseEvent } from 'react';
+
+export type ChipVariant = 'default' | 'error' | 'warning' | 'link';
+export interface ChipProps {
+    children: ReactNode;
+    variant?: ChipVariant;
+    link?: string;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+    maxWidth?: number;
+    title?: string;
+    disabled?: boolean;
+}
+export declare const Chip: ({ children, variant, link, onClick, onRemove, className, maxWidth, title, disabled, }: ChipProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { Chip } from './chip';
+export type { ChipProps, ChipVariant } from './chip';

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/index.d.ts

@@ -5,6 +5,7 @@ export { Breadcrumbs } from './breadcrumbs';
 export { BubblesLoader } from './bubblesLoader';
 export { Button } from './button';
 export { Checkbox } from './checkbox';
+export { Chip } from './chip';
 export { DatePicker } from './datePicker';
 export { Dropdown } from './dropdown';
 export { FieldLabel } from './fieldLabel';
@@ -13,6 +14,7 @@ export { FieldText } from './fieldText';
 export { FieldTextFlex } from './fieldTextFlex';
 export { FileDropArea } from './fileDropArea';
 export { FiltersButton } from './filtersButton';
+export { IssueList } from './issueList';
 export { Modal } from './modal';
 export { MultipleAutocomplete } from './autocompletes/multipleAutocomplete';
 export { Pagination } from './pagination';

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

@@ -0,0 +1,5 @@
+export declare const FONT_LOADING_DELAY = 100;
+export declare const GAP = 8;
+export declare const MIN_COUNTER_WIDTH = 32;
+export declare const MIN_ISSUE_WIDTH = 60;
+export declare const TOOLTIP_WIDTH = 360;

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

@@ -0,0 +1,2 @@
+export { IssueList } from './issueList';
+export type { IssueListProps, Issue } from './issueList';

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/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
 };