@reportportal/ui-kit 0.0.1-alpha.197 → 0.0.1-alpha.199

package/README.md

@@ -110,7 +110,7 @@ The number of custom themes is not limited and actual theme can be easily switch
 
 ## Components
 
-To see a published showcase of the latest components released with its API and use cases, follow the [link](https://reportportal.io/ui-kit/).
+To see a published showcase of the latest components released with its API and use cases, follow the [link](https://developers.reportportal.io/ui-kit/).
 
 ### Icons
 

package/dist/components/index.d.ts

@@ -23,7 +23,7 @@ export { Modal } from './modal';
 export { MultipleAutocomplete } from './autocompletes/multipleAutocomplete';
 export { Pagination } from './pagination';
 export { Popover } from './popover';
-export { Radio } from './radio';
+export { Radio, RadioGroup } from './radio';
 export { SegmentedControl } from './segmentedControl';
 export { Selection } from './selection';
 export { SpinLoader } from './spinLoader';

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

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

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

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

package/dist/index.js

@@ -5,8 +5,8 @@ import { A as E } from "./index-d6e02727.js";
 import { B as k } from "./baseIconButton-251479f7.js";
 import { B as N } from "./breadcrumbs-80696f49.js";
 import { B as z } from "./bubblesLoader-f3ffa240.js";
-import { BulkPanel as J } from "./bulkPanel.js";
-import { B as _ } from "./button-7ab874f3.js";
+import { BulkPanel as H } from "./bulkPanel.js";
+import { B as V } from "./button-7ab874f3.js";
 import { C as W } from "./checkbox-76aa8f97.js";
 import { Chip as j } from "./chip.js";
 import { D as K } from "./datePicker-62184eed.js";
@@ -24,40 +24,40 @@ import { Modal as uo } from "./modal.js";
 import { MultipleAutocomplete as Co, SingleAutocomplete as Po } from "./autocompletes.js";
 import { P as Do } from "./pagination-60bd45c1.js";
 import { Popover as To } from "./popover.js";
-import { R as bo } from "./radio-62546efa.js";
-import { SegmentedControl as Bo } from "./segmentedControl.js";
-import { S as ho } from "./selection-da1a3528.js";
-import { S as Lo } from "./spinLoader-c4a53718.js";
-import { SystemAlert as Eo } from "./systemAlert.js";
-import { S as ko } from "./systemMessage-924fdaa6.js";
-import { DragLayer as No, SortableItem as Uo, SortableList as zo, TreeSortableContainer as Ho, TreeSortableItem as Jo } from "./sortable.js";
+import { R as bo, a as yo } from "./radioGroup-0c132c2e.js";
+import { SegmentedControl as Mo } from "./segmentedControl.js";
+import { S as vo } from "./selection-da1a3528.js";
+import { S as wo } from "./spinLoader-c4a53718.js";
+import { SystemAlert as Ro } from "./systemAlert.js";
+import { S as Oo } from "./systemMessage-924fdaa6.js";
+import { DragLayer as Uo, SortableItem as zo, SortableList as Go, TreeSortableContainer as Ho, TreeSortableItem as Jo } from "./sortable.js";
 import { T as _o } from "./table-0ec68481.js";
-import { T as Wo } from "./themeProvider-46c2be7b.js";
-import { T as jo } from "./toggle-304107fa.js";
-import { Tooltip as Ko } from "./tooltip.js";
-import { SidePanel as Yo } from "./sidePanel.js";
+import { T as Xo } from "./themeProvider-46c2be7b.js";
+import { T as qo } from "./toggle-304107fa.js";
+import { Tooltip as Qo } from "./tooltip.js";
+import { SidePanel as Zo } from "./sidePanel.js";
 import "react";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { useTreeDropValidation as $o } from "./common/hooks.js";
-import { u as rr } from "./useEllipsisTitle-462fa254.js";
-import { AddCsvIcon as tr, AddImageIcon as ar, AddJarIcon as nr, BreadcrumbsTreeIcon as pr, CalendarIcon as mr, CheckmarkIcon as ir, ChevronRightBreadcrumbsIcon as cr, ConfigurationIcon as sr, CopyIcon as Ir, CoverageFullIcon as lr, CoveragePartialIcon as xr, CoveredManuallyIcon as fr, DeleteIcon as dr, DragAndDropIcon as ur, DragNDropIcon as Sr, DurationIcon as Cr, EditIcon as Pr, ExportIcon as gr, FlagIcon as Dr, GroupByIcon as Fr, HideIcon as Tr, LaunchTypeIcon as Ar, MailIcon as br, MaximizeIcon as yr, MoveToFolderIcon as Br, PinFilledIcon as Mr, PinOutlineIcon as hr, PriorityBlockerIcon as vr, PriorityCriticalIcon as Lr, PriorityHighIcon as wr, PriorityLowIcon as Er, PriorityMediumIcon as Rr, PriorityUnspecifiedIcon as kr, RefreshIcon as Or, RerunIcon as Nr, RunManualIcon as Ur, SearchIcon as zr, SortIcon as Hr, StatusSuccessIcon as Jr, TestPlanIcon as Vr, UserIcon as _r } from "./icons.js";
-import { S as Wr, a as Xr, b as jr } from "./resizeColumn-46b5b30f.js";
-import { S as Kr } from "./calendarArrow-44c7e60e.js";
-import { S as Yr } from "./chevronDownDropdown-0260bb66.js";
-import { S as $r } from "./clear-53660571.js";
-import { S as re, a as ee } from "./openEye-950159cb.js";
-import { S as ae } from "./close-4d480ef7.js";
-import { S as pe, a as me, b as ie, c as ce, d as se, e as Ie, f as le } from "./xls-995781cc.js";
-import { S as fe } from "./details-dbb1530b.js";
-import { S as ue } from "./dropdown-0260bb66.js";
-import { S as Ce, a as Pe, b as ge } from "./success-8fd8bd2c.js";
-import { S as Fe, a as Te } from "./filterOutline-819b4b0d.js";
-import { S as be, a as ye } from "./tree-c3dd3d45.js";
-import { S as Me } from "./minus-2857540f.js";
-import { S as ve } from "./plus-199fb2a8.js";
-import { S as we, a as Ee } from "./prevPage-87faf576.js";
-import { S as ke } from "./warning-537ead32.js";
+import { useTreeDropValidation as or } from "./common/hooks.js";
+import { u as er } from "./useEllipsisTitle-462fa254.js";
+import { AddCsvIcon as ar, AddImageIcon as nr, AddJarIcon as pr, BreadcrumbsTreeIcon as mr, CalendarIcon as ir, CheckmarkIcon as cr, ChevronRightBreadcrumbsIcon as sr, ConfigurationIcon as Ir, CopyIcon as lr, CoverageFullIcon as xr, CoveragePartialIcon as fr, CoveredManuallyIcon as dr, DeleteIcon as ur, DragAndDropIcon as Sr, DragNDropIcon as Cr, DurationIcon as Pr, EditIcon as gr, ExportIcon as Dr, FlagIcon as Fr, GroupByIcon as Tr, HideIcon as Ar, LaunchTypeIcon as br, MailIcon as yr, MaximizeIcon as Br, MoveToFolderIcon as Mr, PinFilledIcon as hr, PinOutlineIcon as vr, PriorityBlockerIcon as Lr, PriorityCriticalIcon as wr, PriorityHighIcon as Er, PriorityLowIcon as Rr, PriorityMediumIcon as kr, PriorityUnspecifiedIcon as Or, RefreshIcon as Nr, RerunIcon as Ur, RunManualIcon as zr, SearchIcon as Gr, SortIcon as Hr, StatusSuccessIcon as Jr, TestPlanIcon as Vr, UserIcon as _r } from "./icons.js";
+import { S as Xr, a as jr, b as qr } from "./resizeColumn-46b5b30f.js";
+import { S as Qr } from "./calendarArrow-44c7e60e.js";
+import { S as Zr } from "./chevronDownDropdown-0260bb66.js";
+import { S as oe } from "./clear-53660571.js";
+import { S as ee, a as te } from "./openEye-950159cb.js";
+import { S as ne } from "./close-4d480ef7.js";
+import { S as me, a as ie, b as ce, c as se, d as Ie, e as le, f as xe } from "./xls-995781cc.js";
+import { S as de } from "./details-dbb1530b.js";
+import { S as Se } from "./dropdown-0260bb66.js";
+import { S as Pe, a as ge, b as De } from "./success-8fd8bd2c.js";
+import { S as Te, a as Ae } from "./filterOutline-819b4b0d.js";
+import { S as ye, a as Be } from "./tree-c3dd3d45.js";
+import { S as he } from "./minus-2857540f.js";
+import { S as Le } from "./plus-199fb2a8.js";
+import { S as Ee, a as Re } from "./prevPage-87faf576.js";
+import { S as Oe } from "./warning-537ead32.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "./isEmpty-ccacb5ff.js";
@@ -83,116 +83,117 @@ export {
   M as ActionMenu,
   h as ActionMenuItem,
   y as AdaptiveTagList,
-  tr as AddCsvIcon,
-  ar as AddImageIcon,
-  nr as AddJarIcon,
-  Wr as ArrowDownIcon,
-  Xr as ArrowUpIcon,
+  ar as AddCsvIcon,
+  nr as AddImageIcon,
+  pr as AddJarIcon,
+  Xr as ArrowDownIcon,
+  jr as ArrowUpIcon,
   E as AttachedFile,
   k as BaseIconButton,
   N as Breadcrumbs,
-  pr as BreadcrumbsTreeIcon,
+  mr as BreadcrumbsTreeIcon,
   z as BubblesLoader,
-  J as BulkPanel,
-  _ as Button,
-  Kr as CalendarArrowIcon,
-  mr as CalendarIcon,
+  H as BulkPanel,
+  V as Button,
+  Qr as CalendarArrowIcon,
+  ir as CalendarIcon,
   W as Checkbox,
-  ir as CheckmarkIcon,
-  Yr as ChevronDownDropdownIcon,
-  cr as ChevronRightBreadcrumbsIcon,
+  cr as CheckmarkIcon,
+  Zr as ChevronDownDropdownIcon,
+  sr as ChevronRightBreadcrumbsIcon,
   j as Chip,
-  $r as ClearIcon,
-  re as CloseEyeIcon,
-  ae as CloseIcon,
-  sr as ConfigurationIcon,
-  Ir as CopyIcon,
-  lr as CoverageFullIcon,
-  xr as CoveragePartialIcon,
-  fr as CoveredManuallyIcon,
-  pe as CsvIcon,
+  oe as ClearIcon,
+  ee as CloseEyeIcon,
+  ne as CloseIcon,
+  Ir as ConfigurationIcon,
+  lr as CopyIcon,
+  xr as CoverageFullIcon,
+  fr as CoveragePartialIcon,
+  dr as CoveredManuallyIcon,
+  me as CsvIcon,
   K as DatePicker,
-  dr as DeleteIcon,
-  fe as DetailsIcon,
-  ur as DragAndDropIcon,
-  No as DragLayer,
-  Sr as DragNDropIcon,
+  ur as DeleteIcon,
+  de as DetailsIcon,
+  Sr as DragAndDropIcon,
+  Uo as DragLayer,
+  Cr as DragNDropIcon,
   Y as Dropdown,
-  ue as DropdownIcon,
-  Cr as DurationIcon,
-  Pr as EditIcon,
-  Ce as ErrorIcon,
-  gr as ExportIcon,
-  me as ExternalLinkIcon,
+  Se as DropdownIcon,
+  Pr as DurationIcon,
+  gr as EditIcon,
+  Pe as ErrorIcon,
+  Dr as ExportIcon,
+  ie as ExternalLinkIcon,
   $ as FieldLabel,
   ro as FieldNumber,
   to as FieldText,
   no as FieldTextFlex,
   mo as FileDropArea,
-  ie as FileOtherIcon,
-  Fe as FilterFilledIcon,
+  ce as FileOtherIcon,
+  Te as FilterFilledIcon,
   Io as FilterItem,
-  Te as FilterOutlineIcon,
+  Ae as FilterOutlineIcon,
   co as FiltersButton,
-  Dr as FlagIcon,
-  Fr as GroupByIcon,
-  Tr as HideIcon,
-  ce as ImageIcon,
-  Pe as InfoIcon,
+  Fr as FlagIcon,
+  Tr as GroupByIcon,
+  Ar as HideIcon,
+  se as ImageIcon,
+  ge as InfoIcon,
   xo as IssueList,
-  se as JarIcon,
-  Ar as LaunchTypeIcon,
-  br as MailIcon,
-  yr as MaximizeIcon,
-  be as MeatballMenuIcon,
-  Me as MinusIcon,
+  Ie as JarIcon,
+  br as LaunchTypeIcon,
+  yr as MailIcon,
+  Br as MaximizeIcon,
+  ye as MeatballMenuIcon,
+  he as MinusIcon,
   uo as Modal,
-  Br as MoveToFolderIcon,
+  Mr as MoveToFolderIcon,
   Co as MultipleAutocomplete,
-  ee as OpenEyeIcon,
+  te as OpenEyeIcon,
   Do as Pagination,
-  Ie as PdfIcon,
-  Mr as PinFilledIcon,
-  hr as PinOutlineIcon,
-  ve as PlusIcon,
+  le as PdfIcon,
+  hr as PinFilledIcon,
+  vr as PinOutlineIcon,
+  Le as PlusIcon,
   To as Popover,
-  we as PrevChapterIcon,
-  Ee as PrevPageIcon,
-  vr as PriorityBlockerIcon,
-  Lr as PriorityCriticalIcon,
-  wr as PriorityHighIcon,
-  Er as PriorityLowIcon,
-  Rr as PriorityMediumIcon,
-  kr as PriorityUnspecifiedIcon,
+  Ee as PrevChapterIcon,
+  Re as PrevPageIcon,
+  Lr as PriorityBlockerIcon,
+  wr as PriorityCriticalIcon,
+  Er as PriorityHighIcon,
+  Rr as PriorityLowIcon,
+  kr as PriorityMediumIcon,
+  Or as PriorityUnspecifiedIcon,
   bo as Radio,
-  Or as RefreshIcon,
-  Nr as RerunIcon,
-  jr as ResizeColumnIcon,
-  Ur as RunManualIcon,
-  zr as SearchIcon,
-  Bo as SegmentedControl,
-  ho as Selection,
-  Yo as SidePanel,
+  yo as RadioGroup,
+  Nr as RefreshIcon,
+  Ur as RerunIcon,
+  qr as ResizeColumnIcon,
+  zr as RunManualIcon,
+  Gr as SearchIcon,
+  Mo as SegmentedControl,
+  vo as Selection,
+  Zo as SidePanel,
   Po as SingleAutocomplete,
   Hr as SortIcon,
-  Uo as SortableItem,
-  zo as SortableList,
-  Lo as SpinLoader,
+  zo as SortableItem,
+  Go as SortableList,
+  wo as SpinLoader,
   Jr as StatusSuccessIcon,
-  ge as SuccessIcon,
-  Eo as SystemAlert,
-  ko as SystemMessage,
+  De as SuccessIcon,
+  Ro as SystemAlert,
+  Oo as SystemMessage,
   _o as Table,
   Vr as TestPlanIcon,
-  Wo as ThemeProvider,
-  jo as Toggle,
-  Ko as Tooltip,
-  ye as TreeIcon,
+  Xo as ThemeProvider,
+  qo as Toggle,
+  Qo as Tooltip,
+  Be as TreeIcon,
   Ho as TreeSortableContainer,
   Jo as TreeSortableItem,
   _r as UserIcon,
-  ke as WarningIcon,
-  le as XlsIcon,
-  rr as useEllipsisTitle,
-  $o as useTreeDropValidation
+  Oe as WarningIcon,
+  xe as XlsIcon,
+  er as useEllipsisTitle,
+  or as useTreeDropValidation
 };

package/dist/radio.js

@@ -1,9 +1,11 @@
-import { R as r } from "./radio-62546efa.js";
+import { R as r } from "./radioGroup-0c132c2e.js";
+import { a as e } from "./radioGroup-0c132c2e.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
 export {
   r as Radio,
+  e as RadioGroup,
   r as default
 };

package/dist/radioGroup-0c132c2e.js

@@ -0,0 +1,77 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { useRef as g, useId as k } from "react";
+import { c as y } from "./bind-06a7ff84.js";
+import { K as _ } from "./keyCodes-f63c0e11.js";
+const x = "_disabled_1fetm_9", D = "_toggler_1fetm_15", E = "_checked_1fetm_21", v = "_input_1fetm_28", C = {
+  "radio-button": "_radio-button_1fetm_1",
+  disabled: x,
+  "children-container": "_children-container_1fetm_12",
+  toggler: D,
+  checked: E,
+  input: v
+}, d = y.bind(C), K = ({
+  option: e,
+  value: l,
+  onChange: s,
+  onFocus: c,
+  onBlur: N,
+  className: m,
+  ...f
+}) => {
+  const t = g(null), n = k(), r = String(e.value) === String(l), h = (i) => {
+    var u, b;
+    const { keyCode: o } = i;
+    if (o === _.SPACE_KEY_CODE) {
+      i.preventDefault(), (u = t.current) == null || u.click();
+      return;
+    }
+    o === _.ENTER_KEY_CODE && (i.preventDefault(), (b = t.current) == null || b.click());
+  };
+  return (
+    // eslint-disable-next-line
+    /* @__PURE__ */ p(
+      "label",
+      {
+        id: n,
+        className: d(m, "radio-button", {
+          disabled: e.disabled
+        }),
+        tabIndex: e.disabled ? -1 : 0,
+        onKeyDown: e.disabled ? void 0 : h,
+        children: [
+          /* @__PURE__ */ a(
+            "input",
+            {
+              tabIndex: -1,
+              ref: t,
+              type: "radio",
+              className: d("input"),
+              disabled: e.disabled,
+              onChange: s,
+              value: e.value,
+              checked: r,
+              ...f
+            }
+          ),
+          /* @__PURE__ */ a(
+            "span",
+            {
+              role: "radio",
+              "aria-labelledby": n,
+              "aria-checked": r,
+              className: d("toggler", {
+                disabled: e.disabled,
+                checked: r
+              })
+            }
+          ),
+          /* @__PURE__ */ a("span", { className: d("children-container"), children: e.label })
+        ]
+      }
+    )
+  );
+}, w = ({ options: e, value: l, ...s }) => /* @__PURE__ */ a("div", { style: { display: "flex", flexDirection: "column" }, children: e.map((c) => /* @__PURE__ */ a(K, { option: c, value: l, ...s }, c.value)) });
+export {
+  K as R,
+  w as a
+};