@reportportal/ui-kit 0.0.1-alpha.7 → 0.0.1-alpha.9

package/dist/bubblesLoader-a7e709d4.js

@@ -0,0 +1,17 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as a } from "./bind-06a7ff84.js";
+const n = "_bubble_kn4ln_1", c = "_bubbles_kn4ln_1", r = {
+  "bubbles-loader": "_bubbles-loader_kn4ln_1",
+  "color-topaz": "_color-topaz_kn4ln_4",
+  bubble: n,
+  bubbles: c
+}, s = a.bind(r), _ = 7, i = ({
+  color: b = "topaz",
+  className: o
+}) => /* @__PURE__ */ l("div", { className: s("bubbles-loader", o, { [`color-${b}`]: b }), children: Array(_).fill(void 0).map((t, e) => (
+  // eslint-disable-next-line react/no-array-index-key
+  /* @__PURE__ */ l("div", { className: s("bubble") }, e)
+)) });
+export {
+  i as B
+};

package/dist/bubblesLoader.js

@@ -1,4 +1,4 @@
-import { B as r } from "./bubblesLoader-9bec3797.js";
+import { B as r } from "./bubblesLoader-a7e709d4.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 export {

package/dist/button-7fb84fde.js

@@ -0,0 +1,62 @@
+import { jsxs as p, jsx as h } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as u } from "./bind-06a7ff84.js";
+const w = "_button_1fbsg_1", x = "_primary_1fbsg_18", y = "_disabled_1fbsg_23", N = "_ghost_1fbsg_35", B = "_danger_1fbsg_53", $ = "_text_1fbsg_69", j = "_icon_1fbsg_115", I = {
+  button: w,
+  primary: x,
+  disabled: y,
+  ghost: N,
+  danger: B,
+  text: $,
+  "width-wide-content": "_width-wide-content_1fbsg_105",
+  "width-parent": "_width-parent_1fbsg_110",
+  icon: j,
+  "icon-start": "_icon-start_1fbsg_121",
+  "icon-end": "_icon-end_1fbsg_125"
+}, c = u.bind(I), z = l(
+  ({
+    variant: t = "primary",
+    icon: e,
+    iconPlace: s = "start",
+    adjustWidthOn: n = "content",
+    type: r = "button",
+    children: i,
+    disabled: o = !1,
+    onClick: a,
+    title: b,
+    className: d,
+    ...f
+  }, g) => {
+    const m = c("button", t, d, {
+      disabled: o,
+      [`width-${n}`]: n
+    }), _ = t === "text" && e;
+    return /* @__PURE__ */ p(
+      "button",
+      {
+        ref: g,
+        type: r,
+        disabled: o,
+        className: m,
+        onClick: a,
+        title: b,
+        ...f,
+        children: [
+          _ && /* @__PURE__ */ h(
+            "i",
+            {
+              className: c("icon", {
+                [`icon-${s}`]: s
+              }),
+              children: _
+            }
+          ),
+          i
+        ]
+      }
+    );
+  }
+);
+export {
+  z as B
+};

package/dist/button.js

@@ -1,4 +1,4 @@
-import { B as o } from "./button-d4944dbc.js";
+import { B as o } from "./button-7fb84fde.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/checkbox-4143390f.js

@@ -0,0 +1,70 @@
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { c as x } from "./bind-06a7ff84.js";
+import { useRef as m } from "react";
+import { K as k } from "./keyCodes-f63c0e11.js";
+const f = "_checkbox_189ko_1", y = "_disabled_189ko_11", C = "_input_189ko_16", E = "_control_189ko_23", D = "_children_189ko_149", K = {
+  checkbox: f,
+  disabled: y,
+  input: C,
+  control: E,
+  "partially-checked": "_partially-checked_189ko_76",
+  children: D
+}, e = x.bind(K), O = ({
+  children: l,
+  disabled: c = !1,
+  onChange: _,
+  className: p,
+  value: r,
+  partiallyChecked: h,
+  ...b
+}) => {
+  const o = m(null), d = (t) => {
+    var a, i;
+    const { keyCode: s } = t;
+    if (s === k.SPACE_KEY_CODE) {
+      t.preventDefault(), (a = o.current) == null || a.click();
+      return;
+    }
+    s === k.ENTER_KEY_CODE && (t.preventDefault(), (i = o.current) == null || i.click());
+  };
+  return /* @__PURE__ */ u(
+    "label",
+    {
+      id: "rp-ui-kit-checkbox-label",
+      className: e("checkbox", p, {
+        disabled: c
+      }),
+      children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: o,
+            tabIndex: 0,
+            type: "checkbox",
+            onKeyDown: d,
+            className: e("input", { "partially-checked": h }),
+            disabled: c,
+            onChange: _,
+            checked: r,
+            ...b
+          }
+        ),
+        /* @__PURE__ */ n(
+          "span",
+          {
+            "aria-labelledby": "rp-ui-kit-checkbox-label",
+            role: "checkbox",
+            "aria-checked": r,
+            className: e("control", {
+              disabled: c
+            })
+          }
+        ),
+        l && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: l })
+      ]
+    }
+  );
+};
+export {
+  O as C
+};

