react-big-schedule 3.0.2 → 4.1.0

package/CHANGELOG.md

@@ -0,0 +1,124 @@
+# [4.0.0](https://github.com/ansulagrawal/react-big-schedule/compare/3.0.2...4.0.0) (2023-06-17)
+
+### Bug Fixes
+
+- Fix the configration issue 
+- Remove unnecessary package dependencies
+- Remove build from github
+
+### Major Changes
+
+- Shifted from Vite to Webpack for stable release
+- Made a stable import for all formats
+
+### BREAKING CHANGES
+
+- Fix the configration.
+- Removed unwanted Packages i.e. Vite, moment.
+- Added Package dayjs
+- Moved from vite to webpack for stable release
+- Fix the configration.
+- Removed unwanted Files.
+- Moved from vite to webpack
+
+# [3.0.2](https://github.com/ansulagrawal/react-big-schedule/compare/3.0.1...3.0.2) (2023-06-11)
+
+### New Feature:
+
+- Added support for importing the React Big Schedule library in the umd.js format.
+
+### Hotfix:
+
+- Fixed an issue with importing the React Big Schedule library into the project.
+- Fixed an issue with importing the locale for antd and dayjs.
+
+Note:
+
+- With this release, users can now import the React Big Schedule library in the umd.js format, providing more flexibility and compatibility with different project setups.
+- Please ensure to update your projects to this version to take advantage of the new feature and the fixed import issues.
+
+# [3.0.1](https://github.com/ansulagrawal/react-big-schedule/compare/3.0.0...3.0.1) (2023-06-04)
+
+### HotFix
+
+- Fixed exporting of CSS file in the build process to ensure proper functionality.
+
+### Configuration Changes
+
+- Removed publishing on GitHub as npm is already available for distribution.
+
+### Breaking Changes
+
+None.
+
+Note: Please note that this release includes a hotfix for the CSS file export issue and configuration changes related to publishing on GitHub. No breaking changes have been introduced in this release.
+
+# [3.0.0](https://github.com/ansulagrawal/react-big-schedule/compare/2.0.0...3.0.0) (2023-06-04)
+
+### Features:
+
+- Removed usage of `UNSAFE_componentWillReceiveProps`.
+- Fixed event span for day `viewType`.
+- Added generics to Scheduler and `SchedulerProps` to extend the `EventItem` type.
+- Added option to hide resource view.
+- Added option to change event item popover placement.
+- Fixed custom view event span.
+- Fixed scheduler header span for day view.
+- Improved locale support.
+- Added options to place the event item popover at the mouse position using `eventItemPopoverPlacement`: `topLeftMousePosition`, `bottomLeftMousePosition`, `topRightMousePosition`, `bottomRightMousePosition`.
+- Shifted from moment to dayjs library.
+
+### Breaking Changes:
+
+- Removed usage of `UNSAFE_componentWillReceiveProps`. Update your code to use alternative lifecycle methods or hooks as necessary.
+- Event span for day `viewType` has been fixed. Review your code if you were relying on the previous behaviour.
+- If you were extending the `Scheduler` component or using `SchedulerProps`, update your code to include generics for `EventItem` type.
+- If you were relying on the previous behaviour of resource view visibility, update your code to use the new option to hide it.
+- If you were customizing the event item popover placement, update your code to use the new option to change the placement.
+- Custom view event span and scheduler header span for day view have been fixed. Check your code if you were affected by these issues.
+- If you were relying on the previous behaviour of the `moment` library, note that the shift to `dayjs` may require adjustments to your code.
+
+Thanks to [@hbatalhaStch](https://github.com/hbatalhaStch) for suggesting improvements.
+
+# [2.0.0](https://github.com/ansulagrawal/react-big-schedule/compare/1.0.0...2.0.0) (2023-05-27)
+
+### Features
+
+- Add configurable colour visibility and optional date display in popover. https://github.com/ansulagrawal/react-big-schedule/pull/16
+
+- Add configurable cell size options for Week, Month, and Year views. https://github.com/ansulagrawal/react-big-schedule/pull/17
+
+- Add SWAP event function for event swapping in library. https://github.com/ansulagrawal/react-big-schedule/pull/18
+
+- Enhance library with wrapper function and streamlined dependencies. https://github.com/ansulagrawal/react-big-schedule/pull/19
+- Fix bugs and enhancement of format. https://github.com/ansulagrawal/react-big-schedule/pull/20
+
+### BREAKING CHANGES
+
+- Added a configuration option to show or hide colour in the popover.
+- Made the date in the popover optional. If the `eventItemPopoverDateFormat` is empty, the date will be hidden.
+- Added new configuration options to set the cell size for the Week, Month, and Year views.
+- Fixed a bug that caused the hour to double when there was a time change.
+- Updated the component to allow hours to be displayed over two days if necessary.
+- Added a new feature: `SWAP Event` function for event swapping in the library.
+- Enhances the library's capabilities by providing greater flexibility for managing and reordering events.
+- Backward compatible with existing codebases, ensuring seamless adoption.
+- Added a wrapper function to simplify usage and provide a default export.
+- Removed the dependency on the `withDndContext` function.
+- Streamlined dependencies, eliminating the need for users to install both `react-dnd-html5-backend` and `react-dnd` separately.
+
+# 1.0.0 (2023-05-21)
+
+### Features
+
+- Updated Package Versions
+
+### BREAKING CHANGES
+
+- Updated Node Version from 14 -> 18
+- Updated Ant Design Version 3.16.6 -> 5.0.1
+- Updated React DND Version 7.5.0 -> 14.0.5
+- Updated react-dnd-html5-backend version 7.5.0 -> 14.1.0
+- Updated React version 16 -> 18
+- Updated rrule version 2.6.0 -> 2.7.2
+- Change Configure from webpack to Vite

package/README.md

@@ -25,7 +25,7 @@ To install react-big-schedule, use npm:
 * Ant Design
 * react-dnd
 * react-dnd-html5-backend
-* vite
+* webpack
 * dayjs
 
 ## Features

package/dist/components/AddMore.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var AddMore = function AddMore(_ref) {
+  var schedulerData = _ref.schedulerData,
+    number = _ref.number,
+    left = _ref.left,
+    width = _ref.width,
+    top = _ref.top,
+    clickAction = _ref.clickAction,
+    headerItem = _ref.headerItem;
+  var config = schedulerData.config;
+  var content = "+".concat(number, " more");
+  return /*#__PURE__*/_react["default"].createElement("a", {
+    className: "timeline-event",
+    style: {
+      left: left,
+      width: width,
+      top: top
+    },
+    onClick: function onClick() {
+      return clickAction(headerItem);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: config.eventItemHeight,
+      color: '#999',
+      textAlign: 'center'
+    }
+  }, content));
+};
+AddMore.propTypes = {
+  schedulerData: _propTypes["default"].object.isRequired,
+  number: _propTypes["default"].number.isRequired,
+  left: _propTypes["default"].number.isRequired,
+  width: _propTypes["default"].number.isRequired,
+  top: _propTypes["default"].number.isRequired,
+  clickAction: _propTypes["default"].func.isRequired,
+  headerItem: _propTypes["default"].object.isRequired
+};
+var _default = AddMore;
+exports["default"] = _default;

