@layers-app/shared 0.3.0 → 0.3.1

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

@@ -1,4 +1,4 @@
-const o = "_root_195do_1", t = {
+const o = "_root_122b9_1", t = {
   root: o
 };
 export {

package/dist/components/EmojiPicker/EmojiPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPanel.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,UAAU,GAAI,6DAMxB,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC,GAAG;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,4CAiTA,CAAC"}
+{"version":3,"file":"EmojiPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPanel.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,UAAU,GAAI,6DAMxB,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC,GAAG;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,4CAmTA,CAAC"}

package/dist/components/EmojiPicker/EmojiPanel.js

@@ -3,7 +3,7 @@ import { useState as u, useRef as d, useEffect as R, useCallback as K } from "re
 import { useTranslation as L } from "react-i18next";
 import { Search01Icon as U, ShuffleIcon as V, Clock01Icon as W, SmileIcon as X, Pizza01Icon as Z, FootballIcon as _, Airplane01Icon as ee, BulbIcon as te, Asterisk02Icon as oe, Flag02Icon as re } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as c } from "@hugeicons/react";
-import { Stack as v, FocusTrap as ne, Flex as x, TextInput as ie, Tooltip as ce, ActionIcon as A, Paper as F, Text as q, SimpleGrid as N } from "@mantine/core";
+import { Stack as v, FocusTrap as ne, Flex as z, TextInput as ie, Tooltip as ce, ActionIcon as A, Paper as F, Text as q, SimpleGrid as N } from "@mantine/core";
 import { useEvent as se } from "draggable-ui";
 import ae from "fuse.js";
 import le from "../../assets/svg/dog.svg.js";
@@ -33,7 +33,7 @@ const he = [
   setRandomIcon: P,
   querySearch: p
 }) => {
-  const [b, k] = u("frequent"), I = d("frequent"), h = d({}), z = d(null), [w, S] = u(""), [Q, O] = u([]), [a, B] = u(null), [E, j] = u([]), { t: G } = L(), g = d(!1), l = d(null);
+  const [b, k] = u("frequent"), x = d("frequent"), h = d({}), I = d(null), [w, S] = u(""), [Q, O] = u([]), [a, B] = u(null), [E, j] = u([]), { t: G } = L(), g = d(!1), l = d(null);
   R(() => {
     if (typeof p == "string") {
       const e = p.slice(1);
@@ -88,20 +88,20 @@ const he = [
       })
     ), M());
   }), Y = (e) => {
-    const o = z.current, r = h.current[e.i];
+    const o = I.current, r = h.current[e.i];
     if (!o || !r) return;
     g.current = !0, l.current = e.i, k(e.i);
     const s = r.offsetTop - o.offsetTop;
     o.scrollTo({ top: s, behavior: "smooth" });
   }, $ = () => {
-    const e = z.current;
+    const e = I.current;
     if (!e) return;
     const o = e.scrollTop;
     if (g.current && l.current) {
       const f = h.current[l.current];
       if (f) {
         const i = f.offsetTop - e.offsetTop;
-        Math.abs(i - o) < 12 && (g.current = !1, I.current = l.current, k(l.current), l.current = null);
+        Math.abs(i - o) < 12 && (g.current = !1, x.current = l.current, k(l.current), l.current = null);
       }
       if (g.current) return;
     }
@@ -111,11 +111,11 @@ const he = [
         const n = Math.abs(i.offsetTop - e.offsetTop - o);
         n < s && (s = n, r = f);
       }
-    }), r !== I.current && (I.current = r, k(r));
+    }), r !== x.current && (x.current = r, k(r));
   }, J = typeof p == "string";
   return /* @__PURE__ */ y(v, { gap: 0, h: "100%", children: [
     /* @__PURE__ */ t(ne, { active: !0, children: /* @__PURE__ */ y(
-      x,
+      z,
       {
         my: "sm",
         justify: "space-between",
@@ -173,13 +173,14 @@ const he = [
         style: {
           overflowY: "auto"
         },
-        ref: z,
+        ref: I,
         onScroll: $,
         children: w ? /* @__PURE__ */ y(v, { flex: 1, align: "stretch", children: [
           !J && /* @__PURE__ */ t(
             F,
             {
               py: 6,
+              px: 6,
               pos: "sticky",
               top: -1,
               style: { zIndex: 1 },
@@ -196,7 +197,7 @@ const he = [
               children: e
             },
             e
-          )) }) : /* @__PURE__ */ t(x, { flex: 1, justify: "center", align: "stretch", children: /* @__PURE__ */ t(
+          )) }) : /* @__PURE__ */ t(z, { flex: 1, justify: "center", align: "stretch", children: /* @__PURE__ */ t(
             ue,
             {
               size: 100,
@@ -218,6 +219,7 @@ const he = [
                 {
                   bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
                   py: 2,
+                  px: 6,
                   pos: "sticky",
                   top: -1,
                   h: 23,
@@ -242,7 +244,7 @@ const he = [
       }
     ) }),
     /* @__PURE__ */ t(
-      x,
+      z,
       {
         style: {
           borderTop: "1px solid var(--tab-border-color)"

package/dist/components/EmojiPicker/EmojiPicker.d.ts

@@ -20,6 +20,8 @@ export type EmojiPickerProps = {
     triggerRegex?: RegExp;
     /** Monotonically increasing counter updated by the parent on each keypress; used to detect real-time typing. */
     typingSeq?: number;
+    /** If true, clicking the random icon button will not close the popover. Default: false */
+    keepOpenOnRandom?: boolean;
 };
 export type EmojiPickerLocales = {
     emojis?: string;
@@ -31,5 +33,5 @@ export type EmojiPickerLocales = {
     icons?: string;
     emojiCategory?: Record<string, string>;
 };
-export declare const EmojiPicker: ({ project, value, querySearch, children, onChange, position, popoverProps, showIcons, showColors, defaultActiveTab, showEmojis, withinPortal, locales: _locales, openWhen, triggerRegex, typingSeq, showRemoveButton, }: PropsWithChildren<EmojiPickerProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmojiPicker: ({ project, value, querySearch, children, onChange, position, popoverProps, showIcons, showColors, defaultActiveTab, showEmojis, withinPortal, locales: _locales, openWhen, triggerRegex, typingSeq, showRemoveButton, keepOpenOnRandom, }: PropsWithChildren<EmojiPickerProps>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EmojiPicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAIL,gBAAgB,EAEhB,YAAY,EAEb,MAAM,eAAe,CAAC;AAQvB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,kIAAkI;IAClI,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAChC,2GAA2G;IAC3G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gHAAgH;IAChH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yNAkBzB,iBAAiB,CAAC,gBAAgB,CAAC,4CA8MrC,CAAC"}
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAIL,gBAAgB,EAEhB,YAAY,EAEb,MAAM,eAAe,CAAC;AAQvB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,kIAAkI;IAClI,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAChC,2GAA2G;IAC3G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gHAAgH;IAChH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2OAmBzB,iBAAiB,CAAC,gBAAgB,CAAC,4CAgNrC,CAAC"}

package/dist/components/EmojiPicker/EmojiPicker.js

@@ -1,31 +1,32 @@
 import { jsxs as j, jsx as o } from "react/jsx-runtime";
-import { useState as d, useMemo as Q, useEffect as v } from "react";
-import { useTranslation as $ } from "react-i18next";
-import { Popover as k, Center as A, Tabs as s, Flex as T, Button as E } from "@mantine/core";
-import { IconEntity as G } from "../ProjectIcon/ProjectIcon.js";
-import { EmojiPanel as J } from "./EmojiPanel.js";
-import { IconsPanel as K } from "./IconsPanel.js";
+import { useState as d, useMemo as $, useEffect as v } from "react";
+import { useTranslation as A } from "react-i18next";
+import { Popover as k, Center as E, Tabs as t, Flex as T, Button as G } from "@mantine/core";
+import { IconEntity as J } from "../ProjectIcon/ProjectIcon.js";
+import { EmojiPanel as K } from "./EmojiPanel.js";
+import { IconsPanel as U } from "./IconsPanel.js";
 import f from "./EmojiPicker.module.css.js";
-const _ = ({
+const ee = ({
   project: C,
   value: i,
-  querySearch: a,
+  querySearch: l,
   children: N,
   onChange: p,
   position: R = "bottom-start",
-  popoverProps: b,
+  popoverProps: P,
   showIcons: u,
   showColors: D,
   defaultActiveTab: I = null,
-  showEmojis: t = !0,
+  showEmojis: s = !0,
   withinPortal: w = !1,
   locales: h,
   openWhen: g = "click",
-  triggerRegex: P = /(^|\s):([^\s:]{1,})$/,
+  triggerRegex: b = /(^|\s):([^\s:]{1,})$/,
   typingSeq: c,
-  showRemoveButton: L = !0
+  showRemoveButton: L = !0,
+  keepOpenOnRandom: M = !1
 }) => {
-  const { t: e } = $("ui"), [n, r] = d(!1), [M, y] = d(I), [O, z] = d(i || null), [x, B] = d(null), l = Q(() => ({
+  const { t: e } = A("ui"), [n, r] = d(!1), [O, y] = d(I), [z, B] = d(i || null), [x, F] = d(null), a = $(() => ({
     emojis: e("emojis"),
     remove: e("remove"),
     search: e("search"),
@@ -43,27 +44,28 @@ const _ = ({
       objects: e("emojiPicker.categories.objects"),
       symbols: e("emojiPicker.categories.symbols"),
       flags: e("emojiPicker.categories.flags"),
+      additional: e("emojiPicker.categories.additional"),
       ...h?.emojiCategory
     },
     ...h
   }), [e, h]);
   v(() => {
-    const m = u && G.parse(i)?.icon ? "icons" : t ? "emojis" : null;
+    const m = u && J.parse(i)?.icon ? "icons" : s ? "emojis" : null;
     !n && m && y(m);
-  }, [n, t, u, i]), v(() => {
+  }, [n, s, u, i]), v(() => {
     if (g !== "realtime" || typeof c != "number" || x === c) return;
-    B(c);
-    const m = a ?? "", H = !!t && P.test(m);
-    r(H);
+    F(c);
+    const m = l ?? "", Q = !!s && b.test(m);
+    r(Q);
   }, [
     g,
     c,
     x,
-    a,
-    P,
-    t
+    l,
+    b,
+    s
   ]);
-  const F = typeof a == "string";
+  const H = typeof l == "string";
   return /* @__PURE__ */ j(
     k,
     {
@@ -93,19 +95,19 @@ const _ = ({
           ]
         }
       },
-      ...b || {},
+      ...P || {},
       children: [
         /* @__PURE__ */ o(k.Target, { children: /* @__PURE__ */ o(
-          A,
+          E,
           {
-            onClick: g === "click" && !b?.disabled ? () => r(!n) : void 0,
-            children: N ?? O
+            onClick: g === "click" && !P?.disabled ? () => r(!n) : void 0,
+            children: N ?? z
           }
         ) }),
         /* @__PURE__ */ o(k.Dropdown, { w: "380px", children: /* @__PURE__ */ j(
-          s,
+          t,
           {
-            value: M,
+            value: O,
             onChange: y,
             keepMounted: !1,
             h: "100%",
@@ -123,8 +125,8 @@ const _ = ({
               }
             },
             children: [
-              !F && /* @__PURE__ */ j(
-                s.List,
+              !H && /* @__PURE__ */ j(
+                t.List,
                 {
                   style: {
                     gap: "4px"
@@ -132,28 +134,28 @@ const _ = ({
                   h: 54,
                   px: 8,
                   children: [
-                    t && /* @__PURE__ */ o(
-                      s.Tab,
+                    s && /* @__PURE__ */ o(
+                      t.Tab,
                       {
                         className: f.originalTab,
                         h: "100%",
                         p: 0,
                         value: "emojis",
-                        children: /* @__PURE__ */ o(T, { className: f.customTab, px: "sm", h: 36, children: l.emojis })
+                        children: /* @__PURE__ */ o(T, { className: f.customTab, px: "sm", h: 36, children: a.emojis })
                       }
                     ),
                     u && /* @__PURE__ */ o(
-                      s.Tab,
+                      t.Tab,
                       {
                         className: f.originalTab,
                         h: "100%",
                         p: 0,
                         value: "icons",
-                        children: /* @__PURE__ */ o(T, { className: f.customTab, px: "sm", h: 36, children: l.icons })
+                        children: /* @__PURE__ */ o(T, { className: f.customTab, px: "sm", h: 36, children: a.icons })
                       }
                     ),
                     !!String(i) && L && /* @__PURE__ */ o(
-                      E,
+                      G,
                       {
                         variant: "subtle",
                         fz: "sm",
@@ -164,38 +166,39 @@ const _ = ({
                         color: "var(--mantine-color-gray-light-color)",
                         onClick: () => p?.(""),
                         style: { marginLeft: "auto" },
-                        children: l.remove
+                        children: a.remove
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ o(s.Panel, { mah: 470, style: { overflow: "auto" }, value: "emojis", children: /* @__PURE__ */ o(
-                J,
+              /* @__PURE__ */ o(t.Panel, { mah: 470, style: { overflow: "auto" }, value: "emojis", children: /* @__PURE__ */ o(
+                K,
                 {
                   onChange: p,
                   value: i,
-                  querySearch: a,
-                  locales: l,
-                  setRandomIcon: z,
+                  querySearch: l,
+                  locales: a,
+                  setRandomIcon: B,
                   onClose: () => r(!1)
                 }
               ) }),
               /* @__PURE__ */ o(
-                s.Panel,
+                t.Panel,
                 {
                   mah: 470,
                   h: "100%",
                   style: { overflow: "auto" },
                   value: "icons",
                   children: /* @__PURE__ */ o(
-                    K,
+                    U,
                     {
                       project: C,
                       onChange: p,
                       value: i,
-                      locales: l,
+                      locales: a,
                       showColors: D,
+                      keepOpenOnRandom: M,
                       onClose: () => r(!1)
                     }
                   )
@@ -209,5 +212,5 @@ const _ = ({
   );
 };
 export {
-  _ as EmojiPicker
+  ee as EmojiPicker
 };

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

@@ -1,13 +1,13 @@
-const o = "_item_o1hlf_1", a = "_randomIcon_o1hlf_26", n = "_originalTab_o1hlf_30", t = "_customTab_o1hlf_36", _ = {
+const o = "_item_s1gb0_1", s = "_randomIcon_s1gb0_51", a = "_originalTab_s1gb0_59", n = "_customTab_s1gb0_71", t = {
   item: o,
-  randomIcon: a,
-  originalTab: n,
-  customTab: t
+  randomIcon: s,
+  originalTab: a,
+  customTab: n
 };
 export {
-  t as customTab,
-  _ as default,
+  n as customTab,
+  t as default,
   o as item,
-  n as originalTab,
-  a as randomIcon
+  a as originalTab,
+  s as randomIcon
 };

package/dist/components/EmojiPicker/IconsPanel.d.ts

@@ -1,5 +1,6 @@
 import { EmojiPickerProps } from './EmojiPicker';
-export declare const IconsPanel: import("react").MemoExoticComponent<({ showColors, locales, onChange, value, onClose, project, }: Pick<EmojiPickerProps, "locales" | "showColors" | "value" | "onChange" | "project"> & {
+export declare const IconsPanel: import("react").MemoExoticComponent<({ showColors, locales, onChange, value, onClose, project, keepOpenOnRandom, }: Pick<EmojiPickerProps, "locales" | "showColors" | "value" | "onChange" | "project"> & {
     onClose: () => void;
+    keepOpenOnRandom?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=IconsPanel.d.ts.map

package/dist/components/EmojiPicker/IconsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/IconsPanel.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA0BjD,eAAO,MAAM,UAAU,oGAQlB,IAAI,CACL,gBAAgB,EAChB,SAAS,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC5D,GAAG;IACF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,6CAuSF,CAAC"}
+{"version":3,"file":"IconsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/IconsPanel.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA0BjD,eAAO,MAAM,UAAU,sHASlB,IAAI,CACL,gBAAgB,EAChB,SAAS,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC5D,GAAG;IACF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,6CAwSF,CAAC"}

package/dist/components/EmojiPicker/IconsPanel.js

@@ -1,42 +1,43 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { memo as B, useState as x, useEffect as M, useCallback as U, useMemo as V } from "react";
-import { useTranslation as j } from "react-i18next";
-import { Search01Icon as G, ShuffleIcon as Q } from "@hugeicons/core-free-icons";
+import { memo as M, useState as x, useEffect as U, useCallback as V, useMemo as j } from "react";
+import { useTranslation as G } from "react-i18next";
+import { Search01Icon as Q, ShuffleIcon as Y } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as L } from "@hugeicons/react";
-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 E, SimpleGrid as N } from "@mantine/core";
-import { useEvent as oe } from "draggable-ui";
-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 { useMantineTheme as _, parseThemeColor as J, darken as K, Stack as y, Text as b, Flex as z, FocusTrap as W, TextInput as X, Tooltip as Z, ActionIcon as ee, Box as oe, Paper as E, SimpleGrid as N } from "@mantine/core";
+import { useEvent as te } from "draggable-ui";
+import { groupBy as re } from "lodash-es";
+import { DEFAULT_VALUES as ie } from "../../constants.js";
+import { ColorPicker as ne } from "../ColorPicker/ColorPicker.js";
+import { NoData as ce } from "../NoData/NoData.js";
 import { IconEntity as I, IconType as A } from "../ProjectIcon/ProjectIcon.js";
 import { customIcons as D } from "./custom-icons/customIcons.js";
-import { getIconsList as F, getRandomIcon as ce } from "./utils.js";
+import { getIconsList as F, getRandomIcon as ae } from "./utils.js";
 import h from "./EmojiPicker.module.css.js";
-async function ae(c, a, l = 500) {
+async function le(c, a, l = 500) {
   const u = [], p = c.length;
   for (let r = 0; r < p; r += l) {
-    const f = c.slice(r, r + l).filter(a);
-    u.push(...f), await new Promise((w) => setTimeout(w, 0));
+    const w = c.slice(r, r + l).filter(a);
+    u.push(...w), await new Promise((f) => setTimeout(f, 0));
   }
   return u;
 }
-const be = B(
+const Ce = M(
   ({
     showColors: c,
     locales: a,
     onChange: l,
     value: u,
     onClose: p,
-    project: r
+    project: r,
+    keepOpenOnRandom: C = !1
   }) => {
-    const C = Y(), [f, w] = x(""), { t: k } = j("ui"), [R, P] = x(
+    const w = _(), [f, R] = x(""), { t: k } = G("ui"), [P, $] = x(
       []
     );
-    M(() => {
+    U(() => {
       (async () => {
-        const t = await F(r), s = te(t, "c");
-        P(
+        const t = await F(r), s = re(t, "c");
+        $(
           Object.entries(s).map((v) => ({
             id: v[0],
             icons: v[1].map((d) => d.n)
@@ -44,19 +45,19 @@ const be = B(
         );
       })();
     }, [r]);
-    const [T, S] = x([]), $ = U(
+    const [T, S] = x([]), H = V(
       async (o) => {
         const t = o.currentTarget.value;
-        w(t);
-        const s = await F(r), v = await ae(
+        R(t);
+        const s = await F(r), v = await le(
           s,
-          (d) => d.t.split(",").some((q) => t.includes(String(q))) || d.n.includes(t),
+          (d) => d.t.split(",").some((B) => t.includes(String(B))) || d.n.includes(t),
           500
         );
         S(v.map((d) => d.n));
       },
       [r]
-    ), i = I.parse(u), g = oe((o) => {
+    ), i = I.parse(u), g = te((o) => {
       const t = o.currentTarget.getAttribute("data-icon");
       t && (l?.(
         I.stringify({
@@ -65,24 +66,24 @@ const be = B(
           type: i?.type || A.FILLED
         })
       ), c || p());
-    }), n = _({
-      color: i?.color || re.COLORS[0],
-      theme: C
-    }), H = V(() => n.isThemeColor ? {
+    }), n = J({
+      color: i?.color || ie.COLORS[0],
+      theme: w
+    }), O = j(() => 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(r);
-      S([]), l?.(I.stringify({ icon: o, color: i?.color })), c || p();
+      "--icon-color-hover": K(n.value, 0.2)
+    }, [n]), q = async () => {
+      const o = await ae(r);
+      S([]), l?.(I.stringify({ icon: o, color: i?.color })), !c && !C && p();
     };
     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,
+          ne,
           {
             swatchSize: 24,
             gap: 4,
@@ -111,10 +112,10 @@ const be = B(
         )
       ] }),
       /* @__PURE__ */ m(z, { w: "100%", justify: "space-between", gap: 4, px: 8, h: 38, children: [
-        /* @__PURE__ */ e(K, { active: !0, children: /* @__PURE__ */ e(
-          W,
+        /* @__PURE__ */ e(W, { active: !0, children: /* @__PURE__ */ e(
+          X,
           {
-            leftSection: /* @__PURE__ */ e(L, { size: 16, icon: G }),
+            leftSection: /* @__PURE__ */ e(L, { size: 16, icon: Q }),
             value: f,
             placeholder: `${a?.search}...`,
             "data-autofocus": !0,
@@ -125,31 +126,31 @@ const be = B(
               }
             },
             w: 320,
-            onChange: $,
+            onChange: H,
             radius: "var(--mantine-radius-default)"
           }
         ) }),
-        /* @__PURE__ */ e(X, { withArrow: !0, label: k("random"), children: /* @__PURE__ */ e(
-          Z,
+        /* @__PURE__ */ e(Z, { withArrow: !0, label: k("random"), children: /* @__PURE__ */ e(
+          ee,
           {
             h: 36,
             w: 36,
             variant: "outline",
             color: "var(--mantine-color-default-border)",
-            onClick: O,
+            onClick: q,
             className: h.randomIcon,
             children: /* @__PURE__ */ e(
               L,
               {
                 color: "var(--mantine-color-default-color)",
                 size: 20,
-                icon: Q
+                icon: Y
               }
             )
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(ee, { h: "100%", pl: 8, style: H, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(oe, { h: "100%", pl: 8, pt: 4, style: O, children: /* @__PURE__ */ e(
         y,
         {
           mah: "210px",
@@ -199,7 +200,7 @@ const be = B(
                 o
               );
             }) }) : /* @__PURE__ */ e(z, { flex: 1, justify: "center", align: "stretch", children: /* @__PURE__ */ e(
-              ne,
+              ce,
               {
                 size: 100,
                 description: a?.searchNoResults,
@@ -208,11 +209,12 @@ const be = B(
                 }
               }
             ) })
-          ] }) : R.map((o) => /* @__PURE__ */ m("div", { children: [
+          ] }) : P.map((o) => /* @__PURE__ */ m("div", { children: [
             /* @__PURE__ */ e(
               E,
               {
                 bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
+                px: 4,
                 py: 6,
                 pos: "sticky",
                 top: -1,
@@ -263,5 +265,5 @@ const be = B(
   }
 );
 export {
-  be as IconsPanel
+  Ce as IconsPanel
 };

package/dist/components/EmojiPicker/custom-icons/customIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/customIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAgBhD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAClD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAAc,EA+E3C,CAAC;AAEF,eAAO,MAAM,WAAW;;CAEvB,CAAC"}
+{"version":3,"file":"customIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/customIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAqBhD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAClD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAAc,EA6G3C,CAAC;AAEF,eAAO,MAAM,WAAW;;CAEvB,CAAC"}