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.
Files changed (65) hide show
  1. package/README.md +3 -0
  2. package/components/Alert.jsx +74 -0
  3. package/components/Avatar.jsx +157 -0
  4. package/components/Button.jsx +58 -0
  5. package/components/COLORS.js +138 -0
  6. package/components/Checkbox.jsx +51 -0
  7. package/components/Dialog.jsx +221 -0
  8. package/components/Divider.jsx +62 -0
  9. package/components/Dropdown.jsx +229 -0
  10. package/components/Inline.jsx +37 -0
  11. package/components/Input.jsx +89 -0
  12. package/components/Rate.jsx +39 -0
  13. package/components/Slider.jsx +219 -0
  14. package/components/Switch.jsx +45 -0
  15. package/components/Table.jsx +67 -0
  16. package/components/Text.jsx +56 -0
  17. package/components/Toggle.jsx +88 -0
  18. package/index.js +16 -2
  19. package/package.json +20 -20
  20. package/babel.config.js +0 -3
  21. package/components/BottomSheet.tsx +0 -197
  22. package/components/Carousel.tsx +0 -61
  23. package/components/Circle.tsx +0 -44
  24. package/components/DatePicker.jsx +0 -181
  25. package/components/Tab.tsx +0 -90
  26. package/components/Table.tsx +0 -95
  27. package/components/index.ts +0 -5
  28. package/config.js +0 -4
  29. package/dist/BottomSheet.js +0 -186
  30. package/dist/Button.js +0 -109
  31. package/dist/Carousel.js +0 -52
  32. package/dist/Circle.js +0 -42
  33. package/dist/DatePicker.js +0 -199
  34. package/dist/Dialog.js +0 -81
  35. package/dist/Dropdown.js +0 -97
  36. package/dist/Inline.js +0 -38
  37. package/dist/Input.js +0 -88
  38. package/dist/ProgressBar.js +0 -64
  39. package/dist/Separator.js +0 -47
  40. package/dist/Skeleton.js +0 -62
  41. package/dist/Switch.js +0 -74
  42. package/dist/Tab.js +0 -85
  43. package/dist/Table.js +0 -96
  44. package/dist/Text.js +0 -78
  45. package/dist/Toast.js +0 -72
  46. package/dist/Toggle.js +0 -54
  47. package/dist/index.js +0 -96
  48. package/elements/Button.tsx +0 -121
  49. package/elements/ColorPicker.tsx +0 -70
  50. package/elements/Dialog.tsx +0 -87
  51. package/elements/Dropdown.tsx +0 -88
  52. package/elements/Inline.tsx +0 -52
  53. package/elements/Input.tsx +0 -83
  54. package/elements/ProgressBar.tsx +0 -52
  55. package/elements/SecureStorage.js +0 -27
  56. package/elements/Separator.tsx +0 -71
  57. package/elements/Skeleton.tsx +0 -64
  58. package/elements/Slider.tsx +0 -133
  59. package/elements/Switch.tsx +0 -63
  60. package/elements/Text.tsx +0 -95
  61. package/elements/Toast.tsx +0 -71
  62. package/elements/Toggle.tsx +0 -59
  63. package/elements/index.js +0 -14
  64. package/index.d.ts +0 -237
  65. 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;
@@ -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;