react-native-elements
Version:
React Native Elements & UI Toolkit
1,754 lines (1,753 loc) • 155 kB
JavaScript
!(function(e) {
function t(r) {
if (n[r]) return n[r].exports;
var o = (n[r] = { i: r, l: !1, exports: {} });
return e[r].call(o.exports, o, o.exports, t), (o.l = !0), o.exports;
}
var n = {};
(t.m = e), (t.c = n), (t.i = function(e) {
return e;
}), (t.d = function(e, n, r) {
t.o(e, n) ||
Object.defineProperty(e, n, { configurable: !1, enumerable: !0, get: r });
}), (t.n = function(e) {
var n = e && e.__esModule
? function() {
return e.default;
}
: function() {
return e;
};
return t.d(n, 'a', n), n;
}), (t.o = function(e, t) {
return Object.prototype.hasOwnProperty.call(e, t);
}), (t.p = ''), t((t.s = 43));
})([
function(e, t) {
e.exports = react - native;
},
function(e, t) {
e.exports = react;
},
function(e, t, n) {
(function(t) {
if ('production' !== t.env.NODE_ENV) {
var r =
('function' == typeof Symbol &&
Symbol.for &&
Symbol.for('react.element')) ||
60103,
o = function(e) {
return 'object' == typeof e && null !== e && e.$$typeof === r;
};
e.exports = n(51)(o, !0);
} else e.exports = n(50)();
}.call(t, n(8)));
},
function(e, t) {
Object.defineProperty(t, '__esModule', { value: !0 }), (t.default = {
primary: '#9E9E9E',
primary1: '#4d86f7',
primary2: '#6296f9',
secondary: '#8F0CE8',
secondary2: '#00B233',
secondary3: '#00FF48',
grey0: '#393e42',
grey1: '#43484d',
grey2: '#5e6977',
grey3: '#86939e',
grey4: '#bdc6cf',
grey5: '#e1e8ee',
dkGreyBg: '#232323',
greyOutline: '#cbd2d9',
searchBg: '#303337',
disabled: '#dadee0',
white: '#ffffff',
error: '#ff190c',
});
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
function o(e, t) {
var n = {};
for (var r in e)
t.indexOf(r) >= 0 ||
(Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]));
return n;
}
Object.defineProperty(t, '__esModule', { value: !0 });
var a =
Object.assign ||
function(e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var r in n)
Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
}
return e;
},
i = n(2),
l = r(i),
u = n(1),
c = r(u),
s = n(0),
f = n(6),
d = r(f),
p = n(5),
y = r(p),
h = s.StyleSheet.create({
text: a(
{},
s.Platform.select({ android: a({}, d.default.android.regular) })
),
bold: a(
{},
s.Platform.select({ android: a({}, d.default.android.bold) })
),
}),
g = function(e) {
var t = e.style,
n = e.children,
r = e.h1,
i = e.h2,
l = e.h3,
u = e.h4,
f = e.fontFamily,
d = o(e, ['style', 'children', 'h1', 'h2', 'h3', 'h4', 'fontFamily']);
return c.default.createElement(
s.Text,
a(
{
style: [
h.text,
r && { fontSize: (0, y.default)(40) },
i && { fontSize: (0, y.default)(34) },
l && { fontSize: (0, y.default)(28) },
u && { fontSize: (0, y.default)(22) },
r && h.bold,
i && h.bold,
l && h.bold,
u && h.bold,
f && { fontFamily: f },
t && t,
],
},
d
),
n
);
};
(g.propTypes = {
style: l.default.any,
h1: l.default.bool,
h2: l.default.bool,
h3: l.default.bool,
h4: l.default.bool,
fontFamily: l.default.string,
children: l.default.any,
}), (t.default = g);
},
function(e, t, n) {
var r = n(0),
o = r.PixelRatio,
a = r.Dimensions,
i = o.get(),
l = a.get('window').height,
u = a.get('window').width,
c = function(e) {
return 2 === i
? u < 360
? 0.95 * e
: l < 667 ? e : l >= 667 && l <= 735 ? 1.15 * e : 1.25 * e
: 3 === i
? u <= 360
? e
: l < 667
? 1.15 * e
: l >= 667 && l <= 735 ? 1.2 * e : 1.27 * e
: 3.5 === i
? u <= 360
? e
: l < 667
? 1.2 * e
: l >= 667 && l <= 735 ? 1.25 * e : 1.4 * e
: e;
};
e.exports = c;
},
function(e, t) {
Object.defineProperty(t, '__esModule', { value: !0 }), (t.default = {
ios: {},
android: {
regular: { fontFamily: 'sans-serif' },
light: { fontFamily: 'sans-serif-light' },
condensed: { fontFamily: 'sans-serif-condensed' },
condensed_light: {
fontFamily: 'sans-serif-condensed',
fontWeight: 'light',
},
black: { fontFamily: 'sans-serif', fontWeight: 'bold' },
thin: { fontFamily: 'sans-serif-thin' },
medium: { fontFamily: 'sans-serif-medium' },
bold: { fontFamily: 'sans-serif', fontWeight: 'bold' },
},
});
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
function o(e, t) {
var n = {};
for (var r in e)
t.indexOf(r) >= 0 ||
(Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]));
return n;
}
Object.defineProperty(t, '__esModule', { value: !0 });
var a =
Object.assign ||
function(e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var r in n)
Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
}
return e;
},
i = n(2),
l = r(i),
u = n(1),
c = r(u),
s = n(0),
f = n(9),
d = r(f),
p = function(e) {
var t = e.type,
n = e.name,
r = e.size,
i = e.color,
l = e.iconStyle,
u = e.component,
f = e.underlayColor,
p = e.reverse,
h = e.raised,
g = e.containerStyle,
m = e.reverseColor,
b = e.onPress,
v = o(e, [
'type',
'name',
'size',
'color',
'iconStyle',
'component',
'underlayColor',
'reverse',
'raised',
'containerStyle',
'reverseColor',
'onPress',
]),
S = s.View;
b && (S = s.TouchableHighlight), u && (S = u);
var w = void 0;
return (w = t
? (0, d.default)(t)
: (0, d.default)('material')), c.default.createElement(
S,
a(
{
underlayColor: p ? i : f || i,
style: [
(p || h) && y.button,
(p || h) && {
borderRadius: r + 4,
height: 2 * r + 4,
width: 2 * r + 4,
},
h && y.raised,
{
backgroundColor: p ? i : h ? 'white' : 'transparent',
alignItems: 'center',
justifyContent: 'center',
},
g && g,
],
onPress: b,
},
v
),
c.default.createElement(w, {
style: [{ backgroundColor: 'transparent' }, l && l],
size: r,
name: n,
color: p ? m : i,
})
);
};
(p.propTypes = {
type: l.default.string,
name: l.default.string,
size: l.default.number,
color: l.default.string,
component: l.default.element,
underlayColor: l.default.string,
reverse: l.default.bool,
raised: l.default.bool,
containerStyle: s.View.propTypes.style,
iconStyle: s.Text.propTypes.style,
onPress: l.default.func,
reverseColor: l.default.string,
}), (p.defaultProps = {
underlayColor: 'white',
reverse: !1,
raised: !1,
size: 24,
color: 'black',
reverseColor: 'white',
});
var y = s.StyleSheet.create({
button: { margin: 7 },
raised: a(
{},
s.Platform.select({
ios: {
shadowColor: 'rgba(0,0,0, .4)',
shadowOffset: { height: 1, width: 1 },
shadowOpacity: 1,
shadowRadius: 1,
},
android: { elevation: 2 },
})
),
});
t.default = p;
},
function(e, t) {
function n() {
throw new Error('setTimeout has not been defined');
}
function r() {
throw new Error('clearTimeout has not been defined');
}
function o(e) {
if (s === setTimeout) return setTimeout(e, 0);
if ((s === n || !s) && setTimeout)
return (s = setTimeout), setTimeout(e, 0);
try {
return s(e, 0);
} catch (t) {
try {
return s.call(null, e, 0);
} catch (t) {
return s.call(this, e, 0);
}
}
}
function a(e) {
if (f === clearTimeout) return clearTimeout(e);
if ((f === r || !f) && clearTimeout)
return (f = clearTimeout), clearTimeout(e);
try {
return f(e);
} catch (t) {
try {
return f.call(null, e);
} catch (t) {
return f.call(this, e);
}
}
}
function i() {
h &&
p &&
((h = !1), p.length ? (y = p.concat(y)) : (g = -1), y.length && l());
}
function l() {
if (!h) {
var e = o(i);
h = !0;
for (var t = y.length; t; ) {
for ((p = y), (y = []); ++g < t; )
p && p[g].run();
(g = -1), (t = y.length);
}
(p = null), (h = !1), a(e);
}
}
function u(e, t) {
(this.fun = e), (this.array = t);
}
function c() {}
var s, f, d = (e.exports = {});
!(function() {
try {
s = 'function' == typeof setTimeout ? setTimeout : n;
} catch (e) {
s = n;
}
try {
f = 'function' == typeof clearTimeout ? clearTimeout : r;
} catch (e) {
f = r;
}
})();
var p, y = [], h = !1, g = -1;
(d.nextTick = function(e) {
var t = new Array(arguments.length - 1);
if (arguments.length > 1)
for (var n = 1; n < arguments.length; n++)
t[n - 1] = arguments[n];
y.push(new u(e, t)), 1 !== y.length || h || o(l);
}), (u.prototype.run = function() {
this.fun.apply(null, this.array);
}), (d.title = 'browser'), (d.browser = !0), (d.env = {}), (d.argv = [
]), (d.version = ''), (d.versions = {
}), (d.on = c), (d.addListener = c), (d.once = c), (d.off = c), (d.removeListener = c), (d.removeAllListeners = c), (d.emit = c), (d.binding = function(
e
) {
throw new Error('process.binding is not supported');
}), (d.cwd = function() {
return '/';
}), (d.chdir = function(e) {
throw new Error('process.chdir is not supported');
}), (d.umask = function() {
return 0;
});
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
Object.defineProperty(t, '__esModule', { value: !0 });
var o = n(60),
a = r(o),
i = n(58),
l = r(i),
u = n(13),
c = r(u),
s = n(57),
f = r(s),
d = n(56),
p = r(d),
y = n(55),
h = r(y),
g = n(54),
m = r(g),
b = n(53),
v = r(b),
S = n(12),
w = r(S),
T = n(59),
C = r(T);
t.default = function(e) {
switch (e) {
case 'zocial':
return a.default;
case 'octicon':
return l.default;
case 'material':
return c.default;
case 'material-community':
return f.default;
case 'ionicon':
return p.default;
case 'foundation':
return h.default;
case 'evilicon':
return m.default;
case 'entypo':
return v.default;
case 'font-awesome':
return w.default;
case 'simple-line-icon':
return C.default;
default:
return c.default;
}
};
},
function(e, t, n) {
'use strict';
function r(e) {
return function() {
return e;
};
}
var o = function() {};
(o.thatReturns = r), (o.thatReturnsFalse = r(!1)), (o.thatReturnsTrue = r(
!0
)), (o.thatReturnsNull = r(null)), (o.thatReturnsThis = function() {
return this;
}), (o.thatReturnsArgument = function(e) {
return e;
}), (e.exports = o);
},
function(e, t, n) {
'use strict';
(function(t) {
function n(e, t, n, o, a, i, l, u) {
if ((r(t), !e)) {
var c;
if (void 0 === t)
c = new Error(
'Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.'
);
else {
var s = [n, o, a, i, l, u], f = 0;
(c = new Error(
t.replace(/%s/g, function() {
return s[f++];
})
)), (c.name = 'Invariant Violation');
}
throw ((c.framesToPop = 1), c);
}
}
var r = function(e) {};
'production' !== t.env.NODE_ENV &&
(r = function(e) {
if (void 0 === e)
throw new Error('invariant requires an error message argument');
}), (e.exports = n);
}.call(t, n(8)));
},
function(e, t) {
e.exports = react - native - vector - icons / FontAwesome;
},
function(e, t) {
e.exports = react - native - vector - icons / MaterialIcons;
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
function o(e, t) {
var n = {};
for (var r in e)
t.indexOf(r) >= 0 ||
(Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]));
return n;
}
Object.defineProperty(t, '__esModule', { value: !0 });
var a =
Object.assign ||
function(e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var r in n)
Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
}
return e;
},
i = n(2),
l = r(i),
u = n(1),
c = r(u),
s = n(0),
f = n(3),
d = r(f),
p = function(e) {
var t = e.containerStyle,
n = e.textStyle,
r = e.wrapperStyle,
i = e.onPress,
l = e.component,
u = e.value,
f = e.children,
d = e.element,
p = o(e, [
'containerStyle',
'textStyle',
'wrapperStyle',
'onPress',
'component',
'value',
'children',
'element',
]);
if (d) return d;
var h = s.View,
g = c.default.createElement(s.Text, { style: [y.text, n && n] }, u);
return f && (g = f), f &&
u &&
console.error(
'Badge can only contain either child element or value'
), !l && i && (h = s.TouchableOpacity), c.default.isValidElement(l) &&
(h = l), c.default.createElement(
s.View,
{ style: [y.container && r && r] },
c.default.createElement(
h,
a({ style: [y.badge, t && t], onPress: i }, p),
g
)
);
};
p.propTypes = {
containerStyle: s.View.propTypes.style,
wrapperStyle: s.View.propTypes.style,
textStyle: s.Text.propTypes.style,
children: l.default.element,
value: l.default.oneOfType([l.default.string, l.default.number]),
onPress: l.default.func,
component: l.default.func,
element: l.default.element,
};
var y = s.StyleSheet.create({
container: { flexDirection: 'row' },
badge: {
padding: 12,
paddingTop: 3,
paddingBottom: 3,
backgroundColor: d.default.grey1,
borderRadius: 20,
alignItems: 'center',
justifyContent: 'center',
},
text: { fontSize: 14, color: 'white' },
});
t.default = p;
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
function o(e, t) {
var n = {};
for (var r in e)
t.indexOf(r) >= 0 ||
(Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]));
return n;
}
Object.defineProperty(t, '__esModule', { value: !0 });
var a =
Object.assign ||
function(e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var r in n)
Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
}
return e;
},
i = n(2),
l = r(i),
u = n(1),
c = r(u),
s = n(0),
f = n(3),
d = r(f),
p = n(4),
y = r(p),
h = n(13),
g = r(h),
m = n(9),
b = r(m),
v = n(5),
S = r(v),
w = function() {
console.log('please attach method to this component');
},
T = function(e) {
var t = e.disabled,
n = e.loading,
r = e.loadingRight,
i = e.activityIndicatorStyle,
l = e.buttonStyle,
u = e.borderRadius,
f = e.title,
p = e.onPress,
h = e.icon,
m = e.iconComponent,
v = e.secondary,
S = e.secondary2,
T = e.secondary3,
O = e.primary1,
x = e.primary2,
P = e.backgroundColor,
E = e.color,
_ = e.fontSize,
k = e.underlayColor,
R = e.raised,
I = e.textStyle,
j = e.large,
V = e.iconRight,
M = e.fontWeight,
z = e.disabledStyle,
F = e.fontFamily,
A = e.containerViewStyle,
L = o(e, [
'disabled',
'loading',
'loadingRight',
'activityIndicatorStyle',
'buttonStyle',
'borderRadius',
'title',
'onPress',
'icon',
'iconComponent',
'secondary',
'secondary2',
'secondary3',
'primary1',
'primary2',
'backgroundColor',
'color',
'fontSize',
'underlayColor',
'raised',
'textStyle',
'large',
'iconRight',
'fontWeight',
'disabledStyle',
'fontFamily',
'containerViewStyle',
]),
B = e.Component,
W = void 0;
if (h) {
var D = void 0;
(D =
m ||
(h.type
? (0, b.default)(h.type)
: g.default)), (W = c.default.createElement(
D,
a({}, h, {
color: h.color || 'white',
size: h.size || (j ? 26 : 18),
style: [V ? C.iconRight : C.icon, h.style && h.style],
})
));
}
var N = void 0;
return n &&
(N = c.default.createElement(s.ActivityIndicator, {
animating: !0,
style: [C.activityIndicatorStyle, i],
color: E || 'white',
size: (j && 'large') || 'small',
})), B || 'ios' !== s.Platform.OS || (B = s.TouchableHighlight), B ||
'android' !== s.Platform.OS ||
(B = s.TouchableNativeFeedback), B || (B = s.TouchableHighlight), u &&
!L.background &&
(L.background = s.TouchableNativeFeedback.Ripple(
'ThemeAttrAndroid',
!0
)), c.default.createElement(
s.View,
{ style: [C.container, R && C.raised, A] },
c.default.createElement(
B,
a(
{
underlayColor: k || 'transparent',
onPress: p || w,
disabled: t || !1,
},
L
),
c.default.createElement(
s.View,
{
style: [
C.button,
v && { backgroundColor: d.default.secondary },
S && { backgroundColor: d.default.secondary2 },
T && { backgroundColor: d.default.secondary3 },
O && { backgroundColor: d.default.primary1 },
x && { backgroundColor: d.default.primary2 },
P && { backgroundColor: P },
u && { borderRadius: u },
!j && C.small,
l && l,
t && { backgroundColor: d.default.disabled },
t && z && z,
],
},
h && !V && W,
n && !r && N,
c.default.createElement(
y.default,
{
style: [
C.text,
E && { color: E },
!j && C.smallFont,
_ && { fontSize: _ },
I && I,
M && { fontWeight: M },
F && { fontFamily: F },
],
},
f
),
n && r && N,
h && V && W
)
)
);
};
T.propTypes = {
buttonStyle: s.View.propTypes.style,
title: l.default.string,
onPress: l.default.any,
icon: l.default.object,
iconComponent: l.default.any,
secondary: l.default.bool,
secondary2: l.default.bool,
secondary3: l.default.bool,
primary1: l.default.bool,
primary2: l.default.bool,
backgroundColor: l.default.string,
color: l.default.string,
fontSize: l.default.any,
underlayColor: l.default.string,
raised: l.default.bool,
textStyle: s.Text.propTypes.style,
disabled: l.default.bool,
loading: l.default.bool,
activityIndicatorStyle: s.View.propTypes.style,
loadingRight: l.default.bool,
Component: l.default.any,
borderRadius: l.default.number,
large: l.default.bool,
iconRight: l.default.bool,
fontWeight: l.default.string,
disabledStyle: s.View.propTypes.style,
fontFamily: l.default.string,
};
var C = s.StyleSheet.create({
container: { marginLeft: 15, marginRight: 15 },
button: {
padding: 19,
backgroundColor: d.default.primary,
justifyContent: 'center',
alignItems: 'center',
flexDirection: 'row',
},
text: { color: 'white', fontSize: (0, S.default)(16) },
icon: { marginRight: 10 },
iconRight: { marginLeft: 10 },
small: { padding: 12 },
smallFont: { fontSize: (0, S.default)(14) },
activityIndicatorStyle: { marginHorizontal: 10, height: 0 },
raised: a(
{},
s.Platform.select({
ios: {
shadowColor: 'rgba(0,0,0, .4)',
shadowOffset: { height: 1, width: 1 },
shadowOpacity: 1,
shadowRadius: 1,
},
android: { elevation: 2 },
})
),
});
t.default = T;
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
Object.defineProperty(t, '__esModule', { value: !0 });
var o = n(1),
a = r(o),
i = n(0),
l = n(3),
u = r(l),
c = {},
s = function(e) {
var t = e.style;
return a.default.createElement(i.View, {
style: [c.container, t && t],
});
};
(s.propTypes = {
style: i.View.propTypes.style,
}), (c = i.StyleSheet.create({
container: { height: 1, backgroundColor: u.default.grey5 },
})), (t.default = s);
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
Object.defineProperty(t, '__esModule', { value: !0 });
var o =
Object.assign ||
function(e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var r in n)
Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
}
return e;
},
a = n(2),
i = r(a),
l = n(1),
u = r(l),
c = n(0),
s = function(e) {
var t = e.containerStyle,
n = e.size,
r = e.onPress,
a = e.activeOpacity,
i = c.StyleSheet.create({
container: {
flex: n || (t && t.height ? 0 : 1),
flexDirection: 'row',
},
});
return r
? u.default.createElement(
c.TouchableOpacity,
{ style: [i.container, t && t], activeOpacity: a, onPress: r },
u.default.createElement(c.View, e, e.children)
)
: u.default.createElement(
c.View,
o({ style: [i.container, t && t] }, e),
e.children
);
};
(s.propTypes = {
size: i.default.number,
containerStyle: i.default.any,
onPress: i.default.func,
activeOpacity: i.default.number,
children: i.default.any,
}), (s.defaultProps = { activeOpacity: 1 }), (t.default = s);
},
function(e, t, n) {
'use strict';
(function(t) {
var r = n(10), o = r;
'production' !== t.env.NODE_ENV &&
(function() {
var e = function(e) {
for (
var t = arguments.length, n = Array(t > 1 ? t - 1 : 0), r = 1;
r < t;
r++
)
n[r - 1] = arguments[r];
var o = 0,
a =
'Warning: ' +
e.replace(/%s/g, function() {
return n[o++];
});
'undefined' != typeof console && console.error(a);
try {
throw new Error(a);
} catch (e) {}
};
o = function(t, n) {
if (void 0 === n)
throw new Error(
'`warning(condition, format, ...args)` requires a warning message argument'
);
if (0 !== n.indexOf('Failed Composite propType: ') && !t) {
for (
var r = arguments.length, o = Array(r > 2 ? r - 2 : 0), a = 2;
a < r;
a++
)
o[a - 2] = arguments[a];
e.apply(void 0, [n].concat(o));
}
};
})(), (e.exports = o);
}.call(t, n(8)));
},
function(e, t, n) {
e.exports = n.p + 'c7e8afe81209d879d50730c83e87056e.png';
},
function(e, t, n) {
'use strict';
e.exports = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
},
function(e, t) {
e.exports = react - native - tab - navigator;
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
function o(e, t) {
var n = {};
for (var r in e)
t.indexOf(r) >= 0 ||
(Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]));
return n;
}
Object.defineProperty(t, '__esModule', { value: !0 });
var a =
Object.assign ||
function(e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var r in n)
Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
}
return e;
},
i = n(2),
l = r(i),
u = n(1),
c = r(u),
s = n(0),
f = n(7),
d = r(f),
p = n(4),
y = r(p),
h = function(e) {
var t = e.component,
n = e.onPress,
r = e.onLongPress,
i = e.containerStyle,
l = e.icon,
u = e.iconStyle,
f = e.source,
p = e.small,
h = e.medium,
g = e.large,
m = e.xlarge,
b = e.avatarStyle,
v = e.rounded,
S = e.title,
w = e.titleStyle,
T = e.overlayContainerStyle,
C = e.activeOpacity,
O = o(e, [
'component',
'onPress',
'onLongPress',
'containerStyle',
'icon',
'iconStyle',
'source',
'small',
'medium',
'large',
'xlarge',
'avatarStyle',
'rounded',
'title',
'titleStyle',
'overlayContainerStyle',
'activeOpacity',
]),
x = e.width,
P = e.height;
p
? ((x = 34), (P = 34))
: h
? ((x = 50), (P = 50))
: g
? ((x = 75), (P = 75))
: m
? ((x = 150), (P = 150))
: x || P
? x ? P || (P = x) : (x = P)
: ((x = 34), (P = 34));
var E = x / 2, _ = x / 2, k = n || r ? s.TouchableOpacity : s.View;
t && (k = t);
var R = s.StyleSheet.create({
container: {
paddingTop: 10,
paddingRight: 10,
paddingBottom: 10,
backgroundColor: 'transparent',
},
avatar: { width: x, height: P },
overlayContainer: {
flex: 1,
alignItems: 'center',
backgroundColor: 'rgba(0,0,0,0.2)',
alignSelf: 'stretch',
justifyContent: 'center',
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
width: x,
height: P,
},
title: {
color: '#ffffff',
fontSize: E,
backgroundColor: 'rgba(0,0,0,0)',
textAlign: 'center',
},
});
return c.default.createElement(
k,
a(
{
onPress: n,
onLongPress: r,
activeOpacity: C,
style: [R.container, i && i],
},
O
),
c.default.createElement(
s.View,
{
style: [R.overlayContainer, v && { borderRadius: x / 2 }, T && T],
},
(function() {
return f
? c.default.createElement(s.Image, {
style: [R.avatar, v && { borderRadius: x / 2 }, b && b],
source: f,
})
: S
? c.default.createElement(
y.default,
{ style: [R.title, w && w] },
S
)
: l
? c.default.createElement(d.default, {
style: u && u,
color: l.color || 'white',
name: l.name || 'user',
size: l.size || _,
type: l.type && l.type,
})
: void 0;
})()
)
);
};
(h.propTypes = {
component: l.default.func,
width: l.default.number,
height: l.default.number,
onPress: l.default.func,
onLongPress: l.default.func,
containerStyle: l.default.any,
source: s.Image.propTypes.source,
avatarStyle: l.default.any,
rounded: l.default.bool,
title: l.default.string,
titleStyle: s.Text.propTypes.style,
overlayContainerStyle: l.default.any,
activeOpacity: l.default.number,
icon: l.default.object,
iconStyle: s.Text.propTypes.style,
small: l.default.bool,
medium: l.default.bool,
large: l.default.bool,
xlarge: l.default.bool,
}), (t.default = h);
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
function o(e, t) {
var n = {};
for (var r in e)
t.indexOf(r) >= 0 ||
(Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]));
return n;
}
Object.defineProperty(t, '__esModule', { value: !0 });
var a =
Object.assign ||
function(e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var r in n)
Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
}
return e;
},
i = n(2),
l = r(i),
u = n(1),
c = r(u),
s = n(0),
f = n(3),
d = r(f),
p = n(4),
y = r(p),
h = n(5),
g = r(h),
m = function(e) {
var t = e.component,
n = e.buttons,
r = e.onPress,
i = e.selectedIndex,
l = e.containerStyle,
u = e.innerBorderStyle,
f = e.lastBorderStyle,
p = e.buttonStyle,
h = e.textStyle,
g = e.selectedTextStyle,
m = e.selectedBackgroundColor,
v = e.underlayColor,
S = e.activeOpacity,
w = e.onHideUnderlay,
T = e.onShowUnderlay,
C = e.setOpacityTo,
O = e.containerBorderRadius,
x = o(e, [
'component',
'buttons',
'onPress',
'selectedIndex',
'containerStyle',
'innerBorderStyle',
'lastBorderStyle',
'buttonStyle',
'textStyle',
'selectedTextStyle',
'selectedBackgroundColor',
'underlayColor',
'activeOpacity',
'onHideUnderlay',
'onShowUnderlay',
'setOpacityTo',
'containerBorderRadius',
]),
P = t || s.TouchableHighlight;
return c.default.createElement(
s.View,
a({ style: [b.container, l && l] }, x),
n.map(function(e, t) {
return c.default.createElement(
P,
{
activeOpacity: S,
setOpacityTo: C,
onHideUnderlay: w,
onShowUnderlay: T,
underlayColor: v || '#ffffff',
onPress: r
? function() {
return r(t);
}
: function() {},
key: t,
style: [
b.button,
t < n.length - 1 && {
borderRightWidth: (u && u.width) || 1,
borderRightColor: (u && u.color) || d.default.grey4,
},
t === n.length - 1 &&
a({}, f, {
borderTopRightRadius: O || 0,
borderBottomRightRadius: O || 0,
}),
0 === t && {
borderTopLeftRadius: O || 0,
borderBottomLeftRadius: O || 0,
},
i === t && { backgroundColor: m || 'white' },
],
},
c.default.createElement(
s.View,
{ style: [b.textContainer, p && p] },
e.element
? c.default.createElement(e.element, null)
: c.default.createElement(
y.default,
{
style: [
b.buttonText,
h && h,
i === t && { color: d.default.grey1 },
i === t && g,
],
},
e
)
)
);
})
);
},
b = s.StyleSheet.create({
button: { flex: 1 },
textContainer: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
container: {
marginLeft: 10,
marginRight: 10,
marginBottom: 5,
marginTop: 5,
borderColor: '#e3e3e3',
borderWidth: 1,
flexDirection: 'row',
borderRadius: 3,
overflow: 'hidden',
backgroundColor: '#f5f5f5',
height: 40,
},
buttonText: a(
{ fontSize: (0, g.default)(13), color: d.default.grey2 },
s.Platform.select({ ios: { fontWeight: '500' } })
),
});
(m.propTypes = {
button: l.default.object,
component: l.default.any,
onPress: l.default.func,
buttons: l.default.array,
containerStyle: s.View.propTypes.style,
textStyle: s.Text.propTypes.style,
selectedTextStyle: s.Text.propTypes.style,
underlayColor: l.default.string,
selectedIndex: l.default.number,
activeOpacity: l.default.number,
onHideUnderlay: l.default.func,
onShowUnderlay: l.default.func,
setOpacityTo: l.default.any,
innerBorderStyle: l.default.shape({
color: l.default.string,
width: l.default.number,
}),
lastBorderStyle: l.default.oneOfType([
s.View.propTypes.style,
s.Text.propTypes.style,
]),
buttonStyle: s.View.propTypes.style,
selectedBackgroundColor: l.default.string,
containerBorderRadius: l.default.number,
}), (t.default = m);
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
function o(e, t) {
var n = {};
for (var r in e)
t.indexOf(r) >= 0 ||
(Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]));
return n;
}
Object.defineProperty(t, '__esModule', { value: !0 });
var a =
Object.assign ||
function(e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var r in n)
Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
}
return e;
},
i = n(2),
l = r(i),
u = n(1),
c = r(u),
s = n(0),
f = n(4),
d = r(f),
p = n(6),
y = r(p),
h = n(3),
g = r(h),
m = n(12),
b = r(m),
v = n(9),
S = r(v),
w = function(e) {
var t = e.component,
n = e.checked,
r = e.iconRight,
i = e.title,
l = e.center,
u = e.right,
f = e.containerStyle,
p = e.textStyle,
y = e.onIconPress,
h = e.onLongIconPress,
g = e.checkedIcon,
m = e.uncheckedIcon,
v = e.iconType,
w = e.checkedColor,
C = e.uncheckedColor,
O = e.checkedTitle,
x = e.fontFamily,
P = o(e, [
'component',
'checked',
'iconRight',
'title',
'center',
'right',
'containerStyle',
'textStyle',
'onIconPress',
'onLongIconPress',
'checkedIcon',
'uncheckedIcon',
'iconType',
'checkedColor',
'uncheckedColor',
'checkedTitle',
'fontFamily',
]),
E = b.default;
v && (E = (0, S.default)(v));
var _ = t || s.TouchableOpacity, k = m;
return n && (k = g), c.default.createElement(
_,
a({ style: [T.container, f && f] }, P),
c.default.createElement(
s.View,
{
style: [
T.wrapper,
u && { justifyContent: 'flex-end' },
l && { justifyContent: 'center' },
],
},
!r &&
c.default.createElement(E, {
color: n ? w : C,
name: k,
size: 24,
onLongPress: h,
onPress: y,
}),
c.default.createElement(
d.default,
{ style: [T.text, p && p, x && { fontFamily: x }] },
n ? O || i : i
),
r &&
c.default.createElement(E, {
color: n ? w : C,
name: k,
size: 24,
})
)
);
};
(w.defaultProps = {
checked: !1,
iconRight: !1,
right: !1,
center: !1,
checkedColor: 'green',
uncheckedColor: '#bfbfbf',
checkedIcon: 'check-square-o',
uncheckedIcon: 'square-o',
}), (w.propTypes = {
component: l.default.any,
checked: l.default.bool,
iconRight: l.default.bool,
title: l.default.string,
center: l.default.bool,
right: l.default.bool,
containerStyle: s.View.propTypes.style,
textStyle: s.Text.propTypes.style,
checkedIcon: l.default.string,
uncheckedIcon: l.default.string,
iconType: l.default.string,
checkedColor: l.default.string,
uncheckedColor: l.default.string,
checkedTitle: l.default.string,
onIconPress: l.default.func,
onLongIconPress: l.default.func,
fontFamily: l.default.string,
});
var T = s.StyleSheet.create({
wrapper: { flexDirection: 'row', alignItems: 'center' },
container: {
margin: 5,
marginLeft: 10,
marginRight: 10,
backgroundColor: '#fafafa',
borderColor: '#ededed',
borderWidth: 1,
padding: 10,
borderRadius: 3,
},
text: a(
{ marginLeft: 10, marginRight: 10, color: g.default.grey1 },
s.Platform.select({
ios: { fontWeight: 'bold' },
android: a({}, y.default.android.bold),
})
),
});
t.default = w;
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
function o(e, t) {
var n = {};
for (var r in e)
t.indexOf(r) >= 0 ||
(Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]));
return n;
}
Object.defineProperty(t, '__esModule', { value: !0 });
var a =
Object.assign ||
function(e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var r in n)
Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
}
return e;
},
i = n(2),
l = r(i),
u = n(1),
c = r(u),
s = n(0),
f = n(6),
d = r(f),
p = n(3),
y = r(p),
h = n(4),
g = r(h),
m = n(16),
b = r(m),
v = n(5),
S = r(v),
w = function(e) {
var t = e.children,
n = e.flexDirection,
r = e.containerStyle,
i = e.wrapperStyle,
l = e.imageWrapperStyle,
u = e.title,
f = e.titleStyle,
d = e.featuredTitle,
p = e.featuredTitleStyle,
y = e.featuredSubtitle,
h = e.featuredSubtitleStyle,
m = e.dividerStyle,
v = e.image,
S = e.imageStyle,
w = e.fontFamily,
C = o(e, [
'children',
'flexDirection',
'containerStyle',
'wrapperStyle',
'imageWrapperStyle',
'title',
'titleStyle',
'featuredTitle',
'featuredTitleStyle',
'featuredSubtitle',
'featuredSubtitleStyle',
'dividerStyle',
'image',
'imageStyle',
'fontFamily',
]);
return c.default.createElement(
s.View,
a({ style: [T.container, v && { padding: 0 }, r && r] }, C),
c.default.createElement(
s.View,
{ style: [T.wrapper, i && i, n && { flexDirection: n }] },
u &&
c.default.createElement(
s.View,
null,
c.default.createElement(
g.default,
{
style: [
T.cardTitle,
v && T.imageCardTitle,
f && f,
w && { fontFamily: w },
],
},
u
),
!v &&
c.default.createElement(b.default, {
style: [T.divider, m && m],
})
),
v &&
c.default.createElement(
s.View,
{ style: l && l },
c.default.createElement(
s.Image,
{
resizeMode: 'cover',
style: [{ width: null, height: 150 }, S && S],
source: v,
},
c.default.createElement(
s.View,
{ style: T.overlayContainer },
d &&
c.default.createElement(
g.default,
{ style: [T.featuredTitle, p && p] },
d
),
y &&
c.default.createElement(
g.default,
{ style: [T.featuredSubtitle, h && h] },
y
)
)
),
c.default.createElement(
s.View,
{ style: [{ padding: 10 }, i && i] },
t
)
),
!v && t
)
);
};
w.propTypes = {
children: l.default.any,
flexDirection: l.default.string,
containerStyle: s.View.propTypes.style,
wrapperStyle: s.View.propTypes.style,
title: l.default.string,
titleStyle: s.Text.propTypes.style,
featuredTitle: l.default.string,
featuredTitleStyle: g.default.propTypes.style,
featuredSubtitle: l.default.string,
featuredSubtitleStyle: g.default.propTypes.style,
dividerStyle: s.View.propTypes.style,
image: s.Image.propTypes.source,
imageStyle: s.View.propTypes.style,
imageWrapperStyle: s.View.propTypes.style,
fontFamily: l.default.string,
};
var T = s.StyleSheet.create({
container: a(
{
backgroundColor: 'white',
borderColor: y.default.grey5,
borderWidth: 1,
padding: 15,
margin: 15,
marginBottom: 0,
},
s.Platform.select({
ios: {
shadowColor: 'rgba(0,0,0, .2)',
shadowOffset: { height: 0, width: 0 },
shadowOpacity: 1,
shadowRadius: 1,
},
android: { elevation: 1 },
})
),
featuredTitle: a(
{ fontSize: (0, S.default)(18), marginBottom: 8, color: 'white' },
s.Platform.select({
ios: { fontWeight: '800' },
android: a({}, d.default.android.black),
})
),
featuredSubtitle: a(
{ fontSize: (0, S.default)(13), marginBottom: 8, color: 'white' },
s.Platform.select({
ios: { fontWeight: '400' },
android: a({}, d.default.android.black),
})
),
wrapper: { backgroundColor: 'transparent' },
divider: { marginBottom: 15 },
cardTitle: a(
{ fontSize: (0, S.default)(14) },
s.Platform.select({
ios: { fontWeight: 'bold' },
android: a({}, d.default.android.black),
}),
{ textAlign: 'center', marginBottom: 15, color: y.default.grey1 }
),
imageCardTitle: { marginTop: 15 },
overlayContainer: {
flex: 1,
alignItems: 'center',
backgroundColor: 'rgba(0, 0, 0, 0.2)',
alignSelf: 'stretch',
justifyContent: 'center',
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
},
});
t.default = w;
},
function(e, t, n) {
function r(e) {
return e && e.__esModule ? e : { default: e };
}
function o(e, t) {
var n = {};
for (var r in e)
t.indexOf(r) >= 0 ||
(Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]));
return n;
}
function a(e, t) {
if (!(e instanceof t))
throw new TypeError('Cannot call a class as a function');
}
function i(e, t) {
if (!e)
throw new ReferenceError(
"this hasn't been initialised - super() hasn't been called"
);
return !t || ('object' != typeof t && 'function' != typeof t) ? e : t;
}
function l(e, t) {
if ('function' != typeof t && null !== t)
throw new TypeError(
'Super expression must either be null or a function, not ' + typeof t
);
(e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
enumerable: !1,
writable: !0,
configurable: !0,
},
})), t &&
(Object.setPrototypeOf
? Object.setPrototypeOf(e, t)
: (e.__proto__ = t));
}
Object.defineProperty(t, '__esModule', { value: !0 });
var u =
Object.assign ||
function(e) {