@reportportal/ui-kit 0.0.1-alpha.238 → 0.0.1-alpha.239

package/dist/fieldText-4a8e5496.js

@@ -0,0 +1,167 @@
+import { jsx as n, jsxs as s, Fragment as E } from "react/jsx-runtime";
+import { forwardRef as W, useRef as X, useId as Y, useState as b } from "react";
+import { c as Z } from "./bind-06a7ff84.js";
+import { S as q } from "./clear-53660571.js";
+import { a as nn, S as en } from "./openedEye-8fa4c67d.js";
+import { B as tn } from "./baseIconButton-251479f7.js";
+import { S as on } from "./spinLoader-c4a53718.js";
+import { M as sn } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as an } from "./fieldLabel.js";
+const cn = "_collapsed_18d9y_11", rn = "_field_18d9y_23", dn = "_placeholder_18d9y_48", ln = "_disabled_18d9y_51", _n = "_error_18d9y_54", pn = "_touched_18d9y_54", un = "_input_18d9y_73", mn = "_icon_18d9y_1", fn = "_text_18d9y_171", hn = {
+  "icon-container": "_icon-container_18d9y_1",
+  "icon-container-additional": "_icon-container-additional_18d9y_1",
+  "icon-container-end": "_icon-container-end_18d9y_1",
+  "icon-container-start": "_icon-container-start_18d9y_1",
+  collapsed: cn,
+  field: rn,
+  "default-width": "_default-width_18d9y_35",
+  placeholder: dn,
+  disabled: ln,
+  error: _n,
+  touched: pn,
+  "max-length-display": "_max-length-display_18d9y_61",
+  "input-container": "_input-container_18d9y_73",
+  "type-password": "_type-password_18d9y_77",
+  input: un,
+  "eye-icon": "_eye-icon_18d9y_81",
+  icon: mn,
+  "start-icon": "_start-icon_18d9y_127",
+  "clear-icon": "_clear-icon_18d9y_128",
+  "additional-content": "_additional-content_18d9y_164",
+  text: fn,
+  "error-text": "_error-text_18d9y_191",
+  "help-text": "_help-text_18d9y_195"
+}, e = Z.bind(hn), Bn = W(
+  ({
+    value: o = "",
+    className: v,
+    classNameHelpText: C,
+    error: r,
+    placeholder: u,
+    disabled: a = !1,
+    onChange: T,
+    touched: m = !1,
+    title: V,
+    label: d,
+    helpText: l,
+    defaultWidth: k = !0,
+    startIcon: f,
+    endIcon: h,
+    clearable: I = !1,
+    onClear: y,
+    isRequired: x = !1,
+    hasDoubleMessage: L = !1,
+    type: c = "text",
+    displayError: P = !0,
+    collapsible: R = !1,
+    loading: j = !1,
+    maxLengthDisplay: H,
+    onFocus: O = () => {
+    },
+    onBlur: U = () => {
+    },
+    ...$
+  }, z) => {
+    const A = X(null), _ = z || A, w = Y(), [N, g] = b(!1), [S, F] = b(!1), G = (t) => {
+      g(!0), O(t);
+    }, J = (t) => {
+      g(!1), U(t);
+    }, K = () => {
+      var t;
+      y && (y(o), (t = _.current) == null || t.focus());
+    }, D = P && r && m, M = /* @__PURE__ */ n("span", { className: e("text", "help-text", C), children: l }), Q = () => c !== "password" ? c : S ? "text" : "password", B = (t) => {
+      t.preventDefault(), F(!0);
+    }, i = (t) => {
+      t.preventDefault(), F(!1);
+    };
+    return /* @__PURE__ */ s(E, { children: [
+      d && /* @__PURE__ */ n(an, { isRequired: x, htmlFor: w, children: d }),
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: e("field", v, {
+            error: r,
+            touched: m,
+            disabled: a,
+            "default-width": k,
+            collapsed: R && !N && !o
+          }),
+          title: V,
+          children: [
+            j ? /* @__PURE__ */ n(on, {}) : f && /* @__PURE__ */ n(
+              "span",
+              {
+                className: e("icon-container-start"),
+                onClick: () => {
+                  var p;
+                  (p = _.current) == null || p.focus();
+                },
+                children: /* @__PURE__ */ n("span", { className: e("icon", { "start-icon": !N }), children: f })
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: e("input-container", `type-${c}`), children: [
+              /* @__PURE__ */ n(
+                "input",
+                {
+                  ref: _,
+                  type: Q(),
+                  className: e("input"),
+                  value: o,
+                  disabled: a,
+                  id: w,
+                  onChange: T,
+                  onFocus: G,
+                  onBlur: J,
+                  ...$
+                }
+              ),
+              c === "password" && o && /* @__PURE__ */ n(
+                tn,
+                {
+                  className: e("eye-icon"),
+                  onMouseDown: B,
+                  onMouseLeave: i,
+                  onMouseUp: i,
+                  onTouchStart: B,
+                  onTouchEnd: i,
+                  onTouchCancel: i,
+                  children: S ? /* @__PURE__ */ n(nn, {}) : /* @__PURE__ */ n(en, {})
+                }
+              ),
+              u && !o && /* @__PURE__ */ s("span", { className: e("placeholder"), children: [
+                u,
+                x && !d && /* @__PURE__ */ n("span", { className: e("asterisk") })
+              ] })
+            ] }),
+            /* @__PURE__ */ n(
+              sn,
+              {
+                className: e("max-length-display"),
+                value: o.length,
+                maxValue: H
+              }
+            ),
+            I && o.length > 0 && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: e("clear-icon", { disabled: a }),
+                onClick: K,
+                onMouseDown: (t) => t.preventDefault(),
+                children: /* @__PURE__ */ n(q, {})
+              }
+            ) }),
+            h && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: h }) })
+          ]
+        }
+      ),
+      (D || l) && /* @__PURE__ */ n("div", { className: e("additional-content", { disabled: a }), children: D ? /* @__PURE__ */ s(E, { children: [
+        /* @__PURE__ */ n("span", { className: e("text", "error-text"), children: r }),
+        L && M
+      ] }) : l && M })
+    ] });
+  }
+);
+export {
+  Bn as F
+};

