@layers-app/shared 0.3.0 → 0.3.1

package/dist/components/FilePicker/FilePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/FilePicker/FilePicker.js

@@ -1,22 +1,23 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useState as x, useMemo as y } from "react";
-import { useTranslation as Q } from "react-i18next";
-import { ImageAdd02Icon as F } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as M } from "@hugeicons/react";
-import { Flex as a, ActionIcon as W, Button as P, Text as X, Popover as m, Tabs as g, Stack as Y } from "@mantine/core";
-import { getEnvConfig as S } from "../../config/envConfig.js";
-import { isFeature as I } from "../../helpers/feature.js";
-import { useMenu as Z } from "../../hooks/useMenu.js";
-import { usePlatform as $ } from "../../hooks/usePlatform.js";
-import { MediaLibraryBrowser as D } from "../MediaLibrary/MediaLibraryBrowser.js";
-import { FilePickerGallery as w } from "./FilePickerGallery.js";
-import { FilePickerGiphy as ee } from "./FilePickerGiphy.js";
-import { FilePickerGoogleDrive as le } from "./FilePickerGoogleDrive.js";
-import { FilePickerLink as ie } from "./FilePickerLink.js";
-import { FilePickerUnsplash as ne } from "./FilePickerUnsplash.js";
-import { FilePickerUpload as ae } from "./FilePickerUpload.js";
-import z from "./FilePicker.module.css.js";
-const re = [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useState as E, useMemo as u, useEffect as ne } from "react";
+import { useTranslation as le } from "react-i18next";
+import { ImageAdd02Icon as V } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as j } from "@hugeicons/react";
+import { Flex as r, ActionIcon as ie, Button as A, Text as re, Tabs as x, Box as ae, Popover as F, Stack as oe } from "@mantine/core";
+import { getEnvConfig as L } from "../../config/envConfig.js";
+import { isFeature as se } from "../../helpers/feature.js";
+import { useMenu as te } from "../../hooks/useMenu.js";
+import { usePlatform as ce } from "../../hooks/usePlatform.js";
+import { MediaLibraryBrowser as de } from "../MediaLibrary/MediaLibraryBrowser.js";
+import { FilePickerGallery as ue } from "./FilePickerGallery.js";
+import { FilePickerGiphy as he } from "./FilePickerGiphy.js";
+import { FilePickerLink as pe } from "./FilePickerLink.js";
+import { FilePickerUnsplash as me } from "./FilePickerUnsplash.js";
+import { FilePickerGoogleDrive as fe } from "./FilePickerGoogleDrive.js";
+import { FilePickerUpload as ge } from "./FilePickerUpload.js";
+import { coverCollections as ve } from "./coverCollections.js";
+import w from "./FilePicker.module.css.js";
+const be = [
   "gallery",
   "upload",
   "link",
@@ -24,243 +25,245 @@ const re = [
   "giphy",
   "googleDrive",
   "media"
-], Se = ({
-  onChange: G,
-  onRemove: V,
-  onUpload: u,
-  uploading: B = !1,
-  showTabs: r = re,
-  children: E,
-  width: j = 610,
-  position: A = "bottom-end",
-  readOnly: L = !1,
-  hasImage: N,
-  giphyToken: se,
-  unsplashClientId: oe,
-  type: f = "image",
-  galleryCollection: d = [],
-  isValidMediaUrl: T,
-  popoverProps: U,
-  dropZoneProps: _,
-  targetProps: H,
-  onOpenedChange: O,
-  googleDrive: i,
-  mediaLibrary: s
+], _e = ({
+  onChange: N,
+  onRemove: U,
+  onUpload: b,
+  uploading: _ = !1,
+  showTabs: o = be,
+  children: H,
+  width: O = 610,
+  position: R = "bottom-end",
+  readOnly: $ = !1,
+  hasImage: q,
+  giphyToken: Ce,
+  unsplashClientId: ke,
+  type: S = "image",
+  galleryCollection: h = [],
+  isValidMediaUrl: J,
+  popoverProps: K,
+  dropZoneProps: Q,
+  targetProps: W,
+  onOpenedChange: X,
+  googleDrive: l,
+  mediaLibrary: a,
+  inline: p = !1,
+  tab: C
 }) => {
-  const { t: n } = Q("ui"), [v, h] = x(!1), { isMobile: b } = Z(), C = $(), p = y(
-    () => [
-      {
-        value: "gallery",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.gallery") }) }),
-        visible: r.includes("gallery") && !!d.length
-      },
-      {
-        value: "upload",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.upload") }) }),
-        visible: r.includes("upload") && !!u
-      },
-      {
-        value: "link",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.link") }) }),
-        visible: r.includes("link")
-      },
-      {
-        value: "unsplash",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.searchImages") }) }),
-        visible: r.includes("unsplash") && S().media?.unsplashEnabled !== !1
-      },
+  const { t: i } = le("ui"), [T, m] = E(!1), { isMobile: I } = te(), M = ce(), f = u(() => h.length > 0 ? h : p ? ve.map((n) => ({
+    ...n,
+    title: i(`coverGroups.${n.id}`, { defaultValue: n.id })
+  })) : h, [h, p, i]), s = u(() => [
+    {
+      value: "gallery",
+      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.gallery") }) }),
+      visible: o.includes("gallery") && !!f.length
+    },
+    {
+      value: "upload",
+      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.upload") }) }),
+      visible: o.includes("upload") && !!b
+    },
+    {
+      value: "link",
+      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.link") }) }),
+      visible: o.includes("link")
+    },
+    {
+      value: "unsplash",
+      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.searchImages") }) }),
+      visible: o.includes("unsplash") && L().media?.unsplashEnabled !== !1
+    },
+    {
+      value: "giphy",
+      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: "GIFs" }) }),
+      visible: o.includes("giphy") && M.has("giphy") && L().media?.giphyEnabled !== !1
+    },
+    {
+      value: "googleDrive",
+      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.googleDrive", {
+        defaultValue: "Google Drive"
+      }) }) }),
+      visible: o.includes("googleDrive") && !!l
+    },
+    {
+      value: "media",
+      label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: i("changeCover.media", { defaultValue: "Media" }) }) }),
+      visible: o.includes("media") && !!a && se()
+    }
+  ].filter((y) => y.visible), [
+    o,
+    M,
+    i,
+    f.length,
+    b,
+    l,
+    a
+  ]), g = C !== void 0, [Y, P] = E(() => C !== void 0 ? "" : s[0]?.value ?? "");
+  ne(() => {
+    g || s.length && P((n) => n && s.some((y) => y.value === n) ? n : s[0].value);
+  }, [s, g]);
+  const k = u(() => s.map((n) => n.value), [s]), v = g ? C : Y, t = u(() => v && k.includes(v) ? v : k[0] ?? "", [v, k]), z = (n) => {
+    g || P(n);
+  }, Z = (n) => {
+    b?.(n, m);
+  }, c = (n) => {
+    N?.(n), p || m(!1);
+  }, D = u(() => I ? /* @__PURE__ */ d(ie, { size: "lg", children: [
+    /* @__PURE__ */ e(j, { icon: V, size: 22 }),
+    " "
+  ] }) : /* @__PURE__ */ e(
+    A,
+    {
+      variant: "default",
+      size: "xs",
+      leftSection: /* @__PURE__ */ e(j, { icon: V, size: 16 }),
+      children: /* @__PURE__ */ e(re, { fw: 600, size: "sm", children: i("changeCover.change") })
+    }
+  ), [i, I]), G = (n) => {
+    m(n), X?.(n);
+  }, B = /* @__PURE__ */ d(oe, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
+    t === "gallery" && !!f.length && /* @__PURE__ */ e(
+      ue,
       {
-        value: "giphy",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: "GIFs" }) }),
-        visible: r.includes("giphy") && C.has("giphy") && S().media?.giphyEnabled !== !1
-      },
+        galleryCollection: f,
+        onChange: c
+      }
+    ),
+    t === "upload" && /* @__PURE__ */ e(
+      ge,
       {
-        value: "googleDrive",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.googleDrive", {
-          defaultValue: "Google Drive"
-        }) }) }),
-        visible: r.includes("googleDrive") && !!i
-      },
+        type: S || "image",
+        uploading: _,
+        dropZoneProps: Q,
+        onUpload: Z
+      }
+    ),
+    t === "link" && /* @__PURE__ */ e(
+      pe,
       {
-        value: "media",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.media", { defaultValue: "Media" }) }) }),
-        visible: r.includes("media") && !!s && I()
-      },
+        type: S || "image",
+        onChange: c,
+        isValidMediaUrl: J
+      }
+    ),
+    t === "unsplash" && /* @__PURE__ */ e(me, { onChange: c }),
+    t === "giphy" && /* @__PURE__ */ e(he, { onChange: c }),
+    t === "googleDrive" && l && /* @__PURE__ */ e(
+      fe,
       {
-        value: "googleDrive",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.googleDrive", {
-          defaultValue: "Google Drive"
-        }) }) }),
-        visible: r.includes("googleDrive") && !!i
-      },
+        isConnected: l.isConnected,
+        connectedEmail: l.connectedEmail,
+        files: l.files,
+        isLoading: l.isLoading,
+        hasMore: l.hasMore,
+        isImporting: l.isImporting,
+        onSearch: l.onSearch,
+        onLoadMore: l.onLoadMore,
+        onSelect: (n) => {
+          l.onSelect(n, c);
+        },
+        error: l.error
+      }
+    ),
+    t === "media" && a && /* @__PURE__ */ e(
+      de,
       {
-        value: "media",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.media", { defaultValue: "Media" }) }) }),
-        visible: r.includes("media") && !!s && I()
+        items: a.items,
+        isLoading: a.isLoading,
+        breadcrumbs: a.breadcrumbs,
+        onFolderClick: a.onFolderClick,
+        onBreadcrumbClick: a.onBreadcrumbClick,
+        onSelect: (n) => {
+          a.onSelect?.(n), m(!1);
+        }
       }
-    ].filter((l) => l.visible),
-    [
-      r,
-      C,
-      n,
-      d.length,
-      u,
-      i,
-      s
-    ]
-  ), [o, R] = x(() => {
-    if (p[0]) return p[0].value;
-    const l = p.find((K) => K.visible);
-    return l ? l.value : "";
-  }), q = (l) => {
-    u?.(l, h);
-  }, c = (l) => {
-    G?.(l), h(!1);
-  }, J = y(() => b ? /* @__PURE__ */ t(W, { size: "lg", children: [
-    /* @__PURE__ */ e(M, { icon: F, size: 22 }),
-    " "
-  ] }) : /* @__PURE__ */ e(
-    P,
+    )
+  ] }), ee = /* @__PURE__ */ e(r, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
+    x,
     {
-      variant: "default",
-      size: "xs",
-      leftSection: /* @__PURE__ */ e(M, { icon: F, size: 16 }),
-      children: /* @__PURE__ */ e(X, { fw: 600, size: "sm", children: n("changeCover.change") })
+      defaultValue: "gallery",
+      value: t,
+      onChange: (n) => n && z(n),
+      styles: {
+        list: {
+          alignItems: "center",
+          paddingRight: "var(--mantine-spacing-xs)"
+        }
+      },
+      w: "100%",
+      children: /* @__PURE__ */ d(
+        x.List,
+        {
+          style: {
+            gap: "4px"
+          },
+          px: 8,
+          h: 54,
+          children: [
+            s.map((n) => /* @__PURE__ */ e(
+              x.Tab,
+              {
+                className: w.originalTab,
+                disabled: $,
+                h: "100%",
+                p: 0,
+                value: n.value,
+                onClick: () => z(n.value),
+                children: /* @__PURE__ */ e(r, { className: w.customTab, px: "sm", h: 36, children: n.label })
+              },
+              n.value
+            )),
+            q && /* @__PURE__ */ e(
+              A,
+              {
+                variant: "subtle",
+                fz: "sm",
+                lh: "sm",
+                fw: 500,
+                px: "sm",
+                size: "30px",
+                onClick: U,
+                color: "var(--mantine-color-gray-light-color)",
+                style: { marginLeft: "auto" },
+                children: i("remove")
+              }
+            )
+          ]
+        }
+      )
     }
-  ), [n, b]), k = (l) => {
-    h(l), O?.(l);
-  };
-  return /* @__PURE__ */ t(
-    m,
+  ) });
+  return p ? /* @__PURE__ */ e(
+    ae,
     {
-      width: j,
+      "data-file-picker-inline": !0,
+      bdrs: 8,
+      p: 12,
+      bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-7))",
+      children: B
+    }
+  ) : /* @__PURE__ */ d(
+    F,
+    {
+      width: O,
       radius: "var(--mantine-spacing-sm)",
-      position: A,
+      position: R,
       shadow: "md",
-      opened: v,
-      onChange: k,
+      opened: T,
+      onChange: G,
       withinPortal: !0,
-      ...U || {},
+      ...K || {},
       children: [
-        /* @__PURE__ */ e(m.Target, { children: /* @__PURE__ */ e(a, { onClick: () => k(!v), ...H, children: E ?? J }) }),
-        /* @__PURE__ */ t(m.Dropdown, { p: 0, children: [
-          /* @__PURE__ */ e(a, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
-            g,
-            {
-              defaultValue: "gallery",
-              value: o,
-              styles: {
-                list: {
-                  alignItems: "center",
-                  paddingRight: "var(--mantine-spacing-xs)"
-                }
-              },
-              w: "100%",
-              children: /* @__PURE__ */ t(
-                g.List,
-                {
-                  style: {
-                    gap: "4px"
-                  },
-                  px: 8,
-                  h: 54,
-                  children: [
-                    p.map((l) => /* @__PURE__ */ e(
-                      g.Tab,
-                      {
-                        className: z.originalTab,
-                        disabled: L,
-                        h: "100%",
-                        p: 0,
-                        value: l.value,
-                        onClick: () => R(l.value),
-                        children: /* @__PURE__ */ e(a, { className: z.customTab, px: "sm", h: 36, children: l.label })
-                      },
-                      l.value
-                    )),
-                    N && /* @__PURE__ */ e(
-                      P,
-                      {
-                        variant: "subtle",
-                        fz: "sm",
-                        lh: "sm",
-                        fw: 500,
-                        px: "sm",
-                        size: "30px",
-                        onClick: V,
-                        color: "var(--mantine-color-gray-light-color)",
-                        style: { marginLeft: "auto" },
-                        children: n("remove")
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ t(Y, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
-            o === "gallery" && !!d.length && /* @__PURE__ */ e(
-              w,
-              {
-                galleryCollection: d,
-                onChange: c
-              }
-            ),
-            o === "upload" && /* @__PURE__ */ e(
-              ae,
-              {
-                type: f || "image",
-                uploading: B,
-                dropZoneProps: _,
-                onUpload: q
-              }
-            ),
-            o === "link" && /* @__PURE__ */ e(
-              ie,
-              {
-                type: f || "image",
-                onChange: c,
-                isValidMediaUrl: T
-              }
-            ),
-            o === "unsplash" && /* @__PURE__ */ e(ne, { onChange: c }),
-            o === "giphy" && /* @__PURE__ */ e(ee, { onChange: c }),
-            o === "googleDrive" && i && /* @__PURE__ */ e(
-              le,
-              {
-                isConnected: i.isConnected,
-                connectedEmail: i.connectedEmail,
-                files: i.files,
-                isLoading: i.isLoading,
-                hasMore: i.hasMore,
-                isImporting: i.isImporting,
-                onSearch: i.onSearch,
-                onLoadMore: i.onLoadMore,
-                onSelect: (l) => {
-                  i.onSelect(l, c);
-                },
-                error: i.error
-              }
-            ),
-            o === "media" && s && /* @__PURE__ */ e(
-              D,
-              {
-                items: s.items,
-                isLoading: s.isLoading,
-                breadcrumbs: s.breadcrumbs,
-                onFolderClick: s.onFolderClick,
-                onBreadcrumbClick: s.onBreadcrumbClick,
-                onSelect: (l) => {
-                  s.onSelect?.(l), h(!1);
-                }
-              }
-            )
-          ] })
+        /* @__PURE__ */ e(F.Target, { children: /* @__PURE__ */ e(r, { onClick: () => G(!T), ...W, children: H ?? D }) }),
+        /* @__PURE__ */ d(F.Dropdown, { p: 0, children: [
+          ee,
+          B
         ] })
       ]
     }
   );
 };
 export {
-  Se as FilePicker
+  _e as FilePicker
 };

package/dist/components/FilePicker/FilePicker.module.css.js

@@ -1,15 +1,17 @@
-const t = "_itemImage_1me1c_1", o = "_imageAuthor_1me1c_14", a = "_originalTab_1me1c_22", e = "_customTab_1me1c_28", m = "_button_1me1c_36", _ = {
-  itemImage: t,
-  imageAuthor: o,
-  originalTab: a,
-  customTab: e,
-  button: m
+const o = "_itemImage_7zb8o_1", t = "_imageAuthor_7zb8o_27", e = "_originalTab_7zb8o_43", _ = "_customTab_7zb8o_55", a = "_button_7zb8o_71", n = "_pickerDropZone_7zb8o_91", b = {
+  itemImage: o,
+  imageAuthor: t,
+  originalTab: e,
+  customTab: _,
+  button: a,
+  pickerDropZone: n
 };
 export {
-  m as button,
-  e as customTab,
-  _ as default,
-  o as imageAuthor,
-  t as itemImage,
-  a as originalTab
+  a as button,
+  _ as customTab,
+  b as default,
+  t as imageAuthor,
+  o as itemImage,
+  e as originalTab,
+  n as pickerDropZone
 };

package/dist/components/FilePicker/FilePickerGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePickerGallery.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerGallery.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAIvD,eAAO,MAAM,iBAAiB,GAAI,kCAG/B;IACD,iBAAiB,EAAE,4BAA4B,EAAE,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAqCA,CAAC"}
+{"version":3,"file":"FilePickerGallery.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerGallery.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAIvD,eAAO,MAAM,iBAAiB,GAAI,kCAG/B;IACD,iBAAiB,EAAE,4BAA4B,EAAE,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAyEA,CAAC"}

package/dist/components/FilePicker/FilePickerGallery.js

@@ -1,38 +1,64 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { Stack as l, Text as o, SimpleGrid as p, AspectRatio as c } from "@mantine/core";
-import d from "./FilePicker.module.css.js";
-const x = ({
-  galleryCollection: s,
-  onChange: t
-}) => /* @__PURE__ */ r(l, { gap: "xs", mah: 400, w: "100%", style: { overflow: "auto" }, children: s.map((e) => /* @__PURE__ */ n(l, { gap: 4, pb: "sm", children: [
-  /* @__PURE__ */ r("a", { target: "_blank", href: e?.url || "#", children: /* @__PURE__ */ r(
-    o,
-    {
-      fz: "xs",
-      fw: 500,
-      lh: "xs",
-      c: "dimmed",
-      component: "span",
-      td: "none",
-      children: e.title
-    }
-  ) }),
-  /* @__PURE__ */ r(p, { spacing: 10, cols: 4, children: e.items.map((m, a) => {
-    const i = "/images/covers/" + e.path + m;
-    return /* @__PURE__ */ r(
-      c,
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useState as d, useMemo as f } from "react";
+import { useTranslation as x } from "react-i18next";
+import { Search01Icon as $ } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as v } from "@hugeicons/react";
+import { Stack as m, FocusTrap as g, TextInput as I, Text as u, SimpleGrid as w, AspectRatio as C } from "@mantine/core";
+import S from "./FilePicker.module.css.js";
+const G = ({
+  galleryCollection: n,
+  onChange: p
+}) => {
+  const { t: a } = x("ui"), [i, h] = d(""), l = f(() => {
+    const e = i.trim().toLowerCase();
+    return e ? n.map((t) => ({
+      ...t,
+      items: t.items.filter((s) => `${t.title} ${t.id} ${t.path} ${s}`.toLowerCase().includes(e))
+    })).filter((t) => t.items.length > 0) : n;
+  }, [n, i]);
+  return /* @__PURE__ */ c(m, { gap: "sm", children: [
+    /* @__PURE__ */ r(g, { active: !0, children: /* @__PURE__ */ r(
+      I,
       {
-        onClick: () => t?.(i),
-        ratio: 120 / 65,
-        className: d.itemImage,
-        style: {
-          backgroundImage: `url(${i})`
+        leftSection: /* @__PURE__ */ r(v, { size: 16, icon: $ }),
+        maxLength: 50,
+        placeholder: a("changeCover.searchImage"),
+        "data-autofocus": !0,
+        value: i,
+        onChange: (e) => h(e.currentTarget.value)
+      }
+    ) }),
+    /* @__PURE__ */ r(m, { gap: "xs", mah: 400, w: "100%", style: { overflow: "auto" }, children: l.length === 0 && i.trim() ? /* @__PURE__ */ r(u, { fz: "xs", c: "dimmed", ta: "center", py: "xs", children: a("changeCover.noResult") }) : l.map((e) => /* @__PURE__ */ c(m, { gap: 4, pb: "sm", children: [
+      /* @__PURE__ */ r("a", { target: "_blank", href: e?.url || "#", rel: "noreferrer", children: /* @__PURE__ */ r(
+        u,
+        {
+          fz: "xs",
+          fw: 500,
+          lh: "xs",
+          c: "dimmed",
+          component: "span",
+          td: "none",
+          children: e.title
         }
-      },
-      a
-    );
-  }) })
-] }, e.id)) });
+      ) }),
+      /* @__PURE__ */ r(w, { spacing: 10, cols: 4, children: e.items.map((t, s) => {
+        const o = "/images/covers/" + e.path + t;
+        return /* @__PURE__ */ r(
+          C,
+          {
+            onClick: () => p?.(o),
+            ratio: 120 / 65,
+            className: S.itemImage,
+            style: {
+              backgroundImage: `url(${o})`
+            }
+          },
+          `${e.id}-${t}-${s}`
+        );
+      }) })
+    ] }, e.id)) })
+  ] });
+};
 export {
-  x as FilePickerGallery
+  G as FilePickerGallery
 };

package/dist/components/FilePicker/FilePickerGiphy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePickerGiphy.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerGiphy.tsx"],"names":[],"mappings":"AAmCA,eAAO,MAAM,eAAe,GAAI,eAE7B;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAoGA,CAAC"}
+{"version":3,"file":"FilePickerGiphy.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerGiphy.tsx"],"names":[],"mappings":"AAoCA,eAAO,MAAM,eAAe,GAAI,eAE7B;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAqGA,CAAC"}