react-big-schedule 5.5.2-beta.5 → 6.1.0

package/dist/components/EventItemPopover.js

@@ -1,121 +1,112 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _antd = require("antd");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function EventItemPopover(_ref) {
-  var schedulerData = _ref.schedulerData,
-    eventItem = _ref.eventItem,
-    title = _ref.title,
-    startTime = _ref.startTime,
-    endTime = _ref.endTime,
-    statusColor = _ref.statusColor,
-    subtitleGetter = _ref.subtitleGetter,
-    viewEventClick = _ref.viewEventClick,
-    viewEventText = _ref.viewEventText,
-    viewEvent2Click = _ref.viewEvent2Click,
-    viewEvent2Text = _ref.viewEvent2Text,
-    eventItemPopoverTemplateResolver = _ref.eventItemPopoverTemplateResolver;
-  var localeDayjs = schedulerData.localeDayjs,
-    config = schedulerData.config;
-  var start = localeDayjs(new Date(startTime));
-  var end = localeDayjs(new Date(endTime));
+import { Col, Row } from 'antd';
+import PropTypes from 'prop-types';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function EventItemPopover({
+  schedulerData,
+  eventItem,
+  title,
+  startTime,
+  endTime,
+  statusColor,
+  subtitleGetter,
+  viewEventClick,
+  viewEventText,
+  viewEvent2Click,
+  viewEvent2Text,
+  eventItemPopoverTemplateResolver
+}) {
+  const {
+    localeDayjs,
+    config
+  } = schedulerData;
+  const start = localeDayjs(new Date(startTime));
+  const end = localeDayjs(new Date(endTime));
   if (eventItemPopoverTemplateResolver) {
     return eventItemPopoverTemplateResolver(schedulerData, eventItem, title, start, end, statusColor);
   }
-  var subtitle = subtitleGetter ? subtitleGetter(schedulerData, eventItem) : null;
-  var showViewEvent = viewEventText && viewEventClick && (eventItem.clickable1 === undefined || eventItem.clickable1);
-  var showViewEvent2 = viewEvent2Text && viewEvent2Click && (eventItem.clickable2 === undefined || eventItem.clickable2);
-  var renderViewEvent = function renderViewEvent(text, clickHandler) {
-    var marginLeft = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      className: "header2-text rbs-txt-btn-dis",
-      type: "button",
-      style: {
-        color: '#108EE9',
-        cursor: 'pointer',
-        marginLeft: "".concat(marginLeft, "px")
-      },
-      onClick: function onClick() {
-        return clickHandler(schedulerData, eventItem);
-      },
-      children: text
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  const subtitle = subtitleGetter ? subtitleGetter(schedulerData, eventItem) : null;
+  const showViewEvent = viewEventText && viewEventClick && (eventItem.clickable1 === undefined || eventItem.clickable1);
+  const showViewEvent2 = viewEvent2Text && viewEvent2Click && (eventItem.clickable2 === undefined || eventItem.clickable2);
+  const renderViewEvent = (text, clickHandler, marginLeft = 0) => /*#__PURE__*/_jsx("button", {
+    className: "header2-text rbs-txt-btn-dis",
+    type: "button",
+    style: {
+      color: '#108EE9',
+      cursor: 'pointer',
+      marginLeft: `${marginLeft}px`
+    },
+    onClick: () => clickHandler(schedulerData, eventItem),
+    children: text
+  });
+  return /*#__PURE__*/_jsxs("div", {
     style: {
       width: config.eventItemPopoverWidth
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
+    children: [/*#__PURE__*/_jsxs(Row, {
       type: "flex",
       align: "middle",
-      children: [config.eventItemPopoverShowColor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+      children: [config.eventItemPopoverShowColor && /*#__PURE__*/_jsx(Col, {
         span: 2,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/_jsx("div", {
           className: "status-dot",
           style: {
             backgroundColor: statusColor
           }
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+      }), /*#__PURE__*/_jsx(Col, {
         span: 22,
         className: "overflow-text",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/_jsx("span", {
           className: "header2-text",
           title: title,
           children: title
         })
       })]
-    }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
+    }), subtitle && /*#__PURE__*/_jsxs(Row, {
       type: "flex",
       align: "middle",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+      children: [/*#__PURE__*/_jsx(Col, {
         span: 2,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+        children: /*#__PURE__*/_jsx("div", {})
+      }), /*#__PURE__*/_jsx(Col, {
         span: 22,
         className: "overflow-text",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/_jsx("span", {
           className: "header2-text",
           title: subtitle,
           children: subtitle
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
+    }), /*#__PURE__*/_jsxs(Row, {
       type: "flex",
       align: "middle",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+      children: [/*#__PURE__*/_jsx(Col, {
         span: 2,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Col, {
+        children: /*#__PURE__*/_jsx("div", {})
+      }), /*#__PURE__*/_jsxs(Col, {
         span: 22,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: [/*#__PURE__*/_jsx("span", {
           className: "header1-text",
           children: start.format('HH:mm')
-        }), config.eventItemPopoverDateFormat && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }), config.eventItemPopoverDateFormat && /*#__PURE__*/_jsx("span", {
           className: "help-text",
           style: {
             marginLeft: '8px'
           },
           children: start.format(config.eventItemPopoverDateFormat)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }), /*#__PURE__*/_jsx("span", {
           className: "header2-text",
           style: {
             marginLeft: '8px'
           },
           children: "-"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }), /*#__PURE__*/_jsx("span", {
           className: "header1-text",
           style: {
             marginLeft: '8px'
           },
           children: end.format('HH:mm')
-        }), config.eventItemPopoverDateFormat && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }), config.eventItemPopoverDateFormat && /*#__PURE__*/_jsx("span", {
           className: "help-text",
           style: {
             marginLeft: '8px'
@@ -123,13 +114,13 @@ function EventItemPopover(_ref) {
           children: end.format(config.eventItemPopoverDateFormat)
         })]
       })]
-    }), (showViewEvent || showViewEvent2) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
+    }), (showViewEvent || showViewEvent2) && /*#__PURE__*/_jsxs(Row, {
       type: "flex",
       align: "middle",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+      children: [/*#__PURE__*/_jsx(Col, {
         span: 2,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Col, {
+        children: /*#__PURE__*/_jsx("div", {})
+      }), /*#__PURE__*/_jsxs(Col, {
         span: 22,
         children: [showViewEvent && renderViewEvent(viewEventText, viewEventClick), showViewEvent2 && renderViewEvent(viewEvent2Text, viewEvent2Click, 16)]
       })]
@@ -137,17 +128,17 @@ function EventItemPopover(_ref) {
   });
 }
 EventItemPopover.propTypes = {
-  schedulerData: _propTypes["default"].object.isRequired,
-  eventItem: _propTypes["default"].object.isRequired,
-  title: _propTypes["default"].string.isRequired,
-  startTime: _propTypes["default"].string.isRequired,
-  endTime: _propTypes["default"].string.isRequired,
-  statusColor: _propTypes["default"].string.isRequired,
-  subtitleGetter: _propTypes["default"].func,
-  viewEventClick: _propTypes["default"].func,
-  viewEventText: _propTypes["default"].string,
-  viewEvent2Click: _propTypes["default"].func,
-  viewEvent2Text: _propTypes["default"].string,
-  eventItemPopoverTemplateResolver: _propTypes["default"].func
+  schedulerData: PropTypes.object.isRequired,
+  eventItem: PropTypes.object.isRequired,
+  title: PropTypes.string.isRequired,
+  startTime: PropTypes.string.isRequired,
+  endTime: PropTypes.string.isRequired,
+  statusColor: PropTypes.string.isRequired,
+  subtitleGetter: PropTypes.func,
+  viewEventClick: PropTypes.func,
+  viewEventText: PropTypes.string,
+  viewEvent2Click: PropTypes.func,
+  viewEvent2Text: PropTypes.string,
+  eventItemPopoverTemplateResolver: PropTypes.func
 };
-var _default = exports["default"] = EventItemPopover;
+export default EventItemPopover;

package/dist/components/HeaderView.js

@@ -1,19 +1,8 @@
-"use strict";
+import PropTypes from 'prop-types';
+import React, { useCallback, useMemo } from 'react';
+import { CellUnit } from '../config/default';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
-var _default2 = require("../config/default");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-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 _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); } /**
+/**
  * Render the table header rows for a scheduler view, including an optional week-number row and the main header cells.
  * @param {Object} props.schedulerData - Scheduler configuration and utilities (headers array,
  * cell unit, formatting, sizing, and locale/date functions).
@@ -22,32 +11,37 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * @returns {JSX.Element} A <thead> element containing the optional week-number row and the
  * main header row for the scheduler table.
  */
-function HeaderView(_ref) {
-  var schedulerData = _ref.schedulerData,
-    nonAgendaCellHeaderTemplateResolver = _ref.nonAgendaCellHeaderTemplateResolver;
-  var headers = schedulerData.headers,
-    cellUnit = schedulerData.cellUnit,
-    config = schedulerData.config,
-    localeDayjs = schedulerData.localeDayjs;
-  var showWeekNumber = config.showWeekNumber,
-    _config$weekNumberRow = config.weekNumberRowHeight,
-    weekNumberRowHeight = _config$weekNumberRow === void 0 ? 24 : _config$weekNumberRow;
-  var headerHeight = schedulerData.getTableHeaderHeight();
-  var cellWidth = schedulerData.getContentCellWidth();
-  var minuteStepsInHour = schedulerData.getMinuteStepsInHour();
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+function HeaderView({
+  schedulerData,
+  nonAgendaCellHeaderTemplateResolver
+}) {
+  const {
+    headers,
+    cellUnit,
+    config,
+    localeDayjs
+  } = schedulerData;
+  const {
+    showWeekNumber,
+    weekNumberRowHeight = 24
+  } = config;
+  const headerHeight = schedulerData.getTableHeaderHeight();
+  const cellWidth = schedulerData.getContentCellWidth();
+  const minuteStepsInHour = schedulerData.getMinuteStepsInHour();
 
   // Week number row generation
-  var weekNumberRow = (0, _react.useMemo)(function () {
+  const weekNumberRow = useMemo(() => {
     if (!showWeekNumber) return null;
-    var weekGroups = [];
-    var currentWeekKey = null;
-    var currentWeek = null;
-    var currentYear = null;
-    var colspan = 0;
-    headers.forEach(function (item) {
-      var year = localeDayjs(new Date(item.time)).year();
-      var weekNum = localeDayjs(new Date(item.time)).isoWeek();
-      var weekKey = "".concat(year, "-").concat(weekNum);
+    const weekGroups = [];
+    let currentWeekKey = null;
+    let currentWeek = null;
+    let currentYear = null;
+    let colspan = 0;
+    headers.forEach(item => {
+      const year = localeDayjs(new Date(item.time)).year();
+      const weekNum = localeDayjs(new Date(item.time)).isoWeek();
+      const weekKey = `${year}-${weekNum}`;
       if (currentWeekKey === weekKey) {
         colspan += 1;
       } else {
@@ -55,7 +49,7 @@ function HeaderView(_ref) {
           weekGroups.push({
             week: currentWeek,
             year: currentYear,
-            colspan: colspan
+            colspan
           });
         }
         currentWeekKey = weekKey;
@@ -70,27 +64,25 @@ function HeaderView(_ref) {
       weekGroups.push({
         week: currentWeek,
         year: currentYear,
-        colspan: colspan
+        colspan
       });
     }
-    var cellStyle = {
+    const cellStyle = {
       fontSize: '0.85em',
       opacity: 0.7,
-      borderBottom: "1px solid ".concat(config.headerBorderColor || '#e9e9e9'),
+      borderBottom: `1px solid ${config.headerBorderColor || '#e9e9e9'}`,
       padding: '4px 8px',
       textAlign: 'center'
     };
-    return weekGroups.map(function (group) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("th", {
-        colSpan: group.colspan,
-        style: cellStyle,
-        children: ["W", group.week]
-      }, "week-".concat(group.year, "-").concat(group.week));
-    });
+    return weekGroups.map(group => /*#__PURE__*/_jsxs("th", {
+      colSpan: group.colspan,
+      style: cellStyle,
+      children: ["W", group.week]
+    }, `week-${group.year}-${group.week}`));
   }, [showWeekNumber, headers, localeDayjs, config.headerBorderColor]);
 
   // Extract common style creation logic
-  var createCellStyle = (0, _react.useCallback)(function (item, width, isLastCell) {
+  const createCellStyle = useCallback((item, width, isLastCell) => {
     if (isLastCell) {
       return item.nonWorkingTime ? {
         color: config.nonWorkingTimeHeadColor,
@@ -98,78 +90,76 @@ function HeaderView(_ref) {
       } : {};
     }
     return item.nonWorkingTime ? {
-      width: width,
+      width,
       color: config.nonWorkingTimeHeadColor,
       backgroundColor: config.nonWorkingTimeHeadBgColor
     } : {
-      width: width
+      width
     };
   }, [config]);
 
   // Extract cell format selection logic
-  var getCellFormat = (0, _react.useCallback)(function (cellUnitParam) {
-    var formatMap = _defineProperty(_defineProperty(_defineProperty({}, _default2.CellUnit.Week, config.nonAgendaWeekCellHeaderFormat), _default2.CellUnit.Month, config.nonAgendaMonthCellHeaderFormat), _default2.CellUnit.Year, config.nonAgendaYearCellHeaderFormat);
+  const getCellFormat = useCallback(cellUnitParam => {
+    const formatMap = {
+      [CellUnit.Week]: config.nonAgendaWeekCellHeaderFormat,
+      [CellUnit.Month]: config.nonAgendaMonthCellHeaderFormat,
+      [CellUnit.Year]: config.nonAgendaYearCellHeaderFormat
+    };
     return formatMap[cellUnitParam] || config.nonAgendaOtherCellHeaderFormat;
   }, [config]);
 
   // Render cell content helper
-  var renderCellContent = (0, _react.useCallback)(function (item, formattedList, style) {
+  const renderCellContent = useCallback((item, formattedList, style) => {
     if (typeof nonAgendaCellHeaderTemplateResolver === 'function') {
       return nonAgendaCellHeaderTemplateResolver(schedulerData, item, formattedList, style);
     }
-    var content = formattedList.map(function (text) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: text
-      }, "".concat(item.time, "-").concat(text));
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+    const content = formattedList.map(text => /*#__PURE__*/_jsx("div", {
+      children: text
+    }, `${item.time}-${text}`));
+    return /*#__PURE__*/_jsx("th", {
       className: "header3-text",
       style: style,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/_jsx("div", {
         children: content
       })
-    }, "header-".concat(item.time));
+    }, `header-${item.time}`);
   }, [nonAgendaCellHeaderTemplateResolver, schedulerData]);
 
   // Memoize header list generation
-  var headerList = (0, _react.useMemo)(function () {
-    if (cellUnit === _default2.CellUnit.Hour) {
-      var result = [];
-      var _lastIndex = headers.length - minuteStepsInHour;
-      headers.forEach(function (item, index) {
+  const headerList = useMemo(() => {
+    if (cellUnit === CellUnit.Hour) {
+      const result = [];
+      const lastIndex = headers.length - minuteStepsInHour;
+      headers.forEach((item, index) => {
         if (index % minuteStepsInHour !== 0) return;
-        var datetime = localeDayjs(new Date(item.time));
-        var width = cellWidth * minuteStepsInHour;
-        var isLastCell = index === _lastIndex;
-        var style = createCellStyle(item, width, isLastCell);
-        var formattedList = config.nonAgendaDayCellHeaderFormat.split('|').map(function (format) {
-          return datetime.format(format);
-        });
+        const datetime = localeDayjs(new Date(item.time));
+        const width = cellWidth * minuteStepsInHour;
+        const isLastCell = index === lastIndex;
+        const style = createCellStyle(item, width, isLastCell);
+        const formattedList = config.nonAgendaDayCellHeaderFormat.split('|').map(format => datetime.format(format));
         result.push(renderCellContent(item, formattedList, style));
       });
       return result;
     }
 
     // Non-hour cell units
-    var cellFormat = getCellFormat(cellUnit);
-    var lastIndex = headers.length - 1;
-    return headers.map(function (item, index) {
-      var datetime = localeDayjs(new Date(item.time));
-      var isLastCell = index === lastIndex;
-      var style = createCellStyle(item, cellWidth, isLastCell);
-      var formattedList = cellFormat.split('|').map(function (format) {
-        return datetime.format(format);
-      });
+    const cellFormat = getCellFormat(cellUnit);
+    const lastIndex = headers.length - 1;
+    return headers.map((item, index) => {
+      const datetime = localeDayjs(new Date(item.time));
+      const isLastCell = index === lastIndex;
+      const style = createCellStyle(item, cellWidth, isLastCell);
+      const formattedList = cellFormat.split('|').map(format => datetime.format(format));
       return renderCellContent(item, formattedList, style);
     });
   }, [cellUnit, headers, minuteStepsInHour, cellWidth, config, localeDayjs, createCellStyle, getCellFormat, renderCellContent]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("thead", {
-    children: [weekNumberRow && /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+  return /*#__PURE__*/_jsxs("thead", {
+    children: [weekNumberRow && /*#__PURE__*/_jsx("tr", {
       style: {
         height: weekNumberRowHeight
       },
       children: weekNumberRow
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+    }), /*#__PURE__*/_jsx("tr", {
       style: {
         height: headerHeight
       },
@@ -178,8 +168,8 @@ function HeaderView(_ref) {
   });
 }
 HeaderView.propTypes = {
-  schedulerData: _propTypes["default"].object.isRequired,
-  schedulerDataVersion: _propTypes["default"].number,
-  nonAgendaCellHeaderTemplateResolver: _propTypes["default"].func
+  schedulerData: PropTypes.object.isRequired,
+  schedulerDataVersion: PropTypes.number,
+  nonAgendaCellHeaderTemplateResolver: PropTypes.func
 };
-var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(HeaderView);
+export default /*#__PURE__*/React.memo(HeaderView);