bj-web-components 0.2.34 → 0.2.35

package/dist/web/EmptyInputBox/EmptyInputBox.mjs

@@ -1,74 +1,87 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as N } from "react";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as B } from "react";
 /* empty css                    */
-function B() {
-  return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z", fill: "currentColor" }) });
+function w() {
+  return /* @__PURE__ */e("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */e("path", {
+      d: "M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z",
+      fill: "currentColor"
+    })
+  });
 }
-const Z = N(
-  function({
-    mode: _ = "single",
-    activeLang: l = "zh",
-    onLangChange: i,
-    value: n = "",
-    onChange: u,
-    placeholder: d,
-    maxLength: m,
-    error: p = !1,
-    disabled: r,
-    onDelete: s,
-    labels: e,
-    id: x,
-    className: f,
-    style: C
-  }, V) {
-    const a = (e == null ? void 0 : e.zh) ?? "中文", H = (e == null ? void 0 : e.en) ?? "EN", b = _ === "bilingual", o = !!s, h = [
-      "bu-eib__box",
-      b && o && "bu-eib__box--actions-both",
-      b && !o && "bu-eib__box--actions-toggle",
-      !b && o && "bu-eib__box--actions-delete",
-      p && "bu-eib__box--error",
-      r && "bu-eib__box--disabled"
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ t("div", { className: ["bu-eib", f].filter(Boolean).join(" "), style: C, children: /* @__PURE__ */ c("div", { className: h, children: [
-      /* @__PURE__ */ t(
-        "input",
-        {
-          ref: V,
-          id: x,
-          className: "bu-eib__field",
-          value: n,
-          onChange: (v) => u == null ? void 0 : u(v.target.value),
-          placeholder: d,
-          maxLength: m,
-          disabled: r
-        }
-      ),
-      (b || o) && /* @__PURE__ */ c("div", { className: "bu-eib__actions", children: [
-        b && /* @__PURE__ */ c("div", { className: "bu-eib__lang-toggle", children: [
-          /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              className: `bu-eib__lang-btn${l === "zh" ? " bu-eib__lang-btn--active" : ""}`,
-              onClick: () => i == null ? void 0 : i("zh"),
-              children: a
-            }
-          ),
-          /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              className: `bu-eib__lang-btn${l === "en" ? " bu-eib__lang-btn--active" : ""}`,
-              onClick: () => i == null ? void 0 : i("en"),
-              children: H
-            }
-          )
-        ] }),
-        o && /* @__PURE__ */ t("button", { type: "button", className: "bu-eib__delete", onClick: s, children: /* @__PURE__ */ t(B, {}) })
-      ] })
-    ] }) });
-  }
-);
-export {
-  Z as default
-};
+var j = B(function (_ref, f) {
+  var _ref$mode = _ref.mode,
+    _ = _ref$mode === void 0 ? "single" : _ref$mode,
+    _ref$activeLang = _ref.activeLang,
+    b = _ref$activeLang === void 0 ? "zh" : _ref$activeLang,
+    l = _ref.onLangChange,
+    _ref$value = _ref.value,
+    d = _ref$value === void 0 ? "" : _ref$value,
+    u = _ref.onChange,
+    C = _ref.placeholder,
+    h = _ref.maxLength,
+    _ref$error = _ref.error,
+    m = _ref$error === void 0 ? !1 : _ref$error,
+    s = _ref.disabled,
+    c = _ref.onDelete,
+    n = _ref.labels,
+    v = _ref.id,
+    p = _ref.className,
+    x = _ref.style;
+  var a, r;
+  var V = (a = n == null ? void 0 : n.zh) != null ? a : "中文",
+    g = (r = n == null ? void 0 : n.en) != null ? r : "EN",
+    i = _ === "bilingual",
+    t = !!c,
+    H = ["bu-eib__box", i && t && "bu-eib__box--actions-both", i && !t && "bu-eib__box--actions-toggle", !i && t && "bu-eib__box--actions-delete", m && "bu-eib__box--error", s && "bu-eib__box--disabled"].filter(Boolean).join(" ");
+  return /* @__PURE__ */e("div", {
+    className: ["bu-eib", p].filter(Boolean).join(" "),
+    style: x,
+    children: /* @__PURE__ */o("div", {
+      className: H,
+      children: [/* @__PURE__ */e("input", {
+        ref: f,
+        id: v,
+        className: "bu-eib__field",
+        value: d,
+        onChange: function onChange(N) {
+          return u == null ? void 0 : u(N.target.value);
+        },
+        placeholder: C,
+        maxLength: h,
+        disabled: s
+      }), (i || t) && /* @__PURE__ */o("div", {
+        className: "bu-eib__actions",
+        children: [i && /* @__PURE__ */o("div", {
+          className: "bu-eib__lang-toggle",
+          children: [/* @__PURE__ */e("button", {
+            type: "button",
+            className: "bu-eib__lang-btn".concat(b === "zh" ? " bu-eib__lang-btn--active" : ""),
+            onClick: function onClick() {
+              return l == null ? void 0 : l("zh");
+            },
+            children: V
+          }), /* @__PURE__ */e("button", {
+            type: "button",
+            className: "bu-eib__lang-btn".concat(b === "en" ? " bu-eib__lang-btn--active" : ""),
+            onClick: function onClick() {
+              return l == null ? void 0 : l("en");
+            },
+            children: g
+          })]
+        }), t && /* @__PURE__ */e("button", {
+          type: "button",
+          className: "bu-eib__delete",
+          onClick: c,
+          children: /* @__PURE__ */e(w, {})
+        })]
+      })]
+    })
+  });
+});
+export { j as default };

package/dist/web/FileCard/FileCard.js

@@ -1 +1,414 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("react");;/* empty css               */const _={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 C({fileType:r,fileUrl:l,fileName:s}){if(r==="image"&&l)return e.jsx("img",{src:l,alt:s,className:"file-card__image-thumb"});const{color:t,label:a}=_[r];return e.jsxs("svg",{width:"88",height:"88",viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"14",y:"8",width:"50",height:"62",rx:"4",fill:"#F5F5F5"}),e.jsx("path",{d:"M50 8L64 22H50V8Z",fill:"#E2E2E2"}),e.jsx("rect",{x:"20",y:"30",width:"30",height:"4",rx:"2",fill:"#E2E2E2"}),e.jsx("rect",{x:"20",y:"40",width:"30",height:"4",rx:"2",fill:"#E2E2E2"}),e.jsx("rect",{x:"20",y:"50",width:"20",height:"4",rx:"2",fill:"#E2E2E2"}),e.jsx("rect",{x:"42",y:"52",width:"32",height:"28",rx:"4",fill:t}),e.jsx("rect",{x:"42",y:"52",width:"4",height:"28",rx:"2",fill:"rgba(255,255,255,0.25)"}),e.jsx("rect",{x:"42",y:"76",width:"32",height:"4",rx:"2",fill:"rgba(0,0,0,0.15)"}),e.jsx("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 u(){return e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("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"}),e.jsx("circle",{cx:"12",cy:"12",r:"3",stroke:"currentColor",strokeWidth:"2"})]})}function f(){return e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("polyline",{points:"3,6 5,6 21,6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("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"}),e.jsx("path",{d:"M10 11v6M14 11v6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("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 j({fileName:r,onRename:l}){const[s,t]=h.useState(!1),[a,o]=h.useState(r),n=h.useRef(null);h.useEffect(()=>{var i,x;s&&(o(r),(i=n.current)==null||i.focus(),(x=n.current)==null||x.select())},[s,r]);const d=async()=>{const i=a.trim();i&&i!==r&&await(l==null?void 0:l(i)),t(!1)},c=()=>t(!1),p=i=>{i.key==="Enter"&&!i.shiftKey&&(i.preventDefault(),d()),i.key==="Escape"&&c()},g=()=>{d()},k=()=>{l&&t(!0)};return s?e.jsx("div",{className:"file-card__name-area file-card__name-area--editing",children:e.jsx("textarea",{ref:n,className:"file-card__edit-input",value:a,onChange:i=>o(i.target.value),onKeyDown:p,onBlur:g,rows:2,style:{height:"42px"}})}):e.jsx("div",{className:"file-card__name-area",onDoubleClick:k,children:e.jsx("span",{className:"file-card__filename",title:r,children:r})})}function b({fileName:r,onDelete:l,onRename:s,onPreview:t,className:a,style:o}){return e.jsxs("div",{className:`file-card file-card--pdf ${a||""}`,style:o,children:[e.jsxs("div",{className:"file-card__pdf-preview",onClick:t,children:[(t||l)&&e.jsxs("div",{className:"file-card__overlay",children:[t&&e.jsx("button",{className:"file-card__overlay-btn",onClick:n=>{n.stopPropagation(),t()},children:e.jsx(u,{})}),l&&e.jsx("button",{className:"file-card__overlay-btn",onClick:n=>{n.stopPropagation(),l()},children:e.jsx(f,{})})]}),e.jsx("div",{className:"file-card__pdf-label",children:e.jsx("span",{children:"PDF"})})]}),e.jsx(j,{fileName:r,onRename:s})]})}function y({fileName:r,fileType:l,fileUrl:s,onDelete:t,onRename:a,onPreview:o,className:n,style:d}){return e.jsxs("div",{className:`file-card file-card--other ${n||""}`,style:d,children:[e.jsxs("div",{className:"file-card__other-preview",onClick:o,children:[(o||t)&&e.jsxs("div",{className:"file-card__overlay",children:[o&&e.jsx("button",{className:"file-card__overlay-btn",onClick:c=>{c.stopPropagation(),o()},children:e.jsx(u,{})}),t&&e.jsx("button",{className:"file-card__overlay-btn",onClick:c=>{c.stopPropagation(),t()},children:e.jsx(f,{})})]}),e.jsx(C,{fileType:l,fileUrl:s,fileName:r})]}),e.jsx(j,{fileName:r,onRename:a})]})}function m(r){return r.fileType==="pdf"?e.jsx(b,{...r}):e.jsx(y,{...r})}module.exports=m;
+"use strict";
+
+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; }
+var e = require("react/jsx-runtime"),
+  u = require("react");
+; /* empty css               */
+var k = Object.defineProperty,
+  f = Object.getOwnPropertySymbols,
+  b = Object.prototype.hasOwnProperty,
+  C = Object.prototype.propertyIsEnumerable,
+  p = function p(r, t, l) {
+    return t in r ? k(r, t, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: l
+    }) : r[t] = l;
+  },
+  j = function j(r, t) {
+    for (var l in t || (t = {})) b.call(t, l) && p(r, l, t[l]);
+    if (f) {
+      var _iterator = _createForOfIteratorHelper(f(t)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var l = _step.value;
+          C.call(t, l) && p(r, l, t[l]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return r;
+  },
+  w = function w(r, t, l) {
+    return new Promise(function (i, n) {
+      var a = function a(s) {
+          try {
+            d(l.next(s));
+          } catch (h) {
+            n(h);
+          }
+        },
+        c = function c(s) {
+          try {
+            d(l.throw(s));
+          } catch (h) {
+            n(h);
+          }
+        },
+        d = function d(s) {
+          return s.done ? i(s.value) : Promise.resolve(s.value).then(a, c);
+        };
+      d((l = l.apply(r, t)).next());
+    });
+  };
+var E = {
+  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 F(_ref) {
+  var r = _ref.fileType,
+    t = _ref.fileUrl,
+    l = _ref.fileName;
+  if (r === "image" && t) return e.jsx("img", {
+    src: t,
+    alt: l,
+    className: "file-card__image-thumb"
+  });
+  var _E$r = E[r],
+    i = _E$r.color,
+    n = _E$r.label;
+  return e.jsxs("svg", {
+    width: "88",
+    height: "88",
+    viewBox: "0 0 88 88",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [e.jsx("rect", {
+      x: "14",
+      y: "8",
+      width: "50",
+      height: "62",
+      rx: "4",
+      fill: "#F5F5F5"
+    }), e.jsx("path", {
+      d: "M50 8L64 22H50V8Z",
+      fill: "#E2E2E2"
+    }), e.jsx("rect", {
+      x: "20",
+      y: "30",
+      width: "30",
+      height: "4",
+      rx: "2",
+      fill: "#E2E2E2"
+    }), e.jsx("rect", {
+      x: "20",
+      y: "40",
+      width: "30",
+      height: "4",
+      rx: "2",
+      fill: "#E2E2E2"
+    }), e.jsx("rect", {
+      x: "20",
+      y: "50",
+      width: "20",
+      height: "4",
+      rx: "2",
+      fill: "#E2E2E2"
+    }), e.jsx("rect", {
+      x: "42",
+      y: "52",
+      width: "32",
+      height: "28",
+      rx: "4",
+      fill: i
+    }), e.jsx("rect", {
+      x: "42",
+      y: "52",
+      width: "4",
+      height: "28",
+      rx: "2",
+      fill: "rgba(255,255,255,0.25)"
+    }), e.jsx("rect", {
+      x: "42",
+      y: "76",
+      width: "32",
+      height: "4",
+      rx: "2",
+      fill: "rgba(0,0,0,0.15)"
+    }), e.jsx("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: n
+    })]
+  });
+}
+function _() {
+  return e.jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [e.jsx("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"
+    }), e.jsx("circle", {
+      cx: "12",
+      cy: "12",
+      r: "3",
+      stroke: "currentColor",
+      strokeWidth: "2"
+    })]
+  });
+}
+function v() {
+  return e.jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [e.jsx("polyline", {
+      points: "3,6 5,6 21,6",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), e.jsx("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"
+    }), e.jsx("path", {
+      d: "M10 11v6M14 11v6",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), e.jsx("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 y(_ref2) {
+  var r = _ref2.fileName,
+    t = _ref2.onRename;
+  var _u$useState = u.useState(!1),
+    _u$useState2 = _slicedToArray(_u$useState, 2),
+    l = _u$useState2[0],
+    i = _u$useState2[1],
+    _u$useState3 = u.useState(r),
+    _u$useState4 = _slicedToArray(_u$useState3, 2),
+    n = _u$useState4[0],
+    a = _u$useState4[1],
+    c = u.useRef(null);
+  u.useEffect(function () {
+    var o, x;
+    l && (a(r), (o = c.current) == null || o.focus(), (x = c.current) == null || x.select());
+  }, [l, r]);
+  var d = function d() {
+      return w(null, null, /*#__PURE__*/_regenerator().m(function _callee() {
+        var o, _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              o = n.trim();
+              _t = o && o !== r;
+              if (!_t) {
+                _context.n = 1;
+                break;
+              }
+              _context.n = 1;
+              return t == null ? void 0 : t(o);
+            case 1:
+              i(!1);
+            case 2:
+              return _context.a(2);
+          }
+        }, _callee);
+      }));
+    },
+    s = function s() {
+      return i(!1);
+    },
+    h = function h(o) {
+      o.key === "Enter" && !o.shiftKey && (o.preventDefault(), d()), o.key === "Escape" && s();
+    },
+    m = function m() {
+      d();
+    },
+    g = function g() {
+      t && i(!0);
+    };
+  return l ? e.jsx("div", {
+    className: "file-card__name-area file-card__name-area--editing",
+    children: e.jsx("textarea", {
+      ref: c,
+      className: "file-card__edit-input",
+      value: n,
+      onChange: function onChange(o) {
+        return a(o.target.value);
+      },
+      onKeyDown: h,
+      onBlur: m,
+      rows: 2,
+      style: {
+        height: "42px"
+      }
+    })
+  }) : e.jsx("div", {
+    className: "file-card__name-area",
+    onDoubleClick: g,
+    children: e.jsx("span", {
+      className: "file-card__filename",
+      title: r,
+      children: r
+    })
+  });
+}
+function L(_ref3) {
+  var r = _ref3.fileName,
+    t = _ref3.onDelete,
+    l = _ref3.onRename,
+    i = _ref3.onPreview,
+    n = _ref3.className,
+    a = _ref3.style;
+  return e.jsxs("div", {
+    className: "file-card file-card--pdf ".concat(n || ""),
+    style: a,
+    children: [e.jsxs("div", {
+      className: "file-card__pdf-preview",
+      onClick: i,
+      children: [(i || t) && e.jsxs("div", {
+        className: "file-card__overlay",
+        children: [i && e.jsx("button", {
+          className: "file-card__overlay-btn",
+          onClick: function onClick(c) {
+            c.stopPropagation(), i();
+          },
+          children: e.jsx(_, {})
+        }), t && e.jsx("button", {
+          className: "file-card__overlay-btn",
+          onClick: function onClick(c) {
+            c.stopPropagation(), t();
+          },
+          children: e.jsx(v, {})
+        })]
+      }), e.jsx("div", {
+        className: "file-card__pdf-label",
+        children: e.jsx("span", {
+          children: "PDF"
+        })
+      })]
+    }), e.jsx(y, {
+      fileName: r,
+      onRename: l
+    })]
+  });
+}
+function P(_ref4) {
+  var r = _ref4.fileName,
+    t = _ref4.fileType,
+    l = _ref4.fileUrl,
+    i = _ref4.onDelete,
+    n = _ref4.onRename,
+    a = _ref4.onPreview,
+    c = _ref4.className,
+    d = _ref4.style;
+  return e.jsxs("div", {
+    className: "file-card file-card--other ".concat(c || ""),
+    style: d,
+    children: [e.jsxs("div", {
+      className: "file-card__other-preview",
+      onClick: a,
+      children: [(a || i) && e.jsxs("div", {
+        className: "file-card__overlay",
+        children: [a && e.jsx("button", {
+          className: "file-card__overlay-btn",
+          onClick: function onClick(s) {
+            s.stopPropagation(), a();
+          },
+          children: e.jsx(_, {})
+        }), i && e.jsx("button", {
+          className: "file-card__overlay-btn",
+          onClick: function onClick(s) {
+            s.stopPropagation(), i();
+          },
+          children: e.jsx(v, {})
+        })]
+      }), e.jsx(F, {
+        fileType: t,
+        fileUrl: l,
+        fileName: r
+      })]
+    }), e.jsx(y, {
+      fileName: r,
+      onRename: n
+    })]
+  });
+}
+function N(r) {
+  return r.fileType === "pdf" ? e.jsx(L, j({}, r)) : e.jsx(P, j({}, r));
+}
+module.exports = N;