f-react-native-schedule/lib/commonjs/Content/index.js

Flexible scheduling library with more built-in features and enhanced customization options

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireWildcard(require("react"));

var _reactNative = require("react-native");

var _ScheduleContext = _interopRequireDefault(require("../ScheduleContext"));

var _Header = _interopRequireDefault(require("./Header"));

var _Cell = _interopRequireDefault(require("./Cell"));

var _dayjs = _interopRequireDefault(require("dayjs"));

var _styles = _interopRequireDefault(require("./styles"));

var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween"));

var _Scheduling = _interopRequireDefault(require("./Scheduling"));

var _utils = require("../utils");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

_dayjs.default.extend(_isBetween.default);

const Content = () => {
  const {
    selectedDate,
    rawSchedules,
    days,
    hours,
    currentView,
    cellDimensions,
    schedulingSettings
  } = (0, _react.useContext)(_ScheduleContext.default);
  const [schedules, setSchedules] = (0, _react.useState)([]);
  const {
    fields
  } = schedulingSettings;
  const {
    startTime: {
      name: startTimeFieldName
    },
    endTime: {
      name: endTimeFieldName
    }
  } = fields;
  const dates = (0, _react.useMemo)(() => {
    return hours.map(hour => {
      return days.map(day => {
        return (0, _dayjs.default)(selectedDate).day(day).hour(hour).minute(0).second(0);
      });
    }).flat();
  }, [selectedDate, days, hours]);

  function getItemStyle(day, hour) {
    return { ...cellDimensions,
      left: currentView === 'day' ? 0 : day > 0 ? cellDimensions.width * day : 0,
      top: hour > 0 ? cellDimensions.height * (hour + 1) : cellDimensions.height,
      margin: 0
    };
  }

  function renderItem(date, index) {
    const scheduling = schedules[date.valueOf()];

    if ((0, _utils.isUndefined)(scheduling)) {
      return /*#__PURE__*/_react.default.createElement(_Cell.default, {
        key: index,
        date: date,
        style: getItemStyle(date.day(), date.hour())
      });
    }

    return /*#__PURE__*/_react.default.createElement(_Scheduling.default, {
      key: index,
      date: date,
      scheduling: scheduling,
      style: getItemStyle(date.day(), date.hour())
    });
  }

  (0, _react.useEffect)(() => {
    const nextSchedules = [];
    rawSchedules === null || rawSchedules === void 0 ? void 0 : rawSchedules.forEach(scheduling => {
      const {
        [startTimeFieldName]: startTime,
        [endTimeFieldName]: endTime
      } = scheduling;
      const date = dates.find(d => d.isBetween(startTime, endTime));
      if (date === undefined) return;
      nextSchedules[date.valueOf()] = scheduling;
    });
    setSchedules(nextSchedules);
  }, [startTimeFieldName, endTimeFieldName, dates, rawSchedules]);
  return /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
    showsHorizontalScrollIndicator: true,
    horizontal: true,
    style: [_styles.default.container],
    contentContainerStyle: {
      width: (0, _utils.getScrollViewContainerWidth)(currentView, days, cellDimensions.width)
    },
    decelerationRate: "fast"
  }, /*#__PURE__*/_react.default.createElement(_Header.default, null), dates.map(renderItem));
};

var _default = Content;
exports.default = _default;
//# sourceMappingURL=index.js.map