@layers-app/shared 0.2.3 → 0.2.5

package/dist/components/EntityIcon.js

@@ -1,76 +1,74 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Folder01Icon as i } from "@hugeicons/core-free-icons";
+import { jsx as n } from "react/jsx-runtime";
+import { Folder01Icon as t, Folder02Icon as f } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as l } from "@hugeicons/react";
-import { Text as c, Box as d, Avatar as p } from "@mantine/core";
-import u from "../assets/enitityIcons/flow.svg.js";
-import h from "../assets/enitityIcons/form.svg.js";
-import y from "../assets/enitityIcons/page.svg.js";
-import g from "../assets/enitityIcons/sprint.svg.js";
-import { ProjectIcon as e, IconEntity as a, renderIcon as I } from "./ProjectIcon/ProjectIcon.js";
-const S = ({
-  item: o
-}) => {
-  const n = o?.size || 16;
+import { Text as c, Box as s, Avatar as d } from "@mantine/core";
+import p from "../assets/enitityIcons/flow.svg.js";
+import u from "../assets/enitityIcons/form.svg.js";
+import h from "../assets/enitityIcons/page.svg.js";
+import y from "../assets/enitityIcons/sprint.svg.js";
+import { ProjectIcon as i, IconEntity as a, renderIcon as g } from "./ProjectIcon/ProjectIcon.js";
+const I = (o) => o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r) => r === o?.parentId) === 1, k = ({ item: o }) => {
+  const r = o?.size || 16;
   if (!o) return null;
   if (o.type === "FOLDER")
-    return /* @__PURE__ */ r(l, { icon: i, size: n });
+    return /* @__PURE__ */ n(l, { icon: t, size: r });
   if (o.type === "PAGE")
-    return /* @__PURE__ */ r(
-      e,
+    return /* @__PURE__ */ n(
+      i,
       {
-        fallbackColor: "var(--default-page-icon-color)",
+        fallbackColor: o.icon ? void 0 : "var(--default-page-icon-color)",
         name: o.title,
         icon: o.icon,
-        fallback: /* @__PURE__ */ r(y, { width: n, height: n })
+        fallback: /* @__PURE__ */ n(h, { width: r, height: r })
       }
     );
   if (o.type === "FORM")
-    return /* @__PURE__ */ r(
-      e,
+    return /* @__PURE__ */ n(
+      i,
       {
         fallbackColor: "var(--default-form-icon-color)",
         icon: o.icon,
-        fallback: /* @__PURE__ */ r(h, { width: n, height: n })
+        fallback: /* @__PURE__ */ n(u, { width: r, height: r })
       }
     );
   if (o.type === "FLOW")
-    return /* @__PURE__ */ r(
-      e,
+    return /* @__PURE__ */ n(
+      i,
       {
         icon: o.icon,
         fallbackColor: "var(--default-flow-icon-color)",
-        fallback: /* @__PURE__ */ r(u, { width: n, height: n })
+        fallback: /* @__PURE__ */ n(p, { width: r, height: r })
       }
     );
   if (o.type === "SPRINT") {
-    const t = a.parse(o.icon);
-    return /* @__PURE__ */ r(
+    const e = a.parse(o.icon);
+    return /* @__PURE__ */ n(
       c,
       {
-        fz: n,
-        c: t?.color || "yellow.6",
+        fz: r,
+        c: e?.color || "yellow.6",
         style: {
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
           lineHeight: "normal",
-          width: n + 4
+          width: r + 4
         },
-        children: /* @__PURE__ */ r(g, {})
+        children: /* @__PURE__ */ n(y, {})
       }
     );
   }
   if (o.type === "PROJECT") {
-    const t = a.parse(o.icon), f = o.type === "PROJECT" && o?.pathById?.findIndex((s) => s === o?.parentId) === 1;
-    return o.isFolder || f ? /* @__PURE__ */ r(
+    const e = a.parse(o.icon);
+    return I(o) ? /* @__PURE__ */ n(
       l,
       {
-        color: t?.color || void 0,
-        icon: i,
-        size: n
+        color: e?.color || void 0,
+        icon: o.isOpen ? f : t,
+        size: r
       }
-    ) : t?.emoji ? /* @__PURE__ */ r(
-      d,
+    ) : e?.emoji ? /* @__PURE__ */ n(
+      s,
       {
         bg: "gray.1",
         style: {
@@ -78,20 +76,20 @@ const S = ({
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          width: n,
-          height: n
+          width: r,
+          height: r
         },
-        children: /* @__PURE__ */ r(e, { p: 0, icon: o.icon, size: 14, textSize: 12 })
+        children: /* @__PURE__ */ n(i, { p: 0, icon: o.icon, size: 14, textSize: 12 })
       }
-    ) : /* @__PURE__ */ r(
-      p,
+    ) : /* @__PURE__ */ n(
+      d,
       {
         variant: "filled",
         radius: 4,
-        name: o.title || "",
+        name: o.id || "",
         size: 16,
-        color: t?.color || "initials",
-        children: /* @__PURE__ */ r(
+        color: e?.color || "initials",
+        children: /* @__PURE__ */ n(
           c,
           {
             fz: 12,
@@ -104,7 +102,7 @@ const S = ({
               justifyContent: "center",
               lineHeight: "normal"
             },
-            children: I(t, void 0, !0, o.title)
+            children: g(e, void 0, !0, o.title)
           }
         )
       }
@@ -113,5 +111,5 @@ const S = ({
   return null;
 };
 export {
-  S as EntityIcon
+  k as EntityIcon
 };

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

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { FlexProps, FloatingPosition, PopoverProps } from '@mantine/core';
 import { DropzoneProps, FileWithPath } from '@mantine/dropzone';
-import { FilePickerLocales, FileType, ImagePickerGalleryCollection } from './types';
+import { FileType, ImagePickerGalleryCollection } from './types';
 declare const baseTabsList: readonly ["gallery", "upload", "link", "unsplash", "giphy"];
 type TabType = (typeof baseTabsList)[number];
 export type FilePickerProps = PropsWithChildren<{
@@ -19,12 +19,11 @@ export type FilePickerProps = PropsWithChildren<{
     galleryCollection?: ImagePickerGalleryCollection[];
     popoverProps?: PopoverProps;
     dropZoneProps?: Omit<DropzoneProps, 'onDrop'>;
-    locales?: FilePickerLocales;
     type?: FileType;
     isValidMediaUrl?: (url: string) => boolean;
     targetProps?: FlexProps;
     onOpenedChange?: (opened: boolean) => void;
 }>;
-export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, locales, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FilePicker.d.ts.map

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":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAI7D,OAAO,EAIL,SAAS,EACT,gBAAgB,EAEhB,YAAY,EAIb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQhE,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,4BAA4B,EAC7B,MAAM,SAAS,CAAC;AAIjB,QAAA,MAAM,YAAY,6DAMR,CAAC;AAEX,KAAK,OAAO,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,GAAI,kPA6CxB,iBAAiB,CAAC,eAAe,CAAC,4CA2MpC,CAAC"}
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAK7D,OAAO,EAIL,SAAS,EACT,gBAAgB,EAEhB,YAAY,EAIb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQhE,OAAO,EAAE,QAAQ,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAIjE,QAAA,MAAM,YAAY,6DAMR,CAAC;AAEX,KAAK,OAAO,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,EAAE,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,KAChC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,GAAI,yOAoBxB,iBAAiB,CAAC,eAAe,CAAC,4CAqNpC,CAAC"}

package/dist/components/FilePicker/FilePicker.js

@@ -1,146 +1,120 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { useState as b, useMemo as y } from "react";
-import { ImageAdd02Icon as x } from "@hugeicons/core-free-icons";
+import { useState as x, useMemo as y } from "react";
+import { useTranslation as q } from "react-i18next";
+import { ImageAdd02Icon as C } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as F } from "@hugeicons/react";
-import { Flex as r, ActionIcon as W, Button as I, Text as H, Popover as g, Tabs as f, Stack as q } from "@mantine/core";
-import { useMenu as J } from "../../hooks/useMenu.js";
-import { FilePickerGallery as K } from "./FilePickerGallery.js";
-import { FilePickerGiphy as Q } from "./FilePickerGiphy.js";
-import { FilePickerLink as X } from "./FilePickerLink.js";
-import { FilePickerUnsplash as Y } from "./FilePickerUnsplash.js";
-import { FilePickerUpload as Z } from "./FilePickerUpload.js";
+import { Flex as n, ActionIcon as E, Button as P, Text as J, Popover as u, Tabs as g, Stack as K } from "@mantine/core";
+import { useMenu as Q } from "../../hooks/useMenu.js";
+import { FilePickerGallery as W } from "./FilePickerGallery.js";
+import { FilePickerGiphy as X } from "./FilePickerGiphy.js";
+import { FilePickerLink as Y } from "./FilePickerLink.js";
+import { FilePickerUnsplash as Z } from "./FilePickerUnsplash.js";
+import { FilePickerUpload as _ } from "./FilePickerUpload.js";
 import z from "./FilePicker.module.css.js";
-const _ = [
+const $ = [
   "gallery",
   "upload",
   "link",
   "unsplash",
   "giphy"
 ], me = ({
-  onChange: P,
-  onRemove: L,
-  onUpload: h,
-  uploading: S = !1,
-  showTabs: a = _,
-  children: C,
-  width: M = 610,
-  position: N = "bottom-end",
-  readOnly: w = !1,
-  hasImage: A,
-  giphyToken: o,
-  unsplashClientId: d,
-  type: U = "image",
+  onChange: L,
+  onRemove: j,
+  onUpload: p,
+  uploading: G = !1,
+  showTabs: r = $,
+  children: M,
+  width: S = 610,
+  position: A = "bottom-end",
+  readOnly: B = !1,
+  hasImage: I,
+  giphyToken: t,
+  unsplashClientId: o,
+  type: f = "image",
   galleryCollection: c = [],
-  isValidMediaUrl: B,
-  popoverProps: G,
-  dropZoneProps: j,
-  targetProps: T,
-  onOpenedChange: D,
-  locales: n = {
-    gallery: "Gallery",
-    link: "Link",
-    search: "Search",
-    searchImages: "Search image",
-    upload: "Upload",
-    uploadFile: "Upload file",
-    change: "Change",
-    save: "Save",
-    remove: "Remove",
-    error: "Error",
-    dragOrClickToChoose: "Drag images here or click to select files",
-    maxFileSize: "Images wider than 1600px are recommended. Maximum file size: 5MB.",
-    pasteLink: "Paste the image link...",
-    submitLink: "Apply",
-    worksWithAnyImage: "Works with any images from the Internet",
-    noImages: "No images",
-    errors: {
-      typeIsNotAllowed: "This file type is not supported",
-      shouldNotExceed: "File size should not exceed 5 MB.",
-      doNotUploadMoreThanSingleFile: "Please upload no more than one file.",
-      invalidLink: "Invalid link"
-    }
-  }
+  isValidMediaUrl: N,
+  popoverProps: U,
+  dropZoneProps: V,
+  targetProps: w,
+  onOpenedChange: D
 }) => {
-  const [v, u] = b(!1), { isMobile: l } = J(), m = y(
+  const { t: l } = q("ui"), [v, m] = x(!1), { isMobile: b } = Q(), d = y(
     () => [
       {
         value: "gallery",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.gallery }) }),
-        visible: a.includes("gallery") && !!c.length
+        label: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("span", { children: l("changeCover.gallery") }) }),
+        visible: r.includes("gallery") && !!c.length
       },
       {
         value: "upload",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.upload }) }),
-        visible: a.includes("upload") && !!h
+        label: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("span", { children: l("changeCover.upload") }) }),
+        visible: r.includes("upload") && !!p
       },
       {
         value: "link",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.link }) }),
-        visible: a.includes("link")
+        label: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("span", { children: l("changeCover.link") }) }),
+        visible: r.includes("link")
       },
       {
         value: "unsplash",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: n.searchImages }) }),
