filerobot-image-editor - npm Package Compare versions

Comparing version 3.9.3 to 3.9.4

CHANGELOG.md

@@ -29,2 +29,15 @@ # Changelog
 
+## 3.9.4 - 2020-07-24
+### Fixed
+- go back button visibility
+
+## 3.9.3 - 2020-06-18
+### Fixed
+- image sealing
+- fixed problem of canvas rendering on SSR
+
+### Added
+- support for initial crop area (beginCropArea)
+
+
 ## 3.9.2 - 2020-06-13
@@ -31,0 +44,0 @@ ### Fixed

dist/components/Header/Header.js

@@ -85,5 +85,4 @@ "use strict";
         overlayYHidden: activeTab !== 'watermark'
-      }, /*#__PURE__*/_react.default.createElement(_styledComponents.ActionsWrapper, null, /*#__PURE__*/_react.default.createElement(_styledComponents.LeftActions, {
-        hide: !activeTab
-      }, /*#__PURE__*/_react.default.createElement(_styledComponents.CancelBtn, {
+      }, /*#__PURE__*/_react.default.createElement(_styledComponents.ActionsWrapper, null, /*#__PURE__*/_react.default.createElement(_styledComponents.LeftActions, null, /*#__PURE__*/_react.default.createElement(_styledComponents.CancelBtn, {
+        hide: !activeTab,
         onClick: isOneTool ? onClose : onRevert,
@@ -94,3 +93,2 @@ sm: true,
       }, t["toolbar.cancel"]), showGoBackBtn && /*#__PURE__*/_react.default.createElement(_styledComponents.CancelBtn, {
-        hide: activeTab,
         onClick: onClose,
@@ -97,0 +95,0 @@ sm: true,

dist/styledComponents/Header.ui.js

@@ -17,3 +17,3 @@ "use strict";
 function _templateObject9() {
-  var data = _taggedTemplateLiteral(["\n  background: ", ";\n  border-color: ", ";\n  color: ", ";\n  text-transform: capitalize;\n  \n  :hover {\n    background: ", ";\n    border-color: ", ";\n    color: ", ";  \n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100px;\n  background: ", ";\n  \n  @media (max-width: 768px) {\n    flex-direction: column;\n    height: initial;\n  }\n"]);
 
@@ -28,3 +28,3 @@ _templateObject9 = function _templateObject9() {
 function _templateObject8() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100px;\n  background: ", ";\n  \n  @media (max-width: 768px) {\n    flex-direction: column;\n    height: initial;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  right: 0;\n"]);
 
@@ -39,3 +39,3 @@ _templateObject8 = function _templateObject8() {
 function _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n  right: 0;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: ", ";\n  flex-direction: column;\n  justify-content: center;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  \n  ", ":nth-child(2) {\n    margin-top: 5px;\n  }\n"]);
 
@@ -50,3 +50,3 @@ _templateObject7 = function _templateObject7() {
 function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n  display: ", ";\n  left: 0;\n"]);
+  var data = _taggedTemplateLiteral(["\n  background: ", ";\n  border-color: ", ";\n  color: ", ";\n  text-transform: capitalize;\n  \n  :hover {\n    background: ", ";\n    border-color: ", ";\n    color: ", ";  \n  }\n"]);
 
@@ -134,15 +134,3 @@ _templateObject6 = function _templateObject6() {
 var Actions = (0, _styledComponents.default)('div')(_templateObject5());
-var LeftActions = (0, _styledComponents.default)(Actions)(_templateObject6(), function (p) {
-  return p.hide ? 'none' : 'inline-block';
-});
-exports.LeftActions = LeftActions;
-var RightActions = (0, _styledComponents.default)(Actions)(_templateObject7());
-exports.RightActions = RightActions;
-
-var ToolbarWrapper = _styledComponents.default.div(_templateObject8(), function (props) {
-  return props.theme.colors.secondaryBg;
-});
-
-exports.ToolbarWrapper = ToolbarWrapper;
-var CancelBtn = (0, _styledComponents.default)(_Button.Button)(_templateObject9(), function (props) {
+var CancelBtn = (0, _styledComponents.default)(_Button.Button)(_templateObject6(), function (props) {
   return props.theme.colors.primaryBg;
@@ -161,2 +149,14 @@ }, function (props) {
 exports.CancelBtn = CancelBtn;
+var LeftActions = (0, _styledComponents.default)(Actions)(_templateObject7(), function (p) {
+  return p.hide ? 'none' : 'flex';
+}, CancelBtn);
+exports.LeftActions = LeftActions;
+var RightActions = (0, _styledComponents.default)(Actions)(_templateObject8());
+exports.RightActions = RightActions;
+
+var ToolbarWrapper = _styledComponents.default.div(_templateObject9(), function (props) {
+  return props.theme.colors.secondaryBg;
+});
+
+exports.ToolbarWrapper = ToolbarWrapper;
 ;
@@ -179,2 +179,4 @@
 
+  __REACT_HOT_LOADER__.register(CancelBtn, "CancelBtn", "/Users/dmitry/scaleflex/plugins/filerobot-image-editor/projects/react/styledComponents/Header.ui.js");
+
   __REACT_HOT_LOADER__.register(LeftActions, "LeftActions", "/Users/dmitry/scaleflex/plugins/filerobot-image-editor/projects/react/styledComponents/Header.ui.js");
@@ -185,6 +187,4 @@
   __REACT_HOT_LOADER__.register(ToolbarWrapper, "ToolbarWrapper", "/Users/dmitry/scaleflex/plugins/filerobot-image-editor/projects/react/styledComponents/Header.ui.js");
-
-  __REACT_HOT_LOADER__.register(CancelBtn, "CancelBtn", "/Users/dmitry/scaleflex/plugins/filerobot-image-editor/projects/react/styledComponents/Header.ui.js");
 }();
 
 ;

package.json

 {
   "name": "filerobot-image-editor",
-  "version": "3.9.3",
+  "version": "3.9.4",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "description": "Edit, resize, and filter any image!",

README.md

 > Repository includes React version and Vanilla JS adapter for standalone usage
 
-[![Release](https://img.shields.io/badge/release-v3.9.3-blue.svg)](https://github.com/scaleflex/filerobot-image-editor/releases)
+[![Release](https://img.shields.io/badge/release-v3.9.4-blue.svg)](https://github.com/scaleflex/filerobot-image-editor/releases)
 [![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
@@ -143,3 +143,3 @@ [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 ```html
-<script src="https://cdn.scaleflex.it/plugins/filerobot-image-editor/3.9.3/filerobot-image-editor.min.js"></script>
+<script src="https://cdn.scaleflex.it/plugins/filerobot-image-editor/3.9.4/filerobot-image-editor.min.js"></script>
 ```
@@ -394,2 +394,5 @@
 
+### `beginCropArea`: number | [0-1] - default: 1 (image size)
+The crop area size shown/used automatically on starting crop.
+
 ## <a name="filerobot_integration"></a>Filerobot Integration
@@ -396,0 +399,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

696056

increased by0.06%

Number of lines in readme file

455

increased by0.66%

Worsened metrics

Lines of code

14116

decreased by-0.01%

No dependency changes