@memobit/libs 3.0.0 → 3.1.1

package/dist/components/EmojiPicker/EmojiPicker2.js

@@ -0,0 +1,789 @@
+import './EmojiPicker.css';
+import { InputSearch as h } from "../InputSearch/InputSearch2.js";
+import { EMOJI_KEYWORDS as v } from "./emojiKeywords/index.js";
+/* empty css            */
+import { useMemo as _, useState as n } from "react";
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
+var m = [
+  {
+    id: "smileys",
+    icon: "😀",
+    name: "Smileys",
+    emojis: [
+      "😀",
+      "😃",
+      "😄",
+      "😁",
+      "😆",
+      "😅",
+      "😂",
+      "🤣",
+      "😊",
+      "😇",
+      "🙂",
+      "🙃",
+      "😉",
+      "😌",
+      "😍",
+      "🥰",
+      "😘",
+      "😗",
+      "😙",
+      "😚",
+      "😋",
+      "😛",
+      "😝",
+      "😜",
+      "🤪",
+      "🤨",
+      "🧐",
+      "🤓",
+      "😎",
+      "🤩",
+      "🥳",
+      "😏",
+      "😒",
+      "😞",
+      "😔",
+      "😟",
+      "😕",
+      "🙁",
+      "😣",
+      "😖",
+      "😫",
+      "😩",
+      "🥺",
+      "😢",
+      "😭",
+      "😤",
+      "😠",
+      "😡",
+      "🤬",
+      "🤯",
+      "😳",
+      "🥵",
+      "🥶",
+      "😱",
+      "😨",
+      "😰",
+      "😥",
+      "😓",
+      "🤗",
+      "🤔",
+      "🤭",
+      "🤫",
+      "🤥",
+      "😶",
+      "😐",
+      "😑",
+      "😬",
+      "🙄",
+      "😯",
+      "😦",
+      "😧",
+      "😮",
+      "😲",
+      "🥱",
+      "😴",
+      "😷",
+      "🤒",
+      "🤕",
+      "🤢",
+      "🤮",
+      "🤧",
+      "😵",
+      "🤐",
+      "🥴"
+    ]
+  },
+  {
+    id: "people",
+    icon: "👋",
+    name: "People",
+    emojis: [
+      "👋",
+      "🤚",
+      "🖐️",
+      "✋",
+      "🖖",
+      "👌",
+      "🤌",
+      "✌️",
+      "🤞",
+      "🤟",
+      "🤘",
+      "🤙",
+      "👈",
+      "👉",
+      "👆",
+      "🖕",
+      "👇",
+      "☝️",
+      "👍",
+      "👎",
+      "✊",
+      "👊",
+      "🤛",
+      "🤜",
+      "👏",
+      "🙌",
+      "👐",
+      "🤲",
+      "🙏",
+      "✍️",
+      "💪",
+      "🦾",
+      "🦿",
+      "🦵",
+      "🦶",
+      "👂",
+      "🦻",
+      "👃",
+      "🫀",
+      "🫁",
+      "🧠",
+      "🦷",
+      "🦴",
+      "👀",
+      "👁️",
+      "👶",
+      "🧒",
+      "👦",
+      "👧",
+      "🧑",
+      "👱",
+      "👨",
+      "🧔",
+      "👩",
+      "🧓",
+      "👴",
+      "👵",
+      "🙍",
+      "🙎",
+      "🙅",
+      "🙆",
+      "💁",
+      "🙋",
+      "🧏",
+      "🙇",
+      "🤦",
+      "🤷",
+      "👮",
+      "🕵️",
+      "💂",
+      "🥷",
+      "👷",
+      "🫅",
+      "🤴",
+      "👸"
+    ]
+  },
+  {
+    id: "animals",
+    icon: "🐶",
+    name: "Animals",
+    emojis: [
+      "🐶",
+      "🐱",
+      "🐭",
+      "🐹",
+      "🐰",
+      "🦊",
+      "🐻",
+      "🐼",
+      "🐻‍❄️",
+      "🐨",
+      "🐯",
+      "🦁",
+      "🐮",
+      "🐷",
+      "🐸",
+      "🐵",
+      "🙈",
+      "🙉",
+      "🙊",
+      "🐔",
+      "🐧",
+      "🐦",
+      "🐤",
+      "🦆",
+      "🦅",
+      "🦉",
+      "🦇",
+      "🐺",
+      "🐗",
+      "🐴",
+      "🦄",
+      "🐝",
+      "🪱",
+      "🐛",
+      "🦋",
+      "🐌",
+      "🐞",
+      "🐜",
+      "🪲",
+      "🦟",
+      "🦗",
+      "🕷️",
+      "🦂",
+      "🐢",
+      "🐍",
+      "🦎",
+      "🦖",
+      "🦕",
+      "🐙",
+      "🦑",
+      "🦐",
+      "🦞",
+      "🦀",
+      "🐡",
+      "🐠",
+      "🐟",
+      "🐬",
+      "🐳",
+      "🐋",
+      "🦈",
+      "🐊",
+      "🐅",
+      "🐆",
+      "🦓",
+      "🦍",
+      "🦧",
+      "🦣",
+      "🐘",
+      "🦛",
+      "🦏",
+      "🐪",
+      "🐫",
+      "🦒",
+      "🦘",
+      "🦬"
+    ]
+  },
+  {
+    id: "food",
+    icon: "🍎",
+    name: "Food",
+    emojis: [
+      "🍎",
+      "🍊",
+      "🍋",
+      "🍇",
+      "🍓",
+      "🫐",
+      "🍈",
+      "🍒",
+      "🍑",
+      "🥭",
+      "🍍",
+      "🥥",
+      "🥝",
+      "🍅",
+      "🍆",
+      "🥑",
+      "🥦",
+      "🥬",
+      "🥒",
+      "🌶️",
+      "🫑",
+      "🧄",
+      "🧅",
+      "🥔",
+      "🍠",
+      "🥐",
+      "🥯",
+      "🍞",
+      "🥖",
+      "🥨",
+      "🧀",
+      "🥚",
+      "🍳",
+      "🧈",
+      "🥞",
+      "🧇",
+      "🥓",
+      "🥩",
+      "🍗",
+      "🍖",
+      "🌭",
+      "🍔",
+      "🍟",
+      "🍕",
+      "🌮",
+      "🌯",
+      "🫔",
+      "🥙",
+      "🧆",
+      "🥚",
+      "🍜",
+      "🍝",
+      "🍣",
+      "🍱",
+      "🍛",
+      "🍲",
+      "🍛",
+      "🥘",
+      "🫕",
+      "🍱",
+      "🍦",
+      "🍧",
+      "🍨",
+      "🍩",
+      "🍪",
+      "🎂",
+      "🍰",
+      "🧁",
+      "🥧",
+      "🍫",
+      "🍬",
+      "🍭",
+      "🍮",
+      "🍯",
+      "🍵",
+      "☕",
+      "🧃",
+      "🥤",
+      "🧋",
+      "🍺",
+      "🍻",
+      "🥂",
+      "🍷",
+      "🥃",
+      "🍸",
+      "🍹",
+      "🧉",
+      "🍾"
+    ]
+  },
+  {
+    id: "travel",
+    icon: "✈️",
+    name: "Travel",
+    emojis: [
+      "🚗",
+      "🚕",
+      "🚙",
+      "🚌",
+      "🚎",
+      "🏎️",
+      "🚓",
+      "🚑",
+      "🚒",
+      "🚐",
+      "🛻",
+      "🚚",
+      "🚛",
+      "🚜",
+      "🏍️",
+      "🛵",
+      "🛺",
+      "🚲",
+      "🛴",
+      "🛹",
+      "🛼",
+      "🚁",
+      "🛸",
+      "✈️",
+      "🛩️",
+      "🛫",
+      "🛬",
+      "🚀",
+      "🛶",
+      "⛵",
+      "🚤",
+      "🛥️",
+      "🛳️",
+      "⛴️",
+      "🚢",
+      "⚓",
+      "🗺️",
+      "🧭",
+      "🏔️",
+      "⛰️",
+      "🌋",
+      "🗻",
+      "🏕️",
+      "🏖️",
+      "🏜️",
+      "🏝️",
+      "🏞️",
+      "🏟️",
+      "🏛️",
+      "🏗️",
+      "🧱",
+      "🏘️",
+      "🏚️",
+      "🏠",
+      "🏡",
+      "🏢",
+      "🏣",
+      "🏤",
+      "🏥",
+      "🏦",
+      "🏨",
+      "🏩",
+      "🏪",
+      "🏫",
+      "🏬",
+      "🏭",
+      "🏯",
+      "🏰",
+      "💒",
+      "🗼",
+      "🗽",
+      "⛪",
+      "🕌",
+      "🛕",
+      "🗾"
+    ]
+  },
+  {
+    id: "activities",
+    icon: "⚽",
+    name: "Activities",
+    emojis: [
+      "⚽",
+      "🏀",
+      "🏈",
+      "⚾",
+      "🥎",
+      "🎾",
+      "🏐",
+      "🏉",
+      "🥏",
+      "🎱",
+      "🏓",
+      "🏸",
+      "🏒",
+      "🏑",
+      "🥍",
+      "🏏",
+      "🪃",
+      "🥅",
+      "⛳",
+      "🪁",
+      "🎣",
+      "🤿",
+      "🎽",
+      "🎿",
+      "🛷",
+      "🥌",
+      "🎯",
+      "🪀",
+      "🪆",
+      "🎮",
+      "🎲",
+      "🧩",
+      "🧸",
+      "🪅",
+      "🎭",
+      "🎨",
+      "🎬",
+      "🎤",
+      "🎧",
+      "🎼",
+      "🎵",
+      "🎶",
+      "🎷",
+      "🎸",
+      "🎹",
+      "🎺",
+      "🎻",
+      "🥁",
+      "🪘",
+      "🎙️",
+      "📻",
+      "🎚️",
+      "🎛️",
+      "📺",
+      "📷",
+      "📸",
+      "🎥",
+      "🎞️",
+      "📽️",
+      "🎦",
+      "🏋️",
+      "🤼",
+      "🤸",
+      "🤺",
+      "⛹️",
+      "🤾",
+      "🏌️",
+      "🏇",
+      "🧘",
+      "🏄",
+      "🏊",
+      "🤽",
+      "🚣",
+      "🧗",
+      "🚵"
+    ]
+  },
+  {
+    id: "objects",
+    icon: "💡",
+    name: "Objects",
+    emojis: [
+      "⌚",
+      "📱",
+      "💻",
+      "🖥️",
+      "🖨️",
+      "⌨️",
+      "🖱️",
+      "🖲️",
+      "💾",
+      "💿",
+      "📀",
+      "📷",
+      "📸",
+      "📹",
+      "🎥",
+      "📽️",
+      "📞",
+      "☎️",
+      "📺",
+      "📻",
+      "🧭",
+      "⏰",
+      "⌛",
+      "⏳",
+      "📡",
+      "🔋",
+      "🔌",
+      "💡",
+      "🔦",
+      "🕯️",
+      "🪔",
+      "🧯",
+      "🛢️",
+      "💸",
+      "💵",
+      "💴",
+      "💶",
+      "💷",
+      "🪙",
+      "💰",
+      "💳",
+      "📫",
+      "📪",
+      "📬",
+      "📭",
+      "📦",
+      "📝",
+      "📋",
+      "📁",
+      "📂",
+      "🗂️",
+      "📅",
+      "📆",
+      "🗒️",
+      "🗓️",
+      "📌",
+      "📍",
+      "📎",
+      "🖇️",
+      "📏",
+      "📐",
+      "✂️",
+      "🗃️",
+      "🗄️",
+      "🗑️",
+      "🔒",
+      "🔓",
+      "🔏",
+      "🔐",
+      "🔑",
+      "🗝️",
+      "🔨",
+      "🪓",
+      "⛏️",
+      "⚒️",
+      "🛠️",
+      "🗡️",
+      "⚔️",
+      "🔫",
+      "🛡️",
+      "🪚",
+      "🔧",
+      "🪛",
+      "🔩",
+      "⚙️",
+      "🗜️",
+      "⚗️",
+      "🧪",
+      "🧫",
+      "🔬",
+      "🔭",
+      "📡",
+      "💊",
+      "🩺",
+      "🩻",
+      "🩹",
+      "🩸",
+      "🧬",
+      "🦠",
+      "🧲",
+      "🧱",
+      "🚪",
+      "🛋️",
+      "🪑",
+      "🚽"
+    ]
+  },
+  {
+    id: "symbols",
+    icon: "❤️",
+    name: "Symbols",
+    emojis: [
+      "❤️",
+      "🧡",
+      "💛",
+      "💚",
+      "💙",
+      "💜",
+      "🖤",
+      "🤍",
+      "🤎",
+      "💔",
+      "❣️",
+      "💕",
+      "💞",
+      "💓",
+      "💗",
+      "💖",
+      "💘",
+      "💝",
+      "💟",
+      "☮️",
+      "✝️",
+      "☪️",
+      "🕉️",
+      "☸️",
+      "🔯",
+      "🪯",
+      "☯️",
+      "✡️",
+      "🕎",
+      "☦️",
+      "🔱",
+      "⚜️",
+      "🔰",
+      "♻️",
+      "✅",
+      "❎",
+      "🔴",
+      "🟠",
+      "🟡",
+      "🟢",
+      "🔵",
+      "🟣",
+      "⚫",
+      "⚪",
+      "🟤",
+      "🔺",
+      "🔻",
+      "💠",
+      "🔶",
+      "🔷",
+      "🔸",
+      "🔹",
+      "🔘",
+      "🔲",
+      "🔳",
+      "▪️",
+      "▫️",
+      "◾",
+      "◽",
+      "◼️",
+      "◻️",
+      "⬛",
+      "⬜",
+      "🟥",
+      "🟧",
+      "🟨",
+      "🟩",
+      "🟦",
+      "🟪",
+      "⭕",
+      "✔️",
+      "❌",
+      "❓",
+      "❗",
+      "💯",
+      "🔅",
+      "🔆",
+      "🔱",
+      "📛",
+      "🔰",
+      "⛔",
+      "🚫",
+      "💢",
+      "♨️",
+      "🚷",
+      "📵",
+      "🔞",
+      "🔃",
+      "🔄",
+      "🔙",
+      "🔚",
+      "🔛",
+      "🔜",
+      "🔝",
+      "🆗",
+      "🆕",
+      "🆙",
+      "🆒",
+      "🆓",
+      "🆖",
+      "📶",
+      "🈴",
+      "🈵",
+      "🈹",
+      "🈲"
+    ]
+  }
+], E = ({ value: t, onChange: l }) => {
+  const [o, d] = n(""), [r, j] = n(m[0].id), c = _(() => {
+    if (!o.trim()) return null;
+    const e = o.toLowerCase();
+    return m.flatMap((s) => s.emojis.filter((p) => v[p]?.some((u) => u.includes(e)) || s.name.toLowerCase().includes(e)));
+  }, [o]), a = c ?? m.find((e) => e.id === r)?.emojis ?? [];
+  return /* @__PURE__ */ f("div", {
+    className: "emoji-picker",
+    children: [
+      /* @__PURE__ */ i("div", {
+        className: "emoji-picker__search",
+        children: /* @__PURE__ */ i(h, {
+          placeholder: "Search emoji...",
+          value: o,
+          onChange: d,
+          autoFocus: !0
+        })
+      }),
+      !c && /* @__PURE__ */ i("div", {
+        className: "emoji-picker__categories",
+        children: m.map((e) => /* @__PURE__ */ i("button", {
+          className: `emoji-picker__cat-btn${r === e.id ? " is-active" : ""}`,
+          title: e.name,
+          onClick: () => j(e.id),
+          children: e.icon
+        }, e.id))
+      }),
+      /* @__PURE__ */ i("div", {
+        className: "emoji-picker__grid",
+        children: a.length === 0 ? /* @__PURE__ */ i("p", {
+          className: "emoji-picker__empty",
+          children: "No results"
+        }) : a.map((e, s) => /* @__PURE__ */ i("button", {
+          className: `emoji-picker__emoji${t === e ? " is-selected" : ""}`,
+          onClick: () => l?.(e),
+          children: e
+        }, s))
+      })
+    ]
+  });
+};
+export {
+  E as EmojiPicker
+};