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

package/dist/useCapsLock-d7f98c9f.js

@@ -0,0 +1,14 @@
+import { useState as r, useEffect as c } from "react";
+const i = () => {
+  const [a, o] = r(!1);
+  return c(() => {
+    const s = (e) => {
+      var t;
+      e.key === "CapsLock" ? o((n) => !n) : o(((t = e.getModifierState) == null ? void 0 : t.call(e, "CapsLock")) ?? !1);
+    };
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, []), { capsLockOn: a };
+};
+export {
+  i as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.242",
+  "version": "0.0.1-alpha.243",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {
@@ -9,6 +9,7 @@
     "build:storybook": "storybook build",
     "type-check": "tsc --noEmit",
     "lint": "npm run type-check && eslint \"src/**/*.{js,jsx,ts,tsx}\"",
+    "deps:cycles": "madge --circular src/",
     "format": "npm run lint -- --fix",
     "test": "vitest",
     "test:coverage": "vitest run --coverage",
@@ -94,6 +95,7 @@
     "husky": "^8.0.3",
     "jsdom": "^25.0.1",
     "lint-staged": "^13.2.3",
+    "madge": "^8.0.0",
     "prettier": "^3.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -101,6 +103,7 @@
     "storybook": "^8.6.14",
     "typescript": "^5.0.2",
     "vite": "^4.5.14",
+    "vite-plugin-circular-dependency": "^0.6.0",
     "vite-plugin-dts": "^3.4.0",
     "vite-plugin-svgr": "^3.2.0",
     "vite-tsconfig-paths": "^4.2.0",

package/dist/fieldText-4a8e5496.js

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