draftail - npm Package Compare versions

Comparing version 0.16.0 to 0.17.0

CHANGELOG.md

@@ -7,2 +7,26 @@ # Changelog
 
+## [[v0.17.0]](https://github.com/springload/draftail/releases/tag/v0.17.0)
+
+### Added
+
+* Add basic API for arbitrary controls in the toolbar.
+* Expose `ToolbarButton` component in the API.
+* Add ability to set `ariaDescribedBy` prop of Draft.js.
+
+### Changed
+
+* Replace block entities by a paragraph when using `onRemoveEntity`.
+* Replace `ListNesting` implementation with the one from `draftjs-conductor`.
+
+### Fixed
+
+* Fix copy-paste filter running more often than necessary.
+* Use darker placeholder text color to pass WCAG2.0 AAA level contrast ratio. Overridable via `$draftail-placeholder-text`.
+* Fix HR block spacing at the top of the editor.
+
+### Removed
+
+* Remove `DraftUtils.isSelectedBlockType()`.
+* Remove `DraftUtils.hasCurrentInlineStyle()`.
+
 ## [[v0.16.0]](https://github.com/springload/draftail/releases/tag/v0.16.0)
@@ -9,0 +33,0 @@

package.json

 {
   "name": "draftail",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "📝🍸 A configurable rich text editor based on Draft.js, built for Wagtail",
@@ -90,3 +90,4 @@ "author": "Springload",
       "/dist/",
-      "/es/"
+      "/es/",
+      "/integration/"
     ],
@@ -105,2 +106,3 @@ "coveragePathIgnorePatterns": [
   "dependencies": {
+    "draftjs-conductor": "^0.1.0",
     "draftjs-filters": "^0.7.0"
@@ -112,3 +114,3 @@ },
     "babel-cli": "^6.24.1",
-    "babel-jest": "^22.0.0",
+    "babel-jest": "^22.2.2",
     "babel-loader": "^7.1.1",
@@ -128,6 +130,11 @@ "babel-plugin-external-helpers": "^6.22.0",
     "eslint-plugin-springload": "^2.2.0",
+    "express": "^4.15.5",
     "extract-text-webpack-plugin": "^3.0.0",
     "html-webpack-plugin": "^2.30.1",
     "immutable": "~3.7.4",
-    "jest": "^22.0.0",
+    "jest": "^22.2.2",
+    "jest-axe": "^2.1.1",
+    "jest-environment-node": "^22.2.2",
+    "jest-image-snapshot": "^2.3.0",
+    "mkdirp": "^0.5.1",
     "node-sass": "^4.5.3",
@@ -139,2 +146,3 @@ "normalize.css": "^7.0.0",
     "prop-types": "^15.6.0",
+    "puppeteer": "^1.0.0",
     "react": "^16.1.1",
@@ -144,2 +152,4 @@ "react-dom": "^16.1.1",
     "react-test-renderer": "^16.1.1",
+    "reading-time": "^1.1.0",
+    "rimraf": "^2.6.2",
     "rollup": "^0.53.4",
@@ -172,2 +182,4 @@ "rollup-plugin-babel": "^3.0.3",
     "test": "jest",
+    "test:integration": "jest --config tests/integration/jest.config.js",
+    "test:integration:watch": "jest --config tests/integration/jest.config.js --watch",
     "test:coverage": "jest --coverage",
@@ -178,4 +190,5 @@ "test:watch": "jest --watch",
     "report:build": "open webpack/webpack-stats.html",
-    "test:ci": "npm run lint -s && npm run test:coverage -s && npm run dist -s"
+    "test:ci": "npm run lint -s && npm run test:coverage -s && npm run dist -s && npm run test:integration -s",
+    "prepublishOnly": "npm run dist -s"
   }
 }

README.md

@@ -135,2 +135,4 @@ # [Draftail](https://springload.github.io/draftail/) [![npm](https://img.shields.io/npm/v/draftail.svg?style=flat-square)](https://www.npmjs.com/package/draftail) [![Build Status](https://travis-ci.org/springload/draftail.svg?branch=master)](https://travis-ci.org/springload/draftail) [![Coverage Status](https://coveralls.io/repos/github/springload/draftail/badge.svg)](https://coveralls.io/github/springload/draftail) [<img src="https://cdn.rawgit.com/springload/awesome-wagtail/ac912cc661a7099813f90545adffa6bb3e75216c/logo.svg" width="104" align="right" alt="Wagtail">](https://wagtail.io/)
 autoCorrect: null,
+// See https://draftjs.org/docs/api-reference-editor.html#aria-props.
+ariaDescribedBy: null,
 // List of the available block types.
@@ -144,2 +146,4 @@ blockTypes: [],
 decorators: [],
+// Additional React components to render in the toolbar.
+controls: [],
 // Max level of nesting for list items. 0 = no nesting. Maximum = 10.
@@ -474,2 +478,8 @@ maxListNesting: 1,
 
+#### Other controls
+
+Finally, Draftail also has an API to add arbitrary controls in the toolbar, via the `controls` prop. This prop takes an array of React components, which will be given a `getEditorState` function and the `onChange` handler as props.
+
+Those controls can import the `Icon` and `ToolbarButton` components from Draftail if necessary.
+
 ## UI and styling
@@ -476,0 +486,0 @@

No alert changes

Improved metrics

Total package byte prevSize

216895

increased by1.63%

Lines of code

3682

increased by2.51%

Number of lines in readme file

593

increased by1.72%

Worsened metrics

Dependency count

6

increased by20%

Dev dependency count

46

increased by21.05%

Number of low supply chain risk alerts

12

increased by20%

Dependency changes

• + Addeddraftjs-conductor@^0.1.0

• + Addeddraftjs-conductor@0.1.0(transitive)