@kiosinc/commons-rn 0.1.100 → 0.1.101
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/lib/commonjs/assets/icons/placeholderImage.svg +16 -8
- package/lib/commonjs/components/Alert.js +6 -3
- package/lib/commonjs/components/Alert.js.map +1 -1
- package/lib/commonjs/components/FirebaseMedia.js +13 -7
- package/lib/commonjs/components/FirebaseMedia.js.map +1 -1
- package/lib/commonjs/components/Header.js +85 -33
- package/lib/commonjs/components/Header.js.map +1 -1
- package/lib/commonjs/components/Image.js +23 -5
- package/lib/commonjs/components/Image.js.map +1 -1
- package/lib/commonjs/components/Modal.js +39 -0
- package/lib/commonjs/components/Modal.js.map +1 -0
- package/lib/commonjs/components/ModalHeader.js +83 -0
- package/lib/commonjs/components/ModalHeader.js.map +1 -0
- package/lib/commonjs/components/RippleCard.js +26 -0
- package/lib/commonjs/components/RippleCard.js.map +1 -0
- package/lib/commonjs/components/Searchbar.js +26 -3
- package/lib/commonjs/components/Searchbar.js.map +1 -1
- package/lib/commonjs/components/index.js +21 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/helpers/getVectorIcon.js +42 -0
- package/lib/commonjs/helpers/getVectorIcon.js.map +1 -0
- package/lib/commonjs/screens/SavedCards/CardRow.js +8 -1
- package/lib/commonjs/screens/SavedCards/CardRow.js.map +1 -1
- package/lib/commonjs/screens/SelectBusiness/SelectBusiness.js +30 -15
- package/lib/commonjs/screens/SelectBusiness/SelectBusiness.js.map +1 -1
- package/lib/commonjs/utils/analytics.js +2 -0
- package/lib/commonjs/utils/analytics.js.map +1 -1
- package/lib/commonjs/utils/index.js +12 -1
- package/lib/commonjs/utils/index.js.map +1 -1
- package/lib/commonjs/utils/useMultiSnapModal.js +28 -0
- package/lib/commonjs/utils/useMultiSnapModal.js.map +1 -0
- package/lib/module/assets/icons/placeholderImage.svg +16 -8
- package/lib/module/components/Alert.js +6 -3
- package/lib/module/components/Alert.js.map +1 -1
- package/lib/module/components/FirebaseMedia.js +13 -7
- package/lib/module/components/FirebaseMedia.js.map +1 -1
- package/lib/module/components/Header.js +87 -34
- package/lib/module/components/Header.js.map +1 -1
- package/lib/module/components/Image.js +24 -5
- package/lib/module/components/Image.js.map +1 -1
- package/lib/module/components/Modal.js +31 -0
- package/lib/module/components/Modal.js.map +1 -0
- package/lib/module/components/ModalHeader.js +76 -0
- package/lib/module/components/ModalHeader.js.map +1 -0
- package/lib/module/components/RippleCard.js +18 -0
- package/lib/module/components/RippleCard.js.map +1 -0
- package/lib/module/components/Searchbar.js +24 -2
- package/lib/module/components/Searchbar.js.map +1 -1
- package/lib/module/components/index.js +3 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/helpers/getVectorIcon.js +34 -0
- package/lib/module/helpers/getVectorIcon.js.map +1 -0
- package/lib/module/screens/SavedCards/CardRow.js +8 -1
- package/lib/module/screens/SavedCards/CardRow.js.map +1 -1
- package/lib/module/screens/SelectBusiness/SelectBusiness.js +33 -17
- package/lib/module/screens/SelectBusiness/SelectBusiness.js.map +1 -1
- package/lib/module/utils/analytics.js +2 -0
- package/lib/module/utils/analytics.js.map +1 -1
- package/lib/module/utils/index.js +4 -0
- package/lib/module/utils/index.js.map +1 -1
- package/lib/module/utils/useMultiSnapModal.js +21 -0
- package/lib/module/utils/useMultiSnapModal.js.map +1 -0
- package/lib/typescript/src/components/Alert.d.ts.map +1 -1
- package/lib/typescript/src/components/FirebaseMedia.d.ts.map +1 -1
- package/lib/typescript/src/components/Header.d.ts +7 -2
- package/lib/typescript/src/components/Header.d.ts.map +1 -1
- package/lib/typescript/src/components/Image.d.ts +4 -2
- package/lib/typescript/src/components/Image.d.ts.map +1 -1
- package/lib/typescript/src/components/Modal.d.ts +4 -0
- package/lib/typescript/src/components/Modal.d.ts.map +1 -0
- package/lib/typescript/src/components/ModalHeader.d.ts +16 -0
- package/lib/typescript/src/components/ModalHeader.d.ts.map +1 -0
- package/lib/typescript/src/components/OtpInputs.d.ts +1 -1
- package/lib/typescript/src/components/RippleCard.d.ts +4 -0
- package/lib/typescript/src/components/RippleCard.d.ts.map +1 -0
- package/lib/typescript/src/components/Searchbar.d.ts.map +1 -1
- package/lib/typescript/src/components/index.d.ts +3 -0
- package/lib/typescript/src/components/index.d.ts.map +1 -1
- package/lib/typescript/src/helpers/getVectorIcon.d.ts +8857 -0
- package/lib/typescript/src/helpers/getVectorIcon.d.ts.map +1 -0
- package/lib/typescript/src/screens/SavedCards/CardRow.d.ts.map +1 -1
- package/lib/typescript/src/screens/SelectBusiness/SelectBusiness.d.ts.map +1 -1
- package/lib/typescript/src/utils/analytics.d.ts +5 -0
- package/lib/typescript/src/utils/analytics.d.ts.map +1 -1
- package/lib/typescript/src/utils/index.d.ts +2 -0
- package/lib/typescript/src/utils/index.d.ts.map +1 -1
- package/lib/typescript/src/utils/useMultiSnapModal.d.ts +15 -0
- package/lib/typescript/src/utils/useMultiSnapModal.d.ts.map +1 -0
- package/package.json +8 -2
- package/src/assets/icons/placeholderImage.svg +16 -8
- package/src/components/Alert.tsx +6 -3
- package/src/components/FirebaseMedia.tsx +11 -3
- package/src/components/Header.tsx +127 -39
- package/src/components/Image.tsx +29 -8
- package/src/components/Modal.tsx +33 -0
- package/src/components/ModalHeader.tsx +129 -0
- package/src/components/RippleCard.tsx +16 -0
- package/src/components/Searchbar.tsx +31 -2
- package/src/components/index.ts +3 -0
- package/src/helpers/getVectorIcon.tsx +44 -0
- package/src/screens/SavedCards/CardRow.tsx +8 -1
- package/src/screens/SelectBusiness/SelectBusiness.tsx +42 -25
- package/src/utils/analytics.ts +5 -1
- package/src/utils/index.ts +5 -0
- package/src/utils/useMultiSnapModal.ts +30 -0
- package/lib/commonjs/assets/icons/tick.svg +0 -3
- package/lib/module/assets/icons/tick.svg +0 -3
- package/src/assets/icons/tick.svg +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useCallback","Dialog","Text","useTheme","Button","Platform","StyleSheet","useTranslation","useAlertHook","isVisible","setIsVisible","params","setParams","title","description","isDismissable","buttons","renderDescription","show","parameters","hide","rootLevelRef","Alert","theme","t","button1","label","onPress","mode","button2","button3","ref","useRef","useImperativeHandle","useEffect","current","createElement","style","isPad","styles","iPad","backgroundColor","colors","background","dismissable","dismissableBackButton","onDismiss","visible","Boolean","Content","variant","Actions","mx","textColor","primary","ml","displayName","create","zIndex","width","alignSelf"],"sourceRoot":"../../../src","sources":["components/Alert.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,SAASC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,oBAAoB;AAC3D,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,cAAc,QAAQ,eAAe;AAqB9C,MAAMC,YAAY,GAAGA,CAAA,KAAM;EACzB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACY,MAAM,EAAEC,SAAS,CAAC,GAAGb,QAAQ,CAAc,CAAC,CAAC,CAAC;EACrD,MAAM;IACJc,KAAK,GAAG,EAAE;IACVC,WAAW,GAAG,EAAE;IAChBC,aAAa,GAAG,IAAI;IACpBC,OAAO,GAAG,EAAE;IACZC;EACF,CAAC,GAAGN,MAAM;EAEV,MAAMO,IAAI,GAAGlB,WAAW,CAAEmB,UAAuB,IAAK;IACpDP,SAAS,CAACO,UAAU,CAAC;IACrBT,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,IAAI,GAAGpB,WAAW,CAAC,MAAM;IAC7BU,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLD,SAAS;IACTS,IAAI;IACJE,IAAI;IACJP,KAAK;IACLC,WAAW;IACXC,aAAa;IACbC,OAAO;IACPC;EACF,CAAC;AACH,CAAC;AAED,IAAII,
|
|
1
|
+
{"version":3,"names":["React","useState","useCallback","Dialog","Text","useTheme","Button","Platform","StyleSheet","useTranslation","useAlertHook","isVisible","setIsVisible","params","setParams","title","description","isDismissable","buttons","renderDescription","show","parameters","hide","rootLevelRef","Alert","theme","t","button1","label","onPress","mode","button2","button3","ref","useRef","useImperativeHandle","useEffect","push","current","pop","createElement","style","isPad","styles","iPad","backgroundColor","colors","background","dismissable","dismissableBackButton","onDismiss","visible","Boolean","Content","variant","Actions","mx","textColor","primary","ml","displayName","length","create","zIndex","width","alignSelf"],"sourceRoot":"../../../src","sources":["components/Alert.tsx"],"mappings":"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"}
|
|
@@ -42,6 +42,12 @@ export const FirebaseMedia = /*#__PURE__*/React.memo(({
|
|
|
42
42
|
} else {
|
|
43
43
|
setStatus('failed');
|
|
44
44
|
}
|
|
45
|
+
return () => {
|
|
46
|
+
setFirebaseURI({
|
|
47
|
+
uri: null,
|
|
48
|
+
type: 'image'
|
|
49
|
+
});
|
|
50
|
+
};
|
|
45
51
|
}, [uri]);
|
|
46
52
|
return /*#__PURE__*/React.createElement(Card, _extends({
|
|
47
53
|
bg: 'transparent',
|
|
@@ -95,15 +101,13 @@ export const FirebaseMedia = /*#__PURE__*/React.memo(({
|
|
|
95
101
|
}), status === 'failed' && (uri ? /*#__PURE__*/React.createElement(IconButton, {
|
|
96
102
|
icon: "image-broken-variant"
|
|
97
103
|
}) : /*#__PURE__*/React.createElement(View, {
|
|
98
|
-
style: styles.placeholder
|
|
99
|
-
height: "100%",
|
|
100
|
-
width: "100%"
|
|
104
|
+
style: styles.placeholder
|
|
101
105
|
}, placeholderIcon ? /*#__PURE__*/React.createElement(Icon, {
|
|
102
106
|
source: placeholderIcon,
|
|
103
107
|
size: 24
|
|
104
108
|
}) : /*#__PURE__*/React.createElement(PlaceHolderImage, {
|
|
105
|
-
height: "
|
|
106
|
-
width: "
|
|
109
|
+
height: "60%",
|
|
110
|
+
width: "60%"
|
|
107
111
|
}))))));
|
|
108
112
|
});
|
|
109
113
|
const styles = StyleSheet.create({
|
|
@@ -112,9 +116,11 @@ const styles = StyleSheet.create({
|
|
|
112
116
|
width: '100%'
|
|
113
117
|
},
|
|
114
118
|
placeholder: {
|
|
115
|
-
backgroundColor: '#
|
|
119
|
+
backgroundColor: '#E2E5F0',
|
|
116
120
|
alignItems: 'center',
|
|
117
|
-
justifyContent: 'center'
|
|
121
|
+
justifyContent: 'center',
|
|
122
|
+
height: '100%',
|
|
123
|
+
width: '100%'
|
|
118
124
|
}
|
|
119
125
|
});
|
|
120
126
|
//# sourceMappingURL=FirebaseMedia.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","FastImage","Icon","VideoOriginal","StyleSheet","PlaceHolderImage","AssetManager","View","IconButton","ContentLoaderList","Card","FirebaseMedia","memo","uri","borderRadius","borderWidth","borderColor","placeholderIcon","onPress","rest","status","setStatus","firebaseURI","type","setFirebaseURI","getAssetURL","then","assetDetails","catch","createElement","_extends","bg","mode","overflow","height","width","includes","style","styles","fullWidthHeight","source","onLoad","onError","children","muted","top","bottom","right","left","position","alignItems","justifyContent","count","radius","icon","placeholder","size","create","backgroundColor"],"sourceRoot":"../../../src","sources":["components/FirebaseMedia.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAA0B,yBAAyB;AAWnE,SAASC,IAAI,QAAQ,oBAAoB;AACzC,OAAOC,aAAa,MAAM,oBAAoB;AAC9C,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,IAAI,QAAQ,QAAQ;AAqB7B,OAAO,MAAMC,aAAa,gBAAGb,KAAK,CAACc,IAAI,CACrC,CAAC;EACCC,GAAG;EACHC,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,CAAC;EACfC,WAAW,GAAG,cAAc;EAC5BC,eAAe;EACfC,OAAO;EACP,GAAGC;AACE,CAAC,KAAK;EACX,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGrB,QAAQ,CAClC,SACF,CAAC;EACD,MAAM,CAAC;IAAEa,GAAG,EAAES,WAAW;IAAEC;EAAK,CAAC,EAAEC,cAAc,CAAC,GAAGxB,QAAQ,CAAC;IAC5Da,GAAG,EAAE,IAAI;IACTU,IAAI,EAAE;EACR,CAAC,CAAC;EAEFxB,SAAS,CAAC,MAAM;IACd,IAAIc,GAAG,EAAE;MACPQ,SAAS,CAAC,SAAS,CAAC;MACpBf,YAAY,CAACmB,WAAW,CAACZ,GAAG,CAAC,CAC1Ba,IAAI,CAAEC,YAAY,IAAK;QACtB,IAAIA,YAAY,EAAE;UAChBH,cAAc,CAACG,YAAY,CAAC;QAC9B,CAAC,MAAM;UACLN,SAAS,CAAC,QAAQ,CAAC;QACrB;MACF,CAAC,CAAC,CACDO,KAAK,CAAC,MAAM;QACXP,SAAS,CAAC,QAAQ,CAAC;MACrB,CAAC,CAAC;IACN,CAAC,MAAM;MACLA,SAAS,CAAC,QAAQ,CAAC;IACrB;
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","FastImage","Icon","VideoOriginal","StyleSheet","PlaceHolderImage","AssetManager","View","IconButton","ContentLoaderList","Card","FirebaseMedia","memo","uri","borderRadius","borderWidth","borderColor","placeholderIcon","onPress","rest","status","setStatus","firebaseURI","type","setFirebaseURI","getAssetURL","then","assetDetails","catch","createElement","_extends","bg","mode","overflow","height","width","includes","style","styles","fullWidthHeight","source","onLoad","onError","children","muted","top","bottom","right","left","position","alignItems","justifyContent","count","radius","icon","placeholder","size","create","backgroundColor"],"sourceRoot":"../../../src","sources":["components/FirebaseMedia.tsx"],"mappings":"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"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Text } from '../components';
|
|
4
|
-
import { Appbar,
|
|
4
|
+
import { Appbar, Icon, Modal, Portal, useTheme } from 'react-native-paper';
|
|
5
5
|
import { IconButton } from '../components';
|
|
6
6
|
import { View } from '../components';
|
|
7
7
|
import { useNavigation } from '@react-navigation/native';
|
|
8
|
+
import { InteractionManager } from 'react-native';
|
|
8
9
|
import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
|
|
10
|
+
import { StyleSheet } from 'react-native';
|
|
11
|
+
import Ripple from 'react-native-material-ripple';
|
|
12
|
+
import { Keyboard } from 'react-native';
|
|
9
13
|
const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
|
|
10
14
|
export const Header = ({
|
|
11
15
|
isBackButtonVisible = true,
|
|
@@ -18,10 +22,9 @@ export const Header = ({
|
|
|
18
22
|
}) => {
|
|
19
23
|
const props = useRestyle(restyleFunctions, rest);
|
|
20
24
|
const navigation = useNavigation();
|
|
21
|
-
const [visible, setVisible] = React.useState(false);
|
|
22
25
|
const theme = useTheme();
|
|
23
|
-
const
|
|
24
|
-
const
|
|
26
|
+
const [isModalVisible, setModalVisibility] = React.useState(false);
|
|
27
|
+
const styles = getStyles(theme);
|
|
25
28
|
return /*#__PURE__*/React.createElement(View, _extends({
|
|
26
29
|
height: 60,
|
|
27
30
|
flexDirection: "row",
|
|
@@ -31,41 +34,91 @@ export const Header = ({
|
|
|
31
34
|
onPress: navigation.goBack
|
|
32
35
|
}) : /*#__PURE__*/React.createElement(View, {
|
|
33
36
|
width: 40
|
|
34
|
-
}), /*#__PURE__*/React.createElement(
|
|
37
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
38
|
+
flexDirection: "row",
|
|
39
|
+
flex: 1
|
|
40
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
35
41
|
flex: 1,
|
|
36
42
|
textAlign: textAlign,
|
|
37
|
-
variant: "titleMedium"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
anchor: /*#__PURE__*/React.createElement(Appbar.Action, {
|
|
48
|
-
icon: "dots-vertical",
|
|
49
|
-
onPress: openMenu
|
|
50
|
-
})
|
|
51
|
-
}, menuOptions.map((menuOption, index) => {
|
|
52
|
-
const onPress = e => {
|
|
53
|
-
closeMenu();
|
|
54
|
-
menuOption?.onPress?.(e);
|
|
55
|
-
};
|
|
56
|
-
return /*#__PURE__*/React.createElement(Menu.Item, _extends({
|
|
57
|
-
key: String(index),
|
|
58
|
-
style: {
|
|
59
|
-
backgroundColor: theme.colors.background
|
|
60
|
-
}
|
|
61
|
-
}, menuOption, {
|
|
62
|
-
onPress: onPress
|
|
63
|
-
}));
|
|
64
|
-
})), customRightOptions, !menuOptions && !customRightOptions && !isCloseButtonVisible && /*#__PURE__*/React.createElement(View, {
|
|
43
|
+
variant: "titleMedium",
|
|
44
|
+
color: "onSurface",
|
|
45
|
+
flexShrink: 1
|
|
46
|
+
}, title)), menuOptions && /*#__PURE__*/React.createElement(Appbar.Action, {
|
|
47
|
+
icon: "dots-vertical",
|
|
48
|
+
onPress: () => {
|
|
49
|
+
Keyboard.dismiss();
|
|
50
|
+
setModalVisibility(true);
|
|
51
|
+
}
|
|
52
|
+
}), customRightOptions, !menuOptions && !customRightOptions && !isCloseButtonVisible && /*#__PURE__*/React.createElement(View, {
|
|
65
53
|
width: 40
|
|
66
54
|
}), navigation.canGoBack() && isCloseButtonVisible && /*#__PURE__*/React.createElement(IconButton, {
|
|
67
55
|
icon: "close",
|
|
68
56
|
onPress: navigation.goBack
|
|
69
|
-
})
|
|
57
|
+
}), /*#__PURE__*/React.createElement(Portal, null, menuOptions && /*#__PURE__*/React.createElement(Modal, {
|
|
58
|
+
style: styles.modal,
|
|
59
|
+
contentContainerStyle: styles.contentContainerStyle,
|
|
60
|
+
visible: isModalVisible,
|
|
61
|
+
onDismiss: () => setModalVisibility(false)
|
|
62
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
63
|
+
style: styles.modalContainer
|
|
64
|
+
}, menuOptions?.map((menuOption, index) => {
|
|
65
|
+
const onPress = () => {
|
|
66
|
+
setModalVisibility(false);
|
|
67
|
+
InteractionManager.runAfterInteractions(() => {
|
|
68
|
+
menuOption?.onPress();
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
return /*#__PURE__*/React.createElement(Ripple, {
|
|
72
|
+
disabled: menuOption.disabled,
|
|
73
|
+
key: index,
|
|
74
|
+
onPress: onPress,
|
|
75
|
+
style: [styles.ripple, menuOption.disabled ? styles.disabled : {}],
|
|
76
|
+
rippleColor: theme.colors.onBackground,
|
|
77
|
+
rippleSize: 244,
|
|
78
|
+
rippleContainerBorderRadius: 8,
|
|
79
|
+
rippleOpacity: 0.2
|
|
80
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
81
|
+
width: "100%",
|
|
82
|
+
flexDirection: "row",
|
|
83
|
+
height: 56,
|
|
84
|
+
alignItems: "center"
|
|
85
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
86
|
+
height: 48,
|
|
87
|
+
width: 48,
|
|
88
|
+
alignItems: "center",
|
|
89
|
+
justifyContent: "center"
|
|
90
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
91
|
+
source: menuOption.leadingIcon,
|
|
92
|
+
size: 24,
|
|
93
|
+
color: menuOption.isCriticalAction ? theme.colors.error : theme.colors.onBackground
|
|
94
|
+
})), /*#__PURE__*/React.createElement(Text, {
|
|
95
|
+
variant: "bodyLarge",
|
|
96
|
+
color: menuOption.isCriticalAction ? 'error' : 'onSurface',
|
|
97
|
+
numberOfLines: 1
|
|
98
|
+
}, menuOption.title)));
|
|
99
|
+
})))));
|
|
70
100
|
};
|
|
101
|
+
const getStyles = theme => StyleSheet.create({
|
|
102
|
+
disabled: {
|
|
103
|
+
opacity: 0.5
|
|
104
|
+
},
|
|
105
|
+
modalContainer: {
|
|
106
|
+
marginVertical: 16,
|
|
107
|
+
backgroundColor: theme.colors.background
|
|
108
|
+
},
|
|
109
|
+
modal: {
|
|
110
|
+
justifyContent: 'flex-end',
|
|
111
|
+
marginTop: 0,
|
|
112
|
+
marginBottom: 0
|
|
113
|
+
},
|
|
114
|
+
contentContainerStyle: {
|
|
115
|
+
backgroundColor: theme.colors.background,
|
|
116
|
+
borderTopRightRadius: 16,
|
|
117
|
+
borderTopLeftRadius: 16,
|
|
118
|
+
paddingBottom: 4
|
|
119
|
+
},
|
|
120
|
+
ripple: {
|
|
121
|
+
marginHorizontal: 8
|
|
122
|
+
}
|
|
123
|
+
});
|
|
71
124
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","Appbar","
|
|
1
|
+
{"version":3,"names":["React","Text","Appbar","Icon","Modal","Portal","useTheme","IconButton","View","useNavigation","InteractionManager","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","StyleSheet","Ripple","Keyboard","restyleFunctions","Header","isBackButtonVisible","isCloseButtonVisible","title","menuOptions","textAlign","customRightOptions","rest","props","navigation","theme","isModalVisible","setModalVisibility","useState","styles","getStyles","createElement","_extends","height","flexDirection","alignItems","canGoBack","icon","onPress","goBack","width","flex","variant","color","flexShrink","Action","dismiss","style","modal","contentContainerStyle","visible","onDismiss","modalContainer","map","menuOption","index","runAfterInteractions","disabled","key","ripple","rippleColor","colors","onBackground","rippleSize","rippleContainerBorderRadius","rippleOpacity","justifyContent","source","leadingIcon","size","isCriticalAction","error","numberOfLines","create","opacity","marginVertical","background","marginTop","marginBottom","borderTopRightRadius","borderTopLeftRadius","paddingBottom","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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"}
|
|
@@ -3,11 +3,14 @@ import { View } from './View';
|
|
|
3
3
|
import React, { useState } from 'react';
|
|
4
4
|
import { ActivityIndicator } from 'react-native-paper';
|
|
5
5
|
import { IconButton } from './IconButton';
|
|
6
|
+
import { Icon } from 'react-native-paper';
|
|
6
7
|
import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
|
|
7
8
|
import FastImage from 'react-native-fast-image';
|
|
8
9
|
import PlaceHolderImage from '../assets/icons/placeholderImage.svg';
|
|
10
|
+
import { StyleSheet } from 'react-native';
|
|
9
11
|
const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
|
|
10
12
|
export const Image = ({
|
|
13
|
+
placeholderIcon,
|
|
11
14
|
...rest
|
|
12
15
|
}) => {
|
|
13
16
|
const props = useRestyle(restyleFunctions, rest);
|
|
@@ -21,6 +24,8 @@ export const Image = ({
|
|
|
21
24
|
} : {
|
|
22
25
|
flex: 1
|
|
23
26
|
}, /*#__PURE__*/React.createElement(View, {
|
|
27
|
+
borderRadius: rest.borderRadius ?? '0',
|
|
28
|
+
overflow: 'hidden',
|
|
24
29
|
top: 0,
|
|
25
30
|
bottom: 0,
|
|
26
31
|
right: 0,
|
|
@@ -28,12 +33,17 @@ export const Image = ({
|
|
|
28
33
|
position: "absolute",
|
|
29
34
|
alignItems: "center",
|
|
30
35
|
justifyContent: "center"
|
|
31
|
-
}, status === 'loading' && /*#__PURE__*/React.createElement(ActivityIndicator, null), status === 'failed' && uri
|
|
36
|
+
}, status === 'loading' && /*#__PURE__*/React.createElement(ActivityIndicator, null), status === 'failed' && (uri ? /*#__PURE__*/React.createElement(IconButton, {
|
|
32
37
|
icon: "image-broken-variant"
|
|
33
|
-
})
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
})
|
|
38
|
+
}) : placeholderIcon ? /*#__PURE__*/React.createElement(Icon, {
|
|
39
|
+
source: placeholderIcon,
|
|
40
|
+
size: 24
|
|
41
|
+
}) : /*#__PURE__*/React.createElement(View, {
|
|
42
|
+
style: styles.placeholder
|
|
43
|
+
}, /*#__PURE__*/React.createElement(PlaceHolderImage, {
|
|
44
|
+
height: "60%",
|
|
45
|
+
width: "60%"
|
|
46
|
+
})))), /*#__PURE__*/React.createElement(FastImage, _extends({}, props, {
|
|
37
47
|
onLoad: () => {
|
|
38
48
|
setStatus('success');
|
|
39
49
|
},
|
|
@@ -42,4 +52,13 @@ export const Image = ({
|
|
|
42
52
|
}
|
|
43
53
|
})));
|
|
44
54
|
};
|
|
55
|
+
const styles = StyleSheet.create({
|
|
56
|
+
placeholder: {
|
|
57
|
+
backgroundColor: '#E2E5F0',
|
|
58
|
+
alignItems: 'center',
|
|
59
|
+
justifyContent: 'center',
|
|
60
|
+
height: '100%',
|
|
61
|
+
width: '100%'
|
|
62
|
+
}
|
|
63
|
+
});
|
|
45
64
|
//# sourceMappingURL=Image.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","React","useState","ActivityIndicator","IconButton","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","FastImage","PlaceHolderImage","restyleFunctions","Image","rest","props","status","setStatus","uri","source","createElement","height","width","flex","top","bottom","right","left","alignItems","justifyContent","icon","_extends","onLoad","onError"],"sourceRoot":"../../../src","sources":["components/Image.tsx"],"mappings":";AAAA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,iBAAiB,QAAQ,oBAAoB;AACtD,SAASC,UAAU,QAAQ,cAAc;AAEzC,SACEC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EAIxBC,uBAAuB,EAIvBC,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,QAEH,kBAAkB;AAEzB,OAAOC,SAAS,MAA+B,yBAAyB;AACxE,OAAOC,gBAAgB,MAAM,sCAAsC;
|
|
1
|
+
{"version":3,"names":["View","React","useState","ActivityIndicator","IconButton","Icon","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","FastImage","PlaceHolderImage","StyleSheet","restyleFunctions","Image","placeholderIcon","rest","props","status","setStatus","uri","source","createElement","height","width","flex","borderRadius","overflow","top","bottom","right","left","alignItems","justifyContent","icon","size","style","styles","placeholder","_extends","onLoad","onError","create"],"sourceRoot":"../../../src","sources":["components/Image.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Alert, View } from '../components';
|
|
4
|
+
import { Modal as OriginalModal, StyleSheet } from 'react-native';
|
|
5
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
6
|
+
import { useTheme } from 'react-native-paper';
|
|
7
|
+
export const Modal = props => {
|
|
8
|
+
const insets = useSafeAreaInsets();
|
|
9
|
+
const theme = useTheme();
|
|
10
|
+
const styles = getStyles({
|
|
11
|
+
theme,
|
|
12
|
+
insets
|
|
13
|
+
});
|
|
14
|
+
return /*#__PURE__*/React.createElement(OriginalModal, _extends({}, props, {
|
|
15
|
+
presentationStyle: "overFullScreen"
|
|
16
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
17
|
+
style: styles.container
|
|
18
|
+
}, props.children), /*#__PURE__*/React.createElement(Alert, null));
|
|
19
|
+
};
|
|
20
|
+
const getStyles = ({
|
|
21
|
+
theme,
|
|
22
|
+
insets
|
|
23
|
+
}) => StyleSheet.create({
|
|
24
|
+
container: {
|
|
25
|
+
flex: 1,
|
|
26
|
+
backgroundColor: theme.colors.background,
|
|
27
|
+
paddingTop: insets.top,
|
|
28
|
+
paddingBottom: insets.bottom
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Alert","View","Modal","OriginalModal","StyleSheet","useSafeAreaInsets","useTheme","props","insets","theme","styles","getStyles","createElement","_extends","presentationStyle","style","container","children","create","flex","backgroundColor","colors","background","paddingTop","top","paddingBottom","bottom"],"sourceRoot":"../../../src","sources":["components/Modal.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,QAAQ,eAAe;AAC3C,SAAqBC,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,cAAc;AAC7E,SAAqBC,iBAAiB,QAAQ,gCAAgC;AAC9E,SAAmBC,QAAQ,QAAQ,oBAAoB;AAEvD,OAAO,MAAMJ,KAAK,GAAIK,KAAiB,IAAK;EAC1C,MAAMC,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAClC,MAAMI,KAAK,GAAGH,QAAQ,CAAC,CAAC;EACxB,MAAMI,MAAM,GAAGC,SAAS,CAAC;IAAEF,KAAK;IAAED;EAAO,CAAC,CAAC;EAC3C,oBACET,KAAA,CAAAa,aAAA,CAACT,aAAa,EAAAU,QAAA,KAAKN,KAAK;IAAEO,iBAAiB,EAAC;EAAgB,iBAC1Df,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACc,KAAK,EAAEL,MAAM,CAACM;EAAU,GAAET,KAAK,CAACU,QAAe,CAAC,eACtDlB,KAAA,CAAAa,aAAA,CAACZ,KAAK,MAAE,CACK,CAAC;AAEpB,CAAC;AAED,MAAMW,SAAS,GAAGA,CAAC;EACjBF,KAAK;EACLD;AAIF,CAAC,KACCJ,UAAU,CAACc,MAAM,CAAC;EAChBF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEX,KAAK,CAACY,MAAM,CAACC,UAAU;IACxCC,UAAU,EAAEf,MAAM,CAACgB,GAAG;IACtBC,aAAa,EAAEjB,MAAM,CAACkB;EACxB;AACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Text } from '../components';
|
|
4
|
+
import { Appbar, Menu, useTheme } from 'react-native-paper';
|
|
5
|
+
import { IconButton } from '../components';
|
|
6
|
+
import { View } from '../components';
|
|
7
|
+
import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
|
|
8
|
+
import { Keyboard } from 'react-native';
|
|
9
|
+
const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
|
|
10
|
+
export const ModalHeader = ({
|
|
11
|
+
handleBack,
|
|
12
|
+
handleClose,
|
|
13
|
+
title,
|
|
14
|
+
menuOptions,
|
|
15
|
+
customRightOptions = null,
|
|
16
|
+
...rest
|
|
17
|
+
}) => {
|
|
18
|
+
const props = useRestyle(restyleFunctions, rest);
|
|
19
|
+
const [visible, setVisible] = React.useState(false);
|
|
20
|
+
const theme = useTheme();
|
|
21
|
+
const openMenu = () => {
|
|
22
|
+
Keyboard.dismiss();
|
|
23
|
+
setVisible(true);
|
|
24
|
+
};
|
|
25
|
+
const closeMenu = () => setVisible(false);
|
|
26
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
27
|
+
height: 60,
|
|
28
|
+
flexDirection: "row"
|
|
29
|
+
}, props), handleBack ? /*#__PURE__*/React.createElement(IconButton, {
|
|
30
|
+
icon: "arrow-left",
|
|
31
|
+
onPress: handleBack
|
|
32
|
+
}) : /*#__PURE__*/React.createElement(View, {
|
|
33
|
+
px: '8'
|
|
34
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
35
|
+
flexDirection: "row",
|
|
36
|
+
flex: 1
|
|
37
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
38
|
+
flex: 1,
|
|
39
|
+
pt: '12',
|
|
40
|
+
variant: "titleMedium",
|
|
41
|
+
color: "onSurface",
|
|
42
|
+
flexShrink: 1
|
|
43
|
+
}, title)), menuOptions && /*#__PURE__*/React.createElement(Menu, {
|
|
44
|
+
style: {
|
|
45
|
+
backgroundColor: theme.colors.background
|
|
46
|
+
},
|
|
47
|
+
contentStyle: {
|
|
48
|
+
backgroundColor: theme.colors.background
|
|
49
|
+
},
|
|
50
|
+
visible: visible,
|
|
51
|
+
onDismiss: closeMenu,
|
|
52
|
+
anchor: /*#__PURE__*/React.createElement(Appbar.Action, {
|
|
53
|
+
icon: "dots-vertical",
|
|
54
|
+
onPress: openMenu
|
|
55
|
+
})
|
|
56
|
+
}, menuOptions.map((menuOption, index) => {
|
|
57
|
+
const onPress = e => {
|
|
58
|
+
closeMenu();
|
|
59
|
+
menuOption?.onPress?.(e);
|
|
60
|
+
};
|
|
61
|
+
return /*#__PURE__*/React.createElement(Menu.Item, _extends({
|
|
62
|
+
key: String(index),
|
|
63
|
+
style: {
|
|
64
|
+
backgroundColor: theme.colors.background
|
|
65
|
+
}
|
|
66
|
+
}, menuOption, {
|
|
67
|
+
onPress: onPress
|
|
68
|
+
}));
|
|
69
|
+
})), customRightOptions, !menuOptions && !customRightOptions && /*#__PURE__*/React.createElement(View, {
|
|
70
|
+
width: 40
|
|
71
|
+
}), Boolean(handleClose) && /*#__PURE__*/React.createElement(IconButton, {
|
|
72
|
+
icon: "close",
|
|
73
|
+
onPress: handleClose
|
|
74
|
+
}));
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=ModalHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","Appbar","Menu","useTheme","IconButton","View","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","Keyboard","restyleFunctions","ModalHeader","handleBack","handleClose","title","menuOptions","customRightOptions","rest","props","visible","setVisible","useState","theme","openMenu","dismiss","closeMenu","createElement","_extends","height","flexDirection","icon","onPress","px","flex","pt","variant","color","flexShrink","style","colors","background","contentStyle","onDismiss","anchor","Action","map","menuOption","index","e","Item","key","String","width","Boolean"],"sourceRoot":"../../../src","sources":["components/ModalHeader.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import Ripple from 'react-native-material-ripple';
|
|
4
|
+
export const RippleCard = ({
|
|
5
|
+
children,
|
|
6
|
+
...rest
|
|
7
|
+
}) => {
|
|
8
|
+
return (
|
|
9
|
+
/*#__PURE__*/
|
|
10
|
+
// @ts-ignore
|
|
11
|
+
React.createElement(Ripple, _extends({}, rest, {
|
|
12
|
+
rippleSize: 244,
|
|
13
|
+
rippleContainerBorderRadius: 8,
|
|
14
|
+
rippleOpacity: 0.2
|
|
15
|
+
}), children)
|
|
16
|
+
);
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=RippleCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Ripple","RippleCard","children","rest","createElement","_extends","rippleSize","rippleContainerBorderRadius","rippleOpacity"],"sourceRoot":"../../../src","sources":["components/RippleCard.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAuB,8BAA8B;AAElE,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAkB,CAAC,KAAK;EAChE;IAAA;IACE;IACAJ,KAAA,CAAAK,aAAA,CAACJ,MAAM,EAAAK,QAAA,KACDF,IAAI;MACRG,UAAU,EAAE,GAAI;MAChBC,2BAA2B,EAAE,CAAE;MAC/BC,aAAa,EAAE;IAAI,IAElBN,QACK;EAAC;AAEb,CAAC"}
|
|
@@ -1,14 +1,36 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React, { useRef } from 'react';
|
|
3
3
|
import { Searchbar as S } from 'react-native-paper';
|
|
4
4
|
import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
|
|
5
|
+
import { View, IconButton } from '../components';
|
|
6
|
+
import { StyleSheet } from 'react-native';
|
|
5
7
|
const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
|
|
6
8
|
export const Searchbar = ({
|
|
7
9
|
...rest
|
|
8
10
|
}) => {
|
|
9
11
|
const props = useRestyle(restyleFunctions, rest);
|
|
10
|
-
|
|
12
|
+
const ref = useRef();
|
|
13
|
+
const icon = () => /*#__PURE__*/React.createElement(View, {
|
|
14
|
+
backgroundColor: "inverseOnSurface"
|
|
15
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
16
|
+
icon: "magnify",
|
|
17
|
+
backgroundColor: 'inverseOnSurface',
|
|
18
|
+
onPress: () => {
|
|
19
|
+
ref.current?.focus();
|
|
20
|
+
}
|
|
21
|
+
}));
|
|
22
|
+
return /*#__PURE__*/React.createElement(S, _extends({
|
|
23
|
+
inputStyle: styles.inputStyle,
|
|
24
|
+
px: "16",
|
|
25
|
+
ref: ref,
|
|
26
|
+
icon: icon
|
|
27
|
+
}, props, {
|
|
11
28
|
right: null
|
|
12
29
|
}));
|
|
13
30
|
};
|
|
31
|
+
const styles = StyleSheet.create({
|
|
32
|
+
inputStyle: {
|
|
33
|
+
paddingRight: 16
|
|
34
|
+
}
|
|
35
|
+
});
|
|
14
36
|
//# sourceMappingURL=Searchbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Searchbar","S","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","restyleFunctions","rest","props","createElement","_extends","right"],"sourceRoot":"../../../src","sources":["components/Searchbar.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;
|
|
1
|
+
{"version":3,"names":["React","useRef","Searchbar","S","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","View","IconButton","StyleSheet","restyleFunctions","rest","props","ref","icon","createElement","onPress","current","focus","_extends","inputStyle","styles","px","right","create","paddingRight"],"sourceRoot":"../../../src","sources":["components/Searchbar.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,SAAS,IAAIC,CAAC,QAA6B,oBAAoB;AACxE,SACEC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EAIxBC,uBAAuB,EAIvBC,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,QAEH,kBAAkB;AAEzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,eAAe;AAChD,SAASC,UAAU,QAAQ,cAAc;AAUzC,MAAMC,gBAAgB,GAAGP,uBAAuB,CAA0B,CACxEJ,OAAO,EACPK,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,EACRN,MAAM,EACNC,eAAe,EACfC,wBAAwB,CACzB,CAAC;AAIF,OAAO,MAAMN,SAAS,GAAGA,CAAC;EAAE,GAAGe;AAAY,CAAC,KAAK;EAC/C,MAAMC,KAAK,GAAGd,UAAU,CAACY,gBAAgB,EAASC,IAAI,CAAC;EACvD,MAAME,GAAG,GAAGlB,MAAM,CAAM,CAAC;EACzB,MAAMmB,IAAI,GAAGA,CAAA,kBACXpB,KAAA,CAAAqB,aAAA,CAACR,IAAI;IAACN,eAAe,EAAC;EAAkB,gBACtCP,KAAA,CAAAqB,aAAA,CAACP,UAAU;IACTM,IAAI,EAAC,SAAS;IACdb,eAAe,EAAE,kBAAmB;IACpCe,OAAO,EAAEA,CAAA,KAAM;MACbH,GAAG,CAACI,OAAO,EAAEC,KAAK,CAAC,CAAC;IACtB;EAAE,CACH,CACG,CACP;EAED,oBACExB,KAAA,CAAAqB,aAAA,CAAClB,CAAC,EAAAsB,QAAA;IACAC,UAAU,EAAEC,MAAM,CAACD,UAAW;IAC9BE,EAAE,EAAC,IAAI;IACPT,GAAG,EAAEA,GAAI;IACTC,IAAI,EAAEA;EAAK,GACPF,KAAK;IACTW,KAAK,EAAE;EAAY,EACpB,CAAC;AAEN,CAAC;AAED,MAAMF,MAAM,GAAGZ,UAAU,CAACe,MAAM,CAAC;EAC/BJ,UAAU,EAAE;IACVK,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}
|
|
@@ -30,4 +30,7 @@ export { FirebaseMedia } from './FirebaseMedia';
|
|
|
30
30
|
export { PhoneInput } from './PhoneInput';
|
|
31
31
|
export { DelayedRender } from './DelayedRender';
|
|
32
32
|
export { OfflineStrip } from './OfflineStrip';
|
|
33
|
+
export { ModalHeader } from './ModalHeader';
|
|
34
|
+
export { Modal } from './Modal';
|
|
35
|
+
export { RippleCard } from './RippleCard';
|
|
33
36
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Alert","Badge","BottomSheet","Button","Card","Divider","FAB","Header","IconButton","Image","KeyboardAvoidingView","LineLoader","ContentLoaderList","LinkButton","OtpInputs","ParentView","Searchbar","SelectionDialog","Snackbar","Surface","Switch","Text","TextInput","ToggleButton","TouchableRipple","Video","View","RefreshControl","FirebaseMedia","PhoneInput","DelayedRender","OfflineStrip"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAuB,cAAc;AACxD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,YAAY,QAAQ,gBAAgB"}
|
|
1
|
+
{"version":3,"names":["Alert","Badge","BottomSheet","Button","Card","Divider","FAB","Header","IconButton","Image","KeyboardAvoidingView","LineLoader","ContentLoaderList","LinkButton","OtpInputs","ParentView","Searchbar","SelectionDialog","Snackbar","Surface","Switch","Text","TextInput","ToggleButton","TouchableRipple","Video","View","RefreshControl","FirebaseMedia","PhoneInput","DelayedRender","OfflineStrip","ModalHeader","Modal","RippleCard"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAuB,cAAc;AACxD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,UAAU,QAAQ,cAAc"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import IconFromMaterialIcons from 'react-native-vector-icons/MaterialIcons';
|
|
3
|
+
import IconFromMaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
|
|
4
|
+
import IconFromMaterialIconsGlyphMap from 'react-native-vector-icons/glyphmaps/MaterialIcons.json';
|
|
5
|
+
import IconFromMaterialCommunityIconsGlyphMap from 'react-native-vector-icons/glyphmaps/MaterialCommunityIcons.json';
|
|
6
|
+
const IconMapping = {
|
|
7
|
+
material: {
|
|
8
|
+
Icon: IconFromMaterialIcons,
|
|
9
|
+
names: IconFromMaterialIconsGlyphMap
|
|
10
|
+
},
|
|
11
|
+
materialCommunity: {
|
|
12
|
+
Icon: IconFromMaterialCommunityIcons,
|
|
13
|
+
names: IconFromMaterialCommunityIconsGlyphMap
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
export const getVectorIcon = ({
|
|
17
|
+
type,
|
|
18
|
+
name
|
|
19
|
+
}) => ({
|
|
20
|
+
size = 24,
|
|
21
|
+
color = 'onBackground'
|
|
22
|
+
}) => {
|
|
23
|
+
const {
|
|
24
|
+
Icon
|
|
25
|
+
} = IconMapping[type];
|
|
26
|
+
|
|
27
|
+
// @ts-ignore
|
|
28
|
+
return /*#__PURE__*/React.createElement(Icon, {
|
|
29
|
+
name: name,
|
|
30
|
+
size: size,
|
|
31
|
+
color: color
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=getVectorIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","IconFromMaterialIcons","IconFromMaterialCommunityIcons","IconFromMaterialIconsGlyphMap","IconFromMaterialCommunityIconsGlyphMap","IconMapping","material","Icon","names","materialCommunity","getVectorIcon","type","name","size","color","createElement"],"sourceRoot":"../../../src","sources":["helpers/getVectorIcon.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,qBAAqB,MAAM,yCAAyC;AAC3E,OAAOC,8BAA8B,MAAM,kDAAkD;AAC7F,OAAOC,6BAA6B,MAAM,wDAAwD;AAClG,OAAOC,sCAAsC,MAAM,iEAAiE;AAEpH,MAAMC,WAAW,GAAG;EAClBC,QAAQ,EAAE;IACRC,IAAI,EAAEN,qBAAqB;IAC3BO,KAAK,EAAEL;EACT,CAAC;EACDM,iBAAiB,EAAE;IACjBF,IAAI,EAAEL,8BAA8B;IACpCM,KAAK,EAAEJ;EACT;AACF,CAAC;AAID,OAAO,MAAMM,aAAa,GACxBA,CAAC;EACCC,IAAI;EACJC;AASE,CAAC,KACL,CAAC;EACCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG;AAIV,CAAC,KAAK;EACJ,MAAM;IAAEP;EAAK,CAAC,GAAGF,WAAW,CAACM,IAAI,CAA6B;;EAE9D;EACA,oBAAOX,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACK,IAAI,EAAEA,IAAe;IAACC,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;AACjE,CAAC"}
|