@reportportal/ui-kit 0.0.1-alpha.244 → 0.0.1-alpha.245

package/dist/autocompletes.js

@@ -9,7 +9,7 @@ import { i as Me } from "./isEmpty-ccacb5ff.js";
 import { createPortal as Je } from "react-dom";
 import _e from "downshift";
 import { useFloating as Be, autoUpdate as Oe, flip as Qe, size as Ze } from "@floating-ui/react";
-import { F as qe } from "./fieldText-4223a711.js";
+import { F as qe } from "./fieldText-0a70163b.js";
 import { S as Te } from "./dropdown-0260bb66.js";
 import { E as $e, A as Ue, T as Ve } from "./constants-85822a6b.js";
 import { S as et } from "./close-4d480ef7.js";

package/dist/{datePicker-438e42b8.js → datePicker-3e22291f.js}

@@ -2,7 +2,7 @@ import { jsxs as x, Fragment as z, jsx as a } from "react/jsx-runtime";
 import { useMemo as v, forwardRef as J, useRef as K } from "react";
 import I from "react-datepicker/dist/es/index.js";
 import { c as Y } from "./bind-06a7ff84.js";
-import { F as Q } from "./fieldText-4223a711.js";
+import { F as Q } from "./fieldText-0a70163b.js";
 import { D as L } from "./dropdown-d2a05471.js";
 import { S as B } from "./calendarArrow-44c7e60e.js";
 import { registerLocale as X } from "react-datepicker";

package/dist/datePicker.js

@@ -1,10 +1,10 @@
-import { D as t } from "./datePicker-438e42b8.js";
-import { r as I } from "./datePicker-438e42b8.js";
+import { D as t } from "./datePicker-3e22291f.js";
+import { r as I } from "./datePicker-3e22291f.js";
 import "react/jsx-runtime";
 import "react";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
-import "./fieldText-4223a711.js";
+import "./fieldText-0a70163b.js";
 import "./clear-53660571.js";
 import "./capslockIcon-b100b9d6.js";
 import "./baseIconButton-251479f7.js";

package/dist/{fieldText-4223a711.js → fieldText-0a70163b.js}

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as a, Fragment as F } from "react/jsx-runtime";
+import { jsx as t, jsxs as s, Fragment as F } from "react/jsx-runtime";
 import { forwardRef as Y, useRef as Z, useId as q, useState as b } from "react";
 import { c as tt } from "./bind-06a7ff84.js";
 import { S as nt } from "./clear-53660571.js";
@@ -39,88 +39,88 @@ const _t = "_collapsed_1vr19_11", dt = "_field_1vr19_23", mt = "_placeholder_1vr
   text: xt,
   "error-text": "_error-text_1vr19_227",
   "help-text": "_help-text_1vr19_231"
