@deviceinsight/ng-ui-scale-lib 9.14.0

package/dist/FileUploadInput-6dc037cb.js

@@ -0,0 +1,44 @@
+import { at as t, cz as m } from "./ContextBarContext-f745a63a.js";
+import { useState as p } from "react";
+import { Button as d, Icon as u } from "@deviceinsight/ng-ui-basic-components";
+import { ImageUpload as F, FileUpload as x } from "@deviceinsight/ng-ui-components";
+const s = ({ file: e, onRemoveFile: o }) => /* @__PURE__ */ t.jsxs(
+  "strong",
+  {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    children: [
+      e && e.name,
+      /* @__PURE__ */ t.jsx(d, { naked: !0, onClick: o, "data-testid": "delete-file-button", children: /* @__PURE__ */ t.jsx(u, { del: !0 }) })
+    ]
+  }
+), U = ({ imagesOnly: e, onChange: o, ...a }) => {
+  const [c, l] = p(null), n = (r) => {
+    e && l(r.preview), o(r);
+  }, i = () => {
+    e && l(null), o(null);
+  };
+  return /* @__PURE__ */ t.jsx(m, { ...a, className: "fileuploadinput", children: e ? /* @__PURE__ */ t.jsx(
+    F,
+    {
+      onRemoveFile: i,
+      onSelectFile: n,
+      previewComponent: s,
+      imageUrl: c,
+      accept: "image/*"
+    }
+  ) : /* @__PURE__ */ t.jsx(
+    x,
+    {
+      onRemoveFile: i,
+      onSelectFile: n,
+      previewComponent: s
+    }
+  ) });
+};
+export {
+  U as F
+};

package/dist/Files-cd57769d.js

