@chem-po/react-native 0.0.39 → 0.0.41
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/ActionButton.js +103 -38
- package/lib/commonjs/components/button/ActionButton.js.map +1 -1
- package/lib/commonjs/components/button/ButtonText.js +52 -0
- package/lib/commonjs/components/button/ButtonText.js.map +1 -0
- package/lib/commonjs/components/button/DeleteButton.js +27 -81
- package/lib/commonjs/components/button/DeleteButton.js.map +1 -1
- package/lib/commonjs/components/button/LoadingButton.js +8 -107
- package/lib/commonjs/components/button/LoadingButton.js.map +1 -1
- package/lib/commonjs/components/button/hooks.js +56 -0
- package/lib/commonjs/components/button/hooks.js.map +1 -0
- package/lib/commonjs/components/button/index.js +11 -0
- package/lib/commonjs/components/button/index.js.map +1 -1
- package/lib/commonjs/components/form/input/hooks/useInputStyles.js +3 -15
- package/lib/commonjs/components/form/input/hooks/useInputStyles.js.map +1 -1
- package/lib/commonjs/components/form/input/index.js +22 -0
- package/lib/commonjs/components/form/input/index.js.map +1 -1
- package/lib/commonjs/components/loading/CircularProgress.js.map +1 -1
- package/lib/commonjs/components/loading/LoadingOverlay.js +8 -5
- package/lib/commonjs/components/loading/LoadingOverlay.js.map +1 -1
- package/lib/commonjs/contexts/fonts.js +29 -0
- package/lib/commonjs/contexts/fonts.js.map +1 -0
- package/lib/commonjs/contexts/root.js +40 -33
- package/lib/commonjs/contexts/root.js.map +1 -1
- package/lib/commonjs/hooks/index.js +22 -0
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useFadeIn.js +1 -1
- package/lib/commonjs/hooks/useFadeIn.js.map +1 -1
- package/lib/commonjs/hooks/useFont.js +26 -0
- package/lib/commonjs/hooks/useFont.js.map +1 -0
- package/lib/module/components/button/ActionButton.js +100 -35
- package/lib/module/components/button/ActionButton.js.map +1 -1
- package/lib/module/components/button/ButtonText.js +44 -0
- package/lib/module/components/button/ButtonText.js.map +1 -0
- package/lib/module/components/button/DeleteButton.js +29 -83
- package/lib/module/components/button/DeleteButton.js.map +1 -1
- package/lib/module/components/button/LoadingButton.js +10 -109
- package/lib/module/components/button/LoadingButton.js.map +1 -1
- package/lib/module/components/button/hooks.js +45 -0
- package/lib/module/components/button/hooks.js.map +1 -0
- package/lib/module/components/button/index.js +1 -0
- package/lib/module/components/button/index.js.map +1 -1
- package/lib/module/components/form/input/hooks/useInputStyles.js +3 -15
- package/lib/module/components/form/input/hooks/useInputStyles.js.map +1 -1
- package/lib/module/components/form/input/index.js +2 -0
- package/lib/module/components/form/input/index.js.map +1 -1
- package/lib/module/components/loading/CircularProgress.js.map +1 -1
- package/lib/module/components/loading/LoadingOverlay.js +8 -5
- package/lib/module/components/loading/LoadingOverlay.js.map +1 -1
- package/lib/module/contexts/fonts.js +20 -0
- package/lib/module/contexts/fonts.js.map +1 -0
- package/lib/module/contexts/root.js +41 -34
- package/lib/module/contexts/root.js.map +1 -1
- package/lib/module/hooks/index.js +2 -0
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useFadeIn.js +1 -1
- package/lib/module/hooks/useFadeIn.js.map +1 -1
- package/lib/module/hooks/useFont.js +19 -0
- package/lib/module/hooks/useFont.js.map +1 -0
- package/lib/typescript/components/button/ActionButton.d.ts +14 -5
- package/lib/typescript/components/button/ActionButton.d.ts.map +1 -1
- package/lib/typescript/components/button/ButtonText.d.ts +14 -0
- package/lib/typescript/components/button/ButtonText.d.ts.map +1 -0
- package/lib/typescript/components/button/DeleteButton.d.ts +4 -6
- package/lib/typescript/components/button/DeleteButton.d.ts.map +1 -1
- package/lib/typescript/components/button/LoadingButton.d.ts +4 -17
- package/lib/typescript/components/button/LoadingButton.d.ts.map +1 -1
- package/lib/typescript/components/button/hooks.d.ts +7 -0
- package/lib/typescript/components/button/hooks.d.ts.map +1 -0
- package/lib/typescript/components/button/index.d.ts +1 -0
- package/lib/typescript/components/button/index.d.ts.map +1 -1
- package/lib/typescript/components/form/input/hooks/useInputStyles.d.ts +0 -9
- package/lib/typescript/components/form/input/hooks/useInputStyles.d.ts.map +1 -1
- package/lib/typescript/components/form/input/index.d.ts +2 -0
- package/lib/typescript/components/form/input/index.d.ts.map +1 -1
- package/lib/typescript/components/loading/CircularProgress.d.ts +3 -2
- package/lib/typescript/components/loading/CircularProgress.d.ts.map +1 -1
- package/lib/typescript/components/loading/LoadingOverlay.d.ts +5 -2
- package/lib/typescript/components/loading/LoadingOverlay.d.ts.map +1 -1
- package/lib/typescript/contexts/fonts.d.ts +9 -0
- package/lib/typescript/contexts/fonts.d.ts.map +1 -0
- package/lib/typescript/contexts/root.d.ts +3 -2
- package/lib/typescript/contexts/root.d.ts.map +1 -1
- package/lib/typescript/hooks/index.d.ts +2 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -1
- package/lib/typescript/hooks/useFont.d.ts +6 -0
- package/lib/typescript/hooks/useFont.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/components/button/ActionButton.tsx +131 -45
- package/src/components/button/ButtonText.tsx +60 -0
- package/src/components/button/DeleteButton.tsx +50 -116
- package/src/components/button/LoadingButton.tsx +10 -156
- package/src/components/button/hooks.ts +66 -0
- package/src/components/button/index.ts +1 -0
- package/src/components/form/input/hooks/useInputStyles.ts +3 -16
- package/src/components/form/input/index.ts +2 -0
- package/src/components/loading/CircularProgress.tsx +7 -5
- package/src/components/loading/LoadingOverlay.tsx +13 -4
- package/src/contexts/fonts.tsx +23 -0
- package/src/contexts/root.tsx +64 -49
- package/src/hooks/index.ts +2 -0
- package/src/hooks/useFadeIn.ts +1 -1
- package/src/hooks/useFont.ts +25 -0
|
@@ -5,52 +5,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.LoadingButton = void 0;
|
|
7
7
|
var _react = require("@chem-po/react");
|
|
8
|
-
var _vectorIcons = require("@expo/vector-icons");
|
|
9
8
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
10
|
-
var
|
|
11
|
-
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
9
|
+
var _ActionButton = require("./ActionButton");
|
|
12
10
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
11
|
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); }
|
|
14
12
|
const LoadingButton = ({
|
|
15
13
|
onPress,
|
|
16
|
-
|
|
17
|
-
style,
|
|
18
|
-
contentStyle,
|
|
19
|
-
textStyle,
|
|
20
|
-
color: colorProp,
|
|
21
|
-
variant = 'outline',
|
|
22
|
-
icon,
|
|
23
|
-
disabled = false,
|
|
24
|
-
iconProps
|
|
14
|
+
...props
|
|
25
15
|
}) => {
|
|
26
16
|
const [loading, setLoading] = (0, _react2.useState)(false);
|
|
27
|
-
const isMounted = (0, _react2.useRef)(true);
|
|
28
|
-
const contentOpacity = (0, _react2.useRef)(new _reactNative.Animated.Value(1)).current;
|
|
29
|
-
const loaderOpacity = (0, _react2.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
30
17
|
const {
|
|
31
18
|
showError
|
|
32
19
|
} = (0, _react.useToast)();
|
|
20
|
+
const isMounted = (0, _react2.useRef)(true);
|
|
33
21
|
(0, _react2.useEffect)(() => {
|
|
34
22
|
isMounted.current = true;
|
|
35
23
|
return () => {
|
|
36
24
|
isMounted.current = false;
|
|
37
25
|
};
|
|
38
26
|
}, []);
|
|
39
|
-
const animateLoading = (0, _react2.useCallback)(isLoading => {
|
|
40
|
-
_reactNative.Animated.parallel([_reactNative.Animated.timing(contentOpacity, {
|
|
41
|
-
toValue: isLoading ? 0 : 1,
|
|
42
|
-
duration: 200,
|
|
43
|
-
useNativeDriver: true
|
|
44
|
-
}), _reactNative.Animated.timing(loaderOpacity, {
|
|
45
|
-
toValue: isLoading ? 1 : 0,
|
|
46
|
-
duration: 200,
|
|
47
|
-
useNativeDriver: true
|
|
48
|
-
})]).start();
|
|
49
|
-
}, [contentOpacity, loaderOpacity]);
|
|
50
27
|
const handlePress = (0, _react2.useCallback)(async () => {
|
|
51
28
|
if (onPress) {
|
|
52
29
|
setLoading(true);
|
|
53
|
-
animateLoading(true);
|
|
54
30
|
try {
|
|
55
31
|
await onPress();
|
|
56
32
|
} catch (err) {
|
|
@@ -59,88 +35,13 @@ const LoadingButton = ({
|
|
|
59
35
|
}
|
|
60
36
|
if (isMounted.current) {
|
|
61
37
|
setLoading(false);
|
|
62
|
-
animateLoading(false);
|
|
63
38
|
}
|
|
64
39
|
}
|
|
65
|
-
}, [onPress,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
return /*#__PURE__*/_react2.default.createElement(_reactNativeGestureHandler.Pressable, {
|
|
71
|
-
style: [styles.button, {
|
|
72
|
-
opacity: disabled ? 0.6 : 1,
|
|
73
|
-
borderColor: color,
|
|
74
|
-
borderWidth: variant === 'outline' ? 1 : 0,
|
|
75
|
-
backgroundColor
|
|
76
|
-
}, style],
|
|
77
|
-
onPress: () => {
|
|
78
|
-
handlePress();
|
|
79
|
-
},
|
|
80
|
-
disabled: loading || disabled
|
|
81
|
-
}, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
82
|
-
style: [styles.buttonContent, {
|
|
83
|
-
borderColor: disabled ? '#ccc' : color
|
|
84
|
-
}, contentStyle]
|
|
85
|
-
}, /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
|
|
86
|
-
style: [styles.contentContainer, {
|
|
87
|
-
opacity: contentOpacity
|
|
88
|
-
}]
|
|
89
|
-
}, icon && /*#__PURE__*/_react2.default.createElement(_vectorIcons.Ionicons, _extends({
|
|
90
|
-
name: icon.name,
|
|
91
|
-
size: icon.size ?? 20,
|
|
92
|
-
color: textColor
|
|
93
|
-
}, iconProps, {
|
|
94
|
-
style: [variant === 'solid' ? styles.shadow : {}, iconProps === null || iconProps === void 0 ? void 0 : iconProps.style]
|
|
95
|
-
})), typeof children === 'string' ? /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
|
|
96
|
-
style: [styles.buttonText, {
|
|
97
|
-
color: textColor
|
|
98
|
-
}, variant === 'solid' ? styles.shadow : {}, textStyle]
|
|
99
|
-
}, children) : children), /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
|
|
100
|
-
style: [styles.loaderContainer, {
|
|
101
|
-
opacity: loaderOpacity
|
|
102
|
-
}]
|
|
103
|
-
}, /*#__PURE__*/_react2.default.createElement(_reactNative.ActivityIndicator, {
|
|
104
|
-
color: textColor,
|
|
105
|
-
size: "small"
|
|
106
|
-
}))));
|
|
40
|
+
}, [onPress, showError]);
|
|
41
|
+
return /*#__PURE__*/_react2.default.createElement(_ActionButton.ActionButton, _extends({
|
|
42
|
+
onPress: () => void handlePress(),
|
|
43
|
+
loading: loading
|
|
44
|
+
}, props));
|
|
107
45
|
};
|
|
108
46
|
exports.LoadingButton = LoadingButton;
|
|
109
|
-
const styles = _reactNative.StyleSheet.create({
|
|
110
|
-
button: {
|
|
111
|
-
flexDirection: 'row',
|
|
112
|
-
alignItems: 'center',
|
|
113
|
-
backgroundColor: 'transparent',
|
|
114
|
-
borderRadius: 4,
|
|
115
|
-
paddingHorizontal: 12,
|
|
116
|
-
paddingVertical: 6
|
|
117
|
-
},
|
|
118
|
-
buttonContent: {
|
|
119
|
-
alignItems: 'center',
|
|
120
|
-
justifyContent: 'center',
|
|
121
|
-
position: 'relative'
|
|
122
|
-
},
|
|
123
|
-
contentContainer: {
|
|
124
|
-
flexDirection: 'row',
|
|
125
|
-
alignItems: 'center',
|
|
126
|
-
justifyContent: 'center',
|
|
127
|
-
gap: 4
|
|
128
|
-
},
|
|
129
|
-
loaderContainer: {
|
|
130
|
-
..._reactNative.StyleSheet.absoluteFillObject,
|
|
131
|
-
alignItems: 'center',
|
|
132
|
-
justifyContent: 'center'
|
|
133
|
-
},
|
|
134
|
-
buttonText: {
|
|
135
|
-
fontWeight: 'bold'
|
|
136
|
-
},
|
|
137
|
-
shadow: {
|
|
138
|
-
textShadowColor: 'rgba(0, 0, 0, 0.3)',
|
|
139
|
-
textShadowOffset: {
|
|
140
|
-
width: 1,
|
|
141
|
-
height: 1
|
|
142
|
-
},
|
|
143
|
-
textShadowRadius: 4
|
|
144
|
-
}
|
|
145
|
-
});
|
|
146
47
|
//# sourceMappingURL=LoadingButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_ActionButton","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","LoadingButton","onPress","props","loading","setLoading","useState","showError","useToast","isMounted","useRef","useEffect","current","handlePress","useCallback","err","console","error","message","createElement","ActionButton","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/LoadingButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useButtonTextColor = exports.useButtonFont = exports.useButtonColors = exports.useButtonBorderColor = exports.useButtonBackgroundColor = void 0;
|
|
7
|
+
var _react = require("@chem-po/react");
|
|
8
|
+
var _react2 = require("react");
|
|
9
|
+
var _useFont = require("../../hooks/useFont");
|
|
10
|
+
const useButtonFont = size => {
|
|
11
|
+
const fontSize = (0, _react2.useMemo)(() => size === 'xs' ? 'sm' : size, [size]);
|
|
12
|
+
const font = (0, _useFont.useFont)('display', fontSize);
|
|
13
|
+
return font;
|
|
14
|
+
};
|
|
15
|
+
exports.useButtonFont = useButtonFont;
|
|
16
|
+
const useButtonColors = variant => {
|
|
17
|
+
const {
|
|
18
|
+
buttons
|
|
19
|
+
} = (0, _react.useTheme)();
|
|
20
|
+
return (0, _react2.useMemo)(() => buttons[variant], [buttons, variant]);
|
|
21
|
+
};
|
|
22
|
+
exports.useButtonColors = useButtonColors;
|
|
23
|
+
const useButtonTextColor = (colors, variant, buttonColor, disabled, disabledColor) => {
|
|
24
|
+
return (0, _react2.useMemo)(() => {
|
|
25
|
+
if (disabled) {
|
|
26
|
+
if (disabledColor && variant === 'outline') return disabledColor;
|
|
27
|
+
return colors.disabled.text;
|
|
28
|
+
}
|
|
29
|
+
if (buttonColor && variant === 'outline') return buttonColor;
|
|
30
|
+
return colors.text;
|
|
31
|
+
}, [variant, buttonColor, disabledColor, disabled, colors]);
|
|
32
|
+
};
|
|
33
|
+
exports.useButtonTextColor = useButtonTextColor;
|
|
34
|
+
const useButtonBackgroundColor = (colors, variant, buttonColor, disabled, disabledColor) => {
|
|
35
|
+
return (0, _react2.useMemo)(() => {
|
|
36
|
+
if (disabled) {
|
|
37
|
+
if (disabledColor && variant === 'solid') return disabledColor;
|
|
38
|
+
return colors.disabled.background;
|
|
39
|
+
}
|
|
40
|
+
if (buttonColor && variant === 'solid') return buttonColor;
|
|
41
|
+
return colors.background;
|
|
42
|
+
}, [variant, buttonColor, disabledColor, disabled, colors]);
|
|
43
|
+
};
|
|
44
|
+
exports.useButtonBackgroundColor = useButtonBackgroundColor;
|
|
45
|
+
const useButtonBorderColor = (colors, variant, buttonColor, disabled, disabledColor) => {
|
|
46
|
+
return (0, _react2.useMemo)(() => {
|
|
47
|
+
if (disabled) {
|
|
48
|
+
if (disabledColor && variant === 'outline') return disabledColor;
|
|
49
|
+
return colors.disabled.border;
|
|
50
|
+
}
|
|
51
|
+
if (buttonColor && variant === 'outline') return buttonColor;
|
|
52
|
+
return colors.border;
|
|
53
|
+
}, [variant, buttonColor, disabledColor, disabled, colors]);
|
|
54
|
+
};
|
|
55
|
+
exports.useButtonBorderColor = useButtonBorderColor;
|
|
56
|
+
//# sourceMappingURL=hooks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_useFont","useButtonFont","size","fontSize","useMemo","font","useFont","exports","useButtonColors","variant","buttons","useTheme","useButtonTextColor","colors","buttonColor","disabled","disabledColor","text","useButtonBackgroundColor","background","useButtonBorderColor","border"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/hooks.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEO,MAAMG,aAAa,GAAIC,IAA+B,IAAK;EAChE,MAAMC,QAAQ,GAAG,IAAAC,eAAO,EAAC,MAAOF,IAAI,KAAK,IAAI,GAAG,IAAI,GAAGA,IAAK,EAAE,CAACA,IAAI,CAAC,CAAC;EACrE,MAAMG,IAAI,GAAG,IAAAC,gBAAO,EAAC,SAAS,EAAEH,QAAQ,CAAC;EACzC,OAAOE,IAAI;AACb,CAAC;AAAAE,OAAA,CAAAN,aAAA,GAAAA,aAAA;AAEM,MAAMO,eAAe,GAAIC,OAA4B,IAAK;EAC/D,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC9B,OAAO,IAAAP,eAAO,EAAC,MAAMM,OAAO,CAACD,OAAO,CAAC,EAAE,CAACC,OAAO,EAAED,OAAO,CAAC,CAAC;AAC5D,CAAC;AAAAF,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAEM,MAAMI,kBAAkB,GAAGA,CAChCC,MAAoB,EACpBJ,OAA4B,EAC5BK,WAA+B,EAC/BC,QAAiB,EACjBC,aAAiC,KAC9B;EACH,OAAO,IAAAZ,eAAO,EAAC,MAAM;IACnB,IAAIW,QAAQ,EAAE;MACZ,IAAIC,aAAa,IAAIP,OAAO,KAAK,SAAS,EAAE,OAAOO,aAAa;MAChE,OAAOH,MAAM,CAACE,QAAQ,CAACE,IAAI;IAC7B;IACA,IAAIH,WAAW,IAAIL,OAAO,KAAK,SAAS,EAAE,OAAOK,WAAW;IAC5D,OAAOD,MAAM,CAACI,IAAI;EACpB,CAAC,EAAE,CAACR,OAAO,EAAEK,WAAW,EAAEE,aAAa,EAAED,QAAQ,EAAEF,MAAM,CAAC,CAAC;AAC7D,CAAC;AAAAN,OAAA,CAAAK,kBAAA,GAAAA,kBAAA;AAEM,MAAMM,wBAAwB,GAAGA,CACtCL,MAAoB,EACpBJ,OAA4B,EAC5BK,WAA+B,EAC/BC,QAAiB,EACjBC,aAAiC,KAC9B;EACH,OAAO,IAAAZ,eAAO,EAAC,MAAM;IACnB,IAAIW,QAAQ,EAAE;MACZ,IAAIC,aAAa,IAAIP,OAAO,KAAK,OAAO,EAAE,OAAOO,aAAa;MAC9D,OAAOH,MAAM,CAACE,QAAQ,CAACI,UAAU;IACnC;IACA,IAAIL,WAAW,IAAIL,OAAO,KAAK,OAAO,EAAE,OAAOK,WAAW;IAC1D,OAAOD,MAAM,CAACM,UAAU;EAC1B,CAAC,EAAE,CAACV,OAAO,EAAEK,WAAW,EAAEE,aAAa,EAAED,QAAQ,EAAEF,MAAM,CAAC,CAAC;AAC7D,CAAC;AAAAN,OAAA,CAAAW,wBAAA,GAAAA,wBAAA;AAEM,MAAME,oBAAoB,GAAGA,CAClCP,MAAoB,EACpBJ,OAA4B,EAC5BK,WAA+B,EAC/BC,QAAiB,EACjBC,aAAiC,KAC9B;EACH,OAAO,IAAAZ,eAAO,EAAC,MAAM;IACnB,IAAIW,QAAQ,EAAE;MACZ,IAAIC,aAAa,IAAIP,OAAO,KAAK,SAAS,EAAE,OAAOO,aAAa;MAChE,OAAOH,MAAM,CAACE,QAAQ,CAACM,MAAM;IAC/B;IACA,IAAIP,WAAW,IAAIL,OAAO,KAAK,SAAS,EAAE,OAAOK,WAAW;IAC5D,OAAOD,MAAM,CAACQ,MAAM;EACtB,CAAC,EAAE,CAACZ,OAAO,EAAEK,WAAW,EAAEE,aAAa,EAAED,QAAQ,EAAEF,MAAM,CAAC,CAAC;AAC7D,CAAC;AAAAN,OAAA,CAAAa,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -14,6 +14,17 @@ Object.keys(_ActionButton).forEach(function (key) {
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
+
var _ButtonText = require("./ButtonText");
|
|
18
|
+
Object.keys(_ButtonText).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _ButtonText[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _ButtonText[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
17
28
|
var _DeleteButton = require("./DeleteButton");
|
|
18
29
|
Object.keys(_DeleteButton).forEach(function (key) {
|
|
19
30
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_ActionButton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_DeleteButton","_LoadingButton","_Toggle"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/index.ts"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,
|
|
1
|
+
{"version":3,"names":["_ActionButton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ButtonText","_DeleteButton","_LoadingButton","_Toggle"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/index.ts"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,cAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,cAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,cAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,cAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,OAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,OAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,OAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,OAAA,CAAAR,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ exports.useInputStyles = exports.inputStyles = void 0;
|
|
|
7
7
|
var _react = require("@chem-po/react");
|
|
8
8
|
var _react2 = require("react");
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
|
+
var _useFont = require("../../../../hooks/useFont");
|
|
10
11
|
const inputStyles = exports.inputStyles = _reactNative.StyleSheet.create({
|
|
11
12
|
input: {
|
|
12
13
|
width: '100%',
|
|
@@ -30,15 +31,6 @@ const inputStyles = exports.inputStyles = _reactNative.StyleSheet.create({
|
|
|
30
31
|
padding: 14,
|
|
31
32
|
borderRadius: 8
|
|
32
33
|
},
|
|
33
|
-
inputTextSmall: {
|
|
34
|
-
fontSize: 14
|
|
35
|
-
},
|
|
36
|
-
inputTextMedium: {
|
|
37
|
-
fontSize: 16
|
|
38
|
-
},
|
|
39
|
-
inputTextLarge: {
|
|
40
|
-
fontSize: 18
|
|
41
|
-
},
|
|
42
34
|
buttonContainer: {
|
|
43
35
|
flexDirection: 'row',
|
|
44
36
|
alignItems: 'center'
|
|
@@ -73,11 +65,6 @@ const editableInputSizeMap = {
|
|
|
73
65
|
md: inputStyles.inputSmall,
|
|
74
66
|
lg: inputStyles.inputMedium
|
|
75
67
|
};
|
|
76
|
-
const inputTextSizeMap = {
|
|
77
|
-
sm: inputStyles.inputTextSmall,
|
|
78
|
-
md: inputStyles.inputTextMedium,
|
|
79
|
-
lg: inputStyles.inputTextLarge
|
|
80
|
-
};
|
|
81
68
|
const buttonContainerSizeMap = {
|
|
82
69
|
sm: inputStyles.buttonContainerSmall,
|
|
83
70
|
md: inputStyles.buttonContainerMedium,
|
|
@@ -88,9 +75,10 @@ const useInputStyles = (inEditable, size, formSize = 'md') => {
|
|
|
88
75
|
const bg = (0, _react2.useMemo)(() => inEditable ? 'transparent' : formElementBg, [inEditable, formElementBg]);
|
|
89
76
|
const textColor = (0, _react.useTextColor)();
|
|
90
77
|
const usedSize = size ?? formSize;
|
|
78
|
+
const textFont = (0, _useFont.useFont)('body', usedSize);
|
|
91
79
|
return {
|
|
92
80
|
text: {
|
|
93
|
-
...
|
|
81
|
+
...textFont,
|
|
94
82
|
paddingTop: 0,
|
|
95
83
|
paddingBottom: 0,
|
|
96
84
|
color: textColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_react2","_reactNative","inputStyles","exports","StyleSheet","create","input","width","fontSize","outlineWidth","inputXSmall","paddingVertical","paddingHorizontal","borderRadius","inputSmall","padding","inputMedium","inputLarge","
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_reactNative","_useFont","inputStyles","exports","StyleSheet","create","input","width","fontSize","outlineWidth","inputXSmall","paddingVertical","paddingHorizontal","borderRadius","inputSmall","padding","inputMedium","inputLarge","buttonContainer","flexDirection","alignItems","buttonContainerSmall","gap","buttonContainerMedium","buttonContainerLarge","iconSizeMap","sm","md","lg","clearButtonSizeMap","inputSizeMap","editableInputSizeMap","buttonContainerSizeMap","useInputStyles","inEditable","size","formSize","formElementBg","useBackgroundColor","bg","useMemo","textColor","useTextColor","usedSize","textFont","useFont","text","paddingTop","paddingBottom","color","container","backgroundColor","iconSize","clearButtonSize"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/useInputStyles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,6 +14,28 @@ Object.keys(_Editable).forEach(function (key) {
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
+
var _hooks = require("./hooks");
|
|
18
|
+
Object.keys(_hooks).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _hooks[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _hooks[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _input = require("./input");
|
|
29
|
+
Object.keys(_input).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _input[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return _input[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
17
39
|
var _StandaloneInput = require("./StandaloneInput");
|
|
18
40
|
Object.keys(_StandaloneInput).forEach(function (key) {
|
|
19
41
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_Editable","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_StandaloneInput"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/index.ts"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,
|
|
1
|
+
{"version":3,"names":["_Editable","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_hooks","_input","_StandaloneInput"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/index.ts"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,MAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,MAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,MAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,gBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,gBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,gBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,gBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","CircularProgress","color","trackColor","animating","visible","viewStyle","props","defaultTrackColor","useColorModeValue","opacity","useRef","Animated","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","createElement","View","style","styles","container","ActivityIndicator","StyleSheet","absoluteFill","exports","create","alignItems","justifyContent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/CircularProgress.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAOqB,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","CircularProgress","color","trackColor","animating","visible","viewStyle","props","defaultTrackColor","useColorModeValue","opacity","useRef","Animated","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","createElement","View","style","styles","container","ActivityIndicator","StyleSheet","absoluteFill","exports","create","alignItems","justifyContent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/CircularProgress.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,13 +10,14 @@ var _useFadeIn = require("../../hooks/useFadeIn");
|
|
|
10
10
|
var _CircularProgress = require("./CircularProgress");
|
|
11
11
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
12
|
const loadingFadeInProps = {
|
|
13
|
-
activeOpacity: 0.
|
|
13
|
+
activeOpacity: 0.8,
|
|
14
14
|
duration: 100
|
|
15
15
|
};
|
|
16
16
|
const LoadingOverlay = ({
|
|
17
17
|
loading,
|
|
18
18
|
fadeOptions,
|
|
19
|
-
style
|
|
19
|
+
style,
|
|
20
|
+
indicatorProps
|
|
20
21
|
}) => {
|
|
21
22
|
const opts = (0, _react.useMemo)(() => ({
|
|
22
23
|
...loadingFadeInProps,
|
|
@@ -28,7 +29,7 @@ const LoadingOverlay = ({
|
|
|
28
29
|
opacity,
|
|
29
30
|
pointerEvents: loading ? 'auto' : 'none'
|
|
30
31
|
}]
|
|
31
|
-
}, /*#__PURE__*/_react.default.createElement(_CircularProgress.CircularProgress,
|
|
32
|
+
}, /*#__PURE__*/_react.default.createElement(_CircularProgress.CircularProgress, indicatorProps));
|
|
32
33
|
};
|
|
33
34
|
exports.LoadingOverlay = LoadingOverlay;
|
|
34
35
|
const withOverlayLoadingFadeIn = {
|
|
@@ -38,7 +39,8 @@ const WithLoadingOverlay = ({
|
|
|
38
39
|
loading,
|
|
39
40
|
children,
|
|
40
41
|
style,
|
|
41
|
-
overlayStyle
|
|
42
|
+
overlayStyle,
|
|
43
|
+
indicatorProps
|
|
42
44
|
}) => {
|
|
43
45
|
const bodyOpacity = (0, _useFadeIn.useFadeIn)(!loading, withOverlayLoadingFadeIn);
|
|
44
46
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
@@ -48,7 +50,8 @@ const WithLoadingOverlay = ({
|
|
|
48
50
|
}, children), /*#__PURE__*/_react.default.createElement(LoadingOverlay, {
|
|
49
51
|
fadeOptions: withOverlayLoadingFadeIn,
|
|
50
52
|
loading: loading,
|
|
51
|
-
style: overlayStyle
|
|
53
|
+
style: overlayStyle,
|
|
54
|
+
indicatorProps: indicatorProps
|
|
52
55
|
}));
|
|
53
56
|
};
|
|
54
57
|
exports.WithLoadingOverlay = WithLoadingOverlay;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useFadeIn","_CircularProgress","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","loadingFadeInProps","activeOpacity","duration","LoadingOverlay","loading","fadeOptions","style","opts","useMemo","opacity","useFadeIn","createElement","Animated","View","styles","overlay","pointerEvents","CircularProgress","exports","withOverlayLoadingFadeIn","enterDelay","WithLoadingOverlay","children","overlayStyle","bodyOpacity","Fragment","StyleSheet","create","position","justifyContent","alignItems","left","right","top","bottom"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/LoadingOverlay.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useFadeIn","_CircularProgress","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","loadingFadeInProps","activeOpacity","duration","LoadingOverlay","loading","fadeOptions","style","indicatorProps","opts","useMemo","opacity","useFadeIn","createElement","Animated","View","styles","overlay","pointerEvents","CircularProgress","exports","withOverlayLoadingFadeIn","enterDelay","WithLoadingOverlay","children","overlayStyle","bodyOpacity","Fragment","StyleSheet","create","position","justifyContent","alignItems","left","right","top","bottom"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/LoadingOverlay.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useChempoFonts = exports.ChempoFontsProvider = exports.ChempoFontsContext = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
9
|
+
const ChempoFontsContext = exports.ChempoFontsContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
10
|
+
const ChempoFontsProvider = ({
|
|
11
|
+
children,
|
|
12
|
+
fonts
|
|
13
|
+
}) => {
|
|
14
|
+
return /*#__PURE__*/_react.default.createElement(ChempoFontsContext.Provider, {
|
|
15
|
+
value: {
|
|
16
|
+
fonts
|
|
17
|
+
}
|
|
18
|
+
}, children);
|
|
19
|
+
};
|
|
20
|
+
exports.ChempoFontsProvider = ChempoFontsProvider;
|
|
21
|
+
const useChempoFonts = () => {
|
|
22
|
+
const context = (0, _react.useContext)(ChempoFontsContext);
|
|
23
|
+
if (!context) {
|
|
24
|
+
throw new Error('useChempoFonts must be used within a ChempoFontsProvider');
|
|
25
|
+
}
|
|
26
|
+
return context;
|
|
27
|
+
};
|
|
28
|
+
exports.useChempoFonts = useChempoFonts;
|
|
29
|
+
//# sourceMappingURL=fonts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChempoFontsContext","exports","createContext","ChempoFontsProvider","children","fonts","createElement","Provider","value","useChempoFonts","context","useContext","Error"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/fonts.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2E,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOpE,MAAMkB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,oBAAa,EAAkC,IAAI,CAAC;AAE/E,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,QAAQ;EACRC;AAC2C,CAAC,KAAK;EACjD,oBAAO3B,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAACN,kBAAkB,CAACO,QAAQ;IAACC,KAAK,EAAE;MAAEH;IAAM;EAAE,GAAED,QAAsC,CAAC;AAChG,CAAC;AAAAH,OAAA,CAAAE,mBAAA,GAAAA,mBAAA;AAEM,MAAMM,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACX,kBAAkB,CAAC;EAC9C,IAAI,CAACU,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,0DAA0D,CAAC;EAC7E;EACA,OAAOF,OAAO;AAChB,CAAC;AAAAT,OAAA,CAAAQ,cAAA,GAAAA,cAAA","ignoreList":[]}
|
|
@@ -14,14 +14,32 @@ var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
|
14
14
|
var _toast = require("../constants/toast");
|
|
15
15
|
var _useThemeState = require("../hooks/useThemeState");
|
|
16
16
|
var _useScreen = require("../store/useScreen");
|
|
17
|
+
var _fonts = require("./fonts");
|
|
17
18
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
19
|
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); }
|
|
19
20
|
(0, _reactNativePaperDates.registerTranslation)('en', _reactNativePaperDates.en);
|
|
20
|
-
const createPaperTheme = (
|
|
21
|
+
const createPaperTheme = (themeConfig, font, colorMode) => {
|
|
21
22
|
const {
|
|
22
23
|
colors
|
|
23
|
-
} =
|
|
24
|
-
|
|
24
|
+
} = themeConfig;
|
|
25
|
+
const fonts = (0, _reactNativePaper.configureFonts)({
|
|
26
|
+
config: {
|
|
27
|
+
...font,
|
|
28
|
+
bodyLarge: {
|
|
29
|
+
fontSize: 18,
|
|
30
|
+
...(font === null || font === void 0 ? void 0 : font.bodyLarge)
|
|
31
|
+
},
|
|
32
|
+
bodyMedium: {
|
|
33
|
+
fontSize: 17,
|
|
34
|
+
...(font === null || font === void 0 ? void 0 : font.bodyMedium)
|
|
35
|
+
},
|
|
36
|
+
bodySmall: {
|
|
37
|
+
fontSize: 16,
|
|
38
|
+
...(font === null || font === void 0 ? void 0 : font.bodySmall)
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
const theme = {
|
|
25
43
|
dark: colorMode === 'dark',
|
|
26
44
|
colors: {
|
|
27
45
|
primary: colors.accent[300],
|
|
@@ -73,48 +91,31 @@ const createPaperTheme = (theme, fonts, colorMode) => {
|
|
|
73
91
|
animation: {
|
|
74
92
|
scale: 1.0
|
|
75
93
|
},
|
|
76
|
-
fonts
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
...(fonts === null || fonts === void 0 ? void 0 : fonts.bodyLarge)
|
|
82
|
-
},
|
|
83
|
-
bodyMedium: {
|
|
84
|
-
fontSize: 17,
|
|
85
|
-
...(fonts === null || fonts === void 0 ? void 0 : fonts.bodyMedium)
|
|
86
|
-
},
|
|
87
|
-
bodySmall: {
|
|
88
|
-
fontSize: 16,
|
|
89
|
-
...(fonts === null || fonts === void 0 ? void 0 : fonts.bodySmall)
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
})
|
|
94
|
+
fonts
|
|
95
|
+
};
|
|
96
|
+
return {
|
|
97
|
+
theme,
|
|
98
|
+
fonts
|
|
93
99
|
};
|
|
94
100
|
};
|
|
95
101
|
const ChempoPaperProvider = ({
|
|
96
102
|
children,
|
|
97
|
-
|
|
103
|
+
paperTheme
|
|
98
104
|
}) => {
|
|
99
|
-
const {
|
|
100
|
-
theme,
|
|
101
|
-
colorMode
|
|
102
|
-
} = (0, _react.useTheme)();
|
|
103
|
-
const paperTheme = (0, _react2.useMemo)(() => createPaperTheme(theme, fonts, colorMode), [theme, fonts, colorMode]);
|
|
104
105
|
return /*#__PURE__*/_react2.default.createElement(_reactNativePaper.PaperProvider, {
|
|
105
106
|
theme: paperTheme
|
|
106
107
|
}, children);
|
|
107
108
|
};
|
|
108
109
|
const ProviderBody = ({
|
|
109
110
|
children,
|
|
110
|
-
|
|
111
|
-
|
|
111
|
+
insetNotifier,
|
|
112
|
+
paperTheme
|
|
112
113
|
}) => {
|
|
113
114
|
const {
|
|
114
115
|
top
|
|
115
116
|
} = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
116
117
|
return /*#__PURE__*/_react2.default.createElement(ChempoPaperProvider, {
|
|
117
|
-
|
|
118
|
+
paperTheme: paperTheme
|
|
118
119
|
}, /*#__PURE__*/_react2.default.createElement(_reactNativeNotifier.NotifierWrapper, {
|
|
119
120
|
containerStyle: {
|
|
120
121
|
paddingTop: insetNotifier ? top : 0
|
|
@@ -125,7 +126,7 @@ const ChempoNativeProvider = ({
|
|
|
125
126
|
theme: themeProp,
|
|
126
127
|
initialColorMode,
|
|
127
128
|
children,
|
|
128
|
-
fonts,
|
|
129
|
+
fonts: fontConfig,
|
|
129
130
|
colorModeProp,
|
|
130
131
|
middlewareProvider: Middleware,
|
|
131
132
|
insetNotifier,
|
|
@@ -137,15 +138,21 @@ const ChempoNativeProvider = ({
|
|
|
137
138
|
colorModeProp
|
|
138
139
|
}), [themeProp, initialColorMode, colorModeProp]);
|
|
139
140
|
const theme = (0, _useThemeState.useThemeState)(useThemeProps);
|
|
141
|
+
const {
|
|
142
|
+
theme: paperTheme,
|
|
143
|
+
fonts
|
|
144
|
+
} = (0, _react2.useMemo)(() => createPaperTheme(theme.theme ?? _react.defaultTheme, fontConfig, theme.colorMode), [theme, fontConfig]);
|
|
140
145
|
const body = /*#__PURE__*/_react2.default.createElement(ProviderBody, {
|
|
141
146
|
insetNotifier: insetNotifier,
|
|
142
|
-
|
|
147
|
+
paperTheme: paperTheme
|
|
143
148
|
}, children);
|
|
144
|
-
return /*#__PURE__*/_react2.default.createElement(
|
|
149
|
+
return /*#__PURE__*/_react2.default.createElement(_fonts.ChempoFontsProvider, {
|
|
150
|
+
fonts: fonts
|
|
151
|
+
}, /*#__PURE__*/_react2.default.createElement(_react.ChempoProvider, _extends({
|
|
145
152
|
toast: _toast.nativeToast,
|
|
146
153
|
theme: theme,
|
|
147
154
|
initializeScreen: _useScreen.initializeScreen
|
|
148
|
-
}, props), /*#__PURE__*/_react2.default.createElement(_reactNativeSafeAreaContext.SafeAreaProvider, null, /*#__PURE__*/_react2.default.createElement(_reactNativeGestureHandler.GestureHandlerRootView, null, Middleware ? /*#__PURE__*/_react2.default.createElement(Middleware, null, body) : body)));
|
|
155
|
+
}, props), /*#__PURE__*/_react2.default.createElement(_reactNativeSafeAreaContext.SafeAreaProvider, null, /*#__PURE__*/_react2.default.createElement(_reactNativeGestureHandler.GestureHandlerRootView, null, Middleware ? /*#__PURE__*/_react2.default.createElement(Middleware, null, body) : body))));
|
|
149
156
|
};
|
|
150
157
|
exports.ChempoNativeProvider = ChempoNativeProvider;
|
|
151
158
|
//# sourceMappingURL=root.js.map
|