@goodhood-web/nebenan-base 1.0.0-development.22 → 1.0.0-development.23

package/index.mjs

@@ -46427,22 +46427,22 @@ const O0 = [
 }, U0 = "_emojiPopup_132yr_106", q0 = "_emojiPopupHeader_132yr_116", xt = {
   emojiPopup: U0,
   emojiPopupHeader: q0
-}, jh = ({ children: n, onSelect: e }) => {
-  const [i, a] = Ti(null), s = (c) => {
-    a(i ? null : c.currentTarget);
-  }, t = !!i, r = t ? "emoji-cloud" : "", f = (c) => {
-    a(null), e(c);
-  }, o = () => {
-    a(null);
+}, jh = ({ children: n, className: e, onSelect: i }) => {
+  const [a, s] = Ti(null), t = (l) => {
+    s(a ? null : l.currentTarget);
+  }, r = !!a, f = r ? "emoji-cloud" : "", o = (l) => {
+    s(null), i(l);
+  }, c = () => {
+    s(null);
   };
-  return /* @__PURE__ */ E.jsx(Os, { onClickAway: o, children: /* @__PURE__ */ E.jsxs("div", { children: [
-    Ct(n, { onClick: s }),
-    /* @__PURE__ */ E.jsx(gn, { children: /* @__PURE__ */ E.jsx(ks, { id: r, open: t, anchor: i, children: /* @__PURE__ */ E.jsxs("div", { className: xt.emojiPopup, children: [
+  return /* @__PURE__ */ E.jsx(Os, { onClickAway: c, children: /* @__PURE__ */ E.jsxs("div", { className: e, children: [
+    Ct(n, { onClick: t }),
+    /* @__PURE__ */ E.jsx(gn, { children: /* @__PURE__ */ E.jsx(ks, { id: f, open: r, anchor: a, children: /* @__PURE__ */ E.jsxs("div", { className: xt.emojiPopup, children: [
       /* @__PURE__ */ E.jsx("div", { className: xt.emojiPopupHeader, children: /* @__PURE__ */ E.jsx(
         Dn,
         {
           icon: "cross",
-          onClick: o,
+          onClick: c,
           size: "small",
           ariaLabel: "Close"
         }
@@ -46456,7 +46456,7 @@ const O0 = [
           maxFrequentRows: 2,
           previewPosition: "none",
           skinTonePosition: "none",
-          onEmojiSelect: f
+          onEmojiSelect: o
         }
       )
     ] }) }) })

package/lib/EmojiPicker/EmojiPicker.d.ts

@@ -1,3 +1,3 @@
 import { EmojiPickerProps } from './EmojiPicker.types';
-declare const EmojiPicker: ({ children, onSelect }: EmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const EmojiPicker: ({ children, className, onSelect }: EmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
 export default EmojiPicker;

package/lib/EmojiPicker/EmojiPicker.types.d.ts

@@ -4,6 +4,7 @@ interface ClickableElementProps {
 }
 export interface EmojiPickerProps {
     children: ReactElement<ClickableElementProps>;
+    className?: string;
     onSelect: (event: never) => void;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "1.0.0-development.22",
+  "version": "1.0.0-development.23",
   "main": "./index.js",
   "types": "./index.d.ts",
   "publishConfig": {