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/BottomSheet.js
DELETED
|
@@ -1,186 +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 _elements = require("../elements");
|
|
11
|
-
var _config = _interopRequireDefault(require("../config"));
|
|
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 _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); }
|
|
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 _Dimensions$get = _reactNative.Dimensions.get('window'),
|
|
28
|
-
screenHeight = _Dimensions$get.height;
|
|
29
|
-
var BottomSheet = function BottomSheet(_ref) {
|
|
30
|
-
var isVisible = _ref.isVisible,
|
|
31
|
-
onClose = _ref.onClose,
|
|
32
|
-
children = _ref.children,
|
|
33
|
-
_ref$height = _ref.height,
|
|
34
|
-
height = _ref$height === void 0 ? 'auto' : _ref$height,
|
|
35
|
-
_ref$scroll = _ref.scroll,
|
|
36
|
-
scroll = _ref$scroll === void 0 ? false : _ref$scroll,
|
|
37
|
-
style = _ref.style,
|
|
38
|
-
contentContainerStyle = _ref.contentContainerStyle;
|
|
39
|
-
var _useState = (0, _react.useState)(isVisible),
|
|
40
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
41
|
-
visible = _useState2[0],
|
|
42
|
-
setVisible = _useState2[1];
|
|
43
|
-
var translateY = (0, _react.useRef)(new _reactNative.Animated.Value(screenHeight)).current;
|
|
44
|
-
var scrollOffset = (0, _react.useRef)(0); // Keep track of ScrollView offset
|
|
45
|
-
var keyboardHeight = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current; // Use Animated.Value for keyboard height
|
|
46
|
-
|
|
47
|
-
// Create a PanResponder to handle the dragging gesture
|
|
48
|
-
var panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
|
|
49
|
-
onMoveShouldSetPanResponder: function onMoveShouldSetPanResponder(evt, gestureState) {
|
|
50
|
-
return Math.abs(gestureState.dy) > 5;
|
|
51
|
-
},
|
|
52
|
-
onPanResponderMove: function onPanResponderMove(evt, gestureState) {
|
|
53
|
-
translateY.setValue(Math.max(gestureState.dy, 0));
|
|
54
|
-
},
|
|
55
|
-
onPanResponderRelease: function onPanResponderRelease(evt, gestureState) {
|
|
56
|
-
var isClosing = gestureState.dy > 100;
|
|
57
|
-
if (isClosing) {
|
|
58
|
-
_reactNative.Animated.timing(translateY, {
|
|
59
|
-
toValue: screenHeight,
|
|
60
|
-
duration: 300,
|
|
61
|
-
useNativeDriver: false
|
|
62
|
-
}).start(function () {
|
|
63
|
-
return setVisible(false);
|
|
64
|
-
});
|
|
65
|
-
onClose();
|
|
66
|
-
} else {
|
|
67
|
-
_reactNative.Animated.timing(translateY, {
|
|
68
|
-
toValue: 0,
|
|
69
|
-
duration: 300,
|
|
70
|
-
useNativeDriver: false
|
|
71
|
-
}).start();
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
})).current;
|
|
75
|
-
(0, _react.useEffect)(function () {
|
|
76
|
-
if (isVisible) {
|
|
77
|
-
setVisible(true);
|
|
78
|
-
_reactNative.Animated.timing(translateY, {
|
|
79
|
-
toValue: 0,
|
|
80
|
-
duration: 300,
|
|
81
|
-
useNativeDriver: false
|
|
82
|
-
}).start();
|
|
83
|
-
} else {
|
|
84
|
-
_reactNative.Animated.timing(translateY, {
|
|
85
|
-
toValue: screenHeight,
|
|
86
|
-
duration: 300,
|
|
87
|
-
useNativeDriver: false
|
|
88
|
-
}).start(function () {
|
|
89
|
-
return setVisible(false);
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
}, [isVisible]);
|
|
93
|
-
(0, _react.useEffect)(function () {
|
|
94
|
-
// Handle keyboard show and hide
|
|
95
|
-
var keyboardDidShowListener = _reactNative.Keyboard.addListener('keyboardDidShow', function (event) {
|
|
96
|
-
_reactNative.Animated.timing(keyboardHeight, {
|
|
97
|
-
toValue: event.endCoordinates.height,
|
|
98
|
-
duration: 300,
|
|
99
|
-
useNativeDriver: false // Layout animation
|
|
100
|
-
}).start();
|
|
101
|
-
});
|
|
102
|
-
var keyboardDidHideListener = _reactNative.Keyboard.addListener('keyboardDidHide', function () {
|
|
103
|
-
_reactNative.Animated.timing(keyboardHeight, {
|
|
104
|
-
toValue: 0,
|
|
105
|
-
duration: 300,
|
|
106
|
-
useNativeDriver: false // Layout animation
|
|
107
|
-
}).start();
|
|
108
|
-
});
|
|
109
|
-
|
|
110
|
-
// Cleanup listeners on component unmount
|
|
111
|
-
return function () {
|
|
112
|
-
keyboardDidShowListener.remove();
|
|
113
|
-
keyboardDidHideListener.remove();
|
|
114
|
-
};
|
|
115
|
-
}, []);
|
|
116
|
-
if (!visible) return null;
|
|
117
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
118
|
-
style: _reactNative.StyleSheet.absoluteFill
|
|
119
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactNative.TouchableWithoutFeedback, {
|
|
120
|
-
onPress: function onPress() {
|
|
121
|
-
return onClose();
|
|
122
|
-
}
|
|
123
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
124
|
-
style: styles.overlay
|
|
125
|
-
})), /*#__PURE__*/_react["default"].createElement(_reactNative.Animated.View, _extends({}, panResponder.panHandlers, {
|
|
126
|
-
style: [styles.sheet, _objectSpread({
|
|
127
|
-
height: height
|
|
128
|
-
}, style), {
|
|
129
|
-
transform: [{
|
|
130
|
-
translateY: translateY
|
|
131
|
-
}, {
|
|
132
|
-
translateY: keyboardHeight.interpolate({
|
|
133
|
-
inputRange: [0, 1],
|
|
134
|
-
outputRange: [0, -1] // Interpolate for smoother transition
|
|
135
|
-
})
|
|
136
|
-
}]
|
|
137
|
-
}]
|
|
138
|
-
}), /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
139
|
-
style: styles.dragIndicatorContainer
|
|
140
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactNative.TouchableWithoutFeedback, panResponder.panHandlers, /*#__PURE__*/_react["default"].createElement(_elements.Separator, {
|
|
141
|
-
height: 6,
|
|
142
|
-
style: {
|
|
143
|
-
borderRadius: 99
|
|
144
|
-
},
|
|
145
|
-
width: "12%",
|
|
146
|
-
color: _config["default"].colors.slate[300]
|
|
147
|
-
}))), /*#__PURE__*/_react["default"].createElement(_reactNative.TouchableWithoutFeedback, {
|
|
148
|
-
onPress: _reactNative.Keyboard.dismiss
|
|
149
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactNative.View, null, scroll ? /*#__PURE__*/_react["default"].createElement(_reactNative.ScrollView, {
|
|
150
|
-
onScroll: function onScroll(e) {
|
|
151
|
-
return scrollOffset.current = e.nativeEvent.contentOffset.y;
|
|
152
|
-
} // Update scrollOffset correctly
|
|
153
|
-
,
|
|
154
|
-
scrollEventThrottle: 16,
|
|
155
|
-
showsVerticalScrollIndicator: false,
|
|
156
|
-
contentContainerStyle: contentContainerStyle
|
|
157
|
-
}, children) : children))));
|
|
158
|
-
};
|
|
159
|
-
var styles = _reactNative.StyleSheet.create({
|
|
160
|
-
overlay: _objectSpread(_objectSpread({}, _reactNative.StyleSheet.absoluteFillObject), {}, {
|
|
161
|
-
backgroundColor: 'rgba(0, 0, 0, 0.7)' // Semi-transparent black
|
|
162
|
-
}),
|
|
163
|
-
sheet: {
|
|
164
|
-
position: 'absolute',
|
|
165
|
-
bottom: 0,
|
|
166
|
-
left: 0,
|
|
167
|
-
right: 0,
|
|
168
|
-
paddingHorizontal: 20,
|
|
169
|
-
paddingBottom: 20,
|
|
170
|
-
backgroundColor: '#fff',
|
|
171
|
-
borderTopLeftRadius: 20,
|
|
172
|
-
borderTopRightRadius: 20,
|
|
173
|
-
elevation: 5
|
|
174
|
-
},
|
|
175
|
-
content: {
|
|
176
|
-
flex: 1,
|
|
177
|
-
justifyContent: 'center',
|
|
178
|
-
alignItems: 'center'
|
|
179
|
-
},
|
|
180
|
-
dragIndicatorContainer: {
|
|
181
|
-
width: '100%',
|
|
182
|
-
alignItems: 'center',
|
|
183
|
-
paddingVertical: 10
|
|
184
|
-
}
|
|
185
|
-
});
|
|
186
|
-
var _default = exports["default"] = BottomSheet;
|
package/dist/Button.js
DELETED
|
@@ -1,109 +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 _config = _interopRequireDefault(require("../config"));
|
|
10
|
-
var _Text = _interopRequireDefault(require("./Text"));
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
|
-
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); }
|
|
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
|
-
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 Button = function Button(_ref) {
|
|
20
|
-
var children = _ref.children,
|
|
21
|
-
_ref$accent = _ref.accent,
|
|
22
|
-
accent = _ref$accent === void 0 ? 'primary' : _ref$accent,
|
|
23
|
-
onPress = _ref.onPress,
|
|
24
|
-
onLongPress = _ref.onLongPress,
|
|
25
|
-
_ref$color = _ref.color,
|
|
26
|
-
color = _ref$color === void 0 ? _config["default"].colors.primary : _ref$color,
|
|
27
|
-
_ref$height = _ref.height,
|
|
28
|
-
height = _ref$height === void 0 ? 50 : _ref$height,
|
|
29
|
-
_ref$circle = _ref.circle,
|
|
30
|
-
circle = _ref$circle === void 0 ? false : _ref$circle,
|
|
31
|
-
_ref$justifyContent = _ref.justifyContent,
|
|
32
|
-
justifyContent = _ref$justifyContent === void 0 ? 'center' : _ref$justifyContent,
|
|
33
|
-
style = _ref.style,
|
|
34
|
-
textProps = _ref.textProps;
|
|
35
|
-
var getAccentStyle = function getAccentStyle() {
|
|
36
|
-
switch (accent) {
|
|
37
|
-
case 'primary':
|
|
38
|
-
return {
|
|
39
|
-
backgroundColor: color,
|
|
40
|
-
borderColor: color,
|
|
41
|
-
color: '#fff'
|
|
42
|
-
};
|
|
43
|
-
case 'secondary':
|
|
44
|
-
return {
|
|
45
|
-
backgroundColor: '#fff',
|
|
46
|
-
borderColor: color,
|
|
47
|
-
color: color
|
|
48
|
-
};
|
|
49
|
-
case 'tertiary':
|
|
50
|
-
return {
|
|
51
|
-
backgroundColor: '#fff',
|
|
52
|
-
color: color,
|
|
53
|
-
borderColor: _config["default"].colors.transparent
|
|
54
|
-
};
|
|
55
|
-
default:
|
|
56
|
-
return {};
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
var getColorStyle = function getColorStyle() {
|
|
60
|
-
switch (color) {
|
|
61
|
-
case 'red':
|
|
62
|
-
return {
|
|
63
|
-
backgroundColor: '#e74c3c',
|
|
64
|
-
borderColor: '#e74c3c'
|
|
65
|
-
};
|
|
66
|
-
case 'green':
|
|
67
|
-
return {
|
|
68
|
-
backgroundColor: '#2ecc71',
|
|
69
|
-
borderColor: '#2ecc71'
|
|
70
|
-
};
|
|
71
|
-
case 'white':
|
|
72
|
-
return {
|
|
73
|
-
backgroundColor: '#fff',
|
|
74
|
-
borderColor: '#fff'
|
|
75
|
-
};
|
|
76
|
-
default:
|
|
77
|
-
return {};
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.TouchableOpacity, {
|
|
81
|
-
onPress: onPress,
|
|
82
|
-
onLongPress: onLongPress,
|
|
83
|
-
style: [styles.button, getAccentStyle(), getColorStyle(), _objectSpread({
|
|
84
|
-
height: height,
|
|
85
|
-
aspectRatio: circle ? 1 : 'auto',
|
|
86
|
-
borderRadius: circle ? 999 : 12,
|
|
87
|
-
justifyContent: justifyContent
|
|
88
|
-
}, style)]
|
|
89
|
-
}, /*#__PURE__*/_react["default"].createElement(_Text["default"], _extends({}, textProps, {
|
|
90
|
-
color: accent === "primary" ? "#fff" : color,
|
|
91
|
-
style: styles.text,
|
|
92
|
-
weight: "600SemiBold"
|
|
93
|
-
}), children));
|
|
94
|
-
};
|
|
95
|
-
var styles = _reactNative.StyleSheet.create({
|
|
96
|
-
button: {
|
|
97
|
-
paddingHorizontal: 20,
|
|
98
|
-
height: 50,
|
|
99
|
-
borderRadius: 8,
|
|
100
|
-
fontWeight: '600',
|
|
101
|
-
fontSize: 14,
|
|
102
|
-
display: 'flex',
|
|
103
|
-
flexDirection: 'row',
|
|
104
|
-
alignItems: 'center',
|
|
105
|
-
justifyContent: 'center',
|
|
106
|
-
borderWidth: 1
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
|
-
var _default = exports["default"] = Button;
|
package/dist/Carousel.js
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.CarouselItem = exports.Carousel = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _elements = require("../elements");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
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; }
|
|
14
|
-
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; }
|
|
15
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
16
|
-
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); }
|
|
17
|
-
var CarouselItem = exports.CarouselItem = function CarouselItem(_ref) {
|
|
18
|
-
var children = _ref.children,
|
|
19
|
-
itemWidth = _ref.itemWidth,
|
|
20
|
-
onPress = _ref.onPress,
|
|
21
|
-
style = _ref.style;
|
|
22
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.Pressable, {
|
|
23
|
-
style: _objectSpread({
|
|
24
|
-
width: itemWidth
|
|
25
|
-
}, style),
|
|
26
|
-
onPress: onPress
|
|
27
|
-
}, children);
|
|
28
|
-
};
|
|
29
|
-
var Carousel = exports.Carousel = function Carousel(_ref2) {
|
|
30
|
-
var children = _ref2.children,
|
|
31
|
-
_ref2$itemWidth = _ref2.itemWidth,
|
|
32
|
-
itemWidth = _ref2$itemWidth === void 0 ? 60 / 100 * _reactNative.Dimensions.get('window').width : _ref2$itemWidth,
|
|
33
|
-
_ref2$showIndicator = _ref2.showIndicator,
|
|
34
|
-
showIndicator = _ref2$showIndicator === void 0 ? false : _ref2$showIndicator;
|
|
35
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.ScrollView, {
|
|
36
|
-
horizontal: true,
|
|
37
|
-
showsHorizontalScrollIndicator: showIndicator,
|
|
38
|
-
contentContainerStyle: styles.container
|
|
39
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactNative.View, null), _react["default"].Children.map(children, function (child) {
|
|
40
|
-
return /*#__PURE__*/_react["default"].cloneElement(child, {
|
|
41
|
-
itemWidth: itemWidth
|
|
42
|
-
});
|
|
43
|
-
}), /*#__PURE__*/_react["default"].createElement(_reactNative.View, null));
|
|
44
|
-
};
|
|
45
|
-
var styles = _reactNative.StyleSheet.create({
|
|
46
|
-
area: {
|
|
47
|
-
//
|
|
48
|
-
},
|
|
49
|
-
container: {
|
|
50
|
-
gap: 20
|
|
51
|
-
}
|
|
52
|
-
});
|
package/dist/Circle.js
DELETED
|
@@ -1,42 +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 _config = _interopRequireDefault(require("../config"));
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
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; }
|
|
14
|
-
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; }
|
|
15
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
16
|
-
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); }
|
|
17
|
-
var Circle = function Circle(_ref) {
|
|
18
|
-
var _ref$size = _ref.size,
|
|
19
|
-
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
20
|
-
_ref$color = _ref.color,
|
|
21
|
-
color = _ref$color === void 0 ? _config["default"].colors.primary : _ref$color,
|
|
22
|
-
children = _ref.children,
|
|
23
|
-
onPress = _ref.onPress,
|
|
24
|
-
_ref$rounded = _ref.rounded,
|
|
25
|
-
rounded = _ref$rounded === void 0 ? 999 : _ref$rounded;
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.Pressable, {
|
|
27
|
-
onPress: onPress,
|
|
28
|
-
style: _objectSpread(_objectSpread({}, styles.area), {}, {
|
|
29
|
-
backgroundColor: color,
|
|
30
|
-
height: size,
|
|
31
|
-
borderRadius: rounded
|
|
32
|
-
})
|
|
33
|
-
}, children);
|
|
34
|
-
};
|
|
35
|
-
var styles = _reactNative.StyleSheet.create({
|
|
36
|
-
area: {
|
|
37
|
-
aspectRatio: 1,
|
|
38
|
-
alignItems: 'center',
|
|
39
|
-
justifyContent: 'center'
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
var _default = exports["default"] = Circle;
|
package/dist/DatePicker.js
DELETED
|
@@ -1,199 +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 _moment = _interopRequireDefault(require("moment"));
|
|
11
|
-
var _config = _interopRequireDefault(require("../config"));
|
|
12
|
-
var _Text = _interopRequireDefault(require("../elements/Text"));
|
|
13
|
-
var _Circle = _interopRequireDefault(require("./Circle"));
|
|
14
|
-
var _vectorIcons = require("@expo/vector-icons");
|
|
15
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
16
|
-
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); }
|
|
17
|
-
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; }
|
|
18
|
-
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; }
|
|
19
|
-
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; }
|
|
20
|
-
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; }
|
|
21
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
22
|
-
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); }
|
|
23
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
24
|
-
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."); }
|
|
25
|
-
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; } }
|
|
26
|
-
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; }
|
|
27
|
-
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; } }
|
|
28
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
29
|
-
// Calendar component
|
|
30
|
-
var CalendarView = function CalendarView() {
|
|
31
|
-
var _useState = (0, _react.useState)((0, _moment["default"])()),
|
|
32
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
33
|
-
selectedDate = _useState2[0],
|
|
34
|
-
setSelectedDate = _useState2[1];
|
|
35
|
-
|
|
36
|
-
// Get the start of the current month
|
|
37
|
-
var startOfMonth = selectedDate.clone().startOf('month');
|
|
38
|
-
|
|
39
|
-
// Get the days to display in the calendar
|
|
40
|
-
var daysInMonth = selectedDate.daysInMonth();
|
|
41
|
-
var startDayOfWeek = startOfMonth.day(); // Get the day of the week (0-6)
|
|
42
|
-
|
|
43
|
-
// Get current day (to highlight it)
|
|
44
|
-
var currentDay = (0, _moment["default"])();
|
|
45
|
-
|
|
46
|
-
// Function to handle month navigation
|
|
47
|
-
var changeMonth = function changeMonth(direction) {
|
|
48
|
-
var newDate = selectedDate.clone().add(direction, 'month');
|
|
49
|
-
setSelectedDate(newDate);
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
// Function to handle date selection
|
|
53
|
-
var selectDate = function selectDate(day) {
|
|
54
|
-
var newSelectedDate = selectedDate.clone().date(day);
|
|
55
|
-
setSelectedDate(newSelectedDate);
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
// Render the day headers (Sun, Mon, etc.)
|
|
59
|
-
var renderDayHeaders = function renderDayHeaders() {
|
|
60
|
-
var dayNames = _moment["default"].weekdaysShort(); // ['Sun', 'Mon', ...]
|
|
61
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
62
|
-
style: styles.dayHeaderRow
|
|
63
|
-
}, dayNames.map(function (day, index) {
|
|
64
|
-
return /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
|
65
|
-
weight: "600SemiBold",
|
|
66
|
-
color: _config["default"].colors.slate[600],
|
|
67
|
-
key: index
|
|
68
|
-
}, day);
|
|
69
|
-
}));
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
// Generate the list of days for the calendar (including blank days for padding)
|
|
73
|
-
var renderCalendarDays = function renderCalendarDays() {
|
|
74
|
-
var days = [];
|
|
75
|
-
// Add blank spaces for the days before the start of the month
|
|
76
|
-
for (var i = 0; i < startDayOfWeek; i++) {
|
|
77
|
-
days.push(null);
|
|
78
|
-
}
|
|
79
|
-
// Add actual days of the month
|
|
80
|
-
for (var _i = 1; _i <= daysInMonth; _i++) {
|
|
81
|
-
days.push(_i);
|
|
82
|
-
}
|
|
83
|
-
return days;
|
|
84
|
-
};
|
|
85
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
86
|
-
style: styles.container
|
|
87
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
88
|
-
style: styles.monthContainer
|
|
89
|
-
}, /*#__PURE__*/_react["default"].createElement(_Circle["default"], {
|
|
90
|
-
color: "#fff",
|
|
91
|
-
onPress: function onPress() {
|
|
92
|
-
return changeMonth(-1);
|
|
93
|
-
}
|
|
94
|
-
}, /*#__PURE__*/_react["default"].createElement(_vectorIcons.Ionicons, {
|
|
95
|
-
name: "chevron-back-outline"
|
|
96
|
-
})), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
|
97
|
-
style: {
|
|
98
|
-
flexGrow: 1
|
|
99
|
-
},
|
|
100
|
-
align: "center",
|
|
101
|
-
color: _config["default"].colors.primary,
|
|
102
|
-
weight: "600SemiBold"
|
|
103
|
-
}, selectedDate.format('MMMM YYYY')), /*#__PURE__*/_react["default"].createElement(_Circle["default"], {
|
|
104
|
-
color: "#fff",
|
|
105
|
-
onPress: function onPress() {
|
|
106
|
-
return changeMonth(1);
|
|
107
|
-
}
|
|
108
|
-
}, /*#__PURE__*/_react["default"].createElement(_vectorIcons.Ionicons, {
|
|
109
|
-
name: "chevron-forward-outline"
|
|
110
|
-
}))), /*#__PURE__*/_react["default"].createElement(_Text["default"], null, selectedDate.format('Y-mm-DD')), renderDayHeaders(), /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
|
|
111
|
-
style: styles.daysGrid
|
|
112
|
-
}, renderCalendarDays().map(function (day, index) {
|
|
113
|
-
var isActive = day === selectedDate.date() && selectedDate.isSame(currentDay, 'month');
|
|
114
|
-
return /*#__PURE__*/_react["default"].createElement(_reactNative.TouchableOpacity, {
|
|
115
|
-
key: index,
|
|
116
|
-
style: _objectSpread(_objectSpread({}, styles.dayContainer), {}, {
|
|
117
|
-
backgroundColor: isActive ? _config["default"].colors.primary : '#fff'
|
|
118
|
-
}),
|
|
119
|
-
onPress: function onPress() {
|
|
120
|
-
return day && selectDate(day);
|
|
121
|
-
}
|
|
122
|
-
}, day ? /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
|
123
|
-
color: isActive ? '#fff' : _config["default"].colors.slate[500],
|
|
124
|
-
style: [styles.dayText,
|
|
125
|
-
// Highlight current day in bold
|
|
126
|
-
day === currentDay.date() && selectedDate.isSame(currentDay, 'month') ? styles.currentDayText : null]
|
|
127
|
-
}, day) : /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
|
128
|
-
style: styles.blankDay
|
|
129
|
-
}));
|
|
130
|
-
})));
|
|
131
|
-
};
|
|
132
|
-
var styles = _reactNative.StyleSheet.create({
|
|
133
|
-
container: {
|
|
134
|
-
padding: 16,
|
|
135
|
-
backgroundColor: '#fff',
|
|
136
|
-
flex: 1
|
|
137
|
-
},
|
|
138
|
-
monthContainer: {
|
|
139
|
-
flexDirection: 'row',
|
|
140
|
-
justifyContent: 'space-between',
|
|
141
|
-
alignItems: 'center',
|
|
142
|
-
marginBottom: 16
|
|
143
|
-
},
|
|
144
|
-
monthText: {
|
|
145
|
-
fontSize: 20,
|
|
146
|
-
fontWeight: 'bold'
|
|
147
|
-
},
|
|
148
|
-
navButton: {
|
|
149
|
-
fontSize: 16,
|
|
150
|
-
color: '#007bff'
|
|
151
|
-
},
|
|
152
|
-
dayHeaderRow: {
|
|
153
|
-
flexDirection: 'row',
|
|
154
|
-
justifyContent: 'space-between',
|
|
155
|
-
marginBottom: 10
|
|
156
|
-
},
|
|
157
|
-
dayHeaderText: {
|
|
158
|
-
width: '14%',
|
|
159
|
-
// Ensure each day header takes up 1/7 of the row
|
|
160
|
-
textAlign: 'center',
|
|
161
|
-
fontWeight: 'bold'
|
|
162
|
-
},
|
|
163
|
-
daysGrid: {
|
|
164
|
-
flexDirection: 'row',
|
|
165
|
-
flexWrap: 'wrap'
|
|
166
|
-
},
|
|
167
|
-
dayContainer: {
|
|
168
|
-
width: '14.28%',
|
|
169
|
-
// Ensures 7 items per row (100 / 7 = 14.28)
|
|
170
|
-
height: 46,
|
|
171
|
-
justifyContent: 'center',
|
|
172
|
-
alignItems: 'center',
|
|
173
|
-
borderRadius: 999
|
|
174
|
-
},
|
|
175
|
-
dayText: {
|
|
176
|
-
fontSize: 16
|
|
177
|
-
},
|
|
178
|
-
selectedDayText: {
|
|
179
|
-
backgroundColor: '#007bff',
|
|
180
|
-
color: '#fff',
|
|
181
|
-
borderRadius: 20
|
|
182
|
-
// paddingHorizontal: 10,
|
|
183
|
-
// paddingVertical: 5,
|
|
184
|
-
},
|
|
185
|
-
selectedDayHighlight: {
|
|
186
|
-
backgroundColor: '#007bff',
|
|
187
|
-
color: '#fff',
|
|
188
|
-
borderRadius: 20,
|
|
189
|
-
paddingHorizontal: 10,
|
|
190
|
-
paddingVertical: 5
|
|
191
|
-
},
|
|
192
|
-
currentDayText: {
|
|
193
|
-
fontWeight: 'bold' // Bold the current day
|
|
194
|
-
},
|
|
195
|
-
blankDay: {
|
|
196
|
-
height: 0
|
|
197
|
-
}
|
|
198
|
-
});
|
|
199
|
-
var _default = exports["default"] = CalendarView;
|