package/dist/components/AddMorePopover.js

@@ -0,0 +1,108 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _EventItem = _interopRequireDefault(require("./EventItem"));
+var _DnDSource = _interopRequireDefault(require("./DnDSource"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function AddMorePopover(props) {
+  var schedulerData = props.schedulerData,
+    headerItem = props.headerItem,
+    left = props.left,
+    top = props.top,
+    height = props.height,
+    closeAction = props.closeAction;
+  var config = schedulerData.config,
+    localeDayjs = schedulerData.localeDayjs;
+  var time = headerItem.time,
+    start = headerItem.start,
+    end = headerItem.end,
+    events = headerItem.events;
+  var _useState = (0, _react.useState)(new _DnDSource["default"](function (p) {
+      return p.eventItem;
+    }, _EventItem["default"], schedulerData.config.dragAndDropEnabled)),
+    _useState2 = _slicedToArray(_useState, 1),
+    dndSource = _useState2[0];
+  var header = localeDayjs(new Date(time)).format(config.addMorePopoverHeaderFormat);
+  var durationStart = localeDayjs(new Date(start));
+  var durationEnd = localeDayjs(end);
+  var DnDEventItem = dndSource.getDragSource();
+  var eventList = events.map(function (evt, i) {
+    if (evt !== undefined) {
+      var eventStart = localeDayjs(evt.eventItem.start);
+      var eventEnd = localeDayjs(evt.eventItem.end);
+      var isStart = eventStart >= durationStart;
+      var isEnd = eventEnd < durationEnd;
+      var eventItemTop = 12 + (i + 1) * config.eventItemLineHeight;
+      return /*#__PURE__*/_react["default"].createElement(DnDEventItem, _extends({}, props, {
+        key: evt.eventItem.id,
+        eventItem: evt.eventItem,
+        leftIndex: 0,
+        isInPopover: true,
+        isStart: isStart,
+        isEnd: isEnd,
+        rightIndex: 1,
+        left: 10,
+        width: 138,
+        top: eventItemTop
+      }));
+    }
+    return null;
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "add-more-popover-overlay",
+    style: {
+      left: left,
+      top: top,
+      height: height,
+      width: '170px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    justify: "space-between",
+    align: "middle"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 22
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "base-text"
+  }, header)), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 2
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: function onClick() {
+      return closeAction(undefined);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_icons.CloseOutlined, null)))), eventList === null || eventList === void 0 ? void 0 : eventList.filter(Boolean));
+}
+AddMorePopover.propTypes = {
+  schedulerData: _propTypes["default"].object.isRequired,
+  headerItem: _propTypes["default"].object.isRequired,
+  left: _propTypes["default"].number.isRequired,
+  top: _propTypes["default"].number.isRequired,
+  height: _propTypes["default"].number.isRequired,
+  closeAction: _propTypes["default"].func.isRequired,
+  subtitleGetter: _propTypes["default"].func,
+  moveEvent: _propTypes["default"].func,
+  eventItemClick: _propTypes["default"].func,
+  viewEventClick: _propTypes["default"].func,
+  viewEventText: _propTypes["default"].string,
+  viewEvent2Click: _propTypes["default"].func,
+  viewEvent2Text: _propTypes["default"].string,
+  eventItemTemplateResolver: _propTypes["default"].func
+};
+var _default = AddMorePopover;
+exports["default"] = _default;

