react-native-simple-timeline/lib/commonjs/Timeline/index.js

React Native Simple Timeline

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _style = require("./style");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
 * Simple React Native Timeline
 * https://github.com/kabitacode/react-native-simple-timeline
 *
 * @format
 */

function Timeline(_ref) {
  let {
    data,
    direction,
    customStyle = {}
  } = _ref;
  const {
    container = {},
    leftColumn = {},
    rightColumn = {},
    dotContainer = {},
    dot = {},
    connector = {},
    dotConnectorHorizontalWrapper = {},
    containerHorizontal = {},
    dotContainerHorizontal = {},
    dotHorizontal = {},
    connectorHorizontal = {},
    textStyle = {}
  } = customStyle;
  const renderItem = _ref2 => {
    let {
      item,
      index
    } = _ref2;
    let lastIndex = index === data.length - 1;
    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
      key: index,
      style: [_style.styles.container, container]
    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
      style: [_style.styles.leftColumn, leftColumn]
    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
      style: [_style.styles.dotContainer, dotContainer]
    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
      style: [_style.styles.dot, dot]
    })), !lastIndex && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
      style: [_style.styles.connector, connector]
    })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
      style: [_style.styles.rightColumn, rightColumn]
    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
      style: [_style.styles.txtStatus, textStyle.txtStatus]
    }, item === null || item === void 0 ? void 0 : item.status), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
      style: [_style.styles.txtDate, textStyle.txtDate]
    }, item === null || item === void 0 ? void 0 : item.date)));
  };
  if (direction == 'horizontal') {
    return /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
      horizontal: true,
      showsHorizontalScrollIndicator: false
    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
      style: {
        flexDirection: 'row',
        justifyContent: 'space-around',
        height: 100
      }
    }, data.map((item, index) => {
      let lastIndex = index === data.length - 1;
      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
        key: index,
        style: [_style.styles.containerHorizontal, containerHorizontal]
      }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
        style: [_style.styles.dotConnectorHorizontalWrapper, dotConnectorHorizontalWrapper]
      }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
        style: [_style.styles.dotContainerHorizontal, dotContainerHorizontal]
      }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
        style: [_style.styles.dotHorizontal, dotHorizontal]
      })), !lastIndex && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
        style: [_style.styles.connectorHorizontal, connectorHorizontal]
      })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
        style: customStyle.containerHorizontalText
      }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
        style: [_style.styles.txtStatus, textStyle.txtStatus]
      }, item === null || item === void 0 ? void 0 : item.status), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
        style: [_style.styles.txtDate, textStyle.txtDate]
      }, item === null || item === void 0 ? void 0 : item.date)));
    })));
  } else {
    return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
      data: data,
      renderItem: renderItem
    });
  }
}
var _default = Timeline;
exports.default = _default;
//# sourceMappingURL=index.js.map