@adiraku/react-native-ui 1.2.9-canary-7 → 2.0.0-canary-2
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/ActionList/ActionList.component.js +8 -7
- package/lib/commonjs/components/ActionList/ActionList.component.js.map +1 -1
- package/lib/commonjs/components/ActionList/ActionList.styles.js +13 -10
- package/lib/commonjs/components/ActionList/ActionList.styles.js.map +1 -1
- package/lib/commonjs/components/Appbar/Appbar.component.js +5 -4
- package/lib/commonjs/components/Appbar/Appbar.component.js.map +1 -1
- package/lib/commonjs/components/Appbar/Appbar.style.js +15 -12
- package/lib/commonjs/components/Appbar/Appbar.style.js.map +1 -1
- package/lib/commonjs/components/BottomSheet/BottomSheet.component.js +1 -1
- package/lib/commonjs/components/BottomSheet/BottomSheet.component.js.map +1 -1
- package/lib/commonjs/components/BottomSheet/BottomSheet.style.js +10 -8
- package/lib/commonjs/components/BottomSheet/BottomSheet.style.js.map +1 -1
- package/lib/commonjs/components/CheckBoxInput/CheckBoxInput.component.js +16 -16
- package/lib/commonjs/components/CheckBoxInput/CheckBoxInput.component.js.map +1 -1
- package/lib/commonjs/components/CheckBoxInput/CheckBoxInput.style.js +35 -25
- package/lib/commonjs/components/CheckBoxInput/CheckBoxInput.style.js.map +1 -1
- package/lib/commonjs/components/Checkbox/Checkbox.component.js +8 -4
- package/lib/commonjs/components/Checkbox/Checkbox.component.js.map +1 -1
- package/lib/commonjs/components/Checkbox/Checkbox.style.js +16 -17
- package/lib/commonjs/components/Checkbox/Checkbox.style.js.map +1 -1
- package/lib/commonjs/components/Pagination/pagination.component.js +39 -0
- package/lib/commonjs/components/Pagination/pagination.component.js.map +1 -0
- package/lib/commonjs/components/Pagination/pagination.style.js +26 -0
- package/lib/commonjs/components/Pagination/pagination.style.js.map +1 -0
- package/lib/commonjs/components/Pagination/pagination.type.js +2 -0
- package/lib/commonjs/components/Pagination/pagination.type.js.map +1 -0
- package/lib/commonjs/components/RadioButton/RadioButton.component.js +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.component.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.style.js +15 -12
- package/lib/commonjs/components/RadioButton/RadioButton.style.js.map +1 -1
- package/lib/commonjs/components/RadioInput/RadioInput.component.js +17 -19
- package/lib/commonjs/components/RadioInput/RadioInput.component.js.map +1 -1
- package/lib/commonjs/components/RadioInput/RadioInput.style.js +35 -25
- package/lib/commonjs/components/RadioInput/RadioInput.style.js.map +1 -1
- package/lib/commonjs/components/StickyBar/StickyBar.component.js +67 -0
- package/lib/commonjs/components/StickyBar/StickyBar.component.js.map +1 -0
- package/lib/commonjs/components/StickyBar/StickyBar.style.js +64 -0
- package/lib/commonjs/components/StickyBar/StickyBar.style.js.map +1 -0
- package/lib/commonjs/components/StickyBar/StickyBar.type.js +6 -0
- package/lib/commonjs/components/StickyBar/StickyBar.type.js.map +1 -0
- package/lib/commonjs/components/TextInput/TextInput.component.js +9 -3
- package/lib/commonjs/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/commonjs/components/TextInput/TextInput.style.js +30 -25
- package/lib/commonjs/components/TextInput/TextInput.style.js.map +1 -1
- package/lib/commonjs/components/View/View.component.js +42 -0
- package/lib/commonjs/components/View/View.component.js.map +1 -0
- package/lib/commonjs/components/View/View.type.js +6 -0
- package/lib/commonjs/components/View/View.type.js.map +1 -0
- package/lib/commonjs/components/button/button.component.js +7 -4
- package/lib/commonjs/components/button/button.component.js.map +1 -1
- package/lib/commonjs/components/button/button.styles.js +21 -17
- package/lib/commonjs/components/button/button.styles.js.map +1 -1
- package/lib/commonjs/components/calendars/calendars.component.js +37 -37
- package/lib/commonjs/components/calendars/calendars.component.js.map +1 -1
- package/lib/commonjs/components/calendars/calendars.service.js.map +1 -1
- package/lib/commonjs/components/calendars/calendars.style.js +73 -51
- package/lib/commonjs/components/calendars/calendars.style.js.map +1 -1
- package/lib/commonjs/components/index.js +21 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/typography/typography.component.js +12 -2
- package/lib/commonjs/components/typography/typography.component.js.map +1 -1
- package/lib/commonjs/components/typography/typography.style.js +21 -351
- package/lib/commonjs/components/typography/typography.style.js.map +1 -1
- package/lib/commonjs/config/index.js +50 -0
- package/lib/commonjs/config/index.js.map +1 -0
- package/lib/commonjs/config/makeStyles.js +37 -0
- package/lib/commonjs/config/makeStyles.js.map +1 -0
- package/lib/commonjs/config/theme.default.js +422 -0
- package/lib/commonjs/config/theme.default.js.map +1 -0
- package/lib/commonjs/config/theme.provider.js +48 -0
- package/lib/commonjs/config/theme.provider.js.map +1 -0
- package/lib/commonjs/config/theme.type.js +6 -0
- package/lib/commonjs/config/theme.type.js.map +1 -0
- package/lib/commonjs/index.js +11 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/themes/border.js.map +1 -1
- package/lib/commonjs/themes/colors.js +1 -1
- package/lib/commonjs/themes/shadow.js +1 -0
- package/lib/commonjs/themes/shadow.js.map +1 -1
- package/lib/module/components/ActionList/ActionList.component.js +8 -7
- package/lib/module/components/ActionList/ActionList.component.js.map +1 -1
- package/lib/module/components/ActionList/ActionList.styles.js +11 -7
- package/lib/module/components/ActionList/ActionList.styles.js.map +1 -1
- package/lib/module/components/Appbar/Appbar.component.js +4 -3
- package/lib/module/components/Appbar/Appbar.component.js.map +1 -1
- package/lib/module/components/Appbar/Appbar.style.js +10 -6
- package/lib/module/components/Appbar/Appbar.style.js.map +1 -1
- package/lib/module/components/BottomSheet/BottomSheet.component.js +2 -2
- package/lib/module/components/BottomSheet/BottomSheet.component.js.map +1 -1
- package/lib/module/components/BottomSheet/BottomSheet.style.js +10 -7
- package/lib/module/components/BottomSheet/BottomSheet.style.js.map +1 -1
- package/lib/module/components/CheckBoxInput/CheckBoxInput.component.js +17 -17
- package/lib/module/components/CheckBoxInput/CheckBoxInput.component.js.map +1 -1
- package/lib/module/components/CheckBoxInput/CheckBoxInput.style.js +24 -13
- package/lib/module/components/CheckBoxInput/CheckBoxInput.style.js.map +1 -1
- package/lib/module/components/Checkbox/Checkbox.component.js +9 -5
- package/lib/module/components/Checkbox/Checkbox.component.js.map +1 -1
- package/lib/module/components/Checkbox/Checkbox.style.js +14 -14
- package/lib/module/components/Checkbox/Checkbox.style.js.map +1 -1
- package/lib/module/components/Pagination/pagination.component.js +31 -0
- package/lib/module/components/Pagination/pagination.component.js.map +1 -0
- package/lib/module/components/Pagination/pagination.style.js +20 -0
- package/lib/module/components/Pagination/pagination.style.js.map +1 -0
- package/lib/module/components/Pagination/pagination.type.js +2 -0
- package/lib/module/components/Pagination/pagination.type.js.map +1 -0
- package/lib/module/components/RadioButton/RadioButton.component.js +2 -2
- package/lib/module/components/RadioButton/RadioButton.component.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButton.style.js +12 -8
- package/lib/module/components/RadioButton/RadioButton.style.js.map +1 -1
- package/lib/module/components/RadioInput/RadioInput.component.js +17 -19
- package/lib/module/components/RadioInput/RadioInput.component.js.map +1 -1
- package/lib/module/components/RadioInput/RadioInput.style.js +24 -13
- package/lib/module/components/RadioInput/RadioInput.style.js.map +1 -1
- package/lib/module/components/StickyBar/StickyBar.component.js +60 -0
- package/lib/module/components/StickyBar/StickyBar.component.js.map +1 -0
- package/lib/module/components/StickyBar/StickyBar.style.js +57 -0
- package/lib/module/components/StickyBar/StickyBar.style.js.map +1 -0
- package/lib/module/components/StickyBar/StickyBar.type.js +2 -0
- package/lib/module/components/StickyBar/StickyBar.type.js.map +1 -0
- package/lib/module/components/TextInput/TextInput.component.js +10 -4
- package/lib/module/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/module/components/TextInput/TextInput.style.js +21 -15
- package/lib/module/components/TextInput/TextInput.style.js.map +1 -1
- package/lib/module/components/View/View.component.js +35 -0
- package/lib/module/components/View/View.component.js.map +1 -0
- package/lib/module/components/View/View.type.js +2 -0
- package/lib/module/components/View/View.type.js.map +1 -0
- package/lib/module/components/button/button.component.js +7 -4
- package/lib/module/components/button/button.component.js.map +1 -1
- package/lib/module/components/button/button.styles.js +14 -9
- package/lib/module/components/button/button.styles.js.map +1 -1
- package/lib/module/components/calendars/calendars.component.js +36 -36
- package/lib/module/components/calendars/calendars.component.js.map +1 -1
- package/lib/module/components/calendars/calendars.service.js.map +1 -1
- package/lib/module/components/calendars/calendars.style.js +65 -43
- package/lib/module/components/calendars/calendars.style.js.map +1 -1
- package/lib/module/components/index.js +3 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/typography/typography.component.js +13 -3
- package/lib/module/components/typography/typography.component.js.map +1 -1
- package/lib/module/components/typography/typography.style.js +21 -350
- package/lib/module/components/typography/typography.style.js.map +1 -1
- package/lib/module/config/index.js +5 -0
- package/lib/module/config/index.js.map +1 -0
- package/lib/module/config/makeStyles.js +30 -0
- package/lib/module/config/makeStyles.js.map +1 -0
- package/lib/module/config/theme.default.js +416 -0
- package/lib/module/config/theme.default.js.map +1 -0
- package/lib/module/config/theme.provider.js +35 -0
- package/lib/module/config/theme.provider.js.map +1 -0
- package/lib/module/config/theme.type.js +2 -0
- package/lib/module/config/theme.type.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/themes/border.js.map +1 -1
- package/lib/module/themes/colors.js +1 -1
- package/lib/module/themes/shadow.js +1 -0
- package/lib/module/themes/shadow.js.map +1 -1
- package/lib/typescript/components/ActionList/ActionList.component.d.ts.map +1 -1
- package/lib/typescript/components/ActionList/ActionList.styles.d.ts +3 -4
- package/lib/typescript/components/ActionList/ActionList.styles.d.ts.map +1 -1
- package/lib/typescript/components/Appbar/Appbar.component.d.ts.map +1 -1
- package/lib/typescript/components/Appbar/Appbar.style.d.ts +2 -3
- package/lib/typescript/components/Appbar/Appbar.style.d.ts.map +1 -1
- package/lib/typescript/components/BottomSheet/BottomSheet.style.d.ts +1 -1
- package/lib/typescript/components/BottomSheet/BottomSheet.style.d.ts.map +1 -1
- package/lib/typescript/components/CheckBoxInput/CheckBoxInput.component.d.ts +1 -1
- package/lib/typescript/components/CheckBoxInput/CheckBoxInput.component.d.ts.map +1 -1
- package/lib/typescript/components/CheckBoxInput/CheckBoxInput.style.d.ts +5 -4
- package/lib/typescript/components/CheckBoxInput/CheckBoxInput.style.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/Checkbox.component.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/Checkbox.style.d.ts +3 -2
- package/lib/typescript/components/Checkbox/Checkbox.style.d.ts.map +1 -1
- package/lib/typescript/components/Pagination/pagination.component.d.ts +5 -0
- package/lib/typescript/components/Pagination/pagination.component.d.ts.map +1 -0
- package/lib/typescript/components/Pagination/pagination.style.d.ts +19 -0
- package/lib/typescript/components/Pagination/pagination.style.d.ts.map +1 -0
- package/lib/typescript/components/Pagination/pagination.type.d.ts +15 -0
- package/lib/typescript/components/Pagination/pagination.type.d.ts.map +1 -0
- package/lib/typescript/components/RadioButton/RadioButton.component.d.ts +1 -1
- package/lib/typescript/components/RadioButton/RadioButton.component.d.ts.map +1 -1
- package/lib/typescript/components/RadioButton/RadioButton.style.d.ts +2 -2
- package/lib/typescript/components/RadioButton/RadioButton.style.d.ts.map +1 -1
- package/lib/typescript/components/RadioInput/RadioInput.component.d.ts.map +1 -1
- package/lib/typescript/components/RadioInput/RadioInput.style.d.ts +5 -4
- package/lib/typescript/components/RadioInput/RadioInput.style.d.ts.map +1 -1
- package/lib/typescript/components/StickyBar/StickyBar.component.d.ts +5 -0
- package/lib/typescript/components/StickyBar/StickyBar.component.d.ts.map +1 -0
- package/lib/typescript/components/StickyBar/StickyBar.style.d.ts +15 -0
- package/lib/typescript/components/StickyBar/StickyBar.style.d.ts.map +1 -0
- package/lib/typescript/components/StickyBar/StickyBar.type.d.ts +30 -0
- package/lib/typescript/components/StickyBar/StickyBar.type.d.ts.map +1 -0
- package/lib/typescript/components/TextInput/TextInput.component.d.ts.map +1 -1
- package/lib/typescript/components/TextInput/TextInput.style.d.ts +6 -4
- package/lib/typescript/components/TextInput/TextInput.style.d.ts.map +1 -1
- package/lib/typescript/components/TextInput/TextInput.type.d.ts +1 -1
- package/lib/typescript/components/TextInput/TextInput.type.d.ts.map +1 -1
- package/lib/typescript/components/View/View.component.d.ts +4 -0
- package/lib/typescript/components/View/View.component.d.ts.map +1 -0
- package/lib/typescript/components/View/View.type.d.ts +10 -0
- package/lib/typescript/components/View/View.type.d.ts.map +1 -0
- package/lib/typescript/components/button/button.component.d.ts.map +1 -1
- package/lib/typescript/components/button/button.styles.d.ts +3 -4
- package/lib/typescript/components/button/button.styles.d.ts.map +1 -1
- package/lib/typescript/components/calendars/calendars.component.d.ts.map +1 -1
- package/lib/typescript/components/calendars/calendars.service.d.ts.map +1 -1
- package/lib/typescript/components/calendars/calendars.style.d.ts +6 -4
- package/lib/typescript/components/calendars/calendars.style.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +7 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/typography/typography.component.d.ts +1 -1
- package/lib/typescript/components/typography/typography.component.d.ts.map +1 -1
- package/lib/typescript/components/typography/typography.style.d.ts +5 -60
- package/lib/typescript/components/typography/typography.style.d.ts.map +1 -1
- package/lib/typescript/components/typography/typography.type.d.ts +7 -0
- package/lib/typescript/components/typography/typography.type.d.ts.map +1 -1
- package/lib/typescript/config/index.d.ts +5 -0
- package/lib/typescript/config/index.d.ts.map +1 -0
- package/lib/typescript/config/makeStyles.d.ts +4 -0
- package/lib/typescript/config/makeStyles.d.ts.map +1 -0
- package/lib/typescript/config/theme.default.d.ts +178 -0
- package/lib/typescript/config/theme.default.d.ts.map +1 -0
- package/lib/typescript/config/theme.provider.d.ts +8 -0
- package/lib/typescript/config/theme.provider.d.ts.map +1 -0
- package/lib/typescript/config/theme.type.d.ts +12 -0
- package/lib/typescript/config/theme.type.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/themes/shadow.d.ts +2 -3
- package/lib/typescript/themes/shadow.d.ts.map +1 -1
- package/package.json +5 -1
- package/src/components/ActionList/ActionList.component.tsx +20 -17
- package/src/components/ActionList/ActionList.styles.tsx +11 -11
- package/src/components/Appbar/Appbar.component.tsx +4 -3
- package/src/components/Appbar/Appbar.style.tsx +9 -9
- package/src/components/BottomSheet/BottomSheet.component.tsx +2 -2
- package/src/components/BottomSheet/BottomSheet.style.tsx +9 -7
- package/src/components/CheckBoxInput/CheckBoxInput.component.tsx +21 -20
- package/src/components/CheckBoxInput/CheckBoxInput.style.tsx +29 -15
- package/src/components/Checkbox/Checkbox.component.tsx +13 -13
- package/src/components/Checkbox/Checkbox.style.tsx +16 -17
- package/src/components/Pagination/pagination.component.tsx +29 -0
- package/src/components/Pagination/pagination.style.tsx +20 -0
- package/src/components/Pagination/pagination.type.ts +16 -0
- package/src/components/RadioButton/RadioButton.component.tsx +3 -4
- package/src/components/RadioButton/RadioButton.style.tsx +10 -10
- package/src/components/RadioInput/RadioInput.component.tsx +14 -15
- package/src/components/RadioInput/RadioInput.style.tsx +29 -15
- package/src/components/StickyBar/StickyBar.component.tsx +74 -0
- package/src/components/StickyBar/StickyBar.style.tsx +79 -0
- package/src/components/StickyBar/StickyBar.type.ts +35 -0
- package/src/components/TextInput/TextInput.component.tsx +7 -6
- package/src/components/TextInput/TextInput.style.tsx +86 -70
- package/src/components/TextInput/TextInput.type.ts +1 -1
- package/src/components/View/View.component.tsx +42 -0
- package/src/components/View/View.type.ts +14 -0
- package/src/components/button/button.component.tsx +9 -4
- package/src/components/button/button.styles.ts +15 -15
- package/src/components/calendars/calendars.component.tsx +27 -22
- package/src/components/calendars/calendars.service.ts +7 -3
- package/src/components/calendars/calendars.style.ts +77 -49
- package/src/components/index.ts +15 -0
- package/src/components/typography/typography.component.tsx +17 -4
- package/src/components/typography/typography.style.tsx +17 -472
- package/src/components/typography/typography.type.ts +9 -0
- package/src/config/index.ts +4 -0
- package/src/config/makeStyles.ts +52 -0
- package/src/config/theme.default.ts +440 -0
- package/src/config/theme.provider.tsx +53 -0
- package/src/config/theme.type.ts +17 -0
- package/src/index.tsx +1 -0
- package/src/themes/border.ts +3 -3
- package/src/themes/colors.ts +1 -1
- package/src/themes/shadow.tsx +4 -2
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
const Pagination = ({
|
|
4
|
+
totalPages = 1,
|
|
5
|
+
currentPage = 1
|
|
6
|
+
}) => {
|
|
7
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
8
|
+
style: {
|
|
9
|
+
flexDirection: 'row',
|
|
10
|
+
justifyContent: 'flex-start',
|
|
11
|
+
alignItems: 'flex-start'
|
|
12
|
+
}
|
|
13
|
+
}, Array.from({
|
|
14
|
+
length: totalPages
|
|
15
|
+
}).map((_, index) => {
|
|
16
|
+
const page = index + 0;
|
|
17
|
+
const isActive = page === currentPage;
|
|
18
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
19
|
+
key: page,
|
|
20
|
+
style: {
|
|
21
|
+
width: isActive ? 30 : 8,
|
|
22
|
+
height: 8,
|
|
23
|
+
borderRadius: 4,
|
|
24
|
+
backgroundColor: isActive ? '#000' : '#ddd',
|
|
25
|
+
marginHorizontal: 4
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
}));
|
|
29
|
+
};
|
|
30
|
+
export { Pagination };
|
|
31
|
+
//# sourceMappingURL=pagination.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","Pagination","totalPages","currentPage","createElement","style","flexDirection","justifyContent","alignItems","Array","from","length","map","_","index","page","isActive","key","width","height","borderRadius","backgroundColor","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/Pagination/pagination.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAGnC,MAAMC,UAAU,GAAGA,CAAC;EAAEC,UAAU,GAAG,CAAC;EAAEC,WAAW,GAAG;AAAmB,CAAC,KAAK;EAC3E,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACK,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,cAAc,EAAE,YAAY;MAAEC,UAAU,EAAE;IAAa;EAAE,GAC3FC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAET;EAAW,CAAC,CAAC,CAACU,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IACpD,MAAMC,IAAI,GAAGD,KAAK,GAAG,CAAC;IACtB,MAAME,QAAQ,GAAGD,IAAI,KAAKZ,WAAW;IAErC,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;MACHiB,GAAG,EAAEF,IAAK;MACVV,KAAK,EAAE;QACLa,KAAK,EAAEF,QAAQ,GAAG,EAAE,GAAG,CAAC;QACxBG,MAAM,EAAE,CAAC;QACTC,YAAY,EAAE,CAAC;QACfC,eAAe,EAAEL,QAAQ,GAAG,MAAM,GAAG,MAAM;QAC3CM,gBAAgB,EAAE;MACpB;IAAE,CACH,CAAC;EAEN,CAAC,CACG,CAAC;AAEX,CAAC;AAED,SAASrB,UAAU","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
export const styles = StyleSheet.create({
|
|
3
|
+
paginationContainer: {
|
|
4
|
+
flexDirection: 'row',
|
|
5
|
+
justifyContent: 'flex-start',
|
|
6
|
+
alignItems: 'flex-end'
|
|
7
|
+
},
|
|
8
|
+
dot: {
|
|
9
|
+
width: 8,
|
|
10
|
+
height: 8,
|
|
11
|
+
borderRadius: 4,
|
|
12
|
+
backgroundColor: '#ddd',
|
|
13
|
+
marginHorizontal: 4
|
|
14
|
+
},
|
|
15
|
+
activeDot: {
|
|
16
|
+
width: 20,
|
|
17
|
+
backgroundColor: '#000'
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=pagination.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","styles","create","paginationContainer","flexDirection","justifyContent","alignItems","dot","width","height","borderRadius","backgroundColor","marginHorizontal","activeDot"],"sourceRoot":"../../../../src","sources":["components/Pagination/pagination.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EACtCC,mBAAmB,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EACDC,GAAG,EAAE;IACHC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,MAAM;IACvBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,SAAS,EAAE;IACTL,KAAK,EAAE,EAAE;IACTG,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Pagination/pagination.type.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
|
-
import {
|
|
4
|
+
import { useStyles } from './RadioButton.style';
|
|
5
5
|
const RadioButton = props => {
|
|
6
6
|
const {
|
|
7
7
|
selected,
|
|
8
8
|
disabled,
|
|
9
9
|
...rest
|
|
10
10
|
} = props;
|
|
11
|
-
const computedStyle =
|
|
11
|
+
const computedStyle = useStyles();
|
|
12
12
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, _extends({
|
|
13
13
|
style: [computedStyle.outer, disabled && computedStyle.outerDisabled]
|
|
14
14
|
}, rest), /*#__PURE__*/React.createElement(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","
|
|
1
|
+
{"version":3,"names":["React","View","useStyles","RadioButton","props","selected","disabled","rest","computedStyle","createElement","Fragment","_extends","style","outer","outerDisabled","inner","innerSelected","innerDisabled"],"sourceRoot":"../../../../src","sources":["components/RadioButton/RadioButton.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,SAAS,QAAQ,qBAAqB;AAG/C,MAAMC,WAAsD,GAAIC,KAAK,IAAK;EACxE,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAE7C,MAAMI,aAAa,GAAGN,SAAS,CAAC,CAAC;EAEjC,oBACEF,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACEV,KAAA,CAAAS,aAAA,CAACR,IAAI,EAAAU,QAAA;IACHC,KAAK,EAAE,CAACJ,aAAa,CAACK,KAAK,EAAEP,QAAQ,IAAIE,aAAa,CAACM,aAAa;EAAE,GAClEP,IAAI,gBAERP,KAAA,CAAAS,aAAA,CAACR,IAAI;IACHW,KAAK,EAAE,CACLJ,aAAa,CAACO,KAAK,EACnBV,QAAQ,IAAIG,aAAa,CAACQ,aAAa,EACvCX,QAAQ,IAAIC,QAAQ,IAAIE,aAAa,CAACS,aAAa;EACnD,CACH,CACG,CACN,CAAC;AAEP,CAAC;AAED,SAASd,WAAW","ignoreList":[]}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
|
-
import {
|
|
3
|
-
export const
|
|
2
|
+
import { makeStyles } from '../../config';
|
|
3
|
+
export const useStyles = makeStyles(themes => {
|
|
4
|
+
const {
|
|
5
|
+
colors,
|
|
6
|
+
Radius
|
|
7
|
+
} = themes;
|
|
4
8
|
const computedStyle = {};
|
|
5
9
|
computedStyle.outer = {
|
|
6
10
|
height: 18,
|
|
@@ -8,22 +12,22 @@ export const getStyle = () => {
|
|
|
8
12
|
padding: 2,
|
|
9
13
|
borderRadius: Radius.full,
|
|
10
14
|
borderWidth: 2,
|
|
11
|
-
borderColor:
|
|
15
|
+
borderColor: colors['border-primary']
|
|
12
16
|
};
|
|
13
17
|
computedStyle.inner = {
|
|
14
18
|
flex: 1,
|
|
15
19
|
borderRadius: Radius.full,
|
|
16
|
-
backgroundColor:
|
|
20
|
+
backgroundColor: colors['fill-inverse']
|
|
17
21
|
};
|
|
18
22
|
computedStyle.innerSelected = {
|
|
19
|
-
backgroundColor:
|
|
23
|
+
backgroundColor: colors['fill-warning']
|
|
20
24
|
};
|
|
21
25
|
computedStyle.outerDisabled = {
|
|
22
|
-
borderColor:
|
|
26
|
+
borderColor: colors['border-disable']
|
|
23
27
|
};
|
|
24
28
|
computedStyle.innerDisabled = {
|
|
25
|
-
backgroundColor:
|
|
29
|
+
backgroundColor: colors['border-default']
|
|
26
30
|
};
|
|
27
31
|
return StyleSheet.create(computedStyle);
|
|
28
|
-
};
|
|
32
|
+
});
|
|
29
33
|
//# sourceMappingURL=RadioButton.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","
|
|
1
|
+
{"version":3,"names":["StyleSheet","makeStyles","useStyles","themes","colors","Radius","computedStyle","outer","height","width","padding","borderRadius","full","borderWidth","borderColor","inner","flex","backgroundColor","innerSelected","outerDisabled","innerDisabled","create"],"sourceRoot":"../../../../src","sources":["components/RadioButton/RadioButton.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAmB,cAAc;AAEpD,SAASC,UAAU,QAAQ,cAAc;AAUzC,OAAO,MAAMC,SAAS,GAAGD,UAAU,CAAEE,MAAM,IAAK;EAC9C,MAAM;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGF,MAAM;EACjC,MAAMG,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,KAAK,GAAG;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAEN,MAAM,CAACO,IAAI;IACzBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEV,MAAM,CAAC,gBAAgB;EACtC,CAAC;EAEDE,aAAa,CAACS,KAAK,GAAG;IACpBC,IAAI,EAAE,CAAC;IACPL,YAAY,EAAEN,MAAM,CAACO,IAAI;IACzBK,eAAe,EAAEb,MAAM,CAAC,cAAc;EACxC,CAAC;EAEDE,aAAa,CAACY,aAAa,GAAG;IAC5BD,eAAe,EAAEb,MAAM,CAAC,cAAc;EACxC,CAAC;EAEDE,aAAa,CAACa,aAAa,GAAG;IAC5BL,WAAW,EAAEV,MAAM,CAAC,gBAAgB;EACtC,CAAC;EAEDE,aAAa,CAACc,aAAa,GAAG;IAC5BH,eAAe,EAAEb,MAAM,CAAC,gBAAgB;EAC1C,CAAC;EAED,OAAOJ,UAAU,CAACqB,MAAM,CAACf,aAAa,CAAC;AACzC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Animated, FlatList, TouchableHighlight, TouchableWithoutFeedback, View } from 'react-native';
|
|
4
|
-
import {
|
|
5
|
-
import { Palettes } from '../../themes';
|
|
4
|
+
import { useAppTheme } from '../../config';
|
|
6
5
|
import { IconChevronDown } from '../../icons';
|
|
7
6
|
import { Button } from '../button/button.component';
|
|
8
|
-
import { Typography } from '../typography/typography.component';
|
|
9
7
|
import { BottomSheet } from '../BottomSheet/BottomSheet.component';
|
|
10
|
-
import { RadioButton } from '../RadioButton/RadioButton.component';
|
|
11
8
|
import { Divider } from '../Divider/Divider.component';
|
|
9
|
+
import { RadioButton } from '../RadioButton/RadioButton.component';
|
|
10
|
+
import { Typography } from '../typography/typography.component';
|
|
11
|
+
import { useStyles } from './RadioInput.style';
|
|
12
12
|
const RadioInput = props => {
|
|
13
|
+
const {
|
|
14
|
+
colors
|
|
15
|
+
} = useAppTheme();
|
|
13
16
|
const {
|
|
14
17
|
value,
|
|
15
18
|
label,
|
|
@@ -22,7 +25,7 @@ const RadioInput = props => {
|
|
|
22
25
|
inputIcon = /*#__PURE__*/React.createElement(IconChevronDown, {
|
|
23
26
|
width: 14,
|
|
24
27
|
height: 14,
|
|
25
|
-
fill:
|
|
28
|
+
fill: colors['icon-primary']
|
|
26
29
|
}),
|
|
27
30
|
data,
|
|
28
31
|
onSaveInput = () => {},
|
|
@@ -37,9 +40,8 @@ const RadioInput = props => {
|
|
|
37
40
|
...rest
|
|
38
41
|
} = props;
|
|
39
42
|
const [labelWidth, setLabelWidth] = React.useState(0);
|
|
40
|
-
// const [inputVisibility, setInputVisibility] = React.useState(false);
|
|
41
43
|
const [selectedValue, setSelectedValue] = React.useState(value);
|
|
42
|
-
const computedStyle =
|
|
44
|
+
const computedStyle = useStyles(props);
|
|
43
45
|
const ref = React.useRef(null);
|
|
44
46
|
const animation = React.useRef(new Animated.Value(0));
|
|
45
47
|
const scale = animation.current.interpolate({
|
|
@@ -127,7 +129,7 @@ const RadioInput = props => {
|
|
|
127
129
|
style: computedStyle.label
|
|
128
130
|
}, label)), /*#__PURE__*/React.createElement(View, {
|
|
129
131
|
style: [computedStyle.inputWrapper, !!selectedObject() && !isError && !errorMessage && {
|
|
130
|
-
borderColor:
|
|
132
|
+
borderColor: colors['border-primary']
|
|
131
133
|
}]
|
|
132
134
|
}, /*#__PURE__*/React.createElement(Typography, {
|
|
133
135
|
variant: "body2",
|
|
@@ -158,18 +160,11 @@ const RadioInput = props => {
|
|
|
158
160
|
selectedValue: selectedValue,
|
|
159
161
|
onItemPress: onRadioItemPress
|
|
160
162
|
});
|
|
161
|
-
}
|
|
162
|
-
// eslint-disable-next-line react-native/no-inline-styles
|
|
163
|
-
,
|
|
164
|
-
contentContainerStyle: {
|
|
165
|
-
padding: 16
|
|
166
163
|
},
|
|
164
|
+
contentContainerStyle: computedStyle.sheetListContentContainer,
|
|
167
165
|
ItemSeparatorComponent: () => customItemSeparator
|
|
168
166
|
}), /*#__PURE__*/React.createElement(View, {
|
|
169
|
-
style:
|
|
170
|
-
padding: 16,
|
|
171
|
-
backgroundColor: 'transparent'
|
|
172
|
-
}
|
|
167
|
+
style: computedStyle.sheetBottomContaienr
|
|
173
168
|
}, /*#__PURE__*/React.createElement(Button, _extends({
|
|
174
169
|
variant: "primary",
|
|
175
170
|
label: saveInputLabel,
|
|
@@ -183,6 +178,9 @@ function RadioItem({
|
|
|
183
178
|
testID,
|
|
184
179
|
...rest
|
|
185
180
|
}) {
|
|
181
|
+
const {
|
|
182
|
+
colors
|
|
183
|
+
} = useAppTheme();
|
|
186
184
|
const {
|
|
187
185
|
item
|
|
188
186
|
} = data;
|
|
@@ -191,10 +189,10 @@ function RadioItem({
|
|
|
191
189
|
value,
|
|
192
190
|
disabled
|
|
193
191
|
} = item;
|
|
194
|
-
const computedStyle =
|
|
192
|
+
const computedStyle = useStyles({});
|
|
195
193
|
return /*#__PURE__*/React.createElement(TouchableHighlight, _extends({
|
|
196
194
|
onPress: () => onItemPress(item),
|
|
197
|
-
underlayColor:
|
|
195
|
+
underlayColor: colors['fill-disable-secondary'],
|
|
198
196
|
disabled: disabled,
|
|
199
197
|
testID: testID + 'item_radio_touchable_' + data.index,
|
|
200
198
|
accessibilityLabel: testID + 'item_radio_touchable_' + data.index
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","FlatList","TouchableHighlight","TouchableWithoutFeedback","View","
|
|
1
|
+
{"version":3,"names":["React","Animated","FlatList","TouchableHighlight","TouchableWithoutFeedback","View","useAppTheme","IconChevronDown","Button","BottomSheet","Divider","RadioButton","Typography","useStyles","RadioInput","props","colors","value","label","errorMessage","helperMessage","helperMessageProps","isError","disabled","editable","inputIcon","createElement","width","height","fill","data","onSaveInput","saveInputLabel","saveInputProps","bottomSheetOpt","onInputDismiss","customRadioInput","customItemSeparator","testID","onShow","rest","labelWidth","setLabelWidth","useState","selectedValue","setSelectedValue","computedStyle","ref","useRef","animation","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","selectedObject","useCallback","_data$find","find","obj","useEffect","getLabelWidth","event","nativeEvent","layout","onRadioItemPress","radioValue","handleOnSaveInput","_ref$current","close","handleOnBottomSheetDismiss","openBottomSheet","_ref$current2","open","Fragment","_extends","onPress","style","fieldWrapper","fieldContainer","labelContainer","transform","onLayout","pointerEvents","variant","inputWrapper","borderColor","textField","numberOfLines","accessibilityLabel","messageHelper","onDismiss","renderItem","item","onItemPress","RadioItem","contentContainerStyle","sheetListContentContainer","ItemSeparatorComponent","sheetBottomContaienr","underlayColor","index","radioItemWrapper","selected"],"sourceRoot":"../../../../src","sources":["components/RadioInput/RadioInput.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,QAAQ,EAERC,kBAAkB,EAClBC,wBAAwB,EACxBC,IAAI,QACC,cAAc;AAErB,SAASC,WAAW,QAAQ,cAAc;AAC1C,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,WAAW,QAAQ,sCAAsC;AAClE,SAASC,OAAO,QAAQ,8BAA8B;AACtD,SAASC,WAAW,QAAQ,sCAAsC;AAClE,SAASC,UAAU,QAAQ,oCAAoC;AAO/D,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,MAAMC,UAAoD,GAAIC,KAAK,IAAK;EACtE,MAAM;IAAEC;EAAO,CAAC,GAAGV,WAAW,CAAC,CAAC;EAChC,MAAM;IACJW,KAAK;IACLC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,kBAAkB;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ,GAAG,IAAI;IACfC,SAAS,gBACPzB,KAAA,CAAA0B,aAAA,CAACnB,eAAe;MAACoB,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACC,IAAI,EAAEb,MAAM,CAAC,cAAc;IAAE,CAAE,CACxE;IACDc,IAAI;IACJC,WAAW,GAAGA,CAAA,KAAM,CAAC,CAAC;IACtBC,cAAc;IACdC,cAAc,GAAG,CAAC,CAAC;IACnBC,cAAc;IACdC,cAAc,GAAGA,CAAA,KAAM,CAAC,CAAC;IACzBC,gBAAgB;IAChBC,mBAAmB,gBAAGrC,KAAA,CAAA0B,aAAA,CAAChB,OAAO,MAAE,CAAC;IACjC4B,MAAM;IACNC,MAAM;IACN,GAAGC;EACL,CAAC,GAAGzB,KAAK;EAET,MAAM,CAAC0B,UAAU,EAAEC,aAAa,CAAC,GAAG1C,KAAK,CAAC2C,QAAQ,CAAC,CAAC,CAAC;EACrD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG7C,KAAK,CAAC2C,QAAQ,CAAC1B,KAAK,CAAC;EAE/D,MAAM6B,aAAa,GAAGjC,SAAS,CAACE,KAAK,CAAC;EAGtC,MAAMgC,GAAG,GAAG/C,KAAK,CAACgD,MAAM,CAAqB,IAAI,CAAC;EAElD,MAAMC,SAAS,GAAGjD,KAAK,CAACgD,MAAM,CAAC,IAAI/C,QAAQ,CAACiD,KAAK,CAAC,CAAC,CAAC,CAAC;EACrD,MAAMC,KAAK,GAAGF,SAAS,CAACG,OAAO,CAACC,WAAW,CAAC;IAC1CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG;EACtB,CAAC,CAAC;EACF,MAAMC,UAAU,GAAGP,SAAS,CAACG,OAAO,CAACC,WAAW,CAAC;IAC/CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;EACtB,CAAC,CAAC;EACF,MAAME,UAAU,GAAGR,SAAS,CAACG,OAAO,CAACC,WAAW,CAAC;IAC/CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAEd,UAAU,GAAG,CAAC,GAAG;EACpC,CAAC,CAAC;EAEF,MAAMiB,OAAO,GAAIC,OAAc,IAC7B1D,QAAQ,CAAC2D,MAAM,CAACX,SAAS,CAACG,OAAO,EAAE;IACjCS,eAAe,EAAE,IAAI;IACrBF;EACF,CAAC,CAAC,CAACG,KAAK,CAAC,CAAC;EAEZ,MAAMC,cAAc,GAAG/D,KAAK,CAACgE,WAAW,CAAC,MAAM;IAAA,IAAAC,UAAA;IAC7C,OAAOnC,IAAI,aAAJA,IAAI,gBAAAmC,UAAA,GAAJnC,IAAI,CAAEoC,IAAI,CAAEC,GAAG,IAAK;MACzB,OAAOA,GAAG,CAAClD,KAAK,MAAKA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEA,KAAK;IACnC,CAAC,CAAC,cAAAgD,UAAA,uBAFKA,UAAA,CAEH/C,KAAK;EACX,CAAC,EAAE,CAACY,IAAI,EAAEb,KAAK,CAAC,CAAC;EAEjBjB,KAAK,CAACoE,SAAS,CAAC,MAAM;IACpB,IAAIL,cAAc,CAAC,CAAC,EAAE;MACpBL,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC,MAAM;MACLA,OAAO,CAAC,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACK,cAAc,EAAE9C,KAAK,CAAC,CAAC;EAE3BjB,KAAK,CAACoE,SAAS,CAAC,MAAM;IACpBvB,gBAAgB,CAAC5B,KAAK,CAAC;EACzB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMoD,aAAa,GAAIC,KAAwB,IAAK;IAClD,MAAM;MAAE3C;IAAM,CAAC,GAAG2C,KAAK,CAACC,WAAW,CAACC,MAAM;IAC1C9B,aAAa,CAACf,KAAK,GAAG,EAAE,CAAC;EAC3B,CAAC;EAED,MAAM8C,gBAAgB,GAAIC,UAA0B,IAAK;IACvD,IAAI,CAAA9B,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE3B,KAAK,OAAKyD,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEzD,KAAK,GAAE;MAC9C4B,gBAAgB,CAAC6B,UAAU,CAAC;IAC9B;EACF,CAAC;EAED,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAAA,IAAAC,YAAA;IAC9B7C,WAAW,CAACa,aAAa,CAAC;IAC1B,CAAAgC,YAAA,GAAA7B,GAAG,CAACK,OAAO,cAAAwB,YAAA,eAAXA,YAAA,CAAaC,KAAK,CAAC,CAAC;EACtB,CAAC;EAED,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;IACvC3C,cAAc,CAAC,CAAC;IAChBU,gBAAgB,CAAC5B,KAAK,CAAC;EACzB,CAAC;EAED,MAAM8D,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAI,CAACxD,QAAQ,IAAIC,QAAQ,EAAE;MAAA,IAAAwD,aAAA;MACzB,CAAAA,aAAA,GAAAjC,GAAG,CAACK,OAAO,cAAA4B,aAAA,eAAXA,aAAA,CAAaC,IAAI,CAAC,CAAC;MACnB,IAAI1C,MAAM,EAAE;QACVA,MAAM,CAAC,CAAC;MACV;IACF;EACF,CAAC;EAED,oBACEvC,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAAkF,QAAA,qBACElF,KAAA,CAAA0B,aAAA,CAACtB,wBAAwB,EAAA+E,QAAA;IACvBC,OAAO,EAAEL,eAAgB;IACzBzC,MAAM,EAAEA;EAAO,GACXE,IAAI,gBAERxC,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAACgF,KAAK,EAAEvC,aAAa,CAACwC;EAAa,gBACtCtF,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAACgF,KAAK,EAAEvC,aAAa,CAACyC;EAAe,GACvC,CAAC,CAACrE,KAAK,iBACNlB,KAAA,CAAA0B,aAAA,CAACzB,QAAQ,CAACI,IAAI;IACZgF,KAAK,EAAE,CACLvC,aAAa,CAAC0C,cAAc,EAC5B;MACEC,SAAS,EAAE,CAAC;QAAEtC;MAAM,CAAC,EAAE;QAAEK;MAAW,CAAC,EAAE;QAAEC;MAAW,CAAC;IACvD,CAAC,CACD;IACFiC,QAAQ,EAAErB,aAAc;IACxBsB,aAAa,EAAC;EAAM,gBAEpB3F,KAAA,CAAA0B,aAAA,CAACd,UAAU;IAACgF,OAAO,EAAC,OAAO;IAACP,KAAK,EAAEvC,aAAa,CAAC5B;EAAM,GACpDA,KACS,CACC,CAChB,eACDlB,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IACHgF,KAAK,EAAE,CACLvC,aAAa,CAAC+C,YAAY,EAC1B,CAAC,CAAC9B,cAAc,CAAC,CAAC,IAChB,CAACzC,OAAO,IACR,CAACH,YAAY,IAAI;MAAE2E,WAAW,EAAE9E,MAAM,CAAC,gBAAgB;IAAE,CAAC;EAC5D,gBAEFhB,KAAA,CAAA0B,aAAA,CAACd,UAAU;IACTgF,OAAO,EAAC,OAAO;IACfP,KAAK,EAAE,CAACvC,aAAa,CAACiD,SAAS,CAAE;IACjCC,aAAa,EAAE,CAAE;IACjB1D,MAAM,EAAEA,MAAM,GAAG,QAAS;IAC1B2D,kBAAkB,EAAE3D,MAAM,GAAG;EAAS,GAErCyB,cAAc,CAAC,CACN,CAAC,EACZtC,SAAS,IAAIA,SACV,CACF,CAAC,EACNN,YAAY,IAAIC,aAAa,gBAC5BpB,KAAA,CAAA0B,aAAA,CAACd,UAAU,EAAAuE,QAAA;IACTS,OAAO,EAAC,SAAS;IACjBP,KAAK,EAAEvC,aAAa,CAACoD;EAAc,GAC/B7E,kBAAkB,GAErBF,YAAY,IAAM,CAACG,OAAO,IAAIF,aACrB,CAAC,GACX,IACA,CACkB,CAAC,eAC3BpB,KAAA,CAAA0B,aAAA,CAACjB,WAAW,EAAA0E,QAAA;IACVgB,SAAS,EAAErB,0BAA2B;IACtC/B,GAAG,EAAEA;EAAI,GACLb,cAAc,gBAElBlC,KAAA,CAAA0B,aAAA,CAACxB,QAAQ;IACP4B,IAAI,EAAEA,IAAK;IACXsE,UAAU,EAAGC,IAAI,IAAK;MACpB,IAAIjE,gBAAgB,EAAE;QACpB,OAAOA,gBAAgB,CAAC;UACtBN,IAAI,EAAEuE,IAAI;UACVzD,aAAa,EAAEA,aAAa;UAC5B0D,WAAW,EAAE7B;QACf,CAAC,CAAC;MACJ;MAEA,oBACEzE,KAAA,CAAA0B,aAAA,CAAC6E,SAAS;QACRjE,MAAM,EAAEA,MAAO;QACf2D,kBAAkB,EAAE3D,MAAO;QAC3BR,IAAI,EAAEuE,IAAK;QACXzD,aAAa,EAAEA,aAAc;QAC7B0D,WAAW,EAAE7B;MAAiB,CAC/B,CAAC;IAEN,CAAE;IACF+B,qBAAqB,EAAE1D,aAAa,CAAC2D,yBAA0B;IAC/DC,sBAAsB,EAAEA,CAAA,KAAMrE;EAAoB,CACnD,CAAC,eACFrC,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAACgF,KAAK,EAAEvC,aAAa,CAAC6D;EAAqB,gBAC9C3G,KAAA,CAAA0B,aAAA,CAAClB,MAAM,EAAA2E,QAAA;IACLS,OAAO,EAAC,SAAS;IACjB1E,KAAK,EAAEc,cAAe;IACtBoD,OAAO,EAAET;EAAkB,GACvB1C,cAAc,CACnB,CACG,CACK,CACb,CAAC;AAEP,CAAC;AAED,SAASsE,SAASA,CAAC;EACjBzE,IAAI;EACJc,aAAa;EACb0D,WAAW,GAAGA,CAAA,KAAM,CAAC,CAAC;EACtBhE,MAAM;EACN,GAAGE;AACoB,CAAC,EAAE;EAC1B,MAAM;IAAExB;EAAO,CAAC,GAAGV,WAAW,CAAC,CAAC;EAChC,MAAM;IAAE+F;EAAK,CAAC,GAAGvE,IAAI;EACrB,MAAM;IAAEZ,KAAK;IAAED,KAAK;IAAEM;EAAS,CAAC,GAAG8E,IAAI;EACvC,MAAMvD,aAAa,GAAGjC,SAAS,CAAC,CAAC,CAAoB,CAAC;EAEtD,oBACEb,KAAA,CAAA0B,aAAA,CAACvB,kBAAkB,EAAAgF,QAAA;IACjBC,OAAO,EAAEA,CAAA,KAAMkB,WAAW,CAACD,IAAI,CAAE;IACjCO,aAAa,EAAE5F,MAAM,CAAC,wBAAwB,CAAE;IAChDO,QAAQ,EAAEA,QAAS;IACnBe,MAAM,EAAEA,MAAM,GAAG,uBAAuB,GAAGR,IAAI,CAAC+E,KAAM;IACtDZ,kBAAkB,EAAE3D,MAAM,GAAG,uBAAuB,GAAGR,IAAI,CAAC+E;EAAM,GAC9DrE,IAAI,EACJ6D,IAAI,gBAERrG,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAACgF,KAAK,EAAE,CAACvC,aAAa,CAACgE,gBAAgB;EAAE,gBAC5C9G,KAAA,CAAA0B,aAAA,CAACd,UAAU;IACTgF,OAAO,EAAC,OAAO;IACfI,aAAa,EAAE,CAAE;IACjB1D,MAAM,EAAEA,MAAM,GAAG,mBAAmB,GAAGR,IAAI,CAAC+E,KAAM;IAClDZ,kBAAkB,EAAE3D,MAAM,GAAG,mBAAmB,GAAGR,IAAI,CAAC+E;EAAM,GAE7D3F,KACS,CAAC,eACblB,KAAA,CAAA0B,aAAA,CAACf,WAAW;IACVoG,QAAQ,EAAE9F,KAAK,MAAK2B,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE3B,KAAK,CAAC;IACzCM,QAAQ,EAAEA,QAAS;IACnBe,MAAM,EAAEA,MAAM,GAAG,aAAa,GAAGR,IAAI,CAAC+E,KAAM;IAC5CZ,kBAAkB,EAAE3D,MAAM,GAAG,aAAa,GAAGR,IAAI,CAAC+E;EAAM,CACzD,CACG,CACY,CAAC;AAEzB;AAEA,SAAS/F,UAAU","ignoreList":[]}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
import { Platform
|
|
2
|
-
import {
|
|
3
|
-
export const
|
|
1
|
+
import { Platform } from 'react-native';
|
|
2
|
+
import { makeStyles } from '../../config';
|
|
3
|
+
export const useStyles = makeStyles((themes, props) => {
|
|
4
|
+
const {
|
|
5
|
+
colors,
|
|
6
|
+
Radius,
|
|
7
|
+
Spacing
|
|
8
|
+
} = themes;
|
|
4
9
|
const {
|
|
5
10
|
editable = true,
|
|
6
11
|
disabled = false,
|
|
@@ -8,11 +13,11 @@ export const getStyle = props => {
|
|
|
8
13
|
errorMessage
|
|
9
14
|
} = props;
|
|
10
15
|
const stateColor = isError || errorMessage ? {
|
|
11
|
-
text:
|
|
12
|
-
border:
|
|
16
|
+
text: colors['text-danger'],
|
|
17
|
+
border: colors['border-danger']
|
|
13
18
|
} : {
|
|
14
|
-
text:
|
|
15
|
-
border:
|
|
19
|
+
text: colors['text-primary'],
|
|
20
|
+
border: colors['border-disable']
|
|
16
21
|
};
|
|
17
22
|
const computedStyle = {};
|
|
18
23
|
computedStyle.fieldWrapper = {
|
|
@@ -29,7 +34,7 @@ export const getStyle = props => {
|
|
|
29
34
|
};
|
|
30
35
|
computedStyle.label = {
|
|
31
36
|
color: stateColor.text,
|
|
32
|
-
backgroundColor: !editable || disabled ?
|
|
37
|
+
backgroundColor: !editable || disabled ? colors['fill-disable-secondary'] : colors['fill-inverse'],
|
|
33
38
|
paddingHorizontal: Spacing[4],
|
|
34
39
|
borderRadius: Radius[4],
|
|
35
40
|
marginLeft: Spacing[8]
|
|
@@ -41,14 +46,14 @@ export const getStyle = props => {
|
|
|
41
46
|
alignItems: 'center',
|
|
42
47
|
borderWidth: Radius.border,
|
|
43
48
|
borderColor: stateColor.border,
|
|
44
|
-
backgroundColor: !editable || disabled ?
|
|
49
|
+
backgroundColor: !editable || disabled ? colors['fill-disable-secondary'] : colors['fill-inverse'],
|
|
45
50
|
borderRadius: Radius[8],
|
|
46
51
|
padding: Spacing[8],
|
|
47
52
|
width: '100%'
|
|
48
53
|
};
|
|
49
54
|
computedStyle.textField = {
|
|
50
55
|
flex: 1,
|
|
51
|
-
color:
|
|
56
|
+
color: colors['text-primary'],
|
|
52
57
|
padding: 0,
|
|
53
58
|
margin: 0,
|
|
54
59
|
overflow: 'visible',
|
|
@@ -63,7 +68,7 @@ export const getStyle = props => {
|
|
|
63
68
|
};
|
|
64
69
|
computedStyle.counter = {
|
|
65
70
|
marginLeft: Spacing[4],
|
|
66
|
-
color:
|
|
71
|
+
color: colors['text-disable']
|
|
67
72
|
};
|
|
68
73
|
computedStyle.inputIconWrapper = {
|
|
69
74
|
marginLeft: Spacing[4]
|
|
@@ -75,6 +80,12 @@ export const getStyle = props => {
|
|
|
75
80
|
alignItems: 'center',
|
|
76
81
|
justifyContent: 'space-between'
|
|
77
82
|
};
|
|
78
|
-
|
|
79
|
-
|
|
83
|
+
computedStyle.sheetListContentContainer = {
|
|
84
|
+
paddingHorizontal: Spacing[16]
|
|
85
|
+
};
|
|
86
|
+
computedStyle.sheetBottomContaienr = {
|
|
87
|
+
padding: Spacing[16]
|
|
88
|
+
};
|
|
89
|
+
return computedStyle;
|
|
90
|
+
});
|
|
80
91
|
//# sourceMappingURL=RadioInput.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","
|
|
1
|
+
{"version":3,"names":["Platform","makeStyles","useStyles","themes","props","colors","Radius","Spacing","editable","disabled","isError","errorMessage","stateColor","text","border","computedStyle","fieldWrapper","width","fieldContainer","alignItems","justifyContent","labelContainer","zIndex","position","label","color","backgroundColor","paddingHorizontal","borderRadius","marginLeft","inputWrapper","height","flexDirection","borderWidth","borderColor","padding","textField","flex","margin","overflow","fontSize","lineHeight","OS","fontFamily","messageHelper","alignSelf","marginTop","counter","inputIconWrapper","radioItemWrapper","paddingVertical","sheetListContentContainer","sheetBottomContaienr"],"sourceRoot":"../../../../src","sources":["components/RadioInput/RadioInput.style.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TouchableOpacity, View } from 'react-native';
|
|
3
|
+
import LinearGradient from 'react-native-linear-gradient';
|
|
4
|
+
import { Typography } from '../typography/typography.component';
|
|
5
|
+
import { Palettes, Spacing } from 'src/themes';
|
|
6
|
+
import { IconClose } from 'src/icons';
|
|
7
|
+
import { getStyle } from './StickyBar.style';
|
|
8
|
+
const StickyBar = ({
|
|
9
|
+
show,
|
|
10
|
+
text,
|
|
11
|
+
onClose,
|
|
12
|
+
iconComponent,
|
|
13
|
+
buttonComponent,
|
|
14
|
+
testID
|
|
15
|
+
}) => {
|
|
16
|
+
const computedStyle = getStyle({
|
|
17
|
+
show,
|
|
18
|
+
text,
|
|
19
|
+
iconComponent,
|
|
20
|
+
buttonComponent,
|
|
21
|
+
onClose
|
|
22
|
+
});
|
|
23
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
24
|
+
style: [computedStyle.container]
|
|
25
|
+
}, /*#__PURE__*/React.createElement(LinearGradient, {
|
|
26
|
+
colors: [Palettes.yellow[600], '#FFFFFF'],
|
|
27
|
+
start: {
|
|
28
|
+
x: 0.5,
|
|
29
|
+
y: 0
|
|
30
|
+
},
|
|
31
|
+
end: {
|
|
32
|
+
x: 1,
|
|
33
|
+
y: 0.1
|
|
34
|
+
},
|
|
35
|
+
useAngle: true,
|
|
36
|
+
angle: 45,
|
|
37
|
+
style: [computedStyle.linearGradient]
|
|
38
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
39
|
+
style: [computedStyle.rowContainer]
|
|
40
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
41
|
+
style: [computedStyle.contentWrapper, computedStyle.imageWrapper]
|
|
42
|
+
}, iconComponent), /*#__PURE__*/React.createElement(View, {
|
|
43
|
+
style: [computedStyle.contentWrapper, computedStyle.textWrapper]
|
|
44
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
45
|
+
variant: "overline-small",
|
|
46
|
+
testID: testID,
|
|
47
|
+
accessibilityLabel: testID
|
|
48
|
+
}, text)), /*#__PURE__*/React.createElement(View, {
|
|
49
|
+
style: [computedStyle.contentWrapper]
|
|
50
|
+
}, buttonComponent), /*#__PURE__*/React.createElement(View, {
|
|
51
|
+
style: [computedStyle.closeButtonWrapper]
|
|
52
|
+
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
53
|
+
onPress: onClose
|
|
54
|
+
}, /*#__PURE__*/React.createElement(IconClose, {
|
|
55
|
+
height: Spacing[12],
|
|
56
|
+
width: Spacing[12]
|
|
57
|
+
}))))));
|
|
58
|
+
};
|
|
59
|
+
export { StickyBar };
|
|
60
|
+
//# sourceMappingURL=StickyBar.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","TouchableOpacity","View","LinearGradient","Typography","Palettes","Spacing","IconClose","getStyle","StickyBar","show","text","onClose","iconComponent","buttonComponent","testID","computedStyle","createElement","style","container","colors","yellow","start","x","y","end","useAngle","angle","linearGradient","rowContainer","contentWrapper","imageWrapper","textWrapper","variant","accessibilityLabel","closeButtonWrapper","onPress","height","width"],"sourceRoot":"../../../../src","sources":["components/StickyBar/StickyBar.component.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,cAAc,MAAM,8BAA8B;AAEzD,SAASC,UAAU,QAAQ,oCAAoC;AAE/D,SAASC,QAAQ,EAAEC,OAAO,QAAQ,YAAY;AAE9C,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,MAAMC,SAA6B,GAAGA,CAAC;EACrCC,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,aAAa;EACbC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGR,QAAQ,CAAC;IAC7BE,IAAI;IACJC,IAAI;IACJE,aAAa;IACbC,eAAe;IACfF;EACF,CAAC,CAAC;EAEF,oBACEZ,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACF,aAAa,CAACG,SAAS;EAAE,gBACrCnB,KAAA,CAAAiB,aAAA,CAACd,cAAc;IACbiB,MAAM,EAAE,CAACf,QAAQ,CAACgB,MAAM,CAAC,GAAG,CAAC,EAAE,SAAS,CAAE;IAC1CC,KAAK,EAAE;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;IAAE,CAAE;IACxBC,GAAG,EAAE;MAAEF,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAI,CAAE;IACtBE,QAAQ,EAAE,IAAK;IACfC,KAAK,EAAE,EAAG;IACVT,KAAK,EAAE,CAACF,aAAa,CAACY,cAAc;EAAE,gBAEtC5B,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACF,aAAa,CAACa,YAAY;EAAE,gBAExC7B,KAAA,CAAAiB,aAAA,CAACf,IAAI;IACHgB,KAAK,EAAE,CAACF,aAAa,CAACc,cAAc,EAAEd,aAAa,CAACe,YAAY;EAAE,GAEjElB,aACG,CAAC,eAGPb,KAAA,CAAAiB,aAAA,CAACf,IAAI;IACHgB,KAAK,EAAE,CAACF,aAAa,CAACc,cAAc,EAAEd,aAAa,CAACgB,WAAW;EAAE,gBAEjEhC,KAAA,CAAAiB,aAAA,CAACb,UAAU;IACT6B,OAAO,EAAC,gBAAgB;IACxBlB,MAAM,EAAEA,MAAO;IACfmB,kBAAkB,EAAEnB;EAAO,GAE1BJ,IACS,CACR,CAAC,eAGPX,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACF,aAAa,CAACc,cAAc;EAAE,GAAEhB,eAAsB,CAAC,eAGrEd,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACF,aAAa,CAACmB,kBAAkB;EAAE,gBAC9CnC,KAAA,CAAAiB,aAAA,CAAChB,gBAAgB;IAACmC,OAAO,EAAExB;EAAQ,gBACjCZ,KAAA,CAAAiB,aAAA,CAACV,SAAS;IAAC8B,MAAM,EAAE/B,OAAO,CAAC,EAAE,CAAE;IAACgC,KAAK,EAAEhC,OAAO,CAAC,EAAE;EAAE,CAAE,CACrC,CACd,CACF,CACQ,CACZ,CAAC;AAEX,CAAC;AAED,SAASG,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { Palettes, Spacing } from 'src/themes';
|
|
3
|
+
export const getStyle = props => {
|
|
4
|
+
const {
|
|
5
|
+
show,
|
|
6
|
+
onClose,
|
|
7
|
+
iconComponent: IconComponent,
|
|
8
|
+
buttonComponent
|
|
9
|
+
} = props;
|
|
10
|
+
const computedStyle = {};
|
|
11
|
+
computedStyle.container = {
|
|
12
|
+
flex: 1,
|
|
13
|
+
minWidth: 400,
|
|
14
|
+
display: show ? 'flex' : 'none'
|
|
15
|
+
};
|
|
16
|
+
computedStyle.rowContainer = {
|
|
17
|
+
flexDirection: 'row',
|
|
18
|
+
justifyContent: 'center',
|
|
19
|
+
alignItems: 'center'
|
|
20
|
+
};
|
|
21
|
+
computedStyle.linearGradient = {
|
|
22
|
+
paddingVertical: Spacing[8],
|
|
23
|
+
paddingHorizontal: Spacing[16],
|
|
24
|
+
borderTopRightRadius: Spacing[16],
|
|
25
|
+
borderTopLeftRadius: Spacing[16],
|
|
26
|
+
position: 'absolute',
|
|
27
|
+
zIndex: 2
|
|
28
|
+
};
|
|
29
|
+
computedStyle.contentWrapper = {
|
|
30
|
+
marginRight: Spacing[8]
|
|
31
|
+
};
|
|
32
|
+
computedStyle.imageWrapper = {
|
|
33
|
+
display: IconComponent ? 'flex' : 'none',
|
|
34
|
+
alignSelf: 'center',
|
|
35
|
+
justifyContent: 'center',
|
|
36
|
+
backgroundColor: 'white',
|
|
37
|
+
borderRadius: Spacing[32],
|
|
38
|
+
padding: 6
|
|
39
|
+
};
|
|
40
|
+
computedStyle.textWrapper = {
|
|
41
|
+
flex: 1,
|
|
42
|
+
flexWrap: 'wrap'
|
|
43
|
+
};
|
|
44
|
+
computedStyle.buttonWrapper = {
|
|
45
|
+
display: buttonComponent ? 'flex' : 'none'
|
|
46
|
+
};
|
|
47
|
+
computedStyle.closeButtonWrapper = {
|
|
48
|
+
display: onClose ? 'flex' : 'none',
|
|
49
|
+
borderWidth: 2,
|
|
50
|
+
borderRadius: 12,
|
|
51
|
+
borderColor: Palettes.black[900],
|
|
52
|
+
borderStyle: 'solid',
|
|
53
|
+
padding: 2
|
|
54
|
+
};
|
|
55
|
+
return StyleSheet.create(computedStyle);
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=StickyBar.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","Palettes","Spacing","getStyle","props","show","onClose","iconComponent","IconComponent","buttonComponent","computedStyle","container","flex","minWidth","display","rowContainer","flexDirection","justifyContent","alignItems","linearGradient","paddingVertical","paddingHorizontal","borderTopRightRadius","borderTopLeftRadius","position","zIndex","contentWrapper","marginRight","imageWrapper","alignSelf","backgroundColor","borderRadius","padding","textWrapper","flexWrap","buttonWrapper","closeButtonWrapper","borderWidth","borderColor","black","borderStyle","create"],"sourceRoot":"../../../../src","sources":["components/StickyBar/StickyBar.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAmB,cAAc;AAEpD,SAASC,QAAQ,EAAEC,OAAO,QAAQ,YAAY;AAa9C,OAAO,MAAMC,QAAQ,GAAIC,KAAqB,IAAK;EACjD,MAAM;IACJC,IAAI;IACJC,OAAO;IACPC,aAAa,EAAEC,aAAa;IAC5BC;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAET,IAAI,GAAG,MAAM,GAAG;EAC3B,CAAC;EAEDK,aAAa,CAACK,YAAY,GAAG;IAC3BC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDR,aAAa,CAACS,cAAc,GAAG;IAC7BC,eAAe,EAAElB,OAAO,CAAC,CAAC,CAAC;IAC3BmB,iBAAiB,EAAEnB,OAAO,CAAC,EAAE,CAAC;IAC9BoB,oBAAoB,EAAEpB,OAAO,CAAC,EAAE,CAAC;IACjCqB,mBAAmB,EAAErB,OAAO,CAAC,EAAE,CAAC;IAChCsB,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EAEDf,aAAa,CAACgB,cAAc,GAAG;IAC7BC,WAAW,EAAEzB,OAAO,CAAC,CAAC;EACxB,CAAC;EAEDQ,aAAa,CAACkB,YAAY,GAAG;IAC3Bd,OAAO,EAAEN,aAAa,GAAG,MAAM,GAAG,MAAM;IACxCqB,SAAS,EAAE,QAAQ;IACnBZ,cAAc,EAAE,QAAQ;IACxBa,eAAe,EAAE,OAAO;IACxBC,YAAY,EAAE7B,OAAO,CAAC,EAAE,CAAC;IACzB8B,OAAO,EAAE;EACX,CAAC;EAEDtB,aAAa,CAACuB,WAAW,GAAG;IAC1BrB,IAAI,EAAE,CAAC;IACPsB,QAAQ,EAAE;EACZ,CAAC;EAEDxB,aAAa,CAACyB,aAAa,GAAG;IAC5BrB,OAAO,EAAEL,eAAe,GAAG,MAAM,GAAG;EACtC,CAAC;EAEDC,aAAa,CAAC0B,kBAAkB,GAAG;IACjCtB,OAAO,EAAER,OAAO,GAAG,MAAM,GAAG,MAAM;IAClC+B,WAAW,EAAE,CAAC;IACdN,YAAY,EAAE,EAAE;IAChBO,WAAW,EAAErC,QAAQ,CAACsC,KAAK,CAAC,GAAG,CAAC;IAChCC,WAAW,EAAE,OAAO;IACpBR,OAAO,EAAE;EACX,CAAC;EAED,OAAOhC,UAAU,CAACyC,MAAM,CAAC/B,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/StickyBar/StickyBar.type.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -3,10 +3,10 @@ import * as React from 'react';
|
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import { Animated } from 'react-native';
|
|
5
5
|
import MaskInput from 'react-native-mask-input';
|
|
6
|
-
import {
|
|
6
|
+
import { useStyles } from './TextInput.style';
|
|
7
|
+
import { useAppTheme } from '../../config';
|
|
7
8
|
import { Typography } from '../typography/typography.component';
|
|
8
9
|
import { Calendars } from '../calendars/calendars.component';
|
|
9
|
-
import { Palettes } from '../../themes';
|
|
10
10
|
const TextInput = props => {
|
|
11
11
|
const {
|
|
12
12
|
value,
|
|
@@ -27,12 +27,18 @@ const TextInput = props => {
|
|
|
27
27
|
onChangeDate,
|
|
28
28
|
...rest
|
|
29
29
|
} = props;
|
|
30
|
+
const {
|
|
31
|
+
colors
|
|
32
|
+
} = useAppTheme();
|
|
30
33
|
const [labelWidth, setLabelWidth] = React.useState(0);
|
|
31
34
|
const [focused, setFocused] = React.useState(false);
|
|
32
35
|
|
|
33
36
|
// for date input
|
|
34
37
|
const [isModalDateVisible, setIsModalDateVisible] = React.useState(false);
|
|
35
|
-
const computedStyle =
|
|
38
|
+
const computedStyle = useStyles({
|
|
39
|
+
...props,
|
|
40
|
+
focused
|
|
41
|
+
});
|
|
36
42
|
const animation = React.useRef(new Animated.Value(0));
|
|
37
43
|
const scale = animation.current.interpolate({
|
|
38
44
|
inputRange: [0, 1],
|
|
@@ -134,7 +140,7 @@ const TextInput = props => {
|
|
|
134
140
|
style: [computedStyle.textField],
|
|
135
141
|
onFocus: handleOnFocus,
|
|
136
142
|
onBlur: handleOnBlur,
|
|
137
|
-
placeholderTextColor: focused ?
|
|
143
|
+
placeholderTextColor: focused || !label ? colors['text-disable'] : 'transparent',
|
|
138
144
|
showSoftInputOnFocus: inputType === 'date' ? false : showSoftInputOnFocus,
|
|
139
145
|
onTouchStart: handleOnTouchStart,
|
|
140
146
|
onChangeText: handleOnchangeText
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Animated","MaskInput","
|
|
1
|
+
{"version":3,"names":["React","View","Animated","MaskInput","useStyles","useAppTheme","Typography","Calendars","TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","helperMessageProps","isError","counter","inputIcon","onTouchStart","showSoftInputOnFocus","inputType","calendarProps","onChangeText","onChangeDate","rest","colors","labelWidth","setLabelWidth","useState","focused","setFocused","isModalDateVisible","setIsModalDateVisible","computedStyle","animation","useRef","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","computedValue","useMemo","options","weekday","day","month","year","formattedDate","Intl","DateTimeFormat","format","replace","letter","toUpperCase","handleOnTouchStart","e","handleOnchangeText","masked","unmasked","obfuscated","maskedDateObj","Date","isNaN","getTime","undefined","createElement","Fragment","style","fieldWrapper","fieldContainer","labelContainer","transform","onLayout","pointerEvents","variant","inputWrapper","_extends","textField","placeholderTextColor","length","messageHelper","isVisible","onDateSave","date","onDismiss"],"sourceRoot":"../../../../src","sources":["components/TextInput/TextInput.component.tsx"],"mappings":"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","ignoreList":[]}
|