react-calendar-timeline - npm Package Compare versions

Comparing version 0.27.4-gamma to 0.27.5-gamma

lib/lib/columns/Columns.js

@@ -123,4 +123,4 @@ "use strict";
 /*#__PURE__*/
-function (_Component2) {
-  _inherits(ColumnsWrapper, _Component2);
+function (_PureComponent) {
+  _inherits(ColumnsWrapper, _PureComponent);
 
@@ -168,5 +168,5 @@ function ColumnsWrapper() {
   return ColumnsWrapper;
-}(_react.Component);
+}(_react.PureComponent);
 
 var _default = ColumnsWrapper;
 exports["default"] = _default;

lib/lib/items/Items.js

@@ -201,21 +201,12 @@ "use strict";
 /*#__PURE__*/
-function (_Component2) {
-  _inherits(ItemsWrapper, _Component2);
+function (_PureComponent) {
+  _inherits(ItemsWrapper, _PureComponent);
 
-  function ItemsWrapper(props) {
-    var _this3;
-
+  function ItemsWrapper() {
     _classCallCheck(this, ItemsWrapper);
 
-    _this3 = _possibleConstructorReturn(this, _getPrototypeOf(ItemsWrapper).call(this, props));
-    console.log('mount ItemsWrapper');
-    return _this3;
+    return _possibleConstructorReturn(this, _getPrototypeOf(ItemsWrapper).apply(this, arguments));
   }
 
   _createClass(ItemsWrapper, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      console.log('unmount ItemsWrapper');
-    }
-  }, {
     key: "render",
@@ -245,5 +236,5 @@ value: function render() {
   return ItemsWrapper;
-}(_react.Component);
+}(_react.PureComponent);
 
 var _default = ItemsWrapper;
 exports["default"] = _default;

lib/lib/rows/GroupRow.js

@@ -138,24 +138,15 @@ "use strict";
 /*#__PURE__*/
-function (_Component2) {
-  _inherits(GroupRowWrapper, _Component2);
+function (_PureComponent) {
+  _inherits(GroupRowWrapper, _PureComponent);
 
-  function GroupRowWrapper(props) {
-    var _this2;
-
+  function GroupRowWrapper() {
     _classCallCheck(this, GroupRowWrapper);
 
-    _this2 = _possibleConstructorReturn(this, _getPrototypeOf(GroupRowWrapper).call(this, props));
-    console.log('mount GroupRowWrapper');
-    return _this2;
+    return _possibleConstructorReturn(this, _getPrototypeOf(GroupRowWrapper).apply(this, arguments));
   }
 
   _createClass(GroupRowWrapper, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      console.log('unmount GroupRowWrapper');
-    }
-  }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _this2 = this;
 
@@ -174,3 +165,3 @@ return _react["default"].createElement(_TimelineStateContext.TimelineStateConsumer, null, function (_ref) {
           }, "canvasWidth", canvasWidth), props, {
-            children: _this3.props.children
+            children: _this2.props.children
           }));
@@ -183,5 +174,5 @@ });
   return GroupRowWrapper;
-}(_react.Component);
+}(_react.PureComponent);
 
 var _default = GroupRowWrapper;
 exports["default"] = _default;

lib/lib/rows/GroupRowContext.js

@@ -18,2 +18,4 @@ "use strict";
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { if (i % 2) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } else { Object.defineProperties(target, Object.getOwnPropertyDescriptors(arguments[i])); } } return target; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -31,6 +33,6 @@
 
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
@@ -64,5 +66,27 @@
   function GroupRowContextProvider() {
+    var _getPrototypeOf2;
+
+    var _this;
+
     _classCallCheck(this, GroupRowContextProvider);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(GroupRowContextProvider).apply(this, arguments));
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(GroupRowContextProvider)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "handleContextMenu", function (e) {
+      _this.props.onContextMenu(e, _this.props.groupIndex);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
+      _this.props.onClick(e, _this.props.groupIndex);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleDoubleClick", function (e) {
+      _this.props.onDoubleClick(e, _this.props.groupIndex);
+    });
+
+    return _this;
   }
@@ -75,6 +99,15 @@
           children = _this$props.children,
-          rest = _objectWithoutProperties(_this$props, ["children"]);
+          onContextMenu = _this$props.onContextMenu,
+          onClick = _this$props.onClick,
+          onDoubleClick = _this$props.onDoubleClick,
+          rest = _objectWithoutProperties(_this$props, ["children", "onContextMenu", "onClick", "onDoubleClick"]);
 
