@reportportal/ui-kit 0.0.1-alpha.10 → 0.0.1-alpha.100

package/dist/fieldNumber.js

@@ -1,9 +1,11 @@
-import { F as m } from "./fieldNumber-46fe79b9.js";
+import { F as m } from "./fieldNumber-c9113a7f.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
-import "./baseIconButton-7bc53dec.js";
+import "./baseIconButton-251479f7.js";
+import "./plus-0929dda4.js";
+import "./fieldLabel.js";
 export {
   m as FieldNumber,
   m as default

package/dist/fieldText-ba8a917c.js

@@ -0,0 +1,165 @@
+import { jsx as e, jsxs as o, Fragment as b } 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 { b as q, a as ee, S as ne } from "./openEye-7b9cf080.js";
+import { B as te } from "./baseIconButton-251479f7.js";
+import { S as se } from "./spinLoader-c4a53718.js";
+import { M as oe } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as ae } from "./fieldLabel.js";
+const ie = "_collapsed_uz1iu_13", ce = "_field_uz1iu_21", re = "_placeholder_uz1iu_46", le = "_disabled_uz1iu_49", ue = "_error_uz1iu_52", de = "_touched_uz1iu_52", _e = "_input_uz1iu_71", pe = "_icon_uz1iu_1", fe = "_text_uz1iu_169", me = {
+  "icon-container": "_icon-container_uz1iu_1",
+  "icon-container-end": "_icon-container-end_uz1iu_1",
+  "icon-container-start": "_icon-container-start_uz1iu_1",
+  collapsed: ie,
+  field: ce,
+  "default-width": "_default-width_uz1iu_33",
+  placeholder: re,
+  disabled: le,
+  error: ue,
+  touched: de,
+  "max-length-display": "_max-length-display_uz1iu_59",
+  "input-container": "_input-container_uz1iu_71",
+  "type-password": "_type-password_uz1iu_75",
+  input: _e,
+  "eye-icon": "_eye-icon_uz1iu_79",
+  icon: pe,
+  "start-icon": "_start-icon_uz1iu_125",
+  "clear-icon": "_clear-icon_uz1iu_126",
+  "additional-content": "_additional-content_uz1iu_162",
+  text: fe,
+  "error-text": "_error-text_uz1iu_189",
+  "help-text": "_help-text_uz1iu_193"
+}, n = Z.bind(me), Se = W(
+  ({
+    value: s = "",
+    className: E,
+    classNameHelpText: v,
+    error: r,
+    placeholder: p,
+    disabled: a = !1,
+    onChange: C,
+    touched: f = !1,
+    title: T,
+    label: l,
+    helpText: u,
+    defaultWidth: V = !0,
+    startIcon: m,
+    endIcon: h,
+    clearable: k = !1,
+    onClear: x,
+    isRequired: z = !1,
+    hasDoubleMessage: I = !1,
+    type: i = "text",
+    displayError: L = !0,
+    collapsible: P = !1,
+    loading: R = !1,
+    maxLengthDisplay: j,
+    onFocus: H = () => {
+    },
+    onBlur: O = () => {
+    },
+    ...U
+  }, $) => {
+    const A = X(null), d = $ || A, w = Y(), [N, y] = B(!1), [g, F] = B(!1), G = (t) => {
+      y(!0), H(t);
+    }, J = (t) => {
+      y(!1), O(t);
+    }, K = () => {
+      var t;
+      x && (x(s), (t = d.current) == null || t.focus());
+    }, S = L && r && f, D = /* @__PURE__ */ e("span", { className: n("text", "help-text", v), children: u }), Q = () => i !== "password" ? i : g ? "text" : "password", M = (t) => {
+      t.preventDefault(), F(!0);
+    }, c = (t) => {
+      t.preventDefault(), F(!1);
+    };
+    return /* @__PURE__ */ o(b, { children: [
+      l && /* @__PURE__ */ e(ae, { isRequired: z, htmlFor: w, children: l }),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: n("field", E, {
+            error: r,
+            touched: f,
+            disabled: a,
+            "default-width": V,
+            collapsed: P && !N && !s
+          }),
+          title: T,
+          children: [
+            R ? /* @__PURE__ */ e(se, {}) : m && /* @__PURE__ */ e(
+              "span",
+              {
+                className: n("icon-container-start"),
+                onClick: () => {
+                  var _;
+                  (_ = d.current) == null || _.focus();
+                },
+                children: /* @__PURE__ */ e("span", { className: n("icon", { "start-icon": !N }), children: m })
+              }
+            ),
+            /* @__PURE__ */ o("span", { className: n("input-container", `type-${i}`), children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: d,
+                  type: Q(),
+                  className: n("input"),
+                  value: s,
+                  disabled: a,
+                  id: w,
+                  onChange: C,
+                  onFocus: G,
+                  onBlur: J,
+                  ...U
+                }
+              ),
+              i === "password" && s && /* @__PURE__ */ e(
+                te,
+                {
+                  className: n("eye-icon"),
+                  onMouseDown: M,
+                  onMouseLeave: c,
+                  onMouseUp: c,
+                  onTouchStart: M,
+                  onTouchEnd: c,
+                  onTouchCancel: c,
+                  children: g ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(ee, {})
+                }
+              ),
+              p && !s && /* @__PURE__ */ o("span", { className: n("placeholder"), children: [
+                p,
+                z && !l && /* @__PURE__ */ e("span", { className: n("asterisk") })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              oe,
+              {
+                className: n("max-length-display"),
+                value: s.length,
+                maxValue: j
+              }
+            ),
+            h && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: h }) }),
+            k && s.length > 0 && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: n("clear-icon", { disabled: a }),
+                onClick: K,
+                onMouseDown: (t) => t.preventDefault(),
+                children: /* @__PURE__ */ e(ne, {})
+              }
+            ) })
+          ]
+        }
+      ),
+      (S || u) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: a }), children: S ? /* @__PURE__ */ o(b, { children: [
+        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: r }),
+        I && D
+      ] }) : u && D })
+    ] });
+  }
+);
+export {
+  Se as F
+};

