@layers-app/shared 0.2.3 → 0.2.4

package/dist/components/EmojiPicker/IconsPanel.js

@@ -1,87 +1,87 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { memo as B, useState as k, useEffect as M, useCallback as U, useMemo as V } from "react";
-import { useTranslation as G } from "react-i18next";
-import { Search01Icon as Q, ShuffleIcon as Y } from "@hugeicons/core-free-icons";
+import { memo as q, useState as x, useEffect as B, useCallback as M, useMemo as U } from "react";
+import { useTranslation as V } from "react-i18next";
+import { Search01Icon as G, ShuffleIcon as Q } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as L } from "@hugeicons/react";
-import { useMantineTheme as _, parseThemeColor as j, darken as J, Stack as x, Text as b, Flex as K, FocusTrap as W, TextInput as X, Tooltip as Z, ActionIcon as ee, Box as z, Paper as E, SimpleGrid as N } from "@mantine/core";
+import { useMantineTheme as Y, parseThemeColor as _, darken as J, Stack as y, Text as b, Flex as z, FocusTrap as K, TextInput as W, Tooltip as X, ActionIcon as Z, Box as ee, Paper as D, SimpleGrid as E } from "@mantine/core";
 import { useEvent as oe } from "draggable-ui";
-import { groupBy as re } from "lodash-es";
-import { DEFAULT_VALUES as te } from "../../constants.js";
+import { groupBy as te } from "lodash-es";
+import { DEFAULT_VALUES as re } from "../../constants.js";
 import { ColorPicker as ie } from "../ColorPicker/ColorPicker.js";
 import { NoData as ne } from "../NoData/NoData.js";
