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

package/dist/useCapsLock-428c77b6.js

@@ -0,0 +1,24 @@
+import { useState as d, useCallback as r, useEffect as k } from "react";
+const n = (e) => {
+  var i, o, s;
+  return ((i = e == null ? void 0 : e.getModifierState) == null ? void 0 : i.call(e, "CapsLock")) ?? ((s = (o = e == null ? void 0 : e.nativeEvent) == null ? void 0 : o.getModifierState) == null ? void 0 : s.call(o, "CapsLock")) ?? !1;
+}, u = () => {
+  const [e, i] = d(!1), o = r((s) => {
+    i(n(s));
+  }, []);
+  return k(() => {
+    const s = (t) => {
+      i(n(t));
+    }, a = (t) => {
+      t.key === "CapsLock" && i(n(t));
+    }, c = () => {
+      document.visibilityState === "visible" && i(!1);
+    };
+    return window.addEventListener("keydown", s), window.addEventListener("keyup", a), document.addEventListener("visibilitychange", c), () => {
+      window.removeEventListener("keydown", s), window.removeEventListener("keyup", a), document.removeEventListener("visibilitychange", c);
+    };
+  }, []), { capsLockOn: e, syncFromMouseEvent: o };
+};
+export {
+  u
+};

package/package.json

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

package/dist/fieldText-88af67ae.js

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

package/dist/useCapsLock-65753959.js

@@ -1,21 +0,0 @@
-import { useState as c, useCallback as d, useEffect as r } from "react";
-const u = () => {
-  const [s, e] = c(!1), a = d((t) => {
-    e(t.getModifierState("CapsLock"));
-  }, []);
-  return r(() => {
-    const t = (n) => {
-      e(n.getModifierState("CapsLock"));
-    }, i = (n) => {
-      n.key === "CapsLock" && e(n.getModifierState("CapsLock"));
-    }, o = () => {
-      document.visibilityState === "visible" && e(!1);
-    };
-    return window.addEventListener("keydown", t), window.addEventListener("keyup", i), document.addEventListener("visibilitychange", o), () => {
-      window.removeEventListener("keydown", t), window.removeEventListener("keyup", i), document.removeEventListener("visibilitychange", o);
-    };
-  }, []), { capsLockOn: s, syncFromMouseEvent: a };
-};
-export {
-  u
-};