react-big-schedule 4.2.4 → 4.3.0

package/README.md

@@ -1,51 +1,56 @@
-# React Big Schedule (react-big-schedule) 
- [![NPM version][npm-image]][npm-url] [![MIT License][mit-image]][mit-url]  [![CodeQL][codeql-image]][codeql-url]
- 
- [npm-image]: http://img.shields.io/npm/v/react-big-schedule.svg
- [npm-url]: http://npmjs.org/package/react-big-schedule
- [mit-image]: https://img.shields.io/badge/License-MIT-green.svg
- [mit-url]: https://github.com/react-scheduler/react-big-schedule/blob/master/LICENSE
- [codeql-image]: https://github.com/react-scheduler/react-big-schedule/actions/workflows/github-code-scanning/codeql/badge.svg?branch=master
- [codeql-url]: https://github.com/react-scheduler/react-big-schedule/actions/workflows/github-code-scanning/codeql
+# React Big Schedule (react-big-schedule)
 
+[![NPM version][npm-image]][npm-url] [![MIT License][mit-image]][mit-url] [![CodeQL][codeql-image]][codeql-url] [![CodeFactor][codeFactor-badge]][codeFactor-link]
+
+[npm-image]: http://img.shields.io/npm/v/react-big-schedule.svg
+[npm-url]: http://npmjs.org/package/react-big-schedule
+[mit-image]: https://img.shields.io/badge/License-MIT-green.svg
+[mit-url]: https://github.com/react-scheduler/react-big-schedule/blob/master/LICENSE
+[codeql-image]: https://github.com/react-scheduler/react-big-schedule/actions/workflows/github-code-scanning/codeql/badge.svg?branch=master
+[codeql-url]: https://github.com/react-scheduler/react-big-schedule/actions/workflows/github-code-scanning/codeql
+[codeFactor-badge]: https://www.codefactor.io/repository/github/react-scheduler/react-big-schedule/badge
+[codeFactor-link]: https://www.codefactor.io/repository/github/react-scheduler/react-big-schedule
 
 React Big Schedule is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern, browser-compatible component into your applications to effectively manage time, appointments, and resources. With drag-and-drop functionality, interactive UI, and granular views, react-big-schedule empowers users to effortlessly schedule and allocate resources with precision.
 
-Enhance productivity and streamline your workflow with this React-based solution, designed to optimize time management and simplify calendar-based operations. Perfect for applications requiring advanced scheduling capabilities, react-big-schedule offers a seamless and intuitive experience for managing appointments, resource allocation, and time slots. 
+Enhance productivity and streamline your workflow with this React-based solution, designed to optimize time management and simplify calendar-based operations. Perfect for applications requiring advanced scheduling capabilities, react-big-schedule offers a seamless and intuitive experience for managing appointments, resource allocation, and time slots.
 
 Unlock the potential of your React projects with react-big-schedule and revolutionize the way you handle scheduling and resource planning.
 
 ### This project code is forked from:
