@layers-app/shared 0.2.6 → 0.2.8-test

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,20 +1,21 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useState as F, useMemo as M } from "react";
-import { useTranslation as Q } from "react-i18next";
-import { ImageAdd02Icon as P } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as S } from "@hugeicons/react";
-import { Flex as r, ActionIcon as W, Button as z, Text as X, Popover as g, Tabs as v, Stack as Y } from "@mantine/core";
-import { isFeature as Z } from "../../helpers/feature.js";
-import { useMenu as _ } from "../../hooks/useMenu.js";
-import { MediaLibraryBrowser as $ } from "../MediaLibrary/MediaLibraryBrowser.js";
-import { FilePickerGallery as T } from "./FilePickerGallery.js";
-import { FilePickerGiphy as D } from "./FilePickerGiphy.js";
-import { FilePickerLink as ee } from "./FilePickerLink.js";
-import { FilePickerUnsplash as ne } from "./FilePickerUnsplash.js";
-import { FilePickerGoogleDrive as ie } from "./FilePickerGoogleDrive.js";
-import { FilePickerUpload as le } from "./FilePickerUpload.js";
-import y from "./FilePicker.module.css.js";
-const re = [
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { useState as j, useMemo as h, useEffect as ne } from "react";
+import { useTranslation as ie } from "react-i18next";
+import { ImageAdd02Icon as A } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as E } from "@hugeicons/react";
+import { Flex as a, ActionIcon as le, Button as L, Text as re, Tabs as F, Box as ae, Popover as y, Stack as te } from "@mantine/core";
+import { isFeature as oe } from "../../helpers/feature.js";
+import { useMenu as se } from "../../hooks/useMenu.js";
+import { MediaLibraryBrowser as ce } from "../MediaLibrary/MediaLibraryBrowser.js";
+import { FilePickerGallery as de } from "./FilePickerGallery.js";
+import { FilePickerGiphy as ue } from "./FilePickerGiphy.js";
+import { FilePickerLink as he } from "./FilePickerLink.js";
+import { FilePickerUnsplash as me } from "./FilePickerUnsplash.js";
+import { FilePickerGoogleDrive as pe } from "./FilePickerGoogleDrive.js";
+import { FilePickerUpload as fe } from "./FilePickerUpload.js";
+import { coverCollections as ge } from "./coverCollections.js";
+import w from "./FilePicker.module.css.js";
+const ve = [
   "gallery",
   "upload",
   "link",
@@ -22,238 +23,255 @@ const re = [
   "giphy",
   "googleDrive",
   "media"
-], xe = ({
-  onChange: B,
-  onRemove: G,
-  onUpload: f,
-  uploading: I = !1,
-  showTabs: s = re,
-  children: V,
-  width: j = 610,
-  position: L = "bottom-end",
-  readOnly: A = !1,
-  hasImage: E,
-  giphyToken: d,
-  unsplashClientId: m,
-  type: b = "image",
-  galleryCollection: u = [],
-  isValidMediaUrl: N,
-  popoverProps: U,
-  dropZoneProps: H,
-  targetProps: O,
-  onOpenedChange: R,
+], Ee = ({
+  onChange: N,
+  onRemove: U,
+  onUpload: b,
+  uploading: H = !1,
+  showTabs: o = ve,
+  children: O,
+  width: R = 610,
+  position: $ = "bottom-end",
+  readOnly: q = !1,
+  hasImage: J,
+  giphyToken: S,
+  unsplashClientId: M,
+  type: P = "image",
+  galleryCollection: m = [],
+  isValidMediaUrl: K,
+  popoverProps: Q,
+  dropZoneProps: W,
+  targetProps: X,
+  onOpenedChange: Y,
   googleDrive: i,
-  mediaLibrary: a
+  mediaLibrary: t,
+  inline: c = !1,
+  tab: k
 }) => {
-  const { t: l } = Q("ui"), [k, h] = F(!1), { isMobile: C } = _(), p = M(
-    () => [
-      {
-        value: "gallery",
-        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.gallery") }) }),
-        visible: s.includes("gallery") && !!u.length
-      },
+  const { t: l } = ie("ui"), [z, p] = j(!1), { isMobile: G } = se(), f = h(() => m.length > 0 ? m : c ? ge.map((e) => ({
+    ...e,
+    title: l(`coverGroups.${e.id}`, { defaultValue: e.id })
+  })) : m, [m, c, l]), r = h(() => [
+    {
+      value: "gallery",
+      label: /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n("span", { children: l("changeCover.gallery") }) }),
+      visible: o.includes("gallery") && !!f.length
+    },
+    {
+      value: "upload",
+      label: /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n("span", { children: l("changeCover.upload") }) }),
+      visible: o.includes("upload") && !!b
+    },
+    {
+      value: "link",
+      label: /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n("span", { children: l("changeCover.link") }) }),
+      visible: o.includes("link")
+    },
+    {
+      value: "unsplash",
+      label: /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n("span", { children: l("changeCover.searchImages") }) }),
+      visible: o.includes("unsplash") && M
+    },
+    {
+      value: "giphy",
+      label: /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n("span", { children: "GIFs" }) }),
+      visible: o.includes("giphy") && S
+    },
+    {
+      value: "googleDrive",
+      label: /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n("span", { children: l("changeCover.googleDrive", {
+        defaultValue: "Google Drive"
+      }) }) }),
+      visible: o.includes("googleDrive") && !!i
+    },
+    {
+      value: "media",
+      label: /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n("span", { children: l("changeCover.media", { defaultValue: "Media" }) }) }),
+      visible: o.includes("media") && !!t && oe()
+    }
+  ].filter((e) => e.visible), [
+    o,
+    l,
+    f.length,
+    b,
+    i,
+    t
+  ]), g = k !== void 0, [Z, I] = j(() => {
+    if (k !== void 0) return "";
+    if (r[0]) return r[0].value;
+    const e = r.find((x) => x.visible);
+    return e ? e.value : "";
+  });
+  ne(() => {
+    g || r.length && I((e) => e && r.some((x) => x.value === e) ? e : r[0].value);
+  }, [r, g]);
+  const C = h(() => r.map((e) => e.value), [r]), v = g ? k : Z, s = h(() => v && C.includes(v) ? v : C[0] ?? "", [v, C]), B = (e) => {
+    g || I(e);
+  }, _ = (e) => {
+    b?.(e, p);
+  }, d = (e) => {
+    N?.(e), c || p(!1);
+  }, D = h(() => G ? /* @__PURE__ */ u(le, { size: "lg", children: [
+    /* @__PURE__ */ n(E, { icon: A, size: 22 }),
+    " "
+  ] }) : /* @__PURE__ */ n(
+    L,
+    {
+      variant: "default",
+      size: "xs",
+      leftSection: /* @__PURE__ */ n(E, { icon: A, size: 16 }),
+      children: /* @__PURE__ */ n(re, { fw: 600, size: "sm", children: l("changeCover.change") })
+    }
+  ), [l, G]), V = (e) => {
+    p(e), Y?.(e);
+  }, T = /* @__PURE__ */ u(te, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
+    s === "gallery" && !!f.length && /* @__PURE__ */ n(
+      de,
       {
-        value: "upload",
-        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.upload") }) }),
-        visible: s.includes("upload") && !!f
-      },
+        galleryCollection: f,
+        onChange: d
+      }
+    ),
+    s === "upload" && /* @__PURE__ */ n(
+      fe,
       {
-        value: "link",
-        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.link") }) }),
-        visible: s.includes("link")
-      },
+        type: P || "image",
+        uploading: H,
+        dropZoneProps: W,
+        onUpload: _
+      }
+    ),
+    s === "link" && /* @__PURE__ */ n(
+      he,
       {
-        value: "unsplash",
-        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.searchImages") }) }),
-        visible: s.includes("unsplash") && m
-      },
+        type: P || "image",
+        onChange: d,
+        isValidMediaUrl: K
+      }
+    ),
+    s === "unsplash" && /* @__PURE__ */ n(
+      me,
       {
-        value: "giphy",
-        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: "GIFs" }) }),
-        visible: s.includes("giphy") && d
-      },
+        clientId: M,
+        onChange: d
+      }
+    ),
+    s === "giphy" && /* @__PURE__ */ n(ue, { token: S, onChange: d }),
+    s === "googleDrive" && i && /* @__PURE__ */ n(
+      pe,
       {
-        value: "googleDrive",
-        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.googleDrive", {
-          defaultValue: "Google Drive"
-        }) }) }),
-        visible: s.includes("googleDrive") && !!i
-      },
+        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: (e) => {
+          i.onSelect(e, d);
+        },
+        error: i.error
+      }
+    ),
+    s === "media" && t && /* @__PURE__ */ n(
+      ce,
       {
-        value: "media",
-        label: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("span", { children: l("changeCover.media", { defaultValue: "Media" }) }) }),
-        visible: s.includes("media") && !!a && Z()
+        items: t.items,
+        isLoading: t.isLoading,
+        breadcrumbs: t.breadcrumbs,
+        onFolderClick: t.onFolderClick,
+        onBreadcrumbClick: t.onBreadcrumbClick,
+        onSelect: (e) => {
+          t.onSelect?.(e), c || p(!1);
+        }
       }
