@reportportal/ui-kit 0.0.1-alpha.247 → 0.0.1-alpha.249

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-88af67ae.js";
+import { F as qe } from "./fieldText-9d847bec.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";
@@ -21,7 +21,7 @@ import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "./useCapsLock-65753959.js";
+import "./useCapsLock-428c77b6.js";
 import "./tooltip.js";
 import "./floatingUi-46f5b896.js";
 const ot = "_disabled_1rpph_43", st = "_input_1rpph_107", nt = {

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

@@ -1,10 +1,20 @@
+type CapsLockEvent = {
+    getModifierState?: (key: string) => boolean;
+    nativeEvent?: {
+        getModifierState?: (key: string) => boolean;
+    };
+    key?: string;
+};
 /**
  * Tracks Caps Lock state via window-level keyboard events.
  * Also exposes syncFromMouseEvent so callers can re-read the real OS state
- * from a MouseEvent (e.g. onMouseDown on the input) — MouseEvent.getModifierState
- * is reliable even after tab switches, unlike FocusEvent which lacks it.
+ * from a MouseEvent (e.g. onMouseDown on the input).
+ *
+ * Optional-chained: autofill, password managers, and some browser/extension
+ * events fire keydown/mousedown without getModifierState — calling it raw throws.
  */
 export declare const useCapsLock: () => {
     capsLockOn: boolean;
-    syncFromMouseEvent: (event: MouseEvent) => void;
+    syncFromMouseEvent: (event: CapsLockEvent) => void;
 };
+export {};

package/dist/common/hooks.js

@@ -4,7 +4,7 @@ import { useCallback as D } from "react";
 import { i as x } from "../isEmpty-ccacb5ff.js";
 import { u as V } from "../useWindowResize-a7e1ac92.js";
 import { u as j } from "../useEllipsisTitle-462fa254.js";
-import { u as v } from "../useCapsLock-65753959.js";
+import { u as v } from "../useCapsLock-428c77b6.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import "../common.js";

package/dist/{datePicker-21db317e.js → datePicker-d2f7431c.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-88af67ae.js";
+import { F as Q } from "./fieldText-9d847bec.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-21db317e.js";
-import { r as I } from "./datePicker-21db317e.js";
+import { D as t } from "./datePicker-d2f7431c.js";
+import { r as I } from "./datePicker-d2f7431c.js";
 import "react/jsx-runtime";
 import "react";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
-import "./fieldText-88af67ae.js";
+import "./fieldText-9d847bec.js";
 import "./clear-53660571.js";
 import "./capslockIcon-b100b9d6.js";
 import "./baseIconButton-251479f7.js";
@@ -13,7 +13,7 @@ import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "./useCapsLock-65753959.js";
+import "./useCapsLock-428c77b6.js";
 import "./tooltip.js";
 import "react-dom";
 import "@floating-ui/react";

package/dist/fieldText-9d847bec.js

@@ -0,0 +1,191 @@
+import { jsx as n, jsxs as c, Fragment as b } from "react/jsx-runtime";
+import { forwardRef as q, useRef as nn, useId as tn, useState as v } from "react";
+import { c as en } from "./bind-06a7ff84.js";
+import { S as on } from "./clear-53660571.js";
+import { b as sn, a as cn, S as an } from "./capslockIcon-b100b9d6.js";
+import { B as rn } from "./baseIconButton-251479f7.js";
+import { S as ln } from "./spinLoader-c4a53718.js";
+import { M as pn } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as _n } from "./fieldLabel.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { u as dn } from "./useCapsLock-428c77b6.js";
+import { Tooltip as mn } from "./tooltip.js";
+const un = "_collapsed_n886j_11", fn = "_field_n886j_23", hn = "_placeholder_n886j_48", jn = "_disabled_n886j_51", xn = "_error_n886j_54", wn = "_touched_n886j_54", kn = "_input_n886j_73", Nn = "_asterisk_n886j_163", yn = "_icon_n886j_1", gn = "_text_n886j_214", Cn = {
+  "icon-container": "_icon-container_n886j_1",
+  "icon-container-additional": "_icon-container-additional_n886j_1",
+  "icon-container-end": "_icon-container-end_n886j_1",
+  "icon-container-start": "_icon-container-start_n886j_1",
+  collapsed: un,
+  field: fn,
+  "default-width": "_default-width_n886j_35",
+  placeholder: hn,
+  disabled: jn,
+  error: xn,
+  touched: wn,
+  "max-length-display": "_max-length-display_n886j_61",
+  "input-container": "_input-container_n886j_73",
+  "type-password": "_type-password_n886j_77",
+  input: kn,
+  "with-caps-lock": "_with-caps-lock_n886j_81",
+  "caps-lock-tooltip-wrapper": "_caps-lock-tooltip-wrapper_n886j_84",
+  "caps-lock-tooltip-content": "_caps-lock-tooltip-content_n886j_97",
+  "caps-lock-icon": "_caps-lock-icon_n886j_108",
+  "eye-icon": "_eye-icon_n886j_118",
+  asterisk: Nn,
+  icon: yn,
+  "start-icon": "_start-icon_n886j_170",
+  "clear-icon": "_clear-icon_n886j_171",
+  "additional-content": "_additional-content_n886j_207",
+  text: gn,
+  "error-text": "_error-text_n886j_234",
+  "help-text": "_help-text_n886j_238"
+}, e = en.bind(Cn), Hn = q(
+  ({
+    value: o = "",
+    className: E,
+    classNameHelpText: B,
+    error: i,
+    placeholder: f,
+    disabled: s = !1,
+    onChange: I,
+    touched: h = !1,
+    title: V,
+    label: r,
+    helpText: l,
+    defaultWidth: D = !0,
+    startIcon: j,
+    endIcon: x,
+    clearable: L = !1,
+    onClear: w,
+    isRequired: k = !1,
+    hasDoubleMessage: P = !1,
+    type: a = "text",
+    displayError: R = !0,
+    collapsible: T = !1,
+    loading: H = !1,
+    maxLengthDisplay: O,
+    capsLockMessage: p,
+    onFocus: $ = () => {
+    },
+    onBlur: z = () => {
+    },
+    onMouseDown: _,
+    ...A
+  }, G) => {
+    const J = nn(null), d = G || J, N = tn(), [m, y] = v(!1), [g, K] = v(!1), { capsLockOn: M, syncFromMouseEvent: Q } = dn(), C = !!p && m && M && o.length >= 1 && !s, U = (t) => {
+      y(!0), $(t);
+    }, W = (t) => {
+      y(!1), z(t);
+    }, X = () => {
+      var t;
+      w && (w(o), (t = d.current) == null || t.focus());
+    }, F = R && i && h, S = /* @__PURE__ */ n("span", { className: e("text", "help-text", B), children: l }), Y = () => a !== "password" ? a : g ? "text" : "password", Z = () => {
+      K((t) => !t);
+    };
+    return /* @__PURE__ */ c(b, { children: [
+      r && /* @__PURE__ */ n(_n, { isRequired: k, htmlFor: N, children: r }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: e("field", E, {
+            error: i,
+            touched: h,
+            disabled: s,
+            "default-width": D,
+            collapsed: T && !m && !o
+          }),
+          title: V,
+          children: [
+            H ? /* @__PURE__ */ n(ln, {}) : j && /* @__PURE__ */ n(
+              "span",
+              {
+                className: e("icon-container-start"),
+                onClick: () => {
+                  var u;
+                  (u = d.current) == null || u.focus();
+                },
+                children: /* @__PURE__ */ n("span", { className: e("icon", { "start-icon": !m }), children: j })
+              }
+            ),
+            /* @__PURE__ */ c(
+              "span",
+              {
+                className: e("input-container", `type-${a}`, { "with-caps-lock": C }),
+                children: [
+                  /* @__PURE__ */ n(
+                    "input",
+                    {
+                      ref: d,
+                      type: Y(),
+                      className: e("input"),
+                      value: o,
+                      disabled: s,
+                      id: N,
+                      onChange: I,
+                      ...A,
+                      onFocus: U,
+                      onBlur: W,
+                      onMouseDown: (t) => {
+                        p && Q(t.nativeEvent ?? t), _ == null || _(t);
+                      }
+                    }
+                  ),
+                  C && /* @__PURE__ */ n(
+                    mn,
+                    {
+                      content: p,
+                      wrapperClassName: e("caps-lock-tooltip-wrapper"),
+                      contentClassName: e("caps-lock-tooltip-content"),
+                      wrapperTabIndex: -1,
+                      children: /* @__PURE__ */ n("span", { className: e("caps-lock-icon"), onMouseDown: (t) => t.preventDefault(), children: /* @__PURE__ */ n(sn, {}) })
+                    }
+                  ),
+                  a === "password" && o && /* @__PURE__ */ n(
+                    rn,
+                    {
+                      className: e("eye-icon"),
+                      onClick: Z,
+                      onPointerDown: (t) => t.preventDefault(),
+                      children: g ? /* @__PURE__ */ n(cn, {}) : /* @__PURE__ */ n(an, {})
+                    }
+                  ),
+                  f && !o && /* @__PURE__ */ c("span", { className: e("placeholder"), children: [
+                    f,
+                    k && !r && /* @__PURE__ */ n("span", { className: e("asterisk"), children: "*" })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ n(
+              pn,
+              {
+                className: e("max-length-display"),
+                value: o.length,
+                maxValue: O
+              }
+            ),
+            L && o.length > 0 && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: e("clear-icon", { disabled: s }),
+                onClick: X,
+                onMouseDown: (t) => t.preventDefault(),
+                children: /* @__PURE__ */ n(on, {})
+              }
+            ) }),
+            x && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: x }) })
+          ]
+        }
+      ),
+      (F || l) && /* @__PURE__ */ n("div", { className: e("additional-content", { disabled: s }), children: F ? /* @__PURE__ */ c(b, { children: [
+        /* @__PURE__ */ n("span", { className: e("text", "error-text"), children: i }),
+        P && S
+      ] }) : l && S })
+    ] });
+  }
+);
+export {
+  Hn as F
+};

