@adiraku/react-native-ui 0.2.3 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/BottomSheet/BottomSheet.component.js +44 -36
- package/lib/commonjs/components/BottomSheet/BottomSheet.component.js.map +1 -1
- package/lib/commonjs/components/BottomSheet/BottomSheet.style.js +8 -8
- package/lib/commonjs/components/BottomSheet/BottomSheet.style.js.map +1 -1
- package/lib/commonjs/components/TextInput/TextInput.component.js +3 -10
- package/lib/commonjs/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/commonjs/components/index.js +6 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/rounded-tab/rounded-tab.component.js +19 -10
- package/lib/commonjs/components/rounded-tab/rounded-tab.component.js.map +1 -1
- package/lib/module/components/BottomSheet/BottomSheet.component.js +44 -37
- package/lib/module/components/BottomSheet/BottomSheet.component.js.map +1 -1
- package/lib/module/components/BottomSheet/BottomSheet.style.js +9 -9
- package/lib/module/components/BottomSheet/BottomSheet.style.js.map +1 -1
- package/lib/module/components/TextInput/TextInput.component.js +6 -10
- package/lib/module/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/module/components/index.js +1 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/rounded-tab/rounded-tab.component.js +19 -10
- package/lib/module/components/rounded-tab/rounded-tab.component.js.map +1 -1
- package/lib/typescript/components/BottomSheet/BottomSheet.component.d.ts.map +1 -1
- package/lib/typescript/components/BottomSheet/BottomSheet.style.d.ts.map +1 -1
- package/lib/typescript/components/BottomSheet/BottomSheet.type.d.ts +6 -3
- package/lib/typescript/components/BottomSheet/BottomSheet.type.d.ts.map +1 -1
- package/lib/typescript/components/CheckBoxInput/CheckBoxInput.type.d.ts +1 -1
- package/lib/typescript/components/CheckBoxInput/CheckBoxInput.type.d.ts.map +1 -1
- package/lib/typescript/components/RadioInput/RadioInput.type.d.ts +1 -1
- package/lib/typescript/components/RadioInput/RadioInput.type.d.ts.map +1 -1
- package/lib/typescript/components/TextInput/TextInput.component.d.ts +0 -5
- package/lib/typescript/components/TextInput/TextInput.component.d.ts.map +1 -1
- package/lib/typescript/components/TextInput/TextInput.type.d.ts +2 -2
- package/lib/typescript/components/TextInput/TextInput.type.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +1 -1
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/rounded-tab/rounded-tab.component.d.ts.map +1 -1
- package/lib/typescript/components/rounded-tab/rounded-tab.type.d.ts +6 -11
- package/lib/typescript/components/rounded-tab/rounded-tab.type.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/BottomSheet/BottomSheet.component.tsx +53 -55
- package/src/components/BottomSheet/BottomSheet.style.tsx +9 -8
- package/src/components/BottomSheet/BottomSheet.type.ts +6 -4
- package/src/components/CheckBoxInput/CheckBoxInput.type.ts +1 -1
- package/src/components/RadioInput/RadioInput.type.ts +1 -1
- package/src/components/TextInput/TextInput.component.tsx +9 -17
- package/src/components/TextInput/TextInput.type.ts +2 -2
- package/src/components/index.ts +4 -1
- package/src/components/rounded-tab/rounded-tab.component.tsx +18 -11
- package/src/components/rounded-tab/rounded-tab.type.ts +6 -11
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
2
|
import { Palettes, Radius, Spacing } from '../../../src/themes';
|
|
3
3
|
export const getStyle = () => {
|
|
4
4
|
const computedStyle = {};
|
|
@@ -9,14 +9,13 @@ export const getStyle = () => {
|
|
|
9
9
|
flex: 1,
|
|
10
10
|
justifyContent: 'flex-end'
|
|
11
11
|
};
|
|
12
|
-
computedStyle.overlayColor = {
|
|
13
|
-
backgroundColor: 'rgba(0,0,0,0.2)'
|
|
14
|
-
};
|
|
15
12
|
computedStyle.container = {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
13
|
+
backgroundColor: Palettes.white[50],
|
|
14
|
+
position: 'absolute',
|
|
15
|
+
bottom: 0,
|
|
16
|
+
width: '100%',
|
|
17
|
+
borderTopEndRadius: Spacing[16],
|
|
18
|
+
borderTopStartRadius: Spacing[16]
|
|
20
19
|
};
|
|
21
20
|
computedStyle.sliderIndicator = {
|
|
22
21
|
height: 5,
|
|
@@ -35,7 +34,8 @@ export const getStyle = () => {
|
|
|
35
34
|
justifyContent: 'space-between'
|
|
36
35
|
};
|
|
37
36
|
computedStyle.sheetHeaderWrapper = {
|
|
38
|
-
paddingHorizontal: Spacing[16]
|
|
37
|
+
paddingHorizontal: Spacing[16],
|
|
38
|
+
paddingBottom: Spacing[8]
|
|
39
39
|
};
|
|
40
40
|
computedStyle.sheetDismissIconWrapper = {
|
|
41
41
|
padding: 4
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","computedStyle","flex","overlay","justifyContent","container","backgroundColor","white","position","bottom","width","borderTopEndRadius","borderTopStartRadius","sliderIndicator","height","borderRadius","full","grey","sheetIndicatorWrapper","alignItems","sheetHeader","flexDirection","sheetHeaderWrapper","paddingHorizontal","paddingBottom","sheetDismissIconWrapper","padding","sheetActionWrapper","textCenter","textAlign","largeIconContainer","largeIconAbsoluteWrapper","create"],"sourceRoot":"../../src","sources":["BottomSheet.style.tsx"],"mappings":"AACA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,qBAAqB;AAmB/D,OAAO,MAAMC,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,IAAI,GAAG;IACnBA,IAAI,EAAE;EACR,CAAC;EAEDD,aAAa,CAACE,OAAO,GAAG;IACtBD,IAAI,EAAE,CAAC;IACPE,cAAc,EAAE;EAClB,CAAC;EAEDH,aAAa,CAACI,SAAS,GAAG;IACxBC,eAAe,EAAET,QAAQ,CAACU,KAAK,CAAC,EAAE,CAAC;IACnCC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,MAAM;IACbC,kBAAkB,EAAEZ,OAAO,CAAC,EAAE,CAAC;IAC/Ba,oBAAoB,EAAEb,OAAO,CAAC,EAAE;EAClC,CAAC;EAEDE,aAAa,CAACY,eAAe,GAAG;IAC9BC,MAAM,EAAE,CAAC;IACTJ,KAAK,EAAE,GAAG;IACVK,YAAY,EAAEjB,MAAM,CAACkB,IAAI;IACzBV,eAAe,EAAET,QAAQ,CAACoB,IAAI,CAAC,GAAG;EACpC,CAAC;EAEDhB,aAAa,CAACiB,qBAAqB,GAAG;IACpCJ,MAAM,EAAE,EAAE;IACVK,UAAU,EAAE,QAAQ;IACpBf,cAAc,EAAE;EAClB,CAAC;EAEDH,aAAa,CAACmB,WAAW,GAAG;IAC1BC,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBf,cAAc,EAAE;EAClB,CAAC;EAEDH,aAAa,CAACqB,kBAAkB,GAAG;IACjCC,iBAAiB,EAAExB,OAAO,CAAC,EAAE,CAAC;IAC9ByB,aAAa,EAAEzB,OAAO,CAAC,CAAC;EAC1B,CAAC;EACDE,aAAa,CAACwB,uBAAuB,GAAG;IACtCC,OAAO,EAAE;EACX,CAAC;EACDzB,aAAa,CAAC0B,kBAAkB,GAAG;IACjCN,aAAa,EAAE,KAAK;IACpBjB,cAAc,EAAE;EAClB,CAAC;EAEDH,aAAa,CAAC2B,UAAU,GAAG;IACzBC,SAAS,EAAE;EACb,CAAC;EAED5B,aAAa,CAAC6B,kBAAkB,GAAG;IACjCX,UAAU,EAAE;EACd,CAAC;EAEDlB,aAAa,CAAC8B,wBAAwB,GAAG;IACvCvB,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EAED,OAAOb,UAAU,CAACoC,MAAM,CAAC/B,aAAa,CAAC;AACzC,CAAC"}
|
|
@@ -1,15 +1,11 @@
|
|
|
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
|
-
import {
|
|
4
|
-
import MaskInput from 'react-native-mask-input';
|
|
5
|
-
import { Palettes } from '../../themes';
|
|
6
|
-
import { Typography } from '../typography/typography.component';
|
|
3
|
+
import { View } from 'react-native';
|
|
7
4
|
import { getStyle } from './TextInput.style';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
*/
|
|
5
|
+
import { TextInput as RNTextInput } from 'react-native';
|
|
6
|
+
import { Typography } from '../typography/typography.component';
|
|
7
|
+
import { Animated } from 'react-native';
|
|
8
|
+
import { Palettes } from '../../themes';
|
|
13
9
|
const TextInput = props => {
|
|
14
10
|
const {
|
|
15
11
|
value,
|
|
@@ -85,7 +81,7 @@ const TextInput = props => {
|
|
|
85
81
|
style: computedStyle.label
|
|
86
82
|
}, label)), /*#__PURE__*/React.createElement(View, {
|
|
87
83
|
style: computedStyle.inputWrapper
|
|
88
|
-
}, /*#__PURE__*/React.createElement(
|
|
84
|
+
}, /*#__PURE__*/React.createElement(RNTextInput, _extends({
|
|
89
85
|
value: value,
|
|
90
86
|
style: [computedStyle.textField],
|
|
91
87
|
onFocus: handleOnFocus,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","View","getStyle","TextInput","RNTextInput","Typography","Animated","Palettes","props","value","label","onBlur","onFocus","errorMessage","helperMessage","isError","counter","inputIcon","rest","labelWidth","setLabelWidth","useState","focused","setFocused","computedStyle","animation","useRef","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","black","length","messageHelper"],"sourceRoot":"../../src","sources":["TextInput.component.tsx"],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ export { StepperCounter } from './StepperCounter/StepperCounter.component';
|
|
|
11
11
|
export { Divider } from './Divider/Divider.component';
|
|
12
12
|
export { Tabs } from './Tabs/Tabs.component';
|
|
13
13
|
export { RadioButton } from './RadioButton/RadioButton.component';
|
|
14
|
-
export { BottomSheet } from './BottomSheet/BottomSheet.component';
|
|
14
|
+
export { BottomSheet, BottomSheetHandler } from './BottomSheet/BottomSheet.component';
|
|
15
15
|
export { RadioInput } from './RadioInput/RadioInput.component';
|
|
16
16
|
export { CheckBoxInput } from './CheckBoxInput/CheckBoxInput.component';
|
|
17
17
|
export { Checkbox } from './Checkbox/Checkbox.component';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","Label","BaseComponent","Typography","Coachmark","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","BottomSheet","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","Switch","Dot","InformationBox","RoundedTab","Countdown"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAClD,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,
|
|
1
|
+
{"version":3,"names":["Button","Label","BaseComponent","Typography","Coachmark","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","BottomSheet","BottomSheetHandler","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","Switch","Dot","InformationBox","RoundedTab","Countdown"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAClD,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,QAAQ,EAAEC,iBAAiB,QAAQ,+BAA+B;AAC3E,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
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); }
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import { View } from 'react-native';
|
|
3
4
|
import { getStyle, getTabItemStyle } from './rounded-tab.style';
|
|
@@ -21,14 +22,21 @@ const RoundedTab = props => {
|
|
|
21
22
|
let {
|
|
22
23
|
item
|
|
23
24
|
} = _ref;
|
|
24
|
-
|
|
25
|
-
label
|
|
26
|
-
value
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
const {
|
|
26
|
+
label,
|
|
27
|
+
value,
|
|
28
|
+
leading,
|
|
29
|
+
trailing,
|
|
30
|
+
...rest
|
|
31
|
+
} = item;
|
|
32
|
+
return /*#__PURE__*/React.createElement(TabItem, _extends({
|
|
33
|
+
label: label,
|
|
34
|
+
value: value,
|
|
35
|
+
isSelected: selectedValue === value,
|
|
36
|
+
leading: leading,
|
|
37
|
+
trailing: trailing,
|
|
30
38
|
onPress: onTabItemPress
|
|
31
|
-
});
|
|
39
|
+
}, rest));
|
|
32
40
|
}
|
|
33
41
|
// eslint-disable-next-line react/no-unstable-nested-components
|
|
34
42
|
,
|
|
@@ -44,7 +52,8 @@ function TabItem(props) {
|
|
|
44
52
|
isSelected = false,
|
|
45
53
|
onPress = () => null,
|
|
46
54
|
leading = null,
|
|
47
|
-
trailing = null
|
|
55
|
+
trailing = null,
|
|
56
|
+
...rest
|
|
48
57
|
} = props;
|
|
49
58
|
const computedStyle = getTabItemStyle(props);
|
|
50
59
|
const animatedButtonScale = new Animated.Value(1);
|
|
@@ -74,11 +83,11 @@ function TabItem(props) {
|
|
|
74
83
|
onPress(value);
|
|
75
84
|
}
|
|
76
85
|
};
|
|
77
|
-
return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
|
|
86
|
+
return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, _extends({
|
|
78
87
|
onPress: onTabItemPress,
|
|
79
88
|
onPressIn: onPressIn,
|
|
80
89
|
onPressOut: onPressOut
|
|
81
|
-
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
90
|
+
}, rest), /*#__PURE__*/React.createElement(Animated.View, {
|
|
82
91
|
style: [computedStyle.container, animatedScaleStyle]
|
|
83
92
|
}, leading && /*#__PURE__*/React.createElement(View, {
|
|
84
93
|
style: [computedStyle.leadingWrapper]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","getStyle","getTabItemStyle","TouchableWithoutFeedback","Typography","Animated","FlatList","RoundedTab","props","data","selectedValue","onTabItemPress","computedStyle","container","item","label","value","leading","trailing","itemSeparator","TabItem","isSelected","onPress","animatedButtonScale","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,EAAEC,eAAe,QAAQ,qBAAqB;AAG/D,SAASC,wBAAwB,QAAQ,cAAc;AACvD,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,QAAQ,QAAQ,cAAc;
|
|
1
|
+
{"version":3,"names":["React","View","getStyle","getTabItemStyle","TouchableWithoutFeedback","Typography","Animated","FlatList","RoundedTab","props","data","selectedValue","onTabItemPress","computedStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","animatedButtonScale","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.component.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheet.component.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,aAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAItE,QAAA,MAAM,WAAW,+FA4MhB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.style.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzD,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,wBAAwB,CAAC,EAAE,SAAS,CAAC;CACtC;AAED,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"BottomSheet.style.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzD,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,wBAAwB,CAAC,EAAE,SAAS,CAAC;CACtC;AAED,eAAO,MAAM,QAAQ,0BAkEpB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import type { TextProps, TouchableHighlightProps } from 'react-native';
|
|
3
|
-
|
|
3
|
+
import type { ModalProps } from 'react-native-modal';
|
|
4
|
+
export interface BottomSheetProps extends Omit<ModalProps, 'isVisible'> {
|
|
4
5
|
onDismiss?: () => void;
|
|
5
6
|
sheetHeader?: ReactNode;
|
|
6
7
|
title: string;
|
|
@@ -13,8 +14,10 @@ export interface BottomSheetProps {
|
|
|
13
14
|
action?: ReactNode;
|
|
14
15
|
largeIcon?: ReactNode;
|
|
15
16
|
largeIconContainerHeight?: number;
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
/**
|
|
18
|
+
* Decimal number between 0 - 1
|
|
19
|
+
*/
|
|
20
|
+
maxSheetHeight?: number;
|
|
18
21
|
}
|
|
19
22
|
export declare type BottomSheetRefHandle = {
|
|
20
23
|
open: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.type.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheet.type.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,KAAK,EAAE,MAAM,CAAC;IAEd,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAE3C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC"}
|
|
@@ -33,7 +33,7 @@ export interface CheckboxInputProps {
|
|
|
33
33
|
data?: CheckboxItemProps[];
|
|
34
34
|
onSaveInput?: (selectedValue?: CheckboxItemProps[]) => void;
|
|
35
35
|
saveInputLabel: string;
|
|
36
|
-
saveInputProps
|
|
36
|
+
saveInputProps: ButtonProps;
|
|
37
37
|
bottomSheetOpt: Omit<BottomSheetProps, 'visibility' | 'onDismiss'>;
|
|
38
38
|
selectionLimit?: number;
|
|
39
39
|
onInputDismiss?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxInput.type.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckBoxInput/CheckBoxInput.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAE5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAE3B,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAE5D,cAAc,EAAE,MAAM,CAAC;IAEvB,cAAc,
|
|
1
|
+
{"version":3,"file":"CheckBoxInput.type.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckBoxInput/CheckBoxInput.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAE5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAE3B,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAE5D,cAAc,EAAE,MAAM,CAAC;IAEvB,cAAc,EAAE,WAAW,CAAC;IAE5B,cAAc,EAAE,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,WAAW,CAAC,CAAC;IAEnE,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,GAAG,CAAC;IAEjE,mBAAmB,CAAC,EAAE,GAAG,CAAC;CAC3B;AAED,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,uBAAuB,CAAC;AAE5B,oBAAY,0BAA0B,GAAG;IACvC,IAAI,EAAE;QACJ,IAAI,EAAE,iBAAiB,CAAC;KACzB,CAAC;IACF,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAClD,CAAC"}
|
|
@@ -33,7 +33,7 @@ export interface RadioInputProps {
|
|
|
33
33
|
data?: RadioItemProps[];
|
|
34
34
|
onSaveInput?: (selectedValue?: RadioItemProps) => void;
|
|
35
35
|
saveInputLabel: string;
|
|
36
|
-
saveInputProps
|
|
36
|
+
saveInputProps: ButtonProps;
|
|
37
37
|
bottomSheetOpt: Omit<BottomSheetProps, 'visibility' | 'onDismiss'>;
|
|
38
38
|
onInputDismiss?: () => void;
|
|
39
39
|
customRadioInput?: (props: RadioItemPropsComponent) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioInput.type.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioInput/RadioInput.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IAExB,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAEvD,cAAc,EAAE,MAAM,CAAC;IAEvB,cAAc,
|
|
1
|
+
{"version":3,"file":"RadioInput.type.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioInput/RadioInput.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IAExB,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAEvD,cAAc,EAAE,MAAM,CAAC;IAEvB,cAAc,EAAE,WAAW,CAAC;IAE5B,cAAc,EAAE,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,WAAW,CAAC,CAAC;IAEnE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC;IAE3D,mBAAmB,CAAC,EAAE,GAAG,CAAC;CAC3B;AAED,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,uBAAuB,CAAC;AAE5B,oBAAY,uBAAuB,GAAG;IACpC,IAAI,EAAE;QACJ,IAAI,EAAE,cAAc,CAAC;KACtB,CAAC;IACF,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C,CAAC"}
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { TextInputProps } from './TextInput.type';
|
|
3
|
-
/**
|
|
4
|
-
* This component extend react-native-mask-input package
|
|
5
|
-
* read, please read react-native-mask-input documentation
|
|
6
|
-
* for further information
|
|
7
|
-
*/
|
|
8
3
|
declare const TextInput: React.FunctionComponent<TextInputProps>;
|
|
9
4
|
export { TextInput };
|
|
10
5
|
//# sourceMappingURL=TextInput.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASvD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA2GtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
export interface TextInputProps extends
|
|
2
|
+
import type { TextInput } from 'react-native';
|
|
3
|
+
export interface TextInputProps extends React.ComponentProps<typeof TextInput> {
|
|
4
4
|
/**
|
|
5
5
|
* A string that specifies the label text for the input field.
|
|
6
6
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.type.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"TextInput.type.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC;IAC5E;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
|
|
@@ -11,7 +11,7 @@ export { StepperCounter } from './StepperCounter/StepperCounter.component';
|
|
|
11
11
|
export { Divider } from './Divider/Divider.component';
|
|
12
12
|
export { Tabs } from './Tabs/Tabs.component';
|
|
13
13
|
export { RadioButton } from './RadioButton/RadioButton.component';
|
|
14
|
-
export { BottomSheet } from './BottomSheet/BottomSheet.component';
|
|
14
|
+
export { BottomSheet, BottomSheetHandler, } from './BottomSheet/BottomSheet.component';
|
|
15
15
|
export { RadioInput } from './RadioInput/RadioInput.component';
|
|
16
16
|
export { CheckBoxInput } from './CheckBoxInput/CheckBoxInput.component';
|
|
17
17
|
export { Checkbox } from './Checkbox/Checkbox.component';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EACL,WAAW,EACX,kBAAkB,GACnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rounded-tab.component.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"rounded-tab.component.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,oBAAoB,CAAC;AAOxE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA+BxD,CAAC;AAuEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,20 +1,15 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { TouchableWithoutFeedbackProps } from 'react-native';
|
|
2
3
|
export interface RoundedTabProps {
|
|
3
|
-
data:
|
|
4
|
-
label: string;
|
|
5
|
-
value: string;
|
|
6
|
-
leading?: ReactNode;
|
|
7
|
-
trailing?: ReactNode;
|
|
8
|
-
}[];
|
|
4
|
+
data: Omit<TabItemProps, 'isSelected'>[];
|
|
9
5
|
selectedValue: string;
|
|
10
|
-
onTabItemPress: (value:
|
|
6
|
+
onTabItemPress: (value: any) => void;
|
|
11
7
|
}
|
|
12
|
-
export declare type TabItemProps = {
|
|
8
|
+
export declare type TabItemProps = TouchableWithoutFeedbackProps & {
|
|
13
9
|
label: string;
|
|
14
|
-
value:
|
|
15
|
-
isSelected: boolean;
|
|
16
|
-
onPress: (value: string) => void;
|
|
10
|
+
value: any;
|
|
17
11
|
leading?: ReactNode;
|
|
18
12
|
trailing?: ReactNode;
|
|
13
|
+
isSelected: boolean;
|
|
19
14
|
};
|
|
20
15
|
//# sourceMappingURL=rounded-tab.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rounded-tab.type.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"rounded-tab.type.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,EAAE,CAAC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACtC;AAED,oBAAY,YAAY,GAAG,6BAA6B,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adiraku/react-native-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "test",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"peerDependencies": {
|
|
81
81
|
"react": "*",
|
|
82
82
|
"react-native": "*",
|
|
83
|
-
"react-native-svg": "
|
|
83
|
+
"react-native-svg": "9.9.3"
|
|
84
84
|
},
|
|
85
85
|
"packageManager": "^yarn@1.22.15",
|
|
86
86
|
"jest": {
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
]
|
|
127
127
|
},
|
|
128
128
|
"dependencies": {
|
|
129
|
-
"react-native-
|
|
129
|
+
"react-native-modal": "^11.5.6",
|
|
130
130
|
"react-native-toast-message": "^2.1.6"
|
|
131
131
|
}
|
|
132
132
|
}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
Dimensions,
|
|
5
|
-
PanResponder,
|
|
6
|
-
Modal,
|
|
7
|
-
TouchableWithoutFeedback,
|
|
8
|
-
View,
|
|
9
|
-
} from 'react-native';
|
|
2
|
+
import { Animated, Dimensions, PanResponder, View } from 'react-native';
|
|
3
|
+
import Modal from 'react-native-modal';
|
|
10
4
|
|
|
11
5
|
import { getStyle } from './BottomSheet.style';
|
|
12
6
|
import { Typography } from '../typography/typography.component';
|
|
@@ -21,6 +15,8 @@ type BottomSheetRefHandle = {
|
|
|
21
15
|
|
|
22
16
|
export type BottomSheetHandler = React.ElementRef<typeof BottomSheet>;
|
|
23
17
|
|
|
18
|
+
const deviceWindow = Dimensions.get('window');
|
|
19
|
+
|
|
24
20
|
const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
|
|
25
21
|
(props, ref) => {
|
|
26
22
|
const {
|
|
@@ -29,26 +25,30 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
|
|
|
29
25
|
titleProps = {},
|
|
30
26
|
subtitle,
|
|
31
27
|
subtitleProps = {},
|
|
32
|
-
isOverlayDismissDisabled = false,
|
|
33
28
|
dismissIcon = null,
|
|
34
29
|
dismissIconProps = {},
|
|
35
30
|
action = null,
|
|
36
31
|
largeIcon = null,
|
|
37
32
|
largeIconContainerHeight = 50,
|
|
38
|
-
|
|
33
|
+
maxSheetHeight = 0.85,
|
|
34
|
+
backdropTransitionOutTiming = 0,
|
|
35
|
+
onBackdropPress = () => {},
|
|
36
|
+
onBackButtonPress = () => {},
|
|
39
37
|
children,
|
|
38
|
+
...rest
|
|
40
39
|
} = props;
|
|
41
|
-
|
|
42
|
-
const
|
|
43
|
-
const panY = React.useRef(new Animated.Value(screenHeight)).current;
|
|
40
|
+
|
|
41
|
+
const computedStyle = getStyle();
|
|
44
42
|
|
|
45
43
|
const [visibility, setVisibility] = React.useState(false);
|
|
44
|
+
const panY = React.useRef(new Animated.Value(deviceWindow.height)).current;
|
|
46
45
|
|
|
47
46
|
React.useImperativeHandle(
|
|
48
47
|
ref,
|
|
49
48
|
() => {
|
|
50
49
|
return {
|
|
51
50
|
open() {
|
|
51
|
+
console.log('clicked');
|
|
52
52
|
setVisibility(true);
|
|
53
53
|
},
|
|
54
54
|
close() {
|
|
@@ -59,7 +59,10 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
|
|
|
59
59
|
[]
|
|
60
60
|
);
|
|
61
61
|
|
|
62
|
-
const
|
|
62
|
+
const handleDismiss = () => {
|
|
63
|
+
setVisibility(false);
|
|
64
|
+
closeAnim.start(onDismiss);
|
|
65
|
+
};
|
|
63
66
|
|
|
64
67
|
const resetPositionAnim = Animated.timing(panY, {
|
|
65
68
|
toValue: 0,
|
|
@@ -68,7 +71,7 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
|
|
|
68
71
|
});
|
|
69
72
|
|
|
70
73
|
const closeAnim = Animated.timing(panY, {
|
|
71
|
-
toValue:
|
|
74
|
+
toValue: deviceWindow.height,
|
|
72
75
|
duration: 300,
|
|
73
76
|
useNativeDriver: true,
|
|
74
77
|
});
|
|
@@ -78,11 +81,6 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
|
|
|
78
81
|
outputRange: [0, 0, 1],
|
|
79
82
|
});
|
|
80
83
|
|
|
81
|
-
const handleDismiss = () => {
|
|
82
|
-
setVisibility(false);
|
|
83
|
-
closeAnim.start(onDismiss);
|
|
84
|
-
};
|
|
85
|
-
|
|
86
84
|
React.useEffect(() => {
|
|
87
85
|
resetPositionAnim.start();
|
|
88
86
|
}, [resetPositionAnim]);
|
|
@@ -110,8 +108,8 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
|
|
|
110
108
|
<View
|
|
111
109
|
style={[
|
|
112
110
|
{
|
|
113
|
-
maxWidth: ((
|
|
114
|
-
minWidth: ((
|
|
111
|
+
maxWidth: ((deviceWindow.width - 32) / 8) * 2,
|
|
112
|
+
minWidth: ((deviceWindow.width - 32) / 8) * 2,
|
|
115
113
|
},
|
|
116
114
|
]}
|
|
117
115
|
>
|
|
@@ -129,8 +127,8 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
|
|
|
129
127
|
<View
|
|
130
128
|
style={[
|
|
131
129
|
{
|
|
132
|
-
maxWidth: ((
|
|
133
|
-
minWidth: ((
|
|
130
|
+
maxWidth: ((deviceWindow.width - 32) / 8) * 4,
|
|
131
|
+
minWidth: ((deviceWindow.width - 32) / 8) * 4,
|
|
134
132
|
},
|
|
135
133
|
]}
|
|
136
134
|
>
|
|
@@ -148,8 +146,8 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
|
|
|
148
146
|
<View
|
|
149
147
|
style={[
|
|
150
148
|
{
|
|
151
|
-
maxWidth: ((
|
|
152
|
-
minWidth: ((
|
|
149
|
+
maxWidth: ((deviceWindow.width - 32) / 8) * 2,
|
|
150
|
+
minWidth: ((deviceWindow.width - 32) / 8) * 2,
|
|
153
151
|
},
|
|
154
152
|
computedStyle.sheetActionWrapper,
|
|
155
153
|
]}
|
|
@@ -188,38 +186,38 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
|
|
|
188
186
|
|
|
189
187
|
return (
|
|
190
188
|
<Modal
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
189
|
+
isVisible={visibility}
|
|
190
|
+
backdropTransitionOutTiming={backdropTransitionOutTiming}
|
|
191
|
+
onBackdropPress={() => {
|
|
192
|
+
onBackdropPress();
|
|
193
|
+
handleDismiss();
|
|
194
|
+
}}
|
|
195
|
+
onBackButtonPress={() => {
|
|
196
|
+
onBackButtonPress();
|
|
197
|
+
handleDismiss();
|
|
198
|
+
}}
|
|
199
|
+
onSwipeComplete={() => handleDismiss()}
|
|
200
|
+
style={{ flex: 1, margin: 0 }}
|
|
201
|
+
{...rest}
|
|
196
202
|
>
|
|
197
|
-
<View
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
<View style={[computedStyle.overlay]} />
|
|
203
|
-
</TouchableWithoutFeedback>
|
|
204
|
-
<Animated.View
|
|
205
|
-
style={{
|
|
206
|
-
...computedStyle.container,
|
|
203
|
+
<Animated.View
|
|
204
|
+
style={[
|
|
205
|
+
computedStyle.container,
|
|
206
|
+
{
|
|
207
|
+
maxHeight: deviceWindow.height * maxSheetHeight,
|
|
207
208
|
transform: [{ translateY: translateY }],
|
|
208
|
-
}
|
|
209
|
+
},
|
|
210
|
+
]}
|
|
211
|
+
>
|
|
212
|
+
<View
|
|
213
|
+
style={[computedStyle.sheetIndicatorWrapper]}
|
|
214
|
+
{...panResponders.panHandlers}
|
|
209
215
|
>
|
|
210
|
-
<View
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
{!largeIcon && <View style={computedStyle.sliderIndicator} />}
|
|
216
|
-
</View>
|
|
217
|
-
{largeIcon ? renderLargeIconComponent() : renderSheetHeader()}
|
|
218
|
-
</View>
|
|
219
|
-
|
|
220
|
-
{children}
|
|
221
|
-
</Animated.View>
|
|
222
|
-
</View>
|
|
216
|
+
{!largeIcon && <View style={computedStyle.sliderIndicator} />}
|
|
217
|
+
</View>
|
|
218
|
+
{largeIcon ? renderLargeIconComponent() : renderSheetHeader()}
|
|
219
|
+
{children}
|
|
220
|
+
</Animated.View>
|
|
223
221
|
</Modal>
|
|
224
222
|
);
|
|
225
223
|
}
|