package/dist/fieldText.js

@@ -1,8 +1,12 @@
-import { F as o } from "./fieldText-d80b29ba.js";
+import { F as o } from "./fieldText-ba8a917c.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
-import "./baseIconButton-7bc53dec.js";
+import "./openEye-7b9cf080.js";
+import "./baseIconButton-251479f7.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
 export {
   o as FieldText,
   o as default

package/dist/fieldTextFlex-8afaab31.js

@@ -0,0 +1,78 @@
+import { jsxs as _, Fragment as I, jsx as a } from "react/jsx-runtime";
+import { c as E } from "./bind-06a7ff84.js";
+import { forwardRef as R, useId as j } from "react";
+import { M as D } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as M } from "./fieldLabel.js";
+const O = "_disabled_s8aoo_17", V = "_error_s8aoo_20", $ = "_touched_s8aoo_20", b = {
+  "text-area": "_text-area_s8aoo_1",
+  disabled: O,
+  error: V,
+  touched: $,
+  "max-length-display": "_max-length-display_s8aoo_27",
+  "additional-content": "_additional-content_s8aoo_46",
+  "error-text": "_error-text_s8aoo_46",
+  "help-text": "_help-text_s8aoo_54"
+}, t = E.bind(b), w = 72, z = 2, q = R(
+  ({
+    value: s = "",
+    readonly: m = !1,
+    error: o = "",
+    placeholder: x = "",
+    disabled: e = !1,
+    touched: n = !1,
+    className: h = "",
+    label: c = "",
+    helpText: r = "",
+    maxLengthDisplay: p,
+    onChange: g,
+    onFocus: f,
+    onBlur: y,
+    onKeyUp: N,
+    ...u
+  }, F) => {
+    const i = j(), d = o && n, H = (l) => {
+      l.target.style.height = `${w}px`, l.target.style.height = `${l.target.scrollHeight + z}px`;
+    };
+    return /* @__PURE__ */ _(I, { children: [
+      c && /* @__PURE__ */ a(M, { htmlFor: i, className: t({ disabled: e }), children: c }),
+      /* @__PURE__ */ a(
+        "textarea",
+        {
+          id: i,
+          ref: F,
+          className: t("text-area", h, {
+            disabled: e,
+            error: o,
+            touched: n
+          }),
+          value: s,
+          placeholder: x,
+          disabled: e,
+          readOnly: m,
+          onChange: g,
+          onFocus: f,
+          onBlur: y,
+          onKeyUp: N,
+          onInput: H,
+          ...u,
+          children: s
+        }
+      ),
+      /* @__PURE__ */ a(
+        D,
+        {
+          className: t("max-length-display"),
+          value: s.length,
+          maxValue: p
+        }
+      ),
+      (d || r) && /* @__PURE__ */ _("div", { className: t("additional-content", { disabled: e }), children: [
+        d && /* @__PURE__ */ a("span", { className: t("error-text"), children: o }),
+        r && /* @__PURE__ */ a("span", { className: t("help-text"), children: r })
+      ] })
+    ] });
+  }
+);
+export {
+  q as F
+};

