react-big-calendar - npm Package Compare versions

Comparing version 0.29.0 to 0.30.0

lib/Calendar.js

@@ -684,2 +684,10 @@ "use strict";
   /**
+   * Displays all events on the month view instead of
+   * having some hidden behind +{count} more. This will
+   * cause the rows in the month view to be scrollable if
+   * the number of events exceed the height of the row.
+   */
+  showAllEvents: _propTypes.default.bool,
+
+  /**
    * The selected event, if any.
@@ -686,0 +694,0 @@ */

lib/DateContentRow.js

@@ -36,2 +36,6 @@ "use strict";
 
+var _NoopWrapper = _interopRequireDefault(require("./NoopWrapper"));
+
+var _ScrollableWeekWrapper = _interopRequireDefault(require("./ScrollableWeekWrapper"));
+
 var DateSlotMetrics = _interopRequireWildcard(require("./utils/DateSlotMetrics"));
@@ -102,7 +106,8 @@
           range = _this$props4.range,
-          renderHeader = _this$props4.renderHeader;
+          renderHeader = _this$props4.renderHeader,
+          showAllEvents = _this$props4.showAllEvents;
       return _react.default.createElement("div", {
         className: className
       }, _react.default.createElement("div", {
-        className: "rbc-row-content"
+        className: (0, _clsx.default)('rbc-row-content', showAllEvents && 'rbc-row-content-scrollable')
       }, renderHeader && _react.default.createElement("div", {
@@ -159,3 +164,4 @@ className: "rbc-row",
         isAllDay = _this$props5.isAllDay,
-        resizable = _this$props5.resizable;
+        resizable = _this$props5.resizable,
+        showAllEvents = _this$props5.showAllEvents;
     if (renderForMeasure) return this.renderDummy();
@@ -165,2 +171,3 @@ var metrics = this.slotMetrics(this.props);
         extra = metrics.extra;
+    var ScrollableWeekComponent = showAllEvents ? _ScrollableWeekWrapper.default : _NoopWrapper.default;
     var WeekWrapper = components.weekWrapper;
@@ -197,7 +204,7 @@ var eventRowProps = {
     }), _react.default.createElement("div", {
-      className: "rbc-row-content"
+      className: (0, _clsx.default)('rbc-row-content', showAllEvents && 'rbc-row-content-scrollable')
     }, renderHeader && _react.default.createElement("div", {
       className: "rbc-row ",
       ref: this.createHeadingRef
-    }, range.map(this.renderHeadingCell)), _react.default.createElement(WeekWrapper, (0, _extends2.default)({
+    }, range.map(this.renderHeadingCell)), _react.default.createElement(ScrollableWeekComponent, null, _react.default.createElement(WeekWrapper, (0, _extends2.default)({
       isAllDay: isAllDay
@@ -212,3 +219,3 @@ }, eventRowProps), levels.map(function (segs, idx) {
       onShowMore: this.handleShowMore
-    }, eventRowProps)))));
+    }, eventRowProps))))));
   };
@@ -233,2 +240,3 @@
   onShowMore: _propTypes.default.func,
+  showAllEvents: _propTypes.default.bool,
   onSelectSlot: _propTypes.default.func,
@@ -235,0 +243,0 @@ onSelect: _propTypes.default.func,

lib/Month.js

@@ -85,3 +85,4 @@ "use strict";
           accessors = _this$props.accessors,
-          getters = _this$props.getters;
+          getters = _this$props.getters,
+          showAllEvents = _this$props.showAllEvents;
       var _this$state = _this.state,
@@ -103,3 +104,3 @@ needLimitMeasure = _this$state.needLimitMeasure,
         events: events,
-        maxRows: rowLimit,
+        maxRows: showAllEvents ? Infinity : rowLimit,
         selected: selected,
@@ -120,3 +121,4 @@ selectable: selectable,
         rtl: _this.props.rtl,
-        resizable: _this.props.resizable
+        resizable: _this.props.resizable,
+        showAllEvents: showAllEvents
       });
@@ -411,2 +413,3 @@ };
   onShowMore: _propTypes.default.func,
+  showAllEvents: _propTypes.default.bool,
   onDrillDown: _propTypes.default.func,
@@ -413,0 +416,0 @@ getDrilldownView: _propTypes.default.func.isRequired,

package.json

 {
   "name": "react-big-calendar",
-  "version": "0.29.0",
+  "version": "0.30.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

1118913

increased by0.43%

Number of package files

76

increased by1.33%

Lines of code

25920

increased by0.33%

No dependency changes