react-design-editor 0.0.51 → 0.0.54

package/dist/react-design-editor.js

@@ -193676,9 +193676,12 @@ var TransactionHandler_TransactionHandler = /*#__PURE__*/createClass_default()(f
 var ZoomHandler_ZoomHandler = /*#__PURE__*/createClass_default()(function ZoomHandler(handler) {
   var _this = this;
 
+  var zoomStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.05;
+
   classCallCheck_default()(this, ZoomHandler);
 
   this.handler = void 0;
+  this._zoomStep = void 0;
 
   this.zoomToPoint = function (point, zoom) {
     var _this$handler = _this.handler,
@@ -193759,7 +193762,7 @@ var ZoomHandler_ZoomHandler = /*#__PURE__*/createClass_default()(function ZoomHa
   this.zoomIn = function () {
     var zoomRatio = _this.handler.canvas.getZoom();
 
-    zoomRatio += 0.05;
+    zoomRatio += _this._zoomStep;
 
     var center = _this.handler.canvas.getCenter();
 
@@ -193769,7 +193772,7 @@ var ZoomHandler_ZoomHandler = /*#__PURE__*/createClass_default()(function ZoomHa
   this.zoomOut = function () {
     var zoomRatio = _this.handler.canvas.getZoom();
 
-    zoomRatio -= 0.05;
+    zoomRatio -= _this._zoomStep;
 
     var center = _this.handler.canvas.getCenter();
 
@@ -193831,6 +193834,7 @@ var ZoomHandler_ZoomHandler = /*#__PURE__*/createClass_default()(function ZoomHa
   };
 
   this.handler = handler;
+  this._zoomStep = zoomStep;
 }
 /**
  * Zoom to point
@@ -200150,9 +200154,9 @@ var EventHandler_EventHandler = /*#__PURE__*/function () {
       var zoomRatio = _this.handler.canvas.getZoom();
 
       if (delta > 0) {
-        zoomRatio -= 0.05;
+        zoomRatio -= _this.handler.zoomStep;
       } else {
-        zoomRatio += 0.05;
+        zoomRatio += _this.handler.zoomStep;
       }
 
       _this.handler.zoomHandler.zoomToPoint(new fabric["fabric"].Point(_this.handler.canvas.getWidth() / 2, _this.handler.canvas.getHeight() / 2), zoomRatio);
@@ -200542,6 +200546,8 @@ var EventHandler_EventHandler = /*#__PURE__*/function () {
                           });
 
                           if (filteredObjects.length === 1) {
+                            var _this$handler$onAdd, _this$handler3;
+
                             var obj = filteredObjects[0];
 
                             if (typeof obj.cloneable !== 'undefined' && !obj.cloneable) {
@@ -200556,7 +200562,11 @@ var EventHandler_EventHandler = /*#__PURE__*/function () {
                             _this.handler.canvas.setActiveObject(createdObj);
 
                             _this.handler.canvas.requestRenderAll();
+
+                            (_this$handler$onAdd = (_this$handler3 = _this.handler).onAdd) === null || _this$handler$onAdd === void 0 ? void 0 : _this$handler$onAdd.call(_this$handler3, createdObj);
                           } else {
+                            var _this$handler$onAdd2, _this$handler4;
+
                             var nodes = [];
                             var targets = [];
                             objects.forEach(function (obj) {
@@ -200587,6 +200597,8 @@ var EventHandler_EventHandler = /*#__PURE__*/function () {
                             _this.handler.canvas.setActiveObject(activeSelection);
 
                             _this.handler.canvas.requestRenderAll();
+
+                            (_this$handler$onAdd2 = (_this$handler4 = _this.handler).onAdd) === null || _this$handler$onAdd2 === void 0 ? void 0 : _this$handler$onAdd2.call(_this$handler4, activeSelection);
                           }
 
                           if (!_this.handler.transactionHandler.active) {
@@ -200642,9 +200654,9 @@ var EventHandler_EventHandler = /*#__PURE__*/function () {
     }();
 
     this.keydown = function (e) {
-      var _this$handler3 = _this.handler,
-          keyEvent = _this$handler3.keyEvent,
-          editable = _this$handler3.editable;
+      var _this$handler5 = _this.handler,
+          keyEvent = _this$handler5.keyEvent,
+          editable = _this$handler5.editable;
 
       if (!Object.keys(keyEvent).length) {
         return;
@@ -200764,9 +200776,9 @@ var EventHandler_EventHandler = /*#__PURE__*/function () {
 
     this.contextmenu = function (e) {
       e.preventDefault();
-      var _this$handler4 = _this.handler,
-          editable = _this$handler4.editable,
-          onContext = _this$handler4.onContext;
+      var _this$handler6 = _this.handler,
+          editable = _this$handler6.editable,
+          onContext = _this$handler6.onContext;
 
       if (editable && onContext) {
         var target = _this.handler.canvas.findTarget(e, false);
@@ -201742,6 +201754,7 @@ var Handler_Handler = /*#__PURE__*/function () {
     this.interactionMode = void 0;
     this.minZoom = void 0;
     this.maxZoom = void 0;
+    this.zoomStep = 0.05;
     this.propertiesToInclude = defaults_namespaceObject.propertiesToInclude;
     this.workareaOption = defaults_namespaceObject.workareaOption;
     this.canvasOption = defaults_namespaceObject.canvasOption;
@@ -201809,6 +201822,7 @@ var Handler_Handler = /*#__PURE__*/function () {
       _this.interactionMode = options.interactionMode;
       _this.minZoom = options.minZoom;
       _this.maxZoom = options.maxZoom;
+      _this.zoomStep = options.zoomStep || 0.05;
       _this.zoomEnabled = options.zoomEnabled;
       _this.width = options.width;
       _this.height = options.height;
@@ -201857,7 +201871,7 @@ var Handler_Handler = /*#__PURE__*/function () {
       _this.animationHandler = new handlers_AnimationHandler(_this);
       _this.contextmenuHandler = new handlers_ContextmenuHandler(_this);
       _this.tooltipHandler = new handlers_TooltipHandler(_this);
-      _this.zoomHandler = new handlers_ZoomHandler(_this);
+      _this.zoomHandler = new handlers_ZoomHandler(_this, _this.zoomStep);
       _this.interactionHandler = new handlers_InteractionHandler(_this);
       _this.transactionHandler = new handlers_TransactionHandler(_this);
       _this.gridHandler = new handlers_GridHandler(_this);
@@ -203741,7 +203755,7 @@ var Canvas_InternalCanvas = /*#__PURE__*/function (_Component) {
       var mergedCanvasOption = Object.assign({}, defaults_namespaceObject.canvasOption, canvasOption, {
         width: width,
         height: height,
-        selection: typeof canvasOption.selection !== 'undefined' && canvasOption.selection || editable
+        selection: typeof (canvasOption === null || canvasOption === void 0 ? void 0 : canvasOption.selection) !== 'undefined' && (canvasOption === null || canvasOption === void 0 ? void 0 : canvasOption.selection) || editable
       });
       this.canvas = new fabric["fabric"].Canvas("canvas_".concat(id), mergedCanvasOption);
       this.canvas.setBackgroundColor(mergedCanvasOption.backgroundColor, this.canvas.renderAll.bind(this.canvas));