@reportportal/ui-kit 0.0.1-alpha.12 → 0.0.1-alpha.120

package/dist/fieldTextFlex-2f51c173.js

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

package/dist/fieldTextFlex.js

@@ -1,7 +1,9 @@
-import { F as o } from "./fieldTextFlex-5bddf46a.js";
+import { F as o } from "./fieldTextFlex-2f51c173.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,325 @@
+import { jsx as _, jsxs as F } from "react/jsx-runtime";
+import { c as h } from "./bind-06a7ff84.js";
+import { useState as I, useCallback as d, useRef as A, createContext as L, useMemo as M, useContext as j, useEffect as k } from "react";
+import { g as B, A as P } from "./index-1a874a8b.js";
+import { i as v } from "./isEmpty-ccacb5ff.js";
+import { B as S } from "./button-97d9e587.js";
+import Z from "react-dropzone";
+import "./close-4d480ef7.js";
+import "./xls-995781cc.js";
+const pe = {
+  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 w = (e, a) => {
+  const { maxFileSize: r, acceptFileMimeTypes: o = [] } = a, n = [];
+  if (r && e.size > r && n.push(g.INCORRECT_FILE_SIZE), !v(o)) {
+    const s = B(e.name);
+    o.some(
+      (c) => c.startsWith(".") ? s === c.slice(1) : e.type === c
+    ) || n.push(g.INCORRECT_FILE_FORMAT);
+  }
+  return n;
+}, R = (e, a, r) => r || (v(e) ? null : {
+  [g.INCORRECT_FILE_SIZE]: a.incorrectFileSize,
+  [g.INCORRECT_FILE_FORMAT]: a.incorrectFileFormat
+}[e[0]]), U = 128, N = U * 1024 * 1024, V = ({
+  maxFileSize: e = N,
+  acceptFileMimeTypes: a = [],
+  onFilesAdded: r
+}) => {
+  const [o, n] = I(null), s = d(
+    (i) => {
+      n(null);
+      const p = i.map((f) => ({
+        file: f,
+        validationErrors: w(f, { maxFileSize: e, acceptFileMimeTypes: a })
+      }));
+      r(p);
+      const m = p.find(
+        ({ validationErrors: f }) => !v(f)
+      );
+      m && n(m.validationErrors[0]);
+    },
+    [e, a, r]
+  ), l = d(
+    (i) => {
+      s(i);
+    },
+    [s]
+  ), c = d(
+    (i) => {
+      const { files: p } = i.currentTarget;
+      p && s([...p]), i.currentTarget.value = "";
+    },
+    [s]
+  ), t = d(() => {
+    n(null);
+  }, []);
+  return {
+    error: o,
+    handleFileInputChange: c,
+    clearError: t,
+    onDrop: l
+  };
+}, W = ({
+  maxFileSize: e = N,
+  acceptFileMimeTypes: a = [],
+  onFilesAdded: r
+}) => {
+  const { onDrop: o, handleFileInputChange: n, error: s, clearError: l } = V({
+    maxFileSize: e,
+    acceptFileMimeTypes: a,
+    onFilesAdded: r
+  }), c = d(() => {
+    l();
+  }, [l]);
+  return {
+    error: s,
+    onDrop: o,
+    handleDropzoneClick: c,
+    handleFileInputChange: n,
+    clearError: l
+  };
+}, $ = ({ isOverlay: e = !1 }) => {
+  const [a, r] = I(!1), o = A(null), n = d((i) => {
+    var p;
+    i.preventDefault(), (p = i.dataTransfer) != null && p.types.includes("Files") && r(!0);
+  }, []), s = d((i) => {
+    i.preventDefault(), o.current && !o.current.contains(i.relatedTarget) && r(!1);
+  }, []), l = d((i) => {
+    i.preventDefault();
+  }, []), c = d((i) => {
+    i.preventDefault(), r(!1);
+  }, []);
+  return {
+    handlers: e ? {
+      ref: o,
+      onDragEnter: n,
+      onDragLeave: s,
+      onDragOver: l,
+      onDrop: c
+    } : {},
+    ...e && { isDragActive: a }
+  };
+}, C = L(null);
+C.displayName = "FileDropAreaContext";
+const X = ({
+  children: e,
+  ...a
+}) => {
+  const r = A(null), o = d((l) => {
+    r.current = l;
+  }, []), n = d(() => {
+    a.isDisabled || !r.current || (a.clearError(), r.current());
+  }, [a]), s = M(
+    () => ({ ...a, registerOpenFunction: o, openFileDialog: n }),
+    [a, o, n]
+  );
+  return /* @__PURE__ */ _(C.Provider, { value: s, children: e });
+}, E = () => {
+  const e = j(C);
+  if (!e)
+    throw new Error("useFileDropAreaContext must be used within a FileDropAreaProvider");
+  return e;
+}, q = ({
+  children: e,
+  className: a,
+  variant: r = "text",
+  ...o
+}) => {
+  const { openFileDialog: n, isDisabled: s } = E();
+  return /* @__PURE__ */ _(
+    S,
+    {
+      ...o,
+      variant: r,
+      adjustWidthOn: "content",
+      disabled: s,
+      className: a,
+      onClick: (c) => {
+        c.stopPropagation(), n();
+      },
+      children: e
+    }
+  );
+}, D = {
+  "file-drop-area": "_file-drop-area_1s34r_16",
+  "file-drop-area--active": "_file-drop-area--active_1s34r_28",
+  "file-drop-area--disabled": "_file-drop-area--disabled_1s34r_32",
+  "file-drop-area--error": "_file-drop-area--error_1s34r_36",
+  "file-drop-area__content": "_file-drop-area__content_1s34r_39",
+  "file-drop-area__icon": "_file-drop-area__icon_1s34r_46",
+  "file-drop-area__text": "_file-drop-area__text_1s34r_54",
+  "file-drop-area__description": "_file-drop-area__description_1s34r_60",
+  "file-drop-area__browse-button": "_file-drop-area__browse-button_1s34r_73",
+  "file-drop-area__file-size-info": "_file-drop-area__file-size-info_1s34r_76",
+  "file-drop-area__hidden-input": "_file-drop-area__hidden-input_1s34r_80",
+  "file-drop-area__error-message": "_file-drop-area__error-message_1s34r_83",
+  "file-drop-area--overlay": "_file-drop-area--overlay_1s34r_89",
+  "file-drop-area--overlay-mode": "_file-drop-area--overlay-mode_1s34r_107"
+}, Y = h.bind(D), G = ({ className: e }) => {
+  const { error: a, messages: r } = E();
+  return a ? /* @__PURE__ */ _(
+    "div",
+    {
+      className: Y("file-drop-area__error-message", e),
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-atomic": "true",
+      children: R([a], r) || a
+    }
+  ) : null;
+}, u = h.bind(D), H = ({ icon: e, description: a, fileSizeMessage: r, className: o }) => {
+  const {
+    variant: n = "default",
+    error: s,
+    isDisabled: l,
+    isMultipleFiles: c,
+    overlayProps: t,
+    onDrop: i,
+    handleDropzoneClick: p,
+    registerOpenFunction: m
+  } = E(), f = n === "overlay";
+  return /* @__PURE__ */ _(Z, { multiple: c, disabled: l, noClick: f, onDrop: i, children: ({ getRootProps: T, getInputProps: b, isDragActive: O, open: y }) => {
+    m(y);
+    const z = f ? !!(t != null && t.isDragActive) : O;
+    return /* @__PURE__ */ F(
+      "div",
+      {
+        ...T({
+          className: u("file-drop-area", o, {
+            "file-drop-area--active": z,
+            "file-drop-area--disabled": l,
+            "file-drop-area--error": !!s,
+            "file-drop-area--overlay-mode": f
+          }),
+          onClick: f ? void 0 : p
+        }),
+        children: [
+          /* @__PURE__ */ _("input", { ...b() }),
+          /* @__PURE__ */ F("div", { className: u("file-drop-area__content"), children: [
+            /* @__PURE__ */ _("div", { className: u("file-drop-area__icon"), children: e }),
+            /* @__PURE__ */ F("div", { className: u("file-drop-area__text"), children: [
+              a && /* @__PURE__ */ _("div", { className: u("file-drop-area__description"), children: a }),
+              r && /* @__PURE__ */ _("div", { className: u("file-drop-area__file-size-info"), children: r })
+            ] })
+          ] })
+        ]
+      }
+    );
+  } });
+}, J = {
+  "attached-files-list": "_attached-files-list_14nn3_16"
+}, K = h.bind(J), Q = ({
+  files: e,
+  className: a,
+  onRemoveFile: r,
+  onDownloadFile: o
+}) => {
+  const { messages: n, clearError: s } = E();
+  k(() => {
+    e.some((i) => !v(i.validationErrors)) && s();
+  }, [e, s]);
+  const l = d(
+    (t) => () => r(t.id),
+    [r]
+  ), c = d(
+    (t) => () => o == null ? void 0 : o(t),
+    [o]
+  );
+  return v(e) ? null : /* @__PURE__ */ _("div", { className: K("attached-files-list", a), children: e.map((t) => {
+    const i = R(
+      t.validationErrors ?? [],
+      n,
+      t.customErrorMessage
+    );
+    return /* @__PURE__ */ _(
+      P,
+      {
+        fileName: t.fileName,
+        size: t.size,
+        uploadingProgress: t.uploadingProgress,
+        isUploadFailed: t.isUploadFailed || !!i,
+        isUploading: t.isUploading,
+        onRemove: l(t),
+        ...i && { uploadFailedMessage: i },
+        ...o && { onDownload: c(t) }
+      },
+      t.id
+    );
+  }) });
+}, ee = h.bind(D), x = ({
+  maxFileSize: e,
+  acceptFileMimeTypes: a,
+  isMultipleFiles: r,
+  isDisabled: o,
+  variant: n = "default",
+  children: s,
+  messages: l,
+  onFilesAdded: c
+}) => {
+  const t = n === "overlay", i = W({
+    maxFileSize: e,
+    acceptFileMimeTypes: a,
+    messages: l,
+    isMultipleFiles: r,
+    isDisabled: o,
+    onFilesAdded: c
+  }), p = $({
+    isOverlay: t
+  });
+  return /* @__PURE__ */ _(
+    X,
+    {
+      ...i,
+      variant: n,
+      messages: l,
+      overlayProps: p,
+      isDisabled: o,
+      isMultipleFiles: r,
+      children: (() => t ? /* @__PURE__ */ _("div", { className: ee("file-drop-area--overlay"), ...p.handlers, children: s }) : s)()
+    }
+  );
+};
+x.DropZone = H;
+x.BrowseButton = q;
+x.Error = G;
+x.AttachedFilesList = Q;
+export {
+  x as FileDropArea,
+  g as FileValidationError,
+  pe as MIME_TYPES
+};

package/dist/floatingUi-41f8c7b5.js

@@ -0,0 +1,29 @@
+const o = 16, a = 8, l = 16, i = ["top", "right", "bottom", "left"], r = [
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end"
+], c = [
+  "top",
+  "top-start",
+  "top-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end"
+], g = (t, n, e = 16, s = !0) => s ? ((r.includes(n) ? t.reference.height : t.reference.width) - 16) / 2 - e : -e;
+export {
+  l as A,
+  a as T,
+  o as a,
+  c as b,
+  g,
+  i as m
+};