From 8d3d7c7051ddffe8179a2b47406df826c67ee2e2 Mon Sep 17 00:00:00 2001
From: Jan Podmajersky <janpod@cisco.com>
Date: Tue, 18 Jun 2024 10:54:01 +0200
Subject: [PATCH] change(emoji-mart-react): update package and readme to new
 package structure

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                              | 6 +++---
 package.json                           | 2 +-
 packages/emoji-mart-react/README.md    | 7 ++++---
 packages/emoji-mart-react/package.json | 8 ++++----
 packages/emoji-mart-react/react.tsx    | 2 +-
 packages/emoji-mart/README.md          | 4 ++--
 6 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 76cf71128..97d44d4a8 100644
--- a/README.md
+++ b/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 = [
   {
diff --git a/package.json b/package.json
index 8c570ee4c..6c5b1acb2 100644
--- a/package.json
+++ b/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 .",
diff --git a/packages/emoji-mart-react/README.md b/packages/emoji-mart-react/README.md
index 6f4956bc1..0df869e13 100644
--- a/packages/emoji-mart-react/README.md
+++ b/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 (
diff --git a/packages/emoji-mart-react/package.json b/packages/emoji-mart-react/package.json
index cb634ffd9..55e811477 100644
--- a/packages/emoji-mart-react/package.json
+++ b/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": [
diff --git a/packages/emoji-mart-react/react.tsx b/packages/emoji-mart-react/react.tsx
index 978a87d57..10477f1eb 100644
--- a/packages/emoji-mart-react/react.tsx
+++ b/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)
diff --git a/packages/emoji-mart/README.md b/packages/emoji-mart/README.md
index 23a21d766..8356e8b0b 100644
--- a/packages/emoji-mart/README.md
+++ b/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 = [
   {