package/dist/fieldTextFlex.js

@@ -1,7 +1,9 @@
-import { F as o } from "./fieldTextFlex-5bddf46a.js";
+import { F as o } from "./fieldTextFlex-8afaab31.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
 export {
   o as FieldTextFlex,
   o as default

package/dist/fileDropArea.js

@@ -0,0 +1,353 @@
+import { jsx as f, jsxs as F } from "react/jsx-runtime";
+import { c as h } from "./bind-06a7ff84.js";
+import { useState as C, useCallback as d, useRef as A, createContext as L, useMemo as z, useContext as M } from "react";
+import { g as k, A as B } from "./index-e27a72a8.js";
+import { B as S } from "./button-97d9e587.js";
+import w from "react-dropzone";
+import "./close-4d480ef7.js";
+import "./xls-995781cc.js";
+function P(e) {
+  return Number.isSafeInteger(e) && e >= 0;
+}
+function U(e) {
+  return e != null && typeof e != "function" && P(e.length);
+}
+function Z(e) {
+  return e == null ? e === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(e);
+}
+function V(e) {
+  return ArrayBuffer.isView(e) && !(e instanceof DataView);
+}
+function $(e) {
+  return e !== null && typeof e == "object" && Z(e) === "[object Arguments]";
+}
+function W(e) {
+  const r = e == null ? void 0 : e.constructor, t = typeof r == "function" ? r.prototype : Object.prototype;
+  return e === t;
+}
+function X(e) {
+  return V(e);
+}
+function E(e) {
+  if (e == null)
+    return !0;
+  if (U(e))
+    return typeof e.splice != "function" && typeof e != "string" && (typeof Buffer > "u" || !Buffer.isBuffer(e)) && !X(e) && !$(e) ? !1 : e.length === 0;
+  if (typeof e == "object") {
+    if (e instanceof Map || e instanceof Set)
+      return e.size === 0;
+    const r = Object.keys(e);
+    return W(e) ? r.filter((t) => t !== "constructor").length === 0 : r.length === 0;
+  }
+  return !0;
+}
+const me = {
+  png: "image/png",
+  jpeg: "image/jpeg",
+  gif: "image/gif",
+  svg: "image/svg+xml",
+  webp: "image/webp",
+  pdf: "application/pdf",
+  doc: "application/msword",
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  xls: "application/vnd.ms-excel",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  csv: "text/csv",
+  txt: "text/plain",
+  zip: "application/zip",
+  mp4: "video/mp4",
+  mov: "video/quicktime",
+  avi: "video/x-msvideo",
+  xml: "application/xml",
+  html: "text/html",
+  javascript: "application/javascript",
+  json: "application/json",
+  css: "text/css",
+  php: "application/x-httpd-php",
+  har: "application/json",
+  rar: "application/vnd.rar",
+  tgz: "application/gzip",
+  taz: "application/x-compress",
+  tar: "application/x-tar",
+  gzip: "application/gzip",
+  plain: "text/plain",
+  image: "image/*",
+  jar: "application/java-archive",
+  gtar: "application/x-gtar",
+  kml: "application/vnd.google-earth.kml+xml"
+};
+var g = /* @__PURE__ */ ((e) => (e.INCORRECT_FILE_SIZE = "INCORRECT_FILE_SIZE", e.INCORRECT_FILE_FORMAT = "INCORRECT_FILE_FORMAT", e))(g || {});
+const q = (e, r) => {
+  const { maxFileSize: t, acceptFileMimeTypes: i = [] } = r, n = [];
+  if (t && e.size > t && n.push(g.INCORRECT_FILE_SIZE), !E(i)) {
+    const s = k(e.name);
+    i.some(
+      (o) => o.startsWith(".") ? s === o.slice(1) : e.type === o
+    ) || n.push(g.INCORRECT_FILE_FORMAT);
+  }
+  return n;
+}, I = (e, r) => E(e) ? null : {
+  [g.INCORRECT_FILE_SIZE]: r.incorrectFileSize,
+  [g.INCORRECT_FILE_FORMAT]: r.incorrectFileFormat
+}[e[0]], Y = 128, b = Y * 1024 * 1024, G = ({
+  maxFileSize: e = b,
+  acceptFileMimeTypes: r = [],
+  onFilesAdded: t
+}) => {
+  const [i, n] = C(null), s = d(
+    (a) => {
+      n(null);
+      const p = a.map((u) => ({
+        file: u,
+        validationErrors: q(u, { maxFileSize: e, acceptFileMimeTypes: r })
+      }));
+      t(p);
+      const m = p.find(
+        ({ validationErrors: u }) => !E(u)
+      );
+      m && n(m.validationErrors[0]);
+    },
+    [e, r, t]
+  ), l = d(
+    (a) => {
+      s(a);
+    },
+    [s]
+  ), o = d(
+    (a) => {
+      const { files: p } = a.currentTarget;
+      p && s([...p]), a.currentTarget.value = "";
+    },
+    [s]
+  ), c = d(() => {
+    n(null);
+  }, []);
+  return {
+    onDrop: l,
+    handleFileInputChange: o,
+    error: i,
+    clearError: c
+  };
+}, H = ({
+  maxFileSize: e = b,
+  acceptFileMimeTypes: r = [],
+  onFilesAdded: t
+}) => {
+  const { onDrop: i, handleFileInputChange: n, error: s, clearError: l } = G({
+    maxFileSize: e,
+    acceptFileMimeTypes: r,
+    onFilesAdded: t
+  }), o = d(() => {
+    l();
+  }, [l]);
+  return {
+    error: s,
+    onDrop: i,
+    handleDropzoneClick: o,
+    handleFileInputChange: n,
+    clearError: l
+  };
+}, J = ({ isOverlay: e = !1 }) => {
+  const [r, t] = C(!1), i = A(null), n = d((a) => {
+    var p;
+    a.preventDefault(), (p = a.dataTransfer) != null && p.types.includes("Files") && t(!0);
+  }, []), s = d((a) => {
+    a.preventDefault(), i.current && !i.current.contains(a.relatedTarget) && t(!1);
+  }, []), l = d((a) => {
+    a.preventDefault();
+  }, []), o = d((a) => {
+    a.preventDefault(), t(!1);
+  }, []);
+  return {
+    handlers: e ? {
+      ref: i,
+      onDragEnter: n,
+      onDragLeave: s,
+      onDragOver: l,
+      onDrop: o
+    } : {},
+    ...e && { isDragActive: r }
+  };
+}, y = L(null);
+y.displayName = "FileDropAreaContext";
+const K = ({
+  children: e,
+  ...r
+}) => {
+  const t = A(null), i = d((l) => {
+    t.current = l;
+  }, []), n = d(() => {
+    r.isDisabled || !t.current || (r.clearError(), t.current());
+  }, [r]), s = z(
+    () => ({ ...r, registerOpenFunction: i, openFileDialog: n }),
+    [r, i, n]
+  );
+  return /* @__PURE__ */ f(y.Provider, { value: s, children: e });
+}, v = () => {
+  const e = M(y);
+  if (!e)
+    throw new Error("useFileDropAreaContext must be used within a FileDropAreaProvider");
+  return e;
+}, Q = ({
+  children: e,
+  className: r,
+  variant: t = "text",
+  ...i
+}) => {
+  const { openFileDialog: n, isDisabled: s } = v();
+  return /* @__PURE__ */ f(
+    S,
+    {
+      ...i,
+      variant: t,
+      adjustWidthOn: "content",
+      disabled: s,
+      className: r,
+      onClick: (o) => {
+        o.stopPropagation(), n();
+      },
+      children: e
+    }
+  );
+}, D = {
+  "file-drop-area": "_file-drop-area_1fufl_16",
+  "file-drop-area--active": "_file-drop-area--active_1fufl_27",
+  "file-drop-area--disabled": "_file-drop-area--disabled_1fufl_31",
+  "file-drop-area--error": "_file-drop-area--error_1fufl_35",
+  "file-drop-area__content": "_file-drop-area__content_1fufl_38",
+  "file-drop-area__icon": "_file-drop-area__icon_1fufl_45",
+  "file-drop-area__text": "_file-drop-area__text_1fufl_53",
+  "file-drop-area__description": "_file-drop-area__description_1fufl_59",
+  "file-drop-area__browse-button": "_file-drop-area__browse-button_1fufl_72",
+  "file-drop-area__file-size-info": "_file-drop-area__file-size-info_1fufl_75",
+  "file-drop-area__hidden-input": "_file-drop-area__hidden-input_1fufl_79",
+  "file-drop-area__error-message": "_file-drop-area__error-message_1fufl_82",
+  "file-drop-area--overlay": "_file-drop-area--overlay_1fufl_88",
+  "file-drop-area--overlay-mode": "_file-drop-area--overlay-mode_1fufl_106"
+}, ee = h.bind(D), re = ({ className: e }) => {
+  const { error: r, messages: t } = v();
+  return r ? /* @__PURE__ */ f(
+    "div",
+    {
+      className: ee("file-drop-area__error-message", e),
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-atomic": "true",
+      children: I([r], t) || r
+    }
+  ) : null;
+}, _ = h.bind(D), te = ({ icon: e, description: r, fileSizeMessage: t, className: i }) => {
+  const {
+    variant: n = "default",
+    error: s,
+    isDisabled: l,
+    isMultipleFiles: o,
+    overlayProps: c,
+    onDrop: a,
+    handleDropzoneClick: p,
+    registerOpenFunction: m
+  } = v(), u = n === "overlay";
+  return /* @__PURE__ */ f(w, { multiple: o, disabled: l, noClick: u, onDrop: a, children: ({ getRootProps: R, getInputProps: T, isDragActive: N, open: O }) => {
+    m(O);
+    const j = u ? !!(c != null && c.isDragActive) : N;
+    return /* @__PURE__ */ F(
+      "div",
+      {
+        ...R({
+          className: _("file-drop-area", i, {
+            "file-drop-area--active": j,
+            "file-drop-area--disabled": l,
+            "file-drop-area--error": !!s,
+            "file-drop-area--overlay-mode": u
+          }),
+          onClick: u ? void 0 : p
+        }),
+        children: [
+          /* @__PURE__ */ f("input", { ...T() }),
+          /* @__PURE__ */ F("div", { className: _("file-drop-area__content"), children: [
+            /* @__PURE__ */ f("div", { className: _("file-drop-area__icon"), children: e }),
+            /* @__PURE__ */ F("div", { className: _("file-drop-area__text"), children: [
+              r && /* @__PURE__ */ f("div", { className: _("file-drop-area__description"), children: r }),
+              t && /* @__PURE__ */ f("div", { className: _("file-drop-area__file-size-info"), children: t })
+            ] })
+          ] })
+        ]
+      }
+    );
+  } });
+}, oe = {
+  "attached-files-list": "_attached-files-list_lg6ri_16"
+}, ie = h.bind(oe), ne = ({
+  files: e,
+  className: r,
+  onRemoveFile: t,
+  onDownloadFile: i
+}) => {
+  const { messages: n } = v(), s = d(
+    (o) => () => t(o.id),
+    [t]
+  ), l = d(
+    (o) => () => i == null ? void 0 : i(o),
+    [i]
+  );
+  return E(e) ? null : /* @__PURE__ */ f("div", { className: ie("attached-files-list", r), children: e.map((o) => {
+    const c = I(
+      o.validationErrors ?? [],
+      n
+    ), a = !o.isUploadFailed && c;
+    return /* @__PURE__ */ f(
+      B,
+      {
+        fileName: o.fileName,
+        size: o.size,
+        uploadingProgress: o.uploadingProgress,
+        isUploadFailed: o.isUploadFailed || !!c,
+        isUploading: o.isUploading,
+        onRemove: s(o),
+        ...a && { uploadFailedMessage: c },
+        ...i && { onDownload: l(o) }
+      },
+      o.id
+    );
+  }) });
+}, ae = h.bind(D), x = ({
+  maxFileSize: e,
+  acceptFileMimeTypes: r,
+  isMultipleFiles: t,
+  isDisabled: i,
+  variant: n = "default",
+  children: s,
+  messages: l,
+  onFilesAdded: o
+}) => {
+  const c = n === "overlay", a = H({
+    maxFileSize: e,
+    acceptFileMimeTypes: r,
+    messages: l,
+    isMultipleFiles: t,
+    isDisabled: i,
+    onFilesAdded: o
+  }), p = J({
+    isOverlay: c
+  });
+  return /* @__PURE__ */ f(
+    K,
+    {
+      ...a,
+      variant: n,
+      messages: l,
+      overlayProps: p,
+      isDisabled: i,
+      isMultipleFiles: t,
+      children: (() => c ? /* @__PURE__ */ f("div", { className: ae("file-drop-area--overlay"), ...p.handlers, children: s }) : s)()
+    }
+  );
+};
+x.DropZone = te;
+x.BrowseButton = Q;
+x.Error = re;
+x.AttachedFilesList = ne;
+export {
+  x as FileDropArea,
+  me as MIME_TYPES
+};