react-contenteditable 3.3.4 → 3.3.5

package/README.md

@@ -52,6 +52,7 @@ class MyComponent extends React.Component {
 |disabled|use true to disable editing|Boolean|
 |onChange|called whenever `innerHTML` changes|Function|
 |onBlur|called whenever the html element is [blurred](https://developer.mozilla.org/en-US/docs/Web/Events/blur)|Function|
+|onFocus|event fires when an element has received [focus](https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event)|Function|
 |onKeyUp|called whenever a key is released|Function|
 |onKeyDown|called whenever a key is pressed |Function|
 |className|the element's [CSS class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class)|String|

package/lib/react-contenteditable.d.ts

@@ -25,10 +25,10 @@ export default class ContentEditable extends React.Component<Props> {
         slot?: string | undefined;
         title?: string | undefined;
         color?: string | undefined;
-        key?: string | number | undefined;
         children?: React.ReactNode;
+        key?: string | number | undefined;
         defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | string[] | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
@@ -270,7 +270,7 @@ export default class ContentEditable extends React.Component<Props> {
     }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
     shouldComponentUpdate(nextProps: Props): boolean;
     componentDidUpdate(): void;
-    emitChange: (originalEvt: React.SyntheticEvent<any, Event>) => void;
+    emitChange: (originalEvt: React.SyntheticEvent<any>) => void;
     static propTypes: {
         html: PropTypes.Validator<string>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/react-contenteditable.js

@@ -23,6 +23,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -34,13 +53,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -133,8 +145,9 @@ var ContentEditable = /** @class */ (function (_super) {
         // Perhaps React (whose VDOM gets outdated because we often prevent
         // rerendering) did not update the DOM. So we update it manually now.
         if (this.props.html !== el.innerHTML) {
-            el.innerHTML = this.lastHtml = this.props.html;
+            el.innerHTML = this.props.html;
         }
+        this.lastHtml = this.props.html;
         replaceCaret(el);
     };
     ContentEditable.propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-contenteditable",
-  "version": "3.3.4",
+  "version": "3.3.5",
   "description": "React component representing an element with editable contents",
   "main": "./lib/react-contenteditable.js",
   "types": "./lib/react-contenteditable.d.ts",
@@ -8,7 +8,7 @@
     "react": ">=16.3"
   },
   "author": "Ophir LOJKINE (original code posted by Sebastien Lorber on stackoverflow)",
-  "license": " Apache-2.0",
+  "license": "Apache-2.0",
   "keywords": [
     "react-component",
     "contenteditable",
@@ -21,9 +21,9 @@
     "url": "https://github.com/lovasoa/react-contenteditable.git"
   },
   "devDependencies": {
-    "@types/react": "^16.9.31",
+    "@types/react": "^16.9.37",
     "react": "^16.13.1",
-    "typescript": "^3.8.3"
+    "typescript": "^3.9.5"
   },
   "scripts": {
     "compile": "tsc",