package/dist/fieldText.js

@@ -1,74 +1,13 @@
-import { F as o } from "./index-7ddba309.js";
+import { F as o } from "./fieldText-4a8e5496.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
-import "rc-scrollbars";
-import "./bubblesLoader-f3ffa240.js";
-import "./button-7ab874f3.js";
-import "./plus-0929dda4.js";
-import "./isEmpty-ccacb5ff.js";
-import "react-dom";
-import "downshift";
-import "@floating-ui/react";
 import "./clear-53660571.js";
-import "./prevPage-1c4a826f.js";
-import "./adaptiveTagList.js";
-import "./close-4d480ef7.js";
-import "./actionMenu-f8a2f5bb.js";
-import "./details-dbb1530b.js";
+import "./openedEye-8fa4c67d.js";
 import "./baseIconButton-251479f7.js";
-import "./popover.js";
-import "./floatingUi-46f5b896.js";
-import "./index-d6e02727.js";
-import "./xls-995781cc.js";
-import "./breadcrumbs-5730e318.js";
-import "es-toolkit";
-import "./tree-c3dd3d45.js";
-import "./bulkPanel.js";
-import "./useOnClickOutside-8f7d68a1.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "./keyCodes-f63c0e11.js";
-import "./selection-da1a3528.js";
-import "./chip.js";
-import "./tooltip.js";
-import "./chevronDownDropdown-0260bb66.js";
-import "./warning-537ead32.js";
-import "./checkbox-76aa8f97.js";
-import "react-datepicker/dist/es/index.js";
-import "./dropdown-d2a05471.js";
-import "@floating-ui/react-dom";
-import "./dropdown-0260bb66.js";
-import "./fieldLabel.js";
-import "./useEllipsisTitle-462fa254.js";
-import "react-datepicker";
-import "./fieldNumber-c9795245.js";
-import "./fieldTextFlex-2f51c173.js";
-import "./maxValueDisplay-9be01a75.js";
-import "./fileDropArea.js";
-import "react-dropzone";
-import "./filtersButton.js";
-import "./filterOutline-819b4b0d.js";
-import "./filterItem.js";
-import "./issueList.js";
-import "./index-a13c9a87.js";
-import "framer-motion";
-import "./useWindowResize-a7e1ac92.js";
-import "./radio-62546efa.js";
-import "./segmentedControl.js";
 import "./spinLoader-c4a53718.js";
-import "./systemAlert.js";
-import "./success-8fd8bd2c.js";
-import "./systemMessage-924fdaa6.js";
-import "./treeSortableItem-301dbd92.js";
-import "./useTreeSortable-bc631689.js";
-import "./common.js";
-import "./table-4d35951e.js";
-import "react-resizable";
-import "./resizeColumn-46b5b30f.js";
-import "./themeProvider-46c2be7b.js";
-import "./toggle-304107fa.js";
-import "./sidePanel.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
 export {
   o as FieldText,
   o as default