package/dist/checkbox.js

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

package/dist/components/button/button.d.ts

@@ -6,7 +6,6 @@ export interface ButtonProps extends ComponentPropsWithRef<'button'> {
     children?: ReactNode;
     icon?: ReactNode;
     iconPlace?: IconPlace;
-    dataAutomationId?: string;
     adjustWidthOn?: ButtonWidth;
     disabled?: boolean;
     type?: 'submit' | 'reset' | 'button';

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

@@ -1,4 +1,4 @@
-import { Button } from './button';
+import { Button, ButtonProps } from './button';
 export { Button };
-export type { ButtonProps } from './button';
+export type { ButtonProps };
 export default Button;

package/dist/components/checkbox/checkbox.d.ts

@@ -5,6 +5,7 @@ interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
     disabled?: boolean;
     className?: string;
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    partiallyChecked?: boolean;
 }
 export declare const Checkbox: FC<CheckboxProps>;
 export {};

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

@@ -1,3 +1,7 @@
 import { KeyCodes } from '../../common/constants/keyCodes';
 export declare const OPEN_DROPDOWN_KEY_CODES: KeyCodes[];
 export declare const CLOSE_DROPDOWN_KEY_CODES: KeyCodes[];
+export declare enum EventName {
+    ON_KEY_DOWN = "onKeyDown",
+    ON_CLICK = "onClick"
+}

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

@@ -11,7 +11,6 @@ interface DropdownProps {
     icon?: ReactNode;
     variant?: DropdownVariant;
     placeholder?: string;
-    defaultWidth?: boolean;
     transparentBackground?: boolean;
     className?: string;
     toggleButtonClassName?: string;

package/dist/components/fieldText/fieldText.d.ts

@@ -18,6 +18,7 @@ interface FieldTextProps extends ComponentPropsWithRef<'input'> {
     isRequired?: boolean;
     hasDoubleMessage?: boolean;
     type?: string;
+    displayError?: boolean;
 }
 export declare const FieldText: FC<FieldTextProps>;
 export {};

package/dist/components/fieldTextFlex/fieldTextFlex.d.ts

@@ -0,0 +1,14 @@
+import { ChangeEventHandler, ComponentPropsWithRef, FC, FocusEventHandler, KeyboardEventHandler } from 'react';
+export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
+    value: string;
+    readonly?: boolean;
+    error?: string;
+    touched?: boolean;
+    label?: string;
+    helpText?: string;
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
+}
+export declare const FieldTextFlex: FC<FieldTextFlexProps>;

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

@@ -0,0 +1,3 @@
+import { FieldTextFlex } from './fieldTextFlex';
+export { FieldTextFlex };
+export default FieldTextFlex;

package/dist/components/icons/baseIconButton/baseIconButton.d.ts

@@ -0,0 +1,8 @@
+import { FC, MouseEventHandler, ReactNode, HTMLAttributes } from 'react';
+export interface BaseIconButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export declare const BaseIconButton: FC<BaseIconButtonProps>;

package/dist/components/icons/baseIconButton/index.d.ts

@@ -0,0 +1,4 @@
+import { BaseIconButton, BaseIconButtonProps } from './baseIconButton';
+export { BaseIconButton };
+export type { BaseIconButtonProps };
+export default BaseIconButton;

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

