@nexara/nativeflow 0.1.1 → 0.1.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/Button/Button.js +50 -37
- package/lib/commonjs/components/Button/Button.js.map +1 -1
- package/lib/commonjs/components/CheckBox/CheckBox.js +39 -29
- package/lib/commonjs/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/commonjs/components/Dialog/Dialog.js +52 -48
- package/lib/commonjs/components/Dialog/Dialog.js.map +1 -1
- package/lib/commonjs/components/Dialog/DialogBody.js +6 -8
- package/lib/commonjs/components/Dialog/DialogBody.js.map +1 -1
- package/lib/commonjs/components/Dialog/DialogDescription.js +4 -7
- package/lib/commonjs/components/Dialog/DialogDescription.js.map +1 -1
- package/lib/commonjs/components/Dialog/DialogFoot.js +13 -13
- package/lib/commonjs/components/Dialog/DialogFoot.js.map +1 -1
- package/lib/commonjs/components/Dialog/DialogHead.js +17 -16
- package/lib/commonjs/components/Dialog/DialogHead.js.map +1 -1
- package/lib/commonjs/components/Divider/Divider.js +5 -8
- package/lib/commonjs/components/Divider/Divider.js.map +1 -1
- package/lib/commonjs/components/Header/Header.js.map +1 -1
- package/lib/commonjs/components/Icon/Icon.js +9 -5
- package/lib/commonjs/components/Icon/Icon.js.map +1 -1
- package/lib/commonjs/components/Link/Link.js +13 -15
- package/lib/commonjs/components/Link/Link.js.map +1 -1
- package/lib/commonjs/components/Menu/Menu.js +51 -54
- package/lib/commonjs/components/Menu/Menu.js.map +1 -1
- package/lib/commonjs/components/Menu/MenuItem.js +0 -2
- package/lib/commonjs/components/Menu/MenuItem.js.map +1 -1
- package/lib/commonjs/components/Portal/Portal.js +1 -1
- package/lib/commonjs/components/Portal/Portal.js.map +1 -1
- package/lib/commonjs/components/Progress/Progress.js +25 -15
- package/lib/commonjs/components/Progress/Progress.js.map +1 -1
- package/lib/commonjs/components/Stack/HStack.js +9 -11
- package/lib/commonjs/components/Stack/HStack.js.map +1 -1
- package/lib/commonjs/components/Stack/VStack.js +4 -2
- package/lib/commonjs/components/Stack/VStack.js.map +1 -1
- package/lib/commonjs/components/StyledComponents/StyledText.js +12 -13
- package/lib/commonjs/components/StyledComponents/StyledText.js.map +1 -1
- package/lib/commonjs/components/StyledComponents/StyledView.js +14 -14
- package/lib/commonjs/components/StyledComponents/StyledView.js.map +1 -1
- package/lib/commonjs/components/Switch/Switch.js +2 -2
- package/lib/commonjs/components/Switch/Switch.js.map +1 -1
- package/lib/commonjs/components/UserInput/UserInput.js +29 -32
- package/lib/commonjs/components/UserInput/UserInput.js.map +1 -1
- package/lib/commonjs/helpers/LightenColorShades.js +18 -5
- package/lib/commonjs/helpers/LightenColorShades.js.map +1 -1
- package/lib/commonjs/helpers/ResponsiveCalculations.js +30 -4
- package/lib/commonjs/helpers/ResponsiveCalculations.js.map +1 -1
- package/lib/commonjs/helpers/index.js +16 -0
- package/lib/commonjs/helpers/index.js.map +1 -1
- package/lib/commonjs/index.js +5 -4
- package/lib/commonjs/index.js.map +2 -1
- package/lib/commonjs/themes/LightTheme.js +1 -3
- package/lib/commonjs/themes/LightTheme.js.map +1 -1
- package/lib/commonjs/types/index.js +11 -0
- package/lib/commonjs/types/index.js.map +1 -1
- package/lib/commonjs/types/progress.type.js +2 -0
- package/lib/commonjs/types/progress.type.js.map +1 -0
- package/lib/module/components/Button/Button.js +50 -37
- package/lib/module/components/Button/Button.js.map +1 -1
- package/lib/module/components/CheckBox/CheckBox.js +41 -31
- package/lib/module/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/module/components/Dialog/Dialog.js +52 -48
- package/lib/module/components/Dialog/Dialog.js.map +1 -1
- package/lib/module/components/Dialog/DialogBody.js +7 -9
- package/lib/module/components/Dialog/DialogBody.js.map +1 -1
- package/lib/module/components/Dialog/DialogDescription.js +5 -8
- package/lib/module/components/Dialog/DialogDescription.js.map +1 -1
- package/lib/module/components/Dialog/DialogFoot.js +13 -13
- package/lib/module/components/Dialog/DialogFoot.js.map +1 -1
- package/lib/module/components/Dialog/DialogHead.js +17 -16
- package/lib/module/components/Dialog/DialogHead.js.map +1 -1
- package/lib/module/components/Divider/Divider.js +5 -8
- package/lib/module/components/Divider/Divider.js.map +1 -1
- package/lib/module/components/Header/Header.js.map +1 -1
- package/lib/module/components/Icon/Icon.js +7 -4
- package/lib/module/components/Icon/Icon.js.map +1 -1
- package/lib/module/components/Link/Link.js +14 -16
- package/lib/module/components/Link/Link.js.map +1 -1
- package/lib/module/components/Menu/Menu.js +51 -54
- package/lib/module/components/Menu/Menu.js.map +1 -1
- package/lib/module/components/Menu/MenuItem.js +0 -2
- package/lib/module/components/Menu/MenuItem.js.map +1 -1
- package/lib/module/components/Portal/Portal.js +1 -1
- package/lib/module/components/Portal/Portal.js.map +1 -1
- package/lib/module/components/Progress/Progress.js +26 -16
- package/lib/module/components/Progress/Progress.js.map +1 -1
- package/lib/module/components/Stack/HStack.js +10 -12
- package/lib/module/components/Stack/HStack.js.map +1 -1
- package/lib/module/components/Stack/VStack.js +4 -2
- package/lib/module/components/Stack/VStack.js.map +1 -1
- package/lib/module/components/StyledComponents/StyledText.js +13 -14
- package/lib/module/components/StyledComponents/StyledText.js.map +1 -1
- package/lib/module/components/StyledComponents/StyledView.js +15 -15
- package/lib/module/components/StyledComponents/StyledView.js.map +1 -1
- package/lib/module/components/Switch/Switch.js +2 -2
- package/lib/module/components/Switch/Switch.js.map +1 -1
- package/lib/module/components/UserInput/UserInput.js +30 -35
- package/lib/module/components/UserInput/UserInput.js.map +1 -1
- package/lib/module/helpers/LightenColorShades.js +18 -5
- package/lib/module/helpers/LightenColorShades.js.map +1 -1
- package/lib/module/helpers/ResponsiveCalculations.js +28 -3
- package/lib/module/helpers/ResponsiveCalculations.js.map +1 -1
- package/lib/module/helpers/index.js +1 -0
- package/lib/module/helpers/index.js.map +1 -1
- package/lib/module/index.js +2 -4
- package/lib/module/index.js.map +1 -2
- package/lib/module/themes/LightTheme.js +1 -2
- package/lib/module/themes/LightTheme.js.map +1 -1
- package/lib/module/types/index.js +1 -0
- package/lib/module/types/index.js.map +1 -1
- package/lib/module/types/progress.type.js +2 -0
- package/lib/module/types/progress.type.js.map +1 -0
- package/lib/typescript/commonjs/src/components/Button/Button.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/CheckBox/CheckBox.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Dialog/DialogBody.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Dialog/DialogFoot.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Dialog/DialogHead.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Divider/Divider.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Header/Header.d.ts +1 -0
- package/lib/typescript/commonjs/src/components/Header/Header.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Icon/Icon.d.ts +1 -0
- package/lib/typescript/commonjs/src/components/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Link/Link.d.ts +4 -0
- package/lib/typescript/commonjs/src/components/Link/Link.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Menu/Menu.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Menu/MenuItem.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Portal/Portal.d.ts +1 -1
- package/lib/typescript/commonjs/src/components/Portal/Portal.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Progress/Progress.d.ts +1 -12
- package/lib/typescript/commonjs/src/components/Progress/Progress.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Stack/HStack.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Stack/VStack.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/StyledComponents/StyledText.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/StyledComponents/StyledView.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/UserInput/UserInput.d.ts +1 -34
- package/lib/typescript/commonjs/src/components/UserInput/UserInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/helpers/LightenColorShades.d.ts +1 -1
- package/lib/typescript/commonjs/src/helpers/LightenColorShades.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/helpers/ResponsiveCalculations.d.ts +1 -0
- package/lib/typescript/commonjs/src/helpers/ResponsiveCalculations.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/helpers/index.d.ts +1 -0
- package/lib/typescript/commonjs/src/helpers/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/themes/LightTheme.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/button.type.d.ts +1 -0
- package/lib/typescript/commonjs/src/types/button.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/dialog.type.d.ts +0 -2
- package/lib/typescript/commonjs/src/types/dialog.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/index.d.ts +1 -0
- package/lib/typescript/commonjs/src/types/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/progress.type.d.ts +13 -0
- package/lib/typescript/commonjs/src/types/progress.type.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/types/stack.type.d.ts +14 -3
- package/lib/typescript/commonjs/src/types/stack.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/styledComponents.type.d.ts +7 -1
- package/lib/typescript/commonjs/src/types/styledComponents.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/userInput.type.d.ts +6 -1
- package/lib/typescript/commonjs/src/types/userInput.type.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Button/Button.d.ts.map +1 -1
- package/lib/typescript/module/src/components/CheckBox/CheckBox.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Dialog/DialogBody.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Dialog/DialogFoot.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Dialog/DialogHead.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Divider/Divider.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Header/Header.d.ts +1 -0
- package/lib/typescript/module/src/components/Header/Header.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Icon/Icon.d.ts +1 -0
- package/lib/typescript/module/src/components/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Link/Link.d.ts +4 -0
- package/lib/typescript/module/src/components/Link/Link.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Menu/Menu.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Menu/MenuItem.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Portal/Portal.d.ts +1 -1
- package/lib/typescript/module/src/components/Portal/Portal.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Progress/Progress.d.ts +1 -12
- package/lib/typescript/module/src/components/Progress/Progress.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Stack/HStack.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Stack/VStack.d.ts.map +1 -1
- package/lib/typescript/module/src/components/StyledComponents/StyledText.d.ts.map +1 -1
- package/lib/typescript/module/src/components/StyledComponents/StyledView.d.ts.map +1 -1
- package/lib/typescript/module/src/components/UserInput/UserInput.d.ts +1 -34
- package/lib/typescript/module/src/components/UserInput/UserInput.d.ts.map +1 -1
- package/lib/typescript/module/src/helpers/LightenColorShades.d.ts +1 -1
- package/lib/typescript/module/src/helpers/LightenColorShades.d.ts.map +1 -1
- package/lib/typescript/module/src/helpers/ResponsiveCalculations.d.ts +1 -0
- package/lib/typescript/module/src/helpers/ResponsiveCalculations.d.ts.map +1 -1
- package/lib/typescript/module/src/helpers/index.d.ts +1 -0
- package/lib/typescript/module/src/helpers/index.d.ts.map +1 -1
- package/lib/typescript/module/src/themes/LightTheme.d.ts.map +1 -1
- package/lib/typescript/module/src/types/button.type.d.ts +1 -0
- package/lib/typescript/module/src/types/button.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/dialog.type.d.ts +0 -2
- package/lib/typescript/module/src/types/dialog.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/index.d.ts +1 -0
- package/lib/typescript/module/src/types/index.d.ts.map +1 -1
- package/lib/typescript/module/src/types/progress.type.d.ts +13 -0
- package/lib/typescript/module/src/types/progress.type.d.ts.map +1 -0
- package/lib/typescript/module/src/types/stack.type.d.ts +14 -3
- package/lib/typescript/module/src/types/stack.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/styledComponents.type.d.ts +7 -1
- package/lib/typescript/module/src/types/styledComponents.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/userInput.type.d.ts +6 -1
- package/lib/typescript/module/src/types/userInput.type.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/Button/Button.tsx +111 -76
- package/src/components/CheckBox/CheckBox.tsx +61 -49
- package/src/components/Dialog/Dialog.tsx +54 -51
- package/src/components/Dialog/DialogBody.tsx +7 -9
- package/src/components/Dialog/DialogDescription.tsx +9 -9
- package/src/components/Dialog/DialogFoot.tsx +15 -13
- package/src/components/Dialog/DialogHead.tsx +20 -17
- package/src/components/Divider/Divider.tsx +5 -9
- package/src/components/Header/Header.tsx +1 -0
- package/src/components/Icon/Icon.tsx +9 -4
- package/src/components/Link/Link.tsx +24 -7
- package/src/components/Menu/Menu.tsx +50 -50
- package/src/components/Menu/MenuItem.tsx +0 -2
- package/src/components/Portal/Portal.tsx +2 -2
- package/src/components/Progress/Progress.tsx +32 -35
- package/src/components/Stack/HStack.tsx +12 -12
- package/src/components/Stack/VStack.tsx +5 -2
- package/src/components/StyledComponents/StyledText.tsx +3 -5
- package/src/components/StyledComponents/StyledView.tsx +6 -2
- package/src/components/Switch/Switch.tsx +2 -2
- package/src/components/UserInput/UserInput.tsx +43 -37
- package/src/helpers/LightenColorShades.ts +26 -6
- package/src/helpers/ResponsiveCalculations.ts +28 -3
- package/src/helpers/index.ts +2 -1
- package/src/themes/LightTheme.ts +1 -2
- package/src/types/button.type.ts +1 -0
- package/src/types/dialog.type.ts +0 -3
- package/src/types/index.ts +2 -1
- package/src/types/progress.type.ts +16 -0
- package/src/types/stack.type.ts +16 -3
- package/src/types/styledComponents.type.ts +8 -1
- package/src/types/userInput.type.ts +7 -1
|
@@ -53,43 +53,41 @@ const Button = ({
|
|
|
53
53
|
strokeColor,
|
|
54
54
|
disabled
|
|
55
55
|
});
|
|
56
|
-
const
|
|
56
|
+
const dynamicStyles = {
|
|
57
57
|
BUTTON_CONT: {
|
|
58
58
|
backgroundColor: backgroundColor,
|
|
59
59
|
borderWidth: variant === 'contained' ? 0 : stroke,
|
|
60
|
-
borderColor: buttonBorderColor
|
|
61
|
-
maxWidth: '100%'
|
|
60
|
+
borderColor: buttonBorderColor
|
|
62
61
|
},
|
|
63
62
|
BUTTON_TEXT: {
|
|
64
63
|
color: buttonTextColor,
|
|
65
|
-
textAlign: 'center',
|
|
66
64
|
fontFamily: titleFF ?? ''
|
|
67
65
|
},
|
|
68
|
-
|
|
66
|
+
FLAT_BTN_MAIN_CONT: {
|
|
69
67
|
borderRadius: (0, _ResponsiveCalculations.verticalScale)(br),
|
|
70
|
-
overflow: 'hidden',
|
|
71
68
|
alignSelf: fullWidth ? 'stretch' : 'flex-start'
|
|
72
69
|
},
|
|
73
|
-
|
|
70
|
+
FLAT_BTN_INNER_CONT: {
|
|
74
71
|
paddingVertical: (0, _ResponsiveCalculations.verticalScale)(paddingV),
|
|
75
72
|
paddingHorizontal: (0, _ResponsiveCalculations.horizontalScale)(!fullWidth ? paddingH : 30),
|
|
76
|
-
borderRadius: (0, _ResponsiveCalculations.verticalScale)(br)
|
|
77
|
-
flexDirection: 'row',
|
|
78
|
-
alignItems: 'center',
|
|
79
|
-
justifyContent: 'space-between',
|
|
80
|
-
gap: (0, _ResponsiveCalculations.horizontalScale)(10)
|
|
73
|
+
borderRadius: (0, _ResponsiveCalculations.verticalScale)(br)
|
|
81
74
|
},
|
|
82
|
-
|
|
83
|
-
borderRadius: (0, _ResponsiveCalculations.verticalScale)(100),
|
|
75
|
+
ROUND_BTN_INNER_CONT: {
|
|
84
76
|
height: (0, _ResponsiveCalculations.verticalScale)(size),
|
|
85
|
-
width: (0, _ResponsiveCalculations.verticalScale)(size)
|
|
86
|
-
alignItems: 'center',
|
|
87
|
-
justifyContent: 'center'
|
|
77
|
+
width: (0, _ResponsiveCalculations.verticalScale)(size)
|
|
88
78
|
}
|
|
89
|
-
}
|
|
79
|
+
};
|
|
80
|
+
const cloneElement = element => {
|
|
81
|
+
if (/*#__PURE__*/_react.default.isValidElement(element)) {
|
|
82
|
+
return /*#__PURE__*/_react.default.cloneElement(element, {
|
|
83
|
+
color: buttonIconColor
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
return null;
|
|
87
|
+
};
|
|
90
88
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
91
89
|
children: [type === 'flat' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
92
|
-
style: STYLES.
|
|
90
|
+
style: [STYLES.FLAT_BTN_MAIN_CONT, dynamicStyles.FLAT_BTN_MAIN_CONT],
|
|
93
91
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TouchableRipple.default, {
|
|
94
92
|
onPress: onPress,
|
|
95
93
|
rippleColor: rippleColor,
|
|
@@ -98,12 +96,10 @@ const Button = ({
|
|
|
98
96
|
,
|
|
99
97
|
...props,
|
|
100
98
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.StyledView, {
|
|
101
|
-
style: [STYLES.
|
|
99
|
+
style: [STYLES.FLAT_BTN_INNER_CONT, STYLES.BUTTON_CONT, dynamicStyles.FLAT_BTN_INNER_CONT, dynamicStyles.BUTTON_CONT, buttonContainerStyle],
|
|
102
100
|
children: [(renderLeftIcon || fullWidth && renderRightIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
103
101
|
f: fullWidth ? 1 : undefined,
|
|
104
|
-
children: renderLeftIcon &&
|
|
105
|
-
color: buttonIconColor
|
|
106
|
-
})
|
|
102
|
+
children: renderLeftIcon && cloneElement(renderLeftIcon)
|
|
107
103
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
108
104
|
flexShrink: 1,
|
|
109
105
|
f: fullWidth ? 8 : undefined,
|
|
@@ -111,38 +107,55 @@ const Button = ({
|
|
|
111
107
|
numberOfLines: 1,
|
|
112
108
|
fs: titleFS,
|
|
113
109
|
variant: titleVariant,
|
|
114
|
-
style: [STYLES.BUTTON_TEXT, textStyle],
|
|
110
|
+
style: [STYLES.BUTTON_TEXT, dynamicStyles.BUTTON_TEXT, textStyle],
|
|
115
111
|
children: title
|
|
116
112
|
})
|
|
117
113
|
}), (renderRightIcon || fullWidth && renderLeftIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
118
114
|
alignItems: "flex-end",
|
|
119
115
|
f: fullWidth ? 1 : undefined,
|
|
120
|
-
children: renderRightIcon &&
|
|
121
|
-
color: buttonIconColor
|
|
122
|
-
})
|
|
116
|
+
children: renderRightIcon && cloneElement(renderRightIcon)
|
|
123
117
|
})]
|
|
124
118
|
})
|
|
125
119
|
})
|
|
126
120
|
}), type === 'round' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
127
|
-
|
|
128
|
-
borderRadius: (0, _ResponsiveCalculations.verticalScale)(100),
|
|
129
|
-
overflow: "hidden",
|
|
130
|
-
style: {
|
|
131
|
-
overflow: 'hidden',
|
|
132
|
-
borderRadius: (0, _ResponsiveCalculations.verticalScale)(100),
|
|
133
|
-
alignSelf: 'flex-start'
|
|
134
|
-
},
|
|
121
|
+
style: STYLES.ROUND_BTN_MAIN_CONT,
|
|
135
122
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TouchableRipple.default, {
|
|
136
123
|
onPress: onPress,
|
|
137
124
|
rippleColor: rippleColor,
|
|
138
125
|
...props,
|
|
139
126
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
140
|
-
style: [STYLES.BUTTON_CONT, STYLES.
|
|
141
|
-
children: renderIcon
|
|
127
|
+
style: [STYLES.BUTTON_CONT, STYLES.ROUND_BTN_INNER_CONT, dynamicStyles.BUTTON_CONT, dynamicStyles.ROUND_BTN_INNER_CONT, buttonContainerStyle],
|
|
128
|
+
children: renderIcon && cloneElement(renderIcon)
|
|
142
129
|
})
|
|
143
130
|
})
|
|
144
131
|
})]
|
|
145
132
|
});
|
|
146
133
|
};
|
|
147
134
|
var _default = exports.default = Button;
|
|
135
|
+
const STYLES = _reactNative.StyleSheet.create({
|
|
136
|
+
BUTTON_CONT: {
|
|
137
|
+
maxWidth: '100%'
|
|
138
|
+
},
|
|
139
|
+
BUTTON_TEXT: {
|
|
140
|
+
textAlign: 'center'
|
|
141
|
+
},
|
|
142
|
+
FLAT_BTN_MAIN_CONT: {
|
|
143
|
+
overflow: 'hidden'
|
|
144
|
+
},
|
|
145
|
+
FLAT_BTN_INNER_CONT: {
|
|
146
|
+
flexDirection: 'row',
|
|
147
|
+
alignItems: 'center',
|
|
148
|
+
justifyContent: 'space-between',
|
|
149
|
+
gap: (0, _ResponsiveCalculations.horizontalScale)(10)
|
|
150
|
+
},
|
|
151
|
+
ROUND_BTN_MAIN_CONT: {
|
|
152
|
+
overflow: 'hidden',
|
|
153
|
+
borderRadius: (0, _ResponsiveCalculations.verticalScale)(100)
|
|
154
|
+
// alignSelf: 'flex-start',
|
|
155
|
+
},
|
|
156
|
+
ROUND_BTN_INNER_CONT: {
|
|
157
|
+
alignItems: 'center',
|
|
158
|
+
justifyContent: 'center'
|
|
159
|
+
}
|
|
160
|
+
});
|
|
148
161
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ResponsiveCalculations","_index","_index2","_utils","_TouchableRipple","_jsxRuntime","e","__esModule","default","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","titleFS","titleVariant","titleFF","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","buttonContainerStyle","textStyle","onPress","props","theme","useTheme","backgroundColor","buttonTextColor","buttonBorderColor","buttonIconColor","getButtonColors","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ResponsiveCalculations","_index","_index2","_utils","_TouchableRipple","_jsxRuntime","e","__esModule","default","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","titleFS","titleVariant","titleFF","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","buttonContainerStyle","textStyle","onPress","props","theme","useTheme","backgroundColor","buttonTextColor","buttonBorderColor","buttonIconColor","getButtonColors","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","verticalScale","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","horizontalScale","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","React","isValidElement","jsxs","Fragment","children","jsx","StyledView","style","STYLES","f","undefined","flexShrink","StyledText","numberOfLines","fs","alignItems","ROUND_BTN_MAIN_CONT","_default","exports","StyleSheet","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,7 +7,6 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _index = require("../StyledComponents/index.js");
|
|
10
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
10
|
var _index2 = require("../../hooks/index.js");
|
|
12
11
|
var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
|
|
13
12
|
var _index3 = require("../../assets/svg/index.js");
|
|
@@ -37,37 +36,34 @@ const CheckBox = ({
|
|
|
37
36
|
(0, _react.useEffect)(() => {
|
|
38
37
|
setIsCheckboxChecked(defaultValue);
|
|
39
38
|
}, [defaultValue]);
|
|
40
|
-
const scaleVal = (0,
|
|
39
|
+
const scaleVal = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
|
|
41
40
|
const {
|
|
42
41
|
colors
|
|
43
42
|
} = (0, _index2.useTheme)();
|
|
44
43
|
activeBgColor = disabled ? colors.disable : activeBgColor ?? colors.primary;
|
|
45
44
|
iconSize = iconSize ?? size / 1.5;
|
|
46
45
|
const bgColor = !disableBuiltInState && isCheckboxChecked || disableBuiltInState && isChecked ? activeBgColor : inActiveBgColor;
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
width: (0, _ResponsiveCalculations.verticalScale)(size),
|
|
57
|
-
borderWidth: 0.8,
|
|
58
|
-
borderColor: disabled ? colors.disable : activeBgColor,
|
|
59
|
-
alignItems: 'center',
|
|
60
|
-
justifyContent: 'center',
|
|
61
|
-
borderRadius: variant === 'square' ? 5 : (0, _ResponsiveCalculations.verticalScale)(size),
|
|
62
|
-
padding: (0, _ResponsiveCalculations.verticalScale)(7),
|
|
63
|
-
backgroundColor: bgColor
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
46
|
+
const textColor = disabled ? colors.textDisable : colors.textPrimary;
|
|
47
|
+
const dynamicMainContStyles = {
|
|
48
|
+
height: (0, _ResponsiveCalculations.verticalScale)(size),
|
|
49
|
+
width: (0, _ResponsiveCalculations.verticalScale)(size),
|
|
50
|
+
borderColor: disabled ? colors.disable : activeBgColor,
|
|
51
|
+
borderRadius: variant === 'square' ? 5 : (0, _ResponsiveCalculations.verticalScale)(size),
|
|
52
|
+
backgroundColor: bgColor
|
|
53
|
+
};
|
|
54
|
+
const animatedStyle = {
|
|
67
55
|
transform: [{
|
|
68
|
-
scale: scaleVal
|
|
56
|
+
scale: scaleVal
|
|
69
57
|
}]
|
|
70
|
-
}
|
|
58
|
+
};
|
|
59
|
+
const animateScale = toValue => {
|
|
60
|
+
_reactNative.Animated.spring(scaleVal, {
|
|
61
|
+
toValue,
|
|
62
|
+
speed: 20,
|
|
63
|
+
bounciness: 8,
|
|
64
|
+
useNativeDriver: true
|
|
65
|
+
}).start();
|
|
66
|
+
};
|
|
71
67
|
const onUserClick = () => {
|
|
72
68
|
if (!disableBuiltInState) {
|
|
73
69
|
onPress?.(!isCheckboxChecked);
|
|
@@ -76,16 +72,16 @@ const CheckBox = ({
|
|
|
76
72
|
onPress?.(!isChecked);
|
|
77
73
|
}
|
|
78
74
|
};
|
|
79
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
75
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
80
76
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
|
|
81
|
-
onPressIn: () =>
|
|
82
|
-
onPressOut: () =>
|
|
77
|
+
onPressIn: () => animateScale(0.8),
|
|
78
|
+
onPressOut: () => animateScale(1),
|
|
83
79
|
onPress: onUserClick,
|
|
84
80
|
disabled: disabled,
|
|
85
81
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.StyledView, {
|
|
86
82
|
style: [STYLES.CONTAINER, containerStyle],
|
|
87
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
88
|
-
style: [STYLES.CHECKBOX_PARENT_CONT, checkBoxStyle, animatedStyle],
|
|
83
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
84
|
+
style: [STYLES.CHECKBOX_PARENT_CONT, dynamicMainContStyles, checkBoxStyle, animatedStyle],
|
|
89
85
|
children: (disableBuiltInState ? isChecked : isCheckboxChecked) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Check, {
|
|
90
86
|
color: iconColor ?? colors.iconSecondary,
|
|
91
87
|
size: (0, _ResponsiveCalculations.verticalScale)(iconSize)
|
|
@@ -93,6 +89,7 @@ const CheckBox = ({
|
|
|
93
89
|
}), text && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
|
|
94
90
|
style: textStyle,
|
|
95
91
|
fs: fs,
|
|
92
|
+
color: textColor,
|
|
96
93
|
variant: textVariant,
|
|
97
94
|
primary: true,
|
|
98
95
|
children: text
|
|
@@ -102,4 +99,17 @@ const CheckBox = ({
|
|
|
102
99
|
});
|
|
103
100
|
};
|
|
104
101
|
var _default = exports.default = CheckBox;
|
|
102
|
+
const STYLES = _reactNative.StyleSheet.create({
|
|
103
|
+
CONTAINER: {
|
|
104
|
+
flexDirection: 'row',
|
|
105
|
+
gap: (0, _ResponsiveCalculations.horizontalScale)(10),
|
|
106
|
+
alignItems: 'center'
|
|
107
|
+
},
|
|
108
|
+
CHECKBOX_PARENT_CONT: {
|
|
109
|
+
borderWidth: 0.8,
|
|
110
|
+
alignItems: 'center',
|
|
111
|
+
justifyContent: 'center',
|
|
112
|
+
padding: (0, _ResponsiveCalculations.verticalScale)(7)
|
|
113
|
+
}
|
|
114
|
+
});
|
|
105
115
|
//# sourceMappingURL=CheckBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_ResponsiveCalculations","_index3","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CheckBox","variant","isChecked","defaultValue","activeBgColor","inActiveBgColor","iconColor","disableBuiltInState","disabled","text","fs","textVariant","size","iconSize","containerStyle","textStyle","checkBoxStyle","onPress","isCheckboxChecked","setIsCheckboxChecked","useState","useEffect","scaleVal","useRef","Animated","Value","current","colors","useTheme","disable","primary","bgColor","textColor","textDisable","textPrimary","dynamicMainContStyles","height","verticalScale","width","borderColor","borderRadius","backgroundColor","animatedStyle","transform","scale","animateScale","toValue","spring","speed","bounciness","useNativeDriver","start","onUserClick","jsx","StyledView","children","TouchableWithoutFeedback","onPressIn","onPressOut","jsxs","style","STYLES","CONTAINER","View","CHECKBOX_PARENT_CONT","Check","color","iconSecondary","StyledText","_default","exports","StyleSheet","create","flexDirection","gap","horizontalScale","alignItems","borderWidth","justifyContent","padding"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CheckBox/CheckBox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
9
|
var _index = require("../../constants/index.js");
|
|
11
10
|
var _Portal = _interopRequireDefault(require("../Portal/Portal.js"));
|
|
12
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -15,31 +14,32 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
15
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
15
|
const Dialog = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
17
16
|
variant = 'default',
|
|
18
|
-
// isVisible = false,
|
|
19
17
|
size = 'lg',
|
|
20
18
|
fullScreen,
|
|
21
19
|
backdropColor = 'rgba(0, 0, 0, 0.5)',
|
|
22
|
-
animationDuration = 800,
|
|
20
|
+
// animationDuration = 800,
|
|
23
21
|
onClose,
|
|
24
22
|
children
|
|
25
23
|
}, ref) => {
|
|
26
24
|
const [dialogVisible, setDialogVisible] = (0, _react.useState)(false);
|
|
27
|
-
const scale = (0,
|
|
28
|
-
const opacity = (0,
|
|
25
|
+
const scale = (0, _react.useRef)(new _reactNative.Animated.Value(0.9)).current;
|
|
26
|
+
const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
29
27
|
(0, _react.useEffect)(() => {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
duration:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
28
|
+
_reactNative.Animated.timing(opacity, {
|
|
29
|
+
toValue: dialogVisible ? 1 : 0,
|
|
30
|
+
duration: 300,
|
|
31
|
+
useNativeDriver: true
|
|
32
|
+
}).start();
|
|
33
|
+
_reactNative.Animated.spring(scale, {
|
|
34
|
+
toValue: dialogVisible ? 1 : 0.9,
|
|
35
|
+
damping: 10,
|
|
36
|
+
stiffness: 90,
|
|
37
|
+
useNativeDriver: true
|
|
38
|
+
}).start();
|
|
39
39
|
}, [dialogVisible]);
|
|
40
40
|
(0, _react.useEffect)(() => {
|
|
41
|
-
_reactNative.BackHandler.addEventListener('hardwareBackPress', hardwareBackPress);
|
|
42
|
-
return () =>
|
|
41
|
+
const handler = _reactNative.BackHandler.addEventListener('hardwareBackPress', hardwareBackPress);
|
|
42
|
+
return () => handler.remove();
|
|
43
43
|
}, [dialogVisible]);
|
|
44
44
|
const hardwareBackPress = () => {
|
|
45
45
|
onClose?.();
|
|
@@ -50,34 +50,21 @@ const Dialog = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
50
50
|
open: () => setDialogVisible(true),
|
|
51
51
|
close: () => setDialogVisible(false)
|
|
52
52
|
}));
|
|
53
|
-
const
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
backgroundColor: '#fff',
|
|
69
|
-
borderRadius: 5,
|
|
70
|
-
width: `${_index.dialogSizes[size]}%`,
|
|
71
|
-
borderWidth: 1,
|
|
72
|
-
borderColor: '#d4d4d4',
|
|
73
|
-
minHeight: fullScreen ? '100%' : 'auto',
|
|
74
|
-
maxHeight: fullScreen ? '100%' : '80%',
|
|
75
|
-
opacity: opacity.value,
|
|
76
|
-
transform: [{
|
|
77
|
-
scale: scale.value
|
|
78
|
-
}]
|
|
79
|
-
};
|
|
80
|
-
});
|
|
53
|
+
const backdropAnimatedStyles = {
|
|
54
|
+
opacity: opacity,
|
|
55
|
+
backgroundColor: backdropColor
|
|
56
|
+
};
|
|
57
|
+
const modalContAnimatedStyles = {
|
|
58
|
+
transform: [{
|
|
59
|
+
scale
|
|
60
|
+
}],
|
|
61
|
+
opacity: opacity
|
|
62
|
+
};
|
|
63
|
+
const dynamicModalContStyles = {
|
|
64
|
+
minHeight: fullScreen ? '100%' : 'auto',
|
|
65
|
+
maxHeight: fullScreen ? '100%' : '80%',
|
|
66
|
+
width: `${_index.dialogSizes[size]}%`
|
|
67
|
+
};
|
|
81
68
|
const renderChildrenWithVariant = () => {
|
|
82
69
|
return _react.default.Children.map(children, child => {
|
|
83
70
|
if (/*#__PURE__*/_react.default.isValidElement(child)) {
|
|
@@ -97,12 +84,12 @@ const Dialog = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
97
84
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
98
85
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
|
|
99
86
|
name: "dialog",
|
|
100
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
101
|
-
style:
|
|
87
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
88
|
+
style: [STYLES.BACKDROP_CONT, backdropAnimatedStyles],
|
|
102
89
|
pointerEvents: dialogVisible ? 'auto' : 'none',
|
|
103
90
|
onStartShouldSetResponder: handleStartShouldSetResponder,
|
|
104
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
105
|
-
style:
|
|
91
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
92
|
+
style: [STYLES.MODAL_CONT, dynamicModalContStyles, modalContAnimatedStyles],
|
|
106
93
|
onStartShouldSetResponder: () => true,
|
|
107
94
|
children: renderChildrenWithVariant()
|
|
108
95
|
})
|
|
@@ -111,4 +98,21 @@ const Dialog = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
111
98
|
});
|
|
112
99
|
});
|
|
113
100
|
var _default = exports.default = Dialog;
|
|
101
|
+
const STYLES = _reactNative.StyleSheet.create({
|
|
102
|
+
BACKDROP_CONT: {
|
|
103
|
+
position: 'absolute',
|
|
104
|
+
top: 0,
|
|
105
|
+
bottom: 0,
|
|
106
|
+
left: 0,
|
|
107
|
+
right: 0,
|
|
108
|
+
justifyContent: 'center',
|
|
109
|
+
alignItems: 'center'
|
|
110
|
+
},
|
|
111
|
+
MODAL_CONT: {
|
|
112
|
+
backgroundColor: '#fff',
|
|
113
|
+
borderRadius: 5,
|
|
114
|
+
borderWidth: 1,
|
|
115
|
+
borderColor: '#d4d4d4'
|
|
116
|
+
}
|
|
117
|
+
});
|
|
114
118
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_Portal","_interopRequireDefault","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Dialog","forwardRef","variant","size","fullScreen","backdropColor","onClose","children","ref","dialogVisible","setDialogVisible","useState","scale","useRef","Animated","Value","current","opacity","useEffect","timing","toValue","duration","useNativeDriver","start","spring","damping","stiffness","handler","BackHandler","addEventListener","hardwareBackPress","remove","useImperativeHandle","open","close","backdropAnimatedStyles","backgroundColor","modalContAnimatedStyles","transform","dynamicModalContStyles","minHeight","maxHeight","width","dialogSizes","renderChildrenWithVariant","React","Children","map","child","isValidElement","cloneElement","handleStartShouldSetResponder","Keyboard","dismiss","jsx","Fragment","name","View","style","STYLES","BACKDROP_CONT","pointerEvents","onStartShouldSetResponder","MODAL_CONT","_default","exports","StyleSheet","create","position","top","bottom","left","right","justifyContent","alignItems","borderRadius","borderWidth","borderColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,18 +15,16 @@ const DialogBody = ({
|
|
|
15
15
|
containerStyle,
|
|
16
16
|
children
|
|
17
17
|
}) => {
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
});
|
|
18
|
+
const style = {
|
|
19
|
+
paddingVertical: variant == 'default' ? (0, _ResponsiveCalculations.moderateScale)(16) : 0,
|
|
20
|
+
paddingHorizontal: (0, _ResponsiveCalculations.moderateScale)(variant == 'default' ? 16 : 25),
|
|
21
|
+
gap: 20
|
|
22
|
+
};
|
|
25
23
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
26
24
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
|
|
27
25
|
scrollEnabled: scrollEnable,
|
|
28
26
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
29
|
-
style: [
|
|
27
|
+
style: [style, containerStyle],
|
|
30
28
|
pointerEvents: "box-none",
|
|
31
29
|
children: children
|
|
32
30
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ResponsiveCalculations","_jsxRuntime","e","__esModule","default","DialogBody","variant","scrollEnable","containerStyle","children","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ResponsiveCalculations","_jsxRuntime","e","__esModule","default","DialogBody","variant","scrollEnable","containerStyle","children","style","paddingVertical","moderateScale","paddingHorizontal","gap","jsx","Fragment","ScrollView","scrollEnabled","View","pointerEvents","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/DialogBody.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAAqE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQrE,MAAMG,UAA2B,GAAGA,CAAC;EACjCC,OAAO;EACPC,YAAY,GAAG,IAAI;EACnBC,cAAc;EACdC;AACJ,CAAC,KAAK;EACF,MAAMC,KAAK,GAAG;IACVC,eAAe,EAAEL,OAAO,IAAI,SAAS,GAAG,IAAAM,qCAAa,EAAC,EAAE,CAAC,GAAG,CAAC;IAC7DC,iBAAiB,EAAE,IAAAD,qCAAa,EAACN,OAAO,IAAI,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;IAChEQ,GAAG,EAAE;EACT,CAAC;EACD,oBAAQ,IAAAb,WAAA,CAAAc,GAAA,EAAAd,WAAA,CAAAe,QAAA;IAAAP,QAAA,eAEJ,IAAAR,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAkB,UAAU;MAACC,aAAa,EAAEX,YAAa;MAAAE,QAAA,eACpC,IAAAR,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAoB,IAAI;QAACT,KAAK,EAAE,CAACA,KAAK,EAAEF,cAAc,CAAE;QAACY,aAAa,EAAC,UAAU;QAAAX,QAAA,EACzDA;MAAQ,CACP;IAAC,CACC;EAAC,CACf,CAAC;AACP,CAAC;AAAA,IAAAY,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GACcC,UAAU","ignoreList":[]}
|
|
@@ -17,17 +17,14 @@ const DialogDescription = ({
|
|
|
17
17
|
textStyle,
|
|
18
18
|
children
|
|
19
19
|
}) => {
|
|
20
|
-
const STYLES = _reactNative.StyleSheet.create({
|
|
21
|
-
TEXT: {
|
|
22
|
-
color: '#a1a1aa',
|
|
23
|
-
lineHeight: (0, _ResponsiveCalculations.moderateVerticalScale)(13)
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
20
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
27
21
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
28
22
|
style: containerStyle,
|
|
29
23
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
|
|
30
|
-
style: [
|
|
24
|
+
style: [{
|
|
25
|
+
lineHeight: (0, _ResponsiveCalculations.moderateVerticalScale)(13)
|
|
26
|
+
}, textStyle],
|
|
27
|
+
color: "#a1a1aa",
|
|
31
28
|
variant: textVariant,
|
|
32
29
|
fs: fs,
|
|
33
30
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ResponsiveCalculations","_index","_jsxRuntime","e","__esModule","default","DialogDescription","fs","textVariant","containerStyle","textStyle","children","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ResponsiveCalculations","_index","_jsxRuntime","e","__esModule","default","DialogDescription","fs","textVariant","containerStyle","textStyle","children","jsx","Fragment","View","style","StyledText","lineHeight","moderateVerticalScale","color","variant","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/DialogDescription.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAiD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGjD,MAAMG,iBAAmD,GAAGA,CAAC;EACzDC,EAAE;EACFC,WAAW,GAAG,IAAI;EAClBC,cAAc;EACdC,SAAS;EACTC;AACJ,CAAC,KAAK;EACF,oBAAQ,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAF,QAAA,eACJ,IAAAT,WAAA,CAAAU,GAAA,EAACb,YAAA,CAAAe,IAAI;MAACC,KAAK,EAAEN,cAAe;MAAAE,QAAA,eACxB,IAAAT,WAAA,CAAAU,GAAA,EAACX,MAAA,CAAAe,UAAU;QACPD,KAAK,EAAE,CAAC;UAAEE,UAAU,EAAE,IAAAC,6CAAqB,EAAC,EAAE;QAAE,CAAC,EAAER,SAAS,CAAE;QAC9DS,KAAK,EAAC,SAAS;QACfC,OAAO,EAAEZ,WAAY;QACrBD,EAAE,EAAEA,EAAG;QAAAI,QAAA,EAENA;MAAQ,CACD;IAAC,CACX;EAAC,CACT,CAAC;AACP,CAAC;AAAA,IAAAU,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GACcC,iBAAiB","ignoreList":[]}
|