package/dist/components/AgendaEventItem.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _EventItemPopover = _interopRequireDefault(require("./EventItemPopover"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function AgendaEventItem(props) {
+  var eventItem = props.eventItem,
+    isStart = props.isStart,
+    isEnd = props.isEnd,
+    eventItemClick = props.eventItemClick,
+    schedulerData = props.schedulerData,
+    eventItemTemplateResolver = props.eventItemTemplateResolver;
+  var config = schedulerData.config,
+    behaviors = schedulerData.behaviors;
+  var roundCls = isStart ? isEnd ? 'round-all' : 'round-head' : isEnd ? 'round-tail' : 'round-none';
+  var bgColor = eventItem.bgColor || config.defaultEventBgColor;
+  var titleText = behaviors.getEventTextFunc(schedulerData, eventItem);
+  var eventItemTemplate = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(roundCls, " event-item"),
+    key: eventItem.id,
+    style: {
+      height: config.eventItemHeight,
+      maxWidth: config.agendaMaxEventWidth,
+      backgroundColor: bgColor
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      marginLeft: '10px',
+      lineHeight: "".concat(config.eventItemHeight, "px")
+    }
+  }, titleText));
+  if (eventItemTemplateResolver) {
+    eventItemTemplate = eventItemTemplateResolver(schedulerData, eventItem, bgColor, isStart, isEnd, 'event-item', config.eventItemHeight, config.agendaMaxEventWidth);
+  }
+  var handleClick = function handleClick() {
+    return eventItemClick === null || eventItemClick === void 0 ? void 0 : eventItemClick(schedulerData, eventItem);
+  };
+  var eventLink = /*#__PURE__*/_react["default"].createElement("a", {
+    className: "day-event",
+    onClick: handleClick
+  }, eventItemTemplate);
+  var content = /*#__PURE__*/_react["default"].createElement(_EventItemPopover["default"], _extends({}, props, {
+    title: eventItem.title,
+    startTime: eventItem.start,
+    endTime: eventItem.end,
+    statusColor: bgColor
+  }));
+  return config.eventItemPopoverEnabled ? /*#__PURE__*/_react["default"].createElement(_antd.Popover, {
+    placement: "bottomLeft",
+    content: content,
+    trigger: "hover",
+    overlayClassName: "scheduler-agenda-event-popover"
+  }, eventLink) : /*#__PURE__*/_react["default"].createElement("span", null, eventLink);
+}
+AgendaEventItem.propTypes = {
+  schedulerData: _propTypes["default"].object.isRequired,
+  eventItem: _propTypes["default"].object.isRequired,
+  isStart: _propTypes["default"].bool.isRequired,
+  isEnd: _propTypes["default"].bool.isRequired,
+  subtitleGetter: _propTypes["default"].func,
+  eventItemClick: _propTypes["default"].func,
+  viewEventClick: _propTypes["default"].func,
+  viewEventText: _propTypes["default"].string,
+  viewEvent2Click: _propTypes["default"].func,
+  viewEvent2Text: _propTypes["default"].string,
+  eventItemTemplateResolver: _propTypes["default"].func
+};
+var _default = AgendaEventItem;
+exports["default"] = _default;