-* [react-big-scheduler](https://stephenchou1017.github.io/scheduler/#/).
-* [react-big-scheduler-stch](https://github.com/hbatalhaStch/react-big-scheduler).
+
+- [react-big-scheduler](https://stephenchou1017.github.io/scheduler/#/).
+- [react-big-scheduler-stch](https://github.com/hbatalhaStch/react-big-scheduler).
 
 ## Installation
 
 To install react-big-schedule, use npm:
+
 ```bash
   npm install react-big-schedule
 ```
 
-## Tech Stack  
+## Tech Stack
 
-* React
-* Ant Design
-* react-dnd
-* react-dnd-html5-backend
-* webpack
-* dayjs
+- React
+- Ant Design
+- react-dnd
+- react-dnd-html5-backend
+- webpack
+- dayjs
 
 ## Features
 
-* Modern and intuitive scheduler component for React applications.
-* Seamless integration with React projects.
-* Drag-and-drop functionality for effortless scheduling.
-* Interactive user interface for a smooth user experience
-* Granular views to manage time, appointments, and resources effectively.
-* Optimized for time management and calendar-based operations.
-* Perfect for applications requiring advanced scheduling capabilities.
+- Modern and intuitive scheduler component for React applications.
+- Seamless integration with React projects.
+- Drag-and-drop functionality for effortless scheduling.
+- Interactive user interface for a smooth user experience
+- Granular views to manage time, appointments, and resources effectively.
+- Optimized for time management and calendar-based operations.
+- Perfect for applications requiring advanced scheduling capabilities.
 
 ## Contributions
+
 Contributions to react-big-schedule are welcome! If you find a bug or want to contribute to the project, please follow these steps:
 
 1. Fork the repository on GitHub.
@@ -57,41 +62,48 @@ Contributions to react-big-schedule are welcome! If you find a bug or want to co
 Please ensure that your code adheres to the project's coding conventions and includes appropriate tests.
 
 ## License
+
 React Big Schedule is released under the MIT License. See the [LICENSE](https://github.com/react-scheduler/react-big-schedule/blob/master/LICENSE) file for more details.
 
 ## Support
+
 If you have any questions or need support, please create an issue in the [GitHub repository](https://github.com/react-scheduler/react-big-schedule/issues).
 
 ## Credits
+
 React Big Schedule is developed and maintained by the React Big Schedule team. We would like to thank the open-source community for their valuable contributions and feedback.
 
 Special thanks to the following contributors:
-* Ansul Agrawal ([@ansulagrawal](https://github.com/ansulagrawal))
-* Jitendra Soni ([@JitendraSoni1234](https://github.com/JitendraSoni1234))
-* hbatalhaStch  [[@hbatalhaStch](https://github.com/hbatalhaStch))
-* DamyanBG ([@DamyanBG](https://github.com/DamyanBG))
+
+- Ansul Agrawal ([@ansulagrawal](https://github.com/ansulagrawal))
+- Jitendra Soni ([@JitendraSoni1234](https://github.com/JitendraSoni1234))
+- hbatalhaStch [[@hbatalhaStch](https://github.com/hbatalhaStch))
+- DamyanBG ([@DamyanBG](https://github.com/DamyanBG))
 
 ## Acknowledgments
+
 We would like to acknowledge the following projects for their inspiration and contributions:
-* [react-big-scheduler](https://stephenchou1017.github.io/scheduler/#/).
-* [react-big-scheduler-stch](https://github.com/hbatalhaStch/react-big-scheduler).
+
+- [react-big-scheduler](https://stephenchou1017.github.io/scheduler/#/).
+- [react-big-scheduler-stch](https://github.com/hbatalhaStch/react-big-scheduler).
 
 ## Roadmap
-* Additional view options for different scheduling needs.
-* Support for recurring appointments.
-* Integration with popular calendar services.
-* Improved accessibility and localization support.
-* Performance optimizations for handling large data sets.
+
+- Additional view options for different scheduling needs.
+- Support for recurring appointments.
+- Integration with popular calendar services.
+- Improved accessibility and localization support.
+- Performance optimizations for handling large data sets.
 
 We are continuously working on enhancing react-big-schedule and welcome your feedback and suggestions for future improvements.
 
 ## Changelog
-Please refer to the [CHANGELOG.md](https://github.com/react-scheduler/react-big-schedule/blob/master/CHANGELOG.md) file.
 
+Please refer to the [CHANGELOG.md](https://github.com/react-scheduler/react-big-schedule/blob/master/CHANGELOG.md) file.
 
 ## Use and Setup
 
-1.) Installation 
+1.) Installation
 
 ```
   npm i react-big-schedule
@@ -112,19 +124,20 @@ import "react-big-schedule/dist/css/style.css";
 ```
 
 3.) Basic Usage
+
 ```js
-const schedulerData = new SchedulerData( new dayjs().format(DATE_FORMAT), ViewType.Week );
+const schedulerData = new SchedulerData(new dayjs().format(DATE_FORMAT), ViewType.Week);
 
 //set locale dayjs to the schedulerData, if your locale isn't English. By default, Scheduler comes with English(en, United States).
-schedulerData.setSchedulerLocale("pt-br"); // this uses dayjs, but it doesn't require dayjs to be installed as its called dynamically
-schedulerData.setCalendarPopoverLocale("pt_BR"); // this uses antd [List of supported locales](https://ant.design/docs/react/i18n#supported-languages)
+schedulerData.setSchedulerLocale('pt-br'); // this uses dayjs, but it doesn't require dayjs to be installed as its called dynamically
+schedulerData.setCalendarPopoverLocale('pt_BR'); // this uses antd [List of supported locales](https://ant.design/docs/react/i18n#supported-languages)
 
 schedulerData.setResources([
-  { id: "r0", name: "Resource0", groupOnly: true},
-  { id: "r1", name: "Resource1" },
-  { id: "r2", name: "Resource2", parentId: "r0" },
-  { id: "r3", name: "Resource3", parentId: "r4" },
-  { id: "r4", name: "Resource4", parentId: "r2" },
+  { id: 'r0', name: 'Resource0', groupOnly: true },
+  { id: 'r1', name: 'Resource1' },
+  { id: 'r2', name: 'Resource2', parentId: 'r0' },
+  { id: 'r3', name: 'Resource3', parentId: 'r4' },
+  { id: 'r4', name: 'Resource4', parentId: 'r2' },
 ]);
 
 // the event array should be sorted in ascending order by event.start property
@@ -132,44 +145,44 @@ schedulerData.setResources([
 schedulerData.setEvents([
   {
     id: 1,
-    start: "2022-12-18 09:30:00",
-    end: "2022-12-19 23:30:00",
-    resourceId: "r1",
-    title: "I am finished",
-    bgColor: "#D9D9D9",
+    start: '2022-12-18 09:30:00',
+    end: '2022-12-19 23:30:00',
+    resourceId: 'r1',
+    title: 'I am finished',
+    bgColor: '#D9D9D9',
   },
   {
     id: 2,
-    start: "2022-12-18 12:30:00",
-    end: "2022-12-26 23:30:00",
-    resourceId: "r2",
-    title: "I am not resizable",
+    start: '2022-12-18 12:30:00',
+    end: '2022-12-26 23:30:00',
+    resourceId: 'r2',
+    title: 'I am not resizable',
     resizable: false,
   },
   {
     id: 3,
-    start: "2022-12-19 12:30:00",
-    end: "2022-12-20 23:30:00",
-    resourceId: "r3",
-    title: "I am not movable",
+    start: '2022-12-19 12:30:00',
+    end: '2022-12-20 23:30:00',
+    resourceId: 'r3',
+    title: 'I am not movable',
     movable: false,
   },
   {
     id: 4,
-    start: "2022-12-19 14:30:00",
-    end: "2022-12-20 23:30:00",
-    resourceId: "r1",
-    title: "I am not start-resizable",
+    start: '2022-12-19 14:30:00',
+    end: '2022-12-20 23:30:00',
+    resourceId: 'r1',
+    title: 'I am not start-resizable',
     startResizable: false,
   },
   {
     id: 5,
-    start: "2022-12-19 15:30:00",
-    end: "2022-12-20 23:30:00",
-    resourceId: "r2",
-    title: "R2 has recurring tasks every week on Tuesday, Friday",
-    rrule: "FREQ=WEEKLY;DTSTART=20221219T013000Z;BYDAY=TU,FR",
-    bgColor: "#f759ab",
+    start: '2022-12-19 15:30:00',
+    end: '2022-12-20 23:30:00',
+    resourceId: 'r2',
+    title: 'R2 has recurring tasks every week on Tuesday, Friday',
+    rrule: 'FREQ=WEEKLY;DTSTART=20221219T013000Z;BYDAY=TU,FR',
+    bgColor: '#f759ab',
   },
 ]);
 
@@ -187,10 +200,8 @@ schedulerData.setEvents([
 />;
 ```
 
-
 ### Run examples locally
 
-
 - Clone this repository
 - Retrieve dependencies: `npm install` or `npm i`
 - Start: `npm run start`
@@ -200,7 +211,6 @@ If you fail to execute the `npm install` command, remove the package-lock.json f
 
 # API
 
-
 ### SchedulerData
 
 SchedulerData is the view model of Scheduler, we can modify it to control the view of the Scheduler.
@@ -250,6 +260,7 @@ Used to set locale to the scheduler, it uses dayjs locales ([List of supported l
 `preset` will be locale imported from dayjs.
 
 #### example:
+
 ```js
 import * as dayjsLocale from 'dayjs/locale/pt-br';
 
@@ -267,6 +278,7 @@ setCalendarPopoverLocale(lang);
 Used to set locale to the calendar popover. it uses antd locales ([List of supported locales](https://ant.design/docs/react/i18n#supported-languages)). By default, it comes with English(en, United States)
 
 #### example:
+
 ```js
 import * as antdLocale from 'antd/locale/pt_BR';
 
@@ -305,7 +317,6 @@ Let the time window scroll to the left once. When `SchedulerData,viewType` is `V
 scroll a month, when `SchedulerData,viewType` is `ViewType.Week`, the time window will scroll a week. `SchedulerData.events`
 will be clear after calling this method.
 
-
 #### next
 
 ```js
@@ -325,11 +336,7 @@ Let the time window jump to the provided `date` directly. `SchedulerData.events`
 #### setViewType
 
 ```js
-setViewType(
-  (viewType = ViewType.Week),
-  (showAgenda = false),
-  (isEventPerspective = false)
-);
+setViewType((viewType = ViewType.Week), (showAgenda = false), (isEventPerspective = false));
 ```
 
 Tell SchedulerData to change current view, the `viewType`, `showAgenda` and `isEventPerspective` group should be
@@ -755,14 +762,7 @@ Method that defines non-working time.
 #### getSummaryFunc
 
 ```js
-getSummary(
-  schedulerData,
-  headerEvents,
-  slotId,
-  slotName,
-  headerStart,
-  headerEnd
-);
+getSummary(schedulerData, headerEvents, slotId, slotName, headerStart, headerEnd);
 ```
 
 Method that defines the summary text displayed in the Scheduler cells.Refer
@@ -912,16 +912,7 @@ to [this example](https://stephenchou1017.github.io/scheduler/#/customheader).
 
 ```js
 conflictOccurred: PropTypes.func;
-conflictOccurred(
-  schedulerData,
-  action,
-  event,
-  type,
-  slotId,
-  slotName,
-  start,
-  end
-);
+conflictOccurred(schedulerData, action, event, type, slotId, slotName, start, end);
 ```
 
 Callback function fired when there is a conflict. This could happen when creating, resizing or moving an event, and when  
@@ -931,16 +922,7 @@ Callback function fired when there is a conflict. This could happen when creatin
 
 ```js
 eventItemTemplateResolver: PropTypes.func;
-eventItemTemplateResolver(
-  schedulerData,
-  event,
-  bgColor,
-  isStart,
-  isEnd,
-  mustAddCssClass,
-  mustBeHeight,
-  agendaMaxEventWidth
-);
+eventItemTemplateResolver(schedulerData, event, bgColor, isStart, isEnd, mustAddCssClass, mustBeHeight, agendaMaxEventWidth);
 ```
 
 Use this function, you can customize the event style. Refer to [this example](https://stephenchou1017.github.io/scheduler/#/customeventstyle).
@@ -949,14 +931,7 @@ Use this function, you can customize the event style. Refer to [this example](ht
 
 ```js
 eventItemPopoverTemplateResolver: PropTypes.func;
-eventItemPopoverTemplateResolver(
-  schedulerData,
-  eventItem,
-  title,
-  start,
-  end,
-  statusColor
-);
+eventItemPopoverTemplateResolver(schedulerData, eventItem, title, start, end, statusColor);
 ```
 
 Use this function, you can customize the event's popover style. Refer to [this example](https://stephenchou1017.github.io/scheduler/#/custompopover).
@@ -974,12 +949,7 @@ Use this function, you can customize the left slot style.
 
 ```js
 nonAgendaCellHeaderTemplateResolver: PropTypes.func;
-nonAgendaCellHeaderTemplateResolver(
-  schedulerData,
-  item,
-  formattedDateItems,
-  style
-);
+nonAgendaCellHeaderTemplateResolver(schedulerData, item, formattedDateItems, style);
 ```
 
 Use this function, you can customize the table header cell style. Refer to [this example](https://stephenchou1017.github.io/scheduler/#/customtableheaders).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-big-schedule",
-  "version": "4.2.4",
+  "version": "4.3.0",
   "description": "React Big Schedule  is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern browser-compatible component into your applications to effectively manage time, appointments, and resources. With drag-and-drop functionality, interactive UI, and granular views, react-big-schedule empowers users to effortlessly schedule and allocate resources with precision. Enhance productivity and streamline your workflow with this React-based solution, designed to optimize time management and simplify calendar-based operations. Perfect for applications requiring advanced scheduling capabilities, react-big-schedule offers a seamless and intuitive experience for managing appointments, resource allocation, and time slots. Unlock the potential of your React projects with react-big-schedule and revolutionize the way you handle scheduling and resource planning. It is the updated version of react-big-scheduler",
   "keywords": [
     "react-big-schedule",
@@ -54,12 +54,14 @@
   "scripts": {
     "build": "node scripts/build.js",
     "start": "webpack serve --mode development --config ./webpack/webpack.dev.config.js",
-    "clean": "rimraf ./dist && mkdir dist"
+    "clean": "rimraf ./dist && mkdir dist",
+    "lint": "eslint ./src",
+    "fix": "eslint ./"
   },
   "dependencies": {
-    "@ant-design/icons": "^5.1.4",
-    "antd": "^5.7.0",
-    "dayjs": "^1.11.9",
+    "@ant-design/icons": "^5.2.6",
+    "antd": "^5.10.1",
+    "dayjs": "^1.11.10",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dnd": "^14.0.5",
@@ -68,17 +70,25 @@
     "rrule": "^2.7.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.22.9",
-    "@babel/core": "^7.22.9",
-    "@babel/preset-env": "^7.22.9",
-    "@babel/preset-react": "^7.22.5",
+    "@babel/cli": "^7.23.0",
+    "@babel/core": "^7.23.2",
+    "@babel/eslint-parser": "^7.22.15",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
     "babel-loader": "^9.1.3",
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.8.1",
+    "eslint": "^8.51.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-webpack-plugin": "^4.0.1",
     "fs-extra": "^11.1.1",
     "html-webpack-plugin": "^5.5.3",
     "style-loader": "^3.3.3",
-    "webpack": "^5.88.1",
+    "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1"
   }

package/dist/components/AddMore.js

@@ -1,48 +0,0 @@
-"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

@@ -1,108 +0,0 @@
-"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;