package/dist/fieldText.js

@@ -1,4 +1,4 @@
-import { F as o } from "./fieldText-88af67ae.js";
+import { F as o } from "./fieldText-9d847bec.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -10,7 +10,7 @@ import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "./useCapsLock-65753959.js";
+import "./useCapsLock-428c77b6.js";
 import "./tooltip.js";
 import "react-dom";
 import "@floating-ui/react";

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-21db317e.js";
+import { D as Y } from "./datePicker-d2f7431c.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-88af67ae.js";
+import { F as ao } from "./fieldText-9d847bec.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-09ed6bb0.js";
+import { P as Fo } from "./pagination-4f6cbad8.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";
@@ -70,7 +70,7 @@ import "react-datepicker/dist/es/index.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "./maxValueDisplay-9be01a75.js";
-import "./useCapsLock-65753959.js";
+import "./useCapsLock-428c77b6.js";
 import "react-dropzone";
 import "framer-motion";
 import "./useWindowResize-a7e1ac92.js";

package/dist/{pagination-09ed6bb0.js → pagination-4f6cbad8.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-88af67ae.js";
+import { F as B } from "./fieldText-9d847bec.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-09ed6bb0.js";
+import { P as t } from "./pagination-4f6cbad8.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-88af67ae.js";
+import "./fieldText-9d847bec.js";
 import "./clear-53660571.js";
 import "./capslockIcon-b100b9d6.js";
 import "./baseIconButton-251479f7.js";
@@ -17,7 +17,7 @@ import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "./useCapsLock-65753959.js";
+import "./useCapsLock-428c77b6.js";
 import "./prevPage-87faf576.js";
 export {
   t as Pagination,