@reportportal/ui-kit 0.0.1-alpha.67 → 0.0.1-alpha.69

package/dist/button-33bc880f.js

@@ -0,0 +1,64 @@
+import { jsxs as p, jsx as b } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as u } from "./bind-06a7ff84.js";
+const x = "_button_108em_1", f = "_primary_108em_18", g = "_disabled_108em_23", y = "_ghost_108em_38", N = "_danger_108em_59", B = "_text_108em_79", $ = "_icon_108em_133", j = {
+  button: x,
+  primary: f,
+  disabled: g,
+  ghost: y,
+  danger: N,
+  text: B,
+  "width-min-width": "_width-min-width_108em_115",
+  "width-content": "_width-content_108em_119",
+  "width-wide-content": "_width-wide-content_108em_123",
+  "width-parent": "_width-parent_108em_128",
+  icon: $,
+  "icon-start": "_icon-start_108em_139",
+  "icon-end": "_icon-end_108em_143"
+}, _ = u.bind(j), v = l(
+  ({
+    variant: i = "primary",
+    icon: t,
+    iconPlace: n = "start",
+    adjustWidthOn: e = "min-width",
+    type: s = "button",
+    children: c,
+    disabled: o = !1,
+    onClick: m,
+    title: r,
+    className: d,
+    ...a
+  }, h) => {
+    const w = _("button", i, d, {
+      disabled: o,
+      [`width-${e}`]: e
+    });
+    return /* @__PURE__ */ p(
+      "button",
+      {
+        ref: h,
+        type: s,
+        disabled: o,
+        className: w,
+        onClick: m,
+        title: r,
+        ...a,
+        children: [
+          t && /* @__PURE__ */ b(
+            "i",
+            {
+              className: _("icon", {
+                [`icon-${n}`]: n
+              }),
+              children: t
+            }
+          ),
+          c
+        ]
+      }
+    );
+  }
+);
+export {
+  v as B
+};

package/dist/button.js

@@ -1,4 +1,4 @@
-import { B as o } from "./button-770f7b20.js";
+import { B as o } from "./button-33bc880f.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/{checkbox-9a6c7ce1.js → checkbox-aa91985d.js}

@@ -1,32 +1,32 @@
-import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
 import { c as f } from "./bind-06a7ff84.js";
 import { useRef as y, useId as C } from "react";
 import { K as p } from "./keyCodes-f63c0e11.js";
-const E = "_checkbox_189ko_1", D = "_disabled_189ko_11", K = "_input_189ko_16", N = "_control_189ko_23", I = "_children_189ko_149", R = {
+const E = "_checkbox_1tbt5_1", D = "_disabled_1tbt5_11", K = "_input_1tbt5_16", N = "_control_1tbt5_23", I = "_children_1tbt5_149", R = {
   checkbox: E,
   disabled: D,
   input: K,
   control: N,
-  "partially-checked": "_partially-checked_189ko_76",
+  "partially-checked": "_partially-checked_1tbt5_76",
   children: I
 }, e = f.bind(R), A = ({
-  children: t,
+  children: s,
   disabled: c = !1,
   onChange: d,
   className: h,
   value: r,
-  partiallyChecked: b,
+  partiallyChecked: k,
   title: l,
   ...u
 }) => {
-  const o = y(null), a = C(), m = (n) => {
-    var k, _;
-    const { keyCode: i } = n;
+  const t = y(null), a = C(), m = (o) => {
+    var _, b;
+    const { keyCode: i } = o;
     if (i === p.SPACE_KEY_CODE) {
-      n.preventDefault(), (k = o.current) == null || k.click();
+      o.preventDefault(), (_ = t.current) == null || _.click();
       return;
     }
-    i === p.ENTER_KEY_CODE && (n.preventDefault(), (_ = o.current) == null || _.click());
+    i === p.ENTER_KEY_CODE && (o.preventDefault(), (b = t.current) == null || b.click());
   };
   return /* @__PURE__ */ x(
     "label",
@@ -37,14 +37,14 @@ const E = "_checkbox_189ko_1", D = "_disabled_189ko_11", K = "_input_189ko_16",
       }),
       title: l,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           "input",
           {
-            ref: o,
+            ref: t,
             tabIndex: 0,
             type: "checkbox",
             onKeyDown: m,
-            className: e("input", { "partially-checked": b }),
+            className: e("input", { "partially-checked": k }),
             disabled: c,
             onChange: d,
             checked: r,
@@ -52,7 +52,7 @@ const E = "_checkbox_189ko_1", D = "_disabled_189ko_11", K = "_input_189ko_16",
             ...u
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           "span",
           {
             "aria-labelledby": a,
@@ -63,7 +63,7 @@ const E = "_checkbox_189ko_1", D = "_disabled_189ko_11", K = "_input_189ko_16",
             })
           }
         ),
