react-big-calendar - npm Package Compare versions

Comparing version 0.27.0 to 0.28.0

lib/Calendar.js

@@ -194,2 +194,10 @@ "use strict";
 
+    _this.handleKeyPressEvent = function () {
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+
+      (0, _helpers.notify)(_this.props.onKeyPressEvent, args);
+    };
+
     _this.handleSelectSlot = function (slotInfo) {
@@ -345,2 +353,3 @@ (0, _helpers.notify)(_this.props.onSelectSlot, slotInfo);
       onDoubleClickEvent: this.handleDoubleClickEvent,
+      onKeyPressEvent: this.handleKeyPressEvent,
       onSelectSlot: this.handleSelectSlot,
@@ -648,2 +657,11 @@ onShowMore: onShowMore
   /**
+   * Callback fired when a focused calendar event recieves a key press.
+   *
+   * ```js
+   * (event: Object, e: SyntheticEvent) => void
+   * ```
+   */
+  onKeyPressEvent: _propTypes.default.func,
+
+  /**
    * Callback fired when dragging a selection in the Time views.
@@ -832,3 +850,3 @@ *
   /**
-   * Optionally provide a function that returns an object of props to be applied 
+   * Optionally provide a function that returns an object of props to be applied
    * to the time-slot group node. Useful to dynamically change the sizing of time nodes.
@@ -835,0 +853,0 @@ * ```js

lib/DateContentRow.js

@@ -153,2 +153,3 @@ "use strict";
         onDoubleClick = _this$props5.onDoubleClick,
+        onKeyPress = _this$props5.onKeyPress,
         resourceId = _this$props5.resourceId,
@@ -170,2 +171,3 @@ longPressThreshold = _this$props5.longPressThreshold,
       onDoubleClick: onDoubleClick,
+      onKeyPress: onKeyPress,
       resourceId: resourceId,
@@ -229,2 +231,3 @@ slotMetrics: metrics
   onDoubleClick: _propTypes.default.func,
+  onKeyPress: _propTypes.default.func,
   dayPropGetter: _propTypes.default.func,
@@ -231,0 +234,0 @@ getNow: _propTypes.default.func.isRequired,

lib/DayColumn.js

@@ -120,2 +120,5 @@ "use strict";
             return _this._doubleClick(event, e);
+          },
+          onKeyPress: function onKeyPress(e) {
+            return _this._keyPress(event, e);
           }
@@ -279,2 +282,10 @@ });
 
+    _this._keyPress = function () {
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+
+      (0, _helpers.notify)(_this.props.onKeyPressEvent, args);
+    };
+
     _this.slotMetrics = TimeSlotUtils.getSlotMetrics(_this.props);
@@ -461,2 +472,3 @@ return _this;
   onDoubleClickEvent: _propTypes.default.func.isRequired,
+  onKeyPressEvent: _propTypes.default.func.isRequired,
   className: _propTypes.default.string,
@@ -463,0 +475,0 @@ dragThroughEvents: _propTypes.default.bool,

lib/EventCell.js

@@ -44,2 +44,3 @@ "use strict";
         _onDoubleClick = _this$props.onDoubleClick,
+        _onKeyPress = _this$props.onKeyPress,
         localizer = _this$props.localizer,
@@ -56,3 +57,3 @@ continuesPrior = _this$props.continuesPrior,
         slotEnd = _this$props.slotEnd,
-        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["style", "className", "event", "selected", "isAllDay", "onSelect", "onDoubleClick", "localizer", "continuesPrior", "continuesAfter", "accessors", "getters", "children", "components", "slotStart", "slotEnd"]);
+        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["style", "className", "event", "selected", "isAllDay", "onSelect", "onDoubleClick", "onKeyPress", "localizer", "continuesPrior", "continuesAfter", "accessors", "getters", "children", "components", "slotStart", "slotEnd"]);
     var title = accessors.title(event);
@@ -96,2 +97,5 @@ var tooltip = accessors.tooltip(event);
         return _onDoubleClick && _onDoubleClick(event, e);
+      },
+      onKeyPress: function onKeyPress(e) {
+        return _onKeyPress && _onKeyPress(event, e);
       }
@@ -117,3 +121,4 @@ }), typeof children === 'function' ? children(content) : content));
   onSelect: _propTypes.default.func,
-  onDoubleClick: _propTypes.default.func
+  onDoubleClick: _propTypes.default.func,
+  onKeyPress: _propTypes.default.func
 } : {};
@@ -120,0 +125,0 @@ var _default = EventCell;

lib/EventRowMixin.js

@@ -27,3 +27,4 @@ "use strict";
     onSelect: _propTypes.default.func,
-    onDoubleClick: _propTypes.default.func
+    onDoubleClick: _propTypes.default.func,
+    onKeyPress: _propTypes.default.func
   },
@@ -41,2 +42,3 @@ defaultProps: {
         onDoubleClick = props.onDoubleClick,
+        onKeyPress = props.onKeyPress,
         localizer = props.localizer,
@@ -55,2 +57,3 @@ slotMetrics = props.slotMetrics,
       onDoubleClick: onDoubleClick,
+      onKeyPress: onKeyPress,
       continuesPrior: continuesPrior,
@@ -57,0 +60,0 @@ continuesAfter: continuesAfter,

lib/Month.js

@@ -114,2 +114,3 @@ "use strict";
         onDoubleClick: _this.handleDoubleClickEvent,
+        onKeyPress: _this.handleKeyPressEvent,
         onSelectSlot: _this.handleSelectSlot,
@@ -183,2 +184,12 @@ longPressThreshold: longPressThreshold,
 
+    _this.handleKeyPressEvent = function () {
+      _this.clearSelection();
+
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+
+      (0, _helpers.notify)(_this.props.onKeyPressEvent, args);
+    };
+
     _this.handleShowMore = function (events, date, cell, slot, target) {
@@ -336,2 +347,3 @@ var _this$props3 = _this.props,
         onDoubleClick: _this3.handleDoubleClickEvent,
+        onKeyPress: _this3.handleKeyPressEvent,
         handleDragStart: _this3.props.handleDragStart
@@ -395,2 +407,3 @@ }));
   onDoubleClickEvent: _propTypes.default.func,
+  onKeyPressEvent: _propTypes.default.func,
   onShowMore: _propTypes.default.func,
@@ -397,0 +410,0 @@ onDrillDown: _propTypes.default.func,

lib/Popup.js

@@ -78,2 +78,3 @@ "use strict";
         onDoubleClick = _this$props2.onDoubleClick,
+        onKeyPress = _this$props2.onKeyPress,
         slotStart = _this$props2.slotStart,
@@ -107,2 +108,3 @@ slotEnd = _this$props2.slotEnd,
         onDoubleClick: onDoubleClick,
+        onKeyPress: onKeyPress,
         continuesPrior: dates.lt(accessors.end(event), slotStart, 'day'),
@@ -141,2 +143,3 @@ continuesAfter: dates.gte(accessors.start(event), slotEnd, 'day'),
   onDoubleClick: _propTypes.default.func,
+  onKeyPress: _propTypes.default.func,
   handleDragStart: _propTypes.default.func,
@@ -143,0 +146,0 @@ show: _propTypes.default.func,

lib/TimeGrid.js

@@ -258,2 +258,3 @@ "use strict";
       onDoubleClickEvent: this.props.onDoubleClickEvent,
+      onKeyPressEvent: this.props.onKeyPressEvent,
       onDrillDown: this.props.onDrillDown,
@@ -356,2 +357,3 @@ getDrilldownView: this.props.getDrilldownView
   onDoubleClickEvent: _propTypes.default.func,
+  onKeyPressEvent: _propTypes.default.func,
   onDrillDown: _propTypes.default.func,
@@ -358,0 +360,0 @@ getDrilldownView: _propTypes.default.func.isRequired,

lib/TimeGridEvent.js

@@ -35,2 +35,3 @@ "use strict";
       onDoubleClick = props.onDoubleClick,
+      onKeyPress = props.onKeyPress,
       _props$components = props.components,
@@ -63,2 +64,3 @@ Event = _props$components.event,
     onDoubleClick: onDoubleClick,
+    onKeyPress: onKeyPress,
     style: (0, _extends3.default)({}, userProps.style, (_extends2 = {
@@ -65,0 +67,0 @@ top: stringifyPercent(top)

lib/TimeGridHeader.js

@@ -81,2 +81,3 @@ "use strict";
         onDoubleClick: _this.props.onDoubleClickEvent,
+        onKeyPress: _this.props.onKeyPressEvent,
         onSelectSlot: _this.props.onSelectSlot,
@@ -203,2 +204,3 @@ longPressThreshold: _this.props.longPressThreshold
         onDoubleClick: _this3.props.onDoubleClickEvent,
+        onKeyPress: _this3.props.onKeyPressEvent,
         onSelectSlot: _this3.props.onSelectSlot,
@@ -231,2 +233,3 @@ longPressThreshold: _this3.props.longPressThreshold
   onDoubleClickEvent: _propTypes.default.func,
+  onKeyPressEvent: _propTypes.default.func,
   onDrillDown: _propTypes.default.func,
@@ -233,0 +236,0 @@ getDrilldownView: _propTypes.default.func.isRequired,

package.json

 {
   "name": "react-big-calendar",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "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

1139369

increased by0.66%

Lines of code

26454

increased by0.66%

No dependency changes