package/dist/components/AgendaResourceEvents.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _AgendaEventItem = _interopRequireDefault(require("./AgendaEventItem"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function AgendaResourceEvents(props) {
+  var schedulerData = props.schedulerData,
+    resourceEvents = props.resourceEvents,
+    slotClickedFunc = props.slotClickedFunc,
+    slotItemTemplateResolver = props.slotItemTemplateResolver;
+  var startDate = schedulerData.startDate,
+    endDate = schedulerData.endDate,
+    config = schedulerData.config,
+    localeDayjs = schedulerData.localeDayjs;
+  var width = schedulerData.getResourceTableWidth() - 2;
+  var events = [];
+  var _iterator = _createForOfIteratorHelper(resourceEvents.headerItems),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var item = _step.value;
+      var start = localeDayjs(new Date(startDate));
+      var end = localeDayjs(endDate).add(1, 'days');
+      var headerStart = localeDayjs(new Date(item.start));
+      var headerEnd = localeDayjs(new Date(item.end));
+      if (start === headerStart && end === headerEnd) {
+        var _iterator2 = _createForOfIteratorHelper(item.events),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var evt = _step2.value;
+            var durationStart = localeDayjs(new Date(startDate));
+            var durationEnd = localeDayjs(endDate).add(1, 'days');
+            var eventStart = localeDayjs(evt.eventItem.start);
+            var eventEnd = localeDayjs(evt.eventItem.end);
+            var isStart = eventStart >= durationStart;
+            var isEnd = eventEnd < durationEnd;
+            var eventItem = /*#__PURE__*/_react["default"].createElement(_AgendaEventItem["default"], _extends({}, props, {
+              key: evt.eventItem.id,
+              eventItem: evt.eventItem,
+              isStart: isStart,
+              isEnd: isEnd
+            }));
+            events.push(eventItem);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var slotItemContent = slotClickedFunc ? /*#__PURE__*/_react["default"].createElement("a", {
+    onClick: function onClick() {
+      return slotClickedFunc(schedulerData, resourceEvents);
+    }
+  }, resourceEvents.slotName) : /*#__PURE__*/_react["default"].createElement("span", null, resourceEvents.slotName);
+  var slotItem = /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: width
+    },
+    title: resourceEvents.slotName,
+    className: "overflow-text header2-text"
+  }, slotItemContent);
+  if (slotItemTemplateResolver) {
+    var temp = slotItemTemplateResolver(schedulerData, resourceEvents, slotClickedFunc, width, 'overflow-text header2-text');
+    if (temp) {
+      slotItem = temp;
+    }
+  }
+  return /*#__PURE__*/_react["default"].createElement("tr", {
+    style: {
+      minHeight: config.eventItemLineHeight + 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement("td", {
+    "data-resource-id": resourceEvents.slotId
+  }, slotItem), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "day-event-container"
+  }, events)));
+}
+AgendaResourceEvents.propTypes = {
+  schedulerData: _propTypes["default"].object.isRequired,
+  resourceEvents: _propTypes["default"].object.isRequired,
+  subtitleGetter: _propTypes["default"].func,
+  eventItemClick: _propTypes["default"].func,
+  viewEventClick: _propTypes["default"].func,
+  viewEventText: _propTypes["default"].string,
+  viewEvent2Click: _propTypes["default"].func,
+  viewEvent2Text: _propTypes["default"].string,
+  slotClickedFunc: _propTypes["default"].func,
+  slotItemTemplateResolver: _propTypes["default"].func
+};
+var _default = AgendaResourceEvents;
+exports["default"] = _default;

