@reportportal/ui-kit 0.0.1-alpha.17 → 0.0.1-alpha.171

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/filterItem.js

@@ -0,0 +1,96 @@
+import { jsxs as O, jsx as l } from "react/jsx-runtime";
+import { useRef as _, useEffect as T, useCallback as o } from "react";
+import { c as W } from "./bind-06a7ff84.js";
+import { A as j } from "./actionMenu-77a63b96.js";
+import "./meatballMenu-535635a9.js";
+import "./baseIconButton-251479f7.js";
+import "./popover.js";
+import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
+const D = "_disabled_1of31_29", I = "_selected_1of31_32", K = {
+  "filter-item": "_filter-item_1of31_16",
+  disabled: D,
+  selected: I,
+  "actions-button": "_actions-button_1of31_37",
+  "caption-wrapper": "_caption-wrapper_1of31_58"
+}, p = W.bind(K), S = ({
+  id: e,
+  caption: f,
+  actions: h,
+  onClick: r,
+  onHover: s,
+  className: b,
+  captionClassName: w,
+  popoverClassName: N,
+  disabled: t = !1,
+  selected: x = !1,
+  editMode: u = !1
+}) => {
+  const n = _(null), m = _(null);
+  T(() => {
+    const a = () => {
+      n.current && (n.current.scrollWidth > n.current.clientWidth ? n.current.setAttribute("title", f) : n.current.removeAttribute("title"));
+    };
+    if (a(), typeof ResizeObserver < "u" && n.current) {
+      const c = new ResizeObserver(a);
+      return c.observe(n.current), () => c.disconnect();
+    }
+  }, [f]);
+  const y = o(
+    (a) => {
+      var i;
+      if (t || u)
+        return;
+      const c = a.target;
+      (i = m.current) != null && i.contains(c) || r == null || r(e);
+    },
+    [e, r, t, u]
+  ), R = o(
+    (a) => {
+      var c;
+      if (a.key === "Enter" && !t && !u) {
+        const i = a.target;
+        if ((c = m.current) != null && c.contains(i))
+          return;
+        r == null || r(e);
+      }
+    },
+    [e, r, t, u]
+  ), g = o(() => {
+    t || s == null || s(e, !0);
+  }, [e, s, t]), A = o(() => {
+    t || s == null || s(e, !1);
+  }, [e, s, t]), E = p("filter-item", b, {
+    selected: x,
+    disabled: t
+  }), z = p("caption-wrapper", w);
+  return /* @__PURE__ */ O(
+    "div",
+    {
+      className: E,
+      "data-filter-item-container": !0,
+      onClick: y,
+      onKeyDown: R,
+      onMouseEnter: g,
+      onMouseLeave: A,
+      role: "button",
+      tabIndex: t ? -1 : 0,
+      children: [
+        /* @__PURE__ */ l("div", { className: z, ref: n, children: f }),
+        /* @__PURE__ */ l("div", { ref: m, children: /* @__PURE__ */ l(
+          j,
+          {
+            items: h,
+            disabled: t || u,
+            buttonClassName: p("actions-button"),
+            popoverClassName: N,
+            placement: "bottom-start"
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  S as FilterItem
+};

package/dist/filterOutline-819b4b0d.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M6.82255 13.5148L6.84059 13.5228L6.85794 13.5323L8.51335 14.4344C8.76171 14.5391 9.02975 14.512 9.23505 14.3987C9.44387 14.2834 9.5534 14.103 9.5534 13.9126V8.33504V8.15292L9.67052 8.01347L14.3717 2.41597C14.3717 2.41597 14.3717 2.41597 14.3717 2.41597C14.5301 2.22732 14.5313 2.01991 14.4331 1.84458C14.3308 1.66184 14.1067 1.5 13.7817 1.5H2.21829C1.89331 1.5 1.66918 1.66184 1.56686 1.84457C1.46869 2.01991 1.46986 2.22732 1.6283 2.41597L6.08612 7.72374C6.31597 7.99742 6.44646 8.3387 6.44646 8.69689V13C6.44646 13.1908 6.56846 13.4013 6.82255 13.5148Z", fill: "#009DBB", stroke: "#009DBB" })), i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 15, height: 14, viewBox: "0 0 15 14", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2817 1.08596L8.58993 6.67232C8.43153 6.85569 8.33732 7.08554 8.33732 7.33504V12.9126L6.66254 12V7.69689C6.66254 7.22695 6.49186 6.76969 6.17611 6.39374L1.71829 1.08596L13.2817 1.08596ZM13.2817 0H1.71829C0.716181 0 0.144162 1.02163 0.745424 1.73753L5.20324 7.04531C5.36112 7.23329 5.44646 7.46192 5.44646 7.69689V12C5.44646 12.4113 5.7067 12.7874 6.11869 12.9713L7.79347 13.884C8.60204 14.245 9.5534 13.7199 9.5534 12.9126V7.33504L14.2546 1.73753C14.8558 1.02163 14.2838 0 13.2817 0Z", fill: "#A2AAB5" }));
+export {
+  l as S,
+  i as a
+};

package/dist/filtersButton.js

@@ -0,0 +1,25 @@
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { c as _ } from "./bind-06a7ff84.js";
+import { S as d, a as m } from "./filterOutline-819b4b0d.js";
+const u = "_opened_c1qju_22", h = {
+  "filters-icon-container": "_filters-icon-container_c1qju_1",
+  "filter-icon": "_filter-icon_c1qju_19",
+  opened: u,
+  "with-applied": "_with-applied_c1qju_28",
+  "filters-count": "_filters-count_c1qju_37"
+}, i = _.bind(h), x = f(
+  ({ appliedFiltersCount: n = 0, isOpen: s = !1, className: o, type: c = "button", ...r }, l) => {
+    const t = n > 0, a = i("filters-icon-container", o, {
+      "with-applied": t,
+      opened: s
+    });
+    return /* @__PURE__ */ p("button", { type: c, className: a, ref: l, ...r, children: [
+      /* @__PURE__ */ e("span", { className: i("filter-icon"), children: t ? /* @__PURE__ */ e(d, {}) : /* @__PURE__ */ e(m, {}) }),
+      t ? /* @__PURE__ */ e("span", { className: i("filters-count"), children: n }) : null
+    ] });
+  }
+);
+export {
+  x as FiltersButton
+};

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
+};