-}, n = tt.bind(Nt), Rt = Y(
+}, n = tt.bind(Nt), Pt = Y(
   ({
     value: e = "",
     className: B,
-    classNameHelpText: V,
-    error: i,
+    classNameHelpText: D,
+    error: r,
     placeholder: d,
     disabled: c = !1,
-    onChange: D,
+    onChange: V,
     touched: m = !1,
     title: E,
-    label: l,
-    helpText: p,
+    label: i,
+    helpText: l,
     defaultWidth: I = !0,
     startIcon: u,
     endIcon: f,
     clearable: L = !1,
     onClear: h,
     isRequired: v = !1,
-    hasDoubleMessage: R = !1,
-    type: r = "text",
-    displayError: j = !0,
-    collapsible: H = !1,
-    loading: M = !1,
-    maxLengthDisplay: O,
+    hasDoubleMessage: P = !1,
+    type: a = "text",
+    displayError: R = !0,
+    collapsible: j = !1,
+    loading: H = !1,
+    maxLengthDisplay: M,
     capsLockMessage: w,
-    onFocus: P = () => {
+    onFocus: O = () => {
     },
     onBlur: T = () => {
     },
     ...$
   }, z) => {
-    const A = Z(null), _ = z || A, x = q(), [N, k] = b(!1), [y, G] = b(!1), { capsLockOn: J } = lt(), g = !!w && J && e.length >= 1 && !c, K = (o) => {
-      k(!0), P(o);
+    const A = Z(null), p = z || A, x = q(), [N, k] = b(!1), [y, G] = b(!1), { capsLockOn: J } = lt(), g = !!w && J && e.length >= 1 && !c, K = (o) => {
+      k(!0), O(o);
     }, Q = (o) => {
       k(!1), T(o);
     }, U = () => {
       var o;
-      h && (h(e), (o = _.current) == null || o.focus());
-    }, C = j && i && m, S = /* @__PURE__ */ t("span", { className: n("text", "help-text", V), children: p }), W = () => r !== "password" ? r : y ? "text" : "password", X = (o) => {
-      o.preventDefault(), G((s) => !s);
+      h && (h(e), (o = p.current) == null || o.focus());
+    }, C = R && r && m, S = /* @__PURE__ */ t("span", { className: n("text", "help-text", D), children: l }), W = () => a !== "password" ? a : y ? "text" : "password", X = () => {
+      G((o) => !o);
     };
-    return /* @__PURE__ */ a(F, { children: [
-      l && /* @__PURE__ */ t(it, { isRequired: v, htmlFor: x, children: l }),
-      /* @__PURE__ */ a(
+    return /* @__PURE__ */ s(F, { children: [
+      i && /* @__PURE__ */ t(it, { isRequired: v, htmlFor: x, children: i }),
+      /* @__PURE__ */ s(
         "div",
         {
           className: n("field", B, {
-            error: i,
+            error: r,
             touched: m,
             disabled: c,
             "default-width": I,
-            collapsed: H && !N && !e
+            collapsed: j && !N && !e
           }),
           title: E,
           children: [
-            M ? /* @__PURE__ */ t(at, {}) : u && /* @__PURE__ */ t(
+            H ? /* @__PURE__ */ t(at, {}) : u && /* @__PURE__ */ t(
               "span",
               {
                 className: n("icon-container-start"),
                 onClick: () => {
-                  var s;
-                  (s = _.current) == null || s.focus();
+                  var _;
+                  (_ = p.current) == null || _.focus();
                 },
                 children: /* @__PURE__ */ t("span", { className: n("icon", { "start-icon": !N }), children: u })
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ s(
               "span",
               {
-                className: n("input-container", `type-${r}`, { "with-caps-lock": g }),
+                className: n("input-container", `type-${a}`, { "with-caps-lock": g }),
                 children: [
                   /* @__PURE__ */ t(
                     "input",
                     {
-                      ref: _,
+                      ref: p,
                       type: W(),
                       className: n("input"),
                       value: e,
                       disabled: c,
                       id: x,
-                      onChange: D,
+                      onChange: V,
                       onFocus: K,
                       onBlur: Q,
                       ...$
@@ -135,10 +135,18 @@ const _t = "_collapsed_1vr19_11", dt = "_field_1vr19_23", mt = "_placeholder_1vr
                       children: /* @__PURE__ */ t("span", { className: n("caps-lock-icon"), children: /* @__PURE__ */ t(ot, {}) })
                     }
                   ),
-                  r === "password" && e && /* @__PURE__ */ t(st, { className: n("eye-icon"), onClick: X, children: y ? /* @__PURE__ */ t(et, {}) : /* @__PURE__ */ t(ct, {}) }),
-                  d && !e && /* @__PURE__ */ a("span", { className: n("placeholder"), children: [
+                  a === "password" && e && /* @__PURE__ */ t(
+                    st,
+                    {
+                      className: n("eye-icon"),
+                      onClick: X,
+                      onPointerDown: (o) => o.preventDefault(),
+                      children: y ? /* @__PURE__ */ t(et, {}) : /* @__PURE__ */ t(ct, {})
+                    }
+                  ),
+                  d && !e && /* @__PURE__ */ s("span", { className: n("placeholder"), children: [
                     d,
-                    v && !l && /* @__PURE__ */ t("span", { className: n("asterisk") })
+                    v && !i && /* @__PURE__ */ t("span", { className: n("asterisk") })
                   ] })
                 ]
               }
@@ -148,7 +156,7 @@ const _t = "_collapsed_1vr19_11", dt = "_field_1vr19_23", mt = "_placeholder_1vr
               {
                 className: n("max-length-display"),
                 value: e.length,
-                maxValue: O
+                maxValue: M
               }
             ),
             L && e.length > 0 && /* @__PURE__ */ t("span", { className: n("icon-container-end"), children: /* @__PURE__ */ t(
@@ -165,13 +173,13 @@ const _t = "_collapsed_1vr19_11", dt = "_field_1vr19_23", mt = "_placeholder_1vr
           ]
         }
       ),
-      (C || p) && /* @__PURE__ */ t("div", { className: n("additional-content", { disabled: c }), children: C ? /* @__PURE__ */ a(F, { children: [
-        /* @__PURE__ */ t("span", { className: n("text", "error-text"), children: i }),
-        R && S
-      ] }) : p && S })
+      (C || l) && /* @__PURE__ */ t("div", { className: n("additional-content", { disabled: c }), children: C ? /* @__PURE__ */ s(F, { children: [
+        /* @__PURE__ */ t("span", { className: n("text", "error-text"), children: r }),
+        P && S
+      ] }) : l && S })
     ] });
   }
 );
 export {
-  Rt as F
+  Pt as F
 };

package/dist/fieldText.js

@@ -1,4 +1,4 @@
-import { F as o } from "./fieldText-4223a711.js";
+import { F as o } from "./fieldText-0a70163b.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/index.js

@@ -9,12 +9,12 @@ import { BulkPanel as V } from "./bulkPanel.js";
 import { B as W } from "./button-7ab874f3.js";
 import { C as j } from "./checkbox-76aa8f97.js";
 import { Chip as K } from "./chip.js";
-import { D as Y } from "./datePicker-438e42b8.js";
+import { D as Y } from "./datePicker-3e22291f.js";
 import "react-datepicker";
 import { D as $ } from "./dropdown-d2a05471.js";
 import { FieldLabel as ro } from "./fieldLabel.js";
 import { F as to } from "./fieldNumber-b4aa4d7e.js";
-import { F as ao } from "./fieldText-4223a711.js";
+import { F as ao } from "./fieldText-0a70163b.js";
 import { F as po } from "./fieldTextFlex-2f51c173.js";
 import { FileDropArea as mo } from "./fileDropArea.js";
 import { FiltersButton as Io } from "./filtersButton.js";
@@ -22,7 +22,7 @@ import { FilterItem as xo } from "./filterItem.js";
 import { IssueList as uo } from "./issueList.js";
 import { Modal as Co } from "./modal.js";
 import { MultipleAutocomplete as Po, SingleAutocomplete as go } from "./autocompletes.js";
-import { P as Fo } from "./pagination-b3b3e067.js";
+import { P as Fo } from "./pagination-ca97395e.js";
 import { Popover as bo } from "./popover.js";
 import { R as ho, a as Bo } from "./radioGroup-0c132c2e.js";
 import { SegmentedControl as vo } from "./segmentedControl.js";

package/dist/{pagination-b3b3e067.js → pagination-ca97395e.js}

@@ -4,7 +4,7 @@ import { Tooltip as j } from "./tooltip.js";
 import { useState as f } from "react";
 import { Popover as A } from "./popover.js";
 import { B as w } from "./button-7ab874f3.js";
-import { F as B } from "./fieldText-4223a711.js";
+import { F as B } from "./fieldText-0a70163b.js";
 import { B as y } from "./baseIconButton-251479f7.js";
 import { S as z, a as S } from "./prevPage-87faf576.js";
 const W = {

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { P as t } from "./pagination-b3b3e067.js";
+import { P as t } from "./pagination-ca97395e.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "./tooltip.js";
@@ -8,7 +8,7 @@ import "@floating-ui/react";
 import "./floatingUi-46f5b896.js";
 import "./popover.js";
 import "./button-7ab874f3.js";
-import "./fieldText-4223a711.js";
+import "./fieldText-0a70163b.js";
 import "./clear-53660571.js";
 import "./capslockIcon-b100b9d6.js";
 import "./baseIconButton-251479f7.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.244",
+  "version": "0.0.1-alpha.245",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {