bj-web-components 0.2.34 → 0.2.35

package/dist/web/FileCard/FileCard.mjs

@@ -1,128 +1,412 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useState as u, useRef as m, useEffect as b } from "react";
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useState as p, useRef as C, useEffect as w } from "react";
 /* empty css               */
-const y = {
-  pdf: { color: "#F54A45", label: "PDF" },
-  image: { color: "#00AAFF", label: "IMG" },
-  doc: { color: "#3B64FC", label: "DOC" },
-  docx: { color: "#3B64FC", label: "DOC" },
-  xls: { color: "#1D9B4C", label: "XLS" },
-  xlsx: { color: "#1D9B4C", label: "XLS" },
-  ppt: { color: "#DF4023", label: "PPT" },
-  pptx: { color: "#DF4023", label: "PPT" },
-  zip: { color: "#7B5EA7", label: "ZIP" },
-  rar: { color: "#7B5EA7", label: "RAR" },
-  txt: { color: "#8C8C8C", label: "TXT" },
-  other: { color: "#1677FF", label: "FILE" }
-};
-function v({ fileType: r, fileUrl: l, fileName: o }) {
-  if (r === "image" && l)
-    return /* @__PURE__ */ e("img", { src: l, alt: o, className: "file-card__image-thumb" });
-  const { color: t, label: s } = y[r];
-  return /* @__PURE__ */ c("svg", { width: "88", height: "88", viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ e("rect", { x: "14", y: "8", width: "50", height: "62", rx: "4", fill: "#F5F5F5" }),
-    /* @__PURE__ */ e("path", { d: "M50 8L64 22H50V8Z", fill: "#E2E2E2" }),
-    /* @__PURE__ */ e("rect", { x: "20", y: "30", width: "30", height: "4", rx: "2", fill: "#E2E2E2" }),
-    /* @__PURE__ */ e("rect", { x: "20", y: "40", width: "30", height: "4", rx: "2", fill: "#E2E2E2" }),
-    /* @__PURE__ */ e("rect", { x: "20", y: "50", width: "20", height: "4", rx: "2", fill: "#E2E2E2" }),
-    /* @__PURE__ */ e("rect", { x: "42", y: "52", width: "32", height: "28", rx: "4", fill: t }),
-    /* @__PURE__ */ e("rect", { x: "42", y: "52", width: "4", height: "28", rx: "2", fill: "rgba(255,255,255,0.25)" }),
-    /* @__PURE__ */ e("rect", { x: "42", y: "76", width: "32", height: "4", rx: "2", fill: "rgba(0,0,0,0.15)" }),
-    /* @__PURE__ */ e(
-      "text",
-      {
-        x: "58",
-        y: "71",
-        textAnchor: "middle",
-        fill: "white",
-        fontSize: "9",
-        fontWeight: "700",
-        fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        letterSpacing: "0.3",
-        children: s
+var E = Object.defineProperty,
+  _ = Object.getOwnPropertySymbols,
+  F = Object.prototype.hasOwnProperty,
+  L = Object.prototype.propertyIsEnumerable,
+  v = function v(r, t, l) {
+    return t in r ? E(r, t, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: l
+    }) : r[t] = l;
+  },
+  m = function m(r, t) {
+    for (var l in t || (t = {})) F.call(t, l) && v(r, l, t[l]);
+    if (_) {
+      var _iterator = _createForOfIteratorHelper(_(t)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var l = _step.value;
+          L.call(t, l) && v(r, l, t[l]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
-    )
-  ] });
+    }
+    return r;
+  },
+  P = function P(r, t, l) {
+    return new Promise(function (i, a) {
+      var c = function c(o) {
+          try {
+            h(l.next(o));
+          } catch (f) {
+            a(f);
+          }
+        },
+        s = function s(o) {
+          try {
+            h(l.throw(o));
+          } catch (f) {
+            a(f);
+          }
+        },
+        h = function h(o) {
+          return o.done ? i(o.value) : Promise.resolve(o.value).then(c, s);
+        };
+      h((l = l.apply(r, t)).next());
+    });
+  };
+var N = {
+  pdf: {
+    color: "#F54A45",
+    label: "PDF"
+  },
+  image: {
+    color: "#00AAFF",
+    label: "IMG"
+  },
+  doc: {
+    color: "#3B64FC",
+    label: "DOC"
+  },
+  docx: {
+    color: "#3B64FC",
+    label: "DOC"
+  },
+  xls: {
+    color: "#1D9B4C",
+    label: "XLS"
+  },
+  xlsx: {
+    color: "#1D9B4C",
+    label: "XLS"
+  },
+  ppt: {
+    color: "#DF4023",
+    label: "PPT"
+  },
+  pptx: {
+    color: "#DF4023",
+    label: "PPT"
+  },
+  zip: {
+    color: "#7B5EA7",
+    label: "ZIP"
+  },
+  rar: {
+    color: "#7B5EA7",
+    label: "RAR"
+  },
+  txt: {
+    color: "#8C8C8C",
+    label: "TXT"
+  },
+  other: {
+    color: "#1677FF",
+    label: "FILE"
+  }
+};
+function B(_ref) {
+  var r = _ref.fileType,
+    t = _ref.fileUrl,
+    l = _ref.fileName;
+  if (r === "image" && t) return /* @__PURE__ */e("img", {
+    src: t,
+    alt: l,
+    className: "file-card__image-thumb"
+  });
+  var _N$r = N[r],
+    i = _N$r.color,
+    a = _N$r.label;
+  return /* @__PURE__ */d("svg", {
+    width: "88",
+    height: "88",
+    viewBox: "0 0 88 88",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */e("rect", {
+      x: "14",
+      y: "8",
+      width: "50",
+      height: "62",
+      rx: "4",
+      fill: "#F5F5F5"
+    }), /* @__PURE__ */e("path", {
+      d: "M50 8L64 22H50V8Z",
+      fill: "#E2E2E2"
+    }), /* @__PURE__ */e("rect", {
+      x: "20",
+      y: "30",
+      width: "30",
+      height: "4",
+      rx: "2",
+      fill: "#E2E2E2"
+    }), /* @__PURE__ */e("rect", {
+      x: "20",
+      y: "40",
+      width: "30",
+      height: "4",
+      rx: "2",
+      fill: "#E2E2E2"
+    }), /* @__PURE__ */e("rect", {
+      x: "20",
+      y: "50",
+      width: "20",
+      height: "4",
+      rx: "2",
+      fill: "#E2E2E2"
+    }), /* @__PURE__ */e("rect", {
+      x: "42",
+      y: "52",
+      width: "32",
+      height: "28",
+      rx: "4",
+      fill: i
+    }), /* @__PURE__ */e("rect", {
+      x: "42",
+      y: "52",
+      width: "4",
+      height: "28",
+      rx: "2",
+      fill: "rgba(255,255,255,0.25)"
+    }), /* @__PURE__ */e("rect", {
+      x: "42",
+      y: "76",
+      width: "32",
+      height: "4",
+      rx: "2",
+      fill: "rgba(0,0,0,0.15)"
+    }), /* @__PURE__ */e("text", {
+      x: "58",
+      y: "71",
+      textAnchor: "middle",
+      fill: "white",
+      fontSize: "9",
+      fontWeight: "700",
+      fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+      letterSpacing: "0.3",
+      children: a
+    })]
+  });
 }
-function p() {
-  return /* @__PURE__ */ c("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [
-    /* @__PURE__ */ e("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "2" })
-  ] });
+function y() {
+  return /* @__PURE__ */d("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/* @__PURE__ */e("path", {
+      d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /* @__PURE__ */e("circle", {
+      cx: "12",
+      cy: "12",
+      r: "3",
+      stroke: "currentColor",
+      strokeWidth: "2"
+    })]
+  });
 }
 function g() {
-  return /* @__PURE__ */ c("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [
-    /* @__PURE__ */ e("polyline", { points: "3,6 5,6 21,6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ e("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ e("path", { d: "M10 11v6M14 11v6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ e("path", { d: "M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] });
+  return /* @__PURE__ */d("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/* @__PURE__ */e("polyline", {
+      points: "3,6 5,6 21,6",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /* @__PURE__ */e("path", {
+      d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /* @__PURE__ */e("path", {
+      d: "M10 11v6M14 11v6",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /* @__PURE__ */e("path", {
+      d: "M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
 }
-function k({ fileName: r, onRename: l }) {
-  const [o, t] = u(!1), [s, a] = u(r), n = m(null);
-  b(() => {
-    var i, f;
-    o && (a(r), (i = n.current) == null || i.focus(), (f = n.current) == null || f.select());
-  }, [o, r]);
-  const h = async () => {
-    const i = s.trim();
-    i && i !== r && await (l == null ? void 0 : l(i)), t(!1);
-  }, d = () => t(!1), x = (i) => {
-    i.key === "Enter" && !i.shiftKey && (i.preventDefault(), h()), i.key === "Escape" && d();
-  }, _ = () => {
-    h();
-  }, C = () => {
-    l && t(!0);
-  };
-  return o ? /* @__PURE__ */ e("div", { className: "file-card__name-area file-card__name-area--editing", children: /* @__PURE__ */ e(
-    "textarea",
-    {
-      ref: n,
+function x(_ref2) {
+  var r = _ref2.fileName,
+    t = _ref2.onRename;
+  var _p = p(!1),
+    _p2 = _slicedToArray(_p, 2),
+    l = _p2[0],
+    i = _p2[1],
+    _p3 = p(r),
+    _p4 = _slicedToArray(_p3, 2),
+    a = _p4[0],
+    c = _p4[1],
+    s = C(null);
+  w(function () {
+    var n, u;
+    l && (c(r), (n = s.current) == null || n.focus(), (u = s.current) == null || u.select());
+  }, [l, r]);
+  var h = function h() {
+      return P(null, null, /*#__PURE__*/_regenerator().m(function _callee() {
+        var n, _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              n = a.trim();
+              _t = n && n !== r;
+              if (!_t) {
+                _context.n = 1;
+                break;
+              }
+              _context.n = 1;
+              return t == null ? void 0 : t(n);
+            case 1:
+              i(!1);
+            case 2:
+              return _context.a(2);
+          }
+        }, _callee);
+      }));
+    },
+    o = function o() {
+      return i(!1);
+    },
+    f = function f(n) {
+      n.key === "Enter" && !n.shiftKey && (n.preventDefault(), h()), n.key === "Escape" && o();
+    },
+    k = function k() {
+      h();
+    },
+    b = function b() {
+      t && i(!0);
+    };
+  return l ? /* @__PURE__ */e("div", {
+    className: "file-card__name-area file-card__name-area--editing",
+    children: /* @__PURE__ */e("textarea", {
+      ref: s,
       className: "file-card__edit-input",
-      value: s,
-      onChange: (i) => a(i.target.value),
-      onKeyDown: x,
-      onBlur: _,
+      value: a,
+      onChange: function onChange(n) {
+        return c(n.target.value);
+      },
+      onKeyDown: f,
+      onBlur: k,
       rows: 2,
-      style: { height: "42px" }
-    }
-  ) }) : /* @__PURE__ */ e("div", { className: "file-card__name-area", onDoubleClick: C, children: /* @__PURE__ */ e("span", { className: "file-card__filename", title: r, children: r }) });
+      style: {
+        height: "42px"
+      }
+    })
+  }) : /* @__PURE__ */e("div", {
+    className: "file-card__name-area",
+    onDoubleClick: b,
+    children: /* @__PURE__ */e("span", {
+      className: "file-card__filename",
+      title: r,
+      children: r
+    })
+  });
 }
-function E({ fileName: r, onDelete: l, onRename: o, onPreview: t, className: s, style: a }) {
-  return /* @__PURE__ */ c("div", { className: `file-card file-card--pdf ${s || ""}`, style: a, children: [
-    /* @__PURE__ */ c("div", { className: "file-card__pdf-preview", onClick: t, children: [
-      (t || l) && /* @__PURE__ */ c("div", { className: "file-card__overlay", children: [
-        t && /* @__PURE__ */ e("button", { className: "file-card__overlay-btn", onClick: (n) => {
-          n.stopPropagation(), t();
-        }, children: /* @__PURE__ */ e(p, {}) }),
-        l && /* @__PURE__ */ e("button", { className: "file-card__overlay-btn", onClick: (n) => {
-          n.stopPropagation(), l();
-        }, children: /* @__PURE__ */ e(g, {}) })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "file-card__pdf-label", children: /* @__PURE__ */ e("span", { children: "PDF" }) })
-    ] }),
-    /* @__PURE__ */ e(k, { fileName: r, onRename: o })
-  ] });
+function O(_ref3) {
+  var r = _ref3.fileName,
+    t = _ref3.onDelete,
+    l = _ref3.onRename,
+    i = _ref3.onPreview,
+    a = _ref3.className,
+    c = _ref3.style;
+  return /* @__PURE__ */d("div", {
+    className: "file-card file-card--pdf ".concat(a || ""),
+    style: c,
+    children: [/* @__PURE__ */d("div", {
+      className: "file-card__pdf-preview",
+      onClick: i,
+      children: [(i || t) && /* @__PURE__ */d("div", {
+        className: "file-card__overlay",
+        children: [i && /* @__PURE__ */e("button", {
+          className: "file-card__overlay-btn",
+          onClick: function onClick(s) {
+            s.stopPropagation(), i();
+          },
+          children: /* @__PURE__ */e(y, {})
+        }), t && /* @__PURE__ */e("button", {
+          className: "file-card__overlay-btn",
+          onClick: function onClick(s) {
+            s.stopPropagation(), t();
+          },
+          children: /* @__PURE__ */e(g, {})
+        })]
+      }), /* @__PURE__ */e("div", {
+        className: "file-card__pdf-label",
+        children: /* @__PURE__ */e("span", {
+          children: "PDF"
+        })
+      })]
+    }), /* @__PURE__ */e(x, {
+      fileName: r,
+      onRename: l
+    })]
+  });
 }
-function F({ fileName: r, fileType: l, fileUrl: o, onDelete: t, onRename: s, onPreview: a, className: n, style: h }) {
-  return /* @__PURE__ */ c("div", { className: `file-card file-card--other ${n || ""}`, style: h, children: [
-    /* @__PURE__ */ c("div", { className: "file-card__other-preview", onClick: a, children: [
-      (a || t) && /* @__PURE__ */ c("div", { className: "file-card__overlay", children: [
-        a && /* @__PURE__ */ e("button", { className: "file-card__overlay-btn", onClick: (d) => {
-          d.stopPropagation(), a();
-        }, children: /* @__PURE__ */ e(p, {}) }),
-        t && /* @__PURE__ */ e("button", { className: "file-card__overlay-btn", onClick: (d) => {
-          d.stopPropagation(), t();
-        }, children: /* @__PURE__ */ e(g, {}) })
-      ] }),
-      /* @__PURE__ */ e(v, { fileType: l, fileUrl: o, fileName: r })
-    ] }),
-    /* @__PURE__ */ e(k, { fileName: r, onRename: s })
-  ] });
+function I(_ref4) {
+  var r = _ref4.fileName,
+    t = _ref4.fileType,
+    l = _ref4.fileUrl,
+    i = _ref4.onDelete,
+    a = _ref4.onRename,
+    c = _ref4.onPreview,
+    s = _ref4.className,
+    h = _ref4.style;
+  return /* @__PURE__ */d("div", {
+    className: "file-card file-card--other ".concat(s || ""),
+    style: h,
+    children: [/* @__PURE__ */d("div", {
+      className: "file-card__other-preview",
+      onClick: c,
+      children: [(c || i) && /* @__PURE__ */d("div", {
+        className: "file-card__overlay",
+        children: [c && /* @__PURE__ */e("button", {
+          className: "file-card__overlay-btn",
+          onClick: function onClick(o) {
+            o.stopPropagation(), c();
+          },
+          children: /* @__PURE__ */e(y, {})
+        }), i && /* @__PURE__ */e("button", {
+          className: "file-card__overlay-btn",
+          onClick: function onClick(o) {
+            o.stopPropagation(), i();
+          },
+          children: /* @__PURE__ */e(g, {})
+        })]
+      }), /* @__PURE__ */e(B, {
+        fileType: t,
+        fileUrl: l,
+        fileName: r
+      })]
+    }), /* @__PURE__ */e(x, {
+      fileName: r,
+      onRename: a
+    })]
+  });
 }
-function N(r) {
-  return r.fileType === "pdf" ? /* @__PURE__ */ e(E, { ...r }) : /* @__PURE__ */ e(F, { ...r });
+function M(r) {
+  return r.fileType === "pdf" ? /* @__PURE__ */e(O, m({}, r)) : /* @__PURE__ */e(I, m({}, r));
 }
-export {
-  N as default
-};
+export { M as default };

package/dist/web/Icon/Icon.js

@@ -1 +1,82 @@
-"use strict";const s=require("react/jsx-runtime");;/* empty css           */const n=({type:r,style:i,onClick:u,className:e,...c})=>{const t=e?`bu-icon ${e}`:"bu-icon";return s.jsx("svg",{style:i,className:t,"aria-hidden":"true",onClick:u,...c,children:s.jsx("use",{xlinkHref:`#${r}`})})};n.displayName="BuIcon";module.exports=n;
+"use strict";
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var i = require("react/jsx-runtime");
+; /* empty css           */
+var u = Object.defineProperty,
+  O = Object.defineProperties,
+  d = Object.getOwnPropertyDescriptors,
+  n = Object.getOwnPropertySymbols,
+  l = Object.prototype.hasOwnProperty,
+  c = Object.prototype.propertyIsEnumerable,
+  o = function o(r, e, t) {
+    return e in r ? u(r, e, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: t
+    }) : r[e] = t;
+  },
+  y = function y(r, e) {
+    for (var t in e || (e = {})) l.call(e, t) && o(r, t, e[t]);
+    if (n) {
+      var _iterator = _createForOfIteratorHelper(n(e)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var t = _step.value;
+          c.call(e, t) && o(r, t, e[t]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return r;
+  },
+  P = function P(r, e) {
+    return O(r, d(e));
+  },
+  m = function m(r, e) {
+    var t = {};
+    for (var a in r) l.call(r, a) && e.indexOf(a) < 0 && (t[a] = r[a]);
+    if (r != null && n) {
+      var _iterator2 = _createForOfIteratorHelper(n(r)),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var a = _step2.value;
+          e.indexOf(a) < 0 && c.call(r, a) && (t[a] = r[a]);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+    return t;
+  };
+var f = function f(r) {
+  var e = r,
+    t = e.type,
+    a = e.style,
+    p = e.onClick,
+    s = e.className,
+    _ = m(e, ["type", "style", "onClick", "className"]);
+  var v = s ? "bu-icon ".concat(s) : "bu-icon";
+  return i.jsx("svg", P(y({
+    style: a,
+    className: v,
+    "aria-hidden": "true",
+    onClick: p
+  }, _), {
+    children: i.jsx("use", {
+      xlinkHref: "#".concat(t)
+    })
+  }));
+};
+f.displayName = "BuIcon";
+module.exports = f;