@layers-app/shared 0.4.3 → 0.4.5

package/dist/components/CommentComposer/index.js

@@ -1,41 +1,41 @@
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
 import { useState as Z, useRef as v, useMemo as U, useCallback as ee, useEffect as A } from "react";
 import { useTranslation as te } from "react-i18next";
-import { Attachment02Icon as oe, Sent02Icon as re } from "@hugeicons/core-free-icons";
+import { Attachment02Icon as oe, Sent02Icon as ne } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as $ } from "@hugeicons/react";
-import { Stack as ne, Box as se, Group as B, FileButton as ie, ActionIcon as P, UnstyledButton as le, Text as ae, Button as ce, Popover as L } from "@mantine/core";
+import { Stack as re, Box as se, Group as B, FileButton as ie, ActionIcon as P, UnstyledButton as le, Text as ae, Button as ce, Popover as L } from "@mantine/core";
 import { getMaxUploadSize as de } from "../../config/envConfig.js";
 import { showErrorNotification as W } from "../../helpers/showNotifications.js";
 import { AttachmentsPreview as me } from "../AttachmentsPreview/AttachmentsPreview.js";
-import { CommentEditorHandler as fe } from "./CommentEditorHotkeys.js";
-import { useVirtualAnchor as ue } from "./useVirtualAnchor.js";
+import { CommentEditorHandler as ue } from "./CommentEditorHotkeys.js";
+import { useVirtualAnchor as fe } from "./useVirtualAnchor.js";
 import y from "./CommentComposer.module.css.js";
