@reportportal/ui-kit 0.0.1-alpha.106 → 0.0.1-alpha.108

package/dist/fileDropArea.js

@@ -1,47 +1,13 @@
-import { jsx as f, jsxs as F } from "react/jsx-runtime";
-import { c as E } from "./bind-06a7ff84.js";
-import { useState as C, useCallback as d, useRef as A, createContext as L, useMemo as z, useContext as M, useEffect as k } from "react";
-import { g as B, A as S } from "./index-803576c3.js";
-import { B as P } from "./button-97d9e587.js";
-import w from "react-dropzone";
+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";
-function Z(e) {
-  return Number.isSafeInteger(e) && e >= 0;
-}
-function U(e) {
-  return e != null && typeof e != "function" && Z(e.length);
-}
-function V(e) {
-  return e == null ? e === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(e);
-}
-function $(e) {
-  return ArrayBuffer.isView(e) && !(e instanceof DataView);
-}
-function W(e) {
-  return e !== null && typeof e == "object" && V(e) === "[object Arguments]";
-}
-function X(e) {
-  const r = e == null ? void 0 : e.constructor, t = typeof r == "function" ? r.prototype : Object.prototype;
-  return e === t;
-}
-function q(e) {
-  return $(e);
-}
-function g(e) {
-  if (e == null)
-    return !0;
-  if (U(e))
-    return typeof e.splice != "function" && typeof e != "string" && (typeof Buffer > "u" || !Buffer.isBuffer(e)) && !q(e) && !W(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 X(e) ? r.filter((t) => t !== "constructor").length === 0 : r.length === 0;
-  }
-  return !0;
-}
-const ge = {
+const pe = {
   png: "image/png",
   jpeg: "image/jpeg",
   gif: "image/gif",
@@ -76,38 +42,38 @@ const ge = {
   gtar: "application/x-gtar",
   kml: "application/vnd.google-earth.kml+xml"
 };
-var h = /* @__PURE__ */ ((e) => (e.INCORRECT_FILE_SIZE = "INCORRECT_FILE_SIZE", e.INCORRECT_FILE_FORMAT = "INCORRECT_FILE_FORMAT", e))(h || {});
-const Y = (e, r) => {
-  const { maxFileSize: t, acceptFileMimeTypes: o = [] } = r, a = [];
-  if (t && e.size > t && a.push(h.INCORRECT_FILE_SIZE), !g(o)) {
+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
-    ) || a.push(h.INCORRECT_FILE_FORMAT);
+    ) || n.push(g.INCORRECT_FILE_FORMAT);
   }
-  return a;
-}, I = (e, r, t) => t || (g(e) ? null : {
-  [h.INCORRECT_FILE_SIZE]: r.incorrectFileSize,
-  [h.INCORRECT_FILE_FORMAT]: r.incorrectFileFormat
-}[e[0]]), G = 128, b = G * 1024 * 1024, H = ({
-  maxFileSize: e = b,
-  acceptFileMimeTypes: r = [],
-  onFilesAdded: t
+  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, a] = C(null), s = d(
+  const [o, n] = I(null), s = d(
     (i) => {
-      a(null);
-      const p = i.map((_) => ({
-        file: _,
-        validationErrors: Y(_, { maxFileSize: e, acceptFileMimeTypes: r })
+      n(null);
+      const p = i.map((f) => ({
+        file: f,
+        validationErrors: w(f, { maxFileSize: e, acceptFileMimeTypes: a })
       }));
-      t(p);
+      r(p);
       const m = p.find(
-        ({ validationErrors: _ }) => !g(_)
+        ({ validationErrors: f }) => !v(f)
       );
-      m && a(m.validationErrors[0]);
+      m && n(m.validationErrors[0]);
     },
-    [e, r, t]
+    [e, a, r]
   ), l = d(
     (i) => {
       s(i);
@@ -119,24 +85,24 @@ const Y = (e, r) => {
       p && s([...p]), i.currentTarget.value = "";
     },
     [s]
-  ), n = d(() => {
-    a(null);
+  ), t = d(() => {
+    n(null);
   }, []);
   return {
     error: o,
     handleFileInputChange: c,
-    clearError: n,
+    clearError: t,
     onDrop: l
   };
-}, J = ({
-  maxFileSize: e = b,
-  acceptFileMimeTypes: r = [],
-  onFilesAdded: t
+}, W = ({
+  maxFileSize: e = N,
+  acceptFileMimeTypes: a = [],
+  onFilesAdded: r
 }) => {
-  const { onDrop: o, handleFileInputChange: a, error: s, clearError: l } = H({
+  const { onDrop: o, handleFileInputChange: n, error: s, clearError: l } = V({
     maxFileSize: e,
-    acceptFileMimeTypes: r,
-    onFilesAdded: t
+    acceptFileMimeTypes: a,
+    onFilesAdded: r
   }), c = d(() => {
     l();
   }, [l]);
@@ -144,67 +110,67 @@ const Y = (e, r) => {
     error: s,
     onDrop: o,
     handleDropzoneClick: c,
-    handleFileInputChange: a,
+    handleFileInputChange: n,
     clearError: l
   };
-}, K = ({ isOverlay: e = !1 }) => {
-  const [r, t] = C(!1), o = A(null), a = d((i) => {
+}, $ = ({ 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") && t(!0);
+    i.preventDefault(), (p = i.dataTransfer) != null && p.types.includes("Files") && r(!0);
   }, []), s = d((i) => {
-    i.preventDefault(), o.current && !o.current.contains(i.relatedTarget) && t(!1);
+    i.preventDefault(), o.current && !o.current.contains(i.relatedTarget) && r(!1);
   }, []), l = d((i) => {
     i.preventDefault();
   }, []), c = d((i) => {
-    i.preventDefault(), t(!1);
+    i.preventDefault(), r(!1);
   }, []);
   return {
     handlers: e ? {
       ref: o,
-      onDragEnter: a,
+      onDragEnter: n,
       onDragLeave: s,
       onDragOver: l,
       onDrop: c
     } : {},
-    ...e && { isDragActive: r }
+    ...e && { isDragActive: a }
   };
-}, y = L(null);
-y.displayName = "FileDropAreaContext";
-const Q = ({
+}, C = L(null);
+C.displayName = "FileDropAreaContext";
+const X = ({
   children: e,
-  ...r
+  ...a
 }) => {
-  const t = A(null), o = d((l) => {
-    t.current = l;
-  }, []), a = d(() => {
-    r.isDisabled || !t.current || (r.clearError(), t.current());
-  }, [r]), s = z(
-    () => ({ ...r, registerOpenFunction: o, openFileDialog: a }),
-    [r, o, 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__ */ f(y.Provider, { value: s, children: e });
-}, v = () => {
-  const e = M(y);
+  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;
-}, ee = ({
+}, q = ({
   children: e,
-  className: r,
-  variant: t = "text",
+  className: a,
+  variant: r = "text",
   ...o
 }) => {
-  const { openFileDialog: a, isDisabled: s } = v();
-  return /* @__PURE__ */ f(
-    P,
+  const { openFileDialog: n, isDisabled: s } = E();
+  return /* @__PURE__ */ _(
+    S,
     {
       ...o,
-      variant: t,
+      variant: r,
       adjustWidthOn: "content",
       disabled: s,
-      className: r,
+      className: a,
       onClick: (c) => {
-        c.stopPropagation(), a();
+        c.stopPropagation(), n();
       },
       children: e
     }
@@ -224,135 +190,136 @@ const Q = ({
   "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"
-}, re = E.bind(D), te = ({ className: e }) => {
-  const { error: r, messages: t } = v();
-  return r ? /* @__PURE__ */ f(
+}, Y = h.bind(D), G = ({ className: e }) => {
+  const { error: a, messages: r } = E();
+  return a ? /* @__PURE__ */ _(
     "div",
     {
-      className: re("file-drop-area__error-message", e),
+      className: Y("file-drop-area__error-message", e),
       role: "alert",
       "aria-live": "assertive",
       "aria-atomic": "true",
-      children: I([r], t) || r
+      children: R([a], r) || a
     }
   ) : null;
-}, u = E.bind(D), oe = ({ icon: e, description: r, fileSizeMessage: t, className: o }) => {
+}, u = h.bind(D), H = ({ icon: e, description: a, fileSizeMessage: r, className: o }) => {
   const {
-    variant: a = "default",
+    variant: n = "default",
     error: s,
     isDisabled: l,
     isMultipleFiles: c,
-    overlayProps: n,
+    overlayProps: t,
     onDrop: i,
     handleDropzoneClick: p,
     registerOpenFunction: m
-  } = v(), _ = a === "overlay";
-  return /* @__PURE__ */ f(w, { multiple: c, disabled: l, noClick: _, onDrop: i, children: ({ getRootProps: R, getInputProps: T, isDragActive: N, open: O }) => {
-    m(O);
-    const j = _ ? !!(n != null && n.isDragActive) : N;
+  } = 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",
       {
-        ...R({
+        ...T({
           className: u("file-drop-area", o, {
-            "file-drop-area--active": j,
+            "file-drop-area--active": z,
             "file-drop-area--disabled": l,
             "file-drop-area--error": !!s,
-            "file-drop-area--overlay-mode": _
+            "file-drop-area--overlay-mode": f
           }),
-          onClick: _ ? void 0 : p
+          onClick: f ? void 0 : p
         }),
         children: [
-          /* @__PURE__ */ f("input", { ...T() }),
+          /* @__PURE__ */ _("input", { ...b() }),
           /* @__PURE__ */ F("div", { className: u("file-drop-area__content"), children: [
-            /* @__PURE__ */ f("div", { className: u("file-drop-area__icon"), children: e }),
+            /* @__PURE__ */ _("div", { className: u("file-drop-area__icon"), children: e }),
             /* @__PURE__ */ F("div", { className: u("file-drop-area__text"), children: [
-              r && /* @__PURE__ */ f("div", { className: u("file-drop-area__description"), children: r }),
-              t && /* @__PURE__ */ f("div", { className: u("file-drop-area__file-size-info"), children: t })
+              a && /* @__PURE__ */ _("div", { className: u("file-drop-area__description"), children: a }),
+              r && /* @__PURE__ */ _("div", { className: u("file-drop-area__file-size-info"), children: r })
             ] })
           ] })
         ]
       }
     );
   } });
-}, ie = {
+}, J = {
   "attached-files-list": "_attached-files-list_14nn3_16"
-}, ne = E.bind(ie), ae = ({
+}, K = h.bind(J), Q = ({
   files: e,
-  className: r,
-  onRemoveFile: t,
+  className: a,
+  onRemoveFile: r,
   onDownloadFile: o
 }) => {
-  const { messages: a, clearError: s } = v();
+  const { messages: n, clearError: s } = E();
   k(() => {
-    e.some((i) => !g(i.validationErrors)) && s();
+    e.some((i) => !v(i.validationErrors)) && s();
   }, [e, s]);
   const l = d(
-    (n) => () => t(n.id),
-    [t]
+    (t) => () => r(t.id),
+    [r]
   ), c = d(
-    (n) => () => o == null ? void 0 : o(n),
+    (t) => () => o == null ? void 0 : o(t),
     [o]
   );
-  return g(e) ? null : /* @__PURE__ */ f("div", { className: ne("attached-files-list", r), children: e.map((n) => {
-    const i = I(
-      n.validationErrors ?? [],
-      a,
-      n.customErrorMessage
+  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__ */ f(
-      S,
+    return /* @__PURE__ */ _(
+      P,
       {
-        fileName: n.fileName,
-        size: n.size,
-        uploadingProgress: n.uploadingProgress,
-        isUploadFailed: n.isUploadFailed || !!i,
-        isUploading: n.isUploading,
-        onRemove: l(n),
+        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(n) }
+        ...o && { onDownload: c(t) }
       },
-      n.id
+      t.id
     );
   }) });
-}, se = E.bind(D), x = ({
+}, ee = h.bind(D), x = ({
   maxFileSize: e,
-  acceptFileMimeTypes: r,
-  isMultipleFiles: t,
+  acceptFileMimeTypes: a,
+  isMultipleFiles: r,
   isDisabled: o,
-  variant: a = "default",
+  variant: n = "default",
   children: s,
   messages: l,
   onFilesAdded: c
 }) => {
-  const n = a === "overlay", i = J({
+  const t = n === "overlay", i = W({
     maxFileSize: e,
-    acceptFileMimeTypes: r,
+    acceptFileMimeTypes: a,
     messages: l,
-    isMultipleFiles: t,
+    isMultipleFiles: r,
     isDisabled: o,
     onFilesAdded: c
-  }), p = K({
-    isOverlay: n
+  }), p = $({
+    isOverlay: t
   });
-  return /* @__PURE__ */ f(
-    Q,
+  return /* @__PURE__ */ _(
+    X,
     {
       ...i,
-      variant: a,
+      variant: n,
       messages: l,
       overlayProps: p,
       isDisabled: o,
-      isMultipleFiles: t,
-      children: (() => n ? /* @__PURE__ */ f("div", { className: se("file-drop-area--overlay"), ...p.handlers, children: s }) : s)()
+      isMultipleFiles: r,
+      children: (() => t ? /* @__PURE__ */ _("div", { className: ee("file-drop-area--overlay"), ...p.handlers, children: s }) : s)()
     }
   );
 };
-x.DropZone = oe;
-x.BrowseButton = ee;
-x.Error = te;
-x.AttachedFilesList = ae;
+x.DropZone = H;
+x.BrowseButton = q;
+x.Error = G;
+x.AttachedFilesList = Q;
 export {
   x as FileDropArea,
-  ge as MIME_TYPES
+  g as FileValidationError,
+  pe as MIME_TYPES
 };