-import { IconEntity as y, IconType as A } from "../ProjectIcon/ProjectIcon.js";
-import { customIcons as D } from "./custom-icons/customIcons.js";
+import { IconEntity as w, IconType as N } from "../ProjectIcon/ProjectIcon.js";
+import { customIcons as A } from "./custom-icons/customIcons.js";
 import { getIconsList as F } from "./getIconsList.js";
 import { getRandomIcon as ce } from "./getRandomIcon.js";
 import h from "./EmojiPicker.module.css.js";
 async function ae(c, a, l = 500) {
-  const u = [], p = c.length;
-  for (let t = 0; t < p; t += l) {
-    const f = c.slice(t, t + l).filter(a);
-    u.push(...f), await new Promise((I) => setTimeout(I, 0));
+  const u = [], f = c.length;
+  for (let r = 0; r < f; r += l) {
+    const p = c.slice(r, r + l).filter(a);
+    u.push(...p), await new Promise((I) => setTimeout(I, 0));
   }
   return u;
 }
-const Ce = B(
+const Ce = q(
   ({
     showColors: c,
     locales: a,
     onChange: l,
     value: u,
-    onClose: p,
-    project: t
+    onClose: f,
+    project: r
   }) => {
-    const C = _(), [f, I] = k(""), { t: w } = G("ui"), [R, P] = k(
+    const C = Y(), [p, I] = x(""), { t: k } = V("ui"), [R, P] = x(
       []
     );
-    M(() => {
+    B(() => {
       (async () => {
-        const r = await F(t), s = re(r, "c");
+        const t = await F(r), s = te(t, "c");
         P(
-          Object.entries(s).map((g) => ({
-            id: g[0],
-            icons: g[1].map((d) => d.n)
+          Object.entries(s).map((v) => ({
+            id: v[0],
+            icons: v[1].map((d) => d.n)
           }))
         );
       })();
-    }, [t]);
-    const [T, S] = k([]), $ = U(
+    }, [r]);
+    const [T, S] = x([]), $ = M(
       async (o) => {
-        const r = o.currentTarget.value;
-        I(r);
-        const s = await F(t), g = await ae(
+        const t = o.currentTarget.value;
+        I(t);
+        const s = await F(r), v = await ae(
           s,
-          (d) => d.t.split(",").some((q) => r.includes(String(q))) || d.n.includes(r),
+          (d) => d.t.split(",").some((j) => t.includes(String(j))) || d.n.includes(t),
           500
         );
-        S(g.map((d) => d.n));
+        S(v.map((d) => d.n));
       },
-      [t]
-    ), i = y.parse(u), v = oe((o) => {
-      const r = o.currentTarget.getAttribute("data-icon");
-      r && (l?.(
-        y.stringify({
-          icon: r.replace("i:", ""),
+      [r]
+    ), i = w.parse(u), g = oe((o) => {
+      const t = o.currentTarget.getAttribute("data-icon");
+      t && (l?.(
+        w.stringify({
+          icon: t.replace("i:", ""),
           color: i?.color,
-          type: A.FILLED
+          type: N.FILLED
         })
-      ), c || p());
-    }), n = j({
-      color: i?.color || te.COLORS[0],
+      ), c || f());
+    }), n = _({
+      color: i?.color || re.COLORS[0],
       theme: C
-    }), H = V(() => n.isThemeColor ? {
+    }), H = U(() => n.isThemeColor ? {
       "--icon-color": `var(--mantine-color-${n.color}-filled)`,
       "--icon-color-hover": `var(--mantine-color-${n.color}-filled-hover)`
     } : {
       "--icon-color": n.value,
       "--icon-color-hover": J(n.value, 0.2)
     }, [n]), O = async () => {
-      const o = await ce(t);
-      S([]), l?.(y.stringify({ icon: o, color: i?.color })), c || p();
+      const o = await ce(r);
+      S([]), l?.(w.stringify({ icon: o, color: i?.color })), c || f();
     };
-    return /* @__PURE__ */ m(x, { w: "100%", gap: "sm", pt: 12, pb: 8, h: "100%", children: [
-      c && /* @__PURE__ */ m(x, { gap: 4, px: 8, w: "100%", children: [
-        /* @__PURE__ */ e(b, { lh: "140%", fw: 500, c: "dimmed", fz: "xs", children: a?.chooseColor || w("chooseColor") }),
+    return /* @__PURE__ */ m(y, { w: "100%", gap: "sm", pt: 12, pb: 8, h: "100%", children: [
+      c && /* @__PURE__ */ m(y, { gap: 4, px: 8, w: "100%", children: [
+        /* @__PURE__ */ e(b, { lh: "140%", fw: 500, c: "dimmed", fz: "xs", children: a?.chooseColor || k("chooseColor") }),
         /* @__PURE__ */ e(
           ie,
           {
@@ -89,10 +89,10 @@ const Ce = B(
             gap: 4,
             value: n.color,
             onChange: (o) => l?.(
-              y.stringify({
+              w.stringify({
                 color: o,
                 icon: i?.icon,
-                type: A.FILLED
+                type: N.FILLED
               })
             ),
             colors: [
@@ -111,12 +111,12 @@ const Ce = B(
           n.color
         )
       ] }),
-      /* @__PURE__ */ m(K, { w: "100%", justify: "space-between", gap: 4, px: 8, h: 38, children: [
-        /* @__PURE__ */ e(W, { active: !0, children: /* @__PURE__ */ e(
-          X,
+      /* @__PURE__ */ m(z, { w: "100%", justify: "space-between", gap: 4, px: 8, h: 38, children: [
+        /* @__PURE__ */ e(K, { active: !0, children: /* @__PURE__ */ e(
+          W,
           {
-            leftSection: /* @__PURE__ */ e(L, { size: 16, icon: Q }),
-            value: f,
+            leftSection: /* @__PURE__ */ e(L, { size: 16, icon: G }),
+            value: p,
             placeholder: `${a?.search}...`,
             "data-autofocus": !0,
             styles: {
@@ -130,8 +130,8 @@ const Ce = B(
             radius: "var(--mantine-radius-default)"
           }
         ) }),
-        /* @__PURE__ */ e(Z, { withArrow: !0, label: w("random"), children: /* @__PURE__ */ e(
-          ee,
+        /* @__PURE__ */ e(X, { withArrow: !0, label: k("random"), children: /* @__PURE__ */ e(
+          Z,
           {
             h: 36,
             w: 36,
@@ -144,23 +144,23 @@ const Ce = B(
               {
                 color: "var(--mantine-color-default-color)",
                 size: 20,
-                icon: Y
+                icon: Q
               }
             )
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(z, { pl: 8, style: H, children: /* @__PURE__ */ e(
-        x,
+      /* @__PURE__ */ e(ee, { pl: 8, style: H, children: /* @__PURE__ */ e(
+        y,
         {
           h: "210px",
           style: {
             overflowY: "auto"
           },
           gap: 16,
-          children: f ? /* @__PURE__ */ m("div", { children: [
+          children: p ? /* @__PURE__ */ m(y, { flex: 1, justify: "center", align: "stretch", children: [
             /* @__PURE__ */ e(
-              E,
+              D,
               {
                 py: 6,
                 pos: "sticky",
@@ -170,16 +170,16 @@ const Ce = B(
                 children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: a?.searchResults })
               }
             ),
-            T.length ? /* @__PURE__ */ e(N, { cols: 8, spacing: 0, children: T.map((o) => {
-              const r = D[o];
-              return r ? /* @__PURE__ */ e(
+            T.length ? /* @__PURE__ */ e(E, { cols: 8, spacing: 0, children: T.map((o) => {
+              const t = A[o];
+              return t ? /* @__PURE__ */ e(
                 "div",
                 {
                   className: h.item,
                   "data-icon": o,
                   "data-active": o === i?.icon,
-                  onClick: v,
-                  children: /* @__PURE__ */ e(r, {})
+                  onClick: g,
+                  children: /* @__PURE__ */ e(t, {})
                 },
                 o
               ) : /* @__PURE__ */ e(
@@ -188,7 +188,7 @@ const Ce = B(
                   className: h.item,
                   "data-icon": o,
                   "data-active": o === i?.icon,
-                  onClick: v,
+                  onClick: g,
                   children: /* @__PURE__ */ e("svg", { width: "1em", height: "1em", children: /* @__PURE__ */ e(
                     "use",
                     {
@@ -198,9 +198,10 @@ const Ce = B(
                 },
                 o
               );
-            }) }) : /* @__PURE__ */ e(z, { pt: 16, children: /* @__PURE__ */ e(
+            }) }) : /* @__PURE__ */ e(z, { flex: 1, justify: "center", align: "stretch", children: /* @__PURE__ */ e(
               ne,
               {
+                showDots: !1,
                 size: 100,
                 description: a?.searchNoResults,
                 descriptionProps: {
@@ -210,25 +211,25 @@ const Ce = B(
             ) })
           ] }) : R.map((o) => /* @__PURE__ */ m("div", { children: [
             /* @__PURE__ */ e(
-              E,
+              D,
               {
                 bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
                 py: 6,
                 pos: "sticky",
                 top: -1,
                 style: { zIndex: 1 },
-                children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: o.id || w("noCat") })
+                children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: o.id || k("noCat") })
               }
             ),
-            /* @__PURE__ */ e(N, { cols: 10, spacing: 0, children: o.icons.map((r) => {
-              const s = D[r];
+            /* @__PURE__ */ e(E, { cols: 10, spacing: 0, children: o.icons.map((t) => {
+              const s = A[t];
               return s ? /* @__PURE__ */ e(
                 "div",
                 {
                   className: h.item,
-                  "data-icon": r,
-                  "data-active": r === i?.icon,
-                  onClick: v,
+                  "data-icon": t,
+                  "data-active": t === i?.icon,
+                  onClick: g,
                   children: /* @__PURE__ */ e(
                     s,
                     {
@@ -238,22 +239,22 @@ const Ce = B(
                     }
                   )
                 },
-                r
+                t
               ) : /* @__PURE__ */ e(
                 "div",
                 {
                   className: h.item,
-                  "data-icon": r,
-                  "data-active": r === i?.icon,
-                  onClick: v,
+                  "data-icon": t,
+                  "data-active": t === i?.icon,
+                  onClick: g,
                   children: /* @__PURE__ */ e("svg", { width: "1em", height: "1em", children: /* @__PURE__ */ e(
                     "use",
                     {
-                      xlinkHref: `/tabler-sprite-filled.svg#tabler-filled-${r}`
+                      xlinkHref: `/tabler-sprite-filled.svg#tabler-filled-${t}`
                     }
                   ) })
                 },
-                r
+                t
               );
             }) })
           ] }, o.id))

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,4CA4MpC,CAAC"}