ferns-ui 0.20.1 → 0.21.0
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/Common.d.ts +1 -1
- package/dist/Common.js.map +1 -1
- package/dist/Field.d.ts +1 -1
- package/dist/Field.js +1 -1
- package/dist/Field.js.map +1 -1
- package/dist/TextField.js +37 -6
- package/dist/TextField.js.map +1 -1
- package/dist/WithLabel.d.ts +1 -1
- package/dist/WithLabel.js +2 -5
- package/dist/WithLabel.js.map +1 -1
- package/package.json +2 -1
- package/src/Common.ts +6 -5
- package/src/Field.tsx +12 -11
- package/src/TextField.tsx +33 -5
- package/src/WithLabel.tsx +3 -5
package/dist/Common.d.ts
CHANGED
|
@@ -146,7 +146,7 @@ export declare type UnsignedUpTo12 = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
|
|
|
146
146
|
export declare type SignedUpTo12 = -12 | -11 | -10 | -9 | -8 | -7 | -6 | -5 | -4 | -3 | -2 | -1 | UnsignedUpTo12;
|
|
147
147
|
export declare type Margin = SignedUpTo12 | "auto";
|
|
148
148
|
export declare const SPACING = 4;
|
|
149
|
-
export declare type TextFieldType = "date" | "
|
|
149
|
+
export declare type TextFieldType = "date" | "decimal" | "decimalRange" | "email" | "height" | "password" | "phoneNumber" | "number" | "numberRange" | "search" | "text" | "url" | "username";
|
|
150
150
|
export declare type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
151
151
|
export declare const iconSizeToNumber: (size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined) => number;
|
|
152
152
|
export declare const iconNumberToSize: (size?: number) => IconSize;
|
package/dist/Common.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAkVA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAkVA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAmBzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE;IAClD,OAAO;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,GAAG,EAAE,EAAY,EAAE;IACtD,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM;QACL,QAAQ,GAAG,IAAI,CAAC;KACjB;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,OAAgE;IAC9F,OAAO,CAAC;QACN,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;KACjB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAU,CAAC;AACjC,CAAC;AAw5BD,MAAM,UAAU,UAAU,CAAC,OAAqB;IAC9C,OAAO,CACL,OAAO;QACP,OAAO,CAAC,KAAK;QACb,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CACrF,CAAC;AACJ,CAAC"}
|
package/dist/Field.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export interface FieldProps extends FieldWithLabelsProps {
|
|
|
5
5
|
name: string;
|
|
6
6
|
label?: string;
|
|
7
7
|
height?: number;
|
|
8
|
-
type?: "
|
|
8
|
+
type?: "address" | "boolean" | "currency" | "customSelect" | "date" | "email" | "multiselect" | "number" | "password" | "percent" | "phoneNumber" | "select" | "text" | "textarea" | "url";
|
|
9
9
|
rows?: number;
|
|
10
10
|
value?: any;
|
|
11
11
|
onChange?: any;
|
package/dist/Field.js
CHANGED
|
@@ -81,7 +81,7 @@ export const Field = ({ name, label, labelColor, height, type, rows, value, onCh
|
|
|
81
81
|
let tfValue = value;
|
|
82
82
|
// Number is supported differently because we need fractional numbers and they don't work
|
|
83
83
|
// well on iOS.
|
|
84
|
-
if (type && ["date", "email", "password", "url"].indexOf(type) > -1) {
|
|
84
|
+
if (type && ["date", "email", "phoneNumber", "password", "url"].indexOf(type) > -1) {
|
|
85
85
|
tfType = type;
|
|
86
86
|
}
|
|
87
87
|
else if (type === "percent" || type === "currency") {
|
package/dist/Field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../src/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,UAAU,EAAoB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../src/Field.tsx"],"names":[],"mappings":"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"}
|
package/dist/TextField.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { AsYouType } from "libphonenumber-js";
|
|
1
2
|
import moment from "moment-timezone";
|
|
2
3
|
import React, { useState } from "react";
|
|
3
4
|
import { ActivityIndicator, Platform, TextInput, View } from "react-native";
|
|
@@ -39,6 +40,7 @@ const keyboardMap = {
|
|
|
39
40
|
decimal: "decimal-pad",
|
|
40
41
|
height: "default",
|
|
41
42
|
password: "default",
|
|
43
|
+
phoneNumber: "number-pad",
|
|
42
44
|
search: "default",
|
|
43
45
|
text: "default",
|
|
44
46
|
url: Platform.select({
|
|
@@ -114,11 +116,26 @@ export function TextField({ blurOnSubmit = true, value, height: propsHeight, onC
|
|
|
114
116
|
label,
|
|
115
117
|
labelColor,
|
|
116
118
|
};
|
|
117
|
-
if (
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
119
|
+
if (value) {
|
|
120
|
+
if (type === "date") {
|
|
121
|
+
value = moment(value).format("MM/DD/YYYY");
|
|
122
|
+
}
|
|
123
|
+
else if (type === "height") {
|
|
124
|
+
value = `${Math.floor(Number(value) / 12)} ft, ${Number(value) % 12} in`;
|
|
125
|
+
}
|
|
126
|
+
else if (type === "phoneNumber") {
|
|
127
|
+
// By default, if a value is something like `"(123)"`
|
|
128
|
+
// then Backspace would only erase the rightmost brace
|
|
129
|
+
// becoming something like `"(123"`
|
|
130
|
+
// which would give the same `"123"` value
|
|
131
|
+
// which would then be formatted back to `"(123)"`
|
|
132
|
+
// and so a user wouldn't be able to erase the phone number.
|
|
133
|
+
// This is the workaround for that.
|
|
134
|
+
const formattedPhoneNumber = new AsYouType("US").input(value);
|
|
135
|
+
if (value !== formattedPhoneNumber && value.length !== 4) {
|
|
136
|
+
value = formattedPhoneNumber;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
122
139
|
}
|
|
123
140
|
return (React.createElement(React.Fragment, null,
|
|
124
141
|
React.createElement(WithLabel, { label: errorMessage, labelColor: errorMessageColor || "red", labelPlacement: "after", labelSize: "sm" },
|
|
@@ -174,7 +191,21 @@ export function TextField({ blurOnSubmit = true, value, height: propsHeight, onC
|
|
|
174
191
|
// actionSheetRef?.current?.setModalVisible(false);
|
|
175
192
|
// }
|
|
176
193
|
}, onChangeText: (text) => {
|
|
177
|
-
onChange
|
|
194
|
+
if (onChange) {
|
|
195
|
+
if (type === "phoneNumber") {
|
|
196
|
+
const formattedPhoneNumber = new AsYouType("US").input(text);
|
|
197
|
+
// another workaround for the same issue as above with backspacing phone numbers
|
|
198
|
+
if (formattedPhoneNumber === value) {
|
|
199
|
+
onChange({ value: text });
|
|
200
|
+
}
|
|
201
|
+
else {
|
|
202
|
+
onChange({ value: formattedPhoneNumber });
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
else {
|
|
206
|
+
onChange({ value: text });
|
|
207
|
+
}
|
|
208
|
+
}
|
|
178
209
|
}, onContentSizeChange: (event) => {
|
|
179
210
|
if (!grow) {
|
|
180
211
|
return;
|
package/dist/TextField.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"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"}
|
package/dist/WithLabel.d.ts
CHANGED
package/dist/WithLabel.js
CHANGED
|
@@ -5,19 +5,16 @@ export class WithLabel extends React.Component {
|
|
|
5
5
|
render() {
|
|
6
6
|
const { label, labelInline, labelColor, children } = this.props;
|
|
7
7
|
// If show is undefined or true, show, only hide for actual false for simplicity.
|
|
8
|
-
if (this.props.show === false) {
|
|
9
|
-
return children;
|
|
10
|
-
}
|
|
11
8
|
if (!children) {
|
|
12
9
|
return null;
|
|
13
10
|
}
|
|
14
11
|
if (label) {
|
|
15
12
|
return (React.createElement(Box, { direction: labelInline ? "row" : "column", justifyContent: this.props.labelJustifyContent, width: "100%" },
|
|
16
13
|
this.props.labelPlacement !== "after" && (React.createElement(Box, { paddingY: 1 },
|
|
17
|
-
React.createElement(Text, { color: labelColor || "darkGray", size: this.props.labelSize, weight: "bold" }, label))),
|
|
14
|
+
React.createElement(Text, { color: labelColor || "darkGray", size: this.props.labelSize, weight: "bold" }, this.props.show !== false ? label : " "))),
|
|
18
15
|
children,
|
|
19
16
|
this.props.labelPlacement === "after" && (React.createElement(Box, { paddingY: 1 },
|
|
20
|
-
React.createElement(Text, { color: labelColor || "darkGray", size: this.props.labelSize }, label)))));
|
|
17
|
+
React.createElement(Text, { color: labelColor || "darkGray", size: this.props.labelSize }, this.props.show !== false ? label : " ")))));
|
|
21
18
|
}
|
|
22
19
|
else {
|
|
23
20
|
return children;
|
package/dist/WithLabel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WithLabel.js","sourceRoot":"","sources":["../src/WithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA6B;IAChE,MAAM;QACJ,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9D,iFAAiF;
|
|
1
|
+
{"version":3,"file":"WithLabel.js","sourceRoot":"","sources":["../src/WithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA6B;IAChE,MAAM;QACJ,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9D,iFAAiF;QAEjF,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,EAAE;YACT,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACzC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAC9C,KAAK,EAAC,MAAM;gBAEX,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,CACxC,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;oBACd,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAC,MAAM,IAC7E,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CACnC,CACH,CACP;gBACA,QAAQ;gBACR,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,CACxC,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;oBACd,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAC9D,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CACnC,CACH,CACP,CACG,CACP,CAAC;SACH;aAAM;YACL,OAAO,QAAQ,CAAC;SACjB;IACH,CAAC;CACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ferns-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.21.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"scripts": {
|
|
@@ -148,6 +148,7 @@
|
|
|
148
148
|
"expo-haptics": "~11.3.0",
|
|
149
149
|
"expo-image-manipulator": "^10.4.0",
|
|
150
150
|
"expo-image-picker": "^13.3.1",
|
|
151
|
+
"libphonenumber-js": "^1.10.19",
|
|
151
152
|
"lodash": "^4.17.21",
|
|
152
153
|
"mixpanel-browser": "^2.38.0",
|
|
153
154
|
"moment-timezone": "^0.5.35",
|
package/src/Common.ts
CHANGED
|
@@ -340,17 +340,18 @@ export const SPACING = 4;
|
|
|
340
340
|
|
|
341
341
|
export type TextFieldType =
|
|
342
342
|
| "date"
|
|
343
|
+
| "decimal"
|
|
344
|
+
| "decimalRange"
|
|
343
345
|
| "email"
|
|
346
|
+
| "height"
|
|
347
|
+
| "password"
|
|
348
|
+
| "phoneNumber"
|
|
344
349
|
| "number"
|
|
345
350
|
| "numberRange"
|
|
346
|
-
| "decimalRange"
|
|
347
|
-
| "decimal"
|
|
348
|
-
| "username"
|
|
349
|
-
| "password"
|
|
350
351
|
| "search"
|
|
351
352
|
| "text"
|
|
352
353
|
| "url"
|
|
353
|
-
| "
|
|
354
|
+
| "username";
|
|
354
355
|
|
|
355
356
|
export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
356
357
|
|
package/src/Field.tsx
CHANGED
|
@@ -17,20 +17,21 @@ export interface FieldProps extends FieldWithLabelsProps {
|
|
|
17
17
|
label?: string;
|
|
18
18
|
height?: number;
|
|
19
19
|
type?:
|
|
20
|
+
| "address"
|
|
20
21
|
| "boolean"
|
|
22
|
+
| "currency"
|
|
23
|
+
| "customSelect"
|
|
24
|
+
| "date"
|
|
21
25
|
| "email"
|
|
22
|
-
| "
|
|
23
|
-
| "textarea"
|
|
26
|
+
| "multiselect"
|
|
24
27
|
| "number"
|
|
25
|
-
| "
|
|
28
|
+
| "password"
|
|
26
29
|
| "percent"
|
|
30
|
+
| "phoneNumber"
|
|
27
31
|
| "select"
|
|
28
|
-
| "
|
|
29
|
-
| "
|
|
30
|
-
| "
|
|
31
|
-
| "multiselect"
|
|
32
|
-
| "address"
|
|
33
|
-
| "customSelect";
|
|
32
|
+
| "text"
|
|
33
|
+
| "textarea"
|
|
34
|
+
| "url";
|
|
34
35
|
rows?: number;
|
|
35
36
|
value?: any;
|
|
36
37
|
onChange?: any;
|
|
@@ -222,7 +223,7 @@ export const Field = ({
|
|
|
222
223
|
let tfValue: string = value;
|
|
223
224
|
// Number is supported differently because we need fractional numbers and they don't work
|
|
224
225
|
// well on iOS.
|
|
225
|
-
if (type && ["date", "email", "password", "url"].indexOf(type) > -1) {
|
|
226
|
+
if (type && ["date", "email", "phoneNumber", "password", "url"].indexOf(type) > -1) {
|
|
226
227
|
tfType = type as TextFieldType;
|
|
227
228
|
} else if (type === "percent" || type === "currency") {
|
|
228
229
|
tfType = "text";
|
|
@@ -244,7 +245,7 @@ export const Field = ({
|
|
|
244
245
|
disabled={disabled}
|
|
245
246
|
id={name}
|
|
246
247
|
placeholder={placeholder}
|
|
247
|
-
type={tfType as "date" | "email" | "number" | "password" | "text" | "url"}
|
|
248
|
+
type={tfType as "date" | "email" | "number" | "password" | "phoneNumber" | "text" | "url"}
|
|
248
249
|
value={tfValue}
|
|
249
250
|
onChange={(result) => onChange(result.value)}
|
|
250
251
|
/>
|
package/src/TextField.tsx
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import {AsYouType} from "libphonenumber-js";
|
|
1
2
|
import moment from "moment-timezone";
|
|
2
3
|
import React, {ReactElement, useState} from "react";
|
|
3
4
|
import {ActivityIndicator, KeyboardTypeOptions, Platform, TextInput, View} from "react-native";
|
|
@@ -74,6 +75,7 @@ const keyboardMap = {
|
|
|
74
75
|
decimal: "decimal-pad",
|
|
75
76
|
height: "default",
|
|
76
77
|
password: "default",
|
|
78
|
+
phoneNumber: "number-pad",
|
|
77
79
|
search: "default",
|
|
78
80
|
text: "default",
|
|
79
81
|
url: Platform.select({
|
|
@@ -189,10 +191,24 @@ export function TextField({
|
|
|
189
191
|
label,
|
|
190
192
|
labelColor,
|
|
191
193
|
};
|
|
192
|
-
if (
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
194
|
+
if (value) {
|
|
195
|
+
if (type === "date") {
|
|
196
|
+
value = moment(value).format("MM/DD/YYYY");
|
|
197
|
+
} else if (type === "height") {
|
|
198
|
+
value = `${Math.floor(Number(value) / 12)} ft, ${Number(value) % 12} in`;
|
|
199
|
+
} else if (type === "phoneNumber") {
|
|
200
|
+
// By default, if a value is something like `"(123)"`
|
|
201
|
+
// then Backspace would only erase the rightmost brace
|
|
202
|
+
// becoming something like `"(123"`
|
|
203
|
+
// which would give the same `"123"` value
|
|
204
|
+
// which would then be formatted back to `"(123)"`
|
|
205
|
+
// and so a user wouldn't be able to erase the phone number.
|
|
206
|
+
// This is the workaround for that.
|
|
207
|
+
const formattedPhoneNumber = new AsYouType("US").input(value);
|
|
208
|
+
if (value !== formattedPhoneNumber && value.length !== 4) {
|
|
209
|
+
value = formattedPhoneNumber;
|
|
210
|
+
}
|
|
211
|
+
}
|
|
196
212
|
}
|
|
197
213
|
|
|
198
214
|
return (
|
|
@@ -283,7 +299,19 @@ export function TextField({
|
|
|
283
299
|
// }
|
|
284
300
|
}}
|
|
285
301
|
onChangeText={(text) => {
|
|
286
|
-
onChange
|
|
302
|
+
if (onChange) {
|
|
303
|
+
if (type === "phoneNumber") {
|
|
304
|
+
const formattedPhoneNumber = new AsYouType("US").input(text);
|
|
305
|
+
// another workaround for the same issue as above with backspacing phone numbers
|
|
306
|
+
if (formattedPhoneNumber === value) {
|
|
307
|
+
onChange({value: text});
|
|
308
|
+
} else {
|
|
309
|
+
onChange({value: formattedPhoneNumber});
|
|
310
|
+
}
|
|
311
|
+
} else {
|
|
312
|
+
onChange({value: text});
|
|
313
|
+
}
|
|
314
|
+
}
|
|
287
315
|
}}
|
|
288
316
|
onContentSizeChange={(event) => {
|
|
289
317
|
if (!grow) {
|
package/src/WithLabel.tsx
CHANGED
|
@@ -8,9 +8,7 @@ export class WithLabel extends React.Component<WithLabelProps, {}> {
|
|
|
8
8
|
render() {
|
|
9
9
|
const {label, labelInline, labelColor, children} = this.props;
|
|
10
10
|
// If show is undefined or true, show, only hide for actual false for simplicity.
|
|
11
|
-
|
|
12
|
-
return children;
|
|
13
|
-
}
|
|
11
|
+
|
|
14
12
|
if (!children) {
|
|
15
13
|
return null;
|
|
16
14
|
}
|
|
@@ -25,7 +23,7 @@ export class WithLabel extends React.Component<WithLabelProps, {}> {
|
|
|
25
23
|
{this.props.labelPlacement !== "after" && (
|
|
26
24
|
<Box paddingY={1}>
|
|
27
25
|
<Text color={labelColor || "darkGray"} size={this.props.labelSize} weight="bold">
|
|
28
|
-
{label}
|
|
26
|
+
{this.props.show !== false ? label : " "}
|
|
29
27
|
</Text>
|
|
30
28
|
</Box>
|
|
31
29
|
)}
|
|
@@ -33,7 +31,7 @@ export class WithLabel extends React.Component<WithLabelProps, {}> {
|
|
|
33
31
|
{this.props.labelPlacement === "after" && (
|
|
34
32
|
<Box paddingY={1}>
|
|
35
33
|
<Text color={labelColor || "darkGray"} size={this.props.labelSize}>
|
|
36
|
-
{label}
|
|
34
|
+
{this.props.show !== false ? label : " "}
|
|
37
35
|
</Text>
|
|
38
36
|
</Box>
|
|
39
37
|
)}
|