-function j(r) {
-  return "id" in r;
+function j(n) {
+  return "id" in n;
 }
-function pe(r) {
-  return typeof r == "object" && "isTemp" in r;
+function pe(n) {
+  return typeof n == "object" && "isTemp" in n;
 }
-function he(r) {
-  const c = URL.createObjectURL(r);
+function he(n) {
+  const c = URL.createObjectURL(n);
   return {
     id: `temp-${crypto.randomUUID()}`,
-    name: r.name,
-    type: r.type,
-    size: r.size,
+    name: n.name,
+    type: n.type,
+    size: n.size,
     url: c,
     src: c,
-    isImage: r.type.startsWith("image/"),
+    isImage: n.type.startsWith("image/"),
     isTemp: !0,
-    raw: r
+    raw: n
   };
 }
 const M = () => de() ?? 5 * 1024 * 1024, ge = 10;
-function xe(r, c) {
-  return r(`composer.${c}`, { defaultValue: "" }) || r(`editor.composer.${c}`);
+function xe(n, c) {
+  return n(`composer.${c}`, { defaultValue: "" }) || n(`editor.composer.${c}`);
 }
 const Ne = ({
-  children: r,
+  children: n,
   onSubmit: c,
   initialDraft: d,
   updateLocation: N,
@@ -46,7 +46,7 @@ const Ne = ({
   const [m, _] = Z({
     text: d?.text ?? "",
     files: d?.files ?? []
-  }), { t: h } = te(S), G = h(S === "comments" ? "composer.placeholder" : "editor.composer.placeholder"), g = v(null), f = typeof d?.text < "u", a = {
+  }), { t: h } = te(S), G = h(S === "comments" ? "composer.placeholder" : "editor.composer.placeholder"), g = v(null), u = typeof d?.text < "u", a = {
     text: m.text,
     files: m.files
   }, X = v(null), p = v(null), Y = U(
@@ -55,8 +55,8 @@ const Ne = ({
       elements: []
     }),
     []
-  ), V = v(null), u = !!N, q = ue({
-    isFloat: u,
+  ), V = v(null), f = !!N, q = fe({
+    isFloat: f,
     updateLocation: N,
     selectionRef: V,
     selectionState: Y
@@ -67,8 +67,8 @@ const Ne = ({
     ), s = t?.scrollHeight || 0, o = s > I, l = s > 35, i = e.closest(
       '[class*="commentComposerFloat"]'
     ) || e;
-    u && l ? i.setAttribute("data-multiline", "true") : i.removeAttribute("data-multiline"), o && t ? (t.style.maxHeight = `${I}px`, t.style.overflowY = "auto", t.style.scrollbarWidth = "thin", i.setAttribute("data-editor-constrained", "true")) : t && (t.style.maxHeight = "", t.style.overflowY = "", t.style.scrollbarWidth = "", i.removeAttribute("data-editor-constrained"));
-  }, [p, u, I]);
+    f && l ? i.setAttribute("data-multiline", "true") : i.removeAttribute("data-multiline"), o && t ? (t.style.maxHeight = `${I}px`, t.style.overflowY = "auto", t.style.scrollbarWidth = "thin", i.setAttribute("data-editor-constrained", "true")) : t && (t.style.maxHeight = "", t.style.overflowY = "", t.style.scrollbarWidth = "", i.removeAttribute("data-editor-constrained"));
+  }, [p, f, I]);
   A(() => {
     b();
   }, [b]), A(() => {
@@ -81,26 +81,26 @@ const Ne = ({
     };
   }, [b]), A(() => {
     const e = document.querySelector("main");
-    if (e && u) {
+    if (e && f) {
       const t = e.style.overflow;
       return e.style.overflow = "hidden", () => {
         e.style.overflow = t;
       };
     }
-  }, [u]);
+  }, [f]);
   const { textChanged: J, newFiles: K, deletedFiles: D, hasChanges: F } = U(() => {
     const e = d?.files || [], t = m.files, s = d?.text !== a.text, o = t.filter((i) => i.isTemp), x = new Set(
       t.filter(
         (i) => j(i)
       ).map((i) => i.id)
-    ), l = e.filter(j).filter((i) => !x.has(i.id)), E = f ? JSON.stringify(d) === JSON.stringify(m) : a.text.trim().length > 0 || o.length > 0 || l.length > 0;
+    ), l = e.filter(j).filter((i) => !x.has(i.id)), E = u ? JSON.stringify(d) === JSON.stringify(m) : a.text.trim().length > 0 || o.length > 0 || l.length > 0;
     return {
       textChanged: s,
       newFiles: o,
       deletedFiles: l,
       hasChanges: E
     };
-  }, [f, d, m, a.text]), H = () => {
+  }, [u, d, m, a.text]), H = () => {
     R ? R({
       id: "",
       text: "",
@@ -137,7 +137,7 @@ const Ne = ({
     });
   }, w = async () => {
     try {
-      f ? await c({
+      u ? await c({
         mode: "edit",
         data: {
           textChanged: J,
@@ -164,14 +164,14 @@ const Ne = ({
       const s = new t.klass();
       e.append(s), s.select();
     }), T({ text: "", files: [] }, !0);
-  }, O = /* @__PURE__ */ n(
-    ne,
+  }, O = /* @__PURE__ */ r(
+    re,
     {
       ref: p,
       className: `
       ${y.commentComposerWrapper}
-      ${f ? y.editMode : ""}
-      ${u ? y.commentComposerFloat : ""}
+      ${u ? y.editMode : ""}
+      ${f ? y.commentComposerFloat : ""}
   `,
       children: /* @__PURE__ */ C(
         "div",
@@ -181,19 +181,19 @@ const Ne = ({
             "--placeholder-text": `"${G}"`
           },
           children: [
-            /* @__PURE__ */ n("div", { className: y.editorWrapper, children: /* @__PURE__ */ n(
-              fe,
+            /* @__PURE__ */ r("div", { className: y.editorWrapper, children: /* @__PURE__ */ r(
+              ue,
               {
                 onSubmit: w,
                 editorRef: g,
                 inputContainerRef: p,
                 commentDraft: a,
                 onBlur: H,
-                isEdit: f,
-                isFloat: u,
+                isEdit: u,
+                isFloat: f,
                 hasChanges: F,
                 ns: S,
-                children: r?.({
+                children: n?.({
                   onSubmit: w,
                   handleBlur: () => {
                   },
@@ -204,8 +204,8 @@ const Ne = ({
                 })
               }
             ) }),
-            /* @__PURE__ */ n(se, { h: 10, "data-editor-spacer": !0, tabIndex: 0, style: { width: "100%" } }),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ r(se, { h: 10, "data-editor-spacer": !0, tabIndex: 0, style: { width: "100%" } }),
+            /* @__PURE__ */ r(
               me,
               {
                 files: m.files,
@@ -219,7 +219,7 @@ const Ne = ({
             /* @__PURE__ */ C(
               B,
               {
-                justify: f ? "space-between" : "flex-end",
+                justify: u ? "space-between" : "flex-end",
                 "data-comment-footer": !0,
                 align: "center",
                 w: "unset",
@@ -227,12 +227,12 @@ const Ne = ({
                 tabIndex: 0,
                 gap: "4px",
                 children: [
-                  /* @__PURE__ */ n(
+                  /* @__PURE__ */ r(
                     ie,
                     {
                       onChange: (e) => Q(e, T),
                       multiple: !0,
-                      children: (e) => /* @__PURE__ */ n(P, { ...e, variant: "subtle", size: "lg", color: "gray", children: /* @__PURE__ */ n(
+                      children: (e) => /* @__PURE__ */ r(P, { ...e, variant: "subtle", size: "lg", color: "gray", children: /* @__PURE__ */ r(
                         $,
                         {
                           style: { transform: "rotate(35deg)" },
@@ -242,8 +242,8 @@ const Ne = ({
                       ) })
                     }
                   ),
-                  f ? /* @__PURE__ */ C(B, { gap: "8px", children: [
-                    /* @__PURE__ */ n(
+                  u ? /* @__PURE__ */ C(B, { gap: "8px", children: [
+                    /* @__PURE__ */ r(
                       le,
                       {
                         onClick: H,
@@ -255,29 +255,28 @@ const Ne = ({
                           background: "none",
                           border: "none"
                         },
-                        children: /* @__PURE__ */ n(ae, { size: "sm", c: "dimmed", children: h("composer.cancel") })
+                        children: /* @__PURE__ */ r(ae, { size: "sm", c: "dimmed", children: h("composer.cancel") })
                       }
                     ),
-                    /* @__PURE__ */ n(
+                    /* @__PURE__ */ r(
                       ce,
                       {
                         size: "xs",
                         radius: "md",
                         onClick: w,
-                        disabled: f ? F : !F,
+                        disabled: u ? F : !F,
                         children: h("composer.save")
                       }
                     )
-                  ] }) : /* @__PURE__ */ n(
+                  ] }) : /* @__PURE__ */ r(
                     P,
                     {
-                      color: "var(--mantine-primary-color-filled)",
                       size: "lg",
                       "data-comment-submit-button": !0,
                       variant: "filled",
                       onClick: w,
                       disabled: !a.text.trim() && a.files.length === 0,
-                      children: /* @__PURE__ */ n($, { icon: re, size: 20 })
+                      children: /* @__PURE__ */ r($, { icon: ne, size: 20 })
                     }
                   )
                 ]
@@ -288,7 +287,7 @@ const Ne = ({
       )
     }
   );
-  return u ? /* @__PURE__ */ C(
+  return f ? /* @__PURE__ */ C(
     L,
     {
       opened: !0,
@@ -322,7 +321,7 @@ const Ne = ({
         }
       },
       children: [
-        /* @__PURE__ */ n(L.Target, { children: /* @__PURE__ */ n(
+        /* @__PURE__ */ r(L.Target, { children: /* @__PURE__ */ r(
           "div",
           {
             ref: q,
@@ -337,7 +336,7 @@ const Ne = ({
             }
           }
         ) }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ r(
           L.Dropdown,
           {
             ref: X,

package/dist/components/CommentComposer/types.js

@@ -0,0 +1,9 @@
+var o;
+((T) => {
+  ((e) => {
+    e.None = "NONE", e.Project = "PROJECT", e.Sprint = "SPRINT", e.Folder = "FOLDER", e.Workspace = "WORKSPACE", e.Page = "PAGE", e.Task = "PROJECTTASK", e.Form = "FORM", e.Attachment = "ATTACHMENT", e.User = "USER", e.Comment = "COMMENT", e.Flow = "FLOW";
+  })(T.Entity || (T.Entity = {}));
+})(o || (o = {}));
+export {
+  o as CommentComposerTypes
+};

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

@@ -22,6 +22,13 @@ export type EmojiPickerProps = {
     typingSeq?: number;
     /** If true, clicking the random icon button will not close the popover. Default: false */
     keepOpenOnRandom?: boolean;
+    /**
+     * If false, picking an emoji does NOT close the popover — useful for chat
+     * composers where users typically want to insert several emoji at once.
+     * Click-outside still closes. Default: true (preserves legacy behavior of
+     * one-shot icon pickers in Pages/Projects).
+     */
+    closeOnSelect?: boolean;
 };
 export type EmojiPickerLocales = {
     emojis?: string;
@@ -34,5 +41,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, keepOpenOnRandom, }: 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, closeOnSelect, }: 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;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,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,4CAiNrC,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;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,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,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,0PAoBzB,iBAAiB,CAAC,gBAAgB,CAAC,4CAiNrC,CAAC"}

package/dist/components/EmojiPicker/EmojiPicker.js

@@ -1,32 +1,33 @@
 import { jsxs as j, jsx as o } from "react/jsx-runtime";
-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 { useState as d, useMemo as A, useEffect as T } from "react";
+import { useTranslation as E } from "react-i18next";
+import { Popover as k, Center as G, Tabs as t, Flex as C, Button as J } from "@mantine/core";
+import { IconEntity as K } from "../ProjectIcon/ProjectIcon.js";
+import { EmojiPanel as U } from "./EmojiPanel.js";
+import { IconsPanel as V } from "./IconsPanel.js";
 import f from "./EmojiPicker.module.css.js";
-const ee = ({
-  project: C,
+const oe = ({
+  project: N,
   value: i,
   querySearch: l,
-  children: N,
+  children: R,
   onChange: p,
-  position: R = "bottom-start",
+  position: D = "bottom-start",
   popoverProps: P,
   showIcons: u,
-  showColors: D,
-  defaultActiveTab: I = null,
+  showColors: I,
+  defaultActiveTab: w = null,
   showEmojis: s = !0,
-  withinPortal: w = !1,
+  withinPortal: L = !1,
   locales: h,
   openWhen: g = "click",
   triggerRegex: b = /(^|\s):([^\s:]{1,})$/,
-  typingSeq: c,
-  showRemoveButton: L = !0,
-  keepOpenOnRandom: M = !1
+  typingSeq: n,
+  showRemoveButton: M = !0,
+  keepOpenOnRandom: z = !1,
+  closeOnSelect: y = !0
 }) => {
-  const { t: e } = A("ui"), [n, r] = d(!1), [O, y] = d(I), [z, B] = d(i || null), [x, F] = d(null), a = $(() => ({
+  const { t: e } = E("ui"), [c, r] = d(!1), [B, x] = d(w), [F, H] = d(i || null), [v, O] = d(null), a = A(() => ({
     emojis: e("emojis"),
     remove: e("remove"),
     search: e("search"),
@@ -50,30 +51,30 @@ const ee = ({
     },
     ...h
   }), [e, h]);
-  v(() => {
-    const m = u && J.parse(i)?.icon ? "icons" : s ? "emojis" : null;
-    !n && m && y(m);
-  }, [n, s, u, i]), v(() => {
-    if (g !== "realtime" || typeof c != "number" || x === c) return;
-    F(c);
-    const m = l ?? "", Q = !!s && b.test(m);
-    r(Q);
+  T(() => {
+    const m = u && K.parse(i)?.icon ? "icons" : s ? "emojis" : null;
+    !c && m && x(m);
+  }, [c, s, u, i]), T(() => {
+    if (g !== "realtime" || typeof n != "number" || v === n) return;
+    O(n);
+    const m = l ?? "", $ = !!s && b.test(m);
+    r($);
   }, [
     g,
-    c,
-    x,
+    n,
+    v,
     l,
     b,
     s
   ]);
-  const H = typeof l == "string";
+  const Q = typeof l == "string";
   return /* @__PURE__ */ j(
     k,
     {
-      withinPortal: w,
-      opened: n,
+      withinPortal: L,
+      opened: c,
       onChange: r,
-      position: R,
+      position: D,
       radius: "var(--mantine-spacing-sm)",
       styles: {
         dropdown: {
@@ -99,17 +100,17 @@ const ee = ({
       ...P || {},
       children: [
         /* @__PURE__ */ o(k.Target, { children: /* @__PURE__ */ o(
-          E,
+          G,
           {
-            onClick: g === "click" && !P?.disabled ? () => r(!n) : void 0,
-            children: N ?? z
+            onClick: g === "click" && !P?.disabled ? () => r(!c) : void 0,
+            children: R ?? F
           }
         ) }),
         /* @__PURE__ */ o(k.Dropdown, { w: "380px", children: /* @__PURE__ */ j(
           t,
           {
-            value: O,
-            onChange: y,
+            value: B,
+            onChange: x,
             keepMounted: !1,
             h: "100%",
             styles: {
@@ -126,7 +127,7 @@ const ee = ({
               }
             },
             children: [
-              !H && /* @__PURE__ */ j(
+              !Q && /* @__PURE__ */ j(
                 t.List,
                 {
                   style: {
@@ -142,7 +143,7 @@ const ee = ({
                         h: "100%",
                         p: 0,
                         value: "emojis",
-                        children: /* @__PURE__ */ o(T, { className: f.customTab, px: "sm", h: 36, children: a.emojis })
+                        children: /* @__PURE__ */ o(C, { className: f.customTab, px: "sm", h: 36, children: a.emojis })
                       }
                     ),
                     u && /* @__PURE__ */ o(
@@ -152,11 +153,11 @@ const ee = ({
                         h: "100%",
                         p: 0,
                         value: "icons",
-                        children: /* @__PURE__ */ o(T, { className: f.customTab, px: "sm", h: 36, children: a.icons })
+                        children: /* @__PURE__ */ o(C, { className: f.customTab, px: "sm", h: 36, children: a.icons })
                       }
                     ),
-                    !!String(i) && L && /* @__PURE__ */ o(
-                      G,
+                    !!String(i) && M && /* @__PURE__ */ o(
+                      J,
                       {
                         variant: "subtle",
                         fz: "sm",
@@ -174,14 +175,15 @@ const ee = ({
                 }
               ),
               /* @__PURE__ */ o(t.Panel, { mah: 470, style: { overflow: "auto" }, value: "emojis", children: /* @__PURE__ */ o(
-                K,
+                U,
                 {
                   onChange: p,
                   value: i,
                   querySearch: l,
                   locales: a,
-                  setRandomIcon: B,
-                  onClose: () => r(!1)
+                  setRandomIcon: H,
+                  onClose: y ? () => r(!1) : () => {
+                  }
                 }
               ) }),
               /* @__PURE__ */ o(
@@ -192,15 +194,16 @@ const ee = ({
                   style: { overflow: "auto" },
                   value: "icons",
                   children: /* @__PURE__ */ o(
-                    U,
+                    V,
                     {
-                      project: C,
+                      project: N,
                       onChange: p,
                       value: i,
                       locales: a,
-                      showColors: D,
-                      keepOpenOnRandom: M,
-                      onClose: () => r(!1)
+                      showColors: I,
+                      keepOpenOnRandom: z,
+                      onClose: y ? () => r(!1) : () => {
+                      }
                     }
                   )
                 }
@@ -213,5 +216,5 @@ const ee = ({
   );
 };
 export {
-  ee as EmojiPicker
+  oe as EmojiPicker
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EntityIcon.d.ts","sourceRoot":"","sources":["../../src/components/EntityIcon.tsx"],"names":[],"mappings":"AA2BA,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,cAAc,EAAE,WAElD;IACD,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,mDAwIA,CAAC"}
+{"version":3,"file":"EntityIcon.d.ts","sourceRoot":"","sources":["../../src/components/EntityIcon.tsx"],"names":[],"mappings":"AA4BA,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,cAAc,EAAE,WAElD;IACD,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,mDAkJA,CAAC"}