@reportportal/ui-kit 0.0.1-alpha.243 → 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-a4446a77.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-f4adf107.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-a4446a77.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-f4adf107.js";
-import { r as I } from "./datePicker-f4adf107.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-a4446a77.js";
+import "./fieldText-0a70163b.js";
 import "./clear-53660571.js";
 import "./capslockIcon-b100b9d6.js";
 import "./baseIconButton-251479f7.js";

package/dist/fieldText-0a70163b.js

@@ -0,0 +1,185 @@
+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";
+import { b as ot, a as et, S as ct } from "./capslockIcon-b100b9d6.js";
+import { B as st } from "./baseIconButton-251479f7.js";
+import { S as at } from "./spinLoader-c4a53718.js";
+import { M as rt } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as it } from "./fieldLabel.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { u as lt } from "./useCapsLock-d7f98c9f.js";
+import { Tooltip as pt } from "./tooltip.js";
+const _t = "_collapsed_1vr19_11", dt = "_field_1vr19_23", mt = "_placeholder_1vr19_48", ut = "_disabled_1vr19_51", ft = "_error_1vr19_54", ht = "_touched_1vr19_54", vt = "_input_1vr19_73", wt = "_icon_1vr19_1", xt = "_text_1vr19_207", Nt = {
+  "icon-container": "_icon-container_1vr19_1",
+  "icon-container-additional": "_icon-container-additional_1vr19_1",
+  "icon-container-end": "_icon-container-end_1vr19_1",
+  "icon-container-start": "_icon-container-start_1vr19_1",
+  collapsed: _t,
+  field: dt,
+  "default-width": "_default-width_1vr19_35",
+  placeholder: mt,
+  disabled: ut,
+  error: ft,
+  touched: ht,
+  "max-length-display": "_max-length-display_1vr19_61",
+  "input-container": "_input-container_1vr19_73",
+  "type-password": "_type-password_1vr19_77",
+  input: vt,
+  "with-caps-lock": "_with-caps-lock_1vr19_81",
+  "caps-lock-tooltip-wrapper": "_caps-lock-tooltip-wrapper_1vr19_84",
+  "caps-lock-tooltip-content": "_caps-lock-tooltip-content_1vr19_96",
+  "caps-lock-icon": "_caps-lock-icon_1vr19_107",
+  "eye-icon": "_eye-icon_1vr19_117",
+  icon: wt,
+  "start-icon": "_start-icon_1vr19_163",
+  "clear-icon": "_clear-icon_1vr19_164",
+  "additional-content": "_additional-content_1vr19_200",
+  text: xt,
+  "error-text": "_error-text_1vr19_227",
+  "help-text": "_help-text_1vr19_231"
+}, n = tt.bind(Nt), Pt = Y(
+  ({
+    value: e = "",
+    className: B,
+    classNameHelpText: D,
+    error: r,
+    placeholder: d,
+    disabled: c = !1,
+    onChange: V,
+    touched: m = !1,
+    title: E,
+    label: i,
+    helpText: l,
+    defaultWidth: I = !0,
+    startIcon: u,
+    endIcon: f,
+    clearable: L = !1,
+    onClear: h,
+    isRequired: v = !1,
+    hasDoubleMessage: P = !1,
+    type: a = "text",
+    displayError: R = !0,
+    collapsible: j = !1,
+    loading: H = !1,
+    maxLengthDisplay: M,
+    capsLockMessage: w,
+    onFocus: O = () => {
+    },
+    onBlur: T = () => {
+    },
+    ...$
+  }, z) => {
+    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 = 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__ */ s(F, { children: [
+      i && /* @__PURE__ */ t(it, { isRequired: v, htmlFor: x, children: i }),
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: n("field", B, {
+            error: r,
+            touched: m,
+            disabled: c,
+            "default-width": I,
+            collapsed: j && !N && !e
+          }),
+          title: E,
+          children: [
+            H ? /* @__PURE__ */ t(at, {}) : u && /* @__PURE__ */ t(
+              "span",
+              {
+                className: n("icon-container-start"),
+                onClick: () => {
+                  var _;
+                  (_ = p.current) == null || _.focus();
+                },
+                children: /* @__PURE__ */ t("span", { className: n("icon", { "start-icon": !N }), children: u })
+              }
+            ),
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: n("input-container", `type-${a}`, { "with-caps-lock": g }),
+                children: [
+                  /* @__PURE__ */ t(
+                    "input",
+                    {
+                      ref: p,
+                      type: W(),
+                      className: n("input"),
+                      value: e,
+                      disabled: c,
+                      id: x,
+                      onChange: V,
+                      onFocus: K,
+                      onBlur: Q,
+                      ...$
+                    }
+                  ),
+                  g && /* @__PURE__ */ t(
+                    pt,
+                    {
+                      content: w,
+                      wrapperClassName: n("caps-lock-tooltip-wrapper"),
+                      contentClassName: n("caps-lock-tooltip-content"),
+                      children: /* @__PURE__ */ t("span", { className: n("caps-lock-icon"), children: /* @__PURE__ */ t(ot, {}) })
+                    }
+                  ),
+                  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 && !i && /* @__PURE__ */ t("span", { className: n("asterisk") })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ t(
+              rt,
+              {
+                className: n("max-length-display"),
+                value: e.length,
+                maxValue: M
+              }
+            ),
+            L && e.length > 0 && /* @__PURE__ */ t("span", { className: n("icon-container-end"), children: /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: n("clear-icon", { disabled: c }),
+                onClick: U,
+                onMouseDown: (o) => o.preventDefault(),
+                children: /* @__PURE__ */ t(nt, {})
+              }
+            ) }),
+            f && /* @__PURE__ */ t("span", { className: n("icon-container-end"), children: /* @__PURE__ */ t("span", { className: n("icon"), children: f }) })
+          ]
+        }
+      ),
+      (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 {
+  Pt as F
+};

package/dist/fieldText.js

@@ -1,4 +1,4 @@
-import { F as o } from "./fieldText-a4446a77.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-f4adf107.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-a4446a77.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-146ee7b3.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-146ee7b3.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-a4446a77.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-146ee7b3.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-a4446a77.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.243",
+  "version": "0.0.1-alpha.245",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {

package/dist/fieldText-a4446a77.js

@@ -1,191 +0,0 @@
-import { jsx as n, jsxs as c, Fragment as E } from "react/jsx-runtime";
-import { forwardRef as Z, useRef as q, useId as nn, useState as L } from "react";
-import { c as on } from "./bind-06a7ff84.js";
-import { S as tn } from "./clear-53660571.js";
-import { b as en, a as sn, S as cn } from "./capslockIcon-b100b9d6.js";
-import { B as an } from "./baseIconButton-251479f7.js";
-import { S as rn } from "./spinLoader-c4a53718.js";
-import { M as ln } from "./maxValueDisplay-9be01a75.js";
-import { FieldLabel as pn } from "./fieldLabel.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import { u as _n } from "./useCapsLock-d7f98c9f.js";
-import { Tooltip as dn } from "./tooltip.js";
-const un = "_collapsed_1vr19_11", mn = "_field_1vr19_23", hn = "_placeholder_1vr19_48", fn = "_disabled_1vr19_51", vn = "_error_1vr19_54", wn = "_touched_1vr19_54", xn = "_input_1vr19_73", Nn = "_icon_1vr19_1", kn = "_text_1vr19_207", yn = {
-  "icon-container": "_icon-container_1vr19_1",
-  "icon-container-additional": "_icon-container-additional_1vr19_1",
-  "icon-container-end": "_icon-container-end_1vr19_1",
-  "icon-container-start": "_icon-container-start_1vr19_1",
-  collapsed: un,
-  field: mn,
-  "default-width": "_default-width_1vr19_35",
-  placeholder: hn,
-  disabled: fn,
-  error: vn,
-  touched: wn,
-  "max-length-display": "_max-length-display_1vr19_61",
-  "input-container": "_input-container_1vr19_73",
-  "type-password": "_type-password_1vr19_77",
-  input: xn,
-  "with-caps-lock": "_with-caps-lock_1vr19_81",
-  "caps-lock-tooltip-wrapper": "_caps-lock-tooltip-wrapper_1vr19_84",
-  "caps-lock-tooltip-content": "_caps-lock-tooltip-content_1vr19_96",
-  "caps-lock-icon": "_caps-lock-icon_1vr19_107",
-  "eye-icon": "_eye-icon_1vr19_117",
-  icon: Nn,
-  "start-icon": "_start-icon_1vr19_163",
-  "clear-icon": "_clear-icon_1vr19_164",
-  "additional-content": "_additional-content_1vr19_200",
-  text: kn,
-  "error-text": "_error-text_1vr19_227",
-  "help-text": "_help-text_1vr19_231"
-}, o = on.bind(yn), Pn = Z(
-  ({
-    value: e = "",
-    className: M,
-    classNameHelpText: T,
-    error: i,
-    placeholder: u,
-    disabled: s = !1,
-    onChange: b,
-    touched: m = !1,
-    title: I,
-    label: l,
-    helpText: p,
-    defaultWidth: V = !0,
-    startIcon: h,
-    endIcon: f,
-    clearable: P = !1,
-    onClear: v,
-    isRequired: w = !1,
-    hasDoubleMessage: R = !1,
-    type: a = "text",
-    displayError: j = !0,
-    collapsible: H = !1,
-    loading: O = !1,
-    maxLengthDisplay: U,
-    capsLockMessage: x,
-    onFocus: $ = () => {
-    },
-    onBlur: z = () => {
-    },
-    ...A
-  }, G) => {
-    const J = q(null), _ = G || J, N = nn(), [k, y] = L(!1), [g, S] = L(!1), { capsLockOn: K } = _n(), C = !!x && K && e.length >= 1 && !s, Q = (t) => {
-      y(!0), $(t);
-    }, W = (t) => {
-      y(!1), z(t);
-    }, X = () => {
-      var t;
-      v && (v(e), (t = _.current) == null || t.focus());
-    }, F = j && i && m, D = /* @__PURE__ */ n("span", { className: o("text", "help-text", T), children: p }), Y = () => a !== "password" ? a : g ? "text" : "password", B = (t) => {
-      t.preventDefault(), S(!0);
-    }, r = (t) => {
-      t.preventDefault(), S(!1);
-    };
-    return /* @__PURE__ */ c(E, { children: [
-      l && /* @__PURE__ */ n(pn, { isRequired: w, htmlFor: N, children: l }),
-      /* @__PURE__ */ c(
-        "div",
-        {
-          className: o("field", M, {
-            error: i,
-            touched: m,
-            disabled: s,
-            "default-width": V,
-            collapsed: H && !k && !e
-          }),
-          title: I,
-          children: [
-            O ? /* @__PURE__ */ n(rn, {}) : h && /* @__PURE__ */ n(
-              "span",
-              {
-                className: o("icon-container-start"),
-                onClick: () => {
-                  var d;
-                  (d = _.current) == null || d.focus();
-                },
-                children: /* @__PURE__ */ n("span", { className: o("icon", { "start-icon": !k }), children: h })
-              }
-            ),
-            /* @__PURE__ */ c(
-              "span",
-              {
-                className: o("input-container", `type-${a}`, { "with-caps-lock": C }),
-                children: [
-                  /* @__PURE__ */ n(
-                    "input",
-                    {
-                      ref: _,
-                      type: Y(),
-                      className: o("input"),
-                      value: e,
-                      disabled: s,
-                      id: N,
-                      onChange: b,
-                      onFocus: Q,
-                      onBlur: W,
-                      ...A
-                    }
-                  ),
-                  C && /* @__PURE__ */ n(
-                    dn,
-                    {
-                      content: x,
-                      wrapperClassName: o("caps-lock-tooltip-wrapper"),
-                      contentClassName: o("caps-lock-tooltip-content"),
-                      children: /* @__PURE__ */ n("span", { className: o("caps-lock-icon"), children: /* @__PURE__ */ n(en, {}) })
-                    }
-                  ),
-                  a === "password" && e && /* @__PURE__ */ n(
-                    an,
-                    {
-                      className: o("eye-icon"),
-                      onMouseDown: B,
-                      onMouseLeave: r,
-                      onMouseUp: r,
-                      onTouchStart: B,
-                      onTouchEnd: r,
-                      onTouchCancel: r,
-                      children: g ? /* @__PURE__ */ n(sn, {}) : /* @__PURE__ */ n(cn, {})
-                    }
-                  ),
-                  u && !e && /* @__PURE__ */ c("span", { className: o("placeholder"), children: [
-                    u,
-                    w && !l && /* @__PURE__ */ n("span", { className: o("asterisk") })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ n(
-              ln,
-              {
-                className: o("max-length-display"),
-                value: e.length,
-                maxValue: U
-              }
-            ),
-            P && e.length > 0 && /* @__PURE__ */ n("span", { className: o("icon-container-end"), children: /* @__PURE__ */ n(
-              "button",
-              {
-                type: "button",
-                className: o("clear-icon", { disabled: s }),
-                onClick: X,
-                onMouseDown: (t) => t.preventDefault(),
-                children: /* @__PURE__ */ n(tn, {})
-              }
-            ) }),
-            f && /* @__PURE__ */ n("span", { className: o("icon-container-end"), children: /* @__PURE__ */ n("span", { className: o("icon"), children: f }) })
-          ]
-        }
-      ),
-      (F || p) && /* @__PURE__ */ n("div", { className: o("additional-content", { disabled: s }), children: F ? /* @__PURE__ */ c(E, { children: [
-        /* @__PURE__ */ n("span", { className: o("text", "error-text"), children: i }),
-        R && D
-      ] }) : p && D })
-    ] });
-  }
-);
-export {
-  Pn as F
-};