@@ -0,0 +1,12 @@
+export { BaseIconButton } from './baseIconButton';
+export { default as ClearIcon } from './svg/clear.svg';
+export { default as CloseIcon } from './svg/close.svg';
+export { default as PlusIcon } from './svg/plus.svg';
+export { default as MinusIcon } from './svg/minus.svg';
+export { default as DeleteIcon } from './svg/delete.svg';
+export { default as DropdownIcon } from './svg/dropdown.svg';
+export { default as PrevPageIcon } from './svg/prevPage.svg';
+export { default as PrevChapterIcon } from './svg/prevChapter.svg';
+export { default as ArrowDownIcon } from './svg/arrowDown.svg';
+export { default as ArrowUpIcon } from './svg/arrowUp.svg';
+export { default as MeatballMenuIcon } from './svg/meatballMenu.svg';

package/dist/components/index.d.ts

@@ -6,6 +6,11 @@ export { ThemeProvider } from './themeProvider';
 export { Modal } from './modal';
 export { Dropdown } from './dropdown';
 export { Toggle } from './toggle';
-export { Icon } from './icon';
 export { FieldNumber } from './fieldNumber';
 export { BubblesLoader } from './bubblesLoader';
+export { FieldTextFlex } from './fieldTextFlex';
+export { Radio } from './radio';
+export { Tooltip } from './tooltip';
+export { Popover } from './popover';
+export { Pagination } from './pagination';
+export * from './icons';

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

@@ -3,17 +3,19 @@ import { ButtonProps } from '../button';
 import { ModalSize } from './modalFooter';
 type ModalOverlay = 'default' | 'light-cyan';
 interface ModalProps {
+    onClose: () => void;
     title?: ReactNode;
     headerNode?: ReactNode;
     children?: ReactNode;
     footerNode?: ReactNode;
     className?: string;
+    zIndex?: number;
     size?: ModalSize;
     overlay?: ModalOverlay;
     allowCloseOutside?: boolean;
     okButton?: ButtonProps;
     cancelButton?: ButtonProps;
-    onClose: () => void;
+    scrollable?: boolean;
 }
 export declare const Modal: FC<ModalProps>;
 export {};

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

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

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

@@ -0,0 +1 @@
+export { ItemCounter } from './itemCounter';

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export interface ItemCounterProps {
+    activePage: number;
+    pageSize: number;
+    totalItems: number;
+    ofText: string;
+    itemsText: string;
+}
+export declare const ItemCounter: FC<ItemCounterProps>;

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+interface ActivePageProps {
+    activePage: number;
+    totalPages: number;
+    pageText: string;
+    goToText: string;
+    goActionText: string;
+    changePage: ChangePage;
+}
+export declare const ActivePage: FC<ActivePageProps>;
+export {};

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

@@ -0,0 +1 @@
+export { ActivePage } from './activePage';

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

@@ -0,0 +1 @@
+export { PageSelector } from './pageSelector';

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ChangePage } from '../../../types';
+interface PageSelectorProps {
+    pageText: string;
+    goActionText: string;
+    totalPages: number;
+    selectPage: ChangePage;
+}
+export declare const PageSelector: FC<PageSelectorProps>;
+export {};

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

@@ -0,0 +1 @@
+export { PageControls } from './pageControls';

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

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ChangePage } from '../types';
+type PageControlsCaptions = {
+    page: string;
+    goTo: string;
+    goAction: string;
+    of: string;
+};
+export interface PageControlsProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+    captions: PageControlsCaptions;
+}
+export declare const PageControls: FC<PageControlsProps>;
+export {};

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

@@ -0,0 +1 @@
+export { PageNavigator } from './pageNavigator';

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+export interface PageNavigatorProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+}
+export declare const PageNavigator: FC<PageNavigatorProps>;

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

@@ -0,0 +1 @@
+export { PageSizeControl } from './pageSizeControl';

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../types';
+interface PageSizeControlProps {
+    size: number;
+    sizeOptions: number[];
+    perPageText: string;
+    changeSize: ChangePageSize;
+}
+export declare const PageSizeControl: FC<PageSizeControlProps>;
+export {};

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

