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

package/dist/components/index.js

@@ -1,118 +1,26 @@
-"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
-});
-Object.defineProperty(exports, "AddMorePopover", {
-  enumerable: true,
-  get: function get() {
-    return _AddMorePopover["default"];
-  }
-});
-Object.defineProperty(exports, "CellUnit", {
-  enumerable: true,
-  get: function get() {
-    return _default.CellUnit;
-  }
-});
-Object.defineProperty(exports, "DATETIME_FORMAT", {
-  enumerable: true,
-  get: function get() {
-    return _default.DATETIME_FORMAT;
-  }
-});
-Object.defineProperty(exports, "DATE_FORMAT", {
-  enumerable: true,
-  get: function get() {
-    return _default.DATE_FORMAT;
-  }
-});
-Object.defineProperty(exports, "DemoData", {
-  enumerable: true,
-  get: function get() {
-    return _sample["default"];
-  }
-});
-Object.defineProperty(exports, "DnDContext", {
-  enumerable: true,
-  get: function get() {
-    return _DnDContext["default"];
-  }
-});
-Object.defineProperty(exports, "DnDSource", {
-  enumerable: true,
-  get: function get() {
-    return _DnDSource["default"];
-  }
-});
-exports.Scheduler = Scheduler;
-Object.defineProperty(exports, "SchedulerData", {
-  enumerable: true,
-  get: function get() {
-    return _SchedulerData["default"];
-  }
-});
-Object.defineProperty(exports, "SummaryPos", {
-  enumerable: true,
-  get: function get() {
-    return _default.SummaryPos;
-  }
-});
-Object.defineProperty(exports, "ViewType", {
-  enumerable: true,
-  get: function get() {
-    return _default.ViewType;
-  }
-});
-Object.defineProperty(exports, "wrapperFun", {
-  enumerable: true,
-  get: function get() {
-    return _WrapperFun["default"];
-  }
-});
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
-var _default = require("../config/default");
-var _sample = _interopRequireDefault(require("../sample-data/sample1"));
-var _AddMorePopover = _interopRequireDefault(require("./AddMorePopover"));
-var _AgendaView = _interopRequireDefault(require("./AgendaView"));
-var _BodyView = _interopRequireDefault(require("./BodyView"));
-var _DnDContext = _interopRequireDefault(require("./DnDContext"));
-var _DnDSource = _interopRequireDefault(require("./DnDSource"));
-var _HeaderView = _interopRequireDefault(require("./HeaderView"));
-var _ResourceEvents = _interopRequireDefault(require("./ResourceEvents"));
-var _ResourceView = _interopRequireDefault(require("./ResourceView"));
-var _SchedulerData = _interopRequireDefault(require("./SchedulerData"));
-var _SchedulerHeader = _interopRequireDefault(require("./SchedulerHeader"));
-var _WrapperFun = _interopRequireDefault(require("./WrapperFun"));
-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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-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 _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; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-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; }
-var initDndContext = function initDndContext(schedulerData, dndSources) {
-  var sources = [];
-  sources.push(new _DnDSource["default"](function (dndProps) {
-    return dndProps.eventItem;
-  }, schedulerData.config.dragAndDropEnabled));
+import PropTypes from 'prop-types';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { CellUnit, DATE_FORMAT, DATETIME_FORMAT, SummaryPos, ViewType } from '../config/default';
+import DemoData from '../sample-data/sample1';
+import AddMorePopover from './AddMorePopover';
+import AgendaView from './AgendaView';
+import BodyView from './BodyView';
+import DnDContext from './DnDContext';
+import DnDSource from './DnDSource';
+import HeaderView from './HeaderView';
+import ResourceEvents from './ResourceEvents';
+import ResourceView from './ResourceView';
+import SchedulerData from './SchedulerData';
+import SchedulerHeader from './SchedulerHeader';
+import wrapperFun from './WrapperFun';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const initDndContext = (schedulerData, dndSources) => {
+  let sources = [];
+  sources.push(new DnDSource(dndProps => dndProps.eventItem, schedulerData.config.dragAndDropEnabled));
   if (dndSources !== undefined && dndSources.length > 0) {
-    sources = [].concat(_toConsumableArray(sources), _toConsumableArray(dndSources));
+    sources = [...sources, ...dndSources];
   }
-  return new _DnDContext["default"](sources);
+  return new DnDContext(sources);
 };
 
 /**
@@ -194,99 +102,75 @@ var initDndContext = function initDndContext(schedulerData, dndSources) {
  */
 
 function Scheduler(props) {
-  var schedulerData = props.schedulerData,
-    dndSources = props.dndSources,
-    parentRef = props.parentRef,
-    prevClick = props.prevClick,
-    nextClick = props.nextClick,
-    onViewChange = props.onViewChange,
-    onSelectDate = props.onSelectDate,
-    leftCustomHeader = props.leftCustomHeader,
-    rightCustomHeader = props.rightCustomHeader,
-    CustomResourceHeader = props.CustomResourceHeader,
-    configTableHeaderStyle = props.configTableHeaderStyle,
-    onScrollLeft = props.onScrollLeft,
-    onScrollRight = props.onScrollRight,
-    onScrollTop = props.onScrollTop,
-    onScrollBottom = props.onScrollBottom;
-  var _useState = (0, _react.useState)(function () {
-      return initDndContext(schedulerData, dndSources);
-    }),
-    _useState2 = _slicedToArray(_useState, 1),
-    dndContext = _useState2[0];
-  var _useState3 = (0, _react.useState)(17),
-    _useState4 = _slicedToArray(_useState3, 2),
-    contentScrollbarHeight = _useState4[0],
-    setContentScrollbarHeight = _useState4[1];
-  var _useState5 = (0, _react.useState)(17),
-    _useState6 = _slicedToArray(_useState5, 2),
-    contentScrollbarWidth = _useState6[0],
-    setContentScrollbarWidth = _useState6[1];
-  var _useState7 = (0, _react.useState)(17),
-    _useState8 = _slicedToArray(_useState7, 2),
-    resourceScrollbarHeight = _useState8[0],
-    setResourceScrollbarHeight = _useState8[1];
-  var _useState9 = (0, _react.useState)(17),
-    _useState0 = _slicedToArray(_useState9, 2),
-    resourceScrollbarWidth = _useState0[0],
-    setResourceScrollbarWidth = _useState0[1];
-  var _useState1 = (0, _react.useState)({
-      isSelecting: false,
-      selectedResourceIds: [],
-      left: 0,
-      width: 0
-    }),
-    _useState10 = _slicedToArray(_useState1, 2),
-    selectionState = _useState10[0],
-    setSelectionState = _useState10[1];
-  var _useState11 = (0, _react.useState)(0),
-    _useState12 = _slicedToArray(_useState11, 2),
-    setRenderTrigger = _useState12[1];
-  var schedulerRootRef = (0, _react.useRef)(null);
+  const {
+    schedulerData,
+    dndSources,
+    parentRef,
+    prevClick,
+    nextClick,
+    onViewChange,
+    onSelectDate,
+    leftCustomHeader,
+    rightCustomHeader,
+    CustomResourceHeader,
+    configTableHeaderStyle,
+    onScrollLeft,
+    onScrollRight,
+    onScrollTop,
+    onScrollBottom
+  } = props;
+  const [dndContext] = useState(() => initDndContext(schedulerData, dndSources));
+  const [contentScrollbarHeight, setContentScrollbarHeight] = useState(17);
+  const [contentScrollbarWidth, setContentScrollbarWidth] = useState(17);
+  const [resourceScrollbarHeight, setResourceScrollbarHeight] = useState(17);
+  const [resourceScrollbarWidth, setResourceScrollbarWidth] = useState(17);
+  const [selectionState, setSelectionState] = useState({
+    isSelecting: false,
+    selectedResourceIds: [],
+    left: 0,
+    width: 0
+  });
+  const [, setRenderTrigger] = useState(0);
+  const schedulerRootRef = useRef(null);
 
   // Layout/header refs - declare before setSchedulerHeaderRef useCallback
-  var schedulerHeaderRef = (0, _react.useRef)(null);
+  const schedulerHeaderRef = useRef(null);
 
   // Callback ref pattern for ResizeObserver to handle schedulerHeader element reassignment
-  var _useState13 = (0, _react.useState)(null),
-    _useState14 = _slicedToArray(_useState13, 2),
-    schedulerHeaderEl = _useState14[0],
-    setSchedulerHeaderEl = _useState14[1];
-  var setSchedulerHeaderRef = (0, _react.useCallback)(function (el) {
+  const [schedulerHeaderEl, setSchedulerHeaderEl] = useState(null);
+  const setSchedulerHeaderRef = useCallback(el => {
     schedulerHeaderRef.current = el;
     setSchedulerHeaderEl(el);
   }, []);
 
   // Scroll sync refs
-  var schedulerHeadRef = (0, _react.useRef)(null);
-  var schedulerResourceRef = (0, _react.useRef)(null);
-  var schedulerContentRef = (0, _react.useRef)(null);
-  var schedulerContentBgTableRef = (0, _react.useRef)(null);
+  const schedulerHeadRef = useRef(null);
+  const schedulerResourceRef = useRef(null);
+  const schedulerContentRef = useRef(null);
+  const schedulerContentBgTableRef = useRef(null);
 
   // Observer refs
-  var ulObserverRef = (0, _react.useRef)(null);
-  var headerObserverRef = (0, _react.useRef)(null);
+  const ulObserverRef = useRef(null);
+  const headerObserverRef = useRef(null);
 
   // Scroll position tracking
-  var currentAreaRef = (0, _react.useRef)(-1);
-  var scrollLeftRef = (0, _react.useRef)(0);
-  var scrollTopRef = (0, _react.useRef)(0);
-  var scrollbarSizeRef = (0, _react.useRef)({
+  const currentAreaRef = useRef(-1);
+  const scrollLeftRef = useRef(0);
+  const scrollTopRef = useRef(0);
+  const scrollbarSizeRef = useRef({
     contentScrollbarHeight: 17,
     contentScrollbarWidth: 17,
     resourceScrollbarHeight: 17,
     resourceScrollbarWidth: 17
   });
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (typeof schedulerData.setVersionChangeNotifier === 'function') {
       schedulerData.setVersionChangeNotifier(setRenderTrigger);
-      return function () {
-        return schedulerData.setVersionChangeNotifier(null);
-      };
+      return () => schedulerData.setVersionChangeNotifier(null);
     }
     return undefined;
   }, [schedulerData]);
-  var onWindowResize = (0, _react.useCallback)(function () {
+  const onWindowResize = useCallback(() => {
     schedulerData.beginBatch();
     try {
       schedulerData._setDocumentWidth(document.documentElement.clientWidth);
@@ -295,7 +179,7 @@ function Scheduler(props) {
       schedulerData.endBatch();
     }
   }, [schedulerData]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (schedulerData.isSchedulerResponsive() && !schedulerData.config.responsiveByParent || parentRef === undefined) {
       schedulerData.beginBatch();
       try {
@@ -305,15 +189,13 @@ function Scheduler(props) {
         schedulerData.endBatch();
       }
       window.addEventListener('resize', onWindowResize);
-      return function () {
-        return window.removeEventListener('resize', onWindowResize);
-      };
+      return () => window.removeEventListener('resize', onWindowResize);
     }
   }, [schedulerData, parentRef, onWindowResize]);
-  (0, _react.useEffect)(function () {
-    var parentEl = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current;
+  useEffect(() => {
+    const parentEl = parentRef?.current;
     if (parentRef !== undefined && schedulerData.config.responsiveByParent && parentEl) {
-      var updateParentSize = function updateParentSize() {
+      const updateParentSize = () => {
         schedulerData.beginBatch();
         try {
           schedulerData._setDocumentWidth(parentEl.clientWidth);
@@ -330,50 +212,41 @@ function Scheduler(props) {
       }
       ulObserverRef.current = new ResizeObserver(updateParentSize);
       ulObserverRef.current.observe(parentEl);
-      return function () {
+      return () => {
         if (ulObserverRef.current) {
           ulObserverRef.current.disconnect();
         }
       };
     }
   }, [parentRef, schedulerData]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (schedulerData.config.responsiveByParent && schedulerHeaderEl) {
-      var updateHeaderHeight = function updateHeaderHeight(node) {
-        var rect = node.getBoundingClientRect();
-        var style = window.getComputedStyle(node);
-        var totalHeight = rect.height + (parseFloat(style.marginTop) || 0) + (parseFloat(style.marginBottom) || 0) + (schedulerData.config.showWeekNumber ? schedulerData.config.weekNumberRowHeight || 0 : 0);
+      const updateHeaderHeight = node => {
+        const rect = node.getBoundingClientRect();
+        const style = window.getComputedStyle(node);
+        const totalHeight = rect.height + (parseFloat(style.marginTop) || 0) + (parseFloat(style.marginBottom) || 0) + (schedulerData.config.showWeekNumber ? schedulerData.config.weekNumberRowHeight || 0 : 0);
         schedulerData._setSchedulerHeaderHeight(totalHeight);
       };
       updateHeaderHeight(schedulerHeaderEl);
-      headerObserverRef.current = new ResizeObserver(function (entries) {
-        var _iterator = _createForOfIteratorHelper(entries),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var entry = _step.value;
-            updateHeaderHeight(entry.target);
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
+      headerObserverRef.current = new ResizeObserver(entries => {
+        for (const entry of entries) {
+          updateHeaderHeight(entry.target);
         }
       });
       headerObserverRef.current.observe(schedulerHeaderEl);
-      return function () {
+      return () => {
         if (headerObserverRef.current) {
           headerObserverRef.current.disconnect();
         }
       };
     }
   }, [schedulerHeaderEl, schedulerData, schedulerData.config.showWeekNumber, schedulerData.config.weekNumberRowHeight]);
-  var resolveScrollbarSize = (0, _react.useCallback)(function () {
-    var prev = scrollbarSizeRef.current;
-    var newContentHeight = schedulerContentRef.current ? schedulerContentRef.current.offsetHeight - schedulerContentRef.current.clientHeight : 17;
-    var newContentWidth = schedulerContentRef.current ? schedulerContentRef.current.offsetWidth - schedulerContentRef.current.clientWidth : 17;
-    var newResourceHeight = schedulerResourceRef.current ? schedulerResourceRef.current.offsetHeight - schedulerResourceRef.current.clientHeight : 17;
-    var newResourceWidth = schedulerResourceRef.current ? schedulerResourceRef.current.offsetWidth - schedulerResourceRef.current.clientWidth : 17;
+  const resolveScrollbarSize = useCallback(() => {
+    const prev = scrollbarSizeRef.current;
+    const newContentHeight = schedulerContentRef.current ? schedulerContentRef.current.offsetHeight - schedulerContentRef.current.clientHeight : 17;
+    const newContentWidth = schedulerContentRef.current ? schedulerContentRef.current.offsetWidth - schedulerContentRef.current.clientWidth : 17;
+    const newResourceHeight = schedulerResourceRef.current ? schedulerResourceRef.current.offsetHeight - schedulerResourceRef.current.clientHeight : 17;
+    const newResourceWidth = schedulerResourceRef.current ? schedulerResourceRef.current.offsetWidth - schedulerResourceRef.current.clientWidth : 17;
     if (newContentHeight !== prev.contentScrollbarHeight) {
       setContentScrollbarHeight(newContentHeight);
       scrollbarSizeRef.current.contentScrollbarHeight = newContentHeight;
@@ -391,18 +264,20 @@ function Scheduler(props) {
       scrollbarSizeRef.current.resourceScrollbarWidth = newResourceWidth;
     }
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     resolveScrollbarSize();
-    var localeDayjs = schedulerData.localeDayjs,
-      behaviors = schedulerData.behaviors;
+    const {
+      localeDayjs,
+      behaviors
+    } = schedulerData;
     if (schedulerData.getScrollToSpecialDayjs() && behaviors.getScrollSpecialDayjsFunc) {
       if (schedulerContentRef.current && schedulerContentRef.current.scrollWidth > schedulerContentRef.current.clientWidth) {
-        var start = localeDayjs(new Date(schedulerData.startDate)).startOf('day');
-        var end = localeDayjs(new Date(schedulerData.endDate)).endOf('day');
-        var specialDayjs = behaviors.getScrollSpecialDayjsFunc(schedulerData, start, end);
+        const start = localeDayjs(new Date(schedulerData.startDate)).startOf('day');
+        const end = localeDayjs(new Date(schedulerData.endDate)).endOf('day');
+        const specialDayjs = behaviors.getScrollSpecialDayjsFunc(schedulerData, start, end);
         if (specialDayjs >= start && specialDayjs <= end) {
-          var index = 0;
-          schedulerData.headers.forEach(function (item) {
+          let index = 0;
+          schedulerData.headers.forEach(item => {
             if (specialDayjs >= localeDayjs(new Date(item.time))) index += 1;
           });
           schedulerContentRef.current.scrollLeft = (index - 1) * schedulerData.getContentCellWidth();
@@ -411,35 +286,35 @@ function Scheduler(props) {
       }
     }
   }, [schedulerData, resolveScrollbarSize]);
-  var onSchedulerHeadMouseOver = (0, _react.useCallback)(function () {
+  const onSchedulerHeadMouseOver = useCallback(() => {
     currentAreaRef.current = 2;
   }, []);
-  var onSchedulerHeadMouseOut = (0, _react.useCallback)(function () {
+  const onSchedulerHeadMouseOut = useCallback(() => {
     currentAreaRef.current = -1;
   }, []);
-  var onSchedulerHeadScroll = (0, _react.useCallback)(function () {
+  const onSchedulerHeadScroll = useCallback(() => {
     if ((currentAreaRef.current === 2 || currentAreaRef.current === -1) && schedulerContentRef.current.scrollLeft !== schedulerHeadRef.current.scrollLeft) {
       schedulerContentRef.current.scrollLeft = schedulerHeadRef.current.scrollLeft;
     }
   }, []);
-  var onSchedulerResourceMouseOver = (0, _react.useCallback)(function () {
+  const onSchedulerResourceMouseOver = useCallback(() => {
     currentAreaRef.current = 1;
   }, []);
-  var onSchedulerResourceMouseOut = (0, _react.useCallback)(function () {
+  const onSchedulerResourceMouseOut = useCallback(() => {
     currentAreaRef.current = -1;
   }, []);
-  var onSchedulerResourceScroll = (0, _react.useCallback)(function () {
+  const onSchedulerResourceScroll = useCallback(() => {
     if (schedulerResourceRef.current && (currentAreaRef.current === 1 || currentAreaRef.current === -1) && schedulerContentRef.current.scrollTop !== schedulerResourceRef.current.scrollTop) {
       schedulerContentRef.current.scrollTop = schedulerResourceRef.current.scrollTop;
     }
   }, []);
-  var onSchedulerContentMouseOver = (0, _react.useCallback)(function () {
+  const onSchedulerContentMouseOver = useCallback(() => {
     currentAreaRef.current = 0;
   }, []);
-  var onSchedulerContentMouseOut = (0, _react.useCallback)(function () {
+  const onSchedulerContentMouseOut = useCallback(() => {
     currentAreaRef.current = -1;
   }, []);
-  var onSchedulerContentScroll = (0, _react.useCallback)(function () {
+  const onSchedulerContentScroll = useCallback(() => {
     if (schedulerResourceRef.current) {
       if (currentAreaRef.current === 0 || currentAreaRef.current === -1) {
         if (schedulerHeadRef.current.scrollLeft !== schedulerContentRef.current.scrollLeft) {
@@ -469,121 +344,97 @@ function Scheduler(props) {
     scrollTopRef.current = schedulerContentRef.current.scrollTop;
   }, [schedulerData, onScrollLeft, onScrollRight, onScrollTop, onScrollBottom]); // ✅ no props ref
 
-  var handleViewChange = (0, _react.useCallback)(function (e) {
-    var viewType = parseInt(e.target.value.charAt(0), 10);
-    var showAgenda = e.target.value.charAt(1) === '1';
-    var isEventPerspective = e.target.value.charAt(2) === '1';
+  const handleViewChange = useCallback(e => {
+    const viewType = parseInt(e.target.value.charAt(0), 10);
+    const showAgenda = e.target.value.charAt(1) === '1';
+    const isEventPerspective = e.target.value.charAt(2) === '1';
     onViewChange(schedulerData, {
-      viewType: viewType,
-      showAgenda: showAgenda,
-      isEventPerspective: isEventPerspective
+      viewType,
+      showAgenda,
+      isEventPerspective
     });
   }, [onViewChange, schedulerData]);
-  var goNext = (0, _react.useCallback)(function () {
-    return nextClick(schedulerData);
-  }, [nextClick, schedulerData]);
-  var goBack = (0, _react.useCallback)(function () {
-    return prevClick(schedulerData);
-  }, [prevClick, schedulerData]);
-  var onSelect = (0, _react.useCallback)(function (date) {
-    return onSelectDate(schedulerData, date);
-  }, [onSelectDate, schedulerData]);
-  var viewType = schedulerData.viewType,
-    renderData = schedulerData.renderData,
-    showAgenda = schedulerData.showAgenda,
-    config = schedulerData.config;
-  var width = schedulerData.getSchedulerWidth();
-  var showWeekNumber = config.showWeekNumber,
-    weekNumberRowHeight = config.weekNumberRowHeight;
-  var schedulerDataVersion = schedulerData.getVersion ? schedulerData.getVersion() : 0;
-  var schedulerWidth = schedulerData.getContentTableWidth() - 1;
-  var weekNumberRowStyle = (0, _react.useMemo)(function () {
-    return {
-      height: weekNumberRowHeight
-    };
-  }, [weekNumberRowHeight]);
-  var weekNumberThStyle = (0, _react.useMemo)(function () {
-    var _config$headerBorderC;
-    return {
-      borderBottom: "1px solid ".concat((_config$headerBorderC = config.headerBorderColor) !== null && _config$headerBorderC !== void 0 ? _config$headerBorderC : '#e9e9e9'),
-      fontSize: '0.85em',
-      opacity: 0.7,
-      padding: '4px 8px'
-    };
-  }, [config.headerBorderColor]);
-  var schedulerInnerStyle = (0, _react.useMemo)(function () {
-    return {
-      width: schedulerWidth
-    };
-  }, [schedulerWidth]);
-  var displayRenderData = (0, _react.useMemo)(function () {
-    return renderData.filter(function (o) {
-      return o.render;
-    });
-  }, [renderData]);
-  var eventDndSource = dndContext.getDndSource();
-  var handleSelectionChange = (0, _react.useCallback)(function (isSelecting, selectedResourceIds) {
-    var preview = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var nextSelectedResourceIds = selectedResourceIds || [];
-    var nextLeft = preview.left || 0;
-    var nextWidth = preview.width || 0;
-    setSelectionState(function (prev) {
-      var sameIdsLength = prev.selectedResourceIds.length === nextSelectedResourceIds.length;
-      var sameIds = sameIdsLength && prev.selectedResourceIds.every(function (id, index) {
-        return id === nextSelectedResourceIds[index];
-      });
+  const goNext = useCallback(() => nextClick(schedulerData), [nextClick, schedulerData]);
+  const goBack = useCallback(() => prevClick(schedulerData), [prevClick, schedulerData]);
+  const onSelect = useCallback(date => onSelectDate(schedulerData, date), [onSelectDate, schedulerData]);
+  const {
+    viewType,
+    renderData,
+    showAgenda,
+    config
+  } = schedulerData;
+  const width = schedulerData.getSchedulerWidth();
+  const {
+    showWeekNumber,
+    weekNumberRowHeight
+  } = config;
+  const schedulerDataVersion = schedulerData.getVersion ? schedulerData.getVersion() : 0;
+  const schedulerWidth = schedulerData.getContentTableWidth() - 1;
+  const weekNumberRowStyle = useMemo(() => ({
+    height: weekNumberRowHeight
+  }), [weekNumberRowHeight]);
+  const weekNumberThStyle = useMemo(() => ({
+    borderBottom: `1px solid ${config.headerBorderColor ?? '#e9e9e9'}`,
+    fontSize: '0.85em',
+    opacity: 0.7,
+    padding: '4px 8px'
+  }), [config.headerBorderColor]);
+  const schedulerInnerStyle = useMemo(() => ({
+    width: schedulerWidth
+  }), [schedulerWidth]);
+  const displayRenderData = useMemo(() => renderData.filter(o => o.render), [renderData]);
+  const eventDndSource = dndContext.getDndSource();
+  const handleSelectionChange = useCallback((isSelecting, selectedResourceIds, preview = {}) => {
+    const nextSelectedResourceIds = selectedResourceIds || [];
+    const nextLeft = preview.left || 0;
+    const nextWidth = preview.width || 0;
+    setSelectionState(prev => {
+      const sameIdsLength = prev.selectedResourceIds.length === nextSelectedResourceIds.length;
+      const sameIds = sameIdsLength && prev.selectedResourceIds.every((id, index) => id === nextSelectedResourceIds[index]);
       if (prev.isSelecting === isSelecting && prev.left === nextLeft && prev.width === nextWidth && sameIds) {
         return prev;
       }
       return {
-        isSelecting: isSelecting,
+        isSelecting,
         selectedResourceIds: nextSelectedResourceIds,
         left: nextLeft,
         width: nextWidth
       };
     });
   }, []);
-  var selectionPreview = (0, _react.useMemo)(function () {
-    return {
-      isSelecting: selectionState.isSelecting,
-      left: selectionState.left,
-      width: selectionState.width
-    };
-  }, [selectionState.isSelecting, selectionState.left, selectionState.width]);
-  var selectedIdsSet = (0, _react.useMemo)(function () {
-    return new Set(selectionState.selectedResourceIds);
-  }, [selectionState.selectedResourceIds]);
-  var resourceEventsList = (0, _react.useMemo)(function () {
-    return displayRenderData.map(function (item) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResourceEvents["default"], {
-        resourceEvents: item,
-        schedulerData: schedulerData,
-        schedulerDataVersion: schedulerDataVersion,
-        dndSource: eventDndSource,
-        dndContext: dndContext,
-        onSetAddMoreState: props.onSetAddMoreState,
-        updateEventStart: props.updateEventStart,
-        updateEventEnd: props.updateEventEnd,
-        moveEvent: props.moveEvent,
-        movingEvent: props.movingEvent,
-        conflictOccurred: props.conflictOccurred,
-        subtitleGetter: props.subtitleGetter,
-        eventItemClick: props.eventItemClick,
-        viewEventClick: props.viewEventClick,
-        viewEventText: props.viewEventText,
-        viewEvent2Click: props.viewEvent2Click,
-        viewEvent2Text: props.viewEvent2Text,
-        newEvent: props.newEvent,
-        eventItemTemplateResolver: props.eventItemTemplateResolver,
-        onSelectionChange: handleSelectionChange,
-        isRowSelected: selectedIdsSet.has(item.slotId),
-        selectionPreview: selectionPreview
-      }, item.slotId);
-    });
-  }, [displayRenderData, schedulerData, schedulerDataVersion, eventDndSource, dndContext, props.onSetAddMoreState, props.updateEventStart, props.updateEventEnd, props.moveEvent, props.movingEvent, props.conflictOccurred, props.subtitleGetter, props.eventItemClick, props.viewEventClick, props.viewEventText, props.viewEvent2Click, props.viewEvent2Text, props.newEvent, props.eventItemTemplateResolver, handleSelectionChange, selectedIdsSet, selectionPreview]);
-  var tbodyContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {});
+  const selectionPreview = useMemo(() => ({
+    isSelecting: selectionState.isSelecting,
+    left: selectionState.left,
+    width: selectionState.width
+  }), [selectionState.isSelecting, selectionState.left, selectionState.width]);
+  const selectedIdsSet = useMemo(() => new Set(selectionState.selectedResourceIds), [selectionState.selectedResourceIds]);
+  const resourceEventsList = useMemo(() => displayRenderData.map(item => /*#__PURE__*/_jsx(ResourceEvents, {
+    resourceEvents: item,
+    schedulerData: schedulerData,
+    schedulerDataVersion: schedulerDataVersion,
+    dndSource: eventDndSource,
+    dndContext: dndContext,
+    onSetAddMoreState: props.onSetAddMoreState,
+    updateEventStart: props.updateEventStart,
+    updateEventEnd: props.updateEventEnd,
+    moveEvent: props.moveEvent,
+    movingEvent: props.movingEvent,
+    conflictOccurred: props.conflictOccurred,
+    subtitleGetter: props.subtitleGetter,
+    eventItemClick: props.eventItemClick,
+    viewEventClick: props.viewEventClick,
+    viewEventText: props.viewEventText,
+    viewEvent2Click: props.viewEvent2Click,
+    viewEvent2Text: props.viewEvent2Text,
+    newEvent: props.newEvent,
+    eventItemTemplateResolver: props.eventItemTemplateResolver,
+    onSelectionChange: handleSelectionChange,
+    isRowSelected: selectedIdsSet.has(item.slotId),
+    selectionPreview: selectionPreview
+  }, item.slotId)), [displayRenderData, schedulerData, schedulerDataVersion, eventDndSource, dndContext, props.onSetAddMoreState, props.updateEventStart, props.updateEventEnd, props.moveEvent, props.movingEvent, props.conflictOccurred, props.subtitleGetter, props.eventItemClick, props.viewEventClick, props.viewEventText, props.viewEvent2Click, props.viewEvent2Text, props.newEvent, props.eventItemTemplateResolver, handleSelectionChange, selectedIdsSet, selectionPreview]);
+  let tbodyContent = /*#__PURE__*/_jsx("tr", {});
   if (showAgenda) {
-    tbodyContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AgendaView["default"], {
+    tbodyContent = /*#__PURE__*/_jsx(AgendaView, {
       schedulerData: schedulerData,
       subtitleGetter: props.subtitleGetter,
       eventItemClick: props.eventItemClick,
@@ -597,108 +448,115 @@ function Scheduler(props) {
       eventItemPopoverTemplateResolver: props.eventItemPopoverTemplateResolver
     });
   } else {
-    var _config$headerBorderC2, _config$headerBorderC3, _config$weekNumberLab;
-    var resourceTableWidth = schedulerData.getResourceTableWidth();
-    var schedulerContainerWidth = width - (config.resourceViewEnabled ? resourceTableWidth : 0);
-    var contentHeight = config.schedulerContentHeight;
-    var resourcePaddingBottom = resourceScrollbarHeight === 0 ? contentScrollbarHeight : 0;
-    var contentPaddingBottom = contentScrollbarHeight === 0 ? resourceScrollbarHeight : 0;
-    var schedulerContentStyle = {
-      overflowX: viewType === _default.ViewType.Week ? 'hidden' : 'auto',
+    const resourceTableWidth = schedulerData.getResourceTableWidth();
+    const schedulerContainerWidth = width - (config.resourceViewEnabled ? resourceTableWidth : 0);
+    const configuredContentHeight = config.schedulerContentHeight;
+    const contentHeight = !config.responsiveByParent && configuredContentHeight === '100%' ? schedulerData.getSchedulerContentDesiredHeight() : configuredContentHeight;
+    const resourcePaddingBottom = resourceScrollbarHeight === 0 ? contentScrollbarHeight : 0;
+    const contentPaddingBottom = contentScrollbarHeight === 0 ? resourceScrollbarHeight : 0;
+    let schedulerContentStyle = {
+      overflowX: viewType === ViewType.Week ? 'hidden' : 'auto',
       overflowY: 'auto',
       margin: '0px',
       position: 'relative',
       height: contentHeight,
       paddingBottom: contentPaddingBottom
     };
-    var resourceContentStyle = {
+    let resourceContentStyle = {
       height: contentHeight,
       overflowX: 'auto',
       overflowY: 'auto',
       width: resourceTableWidth + resourceScrollbarWidth - 2,
-      margin: "0px -".concat(contentScrollbarWidth, "px 0px 0px")
+      margin: `0px -${contentScrollbarWidth}px 0px 0px`
     };
     if (config.schedulerMaxHeight > 0) {
-      var totalHeaderHeight = config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0);
-      schedulerContentStyle = _objectSpread(_objectSpread({}, schedulerContentStyle), {}, {
+      const totalHeaderHeight = config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0);
+      schedulerContentStyle = {
+        ...schedulerContentStyle,
         maxHeight: config.schedulerMaxHeight - totalHeaderHeight
-      });
-      resourceContentStyle = _objectSpread(_objectSpread({}, resourceContentStyle), {}, {
+      };
+      resourceContentStyle = {
+        ...resourceContentStyle,
         maxHeight: config.schedulerMaxHeight - totalHeaderHeight
-      });
+      };
     } else if (config.responsiveByParent && schedulerData.documentHeight > 0) {
-      var availableHeight = schedulerData.getSchedulerHeight();
-      schedulerContentStyle = _objectSpread(_objectSpread({}, schedulerContentStyle), {}, {
+      const availableHeight = schedulerData.getSchedulerHeight();
+      schedulerContentStyle = {
+        ...schedulerContentStyle,
         height: availableHeight
-      });
-      resourceContentStyle = _objectSpread(_objectSpread({}, resourceContentStyle), {}, {
+      };
+      resourceContentStyle = {
+        ...resourceContentStyle,
         height: availableHeight
-      });
+      };
     }
-    var resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
-    var resourceColumnStyle = {
+    const resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
+    const resourceColumnStyle = {
       display: config.resourceViewEnabled ? undefined : 'none',
       width: resourceTableWidth,
       verticalAlign: 'top'
     };
-    var resourceHeaderStyle = _objectSpread({
-      borderBottom: "1px solid ".concat((_config$headerBorderC2 = config.headerBorderColor) !== null && _config$headerBorderC2 !== void 0 ? _config$headerBorderC2 : '#e9e9e9'),
-      height: config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0)
-    }, configTableHeaderStyle);
-    var resourceHeaderScrollStyle = {
+    const resourceHeaderStyle = {
+      borderBottom: `1px solid ${config.headerBorderColor ?? '#e9e9e9'}`,
+      height: config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0),
+      ...configTableHeaderStyle
+    };
+    const resourceHeaderScrollStyle = {
       overflowX: 'scroll',
       overflowY: 'hidden',
-      margin: "0px 0px -".concat(contentScrollbarHeight, "px")
+      margin: `0px 0px -${contentScrollbarHeight}px`
+    };
+    const schedulerViewStyle = {
+      width: schedulerContainerWidth
     };
-    var schedulerViewStyle = {
-      width: schedulerContainerWidth,
+    const schedulerViewColumnStyle = {
       verticalAlign: 'top'
     };
-    var schedulerHeadWrapperStyle = {
+    const schedulerHeadWrapperStyle = {
       overflow: 'hidden',
-      borderBottom: "1px solid ".concat((_config$headerBorderC3 = config.headerBorderColor) !== null && _config$headerBorderC3 !== void 0 ? _config$headerBorderC3 : '#e9e9e9'),
+      borderBottom: `1px solid ${config.headerBorderColor ?? '#e9e9e9'}`,
       height: config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0)
     };
-    var schedulerHeadScrollStyle = {
+    const schedulerHeadScrollStyle = {
       overflowX: 'scroll',
       overflowY: 'hidden',
-      margin: "0px 0px -".concat(contentScrollbarHeight, "px")
+      margin: `0px 0px -${contentScrollbarHeight}px`
     };
-    var schedulerHeadInnerStyle = {
-      paddingRight: "".concat(contentScrollbarWidth, "px"),
+    const schedulerHeadInnerStyle = {
+      paddingRight: `${contentScrollbarWidth}px`,
       width: schedulerWidth + contentScrollbarWidth
     };
-    tbodyContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+    tbodyContent = /*#__PURE__*/_jsxs("tr", {
+      children: [/*#__PURE__*/_jsx("td", {
         style: resourceColumnStyle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: /*#__PURE__*/_jsxs("div", {
           className: "resource-view",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: [/*#__PURE__*/_jsx("div", {
             style: resourceHeaderStyle,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/_jsx("div", {
               style: resourceHeaderScrollStyle,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+              children: /*#__PURE__*/_jsx("table", {
                 className: "resource-table",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("thead", {
-                  children: [showWeekNumber && /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+                children: /*#__PURE__*/_jsxs("thead", {
+                  children: [showWeekNumber && /*#__PURE__*/_jsx("tr", {
                     style: weekNumberRowStyle,
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+                    children: /*#__PURE__*/_jsx("th", {
                       style: weekNumberThStyle,
-                      children: (_config$weekNumberLab = config.weekNumberLabel) !== null && _config$weekNumberLab !== void 0 ? _config$weekNumberLab : 'Week No.'
+                      children: config.weekNumberLabel ?? 'Week No.'
                     })
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+                  }), /*#__PURE__*/_jsx("tr", {
                     style: {
                       height: config.tableHeaderHeight
                     },
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+                    children: /*#__PURE__*/_jsx("th", {
                       className: "header3-text",
-                      children: CustomResourceHeader ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomResourceHeader, {}) : resourceName
+                      children: CustomResourceHeader ? /*#__PURE__*/_jsx(CustomResourceHeader, {}) : resourceName
                     })
                   })]
                 })
               })
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
+          }), /*#__PURE__*/_jsx("section", {
             style: resourceContentStyle,
             ref: schedulerResourceRef,
             onMouseOver: onSchedulerResourceMouseOver,
@@ -707,7 +565,7 @@ function Scheduler(props) {
             onBlur: onSchedulerResourceMouseOut,
             onScroll: onSchedulerResourceScroll,
             "aria-label": "Resource sidebar",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResourceView["default"], {
+            children: /*#__PURE__*/_jsx(ResourceView, {
               schedulerData: schedulerData,
               schedulerDataVersion: schedulerDataVersion,
               contentScrollbarHeight: resourcePaddingBottom,
@@ -720,13 +578,14 @@ function Scheduler(props) {
             })
           })]
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }), /*#__PURE__*/_jsx("td", {
+        style: schedulerViewColumnStyle,
+        children: /*#__PURE__*/_jsxs("div", {
           className: "scheduler-view",
           style: schedulerViewStyle,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: [/*#__PURE__*/_jsx("div", {
             style: schedulerHeadWrapperStyle,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
+            children: /*#__PURE__*/_jsx("section", {
               style: schedulerHeadScrollStyle,
               ref: schedulerHeadRef,
               onMouseOver: onSchedulerHeadMouseOver,
@@ -735,11 +594,11 @@ function Scheduler(props) {
               onBlur: onSchedulerHeadMouseOut,
               onScroll: onSchedulerHeadScroll,
               "aria-label": "Scheduler Header",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/_jsx("div", {
                 style: schedulerHeadInnerStyle,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+                children: /*#__PURE__*/_jsx("table", {
                   className: "scheduler-bg-table",
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderView["default"], {
+                  children: /*#__PURE__*/_jsx(HeaderView, {
                     schedulerData: schedulerData,
                     schedulerDataVersion: schedulerDataVersion,
                     nonAgendaCellHeaderTemplateResolver: props.nonAgendaCellHeaderTemplateResolver
@@ -747,7 +606,7 @@ function Scheduler(props) {
                 })
               })
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
+          }), /*#__PURE__*/_jsx("section", {
             style: schedulerContentStyle,
             ref: schedulerContentRef,
             onMouseOver: onSchedulerContentMouseOver,
@@ -756,23 +615,23 @@ function Scheduler(props) {
             onBlur: onSchedulerContentMouseOut,
             onScroll: onSchedulerContentScroll,
             "aria-label": "Scheduler content",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: /*#__PURE__*/_jsxs("div", {
               style: schedulerInnerStyle,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: [/*#__PURE__*/_jsx("div", {
                 className: "scheduler-content",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+                children: /*#__PURE__*/_jsx("table", {
                   className: "scheduler-content-table",
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+                  children: /*#__PURE__*/_jsx("tbody", {
                     children: resourceEventsList
                   })
                 })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              }), /*#__PURE__*/_jsx("div", {
                 className: "scheduler-bg",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+                children: /*#__PURE__*/_jsx("table", {
                   className: "scheduler-bg-table",
                   style: schedulerInnerStyle,
                   ref: schedulerContentBgTableRef,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BodyView["default"], {
+                  children: /*#__PURE__*/_jsx(BodyView, {
                     schedulerData: schedulerData,
                     schedulerDataVersion: schedulerDataVersion
                   })
@@ -784,80 +643,75 @@ function Scheduler(props) {
       })]
     });
   }
-  var schedulerHeaderStyle = (0, _react.useMemo)(function () {
-    return {
-      display: config.headerEnabled ? undefined : 'none',
-      marginBottom: config.headerEnabled ? '24px' : undefined
-    };
-  }, [config.headerEnabled]);
-  var schedulerHeader = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SchedulerHeader["default"], {
-      ref: setSchedulerHeaderRef,
-      style: schedulerHeaderStyle,
-      onViewChange: handleViewChange,
-      schedulerData: schedulerData,
-      onSelectDate: onSelect,
-      goNext: goNext,
-      goBack: goBack,
-      rightCustomHeader: rightCustomHeader,
-      leftCustomHeader: leftCustomHeader
-    });
-  }, [schedulerHeaderStyle, handleViewChange, schedulerData, onSelect, goNext, goBack, rightCustomHeader, leftCustomHeader, setSchedulerHeaderRef]);
-  var rootTableStyle = (0, _react.useMemo)(function () {
-    return {
-      width: "".concat(width, "px")
-    };
-  }, [width]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
+  const schedulerHeaderStyle = useMemo(() => ({
+    display: config.headerEnabled ? undefined : 'none',
+    marginBottom: config.headerEnabled ? '24px' : undefined
+  }), [config.headerEnabled]);
+  const schedulerHeader = useMemo(() => /*#__PURE__*/_jsx(SchedulerHeader, {
+    ref: setSchedulerHeaderRef,
+    style: schedulerHeaderStyle,
+    onViewChange: handleViewChange,
+    schedulerData: schedulerData,
+    onSelectDate: onSelect,
+    goNext: goNext,
+    goBack: goBack,
+    rightCustomHeader: rightCustomHeader,
+    leftCustomHeader: leftCustomHeader
+  }), [schedulerHeaderStyle, handleViewChange, schedulerData, onSelect, goNext, goBack, rightCustomHeader, leftCustomHeader, setSchedulerHeaderRef]);
+  const rootTableStyle = useMemo(() => ({
+    width: `${width}px`
+  }), [width]);
+  return /*#__PURE__*/_jsxs("table", {
     id: "rbs-root",
     className: "rbs",
     style: rootTableStyle,
     ref: schedulerRootRef,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+    children: [/*#__PURE__*/_jsx("thead", {
+      children: /*#__PURE__*/_jsx("tr", {
+        children: /*#__PURE__*/_jsx("td", {
           colSpan: "2",
           children: schedulerHeader
         })
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+    }), /*#__PURE__*/_jsx("tbody", {
       children: tbodyContent
     })]
   });
 }
 Scheduler.propTypes = {
-  parentRef: _propTypes["default"].object,
-  schedulerData: _propTypes["default"].object.isRequired,
-  prevClick: _propTypes["default"].func.isRequired,
-  nextClick: _propTypes["default"].func.isRequired,
-  onViewChange: _propTypes["default"].func.isRequired,
-  onSelectDate: _propTypes["default"].func.isRequired,
-  onSetAddMoreState: _propTypes["default"].func,
-  updateEventStart: _propTypes["default"].func,
-  updateEventEnd: _propTypes["default"].func,
-  moveEvent: _propTypes["default"].func,
-  movingEvent: _propTypes["default"].func,
-  leftCustomHeader: _propTypes["default"].object,
-  rightCustomHeader: _propTypes["default"].object,
-  newEvent: _propTypes["default"].func,
-  subtitleGetter: _propTypes["default"].func,
-  eventItemClick: _propTypes["default"].func,
-  viewEventClick: _propTypes["default"].func,
-  viewEventText: _propTypes["default"].string,
-  viewEvent2Click: _propTypes["default"].func,
-  viewEvent2Text: _propTypes["default"].string,
-  conflictOccurred: _propTypes["default"].func,
-  eventItemTemplateResolver: _propTypes["default"].func,
-  dndSources: _propTypes["default"].array,
-  slotClickedFunc: _propTypes["default"].func,
-  toggleExpandFunc: _propTypes["default"].func,
-  slotItemTemplateResolver: _propTypes["default"].func,
-  nonAgendaCellHeaderTemplateResolver: _propTypes["default"].func,
-  onScrollLeft: _propTypes["default"].func,
-  onScrollRight: _propTypes["default"].func,
-  onScrollTop: _propTypes["default"].func,
-  onScrollBottom: _propTypes["default"].func,
-  CustomResourceHeader: _propTypes["default"].func,
-  CustomResourceCell: _propTypes["default"].func,
-  configTableHeaderStyle: _propTypes["default"].object
-};
+  parentRef: PropTypes.object,
+  schedulerData: PropTypes.object.isRequired,
+  prevClick: PropTypes.func.isRequired,
+  nextClick: PropTypes.func.isRequired,
+  onViewChange: PropTypes.func.isRequired,
+  onSelectDate: PropTypes.func.isRequired,
+  onSetAddMoreState: PropTypes.func,
+  updateEventStart: PropTypes.func,
+  updateEventEnd: PropTypes.func,
+  moveEvent: PropTypes.func,
+  movingEvent: PropTypes.func,
+  leftCustomHeader: PropTypes.object,
+  rightCustomHeader: PropTypes.object,
+  newEvent: PropTypes.func,
+  subtitleGetter: PropTypes.func,
+  eventItemClick: PropTypes.func,
+  viewEventClick: PropTypes.func,
+  viewEventText: PropTypes.string,
+  viewEvent2Click: PropTypes.func,
+  viewEvent2Text: PropTypes.string,
+  conflictOccurred: PropTypes.func,
+  eventItemTemplateResolver: PropTypes.func,
+  dndSources: PropTypes.array,
+  slotClickedFunc: PropTypes.func,
+  toggleExpandFunc: PropTypes.func,
+  slotItemTemplateResolver: PropTypes.func,
+  nonAgendaCellHeaderTemplateResolver: PropTypes.func,
+  onScrollLeft: PropTypes.func,
+  onScrollRight: PropTypes.func,
+  onScrollTop: PropTypes.func,
+  onScrollBottom: PropTypes.func,
+  CustomResourceHeader: PropTypes.func,
+  CustomResourceCell: PropTypes.func,
+  configTableHeaderStyle: PropTypes.object
+};
+export { AddMorePopover, CellUnit, DATE_FORMAT, DATETIME_FORMAT, DemoData, DnDContext, DnDSource, Scheduler, SchedulerData, SummaryPos, ViewType, wrapperFun };