sapo-components-ui-rn 1.0.76 → 1.0.77
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/dist/index.esm.js
CHANGED
|
@@ -6130,10 +6130,10 @@ var TextInputNumber = function (_a) {
|
|
|
6130
6130
|
React__default.createElement(Modal, { visible: isShowModalKeyboard, transparent: true, animationType: "fade", onRequestClose: onCloseModalKeyboard },
|
|
6131
6131
|
React__default.createElement(TouchableOpacity, { style: styles$b.modalOverlay, activeOpacity: 1, onPress: onCloseModalKeyboard },
|
|
6132
6132
|
React__default.createElement(View, { onPress: function () { }, activeOpacity: 1, backgroundColor: colors.surfacePrimaryDefault, style: styles$b.modalContent },
|
|
6133
|
-
React__default.createElement(Text$1, { style: styles$b.modalTitle }, label),
|
|
6133
|
+
React__default.createElement(Text$1, { style: [styles$b.modalTitle, styles$b.text18] }, label),
|
|
6134
6134
|
React__default.createElement(View, { width: "100%" },
|
|
6135
6135
|
React__default.createElement(View, { paddingHorizontal: SPACE_40 },
|
|
6136
|
-
React__default.createElement(Text$1, { numberOfLines: 1, style: styles$b.valueText }, formatNumberInput$1(inputValue, formatDecimal) || "0")),
|
|
6136
|
+
React__default.createElement(Text$1, { numberOfLines: 1, style: [styles$b.text30, styles$b.valueText] }, formatNumberInput$1(inputValue, formatDecimal) || "0")),
|
|
6137
6137
|
React__default.createElement(TouchableOpacity, { onPress: handleClear, style: styles$b.clearButton },
|
|
6138
6138
|
React__default.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24, color: colors.textSecondary }))),
|
|
6139
6139
|
React__default.createElement(View, { style: styles$b.keyboardGrid }, [
|
|
@@ -6150,6 +6150,7 @@ var TextInputNumber = function (_a) {
|
|
|
6150
6150
|
], onPress: function () { return handleKeyPress(key); }, disabled: (key === "000" && type === "float") ||
|
|
6151
6151
|
(key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(Icon$1, { name: "IconDelNumber", type: "Svg", size: 24 })) : (React__default.createElement(Text$1, { style: [
|
|
6152
6152
|
styles$b.keyText,
|
|
6153
|
+
styles$b.text22,
|
|
6153
6154
|
key === "000" &&
|
|
6154
6155
|
type === "float" &&
|
|
6155
6156
|
styles$b.disabledKeyText,
|
|
@@ -6159,13 +6160,14 @@ var TextInputNumber = function (_a) {
|
|
|
6159
6160
|
] }, key)))); }))); })),
|
|
6160
6161
|
React__default.createElement(View, { style: styles$b.actionRow },
|
|
6161
6162
|
React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: styles$b.actionButton, onPress: onCloseModalKeyboard },
|
|
6162
|
-
React__default.createElement(Text$1, { style: styles$b.actionText }, "\u0110\u00F3ng")),
|
|
6163
|
+
React__default.createElement(Text$1, { style: [styles$b.actionText, styles$b.text16] }, "\u0110\u00F3ng")),
|
|
6163
6164
|
React__default.createElement(Spacer, { style: {
|
|
6164
6165
|
height: "100%",
|
|
6165
6166
|
}, width: 1, backgroundColor: colors.borderPrimaryDefault }),
|
|
6166
6167
|
React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: [styles$b.actionButton, !canSave && { opacity: 0.5 }], onPress: handleSave, disabled: !canSave },
|
|
6167
6168
|
React__default.createElement(Text$1, { style: [
|
|
6168
6169
|
styles$b.actionText,
|
|
6170
|
+
styles$b.text16,
|
|
6169
6171
|
{ color: colors.textBrandDefault },
|
|
6170
6172
|
!canSave && { color: colors.textSecondary },
|
|
6171
6173
|
] }, "L\u01B0u"))))))));
|
|
@@ -6191,12 +6193,10 @@ var styles$b = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
|
|
|
6191
6193
|
paddingBottom: 20,
|
|
6192
6194
|
alignItems: "center",
|
|
6193
6195
|
}, modalTitle: {
|
|
6194
|
-
fontSize: 18,
|
|
6195
6196
|
textAlign: "center",
|
|
6196
6197
|
marginTop: 16,
|
|
6197
6198
|
marginBottom: 8,
|
|
6198
6199
|
}, valueText: {
|
|
6199
|
-
fontSize: 30,
|
|
6200
6200
|
textAlign: "center",
|
|
6201
6201
|
}, clearButton: {
|
|
6202
6202
|
padding: 8,
|
|
@@ -6218,7 +6218,6 @@ var styles$b = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
|
|
|
6218
6218
|
justifyContent: "center",
|
|
6219
6219
|
height: 48,
|
|
6220
6220
|
}, keyText: {
|
|
6221
|
-
fontSize: 22,
|
|
6222
6221
|
fontWeight: "500",
|
|
6223
6222
|
}, actionRow: {
|
|
6224
6223
|
flexDirection: "row",
|
|
@@ -6231,7 +6230,6 @@ var styles$b = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
|
|
|
6231
6230
|
alignItems: "center",
|
|
6232
6231
|
paddingVertical: 12,
|
|
6233
6232
|
}, actionText: {
|
|
6234
|
-
fontSize: 16,
|
|
6235
6233
|
fontWeight: "600",
|
|
6236
6234
|
}, disabledKey: {
|
|
6237
6235
|
opacity: 0.5,
|
|
@@ -7419,10 +7417,10 @@ var NumberKeyboard = function (_a) {
|
|
|
7419
7417
|
return (React__default.createElement(Modal, { visible: visible, transparent: true, animationType: "fade", onRequestClose: handleClose },
|
|
7420
7418
|
React__default.createElement(TouchableOpacity, { style: styles.modalOverlay, activeOpacity: 1, onPress: handleClose },
|
|
7421
7419
|
React__default.createElement(View, { onPress: function () { }, activeOpacity: 1, backgroundColor: colors.surfacePrimaryDefault, style: styles.modalContent },
|
|
7422
|
-
React__default.createElement(Text$1, { style: styles.modalTitle }, label),
|
|
7420
|
+
React__default.createElement(Text$1, { style: [styles.text18, styles.modalTitle] }, label),
|
|
7423
7421
|
React__default.createElement(View, { width: "100%" },
|
|
7424
7422
|
React__default.createElement(View, { paddingHorizontal: SPACE_40 },
|
|
7425
|
-
React__default.createElement(Text$1, { numberOfLines: 1, style: styles.valueText }, formatNumberInput(inputValue, formatDecimal) || "0")),
|
|
7423
|
+
React__default.createElement(Text$1, { numberOfLines: 1, style: [styles.text30, styles.valueText] }, formatNumberInput(inputValue, formatDecimal) || "0")),
|
|
7426
7424
|
React__default.createElement(TouchableOpacity, { onPress: handleClear, style: styles.clearButton },
|
|
7427
7425
|
React__default.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24, color: colors.textSecondary }))),
|
|
7428
7426
|
React__default.createElement(View, { style: styles.keyboardGrid }, [
|
|
@@ -7439,6 +7437,7 @@ var NumberKeyboard = function (_a) {
|
|
|
7439
7437
|
], onPress: function () { return handleKeyPress(key); }, disabled: (key === "000" && type === "float") ||
|
|
7440
7438
|
(key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(Icon$1, { name: "IconDelNumber", type: "Svg", size: 24 })) : (React__default.createElement(Text$1, { style: [
|
|
7441
7439
|
styles.keyText,
|
|
7440
|
+
styles.text22,
|
|
7442
7441
|
key === "000" &&
|
|
7443
7442
|
type === "float" &&
|
|
7444
7443
|
styles.disabledKeyText,
|
|
@@ -7448,10 +7447,14 @@ var NumberKeyboard = function (_a) {
|
|
|
7448
7447
|
] }, key)))); }))); })),
|
|
7449
7448
|
React__default.createElement(View, { style: styles.actionRow },
|
|
7450
7449
|
React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: styles.actionButton, onPress: handleClose },
|
|
7451
|
-
React__default.createElement(Text$1, { style: styles.actionText }, "\u0110\u00F3ng")),
|
|
7450
|
+
React__default.createElement(Text$1, { style: [styles.actionText, styles.text16] }, "\u0110\u00F3ng")),
|
|
7452
7451
|
React__default.createElement(Spacer, { style: { height: "100%" }, width: 1, backgroundColor: colors.borderPrimaryDefault }),
|
|
7453
7452
|
React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: styles.actionButton, onPress: handleSave },
|
|
7454
|
-
React__default.createElement(Text$1, { style: [
|
|
7453
|
+
React__default.createElement(Text$1, { style: [
|
|
7454
|
+
styles.actionText,
|
|
7455
|
+
styles.text16,
|
|
7456
|
+
{ color: colors.textBrandDefault },
|
|
7457
|
+
] }, "L\u01B0u")))))));
|
|
7455
7458
|
};
|
|
7456
7459
|
var styles = StyleSheet.create(__assign(__assign({}, containerStyles), { modalOverlay: {
|
|
7457
7460
|
flex: 1,
|
|
@@ -7464,12 +7467,10 @@ var styles = StyleSheet.create(__assign(__assign({}, containerStyles), { modalOv
|
|
|
7464
7467
|
paddingBottom: 20,
|
|
7465
7468
|
alignItems: "center",
|
|
7466
7469
|
}, modalTitle: {
|
|
7467
|
-
fontSize: 18,
|
|
7468
7470
|
textAlign: "center",
|
|
7469
7471
|
marginTop: 16,
|
|
7470
7472
|
marginBottom: 8,
|
|
7471
7473
|
}, valueText: {
|
|
7472
|
-
fontSize: 30,
|
|
7473
7474
|
textAlign: "center",
|
|
7474
7475
|
}, clearButton: {
|
|
7475
7476
|
padding: 8,
|
|
@@ -7491,7 +7492,6 @@ var styles = StyleSheet.create(__assign(__assign({}, containerStyles), { modalOv
|
|
|
7491
7492
|
justifyContent: "center",
|
|
7492
7493
|
height: 48,
|
|
7493
7494
|
}, keyText: {
|
|
7494
|
-
fontSize: 22,
|
|
7495
7495
|
fontWeight: "500",
|
|
7496
7496
|
}, actionRow: {
|
|
7497
7497
|
flexDirection: "row",
|
|
@@ -7504,7 +7504,6 @@ var styles = StyleSheet.create(__assign(__assign({}, containerStyles), { modalOv
|
|
|
7504
7504
|
alignItems: "center",
|
|
7505
7505
|
paddingVertical: 12,
|
|
7506
7506
|
}, actionText: {
|
|
7507
|
-
fontSize: 16,
|
|
7508
7507
|
fontWeight: "600",
|
|
7509
7508
|
}, disabledKey: {
|
|
7510
7509
|
opacity: 0.5,
|