From 1742a1d5997ff5faed2f9b0971bf4b0856bb8a80 Mon Sep 17 00:00:00 2001
From: Nadeem Shaik <shaik.nadeem@sprinklr.com>
Date: Sat, 8 Jun 2019 11:37:43 +0530
Subject: [PATCH] Add prop to optionally enable grammarly

---
 packages/slate-react/src/components/content.js | 8 +++++++-
 packages/slate-react/src/components/editor.js  | 4 ++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/slate-react/src/components/content.js b/packages/slate-react/src/components/content.js
index 1cbcf76c08e..04dd3199c33 100644
--- a/packages/slate-react/src/components/content.js
+++ b/packages/slate-react/src/components/content.js
@@ -4,6 +4,7 @@ import Types from 'prop-types'
 import getWindow from 'get-window'
 import warning from 'tiny-warning'
 import throttle from 'lodash/throttle'
+import omit from 'lodash/omit'
 import { List } from 'immutable'
 import {
   IS_ANDROID,
@@ -541,8 +542,11 @@ class Content extends React.Component {
       [DATA_ATTRS.KEY]: document.key,
     }
 
+    const domProps = omit(this.props, Object.keys(Content.propTypes))
+
     return (
       <Container
+        {...domProps}
         key={this.tmp.contentKey}
         {...handlers}
         {...data}
@@ -559,7 +563,9 @@ class Content extends React.Component {
         // COMPAT: The Grammarly Chrome extension works by changing the DOM out
         // from under `contenteditable` elements, which leads to weird behaviors
         // so we have to disable it like this. (2017/04/24)
-        data-gramm={false}
+
+        // just the existence of the flag is disabling the extension irrespective of its value
+        data-gramm={customProps['data-gramm'] ? undefined : false}
       >
         <Node
           annotations={value.annotations}
diff --git a/packages/slate-react/src/components/editor.js b/packages/slate-react/src/components/editor.js
index b4502043b54..a8da532bb58 100644
--- a/packages/slate-react/src/components/editor.js
+++ b/packages/slate-react/src/components/editor.js
@@ -5,6 +5,7 @@ import Types from 'prop-types'
 import invariant from 'tiny-invariant'
 import memoizeOne from 'memoize-one'
 import warning from 'tiny-warning'
+import omit from 'lodash/omit'
 import { Editor as Controller } from 'slate'
 
 import EVENT_HANDLERS from '../constants/event-handlers'
@@ -174,8 +175,11 @@ class Editor extends React.Component {
       tagName,
     } = this.props
 
+    const domProps = omit(this.props, Object.keys(Editor.propTypes))
+
     const children = (
       <Content
+        {...domProps}
         ref={this.tmp.contentRef}
         autoCorrect={autoCorrect}
         className={className}