+      var value = _objectSpread({}, rest, {
+        onContextMenu: this.handleContextMenu,
+        onClick: this.handleClick,
+        onDoubleClick: this.handleDoubleClick
+      });
+
       return _react["default"].createElement(Provider, {
-        value: rest
+        value: value
       }, children);
@@ -97,3 +130,4 @@ }
   horizontalLineClassNamesForGroup: _propTypes["default"].func,
-  groupHeight: _propTypes["default"].number.isRequired
+  groupHeight: _propTypes["default"].number.isRequired,
+  groupIndex: _propTypes["default"].number.isRequired
 });
@@ -100,0 +134,0 @@

lib/lib/rows/Rows.js

@@ -16,4 +16,2 @@ "use strict";
 
-var _GroupRow = _interopRequireDefault(require("./GroupRow"));
-
 var _ItemsContext = require("../items/ItemsContext");
@@ -47,4 +45,4 @@
 /*#__PURE__*/
-function (_React$Component) {
-  _inherits(Rows, _React$Component);
+function (_React$PureComponent) {
+  _inherits(Rows, _React$PureComponent);
 
@@ -165,5 +163,2 @@ function Rows() {
           itemRenderer = _this$props2.itemRenderer,
-          lineHeight = _this$props2.lineHeight,
-          itemHeightRatio = _this$props2.itemHeightRatio,
-          stackItems = _this$props2.stackItems,
           canChangeGroup = _this$props2.canChangeGroup,
@@ -174,3 +169,2 @@ canMove = _this$props2.canMove,
           useResizeHandle = _this$props2.useResizeHandle,
-          groupTops = _this$props2.groupTops,
           dragSnap = _this$props2.dragSnap,
@@ -186,3 +180,2 @@ minResizeWidth = _this$props2.minResizeWidth,
           scrollRef = _this$props2.scrollRef,
-          itemResized = _this$props2.itemResized,
           selected = _this$props2.selected,
@@ -205,13 +198,5 @@ selectedItem = _this$props2.selectedItem,
           getTimelineState = _this$context.getTimelineState,
-          getLeftOffsetFromDate = _this$context.getLeftOffsetFromDate,
-          getDateFromLeftOffsetPosition = _this$context.getDateFromLeftOffsetPosition;
+          getLeftOffsetFromDate = _this$context.getLeftOffsetFromDate;
 
       var _getTimelineState = getTimelineState(),
-          visibleTimeStart = _getTimelineState.visibleTimeStart,
-          visibleTimeEnd = _getTimelineState.visibleTimeEnd,
-          canvasTimeStart = _getTimelineState.canvasTimeStart,
-          canvasTimeEnd = _getTimelineState.canvasTimeEnd,
-          canvasWidth = _getTimelineState.canvasWidth,
-          timelineUnit = _getTimelineState.timelineUnit,
-          timelineWidth = _getTimelineState.timelineWidth,
           resizeEdge = _getTimelineState.resizeEdge,
@@ -231,15 +216,10 @@ resizeTime = _getTimelineState.resizeTime;
           clickTolerance: clickTolerance,
-          onContextMenu: function onContextMenu(evt) {
-            return onRowContextClick(evt, i);
-          },
-          onClick: function onClick(evt) {
-            return onRowClick(evt, i);
-          },
-          onDoubleClick: function onDoubleClick(evt) {
-            return onRowDoubleClick(evt, i);
-          },
+          onContextMenu: onRowContextClick,
+          onClick: onRowClick,
+          onDoubleClick: onRowDoubleClick,
           isEvenRow: i % 2 === 0,
           group: groups[i],
           horizontalLineClassNamesForGroup: horizontalLineClassNamesForGroup,
-          groupHeight: groupHeight
+          groupHeight: groupHeight,
+          groupIndex: i
         }, _react["default"].createElement(_ColumnsContext.ColumnsContextProvider, {
@@ -254,2 +234,3 @@ lineCount: (0, _generic._length)(groups),
           items: group.items || [],
+          groupDimensions: group,
           dragSnap: dragSnap,
@@ -272,3 +253,2 @@ minResizeWidth: minResizeWidth,
           selected: selected,
-          groupDimensions: group,
           useResizeHandle: useResizeHandle,
@@ -303,3 +283,3 @@ scrollRef: scrollRef,
   return Rows;
-}(_react["default"].Component);
+}(_react["default"].PureComponent);
 
@@ -306,0 +286,0 @@ _defineProperty(Rows, "contextType", _TimelineStateContext["default"]);

lib/lib/Timeline.js

@@ -46,2 +46,4 @@ "use strict";
 
+var _DefaultLayer = _interopRequireDefault(require("./rows/DefaultLayer"));
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
@@ -691,7 +693,3 @@
         groupHeights: groupHeights,
-        canvasWidth: canvasWidth,
         itemRenderer: itemRenderer,
-        lineHeight: lineHeight,
-        itemHeightRatio: itemHeightRatio,
-        stackItems: stackItems,
         canChangeGroup: this.props.canChangeGroup,
@@ -702,3 +700,2 @@ canMove: this.props.canMove,
         useResizeHandle: this.props.useResizeHandle,
-        groupTops: groupTops,
         dragSnap: this.props.dragSnap,
@@ -730,4 +727,2 @@ minResizeWidth: this.props.minResizeWidth,
         items: items,
-        resizingEdge: this.state.resizingEdge,
-        resizeTime: this.state.resizeTime,
         keys: keys
@@ -933,5 +928,3 @@ }))), rightSidebarWidth > 0 ? this.rightSidebar(height, groupHeights) : null)))));
   selected: null,