-    ].filter((n) => n.visible),
-    [
-      s,
-      m,
-      d,
-      l,
-      u.length,
-      f,
-      i,
-      a
-    ]
-  ), [o, q] = F(() => {
-    if (p[0]) return p[0].value;
-    const n = p.find((K) => K.visible);
-    return n ? n.value : "";
-  }), w = (n) => {
-    f?.(n, h);
-  }, c = (n) => {
-    B?.(n), h(!1);
-  }, J = M(() => C ? /* @__PURE__ */ t(W, { size: "lg", children: [
-    /* @__PURE__ */ e(S, { icon: P, size: 22 }),
-    " "
-  ] }) : /* @__PURE__ */ e(
-    z,
+    )
+  ] }), ee = /* @__PURE__ */ n(a, { justify: "space-between", align: "center", children: /* @__PURE__ */ n(
+    F,
     {
-      variant: "default",
-      size: "xs",
-      leftSection: /* @__PURE__ */ e(S, { icon: P, size: 16 }),
-      children: /* @__PURE__ */ e(X, { fw: 600, size: "sm", children: l("changeCover.change") })
+      defaultValue: "gallery",
+      value: s,
+      onChange: (e) => e && B(e),
+      styles: {
+        list: {
+          alignItems: "center",
+          paddingRight: "var(--mantine-spacing-xs)"
+        }
+      },
+      w: "100%",
+      children: /* @__PURE__ */ u(
+        F.List,
+        {
+          style: {
+            gap: "4px"
+          },
+          px: 8,
+          h: 54,
+          children: [
+            r.map((e) => /* @__PURE__ */ n(
+              F.Tab,
+              {
+                className: w.originalTab,
+                disabled: q,
+                h: "100%",
+                p: 0,
+                value: e.value,
+                onClick: () => B(e.value),
+                children: /* @__PURE__ */ n(a, { className: w.customTab, px: "sm", h: 36, children: e.label })
+              },
+              e.value
+            )),
+            J && /* @__PURE__ */ n(
+              L,
+              {
+                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: l("remove")
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+  return c ? /* @__PURE__ */ n(
+    ae,
+    {
+      "data-file-picker-inline": !0,
+      bdrs: 8,
+      p: 12,
+      bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-7))",
+      children: T
     }
-  ), [l, C]), x = (n) => {
-    h(n), R?.(n);
-  };
-  return /* @__PURE__ */ t(
-    g,
+  ) : /* @__PURE__ */ u(
+    y,
     {
-      width: j,
+      width: R,
       radius: "var(--mantine-spacing-sm)",
-      position: L,
+      position: $,
       shadow: "md",
-      opened: k,
-      onChange: x,
+      opened: z,
+      onChange: V,
       withinPortal: !0,
-      ...U || {},
+      ...Q || {},
       children: [
-        /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e(r, { onClick: () => x(!k), ...O, children: V ?? J }) }),
-        /* @__PURE__ */ t(g.Dropdown, { p: 0, children: [
-          /* @__PURE__ */ e(r, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
-            v,
-            {
-              defaultValue: "gallery",
-              value: o,
-              styles: {
-                list: {
-                  alignItems: "center",
-                  paddingRight: "var(--mantine-spacing-xs)"
-                }
-              },
-              w: "100%",
-              children: /* @__PURE__ */ t(
-                v.List,
-                {
-                  style: {
-                    gap: "4px"
-                  },
-                  px: 8,
-                  h: 54,
-                  children: [
-                    p.map((n) => /* @__PURE__ */ e(
-                      v.Tab,
-                      {
-                        className: y.originalTab,
-                        disabled: A,
-                        h: "100%",
-                        p: 0,
-                        value: n.value,
-                        onClick: () => q(n.value),
-                        children: /* @__PURE__ */ e(r, { className: y.customTab, px: "sm", h: 36, children: n.label })
-                      },
-                      n.value
-                    )),
-                    E && /* @__PURE__ */ e(
-                      z,
-                      {
-                        variant: "subtle",
-                        fz: "sm",
-                        lh: "sm",
-                        fw: 500,
-                        px: "sm",
-                        size: "30px",
-                        onClick: G,
-                        color: "var(--mantine-color-gray-light-color)",
-                        style: { marginLeft: "auto" },
-                        children: l("remove")
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ t(Y, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
-            o === "gallery" && !!u.length && /* @__PURE__ */ e(
-              T,
-              {
-                galleryCollection: u,
-                onChange: c
-              }
-            ),
-            o === "upload" && /* @__PURE__ */ e(
-              le,
-              {
-                type: b || "image",
-                uploading: I,
-                dropZoneProps: H,
-                onUpload: w
-              }
-            ),
-            o === "link" && /* @__PURE__ */ e(
-              ee,
-              {
-                type: b || "image",
-                onChange: c,
-                isValidMediaUrl: N
-              }
-            ),
-            o === "unsplash" && m && /* @__PURE__ */ e(
-              ne,
-              {
-                clientId: m,
-                onChange: c
-              }
-            ),
-            o === "giphy" && d && /* @__PURE__ */ e(D, { token: d, onChange: c }),
-            o === "googleDrive" && i && /* @__PURE__ */ e(
-              ie,
-              {
-                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: (n) => {
-                  i.onSelect(n, c);
-                },
-                error: i.error
-              }
-            ),
-            o === "media" && a && /* @__PURE__ */ e(
-              $,
-              {
-                items: a.items,
-                isLoading: a.isLoading,
-                breadcrumbs: a.breadcrumbs,
-                onFolderClick: a.onFolderClick,
-                onBreadcrumbClick: a.onBreadcrumbClick,
-                onSelect: (n) => {
-                  a.onSelect?.(n), h(!1);
-                }
-              }
-            )
-          ] })
+        /* @__PURE__ */ n(y.Target, { children: /* @__PURE__ */ n(a, { onClick: () => V(!z), ...X, children: O ?? D }) }),
+        /* @__PURE__ */ u(y.Dropdown, { p: 0, children: [
+          ee,
+          T
         ] })
       ]
     }
   );
 };
 export {
-  xe as FilePicker
+  Ee 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,
+const o = "_itemImage_5y6cx_1", t = "_imageAuthor_5y6cx_14", c = "_originalTab_5y6cx_22", e = "_customTab_5y6cx_28", _ = "_button_5y6cx_36", a = "_pickerDropZone_5y6cx_46", n = {
+  itemImage: o,
+  imageAuthor: t,
+  originalTab: c,
   customTab: e,
-  button: m
+  button: _,
+  pickerDropZone: a
 };
 export {
-  m as button,
+  _ as button,
   e as customTab,
-  _ as default,
-  o as imageAuthor,
-  t as itemImage,
-  a as originalTab
+  n as default,
+  t as imageAuthor,
+  o as itemImage,
+  c as originalTab,
+  a 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 = ({
+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 w, Text as u, SimpleGrid as C, AspectRatio as I } from "@mantine/core";
+import S from "./FilePicker.module.css.js";
+const F = ({
   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,
+  onChange: p
+}) => {
+  const { t: a } = x("ui"), [i, h] = d(""), l = f(() => {
+    const e = i.trim().toLowerCase();
+    return e ? s.map((t) => ({
+      ...t,
+      items: t.items.filter((n) => `${t.title} ${t.id} ${t.path} ${n}`.toLowerCase().includes(e))
+    })).filter((t) => t.items.length > 0) : s;
+  }, [s, i]);
+  return /* @__PURE__ */ c(m, { gap: "sm", children: [
+    /* @__PURE__ */ r(g, { active: !0, children: /* @__PURE__ */ r(
+      w,
       {
-        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.searchGifs"),
+        "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(C, { spacing: 10, cols: 4, children: e.items.map((t, n) => {
+        const o = "/images/covers/" + e.path + t;
+        return /* @__PURE__ */ r(
+          I,
+          {
+            onClick: () => p?.(o),
+            ratio: 120 / 65,
+            className: S.itemImage,
+            style: {
+              backgroundImage: `url(${o})`
+            }
+          },
+          `${e.id}-${t}-${n}`
+        );
+      }) })
+    ] }, e.id)) })
+  ] });
+};
 export {
-  x as FilePickerGallery
+  F 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,sBAG7B;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,sBAG7B;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAsGA,CAAC"}