makula-schedule 1.1.8 → 2.0.0

package/dist/components/index.js

@@ -104,6 +104,29 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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; } // eslint-disable-next-line no-unused-vars
+/**
+ * Render the scheduler UI with resource and agenda views, responsive sizing, and drag-and-drop support.
+ *
+ * @param {object} props - Component properties.
+ * @param {SchedulerData} props.schedulerData - Scheduler state and configuration used to drive rendering and behavior.
+ * @param {Array<DnDSource>} [props.dndSources] - Additional drag-and-drop sources to merge into the
+ * scheduler's DnD context.
+ * @param {React.RefObject<HTMLElement>} [props.parentRef] - Parent element ref used when sizing
+ * is driven by the parent container.
+ * @param {function(SchedulerData):void} props.prevClick - Callback invoked to navigate to the previous range.
+ * @param {function(SchedulerData):void} props.nextClick - Callback invoked to navigate to the next range.
+ * @param {function(SchedulerData, object):void} props.onViewChange - Callback invoked when the view type,
+ * agenda toggle, or perspective changes.
+ * @param {function(SchedulerData, string|Date):void} props.onSelectDate - Callback invoked when a date is selected.
+ * @param {React.ReactNode} [props.leftCustomHeader] - Optional custom content rendered on the left side of the header.
+ * @param {React.ReactNode} [props.rightCustomHeader] - Optional custom content rendered on the
+ * right side of the header.
+ * @param {function} [props.CustomResourceHeader] - Optional component used to render the resource header cell.
+ * @param {object} [props.configTableHeaderStyle] - Optional inline style object applied
+ * to the resource header container.
+ * @returns {JSX.Element} The scheduler root element tree to be rendered.
+ */
+
 function Scheduler(props) {
   var schedulerData = props.schedulerData,
     dndSources = props.dndSources,
@@ -116,7 +139,6 @@ function Scheduler(props) {
     rightCustomHeader = props.rightCustomHeader,
     ViewButtonRender = props.ViewButtonRender,
     CustomLoader = props.CustomLoader,
-    showWeekNumber = props.showWeekNumber,
     CustomResourceHeader = props.CustomResourceHeader,
     CustomResourceCell = props.CustomResourceCell,
     configTableHeaderStyle = props.configTableHeaderStyle;
@@ -417,10 +439,13 @@ function Scheduler(props) {
     contentScrollbarWidth = state.contentScrollbarWidth,
     resourceScrollbarHeight = state.resourceScrollbarHeight,
     resourceScrollbarWidth = state.resourceScrollbarWidth;
+  var showWeekNumber = config.showWeekNumber,
+    weekNumberRowHeight = config.weekNumberRowHeight;
   var tbodyContent = /*#__PURE__*/_react["default"].createElement("tr", null);
   if (showAgenda) {
     tbodyContent = /*#__PURE__*/_react["default"].createElement(_AgendaView["default"], props);
   } else {
+    var _config$headerBorderC, _config$headerBorderC2, _config$weekNumberLab, _config$headerBorderC3;
     var resourceTableWidth = schedulerData.getResourceTableWidth();
     var schedulerContainerWidth = width - (config.resourceViewEnabled ? resourceTableWidth : 0);
     var schedulerWidth = schedulerData.getContentTableWidth() - 1;
@@ -455,11 +480,12 @@ function Scheduler(props) {
       margin: "0px -".concat(contentScrollbarWidth, "px 0px 0px")
     };
     if (config.schedulerMaxHeight > 0) {
+      var totalHeaderHeight = config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0);
       schedulerContentStyle = _objectSpread(_objectSpread({}, schedulerContentStyle), {}, {
-        maxHeight: config.schedulerMaxHeight - config.tableHeaderHeight
+        maxHeight: config.schedulerMaxHeight - totalHeaderHeight
       });
       resourceContentStyle = _objectSpread(_objectSpread({}, resourceContentStyle), {}, {
-        maxHeight: config.schedulerMaxHeight - config.tableHeaderHeight
+        maxHeight: config.schedulerMaxHeight - totalHeaderHeight
       });
     } else if (config.responsiveByParent && schedulerData.documentHeight > 0) {
       // Responsive height minus SchedulerHeader
@@ -482,30 +508,29 @@ function Scheduler(props) {
       className: "resource-view"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: _objectSpread({
-        borderBottom: '1px solid #e9e9e9',
-        height: showWeekNumber ? config.tableHeaderHeight + 24 : config.tableHeaderHeight
+        borderBottom: "1px solid ".concat((_config$headerBorderC = config.headerBorderColor) !== null && _config$headerBorderC !== void 0 ? _config$headerBorderC : '#e9e9e9'),
+        height: config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0)
       }, configTableHeaderStyle)
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
         overflowX: 'scroll',
         overflowY: 'hidden',
-        margin: "0px 0px -".concat(contentScrollbarHeight, "px"),
-        overflow: 'visible'
+        margin: "0px 0px -".concat(contentScrollbarHeight, "px")
       }
     }, /*#__PURE__*/_react["default"].createElement("table", {
       className: "resource-table"
     }, /*#__PURE__*/_react["default"].createElement("thead", null, showWeekNumber && /*#__PURE__*/_react["default"].createElement("tr", {
       style: {
-        height: 24
+        height: weekNumberRowHeight
       }
     }, /*#__PURE__*/_react["default"].createElement("th", {
       style: {
-        borderBottom: '1px solid #e9e9e9',
+        borderBottom: "1px solid ".concat((_config$headerBorderC2 = config.headerBorderColor) !== null && _config$headerBorderC2 !== void 0 ? _config$headerBorderC2 : '#e9e9e9'),
         fontSize: '0.85em',
         opacity: 0.7,
         padding: '4px 8px'
       }
-    }, "Week No.")), /*#__PURE__*/_react["default"].createElement("tr", {
+    }, (_config$weekNumberLab = config.weekNumberLabel) !== null && _config$weekNumberLab !== void 0 ? _config$weekNumberLab : 'Week No.')), /*#__PURE__*/_react["default"].createElement("tr", {
       style: {
         height: config.tableHeaderHeight
       }
@@ -531,8 +556,8 @@ function Scheduler(props) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
         overflow: 'hidden',
-        borderBottom: '1px solid #e9e9e9',
-        height: showWeekNumber ? config.tableHeaderHeight + 24 : config.tableHeaderHeight
+        borderBottom: "1px solid ".concat((_config$headerBorderC3 = config.headerBorderColor) !== null && _config$headerBorderC3 !== void 0 ? _config$headerBorderC3 : '#e9e9e9'),
+        height: config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0)
       }
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
@@ -555,9 +580,7 @@ function Scheduler(props) {
       }
     }, /*#__PURE__*/_react["default"].createElement("table", {
       className: "scheduler-bg-table"
-    }, /*#__PURE__*/_react["default"].createElement(_HeaderView["default"], _extends({}, props, {
-      showWeekNumber: showWeekNumber
-    })))))), /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/_react["default"].createElement(_HeaderView["default"], props))))), /*#__PURE__*/_react["default"].createElement("div", {
       style: schedulerContentStyle,
       ref: schedulerContentRef,
       onMouseOver: onSchedulerContentMouseOver,
@@ -643,7 +666,6 @@ Scheduler.propTypes = {
   onScrollRight: _propTypes["default"].func,
   onScrollTop: _propTypes["default"].func,
   onScrollBottom: _propTypes["default"].func,
-  showWeekNumber: _propTypes["default"].bool,
   CustomResourceHeader: _propTypes["default"].func,
   CustomResourceCell: _propTypes["default"].func,
   configTableHeaderStyle: _propTypes["default"].object

package/dist/config/i18n.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultLabels = getDefaultLabels;
+exports.getLabel = getLabel;
+exports.resetLabelsProvider = resetLabelsProvider;
+exports.setLabelsProvider = setLabelsProvider;
+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 _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); }
+/**
+ * i18n configuration and labels provider
+ *
+ * This module provides a centralized way to manage user-facing strings in the scheduler.
+ * Users can provide localized labels either through the config or by setting a custom
+ * labels provider function.
+ */
+
+// Default English labels
+var defaultLabels = {
+  resourceName: 'Resource Name',
+  taskName: 'Task Name',
+  agendaViewHeader: 'Agenda',
+  weekNumberLabel: 'Week No.'
+};
+
+// Current labels provider (can be a function or object)
+var labelsProvider = null;
+
+/**
+ * Get the current label for a given key
+ * @param {string} key - The label key (e.g., 'resourceName', 'taskName')
+ * @param {string} locale - Optional locale code for locale-specific translations
+ * @returns {string} The localized label or the default English label
+ */
+function getLabel(key) {
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  // If a custom provider function is set, use it
+  if (typeof labelsProvider === 'function') {
+    var label = labelsProvider(key, locale);
+    return label !== undefined && label !== null ? label : defaultLabels[key];
+  }
+
+  // If a labels object provider is set, use it with fallback
+  if (labelsProvider && _typeof(labelsProvider) === 'object') {
+    var _label = labelsProvider[key];
+    return _label !== undefined && _label !== null ? _label : defaultLabels[key];
+  }
+
+  // Fall back to default English labels
+  return defaultLabels[key];
+}
+
+/**
+ * Set a custom labels provider
+ * @param {Function|Object} provider - Either a function(key, locale) -> string or an object with label key-value pairs
+ */
+function setLabelsProvider(provider) {
+  labelsProvider = provider;
+}
+
+/**
+ * Get all default labels
+ * @returns {Object} Object with all default English labels
+ */
+function getDefaultLabels() {
+  return _objectSpread({}, defaultLabels);
+}
+
+/**
+ * Reset to default English labels
+ */
+function resetLabelsProvider() {
+  labelsProvider = null;
+}

package/dist/config/scheduler.js

@@ -5,6 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default2 = require("./default");
+/**
+ * Default scheduler configuration
+ *
+ * User-facing strings (resourceName, taskName, agendaViewHeader, weekNumberLabel)
+ * are set to English defaults but can be overridden through:
+ * 1. Passing a custom config object when creating SchedulerData
+ * 2. Using setLabelsProvider() from the i18n module to set a custom labels provider
+ * 3. Directly modifying config properties after instantiation
+ */
 var _default = exports["default"] = {
   schedulerWidth: '100%',
   besidesWidth: 20,
@@ -49,6 +58,9 @@ var _default = exports["default"] = {
   summaryColor: '#666',
   summaryPos: _default2.SummaryPos.TopRight,
   groupOnlySlotColor: '#F8F8F8',
+  headerBorderColor: '#e9e9e9',
+  weekNumberRowHeight: 24,
+  showWeekNumber: false,
   startResizable: true,
   endResizable: true,
   movable: true,
@@ -72,6 +84,7 @@ var _default = exports["default"] = {
   resourceName: 'Resource Name',
   taskName: 'Task Name',
   agendaViewHeader: 'Agenda',
+  weekNumberLabel: 'Week No.',
   addMorePopoverHeaderFormat: 'MMM D, YYYY dddd',
   eventItemPopoverDateFormat: 'MMM D',
   nonAgendaDayCellHeaderFormat: 'ha',