@@ -0,0 +1,360 @@
+import { ah as M, at as e, ag as p, cZ as D, c_ as R, bn as G, a6 as Y, b1 as z, cp as Z, c$ as q, aV as _, aN as $ } from "./ContextBarContext-f745a63a.js";
+import { messageBoxError as J, ReactableWithClientSidePagination as ee, ContentHeader as te, RouteTabs as se } from "@deviceinsight/ng-ui-components";
+import { useState as B, useCallback as S, useRef as ie, useEffect as U, useMemo as X, createContext as ae, useContext as ne } from "react";
+import { Modal as le, SpinnerContainer as P, Button as k, Icon as W, useConfirm as oe } from "@deviceinsight/ng-ui-basic-components";
+import { F as re } from "./FileUploadInput-6dc037cb.js";
+import { createPortal as de } from "react-dom";
+import { Link as ce } from "react-router-dom";
+import { g as V } from "./customFileCategories-1b64ed45.js";
+import "@deviceinsight/ng-ui-api-client";
+const Ae = ({ fileType: t, onClose: s, onUpload: l }) => {
+  const { t: n } = M(), [u, i] = B(null), [m, A] = B(""), [g, f] = B(!1), h = u && !m, d = async (o) => {
+    if (o) {
+      f(!0);
+      try {
+        await l(o, t), s();
+      } catch (F) {
+        J(F.message), console.error(F), f(!1);
+      }
+    }
+  }, x = (o) => {
+    i(o), A(o ? "" : n("assets.detail.files.uploadForm.error.missingFile", {
+      defaultValue: "Please select a file"
+    }));
+  };
+  return /* @__PURE__ */ e.jsx(
+    le,
+    {
+      width: 450,
+      header: t === "documents" ? /* @__PURE__ */ e.jsx(p, { i18nKey: "assets.detail.files.uploadForm.addDocument", children: "Add document" }) : /* @__PURE__ */ e.jsx(p, { i18nKey: "assets.detail.files.uploadForm.addImage", children: "Add image" }),
+      content: /* @__PURE__ */ e.jsx(P, { show: g, children: /* @__PURE__ */ e.jsx(
+        re,
+        {
+          label: /* @__PURE__ */ e.jsx(p, { i18nKey: "assets.detail.files.uploadForm.fileLabel", children: "File to upload" }),
+          onChange: x,
+          imagesOnly: t === "images",
+          error: m,
+          required: !0
+        }
+      ) }),
+      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          k,
+          {
+            onClick: () => d(u),
+            primary: !0,
+            disabled: !h || g,
+            "data-testid": "save-button",
+            children: /* @__PURE__ */ e.jsx(p, { i18nKey: "general.actions.save", children: "Save" })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(k, { onClick: s, children: /* @__PURE__ */ e.jsx(p, { i18nKey: "general.actions.cancel", children: "Cancel" }) })
+      ] })
+    }
+  );
+}, ue = ({ contentType: t, loading: s, content: l }) => /* @__PURE__ */ e.jsx("div", { className: "image-preview", children: /* @__PURE__ */ e.jsxs(P, { show: s, children: [
+  t === "image/svg+xml" && /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "svg-preview",
+      style: {
+        backgroundImage: `url("${s || !l ? "" : l}")`
+      }
+    }
+  ),
+  t !== "image/svg+xml" && /* @__PURE__ */ e.jsx("img", { src: l, alt: "" })
+] }) }), me = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCDQxnLQ5VQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAGASURBVEjHvde3UgMxEIBhAUNBdoKCHEo/Aa9BCwWtXw7GBRVDGPKAzzahIaeKmhp+CmSP5izJF/a8rXb3mztJJ51SRgB9qkfRb6AVpdQWMCiNANPANlAKD1SAX/6jKolr9F73bgKF1sCGgSKJh9BWBEBOAbPAE52RCtfog6XvLjDUSpoDnqVwD7rXRo3keeAlLQ7MONB9YNhVlArX6KOl/sCJGsULwGtc3IMedkWNJovAW1Tcgx4BI3EXSCTcgx4Do0m3xBLw7sI96Eli1MCXgQ9L8x0HegqMSX32XHg4zsRQA18BPj3oOTCeyVEGrDrQ746TRxAtATeeJ66KH6kavY4wx3I4UHSgl8BXJrhGm66FBJTFcaAANCxNL8zVK4pHRUVxjdYdczrhqUuOA/kkaCpco4Gl6ArIxZim6LhGa5bkWhw0Fg7kHGgA5FNsRT8OrFnu1fU0aBf81rzUbwI/eqDRHpD58pn4HTAZTljXr7yYwQFT1tfbKVfCQK/+Fv8AJCO91qtSsKIAAAAASUVORK5CYII=", ge = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAnCAYAAADtu3N3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCCsYE1yvpwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAFTSURBVEjHrdY9S5BhFAbgNykUKUIRE10kGxxsUgQXF2lLGppsCTcdGhprCZxqcNCxKRp0EcTJpaWGwBaDhpCIoJZECIQkTOty8Ajvfs7zAy44D/f5aJrkQweGmgLoEtZxioEs9sL5+4CODLQY0DfcyECzUdovjGagCfzGMaYz0DB+4j/mMlAPPsc/PclAnXgX0MuKLME2LldkaRdXM9BCQN8xmIHuRpYOMZaBxiNLfzFTkSV4WJWlZ9ksvQ3oVTZLawG9wZUM9jygT7iegYYCOsVIxQy/6LvXFbO8F3sBLlWAN7Ef4HwFOIkjnOBOBXgP/6Inb1eAj6LcH1ULdjnAj7hWEZmNkgkbYBfep2d/C+zDlwCfVoC3cBD78kEFOIU/6U3eAu9HBnM3Rgt8XHL9tMCV1l3WXZHBzQC3UodegN3YCXC1otx+fA2wpIeHsdA0TXMGpWMqV6FcS+MAAAAASUVORK5CYII=", fe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAnCAYAAAACeRhJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCCwH0RU0lQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAFISURBVEjHrdaxS9VhFAZgja43JUy4uETocBsjwSXvLLnYEjQn4pKb4B6I08XJ1SXK6bo4Oogt3T0QHXTLJMGWFDFI83HwDM7f+Z0/4OF7h++8pwfD6O/JDn5gD0NZaM3dfEVfBqphJ7D17KueRDxYzmIj+BXYXBYbxwWuMJXFpnGNc4xlsQ8R8RjPslg7sF0MZqBedALbRi2D1fEtsE/ZiA0cBPYxizVxGtj7LPYKl/iHySz2Fv/xBy+y2EJEPMLTLLYa2Hc8zkAPsBnYFh5msIF72+JNBloM5CeGS5F3uMEZXpYiLfyNnfW6FHmO3xFpNvPnDgNZKkUeoRvIl8xe2rjXfbVSaCWQ/eI2xnwgJxjNtskFxrP9do3pKhp3vooboF3FVdJBbyn0OZAu6qXIUiAHaJQiM4GcoplZUCdRMxNVVEwre9TeAsA6JS24jJJMAAAAAElFTkSuQmCC", xe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAdCAYAAACqhkzFAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCDYA/1xb7QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADlSURBVEjH7dW/CsIwEAbw7ySDjyFOujgJ4jMU3AWp7eJLCE7+2ZzENxB8GmdHV0FBN5f6uVQMIW0aCk45KLSX3I9LCI3AEiRHAGYoj4WInMykKpjcBhA5wJ0t2XAULQF0jedQVqAc4FVEzsZ2PMoKXB16RwADGMAA/gdUJFsAJkZ+WKF2TLKvfWcA9kpELiSbAOaezcTa+xtAKiJP/U+84i+2JBOSHcsFNsjHjvncjGSMgtvui95I9opaIxmRfOXYtHQdLtQL04rWNtTAEq8dN9FamIZucvSuYWmtg6qh9TFj+ZWwD7+x6apgNh+aAAAAAElFTkSuQmCC";
+const he = ({ initialImageNumber: t, items: s, onDownload: l, onClose: n }) => {
+  const [u, i] = B(t), [m, A] = B(), [g, f] = B(!1), h = S(() => i((b) => Math.min(s.length - 1, b + 1)), [s]), d = S(() => i((b) => Math.max(0, b - 1)), []), x = ie({});
+  U(() => (D.addListener("right", h), D.addListener("left", d), D.addListener("esc", n), () => {
+    D.removeListener("right", h), D.removeListener("left", d), D.removeListener("esc", n);
+  }), [h, d, n]);
+  const o = s[u];
+  U(() => {
+    const b = x.current[o.key];
+    b ? A(R(o.contentType, b)) : (f(!0), l(o).then((w) => {
+      f(!1), x.current[o.key] = w, A(R(o.contentType, w));
+    }));
+  }, [o, l]);
+  const F = () => {
+    G.saveAs(new Blob([x.current[o.key]]), o.filename);
+  }, I = s.length > 0 && u > 0, v = s.length > 0 && u < s.length - 1, { body: y } = document;
+  return y ? de(
+    /* @__PURE__ */ e.jsxs("div", { className: "di file-previewer", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "background" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "header", children: [
+        /* @__PURE__ */ e.jsx("h1", { className: "filename", children: o.filename }),
+        /* @__PURE__ */ e.jsx("button", { className: "btn close", onClick: n, children: /* @__PURE__ */ e.jsx("span", { role: "img", "aria-label": "close", children: /* @__PURE__ */ e.jsx("img", { src: me, alt: "close" }) }) })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "content", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "left", children: I && /* @__PURE__ */ e.jsx("button", { className: "btn previous", onClick: d, children: /* @__PURE__ */ e.jsx("span", { role: "img", "aria-label": "previous", children: /* @__PURE__ */ e.jsx("img", { src: ge, alt: "previous" }) }) }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "center", children: /* @__PURE__ */ e.jsx(ue, { loading: g, content: m, contentType: o.contentType }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "right", children: v && /* @__PURE__ */ e.jsx("button", { className: "btn next", onClick: h, children: /* @__PURE__ */ e.jsx("span", { role: "img", "aria-label": "next", children: /* @__PURE__ */ e.jsx("img", { src: fe, alt: "next" }) }) }) })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "footer", children: /* @__PURE__ */ e.jsx("button", { className: "btn download", onClick: F, disabled: g, children: /* @__PURE__ */ e.jsx("span", { role: "img", "aria-label": "close", children: /* @__PURE__ */ e.jsx("img", { src: xe, alt: "download" }) }) }) })
+    ] }),
+    y
+  ) : null;
+};
+var Q = { exports: {} };
+(function(t, s) {
+  (function(l) {
+    var n = /^(b|B)$/, u = { iec: { bits: ["b", "Kib", "Mib", "Gib", "Tib", "Pib", "Eib", "Zib", "Yib"], bytes: ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"] }, jedec: { bits: ["b", "Kb", "Mb", "Gb", "Tb", "Pb", "Eb", "Zb", "Yb"], bytes: ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] } }, i = { iec: ["", "kibi", "mebi", "gibi", "tebi", "pebi", "exbi", "zebi", "yobi"], jedec: ["", "kilo", "mega", "giga", "tera", "peta", "exa", "zetta", "yotta"] };
+    function m(A) {
+      var g, f, h, d, x, o, F, I, v, y, b, w, j, C, L, c = 1 < arguments.length && arguments[1] !== void 0 ? arguments[1] : {}, a = [], N = 0, r = void 0, T = void 0;
+      if (isNaN(A))
+        throw new TypeError("Invalid number");
+      return f = c.bits === !0, b = c.unix === !0, g = c.base || 2, y = c.round !== void 0 ? c.round : b ? 1 : 2, o = c.locale !== void 0 ? c.locale : "", F = c.localeOptions || {}, w = c.separator !== void 0 ? c.separator : "", j = c.spacer !== void 0 ? c.spacer : b ? "" : " ", L = c.symbols || {}, C = g === 2 && c.standard || "jedec", v = c.output || "string", d = c.fullform === !0, x = c.fullforms instanceof Array ? c.fullforms : [], r = c.exponent !== void 0 ? c.exponent : -1, h = 2 < g ? 1e3 : 1024, (I = (T = Number(A)) < 0) && (T = -T), (r === -1 || isNaN(r)) && (r = Math.floor(Math.log(T) / Math.log(h))) < 0 && (r = 0), 8 < r && (r = 8), v === "exponent" ? r : (T === 0 ? (a[0] = 0, a[1] = b ? "" : u[C][f ? "bits" : "bytes"][r]) : (N = T / (g === 2 ? Math.pow(2, 10 * r) : Math.pow(1e3, r)), f && h <= (N *= 8) && r < 8 && (N /= h, r++), a[0] = Number(N.toFixed(0 < r ? y : 0)), a[0] === h && r < 8 && c.exponent === void 0 && (a[0] = 1, r++), a[1] = g === 10 && r === 1 ? f ? "kb" : "kB" : u[C][f ? "bits" : "bytes"][r], b && (a[1] = C === "jedec" ? a[1].charAt(0) : 0 < r ? a[1].replace(/B$/, "") : a[1], n.test(a[1]) && (a[0] = Math.floor(a[0]), a[1] = ""))), I && (a[0] = -a[0]), a[1] = L[a[1]] || a[1], o === !0 ? a[0] = a[0].toLocaleString() : 0 < o.length ? a[0] = a[0].toLocaleString(o, F) : 0 < w.length && (a[0] = a[0].toString().replace(".", w)), v === "array" ? a : (d && (a[1] = x[r] ? x[r] : i[C][r] + (f ? "bit" : "byte") + (a[0] === 1 ? "" : "s")), v === "object" ? { value: a[0], symbol: a[1], exponent: r } : a.join(j)));
+    }
+    m.partial = function(A) {
+      return function(g) {
+        return m(g, A);
+      };
+    }, t.exports = m;
+  })();
+})(Q);
+var pe = Q.exports;
+const be = /* @__PURE__ */ Y(pe), je = {
+  page: 0,
+  size: 10,
+  sort: {
+    property: "creationDate",
+    direction: "DESC"
+  }
+};
+function Be(t, s, l, n, u) {
+  return [
+    {
+      name: "filename",
+      label: /* @__PURE__ */ e.jsx(p, { i18nKey: "assets.detail.files.columns.filename", children: "Filename" }),
+      width: "50%",
+      sortable: !0,
+      filterable: {
+        filterType: "text",
+        filterFn(i, m) {
+          return i.filename.toLowerCase().indexOf(m.toLowerCase()) !== -1;
+        }
+      },
+      render: (i) => /* @__PURE__ */ e.jsxs(ce, { to: "#", onClick: () => s(i), children: [
+        i.filename,
+        i.context && /* @__PURE__ */ e.jsxs("span", { children: [
+          " [",
+          i.context === "svgWidget" ? "Svg Widget" : "Asset Image Widget",
+          "]"
+        ] })
+      ] })
+    },
+    {
+      name: "size",
+      sortable: !0,
+      label: /* @__PURE__ */ e.jsx(p, { i18nKey: "assets.detail.files.columns.size", children: "Size" }),
+      width: "20%",
+      render: (i) => be(i.size)
+    },
+    {
+      name: "creationDate",
+      sortable: !0,
+      label: /* @__PURE__ */ e.jsx(p, { i18nKey: "assets.detail.files.columns.lastModificationDate", children: "Last modification date" }),
+      width: "20%",
+      render: (i) => z(new Date(i.creationDate).getTime())
+    },
+    {
+      name: "deleteAndDownload",
+      label: "",
+      align: "right",
+      render: (i) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(k, { onClick: () => l(i), naked: !0, children: /* @__PURE__ */ e.jsx("img", { src: Z, alt: "Download" }) }),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            title: i.context ? u("assets.detail.files.deleteDisabledTooltip", {
+              defaultValue: "Cannot be removed because is used by some {{widget}}",
+              widget: i.context === "svgWidget" ? "Svg Widget" : "Asset Image Widget"
+            }) : void 0,
+            children: /* @__PURE__ */ e.jsx(
+              k,
+              {
+                naked: !0,
+                disabled: !!i.context,
+                onClick: () => n(i),
+                "data-testid": "delete-file-button",
+                children: /* @__PURE__ */ e.jsx(W, { del: !0 })
+              }
+            )
+          }
+        )
+      ] })
+    }
+  ];
+}
+function Fe({ files: t, loading: s, type: l, onFilenameClick: n, onDownload: u, onDelete: i }) {
+  const { t: m } = M();
+  return /* @__PURE__ */ e.jsx(
+    ee,
+    {
+      columnDefs: Be(l, n, u, i, m),
+      uniqueItemKey: (A) => A.key,
+      paginationSettings: je,
+      items: t,
+      isLoading: s
+    }
+  );
+}
+function K(t, s, l) {
+  const n = X(() => q(s, l, t), [s, l, t]), [u, i] = B(!1), [m, A] = B([]);
+  U(() => {
+    const { promise: d, cancel: x } = _(n.fetchFiles());
+    return d.then((o) => {
+      A(o), i(!1);
+    }).catch((o) => {
+      o.isCanceled || i(!1);
+    }), x;
+  }, [n]);
+  async function g(d, x) {
+    i(!0);
+    try {
+      const o = await n.uploadFile(d, x);
+      A([...m, o]);
+    } finally {
+      i(!1);
+    }
+  }
+  async function f(d) {
+    i(!0);
+    try {
+      await n.deleteFile(d.key), A(m.filter((x) => x.key !== d.key));
+    } finally {
+      i(!1);
+    }
+  }
+  function h(d) {
+    return n.fetchFile(d.key);
+  }
+  return {
+    loading: u,
+    files: m,
+    uploadFile: g,
+    deleteFile: f,
+    fetchFile: h
+  };
+}
+const H = {
+  deleteFile: () => {
+  },
+  files: [],
+  uploadFile: () => {
+  },
+  fetchFile: () => Promise.resolve(new ArrayBuffer(0)),
+  loading: !1
+}, O = ae({
+  documents: H,
+  images: H
+});
+function Ce({ asset: t, assetGroup: s, children: l }) {
+  const n = K("documents", t, s), u = K("images", t, s);
+  return /* @__PURE__ */ e.jsx(O.Provider, { value: { documents: n, images: u }, children: l });
+}
+function ve(t) {
+  const { documents: s, images: l } = ne(O);
+  return t === "documents" ? s : l;
+}
+function we(t, s) {
+  const l = V().map(({ categoryName: n }) => n);
+  return s && l.includes(s) ? t.filter((n) => n.category === s) : t.filter(
+    (n) => !n.category || !l.includes(n.category)
+  );
+}
+function E({ type: t, category: s }) {
+  const { loading: l, files: n, uploadFile: u, deleteFile: i, fetchFile: m } = ve(t), A = X(() => we(n, s), [n, s]), [g, f] = B(!1), [h, d] = B(!1), [x, o] = B(0), { t: F } = M(), I = oe();
+  async function v(j) {
+    const C = await m(j);
+    G.saveAs(new Blob([C]), j.filename);
+  }
+  function y(j) {
+    t === "images" ? (o(A.indexOf(j)), d(!0)) : v(j);
+  }
+  async function b(j) {
+    try {
+      await u(j, s);
+    } catch (C) {
+      console.error(C), J(/* @__PURE__ */ e.jsx(p, { i18nKey: "files.error.unknown", children: "Operation failed" }));
+    }
+  }
+  async function w(j) {
+    await I({
+      title: F("assets.detail.files.deleteConfirmTitle", { defaultValue: "Delete File" }),
+      message: F("assets.detail.files.deleteConfirmMessage", {
+        defaultValue: "Do you really want to delete this file?"
+      })
+    }) && await i(j);
+  }
+  return /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx(
+      Fe,
+      {
+        files: A,
+        loading: l,
+        type: t,
+        onDownload: v,
+        onFilenameClick: y,
+        onDelete: w
+      }
+    ),
+    /* @__PURE__ */ e.jsx($, { authorities: ["WRITE_ASSET_OR_ASSET_GROUP_FILE"], children: /* @__PURE__ */ e.jsxs(k, { onClick: () => f(!0), "data-testid": "add-file-button", children: [
+      /* @__PURE__ */ e.jsx(W, { add: !0 }),
+      t === "images" && /* @__PURE__ */ e.jsx(p, { i18nKey: "assets.detail.files.addImage", children: "Add image" }),
+      t === "documents" && /* @__PURE__ */ e.jsx(p, { i18nKey: "assets.detail.files.addFile", children: "Add file" })
+    ] }) }),
+    g && /* @__PURE__ */ e.jsx(Ae, { fileType: t, onClose: () => f(!1), onUpload: b }),
+    h && /* @__PURE__ */ e.jsx(
+      he,
+      {
+        initialImageNumber: x,
+        items: A,
+        onDownload: m,
+        onClose: () => d(!1)
+      }
+    )
+  ] });
+}
+function ye() {
+  return [
+    {
+      path: "documents",
+      renderHeading: () => /* @__PURE__ */ e.jsx(p, { i18nKey: "assets.detail.files.tabs.documents", children: "Documents" }),
+      renderBody: () => /* @__PURE__ */ e.jsx(E, { type: "documents" })
+    },
+    ...V().filter(({ type: t }) => t === "documents").map(({ categoryName: t, locizeKey: s, locizeDefaultValue: l }) => ({
+      path: t,
+      renderHeading: () => /* @__PURE__ */ e.jsx(p, { i18nKey: s, children: l }),
+      renderBody: () => /* @__PURE__ */ e.jsx(E, { type: "documents", category: t })
+    })),
+    {
+      path: "images",
+      renderHeading: () => /* @__PURE__ */ e.jsx(p, { i18nKey: "assets.detail.files.tabs.images", children: "Images" }),
+      renderBody: () => /* @__PURE__ */ e.jsx(E, { type: "images" })
+    },
+    ...V().filter(({ type: t }) => t === "images").map(({ categoryName: t, locizeKey: s, locizeDefaultValue: l }) => ({
+      path: t,
+      renderHeading: () => /* @__PURE__ */ e.jsx(p, { i18nKey: s, children: l }),
+      renderBody: () => /* @__PURE__ */ e.jsx(E, { type: "images", category: t })
+    }))
+  ];
+}
+function Le({ asset: t, assetGroup: s }) {
+  return /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx(
+      te,
+      {
+        title: {
+          id: "assets.detail.files.name",
+          defaultValue: "Files"
+        }
+      }
+    ),
+    /* @__PURE__ */ e.jsx(Ce, { asset: t, assetGroup: s, children: /* @__PURE__ */ e.jsx(se, { pages: ye() }) })
+  ] });
+}
+export {
+  Le as default
+};