-  rowRenderer: function rowRenderer() {
-    return null;
-  },
+  rowRenderer: _DefaultLayer["default"],
   rowData: {}
@@ -938,0 +931,0 @@ });

package.json

 {
   "name": "react-calendar-timeline",
-  "version": "0.27.4-gamma",
+  "version": "0.27.5-gamma",
   "description": "react calendar timeline",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

src/lib/columns/Columns.js

 import PropTypes from 'prop-types'
-import React, { Component } from 'react'
+import React, { Component, PureComponent } from 'react'
 import { iterateTimes } from '../utility/calendar'
@@ -97,3 +97,3 @@ import { TimelineStateConsumer } from '../timeline/TimelineStateContext'
 
-class ColumnsWrapper extends Component {
+class ColumnsWrapper extends PureComponent {
   render() {
@@ -100,0 +100,0 @@ return (

src/lib/items/Items.js

 import PropTypes from 'prop-types'
-import React, { Component } from 'react'
+import React, { PureComponent, Component } from 'react'
 import Item from './Item'
@@ -176,10 +176,3 @@ import { TimelineStateConsumer } from '../timeline/TimelineStateContext'
 
-class ItemsWrapper extends Component {
-  constructor(props){
-    super(props);
-    console.log('mount ItemsWrapper')
-  }
-  componentDidMount(){
-    console.log('unmount ItemsWrapper')
-  }
+class ItemsWrapper extends PureComponent {
   render() {
@@ -186,0 +179,0 @@ return (

src/lib/rows/GroupRow.js

@@ -1,2 +0,2 @@
-import React, { Component } from 'react'
+import React, { Component, PureComponent } from 'react'
 import PropTypes from 'prop-types'
@@ -78,10 +78,3 @@ import PreventClickOnDrag from '../interaction/PreventClickOnDrag'
 
-class GroupRowWrapper extends Component {
-  constructor(props) {
-    super(props)
-    console.log('mount GroupRowWrapper')
-  }
-  componentDidMount() {
-    console.log('unmount GroupRowWrapper')
-  }
+class GroupRowWrapper extends PureComponent {
   render() {
@@ -88,0 +81,0 @@ return (

src/lib/rows/GroupRowContext.js

@@ -28,7 +28,23 @@ import React, { PureComponent } from 'react'
     horizontalLineClassNamesForGroup: PropTypes.func,
-    groupHeight: PropTypes.number.isRequired
+    groupHeight: PropTypes.number.isRequired,
+    groupIndex: PropTypes.number.isRequired,
   }
+  handleContextMenu = (e) => {
+    this.props.onContextMenu(e, this.props.groupIndex)
+  }
+  handleClick = (e) => {
+    this.props.onClick(e, this.props.groupIndex)
+  }
+  handleDoubleClick = (e) => {
+    this.props.onDoubleClick(e, this.props.groupIndex)
+  }
   render() {
-    const { children, ...rest } = this.props
-    return <Provider value={rest}>{children}</Provider>
+    const { children, onContextMenu, onClick, onDoubleClick, ...rest } = this.props
+    const value = {
+      ...rest,
+      onContextMenu: this.handleContextMenu,
+      onClick: this.handleClick,
+      onDoubleClick: this.handleDoubleClick
+    }
+    return <Provider value={value}>{children}</Provider>
   }
@@ -35,0 +51,0 @@ }

src/lib/rows/Rows.js

@@ -5,7 +5,6 @@ import React from 'react'
 import { _get, _length } from '../utility/generic'
-import GroupRow from './GroupRow'
 import { ItemsContextProvider } from '../items/ItemsContext'
 import { GroupRowContextProvider } from './GroupRowContext'
 
-class Rows extends React.Component {
+class Rows extends React.PureComponent {
   static contextType = TimelineStateContext
@@ -98,5 +97,2 @@
       itemRenderer,
-      lineHeight,
-      itemHeightRatio,
-      stackItems,
       canChangeGroup,
@@ -107,3 +103,2 @@ canMove,
       useResizeHandle,
-      groupTops,
       dragSnap,
@@ -119,3 +114,2 @@ minResizeWidth,
       scrollRef,
-      itemResized,
       selected,
@@ -138,18 +132,4 @@ selectedItem,
     } = this.props
-    const {
-      getTimelineState,
-      getLeftOffsetFromDate,
-      getDateFromLeftOffsetPosition
-    } = this.context
-    const {
-      visibleTimeStart,
-      visibleTimeEnd,
-      canvasTimeStart,
-      canvasTimeEnd,
-      canvasWidth,
-      timelineUnit,
-      timelineWidth,
-      resizeEdge,
-      resizeTime
-    } = getTimelineState()
+    const { getTimelineState, getLeftOffsetFromDate } = this.context
+    const { resizeEdge, resizeTime } = getTimelineState()
 
@@ -165,5 +145,5 @@ return (
               clickTolerance={clickTolerance}
-              onContextMenu={evt => onRowContextClick(evt, i)}
-              onClick={evt => onRowClick(evt, i)}
-              onDoubleClick={evt => onRowDoubleClick(evt, i)}
+              onContextMenu={onRowContextClick}
+              onClick={onRowClick}
+              onDoubleClick={onRowDoubleClick}
               isEvenRow={i % 2 === 0}
@@ -175,2 +155,3 @@ group={groups[i]}
               groupHeight={groupHeight}
+              groupIndex={i}
             >
@@ -187,2 +168,3 @@ <ColumnsContextProvider
                   items={group.items || []}
+                  groupDimensions={group}
                   dragSnap={dragSnap}
@@ -205,3 +187,2 @@ minResizeWidth={minResizeWidth}
                   selected={selected}
-                  groupDimensions={group}
                   useResizeHandle={useResizeHandle}
@@ -208,0 +189,0 @@ scrollRef={scrollRef}

src/lib/Timeline.js

@@ -40,2 +40,3 @@ import PropTypes from 'prop-types'
 import SidebarHeader from './headers/SidebarHeader'
+import DefaultLayer from './rows/DefaultLayer'
 
@@ -245,3 +246,3 @@ export default class ReactCalendarTimeline extends Component {
 
-    rowRenderer: ()=>null,
+    rowRenderer: DefaultLayer,
     rowData: {},
@@ -979,7 +980,3 @@ }
                       groupHeights={groupHeights}
-                      canvasWidth={canvasWidth}
                       itemRenderer={itemRenderer}
-                      lineHeight={lineHeight}
-                      itemHeightRatio={itemHeightRatio}
-                      stackItems={stackItems}
                       canChangeGroup={this.props.canChangeGroup}
@@ -990,3 +987,2 @@ canMove={this.props.canMove}
                       useResizeHandle={this.props.useResizeHandle}
-                      groupTops={groupTops}
                       dragSnap={this.props.dragSnap}
@@ -1020,4 +1016,2 @@ minResizeWidth={this.props.minResizeWidth}
                       items={items}
-                      resizingEdge={this.state.resizingEdge}
-                      resizeTime={this.state.resizeTime}
                       keys={keys}
@@ -1024,0 +1018,0 @@ />

No alert changes

Improved metrics

Total package byte prevSize

531762

increased by0.1%

Number of package files

96

increased by2.13%

Worsened metrics

Lines of code

10635

decreased by-0.17%

No dependency changes