@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
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
|
-
import {
|
|
3
|
-
export const getStyle = props => {
|
|
2
|
+
import { makeStyles } from '../../config';
|
|
3
|
+
export const getStyle = makeStyles((themes, props) => {
|
|
4
|
+
const {
|
|
5
|
+
Spacing,
|
|
6
|
+
colors
|
|
7
|
+
} = themes;
|
|
4
8
|
const {
|
|
5
9
|
disabled,
|
|
6
10
|
isLast
|
|
@@ -9,9 +13,9 @@ export const getStyle = props => {
|
|
|
9
13
|
computedStyle.container = {
|
|
10
14
|
paddingVertical: 16,
|
|
11
15
|
paddingHorizontal: disabled ? 16 : 0,
|
|
12
|
-
borderBottomColor:
|
|
16
|
+
borderBottomColor: colors['border-default'],
|
|
13
17
|
borderBottomWidth: disabled || isLast ? 0 : 0.5,
|
|
14
|
-
backgroundColor: disabled ?
|
|
18
|
+
backgroundColor: disabled ? colors['fill-disable'] : 'transparent',
|
|
15
19
|
flexDirection: 'row',
|
|
16
20
|
justifyContent: 'flex-start',
|
|
17
21
|
alignItems: 'center',
|
|
@@ -22,13 +26,13 @@ export const getStyle = props => {
|
|
|
22
26
|
fontWeight: '600',
|
|
23
27
|
fontSize: 14,
|
|
24
28
|
lineHeight: 21,
|
|
25
|
-
color: disabled ?
|
|
29
|
+
color: disabled ? colors['text-disable'] : colors['text-primary']
|
|
26
30
|
};
|
|
27
31
|
computedStyle.description = {
|
|
28
32
|
fontWeight: '400',
|
|
29
33
|
fontSize: 14,
|
|
30
34
|
lineHeight: 21,
|
|
31
|
-
color: disabled ?
|
|
35
|
+
color: disabled ? colors['text-disable'] : colors['text-primary']
|
|
32
36
|
};
|
|
33
37
|
computedStyle.textContainer = {
|
|
34
38
|
alignItems: 'flex-start',
|
|
@@ -45,5 +49,5 @@ export const getStyle = props => {
|
|
|
45
49
|
alignItems: 'center'
|
|
46
50
|
};
|
|
47
51
|
return StyleSheet.create(computedStyle);
|
|
48
|
-
};
|
|
52
|
+
});
|
|
49
53
|
//# sourceMappingURL=ActionList.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","
|
|
1
|
+
{"version":3,"names":["StyleSheet","makeStyles","getStyle","themes","props","Spacing","colors","disabled","isLast","computedStyle","container","paddingVertical","paddingHorizontal","borderBottomColor","borderBottomWidth","backgroundColor","flexDirection","justifyContent","alignItems","width","minWidth","title","fontWeight","fontSize","lineHeight","color","description","textContainer","flex","leadingWrapper","marginRight","trailingWrapper","marginLeft","create"],"sourceRoot":"../../../../src","sources":["components/ActionList/ActionList.styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAA8B,cAAc;AAG/D,SAASC,UAAU,QAAQ,cAAc;AAWzC,OAAO,MAAMC,QAAQ,GAAGD,UAAU,CAAC,CAACE,MAAM,EAAEC,KAAsB,KAAK;EACrE,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGH,MAAM;EAClC,MAAM;IAAEI,QAAQ;IAAEC;EAAO,CAAC,GAAGJ,KAAK;EAElC,MAAMK,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAEL,QAAQ,GAAG,EAAE,GAAG,CAAC;IACpCM,iBAAiB,EAAEP,MAAM,CAAC,gBAAgB,CAAC;IAC3CQ,iBAAiB,EAAEP,QAAQ,IAAIC,MAAM,GAAG,CAAC,GAAG,GAAG;IAC/CO,eAAe,EAAER,QAAQ,GAAGD,MAAM,CAAC,cAAc,CAAC,GAAG,aAAa;IAClEU,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDX,aAAa,CAACY,KAAK,GAAG;IACpBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAElB,QAAQ,GAAGD,MAAM,CAAC,cAAc,CAAC,GAAGA,MAAM,CAAC,cAAc;EAClE,CAAC;EACDG,aAAa,CAACiB,WAAW,GAAG;IAC1BJ,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAElB,QAAQ,GAAGD,MAAM,CAAC,cAAc,CAAC,GAAGA,MAAM,CAAC,cAAc;EAClE,CAAC;EAEDG,aAAa,CAACkB,aAAa,GAAG;IAC5BT,UAAU,EAAE,YAAY;IACxBU,IAAI,EAAE;EACR,CAAC;EAEDnB,aAAa,CAACoB,cAAc,GAAG;IAC7BC,WAAW,EAAEzB,OAAO,CAAC,EAAE,CAAC;IACxBY,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACsB,eAAe,GAAG;IAC9BC,UAAU,EAAE3B,OAAO,CAAC,EAAE,CAAC;IACvBY,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAED,OAAOlB,UAAU,CAACiC,MAAM,CAACxB,aAAa,CAAC;AACzC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,10 +1,11 @@
|
|
|
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
|
-
import { TouchableHighlight
|
|
4
|
-
import {
|
|
3
|
+
import { TouchableHighlight } from 'react-native';
|
|
4
|
+
import { useStyles } from './Appbar.style';
|
|
5
5
|
import { Palettes, Shadow } from '../../themes';
|
|
6
6
|
import { IconArrowLeft } from '../../icons';
|
|
7
7
|
import { Typography } from '../typography/typography.component';
|
|
8
|
+
import { View } from '../View/View.component';
|
|
8
9
|
const Appbar = props => {
|
|
9
10
|
const {
|
|
10
11
|
backIcon = /*#__PURE__*/React.createElement(IconArrowLeft, {
|
|
@@ -21,7 +22,7 @@ const Appbar = props => {
|
|
|
21
22
|
backIconProps = {},
|
|
22
23
|
titleProps = {}
|
|
23
24
|
} = props;
|
|
24
|
-
const computedStyle =
|
|
25
|
+
const computedStyle = useStyles(props);
|
|
25
26
|
return /*#__PURE__*/React.createElement(View, {
|
|
26
27
|
style: [computedStyle.container, withShadow && Shadow['shadow-elevation-2'], containerStyle]
|
|
27
28
|
}, /*#__PURE__*/React.createElement(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","TouchableHighlight","
|
|
1
|
+
{"version":3,"names":["React","TouchableHighlight","useStyles","Palettes","Shadow","IconArrowLeft","Typography","View","Appbar","props","backIcon","createElement","width","height","fill","black","title","customHeader","containerStyle","onBackPress","buttonActions","withShadow","backIconProps","titleProps","computedStyle","style","container","wrapperContainer","Fragment","_extends","onPress","iconWrapper","underlayColor","grey","contentWrapper","variant","length","map","action","idx","key","icon"],"sourceRoot":"../../../../src","sources":["components/Appbar/Appbar.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,kBAAkB,QAAQ,cAAc;AAEjD,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAC/C,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,IAAI,QAAQ,wBAAwB;AAI7C,MAAMC,MAA4C,GAAIC,KAAK,IAAK;EAC9D,MAAM;IACJC,QAAQ,gBACNV,KAAA,CAAAW,aAAA,CAACN,aAAa;MAACO,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACC,IAAI,EAAEX,QAAQ,CAACY,KAAK,CAAC,GAAG;IAAE,CAAE,CACnE;IACDC,KAAK,GAAG,EAAE;IACVC,YAAY,GAAG,IAAI;IACnBC,cAAc;IACdC,WAAW,GAAGA,CAAA,KAAM,CAAC,CAAC;IACtBC,aAAa,GAAG,EAAE;IAClBC,UAAU,GAAG,IAAI;IACjBC,aAAa,GAAG,CAAC,CAAC;IAClBC,UAAU,GAAG,CAAC;EAChB,CAAC,GAAGd,KAAK;EAET,MAAMe,aAAa,GAAGtB,SAAS,CAACO,KAAK,CAAC;EAEtC,oBACET,KAAA,CAAAW,aAAA,CAACJ,IAAI;IACHkB,KAAK,EAAE,CACLD,aAAa,CAACE,SAAS,EACvBL,UAAU,IAAIjB,MAAM,CAAC,oBAAoB,CAAC,EAC1Cc,cAAc;EACd,gBAEFlB,KAAA,CAAAW,aAAA,CAACJ,IAAI;IAACkB,KAAK,EAAE,CAACD,aAAa,CAACG,gBAAgB;EAAE,GAC3CV,YAAY,iBACXjB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAA4B,QAAA,qBACE5B,KAAA,CAAAW,aAAA,CAACV,kBAAkB,EAAA4B,QAAA;IACjBC,OAAO,EAAEX,WAAY;IACrBM,KAAK,EAAE,CAACD,aAAa,CAACO,WAAW,CAAE;IACnCC,aAAa,EAAE7B,QAAQ,CAAC8B,IAAI,CAAC,EAAE;EAAE,GAC7BX,aAAa,GAEhBZ,QACiB,CAAC,eACrBV,KAAA,CAAAW,aAAA,CAACJ,IAAI;IAACkB,KAAK,EAAE,CAACD,aAAa,CAACU,cAAc;EAAE,gBAC1ClC,KAAA,CAAAW,aAAA,CAACL,UAAU,EAAAuB,QAAA;IACTM,OAAO,EAAC,WAAW;IACnBV,KAAK,EAAE,CAACD,aAAa,CAACR,KAAK;EAAE,GACzBO,UAAU,GAEbP,KACS,CAAC,EACZI,aAAa,CAACgB,MAAM,GAAG,CAAC,IACvBhB,aAAa,CAACiB,GAAG,CAAC,CAACC,MAAM,EAAEC,GAAG,kBAC5BvC,KAAA,CAAAW,aAAA,CAACV,kBAAkB,EAAA4B,QAAA;IACjBW,GAAG,EAAED,GAAI;IACTT,OAAO,EAAEQ,MAAM,CAACR,OAAQ;IACxBL,KAAK,EAAE,CAACD,aAAa,CAACO,WAAW,CAAE;IACnCC,aAAa,EAAE7B,QAAQ,CAAC8B,IAAI,CAAC,EAAE;EAAE,GAC7BK,MAAM,CAAC7B,KAAK,GAEf6B,MAAM,CAACG,IACU,CACrB,CACC,CACN,CAEA,CACF,CAAC;AAEX,CAAC;AAED,SAASjC,MAAM","ignoreList":[]}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { makeStyles } from '../../config';
|
|
2
|
+
export const useStyles = makeStyles((themes, props) => {
|
|
3
|
+
const {
|
|
4
|
+
colors,
|
|
5
|
+
Spacing,
|
|
6
|
+
Radius
|
|
7
|
+
} = themes;
|
|
4
8
|
const {
|
|
5
9
|
statusBarHeight = 0,
|
|
6
|
-
backgroundColor =
|
|
10
|
+
backgroundColor = colors['surface-primary']
|
|
7
11
|
} = props;
|
|
8
12
|
const computedStyle = {};
|
|
9
13
|
computedStyle.container = {
|
|
@@ -33,6 +37,6 @@ export const getStyle = props => {
|
|
|
33
37
|
computedStyle.title = {
|
|
34
38
|
flex: 1
|
|
35
39
|
};
|
|
36
|
-
return
|
|
37
|
-
};
|
|
40
|
+
return computedStyle;
|
|
41
|
+
});
|
|
38
42
|
//# sourceMappingURL=Appbar.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["makeStyles","useStyles","themes","props","colors","Spacing","Radius","statusBarHeight","backgroundColor","computedStyle","container","paddingTop","zIndex","wrapperContainer","width","height","padding","flexDirection","justifyContent","alignItems","iconWrapper","borderRadius","contentWrapper","flex","marginLeft","title"],"sourceRoot":"../../../../src","sources":["components/Appbar/Appbar.style.tsx"],"mappings":"AAGA,SAASA,UAAU,QAAQ,cAAc;AAUzC,OAAO,MAAMC,SAAS,GAAGD,UAAU,CAAC,CAACE,MAAM,EAAEC,KAAkB,KAAK;EAClE,MAAM;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGJ,MAAM;EAC1C,MAAM;IAAEK,eAAe,GAAG,CAAC;IAAEC,eAAe,GAAGJ,MAAM,CAAC,iBAAiB;EAAE,CAAC,GACxED,KAAK;EAEP,MAAMM,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,UAAU,EAAEJ,eAAe;IAC3BC,eAAe;IACfI,MAAM,EAAE;EACV,CAAC;EAEDH,aAAa,CAACI,gBAAgB,GAAG;IAC/BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAEX,OAAO,CAAC,EAAE,CAAC;IACpBY,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDV,aAAa,CAACW,WAAW,GAAG;IAC1BJ,OAAO,EAAEX,OAAO,CAAC,CAAC,CAAC;IACnBgB,YAAY,EAAEf,MAAM,CAAC,CAAC;EACxB,CAAC;EAEDG,aAAa,CAACa,cAAc,GAAG;IAC7BC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAEnB,OAAO,CAAC,EAAE,CAAC;IACvBY,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDV,aAAa,CAACgB,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOd,aAAa;AACtB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Animated, Dimensions, PanResponder, TouchableHighlight, View } from 'react-native';
|
|
4
4
|
import Modal from 'react-native-modal';
|
|
5
|
-
import {
|
|
5
|
+
import { useStyles } from './BottomSheet.style';
|
|
6
6
|
import { Typography } from '../typography/typography.component';
|
|
7
7
|
const deviceWindow = Dimensions.get('window');
|
|
8
8
|
const BottomSheet = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
@@ -25,7 +25,7 @@ const BottomSheet = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
25
25
|
children,
|
|
26
26
|
...rest
|
|
27
27
|
} = props;
|
|
28
|
-
const computedStyle =
|
|
28
|
+
const computedStyle = useStyles();
|
|
29
29
|
const [visibility, setVisibility] = React.useState(false);
|
|
30
30
|
const panY = React.useRef(new Animated.Value(deviceWindow.height)).current;
|
|
31
31
|
React.useImperativeHandle(ref, () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Dimensions","PanResponder","TouchableHighlight","View","Modal","
|
|
1
|
+
{"version":3,"names":["React","Animated","Dimensions","PanResponder","TouchableHighlight","View","Modal","useStyles","Typography","deviceWindow","get","BottomSheet","forwardRef","props","ref","onDismiss","title","titleProps","subtitle","subtitleProps","dismissIcon","dismissIconProps","action","largeIcon","largeIconContainerHeight","maxSheetHeight","sheetHeader","backdropTransitionOutTiming","onBackdropPress","onBackButtonPress","children","rest","computedStyle","visibility","setVisibility","useState","panY","useRef","Value","height","current","useImperativeHandle","open","close","handleDismiss","closeAnim","start","resetPositionAnim","timing","toValue","duration","useNativeDriver","translateY","interpolate","inputRange","outputRange","useEffect","panResponders","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","event","dy","onPanResponderRelease","_","gs","vy","renderSheetHeader","createElement","style","sheetHeaderWrapper","_extends","onPress","sheetDismissIconWrapper","underlayColor","variant","textCenter","numberOfLines","sheetActionWrapper","subtitleText","renderLargeIconComponent","largeIconContainer","largeIconAbsoluteWrapper","isVisible","onSwipeComplete","flex","margin","container","maxHeight","transform","sheetIndicatorWrapper","panHandlers","sliderIndicator"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/BottomSheet.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
export const
|
|
1
|
+
import { Radius, Spacing } from '../../themes';
|
|
2
|
+
import { makeStyles } from '../../config';
|
|
3
|
+
export const useStyles = makeStyles(themes => {
|
|
4
|
+
const {
|
|
5
|
+
colors
|
|
6
|
+
} = themes;
|
|
4
7
|
const computedStyle = {};
|
|
5
8
|
computedStyle.flex = {
|
|
6
9
|
flex: 1
|
|
@@ -10,7 +13,7 @@ export const getStyle = () => {
|
|
|
10
13
|
justifyContent: 'flex-end'
|
|
11
14
|
};
|
|
12
15
|
computedStyle.container = {
|
|
13
|
-
backgroundColor:
|
|
16
|
+
backgroundColor: colors['surface-primary'],
|
|
14
17
|
position: 'absolute',
|
|
15
18
|
bottom: 0,
|
|
16
19
|
width: '100%',
|
|
@@ -21,7 +24,7 @@ export const getStyle = () => {
|
|
|
21
24
|
height: 5,
|
|
22
25
|
width: 100,
|
|
23
26
|
borderRadius: Radius.full,
|
|
24
|
-
backgroundColor:
|
|
27
|
+
backgroundColor: colors['icon-disable-secondary']
|
|
25
28
|
};
|
|
26
29
|
computedStyle.sheetIndicatorWrapper = {
|
|
27
30
|
height: 24,
|
|
@@ -61,6 +64,6 @@ export const getStyle = () => {
|
|
|
61
64
|
computedStyle.subtitleText = {
|
|
62
65
|
marginTop: Spacing[8]
|
|
63
66
|
};
|
|
64
|
-
return
|
|
65
|
-
};
|
|
67
|
+
return computedStyle;
|
|
68
|
+
});
|
|
66
69
|
//# sourceMappingURL=BottomSheet.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Radius","Spacing","makeStyles","useStyles","themes","colors","computedStyle","flex","overlay","justifyContent","container","backgroundColor","position","bottom","width","borderTopEndRadius","borderTopStartRadius","sliderIndicator","height","borderRadius","full","sheetIndicatorWrapper","alignItems","sheetHeader","flexDirection","sheetHeaderWrapper","paddingHorizontal","paddingBottom","sheetDismissIconWrapper","padding","left","zIndex","sheetActionWrapper","right","textCenter","textAlign","largeIconContainer","largeIconAbsoluteWrapper","subtitleText","marginTop"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/BottomSheet.style.tsx"],"mappings":"AAEA,SAASA,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAC9C,SAASC,UAAU,QAAQ,cAAc;AAoBzC,OAAO,MAAMC,SAAS,GAAGD,UAAU,CAAEE,MAAM,IAAK;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAGD,MAAM;EAEzB,MAAME,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,EAAEN,MAAM,CAAC,iBAAiB,CAAC;IAC1CO,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,MAAM;IACbC,kBAAkB,EAAEd,OAAO,CAAC,EAAE,CAAC;IAC/Be,oBAAoB,EAAEf,OAAO,CAAC,EAAE;EAClC,CAAC;EAEDK,aAAa,CAACW,eAAe,GAAG;IAC9BC,MAAM,EAAE,CAAC;IACTJ,KAAK,EAAE,GAAG;IACVK,YAAY,EAAEnB,MAAM,CAACoB,IAAI;IACzBT,eAAe,EAAEN,MAAM,CAAC,wBAAwB;EAClD,CAAC;EAEDC,aAAa,CAACe,qBAAqB,GAAG;IACpCH,MAAM,EAAE,EAAE;IACVI,UAAU,EAAE,QAAQ;IACpBb,cAAc,EAAE;EAClB,CAAC;EAEDH,aAAa,CAACiB,WAAW,GAAG;IAC1BC,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBb,cAAc,EAAE;EAClB,CAAC;EAEDH,aAAa,CAACmB,kBAAkB,GAAG;IACjCC,iBAAiB,EAAEzB,OAAO,CAAC,EAAE,CAAC;IAC9B0B,aAAa,EAAE1B,OAAO,CAAC,CAAC;EAC1B,CAAC;EACDK,aAAa,CAACsB,uBAAuB,GAAG;IACtCC,OAAO,EAAE,CAAC;IACVjB,QAAQ,EAAE,UAAU;IACpBkB,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDzB,aAAa,CAAC0B,kBAAkB,GAAG;IACjCvB,cAAc,EAAE,UAAU;IAC1BG,QAAQ,EAAE,UAAU;IACpBqB,KAAK,EAAE;EACT,CAAC;EAED3B,aAAa,CAAC4B,UAAU,GAAG;IACzBC,SAAS,EAAE;EACb,CAAC;EAED7B,aAAa,CAAC8B,kBAAkB,GAAG;IACjCd,UAAU,EAAE;EACd,CAAC;EAEDhB,aAAa,CAAC+B,wBAAwB,GAAG;IACvCzB,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EAEDP,aAAa,CAACgC,YAAY,GAAG;IAC3BC,SAAS,EAAEtC,OAAO,CAAC,CAAC;EACtB,CAAC;EAED,OAAOK,aAAa;AACtB,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, View, TouchableHighlight, TouchableWithoutFeedback } from 'react-native';
|
|
4
|
-
import {
|
|
4
|
+
import { useStyles } from './CheckBoxInput.style';
|
|
5
5
|
import { Typography } from '../typography/typography.component';
|
|
6
6
|
import { BottomSheet } from '../BottomSheet/BottomSheet.component';
|
|
7
7
|
import { Button } from '../button/button.component';
|
|
8
|
-
import {
|
|
8
|
+
import { useAppTheme } from '../../config';
|
|
9
9
|
import { IconChevronDown } from '../../icons';
|
|
10
10
|
import { Divider } from '../Divider/Divider.component';
|
|
11
11
|
import { Checkbox } from '../Checkbox/Checkbox.component';
|
|
12
12
|
const CheckBoxInput = props => {
|
|
13
|
+
const {
|
|
14
|
+
colors
|
|
15
|
+
} = useAppTheme();
|
|
13
16
|
const {
|
|
14
17
|
value,
|
|
15
18
|
label,
|
|
@@ -22,7 +25,7 @@ const CheckBoxInput = 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 = () => {},
|
|
@@ -38,7 +41,7 @@ const CheckBoxInput = props => {
|
|
|
38
41
|
} = props;
|
|
39
42
|
const [labelWidth, setLabelWidth] = React.useState(0);
|
|
40
43
|
const [selectedValue, setSelectedValue] = React.useState(value);
|
|
41
|
-
const computedStyle =
|
|
44
|
+
const computedStyle = useStyles(props);
|
|
42
45
|
const bottomSheetref = React.useRef(null);
|
|
43
46
|
const animation = React.useRef(new Animated.Value(0));
|
|
44
47
|
const scale = animation.current.interpolate({
|
|
@@ -137,7 +140,7 @@ const CheckBoxInput = props => {
|
|
|
137
140
|
style: computedStyle.label
|
|
138
141
|
}, label)), /*#__PURE__*/React.createElement(View, {
|
|
139
142
|
style: [computedStyle.inputWrapper, !!selectedObject() && !isError && !errorMessage && {
|
|
140
|
-
borderColor:
|
|
143
|
+
borderColor: colors['text-primary']
|
|
141
144
|
}]
|
|
142
145
|
}, /*#__PURE__*/React.createElement(Typography, {
|
|
143
146
|
variant: "body2",
|
|
@@ -168,18 +171,11 @@ const CheckBoxInput = props => {
|
|
|
168
171
|
testID: testID,
|
|
169
172
|
accessibilityLabel: testID
|
|
170
173
|
});
|
|
171
|
-
}
|
|
172
|
-
// eslint-disable-next-line react-native/no-inline-styles
|
|
173
|
-
,
|
|
174
|
-
contentContainerStyle: {
|
|
175
|
-
padding: 16
|
|
176
174
|
},
|
|
175
|
+
contentContainerStyle: computedStyle.sheetListContentContainer,
|
|
177
176
|
ItemSeparatorComponent: () => customItemSeparator
|
|
178
177
|
}), /*#__PURE__*/React.createElement(View, {
|
|
179
|
-
style:
|
|
180
|
-
padding: 16,
|
|
181
|
-
backgroundColor: 'transparent'
|
|
182
|
-
}
|
|
178
|
+
style: [computedStyle.sheetBottomContaienr]
|
|
183
179
|
}, /*#__PURE__*/React.createElement(Button, _extends({
|
|
184
180
|
variant: "primary",
|
|
185
181
|
label: saveInputLabel,
|
|
@@ -193,6 +189,9 @@ function CheckboxItem({
|
|
|
193
189
|
testID,
|
|
194
190
|
...rest
|
|
195
191
|
}) {
|
|
192
|
+
const {
|
|
193
|
+
colors
|
|
194
|
+
} = useAppTheme();
|
|
196
195
|
const {
|
|
197
196
|
item
|
|
198
197
|
} = data;
|
|
@@ -201,10 +200,10 @@ function CheckboxItem({
|
|
|
201
200
|
value,
|
|
202
201
|
disabled
|
|
203
202
|
} = item;
|
|
204
|
-
const computedStyle =
|
|
203
|
+
const computedStyle = useStyles({});
|
|
205
204
|
return /*#__PURE__*/React.createElement(TouchableHighlight, _extends({
|
|
206
205
|
onPress: () => onItemPress(item),
|
|
207
|
-
underlayColor:
|
|
206
|
+
underlayColor: colors['fill-disable-secondary'] + 66,
|
|
208
207
|
disabled: disabled,
|
|
209
208
|
testID: testID + 'checkbox_item_touchable_' + data.index,
|
|
210
209
|
accessibilityLabel: testID + 'checkbox_item_touchable_' + data.index
|
|
@@ -214,7 +213,8 @@ function CheckboxItem({
|
|
|
214
213
|
variant: "body2",
|
|
215
214
|
numberOfLines: 2,
|
|
216
215
|
testID: testID + 'checkbox_item_label_' + data.index,
|
|
217
|
-
accessibilityLabel: testID + 'checkbox_item_label_' + data.index
|
|
216
|
+
accessibilityLabel: testID + 'checkbox_item_label_' + data.index,
|
|
217
|
+
color: disabled ? 'text-disable' : 'text-primary'
|
|
218
218
|
}, label), /*#__PURE__*/React.createElement(Checkbox, {
|
|
219
219
|
selected: !!(selectedValue !== null && selectedValue !== void 0 && selectedValue.some(selected => selected.value === value)),
|
|
220
220
|
disabled: disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","FlatList","View","TouchableHighlight","TouchableWithoutFeedback","
|
|
1
|
+
{"version":3,"names":["React","Animated","FlatList","View","TouchableHighlight","TouchableWithoutFeedback","useStyles","Typography","BottomSheet","Button","useAppTheme","IconChevronDown","Divider","Checkbox","CheckBoxInput","props","colors","value","label","errorMessage","helperMessage","helperMessageProps","isError","disabled","editable","inputIcon","createElement","width","height","fill","data","onSaveInput","saveInputLabel","saveInputProps","bottomSheetOpt","selectionLimit","onInputDismiss","customCheckboxInput","customItemSeparator","testID","rest","labelWidth","setLabelWidth","useState","selectedValue","setSelectedValue","computedStyle","bottomSheetref","useRef","animation","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","selectedObject","useCallback","labels","map","check","checkbox","find","obj","join","useEffect","getLabelWidth","event","nativeEvent","layout","onCheckboxItemPress","checkboxValue","index","some","selected","arr","filter","item","length","temp","splice","handleOnSaveInput","_bottomSheetref$curre","close","handleOnBottomSheetDismiss","openBottomSheet","_bottomSheetref$curre2","open","Fragment","_extends","onPress","style","fieldWrapper","fieldContainer","labelContainer","transform","onLayout","pointerEvents","variant","inputWrapper","borderColor","textField","numberOfLines","accessibilityLabel","messageHelper","ref","onDismiss","renderItem","onItemPress","CheckboxItem","contentContainerStyle","sheetListContentContainer","ItemSeparatorComponent","sheetBottomContaienr","underlayColor","checkboxItemWrapper","color"],"sourceRoot":"../../../../src","sources":["components/CheckBoxInput/CheckBoxInput.component.tsx"],"mappings":"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","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
|
+
Spacing,
|
|
7
|
+
Radius
|
|
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-default']
|
|
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['surface-primary'],
|
|
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['surface-primary'],
|
|
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=CheckBoxInput.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","
|
|
1
|
+
{"version":3,"names":["Platform","makeStyles","useStyles","themes","props","colors","Spacing","Radius","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","checkboxItemWrapper","paddingVertical","sheetListContentContainer","sheetBottomContaienr"],"sourceRoot":"../../../../src","sources":["components/CheckBoxInput/CheckBoxInput.style.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,22 +1,26 @@
|
|
|
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 './Checkbox.style';
|
|
5
5
|
import { IconTick } from '../../icons';
|
|
6
|
-
import {
|
|
6
|
+
import { useAppTheme } from '../../config';
|
|
7
7
|
const Checkbox = props => {
|
|
8
8
|
const {
|
|
9
9
|
selected,
|
|
10
10
|
disabled,
|
|
11
11
|
...rest
|
|
12
12
|
} = props;
|
|
13
|
-
const
|
|
13
|
+
const {
|
|
14
|
+
colors,
|
|
15
|
+
colorScheme
|
|
16
|
+
} = useAppTheme();
|
|
17
|
+
const computedStyle = useStyles(props);
|
|
14
18
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, _extends({
|
|
15
|
-
style: [computedStyle.outer
|
|
19
|
+
style: [computedStyle.outer]
|
|
16
20
|
}, rest), selected && /*#__PURE__*/React.createElement(IconTick, {
|
|
17
21
|
height: 14,
|
|
18
22
|
width: 14,
|
|
19
|
-
fill: disabled ?
|
|
23
|
+
fill: disabled ? colors['icon-disable'] : colorScheme === 'light' ? colors['icon-primary'] : colors['icon-inverse']
|
|
20
24
|
})));
|
|
21
25
|
};
|
|
22
26
|
export { Checkbox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","
|
|
1
|
+
{"version":3,"names":["React","View","useStyles","IconTick","useAppTheme","Checkbox","props","selected","disabled","rest","colors","colorScheme","computedStyle","createElement","Fragment","_extends","style","outer","height","width","fill"],"sourceRoot":"../../../../src","sources":["components/Checkbox/Checkbox.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,SAAS,QAAQ,kBAAkB;AAG5C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,WAAW,QAAQ,cAAc;AAE1C,MAAMC,QAAgD,GAAIC,KAAK,IAAK;EAClE,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC7C,MAAM;IAAEI,MAAM;IAAEC;EAAY,CAAC,GAAGP,WAAW,CAAC,CAAC;EAE7C,MAAMQ,aAAa,GAAGV,SAAS,CAACI,KAAK,CAAC;EAEtC,oBACEN,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,qBACEd,KAAA,CAAAa,aAAA,CAACZ,IAAI,EAAAc,QAAA;IAACC,KAAK,EAAE,CAACJ,aAAa,CAACK,KAAK;EAAE,GAAKR,IAAI,GACzCF,QAAQ,iBACPP,KAAA,CAAAa,aAAA,CAACV,QAAQ;IACPe,MAAM,EAAE,EAAG;IACXC,KAAK,EAAE,EAAG;IACVC,IAAI,EACFZ,QAAQ,GACJE,MAAM,CAAC,cAAc,CAAC,GACtBC,WAAW,KAAK,OAAO,GACvBD,MAAM,CAAC,cAAc,CAAC,GACtBA,MAAM,CAAC,cAAc;EAC1B,CACF,CAEC,CACN,CAAC;AAEP,CAAC;AAED,SAASL,QAAQ","ignoreList":[]}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { makeStyles } from '../../config';
|
|
2
|
+
export const useStyles = makeStyles((themes, props) => {
|
|
3
|
+
const {
|
|
4
|
+
colors,
|
|
5
|
+
Radius
|
|
6
|
+
} = themes;
|
|
7
|
+
const {
|
|
8
|
+
selected,
|
|
9
|
+
disabled
|
|
10
|
+
} = props;
|
|
4
11
|
const computedStyle = {};
|
|
5
12
|
computedStyle.outer = {
|
|
6
13
|
height: 18,
|
|
7
14
|
width: 18,
|
|
8
15
|
borderRadius: Radius[4],
|
|
9
16
|
borderWidth: 2,
|
|
10
|
-
borderColor:
|
|
17
|
+
borderColor: disabled ? colors['icon-disable-secondary'] : colors['border-primary'],
|
|
18
|
+
backgroundColor: !selected ? 'transparent' : disabled ? colors['icon-disable-secondary'] : colors['fill-warning'],
|
|
11
19
|
justifyContent: 'center',
|
|
12
20
|
alignItems: 'center'
|
|
13
21
|
};
|
|
14
|
-
computedStyle
|
|
15
|
-
|
|
16
|
-
borderColor: Palettes.yellow[600]
|
|
17
|
-
};
|
|
18
|
-
computedStyle.outerDisabled = {
|
|
19
|
-
borderColor: Palettes.grey[100],
|
|
20
|
-
backgroundColor: Palettes.grey[100]
|
|
21
|
-
};
|
|
22
|
-
return StyleSheet.create(computedStyle);
|
|
23
|
-
};
|
|
22
|
+
return computedStyle;
|
|
23
|
+
});
|
|
24
24
|
//# sourceMappingURL=Checkbox.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["makeStyles","useStyles","themes","props","colors","Radius","selected","disabled","computedStyle","outer","height","width","borderRadius","borderWidth","borderColor","backgroundColor","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["components/Checkbox/Checkbox.style.tsx"],"mappings":"AAGA,SAASA,UAAU,QAAQ,cAAc;AAWzC,OAAO,MAAMC,SAAS,GAAGD,UAAU,CAAC,CAACE,MAAM,EAAEC,KAAoB,KAAK;EACpE,MAAM;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGH,MAAM;EACjC,MAAM;IAAEI,QAAQ;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACpC,MAAMK,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,KAAK,GAAG;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAEP,MAAM,CAAC,CAAC,CAAC;IACvBQ,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEP,QAAQ,GACjBH,MAAM,CAAC,wBAAwB,CAAC,GAChCA,MAAM,CAAC,gBAAgB,CAAC;IAC5BW,eAAe,EAAE,CAACT,QAAQ,GACtB,aAAa,GACbC,QAAQ,GACRH,MAAM,CAAC,wBAAwB,CAAC,GAChCA,MAAM,CAAC,cAAc,CAAC;IAC1BY,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAED,OAAOT,aAAa;AACtB,CAAC,CAAC","ignoreList":[]}
|