emoji-picker-react 4.5.14 → 4.5.16

package/README.md

@@ -2,6 +2,15 @@
 
 ![Picker](https://user-images.githubusercontent.com/11255103/192167134-8205eb89-a71d-4463-8f3a-940e844917d5.gif)
 
+
+____
+
+_If you enjoy using emoji-picker-react<br/>
+You should also consider trying:<br/>
+<img src="https://cdn.jsdelivr.net/gh/ealush/emoji-picker-react@custom_emojis_assets/vest.png" height="16"/> [Vest validation framework](https://vestjs.dev).<br/>_
+
+____
+
 ## What to know before using
 
 - This package assumes it runs in the browser. I have taken many steps to prevent it from failing on the server, but still, it is recommended to only render the component on the client. See troubleshooting section for more information.
@@ -219,48 +228,6 @@ imgUrl: URL for the emoji image
         'https://cdn.jsdelivr.net/gh/ealush/emoji-picker-react@custom_emojis_assets/hat.png',
       id: 'hat'
     },
-    {
-      names: ['Kid'],
-      imgUrl:
-        'https://cdn.jsdelivr.net/gh/ealush/emoji-picker-react@custom_emojis_assets/kid.png',
-      id: 'kid'
-    },
-    {
-      names: ['Mic'],
-      imgUrl:
-        'https://cdn.jsdelivr.net/gh/ealush/emoji-picker-react@custom_emojis_assets/mic.png',
-      id: 'mic'
-    },
-    {
-      names: ['Moab', 'desert'],
-      imgUrl:
-        'https://cdn.jsdelivr.net/gh/ealush/emoji-picker-react@custom_emojis_assets/moab.png',
-      id: 'moab'
-    },
-    {
-      names: ['Potter', 'harry', 'harry potter'],
-      imgUrl:
-        'https://cdn.jsdelivr.net/gh/ealush/emoji-picker-react@custom_emojis_assets/potter.png',
-      id: 'potter'
-    },
-    {
-      names: ['Shroom', 'mushroom'],
-      imgUrl:
-        'https://cdn.jsdelivr.net/gh/ealush/emoji-picker-react@custom_emojis_assets/shroom.png',
-      id: 'shroom'
-    },
-    {
-      names: ['Smily'],
-      imgUrl:
-        'https://cdn.jsdelivr.net/gh/ealush/emoji-picker-react@custom_emojis_assets/smily.png',
-      id: 'smily'
-    },
-    {
-      names: ['Tabby', 'cat'],
-      imgUrl:
-        'https://cdn.jsdelivr.net/gh/ealush/emoji-picker-react@custom_emojis_assets/tabby.png',
-      id: 'tabby'
-    },
     {
       names: ['Vest'],
       imgUrl:
@@ -334,6 +301,10 @@ export function MyApp() {
 }
 ```
 
+# How to Contribute?
+
+Check out the [contributing documentation](https://github.com/ealush/emoji-picker-react/blob/master/CONTRIBUTING.md) to get information about contributing, reporting bugs, suggesting enhancements, and writing code changes to the project!
+
 # Troubleshooting
 
 ## Error Boundary
@@ -364,11 +335,3 @@ For reference, if you only need to shim global, you can add
   window.global = window;
 </script>
 ```
-
-# Other stuff I build
-
-If you enjoy using emoji-picker-react, you may be interested in some of my other open source projects:
-
-- [Vest](https://github.com/ealush/vest) - The best form validation framwork to date.
-- [Context](https://github.com/ealush/vest/tree/latest/packages/context) - Context propagation library for JS Apps.
-- [n4s](https://github.com/ealush/vest/tree/latest/packages/n4s) - enforce: fluent assertion library.

package/dist/components/header/CssSearch.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function CssSearch({ value }: {
+    value: undefined | string;
+}): JSX.Element | null;

package/dist/emoji-picker-react.cjs.development.js

@@ -19225,6 +19225,24 @@ function CategoryNavigation() {
   }));
 }
 
+var SCOPE = /*#__PURE__*/asSelectors(ClassNames.emojiPicker) + " " + /*#__PURE__*/asSelectors(ClassNames.emojiList);
+var EMOJI_BUTTON = /*#__PURE__*/['button', asSelectors(ClassNames.emoji)].join('');
+var CATEGORY = /*#__PURE__*/asSelectors(ClassNames.category);
+function CssSearch(_ref) {
+  var value = _ref.value;
+
+  if (!value) {
+    return null;
+  }
+
+  var q = genQuery(value);
+  return React.createElement("style", null, "\n    " + SCOPE + " " + EMOJI_BUTTON + " {\n      display: none;\n    }\n\n\n    " + SCOPE + " " + q + " {\n      display: flex;\n    }\n\n    " + SCOPE + " " + CATEGORY + ":not(:has(" + q + ")) {\n      display: none;\n    }\n  ");
+}
+
+function genQuery(value) {
+  return [EMOJI_BUTTON, '[data-full-name*="', getNormalizedSearchTerm(value), '"]'].join('');
+}
+
 function SearchContainer() {
   var searchDisabled = useSearchDisabledConfig();
   var isSkinToneInSearch = useIsSkinToneInSearch();
@@ -19266,7 +19284,7 @@ function Search() {
     onFocus: closeAllOpenToggles,
     className: "epr-search",
     type: "text",
-    "aria-controls": 'epr-search-id',
+    "aria-controls": "epr-search-id",
     placeholder: placeholder,
     onChange: function onChange(event) {
       setInc(inc + 1);
@@ -19278,11 +19296,11 @@ function Search() {
     },
     ref: SearchInputRef
   }), searchTerm ? React.createElement("div", {
-    role: 'status',
+    role: "status",
     className: clsx('epr-status-search-results', 'epr-status-visually-hidden'),
-    "aria-live": 'polite',
-    id: 'epr-search-id',
-    "aria-atomic": 'true'
+    "aria-live": "polite",
+    id: "epr-search-id",
+    "aria-atomic": "true"
   }, statusSearchResults) : null, React.createElement("div", {
     className: "epr-icn-search"
   }), React.createElement(Button, {
@@ -19292,18 +19310,6 @@ function Search() {
     className: "epr-icn-clear-search"
   })));
 }
-var CSS_SEARCH_SELECTOR = /*#__PURE__*/asSelectors(ClassNames.emojiPicker) + " " + /*#__PURE__*/asSelectors(ClassNames.emojiList);
-
-function CssSearch(_ref) {
-  var value = _ref.value;
-
-  if (!value) {
-    return null;
-  }
-
-  var searchQuery = "button[data-full-name*=\"" + getNormalizedSearchTerm(value) + "\"]";
-  return React.createElement("style", null, "\n        " + CSS_SEARCH_SELECTOR + " " + asSelectors(ClassNames.category) + ":not(:has(" + searchQuery + ")) {\n        display: none;\n      }\n\n        " + CSS_SEARCH_SELECTOR + " button" + asSelectors(ClassNames.emoji) + ":not(" + searchQuery + ") {\n        display: none;\n      }\n  ");
-}
 
 function Header() {
   return React.createElement(Relative, {