-        t && /* @__PURE__ */ s("span", { className: e("children", { disabled: c }), children: t })
+        s && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: s })
       ]
     }
   );

package/dist/checkbox.js

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

package/dist/components/fieldLabel/fieldLabel.d.ts

@@ -1,7 +1,7 @@
-import { DetailedHTMLProps, FC, LabelHTMLAttributes } from 'react';
+import { DetailedHTMLProps, LabelHTMLAttributes } from 'react';
 
 interface FieldLabelProps extends DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
     isRequired?: boolean;
 }
-export declare const FieldLabel: FC<FieldLabelProps>;
+export declare const FieldLabel: ({ children, isRequired, className, ...rest }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes, FocusEventHandler } from 'react';
+import { HTMLAttributes, FocusEventHandler } from 'react';
 
 type FieldNumberValue = number | string;
 interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> {
@@ -15,5 +15,5 @@ interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onCha
     touched?: boolean;
     onFocus?: () => void | FocusEventHandler<HTMLInputElement>;
 }
-export declare const FieldNumber: FC<FieldNumberProps>;
+export declare const FieldNumber: ({ value, placeholder, disabled, onChange, onFocus, onBlur, label, postfix, min, max, title, error, touched, id, ...rest }: FieldNumberProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, ComponentPropsWithRef, FC, FocusEventHandler, KeyboardEventHandler } from 'react';
+import { ChangeEventHandler, ComponentPropsWithRef, FocusEventHandler, KeyboardEventHandler } from 'react';
 
 export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
     value: string;
@@ -13,4 +13,4 @@ export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
     onBlur?: FocusEventHandler<HTMLTextAreaElement>;
     onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
 }
-export declare const FieldTextFlex: FC<FieldTextFlexProps>;
+export declare const FieldTextFlex: import('react').ForwardRefExoticComponent<Omit<FieldTextFlexProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;

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

@@ -40,4 +40,6 @@ export { default as PriorityMediumIcon } from './svg/priorityMedium.svg';
 export { default as PriorityUnspecifiedIcon } from './svg/priorityUnspecified.svg';
 export { default as SearchIcon } from './svg/search.svg';
 export { default as SortIcon } from './svg/sort.svg';
+export { default as StatusSuccessIcon } from './svg/statusSuccess.svg';
 export { default as SuccessIcon } from './svg/success.svg';
+export { default as WarningIcon } from './svg/warning.svg';

package/dist/{datePicker-06e90999.js → datePicker-382ef010.js}

@@ -1,25 +1,25 @@
-import { jsxs as S, Fragment as U, jsx as t } from "react/jsx-runtime";
+import { jsxs as x, Fragment as U, jsx as t } from "react/jsx-runtime";
 import $ from "react-datepicker/dist/es/index.js";
 import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as P, useRef as B } from "react";
