react-big-calendar - npm Package Compare versions

Comparing version 0.28.2 to 0.28.3

lib/addons/dragAndDrop/EventWrapper.js

@@ -88,3 +88,4 @@ "use strict";
         continuesPrior = _this$props.continuesPrior,
-        continuesAfter = _this$props.continuesAfter;
+        continuesAfter = _this$props.continuesAfter,
+        resizable = _this$props.resizable;
     var children = this.props.children;
@@ -124,3 +125,3 @@ if (event.__isPreview) return _react.default.cloneElement(children, {
 
-    var isResizable = resizableAccessor ? !!(0, _accessors.accessor)(event, resizableAccessor) : true;
+    var isResizable = resizable && (resizableAccessor ? !!(0, _accessors.accessor)(event, resizableAccessor) : true);
 
@@ -194,3 +195,4 @@ if (isResizable || isDraggable) {
   isDragging: _propTypes.default.bool,
-  isResizing: _propTypes.default.bool
+  isResizing: _propTypes.default.bool,
+  resizable: _propTypes.default.bool
 } : {};
@@ -197,0 +199,0 @@ var _default = EventWrapper;

lib/addons/dragAndDrop/withDragAndDrop.js

@@ -40,3 +40,4 @@ "use strict";
  *
- * Set `resizable` to true in your calendar if you want events to be resizable.
+ * Set `resizable` to false in your calendar if you don't want events to be resizable.
+ * `resizable` is set to true by default.
  *
@@ -204,2 +205,3 @@ * The HOC adds `onEventDrop`, `onEventResize`, and `onDragStart` callback properties if the events are
     resizableAccessor: null,
+    resizable: true,
     step: 30
@@ -206,0 +208,0 @@ };

lib/DateContentRow.js

@@ -156,3 +156,4 @@ "use strict";
         longPressThreshold = _this$props5.longPressThreshold,
-        isAllDay = _this$props5.isAllDay;
+        isAllDay = _this$props5.isAllDay,
+        resizable = _this$props5.resizable;
     if (renderForMeasure) return this.renderDummy();
@@ -173,3 +174,4 @@ var metrics = this.slotMetrics(this.props);
       resourceId: resourceId,
-      slotMetrics: metrics
+      slotMetrics: metrics,
+      resizable: resizable
     };
@@ -218,2 +220,3 @@ return _react.default.createElement("div", {
   rtl: _propTypes.default.bool,
+  resizable: _propTypes.default.bool,
   resourceId: _propTypes.default.any,
@@ -220,0 +223,0 @@ renderForMeasure: _propTypes.default.bool,

lib/DayColumn.js

@@ -74,3 +74,4 @@ "use strict";
           timeslots = _this$props.timeslots,
-          dayLayoutAlgorithm = _this$props.dayLayoutAlgorithm;
+          dayLayoutAlgorithm = _this$props.dayLayoutAlgorithm,
+          resizable = _this$props.resizable;
 
@@ -124,3 +125,4 @@ var _assertThisInitialize = (0, _assertThisInitialized2.default)(_this),
             return _this._keyPress(event, e);
-          }
+          },
+          resizable: resizable
         });
@@ -457,2 +459,3 @@ });
   rtl: _propTypes.default.bool,
+  resizable: _propTypes.default.bool,
   accessors: _propTypes.default.object.isRequired,
@@ -459,0 +462,0 @@ components: _propTypes.default.object.isRequired,

lib/EventCell.js

@@ -57,2 +57,3 @@ "use strict";
         props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["style", "className", "event", "selected", "isAllDay", "onSelect", "onDoubleClick", "onKeyPress", "localizer", "continuesPrior", "continuesAfter", "accessors", "getters", "children", "components", "slotStart", "slotEnd"]);
+    delete props.resizable;
     var title = accessors.title(event);
@@ -110,2 +111,3 @@ var tooltip = accessors.tooltip(event);
   slotEnd: _propTypes.default.instanceOf(Date),
+  resizable: _propTypes.default.bool,
   selected: _propTypes.default.bool,
