react-big-schedule 5.5.2-beta.4 → 6.0.0

package/README.md

@@ -318,6 +318,12 @@ See the demo `events` in the [sample1.js](https://github.com/ansulagrawal/react-
 If we use the task view, we'd better add the `groupId` and the `groupName` property to each event object, see the
 `eventsForTaskView` in the [sample1.js](https://github.com/ansulagrawal/react-big-schedule/blob/master/src/sample-data/sample1.js) for details.
 
+## Event Date Formats
+
+Events support both `YYYY-MM-DD HH:mm:ss` datetime strings and `YYYY-MM-DD` date-only strings for `start` and `end`.
+Date-only events are treated as spanning the full calendar day. Month view and the other scheduler views handle both
+formats consistently.
+
 #### prev
 
 ```js

package/dist/components/AddMore.js

@@ -1,34 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-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__*/(0, _jsxRuntime.jsx)("button", {
+import PropTypes from 'prop-types';
+import { jsx as _jsx } from "react/jsx-runtime";
+function AddMore({
+  schedulerData,
+  number,
+  left,
+  width,
+  top,
+  clickAction,
+  headerItem
+}) {
+  const {
+    config
+  } = schedulerData;
+  const content = `+${number} more`;
+  return /*#__PURE__*/_jsx("button", {
     type: "button",
     className: "timeline-event",
     style: {
-      left: left,
-      width: width,
-      top: top
+      left,
+      width,
+      top
     },
-    onClick: function onClick() {
-      return clickAction(headerItem);
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    onClick: () => clickAction(headerItem),
+    children: /*#__PURE__*/_jsx("div", {
       style: {
         height: config.eventItemHeight,
         color: '#999',
@@ -39,12 +33,12 @@ function AddMore(_ref) {
   });
 }
 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
+  schedulerData: PropTypes.object.isRequired,
+  number: PropTypes.number.isRequired,
+  left: PropTypes.number.isRequired,
+  width: PropTypes.number.isRequired,
+  top: PropTypes.number.isRequired,
+  clickAction: PropTypes.func.isRequired,
+  headerItem: PropTypes.object.isRequired
 };
-var _default = exports["default"] = AddMore;
+export default AddMore;

package/dist/components/AddMorePopover.js

@@ -1,58 +1,42 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _icons = require("@ant-design/icons");
-var _antd = require("antd");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
-var _DnDSource = _interopRequireDefault(require("./DnDSource"));
-var _EventItem = _interopRequireDefault(require("./EventItem"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { CloseOutlined } from '@ant-design/icons';
+import { Col, Row } from 'antd';
+import PropTypes from 'prop-types';
+import { useState, createElement as _createElement } from 'react';
+import DnDSource from './DnDSource';
+import EventItem from './EventItem';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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;
-    }, 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 eventList = events.map(function (evt, i) {
+  const {
+    schedulerData,
+    headerItem,
+    left,
+    top,
+    height,
+    closeAction
+  } = props;
+  const {
+    config,
+    localeDayjs
+  } = schedulerData;
+  const {
+    time,
+    start,
+    end,
+    events
+  } = headerItem;
+  const [dndSource] = useState(new DnDSource(p => p.eventItem, schedulerData.config.dragAndDropEnabled));
+  const header = localeDayjs(new Date(time)).format(config.addMorePopoverHeaderFormat);
+  const durationStart = localeDayjs(new Date(start));
+  const durationEnd = localeDayjs(end);
+  const eventList = events.map((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__*/(0, _react.createElement)(_EventItem["default"], _objectSpread(_objectSpread({}, props), {}, {
+      const eventStart = localeDayjs(evt.eventItem.start);
+      const eventEnd = localeDayjs(evt.eventItem.end);
+      const isStart = eventStart >= durationStart;
+      const isEnd = eventEnd < durationEnd;
+      const eventItemTop = 12 + (i + 1) * config.eventItemLineHeight;
+      return /*#__PURE__*/_createElement(EventItem, {
+        ...props,
         key: evt.eventItem.id,
         eventItem: evt.eventItem,
         dndSource: dndSource,
@@ -64,54 +48,52 @@ function AddMorePopover(props) {
         left: 10,
         width: 138,
         top: eventItemTop
-      }));
+      });
     }
     return null;
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "rbs-add-more-popover-overlay",
     style: {
-      left: left,
-      top: top,
-      height: height,
+      left,
+      top,
+      height,
       minWidth: '170px'
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
+    children: [/*#__PURE__*/_jsxs(Row, {
       justify: "space-between",
       align: "middle",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+      children: [/*#__PURE__*/_jsx(Col, {
         span: 22,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/_jsx("span", {
           className: "base-text",
           children: header
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+      }), /*#__PURE__*/_jsx(Col, {
         span: 2,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        children: /*#__PURE__*/_jsx("button", {
           type: "button",
-          onClick: function onClick() {
-            return closeAction(undefined);
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {})
+          onClick: () => closeAction(undefined),
+          children: /*#__PURE__*/_jsx(CloseOutlined, {})
         })
       })]
-    }), eventList === null || eventList === void 0 ? void 0 : eventList.filter(Boolean)]
+    }), 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
+  schedulerData: PropTypes.object.isRequired,
+  headerItem: PropTypes.object.isRequired,
+  left: PropTypes.number.isRequired,
+  top: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  closeAction: PropTypes.func.isRequired,
+  subtitleGetter: PropTypes.func,
+  moveEvent: PropTypes.func,
+  eventItemClick: PropTypes.func,
+  viewEventClick: PropTypes.func,
+  viewEventText: PropTypes.string,
+  viewEvent2Click: PropTypes.func,
+  viewEvent2Text: PropTypes.string,
+  eventItemTemplateResolver: PropTypes.func
 };
-var _default = exports["default"] = AddMorePopover;
+export default AddMorePopover;

package/dist/components/AgendaEventItem.js

@@ -1,30 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _antd = require("antd");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _EventItemPopover = _interopRequireDefault(require("./EventItemPopover"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Popover } from 'antd';
+import PropTypes from 'prop-types';
+import EventItemPopover from './EventItemPopover';
+import { jsx as _jsx } from "react/jsx-runtime";
 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 = 'round-none';
+  const {
+    eventItem,
+    isStart,
+    isEnd,
+    eventItemClick,
+    schedulerData,
+    eventItemTemplateResolver
+  } = props;
+  const {
+    config,
+    behaviors
+  } = schedulerData;
+  let roundCls = 'round-none';
   if (isStart && isEnd) {
     roundCls = 'round-all';
   } else if (isStart) {
@@ -32,20 +23,20 @@ function AgendaEventItem(props) {
   } else if (isEnd) {
     roundCls = 'round-tail';
   }
-  var backgroundColor = eventItem.bgColor || config.defaultEventBgColor;
-  var titleText = behaviors.getEventTextFunc(schedulerData, eventItem);
-  var eventItemStyle = {
+  const backgroundColor = eventItem.bgColor || config.defaultEventBgColor;
+  const titleText = behaviors.getEventTextFunc(schedulerData, eventItem);
+  const eventItemStyle = {
     height: config.eventItemHeight,
     maxWidth: config.agendaMaxEventWidth,
-    backgroundColor: backgroundColor
+    backgroundColor
   };
-  var eventItemTemplate = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "".concat(roundCls, " event-item"),
+  let eventItemTemplate = /*#__PURE__*/_jsx("div", {
+    className: `${roundCls} event-item`,
     style: eventItemStyle,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: /*#__PURE__*/_jsx("span", {
       style: {
         marginLeft: '10px',
-        lineHeight: "".concat(config.eventItemHeight, "px")
+        lineHeight: `${config.eventItemHeight}px`
       },
       children: titleText
     })
@@ -53,42 +44,41 @@ function AgendaEventItem(props) {
   if (eventItemTemplateResolver) {
     eventItemTemplate = eventItemTemplateResolver(schedulerData, eventItem, backgroundColor, 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__*/(0, _jsxRuntime.jsx)("button", {
+  const handleClick = () => eventItemClick?.(schedulerData, eventItem);
+  const eventLink = /*#__PURE__*/_jsx("button", {
     type: "button",
     className: "day-event rbs-txt-btn-dis",
     onClick: handleClick,
     children: eventItemTemplate
   });
-  var content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_EventItemPopover["default"], _objectSpread(_objectSpread({}, props), {}, {
+  const content = /*#__PURE__*/_jsx(EventItemPopover, {
+    ...props,
     title: eventItem.title,
     startTime: eventItem.start,
     endTime: eventItem.end,
     statusColor: backgroundColor
-  }));
-  return config.eventItemPopoverEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
+  });
+  return config.eventItemPopoverEnabled ? /*#__PURE__*/_jsx(Popover, {
     placement: "bottomLeft",
     content: content,
     trigger: "hover",
     overlayClassName: "scheduler-agenda-event-popover",
     children: eventLink
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  }) : /*#__PURE__*/_jsx("span", {
     children: 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
+  schedulerData: PropTypes.object.isRequired,
+  eventItem: PropTypes.object.isRequired,
+  isStart: PropTypes.bool.isRequired,
+  isEnd: PropTypes.bool.isRequired,
+  subtitleGetter: PropTypes.func,
+  eventItemClick: PropTypes.func,
+  viewEventClick: PropTypes.func,
+  viewEventText: PropTypes.string,
+  viewEvent2Click: PropTypes.func,
+  viewEvent2Text: PropTypes.string,
+  eventItemTemplateResolver: PropTypes.func
 };
-var _default = exports["default"] = AgendaEventItem;
+export default AgendaEventItem;

package/dist/components/AgendaResourceEvents.js

@@ -1,86 +1,76 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _AgendaEventItem = _interopRequireDefault(require("./AgendaEventItem"));
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import PropTypes from 'prop-types';
+import AgendaEventItem from './AgendaEventItem';
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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 = resourceEvents.headerItems.flatMap(function (item) {
-    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));
+  const {
+    schedulerData,
+    resourceEvents,
+    slotClickedFunc,
+    slotItemTemplateResolver
+  } = props;
+  const {
+    startDate,
+    endDate,
+    config,
+    localeDayjs
+  } = schedulerData;
+  const width = schedulerData.getResourceTableWidth() - 2;
+  const events = resourceEvents.headerItems.flatMap(item => {
+    const start = localeDayjs(new Date(startDate));
+    const end = localeDayjs(endDate).add(1, 'days');
+    const headerStart = localeDayjs(new Date(item.start));
+    const headerEnd = localeDayjs(new Date(item.end));
     if (start === headerStart && end === headerEnd) {
-      return item.events.map(function (evt) {
-        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;
-        return /*#__PURE__*/(0, _react.createElement)(_AgendaEventItem["default"], _objectSpread(_objectSpread({}, props), {}, {
+      return item.events.map(evt => {
+        const durationStart = localeDayjs(new Date(startDate));
+        const durationEnd = localeDayjs(endDate).add(1, 'days');
+        const eventStart = localeDayjs(evt.eventItem.start);
+        const eventEnd = localeDayjs(evt.eventItem.end);
+        const isStart = eventStart >= durationStart;
+        const isEnd = eventEnd < durationEnd;
+        return /*#__PURE__*/_createElement(AgendaEventItem, {
+          ...props,
           key: evt.eventItem.id,
           eventItem: evt.eventItem,
           isStart: isStart,
           isEnd: isEnd
-        }));
+        });
       });
     }
     return [];
   });
-  var slotItemContent = slotClickedFunc ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+  const slotItemContent = slotClickedFunc ? /*#__PURE__*/_jsx("button", {
     className: "rbs-txt-btn-dis",
     type: "button",
-    onClick: function onClick() {
-      return slotClickedFunc(schedulerData, resourceEvents);
-    },
+    onClick: () => slotClickedFunc(schedulerData, resourceEvents),
     children: resourceEvents.slotName
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  }) : /*#__PURE__*/_jsx("span", {
     children: resourceEvents.slotName
   });
-  var slotItem = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  let slotItem = /*#__PURE__*/_jsx("div", {
     style: {
-      width: width
+      width
     },
     title: resourceEvents.slotTitle || resourceEvents.slotName,
     className: "overflow-text header2-text",
     children: slotItemContent
   });
   if (slotItemTemplateResolver) {
-    var temp = slotItemTemplateResolver(schedulerData, resourceEvents, slotClickedFunc, width, 'overflow-text header2-text');
+    const temp = slotItemTemplateResolver(schedulerData, resourceEvents, slotClickedFunc, width, 'overflow-text header2-text');
     if (temp) {
       slotItem = temp;
     }
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+  return /*#__PURE__*/_jsxs("tr", {
     style: {
       minHeight: config.eventItemLineHeight + 2
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+    children: [/*#__PURE__*/_jsx("td", {
       "data-resource-id": resourceEvents.slotId,
       children: slotItem
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), /*#__PURE__*/_jsx("td", {
+      children: /*#__PURE__*/_jsx("div", {
         className: "day-event-container",
         children: events
       })
@@ -88,17 +78,17 @@ function AgendaResourceEvents(props) {
   });
 }
 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,
-  eventItemTemplateResolver: _propTypes["default"].func,
-  eventItemPopoverTemplateResolver: _propTypes["default"].func
+  schedulerData: PropTypes.object.isRequired,
+  resourceEvents: PropTypes.object.isRequired,
+  subtitleGetter: PropTypes.func,
+  eventItemClick: PropTypes.func,
+  viewEventClick: PropTypes.func,
+  viewEventText: PropTypes.string,
+  viewEvent2Click: PropTypes.func,
+  viewEvent2Text: PropTypes.string,
+  slotClickedFunc: PropTypes.func,
+  slotItemTemplateResolver: PropTypes.func,
+  eventItemTemplateResolver: PropTypes.func,
+  eventItemPopoverTemplateResolver: PropTypes.func
 };
-var _default = exports["default"] = AgendaResourceEvents;
+export default AgendaResourceEvents;