@@ -0,0 +1 @@
+export { SizeSelector } from './sizeSelector';

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../../types';
+export interface SizeSelectorProps {
+    currentSize: number;
+    options: number[];
+    onClickOption: ChangePageSize;
+}
+export declare const SizeSelector: FC<SizeSelectorProps>;

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

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { ChangePageSize, ChangePage } from './types';
+type PaginationCaptions = {
+    items?: string;
+    of?: string;
+    page?: string;
+    goTo?: string;
+    goAction?: string;
+    perPage?: string;
+};
+export interface PaginationProps {
+    activePage: number;
+    totalPages: number;
+    pageSize: number;
+    totalItems: number;
+    pageSizeOptions: number[];
+    changePage: ChangePage;
+    changePageSize: ChangePageSize;
+    captions?: PaginationCaptions;
+}
+export declare const Pagination: FC<PaginationProps>;
+export {};

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

@@ -0,0 +1,2 @@
+export type ChangePage = (page: number) => void;
+export type ChangePageSize = (size: number) => void;

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

@@ -0,0 +1 @@
+export { Popover } from './popover';

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

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+interface PopoverProps {
+    className?: string;
+    content: ReactNode;
+    children: ReactNode;
+    placement?: Placement;
+    fallbackPlacements?: Placement[];
+    title?: string;
+    arrowOffset?: number;
+    safeZone?: number;
+    arrowColor?: string;
+    dataAutomationId?: string;
+    isOpened?: boolean;
+    setIsOpened?: (isOpened: boolean) => void;
+}
+export declare const Popover: FC<PopoverProps>;
+export {};

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

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

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

@@ -0,0 +1,16 @@
+import { ChangeEventHandler, HTMLAttributes, ReactNode, FC } from 'react';
+export type RadioValue = string | number;
+export type RadioOption = {
+    value: RadioValue;
+    label: string;
+    disabled: boolean;
+};
+export interface RadioProps extends HTMLAttributes<HTMLInputElement> {
+    option: RadioOption;
+    value?: RadioValue;
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const Radio: FC<RadioProps>;

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { RadioProps } from './index';
+import { RadioOption } from './radio';
+interface RadioGroupProps extends Omit<RadioProps, 'option'> {
+    options: RadioOption[];
+}
+export declare const RadioGroup: FC<RadioGroupProps>;
+export {};

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

@@ -0,0 +1,3 @@
+import { Table } from './table';
+export { Table };
+export default Table;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TableComponentProps } from './types';
+export declare const Table: FC<TableComponentProps>;

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

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+export interface Column {
+    key: string;
+    header: string;
+}
+export interface PrimaryColumn extends Column {
+    primary: boolean;
+}
+export interface FixedColumn extends Column {
+    width: string | number;
+    align?: 'left' | 'center' | 'right';
+}
+export interface RowConfigs {
+    size?: 'small' | 'medium' | 'large';
+}
+export interface DetailedCellData {
+    content: string | number;
+    component: ReactNode;
+}
+export interface RowData {
+    id: string | number;
+    [key: string]: DetailedCellData | RowConfigs | string | number | any;
+    rowConfigs?: RowConfigs;
+}
+export declare enum SortDirection {
+    ASC = "asc",
+    DESC = "desc"
+}
+export interface SortConfig {
+    key: string;
+    direction: SortDirection;
+}
+export interface TableComponentProps {
+    data: RowData[];
+    primaryColumn: Column;
+    fixedColumns: FixedColumn[];
+    rowActionMenu?: ReactNode;
+    selectable?: boolean;
+    className?: string;
+    selectedRowIds?: (string | number)[];
+    sortingDirection?: SortDirection;
+    sortingColumn?: Column;
+    onChangeSorting?: (sortConfig?: SortConfig) => void;
+    onToggleRowSelection?: (id: string | number) => void;
+    onToggleAllRowsSelection?: () => void;
+}

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

@@ -0,0 +1,2 @@
+import { RowData, SortConfig } from './types';
+export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];

package/dist/components/themeProvider/themeProvider.d.ts

@@ -7,6 +7,7 @@ interface IThemeProviderProps {
     children?: ReactNode;
     theme?: ThemeKey;
     customThemes?: ITheme;
+    className?: string;
 }
-export declare function ThemeProvider({ children, theme, customThemes, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ children, theme, customThemes, className, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1 @@
+export { Tooltip } from './tooltip';

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

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react-dom';
+interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    className?: string;
+    dynamicWidth?: boolean;
+    width?: number;
+    placement?: Placement;
+    dataAutomationId?: string;
+}
+export declare const Tooltip: FC<TooltipProps>;
+export {};