@@ -112,0 +114,0 @@ isAllDay: _propTypes.default.bool,

lib/EventRowMixin.js

@@ -44,3 +44,4 @@ "use strict";
         slotMetrics = props.slotMetrics,
-        components = props.components;
+        components = props.components,
+        resizable = props.resizable;
     var continuesPrior = slotMetrics.continuesPrior(event);
@@ -61,3 +62,4 @@ var continuesAfter = slotMetrics.continuesAfter(event);
       slotEnd: slotMetrics.last,
-      selected: (0, _selection.isSelected)(event, selected)
+      selected: (0, _selection.isSelected)(event, selected),
+      resizable: resizable
     });
@@ -64,0 +66,0 @@ },

lib/Month.js

@@ -117,3 +117,4 @@ "use strict";
         longPressThreshold: longPressThreshold,
-        rtl: _this.props.rtl
+        rtl: _this.props.rtl,
+        resizable: _this.props.resizable
       });
@@ -393,2 +394,3 @@ };
   rtl: _propTypes.default.bool,
+  resizable: _propTypes.default.bool,
   width: _propTypes.default.number,
@@ -395,0 +397,0 @@ accessors: _propTypes.default.object.isRequired,

lib/TimeGrid.js

@@ -215,3 +215,4 @@ "use strict";
         showMultiDayTimes = _this$props3.showMultiDayTimes,
-        longPressThreshold = _this$props3.longPressThreshold;
+        longPressThreshold = _this$props3.longPressThreshold,
+        resizable = _this$props3.resizable;
     width = width || this.state.gutterWidth;
@@ -261,3 +262,4 @@ var start = range[0],
       onDrillDown: this.props.onDrillDown,
-      getDrilldownView: this.props.getDrilldownView
+      getDrilldownView: this.props.getDrilldownView,
+      resizable: resizable
     }), _react.default.createElement("div", {
@@ -344,2 +346,3 @@ ref: this.contentRef,
   rtl: _propTypes.default.bool,
+  resizable: _propTypes.default.bool,
   width: _propTypes.default.number,
@@ -346,0 +349,0 @@ accessors: _propTypes.default.object.isRequired,

lib/TimeGridHeader.js

@@ -59,3 +59,4 @@ "use strict";
           accessors = _this$props.accessors,
-          components = _this$props.components;
+          components = _this$props.components,
+          resizable = _this$props.resizable;
       var resourceId = accessors.resourceId(resource);
@@ -84,3 +85,4 @@ var eventsToDisplay = resource ? events.filter(function (event) {
         onSelectSlot: _this.props.onSelectSlot,
-        longPressThreshold: _this.props.longPressThreshold
+        longPressThreshold: _this.props.longPressThreshold,
+        resizable: resizable
       });
@@ -152,3 +154,4 @@ };
         _this$props3$componen2 = _this$props3$componen.resourceHeader,
-        ResourceHeaderComponent = _this$props3$componen2 === void 0 ? _ResourceHeader.default : _this$props3$componen2;
+        ResourceHeaderComponent = _this$props3$componen2 === void 0 ? _ResourceHeader.default : _this$props3$componen2,
+        resizable = _this$props3.resizable;
     var style = {};
@@ -208,3 +211,4 @@
         onSelectSlot: _this3.props.onSelectSlot,
-        longPressThreshold: _this3.props.longPressThreshold
+        longPressThreshold: _this3.props.longPressThreshold,
+        resizable: resizable
       }));
@@ -224,2 +228,3 @@ }));
   rtl: _propTypes.default.bool,
+  resizable: _propTypes.default.bool,
   width: _propTypes.default.number,
@@ -226,0 +231,0 @@ localizer: _propTypes.default.object.isRequired,

package.json

 {
   "name": "react-big-calendar",
-  "version": "0.28.2",
+  "version": "0.28.3",
   "description": "Calendar! with events",
@@ -5,0 +5,0 @@ "author": {

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

1141792

increased by0.22%

Lines of code

26518

increased by0.24%

No dependency changes