@natterstefan/react-editor-js - npm Package Compare versions

Comparing version 0.1.1 to 0.2.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # react-editor-js
 
+### [0.2.0](https://github.com/natterstefan/react-editor-js/compare/v0.1.1...v0.2.0) (2019-11-13)
+
+### Features
+
+- memoizing react component ([898de34](https://github.com/natterstefan/react-editor-js/commit/898de3441a041460982e605abe6c5bf6340c81e7))
+
 ### [0.1.1](https://github.com/natterstefan/react-editor-js/compare/v0.1.0...v0.1.1) (2019-11-09)
@@ -7,0 +13,0 @@

dist/reacteditorjs.js

@@ -1,2 +0,2 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@editorjs/editorjs"),require("@editorjs/paragraph"),require("@editorjs/header")):"function"==typeof define&&define.amd?define(["react","@editorjs/editorjs","@editorjs/paragraph","@editorjs/header"],r):"object"==typeof exports?exports.ReactEditorJs=r(require("react"),require("@editorjs/editorjs"),require("@editorjs/paragraph"),require("@editorjs/header")):e.ReactEditorJs=r(e.react,e["@editorjs/editorjs"],e["@editorjs/paragraph"],e["@editorjs/header"])}(window,(function(e,r,t,o){return function(e){var r={};function t(o){if(r[o])return r[o].exports;var n=r[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,t),n.l=!0,n.exports}return t.m=e,t.c=r,t.d=function(e,r,o){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:o})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)t.d(o,n,function(r){return e[r]}.bind(null,n));return o},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.p="",t(t.s=0)}([function(e,r,t){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e}).apply(this,arguments)},n=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t},i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)Object.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r.default=e,r},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0});var a=i(t(1)),s=u(t(2)),d=u(t(3)),f=u(t(4));r.default=function(e){var r=e.holder,t=e.editorInstance,i=e.children,u=e.tools,l=n(e,["holder","editorInstance","children","tools"]),c=r||"editorjs";return a.useEffect((function(){var e=null;return e=new s.default(o({tools:o({paragraph:{class:d.default,inlineToolbar:!0},header:f.default},u),holder:c},l)),t&&t(e),function(){e&&e.isReady.then((function(){e.destroy(),e=void 0}))}}),[c,t,l,e,u]),i||a.default.createElement("div",{id:c})}},function(r,t){r.exports=e},function(e,t){e.exports=r},function(e,r){e.exports=t},function(e,r){e.exports=o}])}));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@editorjs/editorjs"),require("@editorjs/paragraph"),require("@editorjs/header")):"function"==typeof define&&define.amd?define(["react","@editorjs/editorjs","@editorjs/paragraph","@editorjs/header"],r):"object"==typeof exports?exports.ReactEditorJs=r(require("react"),require("@editorjs/editorjs"),require("@editorjs/paragraph"),require("@editorjs/header")):e.ReactEditorJs=r(e.react,e["@editorjs/editorjs"],e["@editorjs/paragraph"],e["@editorjs/header"])}(window,(function(e,r,t,o){return function(e){var r={};function t(o){if(r[o])return r[o].exports;var n=r[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,t),n.l=!0,n.exports}return t.m=e,t.c=r,t.d=function(e,r,o){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:o})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)t.d(o,n,function(r){return e[r]}.bind(null,n));return o},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.p="",t(t.s=0)}([function(e,r,t){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e}).apply(this,arguments)},n=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t},i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)Object.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r.default=e,r},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0});var a=i(t(1)),s=u(t(2)),d=u(t(3)),f=u(t(4));r.default=a.memo((function(e){var r=e.holder,t=e.editorInstance,i=e.children,u=e.tools,l=n(e,["holder","editorInstance","children","tools"]),c=r||"editorjs";return a.useEffect((function(){var e=null;return e=new s.default(o({tools:o({paragraph:{class:d.default,inlineToolbar:!0},header:f.default},u),holder:c},l)),t&&t(e),function(){e&&e.isReady.then((function(){e.destroy(),e=void 0}))}}),[c,t,l,e,u]),i||a.default.createElement("div",{id:c})}))},function(r,t){r.exports=e},function(e,t){e.exports=r},function(e,r){e.exports=t},function(e,r){e.exports=o}])}));
 //# sourceMappingURL=reacteditorjs.js.map

es/index.d.ts

@@ -1,2 +0,2 @@
-import { FunctionComponent, ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import EditorJS from '@editorjs/editorjs';
@@ -9,4 +9,4 @@ export interface IEditorJsProps extends EditorJS.EditorConfig {
 export declare type EditorJsProps = Readonly<IEditorJsProps>;
-declare const EditorJs: FunctionComponent<EditorJsProps>;
-export default EditorJs;
+declare const _default: React.NamedExoticComponent<Readonly<IEditorJsProps>>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

es/index.js

@@ -12,3 +12,3 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
-import React, { useEffect } from 'react';
+import React, { memo, useEffect } from 'react';
 import EditorJS from '@editorjs/editorjs';
@@ -41,3 +41,3 @@ import Paragraph from '@editorjs/paragraph';
 };
-export default EditorJs;
+export default memo(EditorJs);
 //# sourceMappingURL=index.js.map

esm/index.d.ts

@@ -1,2 +0,2 @@
-import { FunctionComponent, ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import EditorJS from '@editorjs/editorjs';
@@ -9,4 +9,4 @@ export interface IEditorJsProps extends EditorJS.EditorConfig {
 export declare type EditorJsProps = Readonly<IEditorJsProps>;
-declare const EditorJs: FunctionComponent<EditorJsProps>;
-export default EditorJs;
+declare const _default: React.NamedExoticComponent<Readonly<IEditorJsProps>>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

esm/index.js

@@ -23,3 +23,3 @@ var __assign = (this && this.__assign) || function () {
 };
-import React, { useEffect } from 'react';
+import React, { memo, useEffect } from 'react';
 import EditorJS from '@editorjs/editorjs';
@@ -52,3 +52,3 @@ import Paragraph from '@editorjs/paragraph';
 };
-export default EditorJs;
+export default memo(EditorJs);
 //# sourceMappingURL=index.js.map

lib/index.d.ts

@@ -1,2 +0,2 @@
-import { FunctionComponent, ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import EditorJS from '@editorjs/editorjs';
@@ -9,4 +9,4 @@ export interface IEditorJsProps extends EditorJS.EditorConfig {
 export declare type EditorJsProps = Readonly<IEditorJsProps>;
-declare const EditorJs: FunctionComponent<EditorJsProps>;
-export default EditorJs;
+declare const _default: React.NamedExoticComponent<Readonly<IEditorJsProps>>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

lib/index.js

@@ -63,3 +63,3 @@ "use strict";
 };
-exports.default = EditorJs;
+exports.default = react_1.memo(EditorJs);
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@natterstefan/react-editor-js",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Unofficial react component for editorjs (https://editorjs.io/)",
@@ -5,0 +5,0 @@ "repository": {

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

60802

increased by62.74%

Number of package files

30

increased by66.67%

Lines of code

550

increased by180.61%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes