@reportportal/ui-kit 0.0.1-alpha.242 → 0.0.1-alpha.243

package/dist/fieldText-a4446a77.js

@@ -0,0 +1,191 @@
+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
+};

package/dist/fieldText.js

@@ -1,13 +1,20 @@
-import { F as o } from "./fieldText-4a8e5496.js";
+import { F as o } from "./fieldText-a4446a77.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./clear-53660571.js";
-import "./openedEye-8fa4c67d.js";
+import "./capslockIcon-b100b9d6.js";
 import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "./useCapsLock-d7f98c9f.js";
+import "./tooltip.js";
+import "react-dom";
+import "@floating-ui/react";
+import "./floatingUi-46f5b896.js";
 export {
   o as FieldText,
   o as default