-        visible: a.includes("unsplash") && d
+        label: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("span", { children: l("changeCover.searchImages") }) }),
+        visible: r.includes("unsplash") && o
       },
       {
         value: "giphy",
-        label: /* @__PURE__ */ e(r, { children: !l && /* @__PURE__ */ e("span", { children: "GIFs" }) }),
-        visible: a.includes("giphy") && o
+        label: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("span", { children: "GIFs" }) }),
+        visible: r.includes("giphy") && t
       }
     ].filter((i) => i.visible),
     [
-      l,
-      a,
-      d,
+      r,
       o,
-      n.gallery,
-      n.link,
-      n.upload,
+      t,
+      l,
       c.length,
-      h
+      p
     ]
-  ), [t, E] = b(() => {
-    if (m[0]) return m[0].value;
-    const i = m.find((V) => V.visible);
+  ), [a, H] = x(() => {
+    if (d[0]) return d[0].value;
+    const i = d.find((T) => T.visible);
     return i ? i.value : "";
   }), O = (i) => {
-    h?.(i, u);
-  }, p = (i) => {
-    P?.(i), u(!1);
-  }, R = y(() => l ? /* @__PURE__ */ s(W, { size: "lg", children: [
-    /* @__PURE__ */ e(F, { icon: x, size: 22 }),
+    p?.(i, m);
+  }, h = (i) => {
+    L?.(i), m(!1);
+  }, R = y(() => b ? /* @__PURE__ */ s(E, { size: "lg", children: [
+    /* @__PURE__ */ e(F, { icon: C, size: 22 }),
     " "
   ] }) : /* @__PURE__ */ e(
-    I,
+    P,
     {
       variant: "default",
       size: "xs",
-      leftSection: /* @__PURE__ */ e(F, { icon: x, size: 16 }),
-      children: /* @__PURE__ */ e(H, { fw: 600, size: "sm", children: n?.change })
+      leftSection: /* @__PURE__ */ e(F, { icon: C, size: 16 }),
+      children: /* @__PURE__ */ e(J, { fw: 600, size: "sm", children: l("changeCover.change") })
     }
-  ), [n, l]), k = (i) => {
-    u(i), D?.(i);
+  ), [l, b]), k = (i) => {
+    m(i), D?.(i);
   };
   return /* @__PURE__ */ s(
-    g,
+    u,
     {
-      width: M,
+      width: S,
       radius: "var(--mantine-spacing-sm)",
-      position: N,
+      position: A,
       shadow: "md",
       opened: v,
       onChange: k,
       withinPortal: !0,
-      ...G || {},
+      ...U || {},
       children: [
-        /* @__PURE__ */ e(g.Target, { children: /* @__PURE__ */ e(r, { onClick: () => k(!v), ...T, children: C ?? R }) }),
-        /* @__PURE__ */ s(g.Dropdown, { p: 0, children: [
-          /* @__PURE__ */ e(r, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
-            f,
+        /* @__PURE__ */ e(u.Target, { children: /* @__PURE__ */ e(n, { onClick: () => k(!v), ...w, children: M ?? R }) }),
+        /* @__PURE__ */ s(u.Dropdown, { p: 0, children: [
+          /* @__PURE__ */ e(n, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
+            g,
             {
               defaultValue: "gallery",
-              value: t,
+              value: a,
               styles: {
                 list: {
                   alignItems: "center",
@@ -149,7 +123,7 @@ const _ = [
               },
               w: "100%",
               children: /* @__PURE__ */ s(
-                f.List,
+                g.List,
                 {
                   style: {
                     gap: "4px"
@@ -157,21 +131,21 @@ const _ = [
                   px: 8,
                   h: 54,
                   children: [
-                    m.map((i) => /* @__PURE__ */ e(
-                      f.Tab,
+                    d.map((i) => /* @__PURE__ */ e(
+                      g.Tab,
                       {
                         className: z.originalTab,
-                        disabled: w,
+                        disabled: B,
                         h: "100%",
                         p: 0,
                         value: i.value,
-                        onClick: () => E(i.value),
-                        children: /* @__PURE__ */ e(r, { className: z.customTab, px: "sm", h: 36, children: i.label })
+                        onClick: () => H(i.value),
+                        children: /* @__PURE__ */ e(n, { className: z.customTab, px: "sm", h: 36, children: i.label })
                       },
                       i.value
                     )),
-                    A && /* @__PURE__ */ e(
-                      I,
+                    I && /* @__PURE__ */ e(
+                      P,
                       {
                         variant: "subtle",
                         fz: "sm",
@@ -179,10 +153,10 @@ const _ = [
                         fw: 500,
                         px: "sm",
                         size: "30px",
-                        onClick: L,
+                        onClick: j,
                         color: "var(--mantine-color-gray-light-color)",
                         style: { marginLeft: "auto" },
-                        children: n.remove
+                        children: l("remove")
                       }
                     )
                   ]
@@ -190,48 +164,39 @@ const _ = [
               )
             }
           ) }),
-          /* @__PURE__ */ s(q, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
-            t === "gallery" && !!c.length && /* @__PURE__ */ e(
-              K,
+          /* @__PURE__ */ s(K, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
+            a === "gallery" && !!c.length && /* @__PURE__ */ e(
+              W,
               {
                 galleryCollection: c,
-                onChange: p
+                onChange: h
               }
             ),
-            t === "upload" && /* @__PURE__ */ e(
-              Z,
+            a === "upload" && /* @__PURE__ */ e(
+              _,
               {
-                locales: n,
-                uploading: S,
-                dropZoneProps: j,
+                type: f || "image",
+                uploading: G,
+                dropZoneProps: V,
                 onUpload: O
               }
             ),
-            t === "link" && /* @__PURE__ */ e(
-              X,
-              {
-                locales: n,
-                type: U || "image",
-                onChange: p,
-                isValidMediaUrl: B
-              }
-            ),
-            t === "unsplash" && d && /* @__PURE__ */ e(
+            a === "link" && /* @__PURE__ */ e(
               Y,
               {
-                locales: n,
-                clientId: d,
-                onChange: p
+                type: f || "image",
+                onChange: h,
+                isValidMediaUrl: N
               }
             ),
-            t === "giphy" && o && /* @__PURE__ */ e(
-              Q,
+            a === "unsplash" && o && /* @__PURE__ */ e(
+              Z,
               {
-                locales: n,
-                token: o,
-                onChange: p
+                clientId: o,
+                onChange: h
               }
-            )
+            ),
+            a === "giphy" && t && /* @__PURE__ */ e(X, { token: t, onChange: h })
           ] })
         ] })
       ]

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

@@ -1,6 +1,4 @@
-import { FilePickerLocales } from './types';
-export declare const FilePickerGiphy: ({ locales, token, onChange, }: {
-    locales: FilePickerLocales;
+export declare const FilePickerGiphy: ({ token, onChange, }: {
     token?: string;
     onChange?: (v: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

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":"AA0BA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAU5C,eAAO,MAAM,eAAe,GAAI,+BAI7B;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,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":"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"}