react-big-schedule/dist/components/AgendaView.js

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 d

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _AgendaResourceEvents = _interopRequireDefault(require("./AgendaResourceEvents"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function AgendaView(props) {
  var schedulerData = props.schedulerData;
  var config = schedulerData.config,
    renderData = schedulerData.renderData;
  var agendaResourceTableWidth = schedulerData.getResourceTableWidth();
  var tableHeaderHeight = schedulerData.getTableHeaderHeight();
  var resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
  var agendaViewHeader = config.agendaViewHeader;
  var resourceEventsList = renderData.map(function (item) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AgendaResourceEvents["default"], {
      resourceEvents: item,
      schedulerData: schedulerData,
      subtitleGetter: props.subtitleGetter,
      eventItemClick: props.eventItemClick,
      viewEventClick: props.viewEventClick,
      viewEventText: props.viewEventText,
      viewEvent2Click: props.viewEvent2Click,
      viewEvent2Text: props.viewEvent2Text,
      slotClickedFunc: props.slotClickedFunc,
      slotItemTemplateResolver: props.slotItemTemplateResolver,
      eventItemTemplateResolver: props.eventItemTemplateResolver,
      eventItemPopoverTemplateResolver: props.eventItemPopoverTemplateResolver
    }, item.slotId);
  });
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
        className: "scheduler-table",
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
            style: {
              height: tableHeaderHeight
            },
            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
              style: {
                width: agendaResourceTableWidth
              },
              className: "header3-text",
              children: resourceName
            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
              className: "header3-text",
              children: agendaViewHeader
            })]
          })
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
          children: resourceEventsList
        })]
      })
    })
  });
}
AgendaView.propTypes = {
  schedulerData: _propTypes["default"].object.isRequired,
  subtitleGetter: _propTypes["default"].func,
  eventItemClick: _propTypes["default"].func,
  viewEventClick: _propTypes["default"].func,
  viewEventText: _propTypes["default"].string,
  viewEvent2Click: _propTypes["default"].func,
  viewEvent2Text: _propTypes["default"].string,
  slotClickedFunc: _propTypes["default"].func,
  slotItemTemplateResolver: _propTypes["default"].func,
  eventItemTemplateResolver: _propTypes["default"].func,
  eventItemPopoverTemplateResolver: _propTypes["default"].func
};
var _default = exports["default"] = AgendaView;