1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 |
|
7 | var _extends2 = require('babel-runtime/helpers/extends');
|
8 |
|
9 | var _extends3 = _interopRequireDefault(_extends2);
|
10 |
|
11 | var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
12 |
|
13 | var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
14 |
|
15 | var _createClass2 = require('babel-runtime/helpers/createClass');
|
16 |
|
17 | var _createClass3 = _interopRequireDefault(_createClass2);
|
18 |
|
19 | var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
20 |
|
21 | var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
22 |
|
23 | var _inherits2 = require('babel-runtime/helpers/inherits');
|
24 |
|
25 | var _inherits3 = _interopRequireDefault(_inherits2);
|
26 |
|
27 | var _react = require('react');
|
28 |
|
29 | var _react2 = _interopRequireDefault(_react);
|
30 |
|
31 | var _reactNative = require('react-native');
|
32 |
|
33 | var _reactNativeSwipeout = require('react-native-swipeout');
|
34 |
|
35 | var _reactNativeSwipeout2 = _interopRequireDefault(_reactNativeSwipeout);
|
36 |
|
37 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
38 |
|
39 | var __rest = undefined && undefined.__rest || function (s, e) {
|
40 | var t = {};
|
41 | for (var p in s) {
|
42 | if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
43 | }if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
44 | if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
|
45 | }return t;
|
46 | };
|
47 |
|
48 | var Swipeout = function (_React$Component) {
|
49 | (0, _inherits3['default'])(Swipeout, _React$Component);
|
50 |
|
51 | function Swipeout(props) {
|
52 | (0, _classCallCheck3['default'])(this, Swipeout);
|
53 |
|
54 | var _this = (0, _possibleConstructorReturn3['default'])(this, (Swipeout.__proto__ || Object.getPrototypeOf(Swipeout)).call(this, props));
|
55 |
|
56 | _this.state = {
|
57 | show: false,
|
58 | paddingTop: 0
|
59 | };
|
60 | return _this;
|
61 | }
|
62 |
|
63 | (0, _createClass3['default'])(Swipeout, [{
|
64 | key: 'renderCustomButton',
|
65 | value: function renderCustomButton(button) {
|
66 | var buttonStyle = button.style || {};
|
67 | var bgColor = buttonStyle.backgroundColor || 'transparent';
|
68 | var Component = _react2['default'].createElement(
|
69 | _reactNative.View,
|
70 | { style: {
|
71 | flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: bgColor
|
72 | } },
|
73 | _react2['default'].isValidElement(button.text) ? button.text : _react2['default'].createElement(
|
74 | _reactNative.Text,
|
75 | { style: [button.style, { textAlign: 'center' }] },
|
76 | button.text
|
77 | )
|
78 | );
|
79 | return {
|
80 | text: button.text || 'Click',
|
81 | onPress: button.onPress,
|
82 | type: 'default',
|
83 | component: Component,
|
84 | backgroundColor: 'transparent',
|
85 | color: '#999',
|
86 | disabled: false
|
87 | };
|
88 | }
|
89 | }, {
|
90 | key: 'render',
|
91 | value: function render() {
|
92 | var _this2 = this;
|
93 |
|
94 | var _a = this.props,
|
95 | disabled = _a.disabled,
|
96 | autoClose = _a.autoClose,
|
97 | style = _a.style,
|
98 | left = _a.left,
|
99 | right = _a.right,
|
100 | onOpen = _a.onOpen,
|
101 | onClose = _a.onClose,
|
102 | children = _a.children,
|
103 | restProps = __rest(_a, ["disabled", "autoClose", "style", "left", "right", "onOpen", "onClose", "children"]);
|
104 | var customLeft = left && left.map(function (btn) {
|
105 | return _this2.renderCustomButton(btn);
|
106 | });
|
107 | var customRight = right && right.map(function (btn) {
|
108 | return _this2.renderCustomButton(btn);
|
109 | });
|
110 | return customLeft || customRight ? _react2['default'].createElement(
|
111 | _reactNativeSwipeout2['default'],
|
112 | { autoClose: autoClose, left: customLeft, right: customRight, style: style, onOpen: onOpen, onClose: onClose, disabled: disabled },
|
113 | children
|
114 | ) : _react2['default'].createElement(
|
115 | _reactNative.View,
|
116 | (0, _extends3['default'])({ style: style }, restProps),
|
117 | children
|
118 | );
|
119 | }
|
120 | }]);
|
121 | return Swipeout;
|
122 | }(_react2['default'].Component);
|
123 |
|
124 | Swipeout.defaultProps = {
|
125 | autoClose: false,
|
126 | disabled: false,
|
127 | onOpen: function onOpen() {},
|
128 | onClose: function onClose() {}
|
129 | };
|
130 | exports['default'] = Swipeout;
|
131 | module.exports = exports['default']; |
\ | No newline at end of file |