@tuya-oh/react-native-dash/dist/index.js

A <Dash /> component for react-native to draw dashed or dotted lines

'use strict';

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var _reactNativeMeasureme = require('react-native-measureme');

var _reactNativeMeasureme2 = _interopRequireDefault(_reactNativeMeasureme);

var _util = require('../util');

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

var Dash = function Dash(props) {
	var isRow = (0, _util.isStyleRow)(props.style);
	var length = isRow ? props.width : props.height;
	var n = Math.ceil(length / (props.dashGap + props.dashLength));
	var calculatedDashStyles = (0, _util.getDashStyle)(props);
	var dash = [];
	for (var i = 0; i < n; i++) {
		dash.push(_react2.default.createElement(_reactNative.View, {
			key: i,
			style: [calculatedDashStyles, props.dashStyle]
		}));
	}
	return _react2.default.createElement(
		_reactNative.View,
		{
			onLayout: props.onLayout,
			style: [props.style, isRow ? styles.row : styles.column]
		},
		dash
	);
}; /*
   * Draws fully customizable dashed lines vertically or horizontally
   *
   * @providesModule Dash
   */

var styles = _reactNative.StyleSheet.create({
	row: { flexDirection: 'row' },
	column: { flexDirection: 'column' }
});

Dash.propTypes = {
	style: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object]),
	dashGap: _propTypes2.default.number.isRequired,
	dashLength: _propTypes2.default.number.isRequired,
	dashThickness: _propTypes2.default.number.isRequired,
	dashColor: _propTypes2.default.string,
	dashStyle: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object])
};

Dash.defaultProps = {
	dashGap: 2,
	dashLength: 4,
	dashThickness: 2,
	dashColor: 'black'
};

exports.default = (0, _reactNativeMeasureme2.default)(Dash);