change(emoji-mart-react): update package and readme to new package st…

…ructure

We decided to host our own package on npm, so that others
from Collaboration could benefit from it too.

Related to PS-21122.

README.md

@@ -58,12 +58,12 @@ In this example data is fetched from a content delivery network, but it could al
 ## 🏪 Picker
 ### React
 ```sh
-npm install --save @slidoapp/emoji-mart @emoji-mart/data @emoji-mart/react
+npm install --save @slidoapp/emoji-mart @emoji-mart/data @slidoapp/emoji-mart-react
 ```
 
 ```js
 import data from '@emoji-mart/data'
-import Picker from '@emoji-mart/react'
+import Picker from '@slidoapp/emoji-mart-react'
 
 function App() {
   return (
@@ -123,7 +123,7 @@ You can use custom emojis by providing an array of categories and their emojis.
 
 ```js
 import data from '@emoji-mart/data'
-import Picker from '@emoji-mart/react'
+import Picker from '@slidoapp/emoji-mart-react'
 
 const custom = [
   {

package.json

@@ -9,7 +9,7 @@
     "dev": "yarn workspace @emoji-mart/website dev",
     "build": "yarn workspace @slidoapp/emoji-mart build",
     "build:data": "yarn workspace @emoji-mart/data build",
-    "build:react": "yarn workspace @emoji-mart/react build",
+    "build:react": "yarn workspace @slidoapp/emoji-mart-react build",
     "build:website": "yarn workspace @emoji-mart/website build",
     "check:types": "tsc",
     "prettier": "prettier --check .",

packages/emoji-mart-react/README.md

@@ -1,15 +1,16 @@
-# `@emoji-mart/react`
+# `@slidoapp/emoji-mart-react`
 
 A React wrapper for [EmojiMart](https://missiveapp.com/open/emoji-mart).
+This is a fork of Emoji Mart, done by [slidoapp](https://github.com/slidoapp/emoji-mart/), which fixes some a11y issues.
 
 ## 🧑‍💻 Usage
 ```sh
-npm install --save emoji-mart @emoji-mart/data @emoji-mart/react
+npm install --save @slidoapp/emoji-mart @emoji-mart/data @slidoapp/emoji-mart-react
 ```
 
 ```js
 import data from '@emoji-mart/data'
-import Picker from '@emoji-mart/react'
+import Picker from '@slidoapp/emoji-mart-react'
 
 function App() {
   return (

packages/emoji-mart-react/package.json

@@ -1,12 +1,12 @@
 {
-  "name": "@emoji-mart/react",
-  "version": "1.1.1",
+  "name": "@slidoapp/emoji-mart-react",
+  "version": "1.1.2",
   "description": "React wrapper for Emoji Mart; the emoji picker for the web.",
   "license": "MIT",
   "homepage": "https://missiveapp.com/open/emoji-mart",
   "repository": {
     "type": "git",
-    "url": "https://github.com/missive/emoji-mart",
+    "url": "https://github.com/slidoapp/emoji-mart",
     "directory": "packages/emoji-mart-react"
   },
   "source": "react.tsx",
@@ -18,7 +18,7 @@
     "prepublishOnly": "yarn build"
   },
   "peerDependencies": {
-    "emoji-mart": "^5.2",
+    "@slidoapp/emoji-mart": "^5.6",
     "react": "^16.8 || ^17 || ^18"
   },
   "files": [

packages/emoji-mart-react/react.tsx

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import React, { useEffect, useRef } from 'react'
-import { Picker } from 'emoji-mart'
+import { Picker } from '@slidoapp/emoji-mart'
 
 export default function EmojiPicker(props) {
   const ref = useRef(null)

packages/emoji-mart/README.md

@@ -64,7 +64,7 @@ npm install --save @slidoapp/emoji-mart @emoji-mart/data @slidoapp/emoji-mart-re
 
 ```js
 import data from '@emoji-mart/data'
-import Picker from '@emoji-mart/react'
+import Picker from '@slidoapp/emoji-mart-react'
 
 function App() {
   return (
@@ -124,7 +124,7 @@ You can use custom emojis by providing an array of categories and their emojis.
 
 ```js
 import data from '@emoji-mart/data'
-import Picker from '@emoji-mart/react'
+import Picker from '@slidoapp/emoji-mart-react'
 
 const custom = [
   {