@reportportal/ui-kit 0.0.1-alpha.106 → 0.0.1-alpha.107

package/dist/components/autocompletes/common/autocompleteOption/autocompleteOption.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+type AutocompleteOptionProps = {
+    isActive?: boolean;
+    isSelected?: boolean;
+    isNew?: boolean;
+    children?: ReactNode;
+    disabled?: boolean;
+    optionVariant?: 'key-variant' | 'value-variant' | '';
+    newItemButtonText?: string;
+} & HTMLAttributes<HTMLLIElement | HTMLButtonElement>;
+export declare const AutocompleteOption: ({ isActive, isSelected, isNew, children, disabled, optionVariant, newItemButtonText, ...props }: AutocompleteOptionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/autocompletes/common/autocompleteOption/index.d.ts

@@ -0,0 +1 @@
+export { AutocompleteOption } from './autocompleteOption';

package/dist/components/autocompletes/common/autocompleteOptions.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { GetItemPropsT } from '../types';
+
+export interface AutocompleteOptionsProps<T> {
+    options: T[];
+    loading: boolean;
+    inputValue: string;
+    parseValueToString: (value: T | null) => string;
+    getItemProps: GetItemPropsT<T>;
+    renderOption?: (item: T, index: number, isNew: boolean, getItemProps: GetItemPropsT<T>) => ReactNode;
+    async: boolean;
+    optionVariant: 'key-variant' | 'value-variant' | '';
+    createWithoutConfirmation: boolean;
+    customEmptyListMessage?: string;
+    customNoMatchesMessage?: string;
+    getUniqKey?: (item: T) => string;
+    newItemButtonText: string;
+}
+export declare const AutocompleteOptions: <T>(props: AutocompleteOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/autocompletes/common/autocompletePrompt/autocompletePrompt.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+interface AutocompletePromptProps {
+    children: ReactNode;
+}
+export declare const AutocompletePrompt: ({ children }: AutocompletePromptProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/autocompletes/common/autocompletePrompt/index.d.ts

@@ -0,0 +1 @@
+export { AutocompletePrompt } from './autocompletePrompt';

package/dist/components/autocompletes/common/index.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * Copyright 2025 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 { AutocompleteMenu } from './autocompleteMenu';
+export { AutocompletePrompt } from './autocompletePrompt';
+export { AutocompleteOption } from './autocompleteOption';
+export { AutocompleteOptions } from './autocompleteOptions';

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

@@ -0,0 +1,2 @@
+export declare const ENTER_KEY_NAME = "Enter";
+export declare const TAB_KEY_NAME = "Tab";

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

@@ -0,0 +1,3 @@
+export * from './common';
+export { SingleAutocomplete } from './singleAutocomplete';
+export { MultipleAutocomplete } from './multipleAutocomplete';

package/dist/components/autocompletes/multipleAutocomplete/index.d.ts

@@ -0,0 +1,17 @@
+/*!
+ * Copyright 2025 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 { SelectedItems } from './selectedItems';
+export { MultipleAutocomplete } from './multipleAutocomplete';

package/dist/components/autocompletes/multipleAutocomplete/multipleAutocomplete.d.ts

@@ -0,0 +1,46 @@
+import { ComponentProps, ReactNode } from 'react';
+import { ControllerStateAndHelpers } from 'downshift';
+import { default as FieldText } from '../../fieldText';
+import { AutocompleteMenu } from '../common/autocompleteMenu';
+import { DownshiftStore, MultipleDownshiftProps } from './multipleDownshift';
+
+export interface MultipleAutocompleteProps<T> {
+    options: T[];
+    loading: boolean;
+    onStateChange: MultipleDownshiftProps<T>['onStateChange'];
+    value: T[];
+    placeholder: string;
+    error: string | boolean;
+    touched: boolean;
+    creatable: boolean;
+    editable: boolean;
+    onChange: (selectedItems: T | T[] | null, downshift: ControllerStateAndHelpers<T> | null) => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    disabled: boolean;
+    mobileDisabled: boolean;
+    inputProps: ComponentProps<typeof FieldText>;
+    parseValueToString: (value: T | null) => string;
+    minLength: number | null;
+    maxLength: number | null;
+    async: boolean;
+    customClass: string;
+    createWithoutConfirmation: boolean;
+    getItemValidationErrorType?: (item: T) => string;
+    clearItemsError: () => void;
+    getAdditionalCreationCondition: (value: string) => boolean;
+    highlightUnStoredItem: boolean;
+    parseInputValueFn: ((value: string) => T[]) | null;
+    handleUnStoredItemCb: ((newSelectedItems: DownshiftStore<T>, prevSelectedItems: DownshiftStore<T>) => void) | null;
+    dataAutomationId: string;
+    existingItemsMap: Record<string | number, boolean>;
+    optionVariant: ComponentProps<typeof AutocompleteMenu>['optionVariant'];
+    customizeNewSelectedValue: (value: T) => T;
+    renderCustomSelectedItem?: (item: T) => ReactNode;
+    getUniqKey?: (item: T) => string;
+    customEmptyListMessage?: string;
+    customNoMatchesMessage?: string;
+    useFixedPositioning?: boolean;
+    newItemButtonText?: string;
+}
+export declare const MultipleAutocomplete: <T>(componentsProps: MultipleAutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/autocompletes/multipleAutocomplete/multipleDownshift.d.ts

@@ -0,0 +1,25 @@
+import { ControllerStateAndHelpers, DownshiftProps } from 'downshift';
+
+export type DownshiftStore<T> = {
+    [key: string]: boolean;
+} | T[];
+export interface MultipleDownshiftProps<T> extends Partial<DownshiftProps<T>> {
+    options: T[];
+    selectedItems: T[];
+    handleUnStoredItemCb: ((newSelectedItems: DownshiftStore<T>, prevSelectedItems: DownshiftStore<T>) => void) | null;
+    existingItemsMap: {
+        [key: string]: boolean;
+    };
+    customizeNewSelectedValue: (value: T) => T;
+    getOptionUniqKey?: (option: T) => keyof T;
+    getOptionUniqKeyValue?: (option: T) => string;
+    onChange: (selectedItems: T | T[] | null, downshift: ControllerStateAndHelpers<T> | null) => void;
+}
+export type GetStateAndHelpersT<T> = ControllerStateAndHelpers<T> & {
+    removeItem: (removedItem: T, downshift: ControllerStateAndHelpers<T> | null) => void;
+    editItem: (oldItem: T, newValue: string) => void;
+    handleChange: MultipleDownshiftProps<T>['onChange'];
+    getOptionUniqKeyValue?: (option: T) => string;
+    storedItemsMap: MultipleDownshiftProps<T>['existingItemsMap'];
+};
+export declare const MultipleDownshift: <T>({ options, onChange, selectedItems, handleUnStoredItemCb, existingItemsMap, children, customizeNewSelectedValue, getOptionUniqKey, getOptionUniqKeyValue, ...props }: MultipleDownshiftProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/autocompletes/multipleAutocomplete/selectedItems/index.d.ts

@@ -0,0 +1 @@
+export { SelectedItems } from './selectedItems';

package/dist/components/autocompletes/multipleAutocomplete/selectedItems/selectedItems.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+
+type VariantType = 'light' | 'dark';
+interface SelectedItemProps<T> {
+    item: T;
+    onRemoveItem: (item: T) => void;
+    parseValueToString?: (value: T) => string;
+    editItem: (oldItem: T, newValue: string) => void;
+    disabled?: boolean;
+    mobileDisabled?: boolean;
+    error?: string | boolean;
+    editable?: boolean;
+    getAdditionalCreationCondition?: (value: string) => boolean;
+    storedOption?: boolean;
+    highlightUnStoredItem?: boolean;
+    variant?: VariantType;
+    getItemName?: (item: T) => string;
+    changeItemHandler?: (item: T, value: string) => T;
+}
+type SelectedItemsProps<T> = Omit<SelectedItemProps<T>, 'item' | 'editItem'> & {
+    items?: T[];
+    onRemoveItem?: (item: T) => void;
+    parseValueToString: (value: T | null) => string;
+    editItem: (oldItem: T, newValue: string) => void;
+    disabled?: boolean;
+    mobileDisabled?: boolean;
+    storedItemsMap?: Record<string, boolean>;
+    highlightUnStoredItem?: boolean;
+    editable?: boolean;
+    variant?: VariantType;
+    getItemValidationErrorType?: ((item: T) => string) | null;
+    renderCustomSelectedItem?: (item: T) => ReactNode;
+};
+export declare const SelectedItems: <T>({ items, parseValueToString, getItemValidationErrorType, storedItemsMap, highlightUnStoredItem, renderCustomSelectedItem, ...props }: SelectedItemsProps<T>) => (string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined)[];
+export {};

package/dist/components/autocompletes/singleAutocomplete/index.d.ts

@@ -0,0 +1 @@
+export { SingleAutocomplete } from './singleAutocomplete';

package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts

@@ -0,0 +1,40 @@
+import { ComponentProps, FocusEvent, ReactNode, Ref } from 'react';
+import { default as Downshift, DownshiftState, StateChangeOptions } from 'downshift';
+import { default as FieldText } from '../../fieldText';
+import { AutocompleteMenu } from '../common/autocompleteMenu';
+
+export interface SingleAutocompleteProps<T> {
+    options: T[];
+    loading: boolean;
+    onStateChange: ComponentProps<typeof Downshift<T>>['onStateChange'];
+    value: T | null;
+    placeholder: string;
+    onChange: ComponentProps<typeof Downshift<T>>['onChange'];
+    onFocus: () => void;
+    onBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    disabled: boolean;
+    inputProps: ComponentProps<typeof FieldText>;
+    parseValueToString: (value: T | null) => string;
+    renderOption: (value: T) => ReactNode;
+    minLength: number;
+    maxLength: number | null;
+    async: boolean;
+    optionVariant: ComponentProps<typeof AutocompleteMenu>['optionVariant'];
+    isRequired: boolean;
+    error: string;
+    touched: boolean;
+    setTouch?: (value: boolean) => void;
+    createWithoutConfirmation: boolean;
+    menuClassName: string;
+    icon?: ReactNode;
+    skipOptionCreation?: boolean;
+    isOptionUnique?: (value: boolean | null) => void;
+    refFunction?: Ref<HTMLInputElement>;
+    stateReducer?: (state: DownshiftState<T>, changes: StateChangeOptions<T>) => Partial<StateChangeOptions<T>>;
+    useFixedPositioning: boolean;
+    getUniqKey?: (item: T) => string;
+    customEmptyListMessage?: string;
+    customNoMatchesMessage?: string;
+    newItemButtonText?: string;
+}
+export declare const SingleAutocomplete: <T>(componentProps: SingleAutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { GetItemPropsOptions } from 'downshift';
+
+export type GetOptionUniqKeyT<T> = (value: T) => keyof T;
+export interface AdditionalDownshiftFields {
+    isActive?: boolean;
+}
+export type OptionVariant = 'light' | 'dark' | string;
+export type GetItemPropsT<T> = (args: GetItemPropsOptions<T> & AdditionalDownshiftFields) => GetItemPropsOptions<T> & AdditionalDownshiftFields;

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

@@ -0,0 +1,5 @@
+import { GetOptionUniqKeyT } from './types';
+
+export declare const getUniqKey: <T>(option: T, getOptionUniqKey?: GetOptionUniqKeyT<T>) => string;
+export declare const isEqual: <T>(option: T, item: T) => boolean;
+export declare const compareOptionWithItem: <T>(option: T, item: T, getUniqKeyCb?: GetOptionUniqKeyT<T>) => boolean;

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

@@ -15,5 +15,5 @@ export interface ButtonProps extends ComponentPropsWithRef<'button'> {
     className?: string;
     variant?: ButtonVariant;
 }
-export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Button: (props: ButtonProps & import('react').RefAttributes<HTMLButtonElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
 export {};

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

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, ReactNode, InputHTMLAttributes } from 'react';
+import { ChangeEventHandler, ReactElement, ReactNode, InputHTMLAttributes } from 'react';
 
 type InputType = 'password' | 'text' | 'email';
 export interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
@@ -28,5 +28,5 @@ export interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
     collapsible?: boolean;
     loading?: boolean;
 }
-export declare const FieldText: import('react').ForwardRefExoticComponent<FieldTextProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const FieldText: (props: FieldTextProps & import('react').RefAttributes<HTMLInputElement>) => ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
 export {};

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

@@ -13,4 +13,4 @@ export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
     onBlur?: FocusEventHandler<HTMLTextAreaElement>;
     onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
 }
-export declare const FieldTextFlex: import('react').ForwardRefExoticComponent<Omit<FieldTextFlexProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+export declare const FieldTextFlex: (props: FieldTextFlexProps & import('react').RefAttributes<HTMLTextAreaElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;

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

@@ -12,6 +12,7 @@ export { default as ChevronRightBreadcrumbsIcon } from './svg/chevronRightBreadc
 export { default as ClearIcon } from './svg/clear.svg';
 export { default as CloseEyeIcon } from './svg/closeEye.svg';
 export { default as CloseIcon } from './svg/close.svg';
+export { default as ConfigurationIcon } from './svg/configuration.svg';
 export { default as CopyIcon } from './svg/copy.svg';
 export { default as CoveredManuallyIcon } from './svg/coveredManually.svg';
 export { default as CsvIcon } from './svg/csv.svg';
@@ -28,6 +29,7 @@ export { default as FileOtherIcon } from './svg/fileOther.svg';
 export { default as FilterFilledIcon } from './svg/filterFilled.svg';
 export { default as FilterOutlineIcon } from './svg/filterOutline.svg';
 export { default as FlagIcon } from './svg/flag.svg';
+export { default as GroupByIcon } from './svg/groupBy.svg';
 export { default as HideIcon } from './svg/hide.svg';
 export { default as ImageIcon } from './svg/image.svg';
 export { default as InfoIcon } from './svg/info.svg';
@@ -38,6 +40,8 @@ export { default as MinusIcon } from './svg/minus.svg';
 export { default as MoveToFolderIcon } from './svg/moveToFolder.svg';
 export { default as OpenEyeIcon } from './svg/openEye.svg';
 export { default as PdfIcon } from './svg/pdf.svg';
+export { default as PinFilledIcon } from './svg/pinFilled.svg';
+export { default as PinOutlineIcon } from './svg/pinOutline.svg';
 export { default as PlusIcon } from './svg/plus.svg';
 export { default as PrevChapterIcon } from './svg/prevChapter.svg';
 export { default as PrevPageIcon } from './svg/prevPage.svg';

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export { FieldText } from './fieldText';
 export { FieldTextFlex } from './fieldTextFlex';
 export { FileDropArea, MIME_TYPES } from './fileDropArea';
 export { Modal } from './modal';
+export { MultipleAutocomplete } from './autocompletes/multipleAutocomplete';
 export { Pagination } from './pagination';
 export { Popover } from './popover';
 export { Radio } from './radio';
@@ -19,8 +20,10 @@ export { Selection } from './selection';
 export { SpinLoader } from './spinLoader';
 export { SystemAlert } from './systemAlert';
 export { SystemMessage } from './systemMessage';
+export { SingleAutocomplete } from './autocompletes/singleAutocomplete';
 export { Table } from './table';
 export { ThemeProvider } from './themeProvider';
 export { Toggle } from './toggle';
 export { Tooltip } from './tooltip';
+export { SidePanel } from './sidePanel';
 export * from './icons';

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,17 @@
+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;
+}
+export declare const SidePanel: ({ className, title, descriptionComponent, headerComponent, contentComponent, footerComponent, top, side, isOpen, onClose, closeButtonAriaLabel, }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
+export default SidePanel;

package/dist/{fieldNumber-1fa248f5.js → fieldNumber-d1b5a7a1.js}

@@ -1,9 +1,10 @@
-import { jsxs as a, Fragment as y, jsx as r } from "react/jsx-runtime";
-import { useRef as B, useId as F, useMemo as S } from "react";
+import { jsxs as a, Fragment as W, jsx as r } from "react/jsx-runtime";
+import { useRef as y, useId as B, useMemo as F } from "react";
 import { c as w } from "./bind-06a7ff84.js";
 import { K as _ } from "./keyCodes-f63c0e11.js";
 import { B as p } from "./baseIconButton-251479f7.js";
-import { S as V, a as k } from "./plus-0929dda4.js";
+import { S as V } from "./minus-2857540f.js";
+import { S as k } from "./plus-199fb2a8.js";
 import { FieldLabel as H } from "./fieldLabel.js";
 const P = 5, N = 16, j = [
   _.TAB_KEY_CODE,
@@ -33,7 +34,7 @@ const P = 5, N = 16, j = [
   input: $,
   "additional-content": "_additional-content_3v3h5_84",
   "error-text": "_error-text_3v3h5_88"
-}, c = w.bind(b), en = ({
+}, c = w.bind(b), tn = ({
   value: i = "",
   placeholder: Y = "0",
   disabled: t = !1,
@@ -49,7 +50,7 @@ const P = 5, N = 16, j = [
   id: D,
   ...M
 }) => {
-  const u = B(null), f = F(), R = (n) => n < l ? l : n > E ? E : n, U = (n) => {
+  const u = y(null), m = B(), R = (n) => n < l ? l : n > E ? E : n, U = (n) => {
     let e = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
     if (e === "") {
       s("");
@@ -57,8 +58,8 @@ const P = 5, N = 16, j = [
     }
     e = +e, s(e);
   }, A = (n) => {
-    const e = +n.currentTarget.value, m = R(e);
-    m !== e && s(m), O && O(n);
+    const e = +n.currentTarget.value, f = R(e);
+    f !== e && s(f), O && O(n);
   }, g = (n) => {
     const { keyCode: e } = n;
     j.includes(e) || (e < _.NUMBER_START_KEY_CODE || e > _.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
@@ -68,15 +69,15 @@ const P = 5, N = 16, j = [
   }, v = () => {
     const n = +i + 1;
     n >= l && n <= E && s(n);
-  }, K = Y + o, I = S(() => {
+  }, K = Y + o, I = F(() => {
     let n = (String(i) || K).length;
     return o && !i && (n += 1), n > N ? `${N}ch` : `${n || P}ch`;
-  }, [K, o, i]), W = () => {
+  }, [K, o, i]), S = () => {
     u && u.current && u.current.focus(), d && d();
   };
-  return /* @__PURE__ */ a(y, { children: [
+  return /* @__PURE__ */ a(W, { children: [
     /* @__PURE__ */ a("div", { className: c("field-number", { disabled: t }), children: [
-      h && /* @__PURE__ */ r(H, { htmlFor: D ?? f, children: h }),
+      h && /* @__PURE__ */ r(H, { htmlFor: D ?? m, children: h }),
       /* @__PURE__ */ a(
         "div",
         {
@@ -95,11 +96,11 @@ const P = 5, N = 16, j = [
                 children: /* @__PURE__ */ r(V, {})
               }
             ),
-            /* @__PURE__ */ a("span", { className: c("input-field", { disabled: t }), onClick: W, children: [
+            /* @__PURE__ */ a("span", { className: c("input-field", { disabled: t }), onClick: S, children: [
               /* @__PURE__ */ r(
                 "input",
                 {
-                  id: D ?? f,
+                  id: D ?? m,
                   ref: u,
                   className: c("input"),
                   type: "number",
@@ -135,5 +136,5 @@ const P = 5, N = 16, j = [
   ] });
 };
 export {
-  en as F
+  tn as F
 };

package/dist/fieldNumber.js

@@ -1,10 +1,11 @@
-import { F as m } from "./fieldNumber-1fa248f5.js";
+import { F as m } from "./fieldNumber-d1b5a7a1.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
-import "./plus-0929dda4.js";
+import "./minus-2857540f.js";
+import "./plus-199fb2a8.js";
 import "./fieldLabel.js";
 export {
   m as FieldNumber,