ferns-ui 1.0.3 → 1.0.4
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 +4 -0
- package/dist/Heading.js +1 -6
- package/dist/Heading.js.map +1 -1
- package/dist/MultiselectField.js +8 -4
- package/dist/MultiselectField.js.map +1 -1
- package/dist/Text.js +1 -7
- package/dist/Text.js.map +1 -1
- package/package.json +1 -1
- package/src/Common.ts +6 -0
- package/src/Heading.tsx +1 -7
- package/src/MultiselectField.tsx +20 -11
- package/src/Text.tsx +1 -8
package/dist/Common.d.ts
CHANGED
|
@@ -1883,6 +1883,10 @@ export interface MultiselectFieldProps extends HelperTextProps, ErrorTextProps {
|
|
|
1883
1883
|
* The function to call when the selected values change.
|
|
1884
1884
|
*/
|
|
1885
1885
|
onChange: (selected: string[]) => void;
|
|
1886
|
+
/**
|
|
1887
|
+
* The disabled state of multiselect. Removes checkboxes and only shows the values.
|
|
1888
|
+
*/
|
|
1889
|
+
disabled?: boolean;
|
|
1886
1890
|
}
|
|
1887
1891
|
export interface TableTitleProps {
|
|
1888
1892
|
/**
|
package/dist/Heading.js
CHANGED
|
@@ -18,16 +18,11 @@ const fontSizes = Platform.OS === "web" ? fontSizeAndWeightWeb : fontSizeAndWeig
|
|
|
18
18
|
export const Heading = ({ align, children, color = "primary", size, testID, }) => {
|
|
19
19
|
const { theme } = useTheme();
|
|
20
20
|
// TODO: make fonts part of theme.
|
|
21
|
-
|
|
21
|
+
useFonts({
|
|
22
22
|
heading: TitilliumWeb_600SemiBold,
|
|
23
23
|
"heading-bold": TitilliumWeb_700Bold,
|
|
24
24
|
"heading-semibold": TitilliumWeb_600SemiBold,
|
|
25
25
|
});
|
|
26
|
-
// TODO: How should we handle unloaded fonts.
|
|
27
|
-
if (!fontsLoaded) {
|
|
28
|
-
// eslint-disable-next-line react-native/no-raw-text
|
|
29
|
-
return React.createElement(NativeText, null, "Loading fonts...");
|
|
30
|
-
}
|
|
31
26
|
const style = {};
|
|
32
27
|
if (size === "sm") {
|
|
33
28
|
style.fontFamily = "heading-semibold";
|
package/dist/Heading.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../src/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,oBAAoB,EACpB,QAAQ,GACT,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAa,IAAI,IAAI,UAAU,EAAY,MAAM,cAAc,CAAC;AAGhF,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,oBAAoB,GAAG;IAC3B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAC;IAClC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;CAC/B,CAAC;AAEF,MAAM,sBAAsB,GAAG;IAC7B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAC;IAClC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;CAC/B,CAAC;AAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC;AAExF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,MAAM,GACO,EAAsB,EAAE;IACrC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,kCAAkC;IAClC,
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../src/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,oBAAoB,EACpB,QAAQ,GACT,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAa,IAAI,IAAI,UAAU,EAAY,MAAM,cAAc,CAAC;AAGhF,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,oBAAoB,GAAG;IAC3B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAC;IAClC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;CAC/B,CAAC;AAEF,MAAM,sBAAsB,GAAG;IAC7B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAC;IAClC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;CAC/B,CAAC;AAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC;AAExF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,MAAM,GACO,EAAsB,EAAE;IACrC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,kCAAkC;IAClC,QAAQ,CAAC;QACP,OAAO,EAAE,wBAAwB;QACjC,cAAc,EAAE,oBAAoB;QACpC,kBAAkB,EAAE,wBAAwB;KAC7C,CAAC,CAAC;IAEH,MAAM,KAAK,GAAyB,EAAE,CAAC;IAEvC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,KAAK,CAAC,UAAU,GAAG,kBAAkB,CAAC;IACxC,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,UAAU,GAAG,cAAc,CAAC;IACpC,CAAC;IAED,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;IAC9C,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;IAC1B,CAAC;IACD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEhC,MAAM,KAAK,GAAG,CAAC,CAAC;IAChB,OAAO,CACL,oBAAC,UAAU,IAAC,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAC3D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/MultiselectField.js
CHANGED
|
@@ -22,7 +22,7 @@ const Option = ({ value, label, isDefault, selected, onSelect }) => {
|
|
|
22
22
|
} },
|
|
23
23
|
React.createElement(CheckBox, { selected: selected })))));
|
|
24
24
|
};
|
|
25
|
-
export const MultiselectField = ({ options, title, value = [], variant = "leftText", onChange, errorText, helperText, }) => {
|
|
25
|
+
export const MultiselectField = ({ options, title, value = [], variant = "leftText", onChange, errorText, helperText, disabled, }) => {
|
|
26
26
|
const isMobile = isMobileDevice();
|
|
27
27
|
const isDefault = variant === "leftText";
|
|
28
28
|
const [selectedItems, setSelectedItems] = useState(value);
|
|
@@ -37,13 +37,17 @@ export const MultiselectField = ({ options, title, value = [], variant = "leftTe
|
|
|
37
37
|
setSelectedItems(newSelectedItems);
|
|
38
38
|
onChange(newSelectedItems);
|
|
39
39
|
};
|
|
40
|
-
return (React.createElement(View, { accessibilityHint: "Contains a prompt and list of options to select", accessibilityLabel: title, accessibilityRole: "combobox", style: {
|
|
40
|
+
return (React.createElement(View, { accessibilityHint: "Contains a prompt and list of options to select", accessibilityLabel: title, accessibilityRole: "combobox", style: {
|
|
41
|
+
display: "flex",
|
|
42
|
+
width: "100%",
|
|
43
|
+
gap: isMobile ? 16 : 8,
|
|
44
|
+
} },
|
|
41
45
|
React.createElement(Heading, { color: "primary", size: "sm" }, title),
|
|
42
46
|
Boolean(errorText) && React.createElement(FieldError, { text: errorText }),
|
|
43
|
-
options.map((option) => {
|
|
47
|
+
Boolean(disabled) ? (React.createElement(Text, null, value.join(", "))) : (options.map((option) => {
|
|
44
48
|
var _a;
|
|
45
49
|
return (React.createElement(Option, { key: (_a = option.key) !== null && _a !== void 0 ? _a : option.value, isDefault: isDefault, label: option.label, selected: selectedItems.includes(option.value), value: option.value, onSelect: () => toggleItem(option.value) }));
|
|
46
|
-
}),
|
|
50
|
+
})),
|
|
47
51
|
Boolean(helperText) && React.createElement(FieldHelperText, { text: helperText })));
|
|
48
52
|
};
|
|
49
53
|
//# sourceMappingURL=MultiselectField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiselectField.js","sourceRoot":"","sources":["../src/MultiselectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAU5B,MAAM,MAAM,GAAoB,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IAChF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa;YAChD,cAAc,EAAE,eAAe;SAChC;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAC;YACtC,oBAAC,IAAI,QAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAQ,CACxB;QACP,oBAAC,gBAAgB,IACf,GAAG,EAAE,KAAK,EACV,iBAAiB,EAAE,UAAU,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,uBAAuB,EAClE,kBAAkB,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,EAClC,iBAAiB,EAAC,UAAU,EAC5B,OAAO,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,EACnD,KAAK,EAAE;gBACL,cAAc,EAAE,QAAQ;aACzB,EACD,OAAO,EAAE,QAAQ;YAEjB,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC/B,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBAC9B;gBAED,oBAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC3B,CACU,CACd,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,OAAO,EACP,KAAK,EACL,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,UAAU,EACpB,QAAQ,EACR,SAAS,EACT,UAAU,
|
|
1
|
+
{"version":3,"file":"MultiselectField.js","sourceRoot":"","sources":["../src/MultiselectField.tsx"],"names":[],"mappings":"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"}
|
package/dist/Text.js
CHANGED
|
@@ -18,8 +18,7 @@ const fontSizeAndWeighMobile = {
|
|
|
18
18
|
const fontSizes = Platform.OS === "web" ? fontSizeAndWeightWeb : fontSizeAndWeighMobile;
|
|
19
19
|
export const Text = ({ align = "left", bold, children, color, italic = false, size = "md", truncate = false, underline, numberOfLines, skipLinking, testID, }) => {
|
|
20
20
|
const { theme } = useTheme();
|
|
21
|
-
|
|
22
|
-
const [fontsLoaded] = useFonts({
|
|
21
|
+
useFonts({
|
|
23
22
|
"text-bold": Nunito_700Bold,
|
|
24
23
|
"text-bold-italic": Nunito_700Bold_Italic,
|
|
25
24
|
"text-medium": Nunito_500Medium,
|
|
@@ -28,11 +27,6 @@ export const Text = ({ align = "left", bold, children, color, italic = false, si
|
|
|
28
27
|
"text-regular": Nunito_400Regular,
|
|
29
28
|
"text-regular-italic": Nunito_400Regular_Italic,
|
|
30
29
|
});
|
|
31
|
-
// TODO: How should we handle unloaded fonts.
|
|
32
|
-
if (!fontsLoaded) {
|
|
33
|
-
// eslint-disable-next-line react-native/no-raw-text
|
|
34
|
-
return React.createElement(NativeText, null);
|
|
35
|
-
}
|
|
36
30
|
const style = {};
|
|
37
31
|
if (size === "sm" || size === "md") {
|
|
38
32
|
if (bold && italic) {
|
package/dist/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,qBAAqB,EACrB,QAAQ,GACT,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAE,IAAI,IAAI,UAAU,EAAY,MAAM,cAAc,CAAC;AAGrE,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,oBAAoB,GAAG;IAC3B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC;IACjC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC;IACjC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAC;IAChC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAC;CACjC,CAAC;AAEF,MAAM,sBAAsB,GAAG;IAC7B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC;IACjC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC;IACjC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAC;IAChC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAC;CACjC,CAAC;AAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC;AAExF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,KAAK,GAAG,MAAM,EACd,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,aAAa,EACb,WAAW,EACX,MAAM,GACI,EAAsB,EAAE;IAClC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/Common.ts
CHANGED
|
@@ -2295,6 +2295,12 @@ export interface MultiselectFieldProps extends HelperTextProps, ErrorTextProps {
|
|
|
2295
2295
|
* The function to call when the selected values change.
|
|
2296
2296
|
*/
|
|
2297
2297
|
onChange: (selected: string[]) => void;
|
|
2298
|
+
|
|
2299
|
+
/**
|
|
2300
|
+
* The disabled state of multiselect. Removes checkboxes and only shows the values.
|
|
2301
|
+
*/
|
|
2302
|
+
|
|
2303
|
+
disabled?: boolean;
|
|
2298
2304
|
}
|
|
2299
2305
|
|
|
2300
2306
|
export interface TableTitleProps {
|
package/src/Heading.tsx
CHANGED
|
@@ -35,18 +35,12 @@ export const Heading = ({
|
|
|
35
35
|
const {theme} = useTheme();
|
|
36
36
|
|
|
37
37
|
// TODO: make fonts part of theme.
|
|
38
|
-
|
|
38
|
+
useFonts({
|
|
39
39
|
heading: TitilliumWeb_600SemiBold,
|
|
40
40
|
"heading-bold": TitilliumWeb_700Bold,
|
|
41
41
|
"heading-semibold": TitilliumWeb_600SemiBold,
|
|
42
42
|
});
|
|
43
43
|
|
|
44
|
-
// TODO: How should we handle unloaded fonts.
|
|
45
|
-
if (!fontsLoaded) {
|
|
46
|
-
// eslint-disable-next-line react-native/no-raw-text
|
|
47
|
-
return <NativeText>Loading fonts...</NativeText>;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
44
|
const style: StyleProp<TextStyle> = {};
|
|
51
45
|
|
|
52
46
|
if (size === "sm") {
|
package/src/MultiselectField.tsx
CHANGED
|
@@ -60,6 +60,7 @@ export const MultiselectField: FC<MultiselectFieldProps> = ({
|
|
|
60
60
|
onChange,
|
|
61
61
|
errorText,
|
|
62
62
|
helperText,
|
|
63
|
+
disabled,
|
|
63
64
|
}) => {
|
|
64
65
|
const isMobile = isMobileDevice();
|
|
65
66
|
const isDefault = variant === "leftText";
|
|
@@ -81,22 +82,30 @@ export const MultiselectField: FC<MultiselectFieldProps> = ({
|
|
|
81
82
|
accessibilityHint="Contains a prompt and list of options to select"
|
|
82
83
|
accessibilityLabel={title}
|
|
83
84
|
accessibilityRole="combobox"
|
|
84
|
-
style={{
|
|
85
|
+
style={{
|
|
86
|
+
display: "flex",
|
|
87
|
+
width: "100%",
|
|
88
|
+
gap: isMobile ? 16 : 8,
|
|
89
|
+
}}
|
|
85
90
|
>
|
|
86
91
|
<Heading color="primary" size="sm">
|
|
87
92
|
{title}
|
|
88
93
|
</Heading>
|
|
89
94
|
{Boolean(errorText) && <FieldError text={errorText!} />}
|
|
90
|
-
{
|
|
91
|
-
<
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
95
|
+
{Boolean(disabled) ? (
|
|
96
|
+
<Text>{value.join(", ")}</Text>
|
|
97
|
+
) : (
|
|
98
|
+
options.map((option) => (
|
|
99
|
+
<Option
|
|
100
|
+
key={option.key ?? option.value}
|
|
101
|
+
isDefault={isDefault}
|
|
102
|
+
label={option.label}
|
|
103
|
+
selected={selectedItems.includes(option.value)}
|
|
104
|
+
value={option.value}
|
|
105
|
+
onSelect={() => toggleItem(option.value)}
|
|
106
|
+
/>
|
|
107
|
+
))
|
|
108
|
+
)}
|
|
100
109
|
{Boolean(helperText) && <FieldHelperText text={helperText!} />}
|
|
101
110
|
</View>
|
|
102
111
|
);
|
package/src/Text.tsx
CHANGED
|
@@ -45,8 +45,7 @@ export const Text = ({
|
|
|
45
45
|
}: TextProps): React.ReactElement => {
|
|
46
46
|
const {theme} = useTheme();
|
|
47
47
|
|
|
48
|
-
|
|
49
|
-
const [fontsLoaded] = useFonts({
|
|
48
|
+
useFonts({
|
|
50
49
|
"text-bold": Nunito_700Bold,
|
|
51
50
|
"text-bold-italic": Nunito_700Bold_Italic,
|
|
52
51
|
"text-medium": Nunito_500Medium,
|
|
@@ -56,12 +55,6 @@ export const Text = ({
|
|
|
56
55
|
"text-regular-italic": Nunito_400Regular_Italic,
|
|
57
56
|
});
|
|
58
57
|
|
|
59
|
-
// TODO: How should we handle unloaded fonts.
|
|
60
|
-
if (!fontsLoaded) {
|
|
61
|
-
// eslint-disable-next-line react-native/no-raw-text
|
|
62
|
-
return <NativeText />;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
58
|
const style: TextStyle = {};
|
|
66
59
|
|
|
67
60
|
if (size === "sm" || size === "md") {
|