react-big-schedule/dist/components/EventItemPopover.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 _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));
  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", {
    style: {
      width: config.eventItemPopoverWidth
    },
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
      type: "flex",
      align: "middle",
      children: [config.eventItemPopoverShowColor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
        span: 2,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          className: "status-dot",
          style: {
            backgroundColor: statusColor
          }
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
        span: 22,
        className: "overflow-text",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
          className: "header2-text",
          title: title,
          children: title
        })
      })]
    }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
      type: "flex",
      align: "middle",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
        span: 2,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
        span: 22,
        className: "overflow-text",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
          className: "header2-text",
          title: subtitle,
          children: subtitle
        })
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
      type: "flex",
      align: "middle",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
        span: 2,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Col, {
        span: 22,
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
          className: "header1-text",
          children: start.format('HH:mm')
        }), config.eventItemPopoverDateFormat && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
          className: "help-text",
          style: {
            marginLeft: '8px'
          },
          children: start.format(config.eventItemPopoverDateFormat)
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
          className: "header2-text",
          style: {
            marginLeft: '8px'
          },
          children: "-"
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
          className: "header1-text",
          style: {
            marginLeft: '8px'
          },
          children: end.format('HH:mm')
        }), config.eventItemPopoverDateFormat && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
          className: "help-text",
          style: {
            marginLeft: '8px'
          },
          children: end.format(config.eventItemPopoverDateFormat)
        })]
      })]
    }), (showViewEvent || showViewEvent2) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
      type: "flex",
      align: "middle",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
        span: 2,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Col, {
        span: 22,
        children: [showViewEvent && renderViewEvent(viewEventText, viewEventClick), showViewEvent2 && renderViewEvent(viewEvent2Text, viewEvent2Click, 16)]
      })]
    })]
  });
}
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
};
var _default = exports["default"] = EventItemPopover;