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
@@ -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;
@@ -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;