ferns-ui 1.0.2 → 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/DateTimeField.js +11 -3
- package/dist/DateTimeField.js.map +1 -1
- 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/DateTimeField.tsx +12 -3
- 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/DateTimeField.js
CHANGED
|
@@ -11,10 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { getCalendars } from "expo-localization";
|
|
13
13
|
import { DateTime } from "luxon";
|
|
14
|
-
import React, { useCallback, useState } from "react";
|
|
14
|
+
import React, { useCallback, useEffect, useState } from "react";
|
|
15
15
|
import { DateTimeActionSheet } from "./DateTimeActionSheet";
|
|
16
16
|
import { printDate, printDateAndTime, printTime } from "./DateUtilities";
|
|
17
17
|
import { TextField } from "./TextField";
|
|
18
|
+
// TODO: allow use of keyboard to type in date/time
|
|
18
19
|
export const DateTimeField = (_a) => {
|
|
19
20
|
var _b;
|
|
20
21
|
var { type, value, onChange, timezone: tz } = _a, rest = __rest(_a, ["type", "value", "onChange", "timezone"]);
|
|
@@ -131,11 +132,18 @@ export const DateTimeField = (_a) => {
|
|
|
131
132
|
placeholder = "hh:mm a";
|
|
132
133
|
}
|
|
133
134
|
else if (type === "datetime") {
|
|
134
|
-
placeholder = "
|
|
135
|
+
placeholder = "mm/dd/yyyy hh:mm a";
|
|
135
136
|
}
|
|
136
137
|
else if (type === "date") {
|
|
137
|
-
placeholder = "
|
|
138
|
+
placeholder = "mm/dd/yyyy";
|
|
138
139
|
}
|
|
140
|
+
// if the value of the overall field changes via prop from the parent,
|
|
141
|
+
// update the formattedDate to keep the value of the TextField and DateTimeActionSheet in sync
|
|
142
|
+
useEffect(() => {
|
|
143
|
+
if (value && formatValue(value) !== formattedDate) {
|
|
144
|
+
setFormattedDate(formatValue(value));
|
|
145
|
+
}
|
|
146
|
+
}, [formatValue, formattedDate, value]);
|
|
139
147
|
return (React.createElement(React.Fragment, null,
|
|
140
148
|
React.createElement(TextField, Object.assign({ errorText: error, iconName: type === "time" ? "clock" : "calendar", placeholder: placeholder, type: "text", value: formattedDate, onChange: onTextFieldChange, onIconClick: () => {
|
|
141
149
|
setShowDate(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeField.js","sourceRoot":"","sources":["../src/DateTimeField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DateTimeField.js","sourceRoot":"","sources":["../src/DateTimeField.tsx"],"names":[],"mappings":"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"}
|
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/DateTimeField.tsx
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import {getCalendars} from "expo-localization";
|
|
2
2
|
import {DateTime} from "luxon";
|
|
3
|
-
import React, {useCallback, useState} from "react";
|
|
3
|
+
import React, {useCallback, useEffect, useState} from "react";
|
|
4
4
|
|
|
5
5
|
import {DateTimeFieldProps} from "./Common";
|
|
6
6
|
import {DateTimeActionSheet} from "./DateTimeActionSheet";
|
|
7
7
|
import {printDate, printDateAndTime, printTime} from "./DateUtilities";
|
|
8
8
|
import {TextField} from "./TextField";
|
|
9
9
|
|
|
10
|
+
// TODO: allow use of keyboard to type in date/time
|
|
10
11
|
export const DateTimeField = ({
|
|
11
12
|
type,
|
|
12
13
|
value,
|
|
@@ -143,11 +144,19 @@ export const DateTimeField = ({
|
|
|
143
144
|
if (type === "time") {
|
|
144
145
|
placeholder = "hh:mm a";
|
|
145
146
|
} else if (type === "datetime") {
|
|
146
|
-
placeholder = "
|
|
147
|
+
placeholder = "mm/dd/yyyy hh:mm a";
|
|
147
148
|
} else if (type === "date") {
|
|
148
|
-
placeholder = "
|
|
149
|
+
placeholder = "mm/dd/yyyy";
|
|
149
150
|
}
|
|
150
151
|
|
|
152
|
+
// if the value of the overall field changes via prop from the parent,
|
|
153
|
+
// update the formattedDate to keep the value of the TextField and DateTimeActionSheet in sync
|
|
154
|
+
useEffect(() => {
|
|
155
|
+
if (value && formatValue(value) !== formattedDate) {
|
|
156
|
+
setFormattedDate(formatValue(value));
|
|
157
|
+
}
|
|
158
|
+
}, [formatValue, formattedDate, value]);
|
|
159
|
+
|
|
151
160
|
return (
|
|
152
161
|
<>
|
|
153
162
|
<TextField
|
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") {
|