@reportportal/ui-kit 0.0.1-alpha.52 → 0.0.1-alpha.54

package/README.md

@@ -234,6 +234,9 @@ The CSS custom properties that come from DS are prefixed with `rp-ui-base` to av
 
 ### Testing
 
+Each new component/hook/utility **must be** covered by unit/component tests.
+All existing uncovered stuff will be tested gradually in the scope of tech-debt elimination activities.
+
 #### Testing Tools
 
 The project uses the following testing tools:
@@ -257,4 +260,4 @@ The project maintains a minimum of 80% test coverage threshold for:
 - Statements
 - Branches
 - Functions
-- Lines
+- Lines

package/dist/common/hooks/useOnClickOutside.d.ts

@@ -1,2 +1,3 @@
 import { RefObject } from 'react';
+
 export declare function useOnClickOutside<T extends HTMLElement = HTMLDivElement>(ref: RefObject<T>, handler?: (e?: MouseEvent) => void): void;

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

@@ -1,4 +1,5 @@
 import { FC, MouseEventHandler, ReactNode, HTMLAttributes } from 'react';
+
 export interface BaseIconButtonProps extends HTMLAttributes<HTMLButtonElement> {
     children: ReactNode;
     className?: string;

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

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

package/dist/components/bubblesLoader/bubblesLoader.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+
 interface BubblesLoaderProps {
     color?: string;
     className?: string;

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

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

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

@@ -1,4 +1,5 @@
 import { FC, ReactNode, ComponentPropsWithRef, MouseEventHandler } from 'react';
+
 type IconPlace = 'start' | 'end';
 type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text';
 type ButtonWidth = 'content' | 'wide-content' | 'parent';

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

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

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

@@ -1,4 +1,5 @@
 import { FC, ReactNode, ChangeEventHandler, HTMLAttributes } from 'react';
+
 interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
     value: boolean;
     children?: ReactNode;

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

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

package/dist/components/datePicker/datePicker.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode, ReactElement } from 'react';
+
 interface DatePickerProps {
     onChange?: (date: Date | any) => void;
     onBlur?: () => void;

package/dist/components/datePicker/header/datePickerHeader.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+
 export interface DatePickerHeaderProps {
     changeYear: (year: number) => void;
     changeMonth: (month: number) => void;

package/dist/components/datePicker/header/index.d.ts

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

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

@@ -1,3 +1,5 @@
 import { DatePicker } from './datePicker';
-export { DatePicker };
+import { registerDatePickerLocale } from './utils';
+
+export { DatePicker, registerDatePickerLocale };
 export default DatePicker;

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

@@ -1,3 +1,4 @@
 import { Locale } from 'date-fns';
+
 export declare const registerDatePickerLocale: (language: string, locale: Locale) => void;
 export declare const getYearsFrom: (start: number, amountYearsToGenerate?: number) => number[];

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

@@ -1,4 +1,5 @@
 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 {

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

@@ -1,5 +1,6 @@
 import { ReactNode, FC } from 'react';
 import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
+
 export interface DropdownProps {
     options: DropdownOptionType[];
     value: DropdownValue | DropdownValue[];

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

@@ -1,3 +1,4 @@
 import { FC } from 'react';
 import { DropdownOptionProps } from '../types';
+
 export declare const DropdownOption: FC<DropdownOptionProps>;

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

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

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

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

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

@@ -1,4 +1,5 @@
 import { MouseEventHandler, ReactNode } from 'react';
+
 export type DropdownVariant = 'default' | 'ghost';
 export type DropdownValue = string | boolean | number;
 export type RenderDropdownOption = (props: DropdownOptionProps) => ReactNode;

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

@@ -1,4 +1,5 @@
 import { DropdownValue, DropdownOptionType } from './types';
+
 export declare const calculateDefaultIndex: (options: DropdownOptionType[], selectedValue: DropdownValue | DropdownValue[]) => number;
 export declare const calculateNextIndex: (options: DropdownOptionType[], index?: number) => number;
 export declare const calculatePrevIndex: (options: DropdownOptionType[], index?: number) => number;

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

@@ -1,4 +1,5 @@
 import { KeyCodes } from '../../common/constants/keyCodes';
+
 export declare const DEFAULT_WIDTH_CH = 5;
 export declare const MAX_WIDTH_CH = 16;
 export declare const ALLOWED_KEY_CODES: KeyCodes[];

package/dist/components/fieldNumber/fieldNumber.d.ts

@@ -1,4 +1,5 @@
 import { FC, HTMLAttributes, FocusEventHandler } from 'react';
+
 type FieldNumberValue = number | string;
 interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> {
     onChange: (value: number | string) => void;

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

@@ -1,3 +1,4 @@
 import { FieldNumber } from './fieldNumber.js';
+
 export { FieldNumber };
 export default FieldNumber;

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

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, ReactNode, InputHTMLAttributes } from 'react';
+
 interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
     value?: string;
     className?: string;
@@ -26,5 +27,5 @@ 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: import('react').ForwardRefExoticComponent<FieldTextProps & import('react').RefAttributes<HTMLInputElement>>;
 export {};

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

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

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

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, ComponentPropsWithRef, FC, FocusEventHandler, KeyboardEventHandler } from 'react';
+
 export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
     value: string;
     readonly?: boolean;

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ShapeWithClassName } from '../../common/types';
+
 export interface MaxValueDisplayProps {
     value: number;
     maxValue?: number;

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

@@ -1,6 +1,7 @@
 import { ReactNode, FC } from 'react';
 import { ButtonProps } from '../button';
 import { ModalSize } from './modalFooter';
+
 type ModalOverlay = 'default' | 'light-cyan';
 interface ModalProps {
     onClose?: () => void;

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

@@ -1,4 +1,5 @@
 import { ReactNode, FC } from 'react';
+
 interface ModalContentProps {
     scrollable?: boolean;
     children?: ReactNode;

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

@@ -1,5 +1,6 @@
 import { ReactNode, FC, MouseEventHandler } from 'react';
 import { ButtonProps } from '../../button';
+
 export type ModalSize = 'default' | 'small' | 'large';
 interface ModalFooterProps {
     closeHandler: MouseEventHandler<HTMLButtonElement>;

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/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,4 +1,5 @@
 import { FC } from 'react';
+
 export interface ItemCounterProps {
     activePage: number;
     pageSize: number;

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 { ChangePageSize, ChangePage } from './types';
+
 type PaginationCaptions = {
     items?: string;
     of?: string;

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

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
+
 interface PopoverProps {
     className?: string;
     content: ReactNode;

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

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

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

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+
 interface SpinLoaderProps {
     color?: string;
     className?: string;

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

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

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

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+
 export declare enum SystemAlertType {
     INFO = "info",
     SUCCESS = "success",

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

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

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

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

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export interface Column {
     key: string;
     header: string;

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

@@ -1,3 +1,4 @@
 import { Column, RowData, SortConfig } from './types';
+
 export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];
 export declare const getColumnsKeys: (columns: Column[]) => string[];

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

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

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 type ThemeKey = 'light' | 'dark' | string;
 interface ITheme {
     [themeKey: ThemeKey]: string;

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

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

package/dist/components/toggle/toggle.d.ts

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, FC, HTMLAttributes, ReactNode } from 'react';
+
 interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
     value: boolean;
     title?: string;

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

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
+
 interface TooltipProps {
     content: ReactNode;
     children: ReactNode;

package/dist/{datePicker-8c37bd50.js → datePicker-a333d78b.js}

@@ -1,25 +1,28 @@
 import { jsxs as S, Fragment as U, jsx as o } from "react/jsx-runtime";
-import $ from "react-datepicker";
-import { c as Y } from "./bind-06a7ff84.js";
+import $ from "react-datepicker/dist/es/index.js";
+import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as E, useRef as B } from "react";
 import { F as D } from "./fieldText-78c1be1a.js";
 import { a as T, S as G } from "./calendarArrow-3e1339ea.js";
-import { D as P } from "./dropdown-6edea86c.js";
-const H = (a, c = 20) => {
-  const l = a + c;
-  return new Array(l - a).fill(void 0).map((g, e) => a - e);
-}, V = "_header_a3cjx_1", O = "_disabled_a3cjx_25", W = "_dropdown_a3cjx_8", q = {
-  header: V,
+import { D as L } from "./dropdown-6edea86c.js";
+import { registerLocale as H } from "react-datepicker";
+const pe = (r, s) => {
+  H(r, s);
+}, V = (r, s = 20) => {
+  const l = r + s;
+  return new Array(l - r).fill(void 0).map((g, e) => r - e);
+}, O = "_header_a3cjx_1", W = "_disabled_a3cjx_25", q = "_dropdown_a3cjx_8", z = {
+  header: O,
   "dropdowns-wrapper": "_dropdowns-wrapper_a3cjx_8",
   "button-prev": "_button-prev_a3cjx_13",
   "button-next": "_button-next_a3cjx_14",
-  disabled: O,
-  dropdown: W,
+  disabled: W,
+  dropdown: q,
   "month-dropdown": "_month-dropdown_a3cjx_44",
   "toggle-button": "_toggle-button_a3cjx_47"
-}, r = Y.bind(q), z = ({
-  date: a = /* @__PURE__ */ new Date(),
-  changeYear: c = () => {
+}, a = R.bind(z), J = ({
+  date: r = /* @__PURE__ */ new Date(),
+  changeYear: s = () => {
   },
   changeMonth: l = () => {
   },
@@ -34,56 +37,56 @@ const H = (a, c = 20) => {
   yearsOptions: i = [],
   locale: x
 }) => {
-  const p = a.getFullYear(), C = a.getMonth(), f = E(() => {
-    const t = Array(12).keys(), s = new Intl.DateTimeFormat(x, {
+  const p = r.getFullYear(), C = r.getMonth(), f = E(() => {
+    const t = Array(12).keys(), c = new Intl.DateTimeFormat(x, {
       month: "long"
-    }), d = (m) => s.format(new Date(p, m));
+    }), d = (m) => c.format(new Date(p, m));
     return Array.from(t, d).reduce((m, j, A) => m.concat({
       value: A,
       label: j
     }), []);
-  }, []), N = E(() => (i.length > 0 ? i : H(p)).reduce(
-    (s, d) => s.concat({ value: d, label: `${d}` }),
+  }, []), N = E(() => (i.length > 0 ? i : V(p)).reduce(
+    (c, d) => c.concat({ value: d, label: `${d}` }),
     []
   ), [i]), v = (t) => {
     l(t);
   }, y = (t) => {
-    c(t);
+    s(t);
   };
   return /* @__PURE__ */ S(U, { children: [
-    b && /* @__PURE__ */ o("div", { className: r(w), children: b }),
-    /* @__PURE__ */ S("div", { className: r("header"), children: [
+    b && /* @__PURE__ */ o("div", { className: a(w), children: b }),
+    /* @__PURE__ */ S("div", { className: a("header"), children: [
       /* @__PURE__ */ o(
         "button",
         {
           "aria-label": "Previous Months",
           disabled: n,
           onClick: g,
-          className: r("button-prev", { disabled: n }),
+          className: a("button-prev", { disabled: n }),
           children: /* @__PURE__ */ o(T, {})
         }
       ),
-      /* @__PURE__ */ S("div", { className: r("dropdowns-wrapper"), children: [
+      /* @__PURE__ */ S("div", { className: a("dropdowns-wrapper"), children: [
         /* @__PURE__ */ o(
-          P,
+          L,
           {
             options: f,
             value: C,
             onChange: v,
             transparentBackground: !0,
-            className: r("dropdown", "month-dropdown"),
-            toggleButtonClassName: r("toggle-button")
+            className: a("dropdown", "month-dropdown"),
+            toggleButtonClassName: a("toggle-button")
           }
         ),
         /* @__PURE__ */ o(
-          P,
+          L,
           {
             options: N,
             value: p,
             onChange: y,
             transparentBackground: !0,
-            className: r("dropdown"),
-            toggleButtonClassName: r("toggle-button")
+            className: a("dropdown"),
+            toggleButtonClassName: a("toggle-button")
           }
         )
       ] }),
@@ -93,25 +96,25 @@ const H = (a, c = 20) => {
           "aria-label": "Next Months",
           disabled: h,
           onClick: e,
-          className: r("button-next", { disabled: h }),
+          className: a("button-next", { disabled: h }),
           children: /* @__PURE__ */ o(T, {})
         }
       )
     ] })
   ] });
-}, J = "_calendar_1jr94_5", K = "_date_1jr94_90", Q = "_disabled_1jr94_202", X = "_popper_1jr94_210", Z = "_input_1jr94_214", ee = {
-  calendar: J,
+}, K = "_calendar_1jr94_5", Q = "_date_1jr94_90", X = "_disabled_1jr94_202", Z = "_popper_1jr94_210", ee = "_input_1jr94_214", ne = {
+  calendar: K,
   "current-date": "_current-date_1jr94_89",
-  date: K,
+  date: Q,
   "selected-range": "_selected-range_1jr94_119",
   "end-date": "_end-date_1jr94_119",
-  disabled: Q,
-  popper: X,
-  input: Z
-}, _ = Y.bind(ee), ne = "en", R = "MM-dd-yyyy", le = ({
-  onChange: a = () => {
+  disabled: X,
+  popper: Z,
+  input: ee
+}, _ = R.bind(ne), oe = "en", P = "MM-dd-yyyy", me = ({
+  onChange: r = () => {
   },
-  disabled: c = !1,
+  disabled: s = !1,
   onBlur: l = () => {
   },
   onFocus: g = () => {
@@ -125,20 +128,20 @@ const H = (a, c = 20) => {
   popperClassName: x = "",
   calendarClassName: p = "",
   fixedHeight: C = !1,
-  language: f = ne,
+  language: f = oe,
   yearsOptions: N = [],
-  placeholder: v = R.toUpperCase(),
-  dateFormat: y = R,
+  placeholder: v = P.toUpperCase(),
+  dateFormat: y = P,
   selects: t = "start",
-  value: s = null
+  value: c = null
 }) => {
-  const d = B(null), F = n == null ? void 0 : n.toDateString(), m = e == null ? void 0 : e.toDateString(), j = e && n && e > n, A = (u) => {
-    const k = u.toDateString(), I = k === F, M = j && k === m, L = n && e && u > n && u < e;
+  const d = B(null), k = n == null ? void 0 : n.toDateString(), m = e == null ? void 0 : e.toDateString(), j = e && n && e > n, A = (u) => {
+    const F = u.toDateString(), Y = F === k, M = j && F === m, I = n && e && u > n && u < e;
     return _("date", {
-      "current-date": I,
-      "selected-range": L && !M,
+      "current-date": Y,
+      "selected-range": I && !M,
       "end-date": M && j,
-      disabled: c
+      disabled: s
     });
   };
   return /* @__PURE__ */ o(
@@ -154,11 +157,11 @@ const H = (a, c = 20) => {
         }
       ),
       placeholderText: v,
-      selected: s,
+      selected: c,
       startDate: n,
       endDate: e,
       minDate: t === "end" ? n : void 0,
-      disabled: c,
+      disabled: s,
       shouldCloseOnSelect: i,
       fixedHeight: C,
       locale: f,
@@ -166,7 +169,7 @@ const H = (a, c = 20) => {
       dayClassName: A,
       calendarClassName: _(p, "calendar"),
       renderCustomHeader: (u) => /* @__PURE__ */ o(
-        z,
+        J,
         {
           ...u,
           headerNodes: h,
@@ -175,7 +178,7 @@ const H = (a, c = 20) => {
           locale: f
         }
       ),
-      onChange: a,
+      onChange: r,
       onBlur: l,
       onFocus: g,
       customTimeInput: w,
@@ -189,5 +192,6 @@ const H = (a, c = 20) => {
   );
 };
 export {
-  le as D
+  me as D,
+  pe as r
 };

package/dist/datePicker.js

@@ -1,6 +1,7 @@
-import { D as t } from "./datePicker-8c37bd50.js";
+import { D as t } from "./datePicker-a333d78b.js";
+import { r as q } from "./datePicker-a333d78b.js";
 import "react/jsx-runtime";
-import "react-datepicker";
+import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
 import "react";
 import "./fieldText-78c1be1a.js";
@@ -18,7 +19,9 @@ import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
 import "./checkbox-9a6c7ce1.js";
+import "react-datepicker";
 export {
   t as DatePicker,
-  t as default
+  t as default,
+  q as registerDatePickerLocale
 };

package/dist/index.js

@@ -1,32 +1,33 @@
-import { B as l } from "./button-33c88abf.js";
-import { B as S } from "./baseIconButton-251479f7.js";
-import { C } from "./checkbox-9a6c7ce1.js";
-import { S as b } from "./systemMessage-1ced6079.js";
-import { F as B } from "./fieldText-78c1be1a.js";
-import { T as P } from "./themeProvider-46c2be7b.js";
-import { Modal as g } from "./modal.js";
-import { D as v } from "./dropdown-6edea86c.js";
-import { T as M } from "./toggle-1a3aacb5.js";
-import { F as A } from "./fieldNumber-d81e551e.js";
-import { B as L } from "./bubblesLoader-a7e709d4.js";
-import { S as O } from "./spinLoader-c4a53718.js";
-import { F as H } from "./fieldTextFlex-314741ad.js";
-import { R as U } from "./radio-bccc84f2.js";
-import { Tooltip as q } from "./tooltip.js";
-import { Popover as J } from "./popover.js";
-import { P as Q } from "./pagination-066b1b2b.js";
-import { T as W } from "./table-32fc8c70.js";
-import { D as Y } from "./datePicker-8c37bd50.js";
-import { SystemAlert as _ } from "./systemAlert.js";
-import { S as oo, a as ro } from "./arrowUp-4a5caee7.js";
-import { BreadcrumbsTreeIcon as to, ChevronDownDropdownIcon as ao, ChevronRightBreadcrumbsIcon as no, CopyIcon as po, DeleteIcon as mo, EditIcon as so, ExportIcon as co, ExternalLinkIcon as xo, FilterFilledIcon as Io, FilterOutlineIcon as io, FlagIcon as fo, HideIcon as lo, MaximizeIcon as So, MeatballMenuIcon as uo, SearchIcon as Co, SortIcon as Fo } from "./icons.js";
-import { a as To, S as Bo } from "./calendarArrow-3e1339ea.js";
-import { S as Po, a as wo, b as go } from "./openEye-7b9cf080.js";
-import { S as vo } from "./close-4b33d7c1.js";
-import { S as Mo } from "./dropdown-0260bb66.js";
-import { S as Ao, a as ko, b as Lo } from "./success-dc1914aa.js";
-import { S as Oo, a as zo } from "./plus-0929dda4.js";
-import { S as No, a as Uo } from "./prevPage-87faf576.js";
+import { B as d } from "./button-33c88abf.js";
+import { B as u } from "./baseIconButton-251479f7.js";
+import { C as F } from "./checkbox-9a6c7ce1.js";
+import { S as T } from "./systemMessage-1ced6079.js";
+import { F as D } from "./fieldText-78c1be1a.js";
+import { T as w } from "./themeProvider-46c2be7b.js";
+import { Modal as h } from "./modal.js";
+import { D as E } from "./dropdown-6edea86c.js";
+import { T as y } from "./toggle-1a3aacb5.js";
+import { F as k } from "./fieldNumber-d81e551e.js";
+import { B as R } from "./bubblesLoader-a7e709d4.js";
+import { S as z } from "./spinLoader-c4a53718.js";
+import { F as N } from "./fieldTextFlex-314741ad.js";
+import { R as j } from "./radio-bccc84f2.js";
+import { Tooltip as G } from "./tooltip.js";
+import { Popover as K } from "./popover.js";
+import { P as V } from "./pagination-066b1b2b.js";
+import { T as X } from "./table-32fc8c70.js";
+import { D as Z } from "./datePicker-a333d78b.js";
+import "react-datepicker";
+import { SystemAlert as $ } from "./systemAlert.js";
+import { S as ro, a as eo } from "./arrowUp-4a5caee7.js";
+import { BreadcrumbsTreeIcon as ao, ChevronDownDropdownIcon as no, ChevronRightBreadcrumbsIcon as po, CopyIcon as mo, DeleteIcon as so, EditIcon as co, ExportIcon as xo, ExternalLinkIcon as io, FilterFilledIcon as Io, FilterOutlineIcon as fo, FlagIcon as lo, HideIcon as So, MaximizeIcon as uo, MeatballMenuIcon as Co, SearchIcon as Fo, SortIcon as bo } from "./icons.js";
+import { a as Bo, S as Do } from "./calendarArrow-3e1339ea.js";
+import { S as wo, a as go, b as ho } from "./openEye-7b9cf080.js";
+import { S as Eo } from "./close-4b33d7c1.js";
+import { S as yo } from "./dropdown-0260bb66.js";
+import { S as ko, a as Lo, b as Ro } from "./success-dc1914aa.js";
+import { S as zo, a as Ho } from "./plus-0929dda4.js";
+import { S as Uo, a as jo } from "./prevPage-87faf576.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -38,58 +39,58 @@ import "./useOnClickOutside-c332f7d3.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "@floating-ui/react";
-import "react-datepicker";
+import "react-datepicker/dist/es/index.js";
 export {
-  oo as ArrowDownIcon,
-  ro as ArrowUpIcon,
-  S as BaseIconButton,
-  to as BreadcrumbsTreeIcon,
-  L as BubblesLoader,
-  l as Button,
-  To as CalendarArrowIcon,
-  Bo as CalendarIcon,
-  C as Checkbox,
-  ao as ChevronDownDropdownIcon,
-  no as ChevronRightBreadcrumbsIcon,
-  Po as ClearIcon,
-  wo as CloseEyeIcon,
-  vo as CloseIcon,
-  po as CopyIcon,
-  Y as DatePicker,
-  mo as DeleteIcon,
-  v as Dropdown,
-  Mo as DropdownIcon,
-  so as EditIcon,
-  Ao as ErrorIcon,
-  co as ExportIcon,
-  xo as ExternalLinkIcon,
-  A as FieldNumber,
-  B as FieldText,
-  H as FieldTextFlex,
+  ro as ArrowDownIcon,
+  eo as ArrowUpIcon,
+  u as BaseIconButton,
+  ao as BreadcrumbsTreeIcon,
+  R as BubblesLoader,
+  d as Button,
+  Bo as CalendarArrowIcon,
+  Do as CalendarIcon,
+  F as Checkbox,
+  no as ChevronDownDropdownIcon,
+  po as ChevronRightBreadcrumbsIcon,
+  wo as ClearIcon,
+  go as CloseEyeIcon,
+  Eo as CloseIcon,
+  mo as CopyIcon,
+  Z as DatePicker,
+  so as DeleteIcon,
+  E as Dropdown,
+  yo as DropdownIcon,
+  co as EditIcon,
+  ko as ErrorIcon,
+  xo as ExportIcon,
+  io as ExternalLinkIcon,
+  k as FieldNumber,
+  D as FieldText,
+  N as FieldTextFlex,
   Io as FilterFilledIcon,
-  io as FilterOutlineIcon,
-  fo as FlagIcon,
-  lo as HideIcon,
-  ko as InfoIcon,
-  So as MaximizeIcon,
-  uo as MeatballMenuIcon,
-  Oo as MinusIcon,
-  g as Modal,
-  go as OpenEyeIcon,
-  Q as Pagination,
-  zo as PlusIcon,
-  J as Popover,
-  No as PrevChapterIcon,
-  Uo as PrevPageIcon,
-  U as Radio,
-  Co as SearchIcon,
-  Fo as SortIcon,
-  O as SpinLoader,
-  Lo as SuccessIcon,
-  _ as SystemAlert,
-  b as SystemMessage,
-  W as Table,
-  P as ThemeProvider,
-  M as Toggle,
-  q as Tooltip
+  fo as FilterOutlineIcon,
+  lo as FlagIcon,
+  So as HideIcon,
+  Lo as InfoIcon,
+  uo as MaximizeIcon,
+  Co as MeatballMenuIcon,
+  zo as MinusIcon,
+  h as Modal,
+  ho as OpenEyeIcon,
+  V as Pagination,
+  Ho as PlusIcon,
+  K as Popover,
+  Uo as PrevChapterIcon,
+  jo as PrevPageIcon,
+  j as Radio,
+  Fo as SearchIcon,
+  bo as SortIcon,
+  z as SpinLoader,
+  Ro as SuccessIcon,
+  $ as SystemAlert,
+  T as SystemMessage,
+  X as Table,
+  w as ThemeProvider,
+  y as Toggle,
+  G as Tooltip
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.52",
+  "version": "0.0.1-alpha.54",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {
@@ -32,7 +32,7 @@
     "downshift": "^6.1.12",
     "framer-motion": "^10.15.2",
     "rc-scrollbars": "^1.1.6",
-    "react-datepicker": "^7.3.0"
+    "react-datepicker": "^7.6.0"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^8.2.9",