Chore: Release a new version v3.12.14🚀

CHANGELOG.md

@@ -26,6 +26,18 @@ Types of changes:
 - ...
 
 -------------
+## 3.12.14 - 2020-2-20
+### Improved
+- Update dependencies (styled-components, React, react-dom & @babel).
+- Switching to automatic runtime for JSX transformation.
+- The styles of actions (save, save as, back, close, cancel & apply) buttons.
+
+### Added
+- `replaceCloseWithBackButton` for replacing the close icon at the top right with a back button at the top left.
+
+### Removed
+- `closeButtonProps` property from the config and replaced with the above `replaceCloseWithBackButton`.
+
 ## 3.12.13 - 2020-2-18
 ### Fixed
 - The style of saveAs menu buttons.

README.md

@@ -1,6 +1,6 @@
 > Repository includes React version and Vanilla JS adapter for standalone usage
 
-[![Release](https://img.shields.io/badge/release-v3.12.13-blue.svg)](https://github.com/scaleflex/filerobot-image-editor/releases)
+[![Release](https://img.shields.io/badge/release-v3.12.14-blue.svg)](https://github.com/scaleflex/filerobot-image-editor/releases)
 [![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 [![Scaleflex team](https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg)](https://www.scaleflex.it/en/home)
@@ -140,7 +140,7 @@ or use your custom color scheme
 Use the latest CDNized plugin version:
 
 ```html
-<script src="https://cdn.scaleflex.it/plugins/filerobot-image-editor/3.12.13/filerobot-image-editor.min.js"></script>
+<script src="https://cdn.scaleflex.it/plugins/filerobot-image-editor/3.12.14/filerobot-image-editor.min.js"></script>
 ```
 
 ### <a name="quick_start"></a>Quick start
@@ -466,22 +466,11 @@ The id used for the editor's wrapper element whether it's inside a modal or an e
 
 Disabling the auto capitalizing of first letter of strings using (text-transform) css property
 
-### `closeButtonProps`: object
+### `replaceCloseWithBackButton`: boolean
 
-**default**: null
+**default**: false
 
-Customizing the top left corner close button to fit your needs
-example:
-```
-config.closeButtonProps = {
-  label: 'Back',
-  noLabel: false,
-  title: 'Back to main',
-  styles: "color: rgba(255, 255, 255, 0.75);",
-  hoverStyles: "color: rgba(255, 255, 255, 1); text-decoration: underline;",
-  beforeStyles: "color: rgba(255, 255, 255, 0.5)"
-}
-```
+Removes the iconed close button on the top right & replaces it with an iconed back button on the top left.
 
 ##### `label`: string
 

examples/js/src/filerobot-init-example.js

@@ -45,6 +45,7 @@ ImageEditorDownload = new FilerobotImageEditor({
       widthLimit: 2000,
       heightLimit: 2000
     },
+    // replaceCloseWithBackButton: true - default: false,
     beginCropArea: 1,
     //cropBeforeEdit: {
     //  width: 400,
@@ -85,14 +86,6 @@ ImageEditorDownload = new FilerobotImageEditor({
     showGoBackBtn: false,
     showInModal: true,
     noCapitalStrs: false, // default: false
-    // closeButtonProps: {
-    //   label: 'Back',
-    //   noLabel: false,
-    //   title: 'Back to main',
-    //   styles: "color: rgba(255, 255, 255, 0.75);",
-    //   hoverStyles: "color: rgba(255, 255, 255, 1); text-decoration: underline;",
-    //   beforeStyles: "color: rgba(255, 255, 255, 0.5)"
-    // },
     // minCropAreaWidth: 600, //default: undefined
     // minCropAreaHeight: 500, // default: undefined
     //cropPresets: [
@@ -146,8 +139,8 @@ const configUpload = {
   },
   // theme: {
   //   colors: customThemeColors,
-
   // },
+  replaceCloseWithBackButton: true,
   isLowQualityPreview: true,
   reduceBeforeEdit: {
     mode: 'manual',

examples/js/src/index.html

@@ -297,7 +297,7 @@ <h2>Ready to get started?</h2>
           Include the following script into your project
         </p>
         <figure class="highlight">
-          <pre><code class="javascript">&lt;script src="https://cdn.scaleflex.it/plugins/filerobot-image-editor/3.12.13/filerobot-image-editor.min.js"/&gt;&lt;/script&gt;</code></pre>
+          <pre><code class="javascript">&lt;script src="https://cdn.scaleflex.it/plugins/filerobot-image-editor/3.12.14/filerobot-image-editor.min.js"/&gt;&lt;/script&gt;</code></pre>
         </figure>
       </div>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "filerobot-image-editor",
-  "version": "3.12.13",
+  "version": "3.12.14",
   "main": "dist/index.js",
   "description": "Edit, resize, and filter any image!",
   "author": "scaleflex",