ripal-ui 1.1.394 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/components/Alert.jsx +74 -0
- package/components/Avatar.jsx +157 -0
- package/components/Button.jsx +58 -0
- package/components/COLORS.js +138 -0
- package/components/Checkbox.jsx +51 -0
- package/components/Dialog.jsx +221 -0
- package/components/Divider.jsx +62 -0
- package/components/Dropdown.jsx +229 -0
- package/components/Inline.jsx +37 -0
- package/components/Input.jsx +89 -0
- package/components/Rate.jsx +39 -0
- package/components/Slider.jsx +219 -0
- package/components/Switch.jsx +45 -0
- package/components/Table.jsx +67 -0
- package/components/Text.jsx +56 -0
- package/components/Toggle.jsx +88 -0
- package/index.js +16 -2
- package/package.json +20 -20
- package/babel.config.js +0 -3
- package/components/BottomSheet.tsx +0 -197
- package/components/Carousel.tsx +0 -61
- package/components/Circle.tsx +0 -44
- package/components/DatePicker.jsx +0 -181
- package/components/Tab.tsx +0 -90
- package/components/Table.tsx +0 -95
- package/components/index.ts +0 -5
- package/config.js +0 -4
- package/dist/BottomSheet.js +0 -186
- package/dist/Button.js +0 -109
- package/dist/Carousel.js +0 -52
- package/dist/Circle.js +0 -42
- package/dist/DatePicker.js +0 -199
- package/dist/Dialog.js +0 -81
- package/dist/Dropdown.js +0 -97
- package/dist/Inline.js +0 -38
- package/dist/Input.js +0 -88
- package/dist/ProgressBar.js +0 -64
- package/dist/Separator.js +0 -47
- package/dist/Skeleton.js +0 -62
- package/dist/Switch.js +0 -74
- package/dist/Tab.js +0 -85
- package/dist/Table.js +0 -96
- package/dist/Text.js +0 -78
- package/dist/Toast.js +0 -72
- package/dist/Toggle.js +0 -54
- package/dist/index.js +0 -96
- package/elements/Button.tsx +0 -121
- package/elements/ColorPicker.tsx +0 -70
- package/elements/Dialog.tsx +0 -87
- package/elements/Dropdown.tsx +0 -88
- package/elements/Inline.tsx +0 -52
- package/elements/Input.tsx +0 -83
- package/elements/ProgressBar.tsx +0 -52
- package/elements/SecureStorage.js +0 -27
- package/elements/Separator.tsx +0 -71
- package/elements/Skeleton.tsx +0 -64
- package/elements/Slider.tsx +0 -133
- package/elements/Switch.tsx +0 -63
- package/elements/Text.tsx +0 -95
- package/elements/Toast.tsx +0 -71
- package/elements/Toggle.tsx +0 -59
- package/elements/index.js +0 -14
- package/index.d.ts +0 -237
- package/scripts/generateConfig.js +0 -80
package/dist/Dialog.js
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.DialogActions = exports.Dialog = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _config = _interopRequireDefault(require("../config"));
|
|
10
|
-
var _Text = _interopRequireDefault(require("./Text"));
|
|
11
|
-
var _Inline = _interopRequireDefault(require("./Inline"));
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
14
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
17
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
18
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
|
-
var DialogActions = exports.DialogActions = function DialogActions(_ref) {
|
|
20
|
-
var children = _ref.children;
|
|
21
|
-
return /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
|
|
22
|
-
justifyContent: "flex-end",
|
|
23
|
-
gap: 0,
|
|
24
|
-
style: _objectSpread(_objectSpread({}, styles.action_area), {}, {
|
|
25
|
-
paddingTop: 20,
|
|
26
|
-
marginTop: 20 / 2
|
|
27
|
-
})
|
|
28
|
-
}, children);
|
|
29
|
-
};
|
|
30
|
-
var Dialog = exports.Dialog = function Dialog(_ref2) {
|
|
31
|
-
var _ref2$spacer = _ref2.spacer,
|
|
32
|
-
spacer = _ref2$spacer === void 0 ? 20 : _ref2$spacer,
|
|
33
|
-
children = _ref2.children,
|
|
34
|
-
visible = _ref2.visible,
|
|
35
|
-
onDismiss = _ref2.onDismiss;
|
|
36
|
-
if (visible) {
|
|
37
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactNative.TouchableOpacity, {
|
|
38
|
-
style: styles.overlay
|
|
39
|
-
}), /*#__PURE__*/_react["default"].createElement(_reactNative.Pressable, {
|
|
40
|
-
style: styles.container,
|
|
41
|
-
onPress: function onPress() {
|
|
42
|
-
onDismiss();
|
|
43
|
-
}
|
|
44
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactNative.Pressable, {
|
|
45
|
-
style: _objectSpread(_objectSpread({}, styles.content), {}, {
|
|
46
|
-
padding: spacer,
|
|
47
|
-
gap: spacer / 2
|
|
48
|
-
})
|
|
49
|
-
}, children)));
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
var styles = _reactNative.StyleSheet.create({
|
|
53
|
-
overlay: {
|
|
54
|
-
backgroundColor: "#000000aa",
|
|
55
|
-
position: 'absolute',
|
|
56
|
-
top: 0,
|
|
57
|
-
left: 0,
|
|
58
|
-
right: 0,
|
|
59
|
-
bottom: 0,
|
|
60
|
-
zIndex: 10
|
|
61
|
-
},
|
|
62
|
-
container: {
|
|
63
|
-
position: 'absolute',
|
|
64
|
-
top: 0,
|
|
65
|
-
left: 0,
|
|
66
|
-
right: 0,
|
|
67
|
-
bottom: 0,
|
|
68
|
-
zIndex: 15,
|
|
69
|
-
alignItems: 'center',
|
|
70
|
-
justifyContent: 'center'
|
|
71
|
-
},
|
|
72
|
-
content: {
|
|
73
|
-
backgroundColor: '#fff',
|
|
74
|
-
width: '90%',
|
|
75
|
-
borderRadius: 12
|
|
76
|
-
},
|
|
77
|
-
action_area: {
|
|
78
|
-
borderTopWidth: 1,
|
|
79
|
-
borderTopColor: _config["default"].colors.slate[200]
|
|
80
|
-
}
|
|
81
|
-
});
|
package/dist/Dropdown.js
DELETED
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
|
-
var _config = _interopRequireDefault(require("../config"));
|
|
11
|
-
var _Text = _interopRequireDefault(require("./Text"));
|
|
12
|
-
var _Inline = _interopRequireDefault(require("./Inline"));
|
|
13
|
-
var _Ionicons = _interopRequireDefault(require("@expo/vector-icons/Ionicons"));
|
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
18
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
20
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
21
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
23
|
-
var Dropdown = function Dropdown(_ref) {
|
|
24
|
-
var options = _ref.options,
|
|
25
|
-
value = _ref.value,
|
|
26
|
-
setValue = _ref.setValue,
|
|
27
|
-
onChange = _ref.onChange,
|
|
28
|
-
_ref$color = _ref.color,
|
|
29
|
-
color = _ref$color === void 0 ? _config["default"].colors.primary : _ref$color,
|
|
30
|
-
_ref$label = _ref.label,
|
|
31
|
-
label = _ref$label === void 0 ? null : _ref$label,
|
|
32
|
-
_ref$placeholder = _ref.placeholder,
|
|
33
|
-
placeholder = _ref$placeholder === void 0 ? 'Choose' : _ref$placeholder,
|
|
34
|
-
_ref$objectKey = _ref.objectKey,
|
|
35
|
-
objectKey = _ref$objectKey === void 0 ? null : _ref$objectKey,
|
|
36
|
-
_ref$withSearch = _ref.withSearch,
|
|
37
|
-
withSearch = _ref$withSearch === void 0 ? false : _ref$withSearch;
|
|
38
|
-
var _useState = (0, _react.useState)(false),
|
|
39
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
-
isExpanded = _useState2[0],
|
|
41
|
-
setExpanded = _useState2[1];
|
|
42
|
-
var isObject = objectKey === null ? false : true;
|
|
43
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
44
|
-
style: {
|
|
45
|
-
gap: 5
|
|
46
|
-
}
|
|
47
|
-
}, label !== null && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
|
48
|
-
size: 12,
|
|
49
|
-
weight: "400Regular"
|
|
50
|
-
}, label), /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
51
|
-
style: styles.area
|
|
52
|
-
}, /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
|
|
53
|
-
onPress: function onPress() {
|
|
54
|
-
setExpanded(!isExpanded);
|
|
55
|
-
}
|
|
56
|
-
}, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
|
57
|
-
style: {
|
|
58
|
-
flexGrow: 1
|
|
59
|
-
}
|
|
60
|
-
}, value || placeholder), /*#__PURE__*/_react["default"].createElement(_Ionicons["default"], {
|
|
61
|
-
name: isExpanded ? 'chevron-up-outline' : 'chevron-down-outline'
|
|
62
|
-
})), isExpanded && /*#__PURE__*/_react["default"].createElement(_reactNative.ScrollView, {
|
|
63
|
-
style: {
|
|
64
|
-
maxHeight: 200
|
|
65
|
-
}
|
|
66
|
-
}, options.map(function (opt, o) {
|
|
67
|
-
var isActive = isObject ? opt[objectKey] === value : opt === value;
|
|
68
|
-
return /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
|
|
69
|
-
key: o,
|
|
70
|
-
style: styles.item,
|
|
71
|
-
onPress: function onPress() {
|
|
72
|
-
if (onChange) {
|
|
73
|
-
onChange(opt);
|
|
74
|
-
} else {
|
|
75
|
-
setValue(isObject ? opt[objectKey] : opt);
|
|
76
|
-
}
|
|
77
|
-
setExpanded(false);
|
|
78
|
-
}
|
|
79
|
-
}, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
|
80
|
-
weight: isActive ? '600SemiBold' : '400Regular',
|
|
81
|
-
color: isActive ? color : _config["default"].colors.slate[500]
|
|
82
|
-
}, isObject ? opt[objectKey] : opt));
|
|
83
|
-
}))));
|
|
84
|
-
};
|
|
85
|
-
var styles = _reactNative.StyleSheet.create({
|
|
86
|
-
area: {
|
|
87
|
-
padding: 15,
|
|
88
|
-
borderWidth: 1,
|
|
89
|
-
borderColor: _config["default"].colors.slate[200],
|
|
90
|
-
borderRadius: 12,
|
|
91
|
-
gap: 15
|
|
92
|
-
},
|
|
93
|
-
item: {
|
|
94
|
-
height: 40
|
|
95
|
-
}
|
|
96
|
-
});
|
|
97
|
-
var _default = exports["default"] = Dropdown;
|
package/dist/Inline.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
11
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
14
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
15
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
16
|
-
var Inline = function Inline(_ref) {
|
|
17
|
-
var children = _ref.children,
|
|
18
|
-
_ref$alignItems = _ref.alignItems,
|
|
19
|
-
alignItems = _ref$alignItems === void 0 ? "center" : _ref$alignItems,
|
|
20
|
-
_ref$justifyContent = _ref.justifyContent,
|
|
21
|
-
justifyContent = _ref$justifyContent === void 0 ? "flex-start" : _ref$justifyContent,
|
|
22
|
-
_ref$gap = _ref.gap,
|
|
23
|
-
gap = _ref$gap === void 0 ? 20 : _ref$gap,
|
|
24
|
-
style = _ref.style,
|
|
25
|
-
onPress = _ref.onPress,
|
|
26
|
-
onLayout = _ref.onLayout;
|
|
27
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.Pressable, {
|
|
28
|
-
style: _objectSpread({
|
|
29
|
-
flexDirection: 'row',
|
|
30
|
-
alignItems: alignItems,
|
|
31
|
-
justifyContent: justifyContent,
|
|
32
|
-
gap: gap
|
|
33
|
-
}, style),
|
|
34
|
-
onPress: onPress,
|
|
35
|
-
onLayout: onLayout
|
|
36
|
-
}, children);
|
|
37
|
-
};
|
|
38
|
-
var _default = exports["default"] = Inline;
|
package/dist/Input.js
DELETED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
|
-
var _Text = _interopRequireDefault(require("./Text"));
|
|
11
|
-
var _Inline = _interopRequireDefault(require("./Inline"));
|
|
12
|
-
var _config = _interopRequireDefault(require("../config"));
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
19
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
20
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
22
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
24
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
25
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
26
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
27
|
-
var Input = function Input(_ref) {
|
|
28
|
-
var _ref$label = _ref.label,
|
|
29
|
-
label = _ref$label === void 0 ? null : _ref$label,
|
|
30
|
-
_ref$left = _ref.left,
|
|
31
|
-
left = _ref$left === void 0 ? null : _ref$left,
|
|
32
|
-
_ref$right = _ref.right,
|
|
33
|
-
right = _ref$right === void 0 ? null : _ref$right,
|
|
34
|
-
_ref$height = _ref.height,
|
|
35
|
-
height = _ref$height === void 0 ? 50 : _ref$height,
|
|
36
|
-
_ref$placeholder = _ref.placeholder,
|
|
37
|
-
placeholder = _ref$placeholder === void 0 ? null : _ref$placeholder,
|
|
38
|
-
_ref$mode = _ref.mode,
|
|
39
|
-
mode = _ref$mode === void 0 ? "text" : _ref$mode,
|
|
40
|
-
_ref$secureTextEntry = _ref.secureTextEntry,
|
|
41
|
-
secureTextEntry = _ref$secureTextEntry === void 0 ? false : _ref$secureTextEntry,
|
|
42
|
-
onChangeText = _ref.onChangeText;
|
|
43
|
-
var _useState = (0, _react.useState)(false),
|
|
44
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
-
isFocused = _useState2[0],
|
|
46
|
-
setFocused = _useState2[1];
|
|
47
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
48
|
-
style: {
|
|
49
|
-
gap: 5
|
|
50
|
-
}
|
|
51
|
-
}, label !== null && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
|
52
|
-
size: 12,
|
|
53
|
-
weight: "400Regular",
|
|
54
|
-
color: isFocused ? _config["default"].colors.primary : _config["default"].colors.slate[500]
|
|
55
|
-
}, label), /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
|
|
56
|
-
style: _objectSpread(_objectSpread({}, styles.input), {}, {
|
|
57
|
-
borderColor: isFocused ? _config["default"].colors.primary : _config["default"].colors.slate[100]
|
|
58
|
-
})
|
|
59
|
-
}, left !== null && left, /*#__PURE__*/_react["default"].createElement(_reactNative.TextInput, {
|
|
60
|
-
placeholder: placeholder,
|
|
61
|
-
style: {
|
|
62
|
-
height: height,
|
|
63
|
-
flexGrow: 1
|
|
64
|
-
},
|
|
65
|
-
onFocus: function onFocus() {
|
|
66
|
-
return setFocused(true);
|
|
67
|
-
},
|
|
68
|
-
onChangeText: onChangeText,
|
|
69
|
-
onBlur: function onBlur() {
|
|
70
|
-
return setFocused(false);
|
|
71
|
-
},
|
|
72
|
-
inputMode: mode,
|
|
73
|
-
secureTextEntry: secureTextEntry
|
|
74
|
-
}), right !== null && right));
|
|
75
|
-
};
|
|
76
|
-
var styles = _reactNative.StyleSheet.create({
|
|
77
|
-
inline: {
|
|
78
|
-
flexDirection: 'row',
|
|
79
|
-
alignItems: 'center'
|
|
80
|
-
},
|
|
81
|
-
input: {
|
|
82
|
-
flexGrow: 1,
|
|
83
|
-
borderWidth: 1,
|
|
84
|
-
borderRadius: 12,
|
|
85
|
-
paddingHorizontal: 20
|
|
86
|
-
}
|
|
87
|
-
});
|
|
88
|
-
var _default = exports["default"] = Input;
|
package/dist/ProgressBar.js
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
|
-
var _config = _interopRequireDefault(require("../config"));
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
14
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
17
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
18
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
20
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
21
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
22
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
23
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
24
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
25
|
-
var ProgressBar = function ProgressBar(_ref) {
|
|
26
|
-
var value = _ref.value,
|
|
27
|
-
_ref$from = _ref.from,
|
|
28
|
-
from = _ref$from === void 0 ? 100 : _ref$from,
|
|
29
|
-
_ref$size = _ref.size,
|
|
30
|
-
size = _ref$size === void 0 ? 5 : _ref$size,
|
|
31
|
-
style = _ref.style,
|
|
32
|
-
_ref$percentage = _ref.percentage,
|
|
33
|
-
percentage = _ref$percentage === void 0 ? null : _ref$percentage;
|
|
34
|
-
var _useState = (0, _react.useState)(null),
|
|
35
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
36
|
-
percent = _useState2[0],
|
|
37
|
-
setPercent = _useState2[1];
|
|
38
|
-
(0, _react.useEffect)(function () {
|
|
39
|
-
if (percent == null) {
|
|
40
|
-
setPercent(value / from * 100);
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
44
|
-
style: _objectSpread(_objectSpread(_objectSpread({}, barStyle.area), style), {}, {
|
|
45
|
-
height: size
|
|
46
|
-
})
|
|
47
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
48
|
-
style: _objectSpread(_objectSpread({}, barStyle.value), {}, {
|
|
49
|
-
width: "".concat(percent, "%"),
|
|
50
|
-
height: size
|
|
51
|
-
})
|
|
52
|
-
}));
|
|
53
|
-
};
|
|
54
|
-
var barStyle = _reactNative.StyleSheet.create({
|
|
55
|
-
area: {
|
|
56
|
-
backgroundColor: _config["default"].colors.slate[200],
|
|
57
|
-
height: 5,
|
|
58
|
-
flexGrow: 1
|
|
59
|
-
},
|
|
60
|
-
value: {
|
|
61
|
-
backgroundColor: _config["default"].colors.primary
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
var _default = exports["default"] = ProgressBar;
|
package/dist/Separator.js
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _Inline = _interopRequireDefault(require("./Inline"));
|
|
10
|
-
var _config = _interopRequireDefault(require("../config"));
|
|
11
|
-
var _Text = _interopRequireDefault(require("./Text"));
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
-
var Separator = function Separator(_ref) {
|
|
15
|
-
var children = _ref.children,
|
|
16
|
-
_ref$width = _ref.width,
|
|
17
|
-
width = _ref$width === void 0 ? "100%" : _ref$width,
|
|
18
|
-
_ref$space = _ref.space,
|
|
19
|
-
space = _ref$space === void 0 ? 20 : _ref$space,
|
|
20
|
-
_ref$height = _ref.height,
|
|
21
|
-
height = _ref$height === void 0 ? 1 : _ref$height,
|
|
22
|
-
_ref$color = _ref.color,
|
|
23
|
-
color = _ref$color === void 0 ? _config["default"].colors.slate[200] : _ref$color,
|
|
24
|
-
textProps = _ref.textProps;
|
|
25
|
-
return /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
|
|
26
|
-
justifyContent: "center"
|
|
27
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
28
|
-
style: {
|
|
29
|
-
backgroundColor: color,
|
|
30
|
-
width: width,
|
|
31
|
-
height: height,
|
|
32
|
-
marginVertical: space
|
|
33
|
-
}
|
|
34
|
-
}), children && /*#__PURE__*/_react["default"].createElement(_Text["default"], _extends({
|
|
35
|
-
size: 12,
|
|
36
|
-
style: {
|
|
37
|
-
position: 'absolute',
|
|
38
|
-
backgroundColor: '#fff',
|
|
39
|
-
padding: 10,
|
|
40
|
-
paddingHorizontal: 20
|
|
41
|
-
}
|
|
42
|
-
}, textProps), children));
|
|
43
|
-
};
|
|
44
|
-
var styles = _reactNative.StyleSheet.create({
|
|
45
|
-
//
|
|
46
|
-
});
|
|
47
|
-
var _default = exports["default"] = Separator;
|
package/dist/Skeleton.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
|
-
var _config = _interopRequireDefault(require("../config"));
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
14
|
-
var Skeleton = function Skeleton(_ref) {
|
|
15
|
-
var _ref$color = _ref.color,
|
|
16
|
-
color = _ref$color === void 0 ? _config["default"].colors.slate[200] : _ref$color,
|
|
17
|
-
_ref$rounded = _ref.rounded,
|
|
18
|
-
rounded = _ref$rounded === void 0 ? 8 : _ref$rounded,
|
|
19
|
-
_ref$width = _ref.width,
|
|
20
|
-
width = _ref$width === void 0 ? "".concat(Math.floor(Math.random() * (99 - 11 + 1)) + 11, "%") : _ref$width,
|
|
21
|
-
_ref$height = _ref.height,
|
|
22
|
-
height = _ref$height === void 0 ? 20 : _ref$height,
|
|
23
|
-
_ref$aspectRatio = _ref.aspectRatio,
|
|
24
|
-
aspectRatio = _ref$aspectRatio === void 0 ? null : _ref$aspectRatio;
|
|
25
|
-
var aspectRatioStyles = {
|
|
26
|
-
aspectRatio: aspectRatio
|
|
27
|
-
};
|
|
28
|
-
var heightStyles = {
|
|
29
|
-
height: height
|
|
30
|
-
};
|
|
31
|
-
var opacity = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
|
|
32
|
-
var defaultStyles = {
|
|
33
|
-
backgroundColor: color,
|
|
34
|
-
width: width,
|
|
35
|
-
borderRadius: rounded,
|
|
36
|
-
opacity: opacity
|
|
37
|
-
};
|
|
38
|
-
(0, _react.useEffect)(function () {
|
|
39
|
-
var _bounce = function bounce() {
|
|
40
|
-
opacity.setValue(1);
|
|
41
|
-
_reactNative.Animated.timing(opacity, {
|
|
42
|
-
toValue: 0.4,
|
|
43
|
-
duration: 1000,
|
|
44
|
-
useNativeDriver: true
|
|
45
|
-
}).start(function () {
|
|
46
|
-
_reactNative.Animated.timing(opacity, {
|
|
47
|
-
toValue: 0.8,
|
|
48
|
-
duration: 1000,
|
|
49
|
-
useNativeDriver: true
|
|
50
|
-
}).start(_bounce);
|
|
51
|
-
});
|
|
52
|
-
};
|
|
53
|
-
_bounce();
|
|
54
|
-
}, [opacity]);
|
|
55
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.Animated.View, {
|
|
56
|
-
style: aspectRatio === null ? [defaultStyles, heightStyles] : [defaultStyles, aspectRatioStyles]
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
var styles = _reactNative.StyleSheet.create({
|
|
60
|
-
//
|
|
61
|
-
});
|
|
62
|
-
var _default = exports["default"] = Skeleton;
|
package/dist/Switch.js
DELETED
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
|
-
var _config = _interopRequireDefault(require("../config"));
|
|
11
|
-
var _Inline = _interopRequireDefault(require("./Inline"));
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
18
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
19
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
20
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
21
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
22
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
23
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
24
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
25
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
26
|
-
var Switch = function Switch(_ref) {
|
|
27
|
-
var _ref$active = _ref.active,
|
|
28
|
-
active = _ref$active === void 0 ? false : _ref$active,
|
|
29
|
-
_ref$size = _ref.size,
|
|
30
|
-
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
31
|
-
_ref$spacer = _ref.spacer,
|
|
32
|
-
spacer = _ref$spacer === void 0 ? 5 : _ref$spacer,
|
|
33
|
-
_ref$onChange = _ref.onChange,
|
|
34
|
-
onChange = _ref$onChange === void 0 ? null : _ref$onChange;
|
|
35
|
-
var _useState = (0, _react.useState)(active),
|
|
36
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
37
|
-
isActive = _useState2[0],
|
|
38
|
-
setActive = _useState2[1];
|
|
39
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.Pressable, {
|
|
40
|
-
onPress: function onPress() {
|
|
41
|
-
setActive(!isActive);
|
|
42
|
-
if (onChange !== null) {
|
|
43
|
-
onChange();
|
|
44
|
-
}
|
|
45
|
-
console.log('hehe');
|
|
46
|
-
}
|
|
47
|
-
}, /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
|
|
48
|
-
style: {
|
|
49
|
-
backgroundColor: isActive ? _config["default"].colors.green[500] : _config["default"].colors.slate[200],
|
|
50
|
-
padding: spacer,
|
|
51
|
-
borderRadius: 999,
|
|
52
|
-
width: size * 2 + spacer + 5
|
|
53
|
-
}
|
|
54
|
-
}, isActive && /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
55
|
-
style: {
|
|
56
|
-
flexGrow: 1
|
|
57
|
-
}
|
|
58
|
-
}), /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
59
|
-
style: _objectSpread({
|
|
60
|
-
height: size
|
|
61
|
-
}, styles.circle)
|
|
62
|
-
})));
|
|
63
|
-
};
|
|
64
|
-
var styles = _reactNative.StyleSheet.create({
|
|
65
|
-
area: {
|
|
66
|
-
backgroundColor: _config["default"].colors.slate[100]
|
|
67
|
-
},
|
|
68
|
-
circle: {
|
|
69
|
-
backgroundColor: '#fff',
|
|
70
|
-
aspectRatio: 1,
|
|
71
|
-
borderRadius: 9999
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
var _default = exports["default"] = Switch;
|