prizmux 1.4.8 → 1.4.10
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 +8 -8
- package/dist/components/Alert/Alert.d.ts.map +1 -1
- package/dist/components/Alert/Alert.js +3 -2
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Alert/Alert.types.d.ts +3 -0
- package/dist/components/Alert/Alert.types.d.ts.map +1 -1
- package/dist/components/BottomSheet/BottomSheet.d.ts +1 -1
- package/dist/components/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/dist/components/BottomSheet/BottomSheet.js +37 -8
- package/dist/components/BottomSheet/BottomSheet.js.map +1 -1
- package/dist/components/BottomSheet/BottomSheet.types.d.ts +21 -0
- package/dist/components/BottomSheet/BottomSheet.types.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +42 -8
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.types.d.ts +10 -0
- package/dist/components/Button/Button.types.d.ts.map +1 -1
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +8 -2
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.types.d.ts +3 -0
- package/dist/components/Card/Card.types.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.js +13 -1
- package/dist/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/components/EmptyState/EmptyState.types.d.ts +12 -0
- package/dist/components/EmptyState/EmptyState.types.d.ts.map +1 -1
- package/dist/components/Fab/FAB.d.ts.map +1 -1
- package/dist/components/Fab/FAB.js +5 -4
- package/dist/components/Fab/FAB.js.map +1 -1
- package/dist/components/Fab/FAB.types.d.ts +5 -0
- package/dist/components/Fab/FAB.types.d.ts.map +1 -1
- package/dist/components/Header/Header.d.ts.map +1 -1
- package/dist/components/Header/Header.js +42 -4
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/Header/Header.types.d.ts +16 -0
- package/dist/components/Header/Header.types.d.ts.map +1 -1
- package/dist/components/ImagePreview/ImagePreview.d.ts.map +1 -1
- package/dist/components/ImagePreview/ImagePreview.js +26 -3
- package/dist/components/ImagePreview/ImagePreview.js.map +1 -1
- package/dist/components/ImagePreview/ImagePreview.types.d.ts +17 -0
- package/dist/components/ImagePreview/ImagePreview.types.d.ts.map +1 -1
- package/dist/components/PhoneInput/PhoneInput.d.ts.map +1 -1
- package/dist/components/PhoneInput/PhoneInput.js +70 -8
- package/dist/components/PhoneInput/PhoneInput.js.map +1 -1
- package/dist/components/PhoneInput/PhoneInput.types.d.ts +27 -0
- package/dist/components/PhoneInput/PhoneInput.types.d.ts.map +1 -1
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Toast/Toast.js +3 -2
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/Toast.types.d.ts +1 -0
- package/dist/components/Toast/Toast.types.d.ts.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -8,7 +8,7 @@ A developer-first React Native component system.
|
|
|
8
8
|
|
|
9
9
|
> You should control your UI — not your UI library.
|
|
10
10
|
|
|
11
|
-
Prizmux gives you production-ready UI primitives with no bloated dependencies, no locked abstractions, and no fighting the framework. Just clean components you can copy, modify, and ship.
|
|
11
|
+
Prizmux gives you production-ready UI primitives with no bloated dependencies, no locked abstractions, and no fighting the framework. Optimized for smooth animations, precise centering, and theme-agnostic customization. Just clean components you can copy, modify, and ship.
|
|
12
12
|
|
|
13
13
|
📖 **Full documentation at [prizmux.vercel.app](https://prizmux.vercel.app)**
|
|
14
14
|
|
|
@@ -24,18 +24,18 @@ npm install prizmux
|
|
|
24
24
|
|
|
25
25
|
## Components
|
|
26
26
|
|
|
27
|
-
| Component | Description |
|
|
28
|
-
| -------------- | ------------------------------------------------------------------------------------- |
|
|
27
|
+
| Component | Description | Preview |
|
|
28
|
+
| -------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- |
|
|
29
29
|
| `Alert` | Customizable modal alert — bring your own buttons |
|
|
30
30
|
| `BottomSheet` | Swipeable sheet with drag handle and backdrop dismiss |
|
|
31
|
-
| `Button` | Variants, sizes, loading state, icon support (your own icons), with touch feedback
|
|
31
|
+
| `Button` | Variants, sizes, loading state, icon support (your own icons), with touch feedback |
|
|
32
32
|
| `Card` | Composable container, put anything inside |
|
|
33
33
|
| `EmptyState` | Placeholder UI for empty lists and zero-data screens |
|
|
34
34
|
| `FAB` | Floating action button with icon, label, or both |
|
|
35
35
|
| `Header` | Navigation header with or without a back button, avatar, and action icons with badges |
|
|
36
|
-
| `ImagePreview` | Full screen image viewer with gallery support |
|
|
37
|
-
| `PhoneInput` | International phone input with searchable country picker and auto-detection |
|
|
38
|
-
| `ContextMenu`
|
|
36
|
+
| `ImagePreview` | Full screen image viewer with gallery support |  |
|
|
37
|
+
| `PhoneInput` | International phone input with searchable country picker and auto-detection |  |
|
|
38
|
+
| `ContextMenu` | Collapsible navigation panel with customizable items, icons, and active states |
|
|
39
39
|
| `Toast` | Auto, manual, and swipe-to-dismiss notifications |
|
|
40
40
|
|
|
41
41
|
---
|
|
@@ -58,4 +58,4 @@ Have questions, suggestions, or just want to say hi? Reach out via email:
|
|
|
58
58
|
|
|
59
59
|
## License
|
|
60
60
|
|
|
61
|
-
MIT
|
|
61
|
+
MIT
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqGtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -4,7 +4,7 @@ exports.Alert = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const react_native_1 = require("react-native");
|
|
7
|
-
const Alert = ({ visible, onClose, title, message, icon, children, dismissOnBackdropPress = true, borderRadius = 16, backgroundColor = '#FFFFFF', overlayColor = 'rgba(0,0,0,0.5)', style, titleStyle, messageStyle, overlayStyle, iconContainerStyle, contentContainerStyle, }) => {
|
|
7
|
+
const Alert = ({ visible, onClose, title, message, icon, children, dismissOnBackdropPress = true, borderRadius = 16, backgroundColor = '#FFFFFF', overlayColor = 'rgba(0,0,0,0.5)', style, titleStyle, messageStyle, overlayStyle, iconContainerStyle, contentContainerStyle, shadowColor, titleColor, messageColor, }) => {
|
|
8
8
|
const scaleAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0.85)).current;
|
|
9
9
|
const opacityAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
|
|
10
10
|
(0, react_1.useEffect)(() => {
|
|
@@ -35,8 +35,9 @@ const Alert = ({ visible, onClose, title, message, icon, children, dismissOnBack
|
|
|
35
35
|
opacity: opacityAnim,
|
|
36
36
|
transform: [{ scale: scaleAnim }],
|
|
37
37
|
},
|
|
38
|
+
shadowColor ? { shadowColor } : undefined,
|
|
38
39
|
style,
|
|
39
|
-
], children: [icon && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.iconContainer, iconContainerStyle], children: icon })), title && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.title, titleStyle], children: title })), message && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.message, messageStyle], children: message })), children && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.contentContainer, contentContainerStyle], children: children }))] }) }) }) }));
|
|
40
|
+
], children: [icon && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.iconContainer, iconContainerStyle], children: icon })), title && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.title, titleColor ? { color: titleColor } : undefined, titleStyle], children: title })), message && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.message, messageColor ? { color: messageColor } : undefined, messageStyle], children: message })), children && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.contentContainer, contentContainerStyle], children: children }))] }) }) }) }));
|
|
40
41
|
};
|
|
41
42
|
exports.Alert = Alert;
|
|
42
43
|
exports.default = exports.Alert;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiD;AACjD,+CAOsB;AAGf,MAAM,KAAK,GAAyB,CAAC,EAC1C,OAAO,EACP,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,sBAAsB,GAAG,IAAI,EAC7B,YAAY,GAAG,EAAE,EACjB,eAAe,GAAG,SAAS,EAC3B,YAAY,GAAG,iBAAiB,EAChC,KAAK,EACL,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,9 @@ export interface AlertProps {
|
|
|
11
11
|
borderRadius?: number;
|
|
12
12
|
backgroundColor?: string;
|
|
13
13
|
overlayColor?: string;
|
|
14
|
+
shadowColor?: string;
|
|
15
|
+
titleColor?: string;
|
|
16
|
+
messageColor?: string;
|
|
14
17
|
style?: ViewStyle;
|
|
15
18
|
titleStyle?: TextStyle;
|
|
16
19
|
messageStyle?: TextStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IAGpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAGjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC"}
|
|
1
|
+
{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IAGpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAGjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { BottomSheetProps } from './BottomSheet.types';
|
|
2
|
-
export default function BottomSheet({ visible, onClose, title, children, dismissOnTouchOutside, showCloseButton, showDragHandle, swipeToClose, closeIcon, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element | null;
|
|
2
|
+
export default function BottomSheet({ visible, onClose, title, children, dismissOnTouchOutside, showCloseButton, showDragHandle, swipeToClose, closeIcon, containerStyle, backdropStyle, headerStyle, titleStyle, handleStyle, handleContainerStyle, closeButtonStyle, closeIconStyle, contentContainerStyle, backgroundColor, backdropColor, textColor, handleColor, shadowColor, borderColor, borderRadius, showHeaderBorder, headerBorderBottomColor, closePosition, titlePosition, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element | null;
|
|
3
3
|
//# sourceMappingURL=BottomSheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM1D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EACpC,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,qBAA4B,EAC5B,eAAsB,EACtB,cAAqB,EACrB,YAAmB,EACnB,SAAS,EAET,cAAc,EACd,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,aAAa,EACb,SAAS,EACT,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EAEZ,gBAAuB,EACvB,uBAAuB,EACvB,aAAuB,EACvB,aAAsB,GACvB,EAAE,gBAAgB,kDAqMlB"}
|
|
@@ -6,7 +6,11 @@ const react_1 = require("react");
|
|
|
6
6
|
const react_native_1 = require("react-native");
|
|
7
7
|
const { height: SCREEN_HEIGHT } = react_native_1.Dimensions.get('window');
|
|
8
8
|
const DefaultCloseIcon = () => ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.defaultCloseIcon, children: "\u2715" }));
|
|
9
|
-
function BottomSheet({ visible, onClose, title, children, dismissOnTouchOutside = true, showCloseButton = true, showDragHandle = true, swipeToClose = true, closeIcon,
|
|
9
|
+
function BottomSheet({ visible, onClose, title, children, dismissOnTouchOutside = true, showCloseButton = true, showDragHandle = true, swipeToClose = true, closeIcon,
|
|
10
|
+
// New customization props
|
|
11
|
+
containerStyle, backdropStyle, headerStyle, titleStyle, handleStyle, handleContainerStyle, closeButtonStyle, closeIconStyle, contentContainerStyle, backgroundColor, backdropColor, textColor, handleColor, shadowColor, borderColor, borderRadius,
|
|
12
|
+
// Header Refinements
|
|
13
|
+
showHeaderBorder = true, headerBorderBottomColor, closePosition = 'right', titlePosition = 'left', }) {
|
|
10
14
|
const slideAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(SCREEN_HEIGHT)).current;
|
|
11
15
|
const backdropAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
|
|
12
16
|
const [dynamicHeight, setDynamicHeight] = (0, react_1.useState)(SCREEN_HEIGHT * 0.6);
|
|
@@ -15,12 +19,14 @@ function BottomSheet({ visible, onClose, title, children, dismissOnTouchOutside
|
|
|
15
19
|
return swipeToClose && gestureState.dy > 5;
|
|
16
20
|
},
|
|
17
21
|
onPanResponderMove: (_, gestureState) => {
|
|
18
|
-
if (gestureState.dy
|
|
22
|
+
if (gestureState.dy >= 0) {
|
|
19
23
|
slideAnim.setValue(gestureState.dy);
|
|
20
24
|
}
|
|
21
25
|
},
|
|
22
26
|
onPanResponderRelease: (_, gestureState) => {
|
|
23
|
-
|
|
27
|
+
const threshold = dynamicHeight * 0.4;
|
|
28
|
+
const isSwipedDown = gestureState.dy > threshold || gestureState.vy > 0.5;
|
|
29
|
+
if (isSwipedDown) {
|
|
24
30
|
closeModal();
|
|
25
31
|
}
|
|
26
32
|
else {
|
|
@@ -69,12 +75,23 @@ function BottomSheet({ visible, onClose, title, children, dismissOnTouchOutside
|
|
|
69
75
|
}, [visible, openModal]);
|
|
70
76
|
if (!visible)
|
|
71
77
|
return null;
|
|
72
|
-
return ((0, jsx_runtime_1.jsxs)(react_native_1.Modal, { animationType: "none", transparent: true, visible: visible, onRequestClose: closeModal, statusBarTranslucent: true, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: styles.backdropPressable, onPress: () => dismissOnTouchOutside && closeModal(), children: (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: [
|
|
78
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.Modal, { animationType: "none", transparent: true, visible: visible, onRequestClose: closeModal, statusBarTranslucent: true, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: styles.backdropPressable, onPress: () => dismissOnTouchOutside && closeModal(), children: (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: [
|
|
79
|
+
styles.backdrop,
|
|
80
|
+
{ opacity: backdropAnim },
|
|
81
|
+
backdropColor ? { backgroundColor: backdropColor } : undefined,
|
|
82
|
+
backdropStyle,
|
|
83
|
+
] }) }), (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, { style: [
|
|
73
84
|
styles.modalContainer,
|
|
74
85
|
{
|
|
75
86
|
maxHeight: SCREEN_HEIGHT * 0.9,
|
|
76
87
|
transform: [{ translateY: slideAnim }],
|
|
88
|
+
borderTopLeftRadius: borderRadius ?? styles.modalContainer.borderTopLeftRadius,
|
|
89
|
+
borderTopRightRadius: borderRadius ?? styles.modalContainer.borderTopRightRadius,
|
|
77
90
|
},
|
|
91
|
+
backgroundColor ? { backgroundColor } : undefined,
|
|
92
|
+
shadowColor ? { shadowColor } : undefined,
|
|
93
|
+
borderColor ? { borderColor, borderWidth: 1 } : undefined,
|
|
94
|
+
containerStyle,
|
|
78
95
|
], onLayout: (event) => {
|
|
79
96
|
const { height: layoutHeight } = event.nativeEvent.layout;
|
|
80
97
|
setDynamicHeight(layoutHeight);
|
|
@@ -82,7 +99,18 @@ function BottomSheet({ visible, onClose, title, children, dismissOnTouchOutside
|
|
|
82
99
|
slideAnim.setValue(layoutHeight);
|
|
83
100
|
openModal();
|
|
84
101
|
}
|
|
85
|
-
}, ...panResponder.panHandlers, children: [showDragHandle && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.dragHandleContainer,
|
|
102
|
+
}, ...panResponder.panHandlers, children: [showDragHandle && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.dragHandleContainer, handleContainerStyle], children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
103
|
+
styles.dragHandle,
|
|
104
|
+
handleColor ? { backgroundColor: handleColor } : undefined,
|
|
105
|
+
handleStyle,
|
|
106
|
+
] }) })), (title || showCloseButton) && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
|
|
107
|
+
styles.header,
|
|
108
|
+
{
|
|
109
|
+
borderBottomWidth: showHeaderBorder ? react_native_1.StyleSheet.hairlineWidth : 0,
|
|
110
|
+
borderBottomColor: headerBorderBottomColor ?? styles.header.borderBottomColor,
|
|
111
|
+
},
|
|
112
|
+
headerStyle,
|
|
113
|
+
], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.headerSlot, { alignItems: 'flex-start' }], children: [showCloseButton && closePosition === 'left' && ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: [styles.closeButton, { marginLeft: 0 }, closeButtonStyle], onPress: closeModal, hitSlop: { top: 10, bottom: 10, left: 10, right: 10 }, children: closeIcon ?? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.defaultCloseIcon, closeIconStyle], children: "\u2715" })) })), title && titlePosition === 'left' && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.title, textColor ? { color: textColor } : undefined, titleStyle], numberOfLines: 1, children: title }))] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.headerSlot, { alignItems: 'center' }], children: title && titlePosition === 'center' && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.title, { textAlign: 'center' }, textColor ? { color: textColor } : undefined, titleStyle], numberOfLines: 1, children: title })) }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.headerSlot, { alignItems: 'flex-end' }], children: [title && titlePosition === 'right' && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.title, { textAlign: 'right' }, textColor ? { color: textColor } : undefined, titleStyle], numberOfLines: 1, children: title })), showCloseButton && closePosition === 'right' && ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: [styles.closeButton, { marginRight: 0 }, closeButtonStyle], onPress: closeModal, hitSlop: { top: 10, bottom: 10, left: 10, right: 10 }, children: closeIcon ?? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.defaultCloseIcon, closeIconStyle], children: "\u2715" })) }))] })] })), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.contentContainer, contentContainerStyle], children: children })] })] }));
|
|
86
114
|
}
|
|
87
115
|
const styles = react_native_1.StyleSheet.create({
|
|
88
116
|
backdropPressable: {
|
|
@@ -123,14 +151,15 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
123
151
|
header: {
|
|
124
152
|
flexDirection: 'row',
|
|
125
153
|
alignItems: 'center',
|
|
126
|
-
|
|
127
|
-
paddingHorizontal: 20,
|
|
154
|
+
paddingHorizontal: 16, // lowered for more extreme edges
|
|
128
155
|
paddingBottom: 16,
|
|
129
156
|
borderBottomWidth: react_native_1.StyleSheet.hairlineWidth,
|
|
130
157
|
borderBottomColor: '#E5E7EB',
|
|
158
|
+
minHeight: 60,
|
|
131
159
|
},
|
|
132
|
-
|
|
160
|
+
headerSlot: {
|
|
133
161
|
flex: 1,
|
|
162
|
+
justifyContent: 'center',
|
|
134
163
|
},
|
|
135
164
|
title: {
|
|
136
165
|
fontSize: 18,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { ViewStyle, TextStyle } from 'react-native';
|
|
2
3
|
export interface BottomSheetProps {
|
|
3
4
|
visible: boolean;
|
|
4
5
|
onClose: () => void;
|
|
@@ -9,5 +10,25 @@ export interface BottomSheetProps {
|
|
|
9
10
|
showDragHandle?: boolean;
|
|
10
11
|
swipeToClose?: boolean;
|
|
11
12
|
closeIcon?: ReactNode;
|
|
13
|
+
containerStyle?: ViewStyle;
|
|
14
|
+
backdropStyle?: ViewStyle;
|
|
15
|
+
headerStyle?: ViewStyle;
|
|
16
|
+
titleStyle?: TextStyle;
|
|
17
|
+
handleStyle?: ViewStyle;
|
|
18
|
+
handleContainerStyle?: ViewStyle;
|
|
19
|
+
closeButtonStyle?: ViewStyle;
|
|
20
|
+
closeIconStyle?: TextStyle;
|
|
21
|
+
contentContainerStyle?: ViewStyle;
|
|
22
|
+
backgroundColor?: string;
|
|
23
|
+
backdropColor?: string;
|
|
24
|
+
textColor?: string;
|
|
25
|
+
handleColor?: string;
|
|
26
|
+
shadowColor?: string;
|
|
27
|
+
borderColor?: string;
|
|
28
|
+
borderRadius?: number;
|
|
29
|
+
showHeaderBorder?: boolean;
|
|
30
|
+
headerBorderBottomColor?: string;
|
|
31
|
+
closePosition?: 'left' | 'right';
|
|
32
|
+
titlePosition?: 'left' | 'center' | 'right';
|
|
12
33
|
}
|
|
13
34
|
//# sourceMappingURL=BottomSheet.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAGlC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC7C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2ClD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2ClD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqJxC,CAAC"}
|
|
@@ -43,8 +43,9 @@ const BUTTON_CONFIG = {
|
|
|
43
43
|
elevation: 4,
|
|
44
44
|
},
|
|
45
45
|
};
|
|
46
|
-
const Button = ({ title, variant = 'filled', size = 'medium', onPress, onLongPress, isLoading = false, disabled = false, style, contentStyle, textStyle, icon, iconPosition = 'left', fullWidth = false, borderRadius = 0,
|
|
47
|
-
|
|
46
|
+
const Button = ({ title, variant = 'filled', size = 'medium', onPress, onLongPress, isLoading = false, disabled = false, style, contentStyle, textStyle, icon, iconPosition = 'left', fullWidth = false, borderRadius = 0, hitSlop, accessibilityLabel,
|
|
47
|
+
// New color overrides
|
|
48
|
+
backgroundColor, textColor, borderColor, disabledBackgroundColor, disabledTextColor, disabledBorderColor, loadingColor: customLoadingColor, showShadow = true, shadowColor: customShadowColor, pressedBackgroundColor, }) => {
|
|
48
49
|
const isDisabled = disabled || isLoading;
|
|
49
50
|
const sizeConfig = BUTTON_CONFIG.sizes[size];
|
|
50
51
|
const isFilled = variant === 'filled';
|
|
@@ -53,15 +54,29 @@ hitSlop, accessibilityLabel, }) => {
|
|
|
53
54
|
const sizeStyle = styles[`${size}Button`];
|
|
54
55
|
const disabledStyle = isDisabled
|
|
55
56
|
? isFilled
|
|
56
|
-
?
|
|
57
|
-
:
|
|
57
|
+
? { backgroundColor: disabledBackgroundColor ?? BUTTON_CONFIG.colors.primaryDisabled }
|
|
58
|
+
: { borderColor: disabledBorderColor ?? BUTTON_CONFIG.colors.outlineBorderDisabled }
|
|
58
59
|
: undefined;
|
|
60
|
+
const customOverrides = {};
|
|
61
|
+
if (backgroundColor)
|
|
62
|
+
customOverrides.backgroundColor = backgroundColor;
|
|
63
|
+
if (borderColor)
|
|
64
|
+
customOverrides.borderColor = borderColor;
|
|
65
|
+
if (borderRadius !== undefined)
|
|
66
|
+
customOverrides.borderRadius = borderRadius;
|
|
67
|
+
if (showShadow) {
|
|
68
|
+
customOverrides.shadowColor = customShadowColor ?? backgroundColor ?? BUTTON_CONFIG.colors.primary;
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
customOverrides.shadowOpacity = 0;
|
|
72
|
+
customOverrides.elevation = 0;
|
|
73
|
+
}
|
|
59
74
|
return [
|
|
60
75
|
baseStyle,
|
|
61
76
|
sizeStyle,
|
|
62
77
|
disabledStyle,
|
|
63
78
|
fullWidth && styles.fullWidth,
|
|
64
|
-
|
|
79
|
+
customOverrides,
|
|
65
80
|
style,
|
|
66
81
|
].filter(Boolean);
|
|
67
82
|
};
|
|
@@ -70,17 +85,36 @@ hitSlop, accessibilityLabel, }) => {
|
|
|
70
85
|
? styles.filledButtonText
|
|
71
86
|
: styles.outlineButtonText;
|
|
72
87
|
const sizeTextStyle = styles[`${size}ButtonText`];
|
|
73
|
-
const
|
|
74
|
-
|
|
88
|
+
const customTextOverrides = {};
|
|
89
|
+
if (textColor)
|
|
90
|
+
customTextOverrides.color = textColor;
|
|
91
|
+
const disabledTextStyle = isDisabled && !isFilled ? { color: disabledTextColor ?? BUTTON_CONFIG.colors.text.outlineDisabled } : null;
|
|
92
|
+
if (isDisabled && isFilled && disabledTextColor) {
|
|
93
|
+
customTextOverrides.color = disabledTextColor;
|
|
94
|
+
}
|
|
95
|
+
return [
|
|
96
|
+
baseTextStyle,
|
|
97
|
+
sizeTextStyle,
|
|
98
|
+
disabledTextStyle,
|
|
99
|
+
customTextOverrides,
|
|
100
|
+
textStyle,
|
|
101
|
+
];
|
|
75
102
|
};
|
|
76
103
|
const getLoadingColor = () => {
|
|
104
|
+
if (customLoadingColor)
|
|
105
|
+
return customLoadingColor;
|
|
106
|
+
if (textColor)
|
|
107
|
+
return textColor;
|
|
77
108
|
if (isFilled)
|
|
78
109
|
return BUTTON_CONFIG.colors.text.filled;
|
|
79
110
|
return isDisabled
|
|
80
111
|
? BUTTON_CONFIG.colors.text.outlineDisabled
|
|
81
112
|
: BUTTON_CONFIG.colors.text.outline;
|
|
82
113
|
};
|
|
83
|
-
return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style:
|
|
114
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: ({ pressed }) => [
|
|
115
|
+
...getButtonStyle(),
|
|
116
|
+
pressed && pressedBackgroundColor ? { backgroundColor: pressedBackgroundColor } : undefined,
|
|
117
|
+
], onPress: onPress, onLongPress: onLongPress, disabled: isDisabled, hitSlop: hitSlop, accessibilityLabel: accessibilityLabel ?? title, accessibilityRole: "button", accessibilityState: { disabled: isDisabled, busy: isLoading }, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.buttonContent, contentStyle], children: isLoading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "small", color: getLoadingColor() })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon && iconPosition === 'left' && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
84
118
|
styles.iconContainer,
|
|
85
119
|
title ? { marginRight: sizeConfig.gap } : undefined,
|
|
86
120
|
], children: icon })), title && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: getTextStyle(), children: title })), icon && iconPosition === 'right' && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;AACA,+CAQsB;AAGtB,MAAM,aAAa,GAAG;IACpB,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,eAAe,EAAE,SAAS;QAC1B,aAAa,EAAE,SAAS;QACxB,qBAAqB,EAAE,SAAS;QAChC,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,SAAS;YAClB,eAAe,EAAE,SAAS;SAC3B;QACD,MAAM,EAAE,SAAS;KAClB;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,EAAE;YACrB,QAAQ,EAAE,EAAE;YACZ,GAAG,EAAE,CAAC;SACP;QACD,MAAM,EAAE;YACN,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,EAAE;YACrB,QAAQ,EAAE,EAAE;YACZ,GAAG,EAAE,CAAC;SACP;QACD,KAAK,EAAE;YACL,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,EAAE;YACrB,QAAQ,EAAE,EAAE;YACZ,GAAG,EAAE,EAAE;SACR;KACF;IACD,MAAM,EAAE;QACN,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;CACF,CAAC;AAEK,MAAM,MAAM,GAA0B,CAAC,EAC5C,KAAK,EACL,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;AACA,+CAQsB;AAGtB,MAAM,aAAa,GAAG;IACpB,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,eAAe,EAAE,SAAS;QAC1B,aAAa,EAAE,SAAS;QACxB,qBAAqB,EAAE,SAAS;QAChC,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,SAAS;YAClB,eAAe,EAAE,SAAS;SAC3B;QACD,MAAM,EAAE,SAAS;KAClB;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,EAAE;YACrB,QAAQ,EAAE,EAAE;YACZ,GAAG,EAAE,CAAC;SACP;QACD,MAAM,EAAE;YACN,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,EAAE;YACrB,QAAQ,EAAE,EAAE;YACZ,GAAG,EAAE,CAAC;SACP;QACD,KAAK,EAAE;YACL,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,EAAE;YACrB,QAAQ,EAAE,EAAE;YACZ,GAAG,EAAE,EAAE;SACR;KACF;IACD,MAAM,EAAE;QACN,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;CACF,CAAC;AAEK,MAAM,MAAM,GAA0B,CAAC,EAC5C,KAAK,EACL,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,CAAC,EAChB,OAAO,EACP,kBAAkB;AAClB,sBAAsB;AACtB,eAAe,EACf,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EAAE,kBAAkB,EAChC,UAAU,GAAG,IAAI,EACjB,WAAW,EAAE,iBAAiB,EAC9B,sBAAsB,GACvB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,QAAQ,IAAI,SAAS,CAAC;IACzC,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ,CAAC;IAEtC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QACxE,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,IAAI,QAA+B,CAAc,CAAC;QAC9E,MAAM,aAAa,GAA0B,UAAU;YACrD,CAAC,CAAC,QAAQ;gBACR,CAAC,CAAC,EAAE,eAAe,EAAE,uBAAuB,IAAI,aAAa,CAAC,MAAM,CAAC,eAAe,EAAE;gBACtF,CAAC,CAAC,EAAE,WAAW,EAAE,mBAAmB,IAAI,aAAa,CAAC,MAAM,CAAC,qBAAqB,EAAE;YACtF,CAAC,CAAC,SAAS,CAAC;QAEd,MAAM,eAAe,GAAc,EAAE,CAAC;QACtC,IAAI,eAAe;YAAE,eAAe,CAAC,eAAe,GAAG,eAAe,CAAC;QACvE,IAAI,WAAW;YAAE,eAAe,CAAC,WAAW,GAAG,WAAW,CAAC;QAC3D,IAAI,YAAY,KAAK,SAAS;YAAE,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC;QAE5E,IAAI,UAAU,EAAE,CAAC;YACf,eAAe,CAAC,WAAW,GAAG,iBAAiB,IAAI,eAAe,IAAI,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC;QACrG,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,aAAa,GAAG,CAAC,CAAC;YAClC,eAAe,CAAC,SAAS,GAAG,CAAC,CAAC;QAChC,CAAC;QAED,OAAO;YACL,SAAS;YACT,SAAS;YACT,aAAa;YACb,SAAS,IAAI,MAAM,CAAC,SAAS;YAC7B,eAAe;YACf,KAAK;SACN,CAAC,MAAM,CAAC,OAAO,CAAgB,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,aAAa,GAAG,QAAQ;YAC5B,CAAC,CAAC,MAAM,CAAC,gBAAgB;YACzB,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC;QAC7B,MAAM,aAAa,GAAG,MAAM,CAC1B,GAAG,IAAI,YAAmC,CAC9B,CAAC;QAEf,MAAM,mBAAmB,GAAc,EAAE,CAAC;QAC1C,IAAI,SAAS;YAAE,mBAAmB,CAAC,KAAK,GAAG,SAAS,CAAC;QAErD,MAAM,iBAAiB,GACrB,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,IAAI,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAE7G,IAAI,UAAU,IAAI,QAAQ,IAAI,iBAAiB,EAAE,CAAC;YAChD,mBAAmB,CAAC,KAAK,GAAG,iBAAiB,CAAC;QAChD,CAAC;QAED,OAAO;YACL,aAAa;YACb,aAAa;YACb,iBAAiB;YACjB,mBAAmB;YACnB,SAAS;SACV,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,kBAAkB;YAAE,OAAO,kBAAkB,CAAC;QAClD,IAAI,SAAS;YAAE,OAAO,SAAS,CAAC;QAChC,IAAI,QAAQ;YAAE,OAAO,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;QACtD,OAAO,UAAU;YACf,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe;YAC3C,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;YACtB,GAAG,cAAc,EAAE;YACnB,OAAO,IAAI,sBAAsB,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,sBAAsB,EAAE,CAAC,CAAC,CAAC,SAAS;SAC5F,EACD,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,IAAI,KAAK,EAC/C,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,YAE7D,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,YAAY,CAAC,YAC9C,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,gCAAiB,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,eAAe,EAAE,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,6DACG,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,MAAM,CAAC,aAAa;4BACpB,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS;yBACpD,YAEA,IAAI,GACA,CACR,EACA,KAAK,IAAI,CACR,uBAAC,mBAAI,IAAC,KAAK,EAAE,YAAY,EAAE,YACxB,KAAK,GACD,CACR,EACA,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,MAAM,CAAC,aAAa;4BACpB,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS;yBACnD,YAEA,IAAI,GACA,CACR,IACA,CACJ,GACI,GACG,CACb,CAAC;AACJ,CAAC,CAAC;AArJW,QAAA,MAAM,UAqJjB;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,YAAY,EAAE;QACZ,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,OAAO;QAC7C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM;QACxC,GAAG,aAAa,CAAC,MAAM;KACxB;IACD,oBAAoB,EAAE;QACpB,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,eAAe;QACrD,aAAa,EAAE,GAAG;KACnB;IACD,aAAa,EAAE;QACb,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,aAAa;QAC/C,eAAe,EAAE,aAAa;QAC9B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,qBAAqB,EAAE;QACrB,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,qBAAqB;KACxD;IACD,WAAW,EAAE;QACX,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;QAC1D,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;KAC/D;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe;QAC3D,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB;KAChE;IACD,WAAW,EAAE;QACX,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;QAC1D,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;KAC/D;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;QACvC,UAAU,EAAE,KAAK;KAClB;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;QACxC,UAAU,EAAE,KAAK;KAClB;IACD,yBAAyB,EAAE;QACzB,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe;KACjD;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;KAC7C;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC9C;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;KAC7C;IACD,aAAa,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC"}
|
|
@@ -17,5 +17,15 @@ export interface ButtonProps {
|
|
|
17
17
|
style?: ViewStyle;
|
|
18
18
|
contentStyle?: ViewStyle;
|
|
19
19
|
textStyle?: TextStyle;
|
|
20
|
+
backgroundColor?: string;
|
|
21
|
+
textColor?: string;
|
|
22
|
+
borderColor?: string;
|
|
23
|
+
disabledBackgroundColor?: string;
|
|
24
|
+
disabledTextColor?: string;
|
|
25
|
+
disabledBorderColor?: string;
|
|
26
|
+
loadingColor?: string;
|
|
27
|
+
showShadow?: boolean;
|
|
28
|
+
shadowColor?: string;
|
|
29
|
+
pressedBackgroundColor?: string;
|
|
20
30
|
}
|
|
21
31
|
//# sourceMappingURL=Button.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsBpC,CAAC"}
|
|
@@ -3,8 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Card = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_native_1 = require("react-native");
|
|
6
|
-
const Card = ({ children, style, ...props }) => {
|
|
7
|
-
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
6
|
+
const Card = ({ children, style, backgroundColor, shadowColor, borderRadius, ...props }) => {
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
8
|
+
styles.card,
|
|
9
|
+
backgroundColor ? { backgroundColor } : undefined,
|
|
10
|
+
shadowColor ? { shadowColor } : undefined,
|
|
11
|
+
borderRadius !== undefined ? { borderRadius } : undefined,
|
|
12
|
+
style,
|
|
13
|
+
], ...props, children: children }));
|
|
8
14
|
};
|
|
9
15
|
exports.Card = Card;
|
|
10
16
|
const styles = react_native_1.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;AACA,+CAAgD;AAGzC,MAAM,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,mBAAI,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;AACA,+CAAgD;AAGzC,MAAM,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,KAAK,EACL,eAAe,EACf,WAAW,EACX,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,IAAI;YACX,eAAe,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,SAAS;YACjD,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS;YACzC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS;YACzD,KAAK;SACN,KACG,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,IAAI,QAsBf;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;QACX,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8ChD,CAAC"}
|
|
@@ -3,7 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.EmptyState = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_native_1 = require("react-native");
|
|
6
|
-
const EmptyState = ({ title, description, icon, action,
|
|
6
|
+
const EmptyState = ({ title, description, icon, action, style, titleStyle, descriptionStyle, iconStyle, actionStyle, backgroundColor, titleColor, descriptionColor, }) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
|
|
7
|
+
styles.container,
|
|
8
|
+
backgroundColor ? { backgroundColor } : undefined,
|
|
9
|
+
style,
|
|
10
|
+
], children: [icon && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.iconContainer, iconStyle], children: icon })), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
|
|
11
|
+
styles.title,
|
|
12
|
+
titleColor ? { color: titleColor } : undefined,
|
|
13
|
+
titleStyle,
|
|
14
|
+
], children: title }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
|
|
15
|
+
styles.description,
|
|
16
|
+
descriptionColor ? { color: descriptionColor } : undefined,
|
|
17
|
+
descriptionStyle,
|
|
18
|
+
], children: description }), action && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.actionContainer, actionStyle], children: action }))] }));
|
|
7
19
|
exports.EmptyState = EmptyState;
|
|
8
20
|
const styles = react_native_1.StyleSheet.create({
|
|
9
21
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";;;;AACA,+CAAsD;AAG/C,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";;;;AACA,+CAAsD;AAG/C,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,eAAe,EACf,UAAU,EACV,gBAAgB,GACjB,EAAE,EAAE,CAAC,CACJ,wBAAC,mBAAI,IACH,KAAK,EAAE;QACL,MAAM,CAAC,SAAS;QAChB,eAAe,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,SAAS;QACjD,KAAK;KACN,aAEA,IAAI,IAAI,CACP,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,YAAG,IAAI,GAAQ,CAC9D,EACD,uBAAC,mBAAI,IACH,KAAK,EAAE;gBACL,MAAM,CAAC,KAAK;gBACZ,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS;gBAC9C,UAAU;aACX,YAEA,KAAK,GACD,EACP,uBAAC,mBAAI,IACH,KAAK,EAAE;gBACL,MAAM,CAAC,WAAW;gBAClB,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS;gBAC1D,gBAAgB;aACjB,YAEA,WAAW,GACP,EACN,MAAM,IAAI,CACT,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE,WAAW,CAAC,YAAG,MAAM,GAAQ,CACpE,IACI,CACR,CAAC;AA9CW,QAAA,UAAU,cA8CrB;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,EAAE;QACX,eAAe,EAAE,SAAS;KAC3B;IACD,aAAa,EAAE;QACb,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,QAAQ;KACpB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,EAAE;QACd,YAAY,EAAE,EAAE;KACjB;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC"}
|
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { ViewStyle, TextStyle } from 'react-native';
|
|
2
3
|
export interface EmptyStateProps {
|
|
3
4
|
title: string;
|
|
4
5
|
description: string;
|
|
5
6
|
icon?: ReactNode;
|
|
6
7
|
action?: ReactNode;
|
|
8
|
+
backgroundColor?: string;
|
|
9
|
+
titleColor?: string;
|
|
10
|
+
descriptionColor?: string;
|
|
11
|
+
style?: ViewStyle;
|
|
12
|
+
containerStyle?: ViewStyle;
|
|
13
|
+
titleStyle?: TextStyle;
|
|
14
|
+
descriptionStyle?: TextStyle;
|
|
15
|
+
actionContainerStyle?: ViewStyle;
|
|
16
|
+
actionStyle?: ViewStyle;
|
|
17
|
+
iconContainerStyle?: ViewStyle;
|
|
18
|
+
iconStyle?: ViewStyle;
|
|
7
19
|
}
|
|
8
20
|
//# sourceMappingURL=EmptyState.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IAGnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FAB.d.ts","sourceRoot":"","sources":["../../../src/components/Fab/FAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FAB.d.ts","sourceRoot":"","sources":["../../../src/components/Fab/FAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,OAAO,EAAe,QAAQ,EAAW,MAAM,aAAa,CAAC;AAgC7D,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA2IlC,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -27,7 +27,7 @@ const getPositionStyle = (position, offsetX, offsetY) => {
|
|
|
27
27
|
return { top: offsetY, alignSelf: 'center' };
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
const FAB = ({ onPress, onLongPress, icon, label, labelPosition = 'right', position = 'bottom-right', offsetX = 16, offsetY = 24, size = 'medium', borderRadius, backgroundColor = '#6366F1', iconColor, labelColor = '#FFFFFF', disabled = false, loading = false, style, labelStyle, containerStyle, }) => {
|
|
30
|
+
const FAB = ({ onPress, onLongPress, icon, label, labelPosition = 'right', position = 'bottom-right', offsetX = 16, offsetY = 24, size = 'medium', borderRadius, backgroundColor = '#6366F1', iconColor, labelColor = '#FFFFFF', shadowColor, disabledBackgroundColor = '#9CA3AF', disabledLabelColor = '#E5E7EB', loadingColor = '#FFFFFF', showShadow = true, disabled = false, loading = false, style, labelStyle, containerStyle, }) => {
|
|
31
31
|
const scaleAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
|
|
32
32
|
const sizeConfig = SIZE_CONFIG[size];
|
|
33
33
|
const buttonSize = sizeConfig.button;
|
|
@@ -70,7 +70,7 @@ const FAB = ({ onPress, onLongPress, icon, label, labelPosition = 'right', posit
|
|
|
70
70
|
], pointerEvents: "box-none", children: (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: { transform: [{ scale: scaleAnim }] }, children: (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: onPress, onLongPress: onLongPress, onPressIn: handlePressIn, onPressOut: handlePressOut, disabled: disabled || loading, accessibilityRole: "button", accessibilityLabel: label ?? 'FAB', accessibilityState: { disabled: disabled || loading }, style: [
|
|
71
71
|
styles.button,
|
|
72
72
|
{
|
|
73
|
-
backgroundColor: disabled ?
|
|
73
|
+
backgroundColor: disabled ? disabledBackgroundColor : backgroundColor,
|
|
74
74
|
borderRadius: radius,
|
|
75
75
|
// Square dimensions only when icon-only or label-only with no icon
|
|
76
76
|
width: isExtended ? undefined : isLabelOnly ? undefined : buttonSize,
|
|
@@ -79,12 +79,13 @@ const FAB = ({ onPress, onLongPress, icon, label, labelPosition = 'right', posit
|
|
|
79
79
|
flexDirection: flexDirection,
|
|
80
80
|
gap: isExtended ? gap : 0,
|
|
81
81
|
},
|
|
82
|
+
showShadow ? { shadowColor: shadowColor ?? backgroundColor } : { shadowOpacity: 0, elevation: 0 },
|
|
82
83
|
style,
|
|
83
|
-
], children: loading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: size === 'large' ? 'large' : 'small', color:
|
|
84
|
+
], children: loading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: size === 'large' ? 'large' : 'small', color: loadingColor })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasIcon && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.iconWrapper, children: icon })), hasLabel && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
|
|
84
85
|
styles.label,
|
|
85
86
|
{
|
|
86
87
|
fontSize: sizeConfig.fontSize,
|
|
87
|
-
color: disabled ?
|
|
88
|
+
color: disabled ? disabledLabelColor : labelColor,
|
|
88
89
|
marginTop: !isHorizontal && hasIcon ? gap / 2 : 0,
|
|
89
90
|
marginBottom: labelPosition === 'top' && hasIcon ? gap / 2 : 0,
|
|
90
91
|
},
|