react-native-booking-calendar/lib/commonjs/BookingCalendar/components/Row.js

calendar component for booking app

"use strict";

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

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

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

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

const {
  width: windowWidth
} = _reactNative.Dimensions.get('window');

const Row = ({
  dateTimeObj,
  defaultRow,
  date,
  timeString,
  borderColor
}) => {
  if (dateTimeObj && dateTimeObj[date.toFormat('kkkk-L-dd')] && dateTimeObj[date.toFormat('kkkk-L-dd')][timeString]) {
    const onPress = () => {
      const dateTime = date.plus({
        hours: Number(timeString.substr(0, 2)),
        minutes: Number(timeString.substr(3, 2))
      });
      dateTimeObj[date.toFormat('kkkk-L-dd')][timeString].onPress(dateTime);
    };

    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
      onPress: onPress
    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
      style: [RowStyles.rowWrapper, {
        borderColor: borderColor
      }]
    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, dateTimeObj[date.toFormat('kkkk-L-dd')][timeString].row)));
  }

  if (defaultRow) {
    const onPress = () => {
      const dateTime = date.plus({
        hours: Number(timeString.substr(0, 2)),
        minutes: Number(timeString.substr(3, 2))
      });
      defaultRow.onPress(dateTime);
    };

    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
      onPress: onPress
    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
      style: [RowStyles.rowWrapper, {
        borderColor: borderColor
      }]
    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, defaultRow.row)));
  }

  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: [RowStyles.rowWrapper, {
      borderColor: borderColor
    }]
  });
};

const RowStyles = _reactNative.StyleSheet.create({
  rowWrapper: {
    justifyContent: 'center',
    alignItems: 'center',
    borderRightWidth: 1,
    // borderBottomWidth: 1,
    borderTopWidth: 1,
    height: 50,
    width: windowWidth * 0.127
  },
  rowMark: {
    fontSize: 20
  }
});

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