package/dist/components/AgendaView.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _AgendaResourceEvents = _interopRequireDefault(require("./AgendaResourceEvents"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function AgendaView(props) {
+  var schedulerData = props.schedulerData;
+  var config = schedulerData.config,
+    renderData = schedulerData.renderData;
+  var agendaResourceTableWidth = schedulerData.getResourceTableWidth();
+  var tableHeaderHeight = schedulerData.getTableHeaderHeight();
+  var resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
+  var agendaViewHeader = config.agendaViewHeader;
+  var resourceEventsList = renderData.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(_AgendaResourceEvents["default"], _extends({}, props, {
+      resourceEvents: item,
+      key: item.slotId
+    }));
+  });
+  return /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("table", {
+    className: "scheduler-table"
+  }, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", {
+    style: {
+      height: tableHeaderHeight
+    }
+  }, /*#__PURE__*/_react["default"].createElement("th", {
+    style: {
+      width: agendaResourceTableWidth
+    },
+    className: "header3-text"
+  }, resourceName), /*#__PURE__*/_react["default"].createElement("th", {
+    className: "header3-text"
+  }, agendaViewHeader))), /*#__PURE__*/_react["default"].createElement("tbody", null, resourceEventsList))));
+}
+AgendaView.propTypes = {
+  schedulerData: _propTypes["default"].object.isRequired,
+  subtitleGetter: _propTypes["default"].func,
+  eventItemClick: _propTypes["default"].func,
+  viewEventClick: _propTypes["default"].func,
+  viewEventText: _propTypes["default"].string,
+  viewEvent2Click: _propTypes["default"].func,
+  viewEvent2Text: _propTypes["default"].string,
+  slotClickedFunc: _propTypes["default"].func
+};
+var _default = AgendaView;
+exports["default"] = _default;

package/dist/components/BodyView.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function BodyView(_ref) {
+  var schedulerData = _ref.schedulerData;
+  var renderData = schedulerData.renderData,
+    headers = schedulerData.headers,
+    config = schedulerData.config,
+    behaviors = schedulerData.behaviors;
+  var width = schedulerData.getContentCellWidth();
+  var tableRows = renderData.filter(function (o) {
+    return o.render;
+  }).map(function (_ref2) {
+    var slotId = _ref2.slotId,
+      groupOnly = _ref2.groupOnly,
+      rowHeight = _ref2.rowHeight;
+    var rowCells = headers.map(function (header, index) {
+      var key = "".concat(slotId, "_").concat(header.time);
+      var style = index === headers.length - 1 ? {} : {
+        width: width
+      };
+      if (!!header.nonWorkingTime) {
+        style.backgroundColor = config.nonWorkingTimeBodyBgColor;
+      }
+      if (groupOnly) {
+        style.backgroundColor = config.groupOnlySlotColor;
+      }
+      if (!!behaviors.getNonAgendaViewBodyCellBgColorFunc) {
+        var cellBgColor = behaviors.getNonAgendaViewBodyCellBgColorFunc(schedulerData, slotId, header);
+        if (!!cellBgColor) {
+          style.backgroundColor = cellBgColor;
+        }
+      }
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        key: key,
+        style: style
+      }, /*#__PURE__*/_react["default"].createElement("div", null));
+    });
+    return /*#__PURE__*/_react["default"].createElement("tr", {
+      key: slotId,
+      style: {
+        height: rowHeight
+      }
+    }, rowCells);
+  });
+  return /*#__PURE__*/_react["default"].createElement("tbody", null, tableRows);
+}
+BodyView.propTypes = {
+  schedulerData: _propTypes["default"].object.isRequired
+};
+var _default = BodyView;
+exports["default"] = _default;