-import { F as D } from "./fieldText-94e2c8eb.js";
-import { a as E, S as G } from "./calendarArrow-3e1339ea.js";
-import { D as T } from "./dropdown-29285346.js";
-import { registerLocale as H } from "react-datepicker";
+import { F as D } from "./fieldText-e605a521.js";
+import { a as E, S as j } from "./calendarArrow-3e1339ea.js";
+import { D as T } from "./dropdown-13d7d50e.js";
+import { registerLocale as G } from "react-datepicker";
 const pe = (r, s) => {
-  H(r, s);
-}, V = (r, s = 20) => {
+  G(r, s);
+}, H = (r, s = 20) => {
   const l = r + s;
   return new Array(l - r).fill(void 0).map((g, o) => r - o);
-}, 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: W,
-  dropdown: q,
-  "month-dropdown": "_month-dropdown_a3cjx_44",
-  "toggle-button": "_toggle-button_a3cjx_47"
+}, V = "_header_1q16i_1", O = "_disabled_1q16i_25", W = "_dropdown_1q16i_8", z = {
+  header: V,
+  "dropdowns-wrapper": "_dropdowns-wrapper_1q16i_8",
+  "button-prev": "_button-prev_1q16i_13",
+  "button-next": "_button-next_1q16i_14",
+  disabled: O,
+  dropdown: W,
+  "month-dropdown": "_month-dropdown_1q16i_44",
+  "toggle-button": "_toggle-button_1q16i_47"
 }, a = R.bind(z), J = ({
   date: r = /* @__PURE__ */ new Date(),
   changeYear: s = () => {
@@ -35,27 +35,27 @@ const pe = (r, s) => {
   headerNodes: b = null,
   customClassName: w = "",
   yearsOptions: i = [],
-  locale: x
+  locale: C
 }) => {
-  const p = r.getFullYear(), C = r.getMonth(), f = P(() => {
-    const e = Array(12).keys(), c = new Intl.DateTimeFormat(x, {
+  const p = r.getFullYear(), N = r.getMonth(), f = P(() => {
+    const e = Array(12).keys(), d = new Intl.DateTimeFormat(C, {
       month: "long"
-    }), d = (m) => c.format(new Date(p, m));
-    return Array.from(e, d).reduce((m, j, A) => m.concat({
-      value: A,
-      label: j
+    }), c = (m) => d.format(new Date(p, m));
+    return Array.from(e, c).reduce((m, k, S) => m.concat({
+      value: S,
+      label: k
     }), []);
-  }, []), N = P(() => (i.length > 0 ? i : V(p)).reduce(
-    (c, d) => c.concat({ value: d, label: `${d}` }),
+  }, []), v = P(() => (i.length > 0 ? i : H(p)).reduce(
+    (d, c) => d.concat({ value: c, label: `${c}` }),
     []
-  ), [i]), v = (e) => {
+  ), [i]), y = (e) => {
     l(e);
-  }, y = (e) => {
+  }, A = (e) => {
     s(e);
   };
-  return /* @__PURE__ */ S(U, { children: [
+  return /* @__PURE__ */ x(U, { children: [
     b && /* @__PURE__ */ t("div", { className: a(w), children: b }),
-    /* @__PURE__ */ S("div", { className: a("header"), children: [
+    /* @__PURE__ */ x("div", { className: a("header"), children: [
       /* @__PURE__ */ t(
         "button",
         {
@@ -68,13 +68,13 @@ const pe = (r, s) => {
           children: /* @__PURE__ */ t(E, {})
         }
       ),
-      /* @__PURE__ */ S("div", { className: a("dropdowns-wrapper"), children: [
+      /* @__PURE__ */ x("div", { className: a("dropdowns-wrapper"), children: [
         /* @__PURE__ */ t(
           T,
           {
             options: f,
-            value: C,
-            onChange: v,
+            value: N,
+            onChange: y,
             transparentBackground: !0,
             className: a("dropdown", "month-dropdown"),
             toggleButtonClassName: a("toggle-button")
@@ -83,9 +83,9 @@ const pe = (r, s) => {
         /* @__PURE__ */ t(
           T,
           {
-            options: N,
+            options: v,
             value: p,
-            onChange: y,
+            onChange: A,
             transparentBackground: !0,
             className: a("dropdown"),
             toggleButtonClassName: a("toggle-button")
@@ -106,12 +106,12 @@ const pe = (r, s) => {
       )
     ] })
   ] });
-}, K = "_calendar_1jr94_5", Q = "_date_1jr94_90", X = "_disabled_1jr94_202", Z = "_popper_1jr94_210", ee = "_input_1jr94_214", oe = {
+}, K = "_calendar_1pok6_5", Q = "_date_1pok6_90", X = "_disabled_1pok6_202", Z = "_popper_1pok6_210", ee = "_input_1pok6_214", oe = {
   calendar: K,
-  "current-date": "_current-date_1jr94_89",
+  "current-date": "_current-date_1pok6_89",
   date: Q,
-  "selected-range": "_selected-range_1jr94_119",
-  "end-date": "_end-date_1jr94_119",
+  "selected-range": "_selected-range_1pok6_119",
+  "end-date": "_end-date_1pok6_119",
   disabled: X,
   popper: Z,
   input: ee
@@ -129,22 +129,22 @@ const pe = (r, s) => {
   customClassName: b = "",
   customTimeInput: w = void 0,
   shouldCloseOnSelect: i = !0,
-  popperClassName: x = "",
+  popperClassName: C = "",
   calendarClassName: p = "",
-  fixedHeight: C = !1,
+  fixedHeight: N = !1,
   language: f = ne,
-  yearsOptions: N = [],
-  placeholder: v = L.toUpperCase(),
-  dateFormat: y = L,
+  yearsOptions: v = [],
+  placeholder: y = L.toUpperCase(),
+  dateFormat: A = L,
   selects: e = "start",
-  value: c = null
+  value: d = null
 }) => {
-  const d = B(null), k = n == null ? void 0 : n.toDateString(), m = o == null ? void 0 : o.toDateString(), j = o && n && o > n, A = (u) => {
-    const F = u.toDateString(), Y = F === k, M = j && F === m, I = n && o && u > n && u < o;
+  const c = B(null), F = n == null ? void 0 : n.toDateString(), m = o == null ? void 0 : o.toDateString(), k = o && n && o > n, S = (u) => {
+    const M = u.toDateString(), Y = M === F, q = k && M === m, I = n && o && u > n && u < o;
     return _("date", {
       "current-date": Y,
-      "selected-range": I && !M,
-      "end-date": M && j,
+      "selected-range": I && !q,
+      "end-date": q && k,
       disabled: s
     });
   };
@@ -156,21 +156,21 @@ const pe = (r, s) => {
         {
           className: _("input"),
           defaultWidth: !1,
-          endIcon: /* @__PURE__ */ t(G, {}),
-          ref: d
+          endIcon: /* @__PURE__ */ t(j, {}),
+          ref: c
         }
       ),
-      placeholderText: v,
-      selected: c,
+      placeholderText: y,
+      selected: d,
       startDate: n,
       endDate: o,
       minDate: e === "end" ? n : void 0,
       disabled: s,
       shouldCloseOnSelect: i,
-      fixedHeight: C,
+      fixedHeight: N,
       locale: f,
       showPopperArrow: !1,
-      dayClassName: A,
+      dayClassName: S,
       calendarClassName: _(p, "calendar"),
       renderCustomHeader: (u) => /* @__PURE__ */ t(
         J,
@@ -178,7 +178,7 @@ const pe = (r, s) => {
           ...u,
           headerNodes: h,
           customClassName: b,
-          yearsOptions: N,
+          yearsOptions: v,
           locale: f
         }
       ),
@@ -187,8 +187,8 @@ const pe = (r, s) => {
       onFocus: g,
       customTimeInput: w,
       showTimeInput: !!w,
-      popperClassName: _(x, "popper"),
-      dateFormat: y,
+      popperClassName: _(C, "popper"),
+      dateFormat: A,
       selectsStart: e === "start",
       selectsEnd: e === "end",
       className: _("datepicker")

package/dist/datePicker.js

@@ -1,17 +1,17 @@
-import { D as t } from "./datePicker-06e90999.js";
-import { r as v } from "./datePicker-06e90999.js";
+import { D as t } from "./datePicker-382ef010.js";
+import { r as v } from "./datePicker-382ef010.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
 import "react";
-import "./fieldText-94e2c8eb.js";
+import "./fieldText-e605a521.js";
 import "./openEye-7b9cf080.js";
-import "./button-770f7b20.js";
+import "./button-33bc880f.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
 import "./calendarArrow-3e1339ea.js";
-import "./dropdown-29285346.js";
+import "./dropdown-13d7d50e.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
@@ -19,7 +19,7 @@ import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
-import "./checkbox-9a6c7ce1.js";
+import "./checkbox-aa91985d.js";
 import "react-datepicker";
 export {
   t as DatePicker,