ferns-ui 1.0.7 → 1.1.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/BooleanField.js +22 -18
- package/dist/BooleanField.js.map +1 -1
- package/dist/DateTimeField.d.ts +1 -1
- package/dist/DateTimeField.js +16 -3
- package/dist/DateTimeField.js.map +1 -1
- package/dist/TextField.js +3 -3
- package/dist/TextField.js.map +1 -1
- package/package.json +7 -7
- package/src/BooleanField.tsx +23 -18
- package/src/DateTimeField.tsx +27 -11
- package/src/TextField.tsx +3 -3
package/dist/BooleanField.js
CHANGED
|
@@ -3,30 +3,34 @@ import { Animated, TouchableWithoutFeedback, View } from "react-native";
|
|
|
3
3
|
import { FieldHelperText, FieldTitle } from "./fieldElements";
|
|
4
4
|
import { Text } from "./Text";
|
|
5
5
|
import { useTheme } from "./Theme";
|
|
6
|
+
const TOUCHABLE_SIZE = 20;
|
|
7
|
+
const OFFSET = 10;
|
|
8
|
+
const WIDTH = 36;
|
|
9
|
+
const WIDTH_WITH_OFFSET = OFFSET + WIDTH;
|
|
6
10
|
export const BooleanField = ({ title, variant, value, onChange, disabled, disabledHelperText, helperText, }) => {
|
|
7
11
|
const { theme } = useTheme();
|
|
8
|
-
const backgroundColor = useRef(new Animated.Value(value ?
|
|
9
|
-
const circleColor = useRef(new Animated.Value(value ?
|
|
10
|
-
const circleBorderColor = useRef(new Animated.Value(value ?
|
|
11
|
-
const transformSwitch = useRef(new Animated.Value(value ?
|
|
12
|
+
const backgroundColor = useRef(new Animated.Value(value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET)).current;
|
|
13
|
+
const circleColor = useRef(new Animated.Value(value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET)).current;
|
|
14
|
+
const circleBorderColor = useRef(new Animated.Value(value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET)).current;
|
|
15
|
+
const transformSwitch = useRef(new Animated.Value(value ? OFFSET : -1 * OFFSET)).current;
|
|
12
16
|
const animateSwitch = (newValue) => {
|
|
13
17
|
Animated.parallel([
|
|
14
18
|
Animated.spring(transformSwitch, {
|
|
15
|
-
toValue: newValue ?
|
|
19
|
+
toValue: newValue ? OFFSET : -1 * OFFSET,
|
|
16
20
|
useNativeDriver: false,
|
|
17
21
|
}),
|
|
18
22
|
Animated.timing(backgroundColor, {
|
|
19
|
-
toValue: newValue ?
|
|
23
|
+
toValue: newValue ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET,
|
|
20
24
|
duration: 200,
|
|
21
25
|
useNativeDriver: false,
|
|
22
26
|
}),
|
|
23
27
|
Animated.timing(circleColor, {
|
|
24
|
-
toValue: newValue ?
|
|
28
|
+
toValue: newValue ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET,
|
|
25
29
|
duration: 200,
|
|
26
30
|
useNativeDriver: false,
|
|
27
31
|
}),
|
|
28
32
|
Animated.timing(circleBorderColor, {
|
|
29
|
-
toValue: value ?
|
|
33
|
+
toValue: value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET,
|
|
30
34
|
duration: 200,
|
|
31
35
|
useNativeDriver: false,
|
|
32
36
|
}),
|
|
@@ -45,7 +49,7 @@ export const BooleanField = ({ title, variant, value, onChange, disabled, disabl
|
|
|
45
49
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
46
50
|
}, [value]);
|
|
47
51
|
const interpolatedColorAnimation = backgroundColor.interpolate({
|
|
48
|
-
inputRange: [-
|
|
52
|
+
inputRange: [-1 * WIDTH_WITH_OFFSET, WIDTH_WITH_OFFSET],
|
|
49
53
|
outputRange: [theme.surface.base, theme.surface.secondaryDark],
|
|
50
54
|
});
|
|
51
55
|
return (React.createElement(View, { style: {
|
|
@@ -61,18 +65,18 @@ export const BooleanField = ({ title, variant, value, onChange, disabled, disabl
|
|
|
61
65
|
React.createElement(TouchableWithoutFeedback, { accessibilityRole: "button", onPress: handleSwitch },
|
|
62
66
|
React.createElement(View, { style: { flexDirection: "row", alignItems: "center", justifyContent: "center" } },
|
|
63
67
|
React.createElement(Animated.View, { style: {
|
|
64
|
-
width:
|
|
65
|
-
height:
|
|
66
|
-
borderRadius:
|
|
68
|
+
width: WIDTH,
|
|
69
|
+
height: TOUCHABLE_SIZE,
|
|
70
|
+
borderRadius: TOUCHABLE_SIZE,
|
|
67
71
|
backgroundColor: disabled ? theme.surface.disabled : interpolatedColorAnimation,
|
|
68
72
|
borderColor: disabled ? theme.surface.disabled : theme.surface.secondaryDark,
|
|
69
73
|
borderWidth: 1,
|
|
70
|
-
marginHorizontal: variant === "title" ? undefined :
|
|
71
|
-
marginRight: variant === "title" ?
|
|
74
|
+
marginHorizontal: variant === "title" ? undefined : OFFSET,
|
|
75
|
+
marginRight: variant === "title" ? OFFSET : undefined,
|
|
72
76
|
} },
|
|
73
77
|
React.createElement(Animated.View, { style: {
|
|
74
78
|
flex: 1,
|
|
75
|
-
width:
|
|
79
|
+
width: WIDTH,
|
|
76
80
|
flexDirection: "row",
|
|
77
81
|
justifyContent: "center",
|
|
78
82
|
alignItems: "center",
|
|
@@ -82,9 +86,9 @@ export const BooleanField = ({ title, variant, value, onChange, disabled, disabl
|
|
|
82
86
|
borderWidth: 1,
|
|
83
87
|
borderColor: disabled ? theme.surface.disabled : theme.surface.secondaryDark,
|
|
84
88
|
backgroundColor: theme.surface.base,
|
|
85
|
-
width:
|
|
86
|
-
height:
|
|
87
|
-
borderRadius:
|
|
89
|
+
width: TOUCHABLE_SIZE,
|
|
90
|
+
height: TOUCHABLE_SIZE,
|
|
91
|
+
borderRadius: 10,
|
|
88
92
|
alignItems: "center",
|
|
89
93
|
justifyContent: "center",
|
|
90
94
|
} }))),
|
package/dist/BooleanField.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BooleanField.js","sourceRoot":"","sources":["../src/BooleanField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAC,QAAQ,EAAE,wBAAwB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAGtE,OAAO,EAAC,eAAe,EAAE,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACQ,EAAgB,EAAE;IACpC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"BooleanField.js","sourceRoot":"","sources":["../src/BooleanField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAC,QAAQ,EAAE,wBAAwB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAGtE,OAAO,EAAC,eAAe,EAAE,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,cAAc,GAAG,EAAE,CAAC;AAC1B,MAAM,MAAM,GAAG,EAAE,CAAC;AAClB,MAAM,KAAK,GAAG,EAAE,CAAC;AACjB,MAAM,iBAAiB,GAAG,MAAM,GAAG,KAAK,CAAC;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACQ,EAAgB,EAAE;IACpC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/G,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC;IAC3G,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC;IACjH,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAEzF,MAAM,aAAa,GAAG,CAAC,QAAiB,EAAE,EAAE;QAC1C,QAAQ,CAAC,QAAQ,CAAC;YAChB,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE;gBAC/B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM;gBACxC,eAAe,EAAE,KAAK;aACvB,CAAC;YACF,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE;gBAC/B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,iBAAiB;gBAC9D,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,KAAK;aACvB,CAAC;YACF,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE;gBAC3B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,iBAAiB;gBAC9D,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,KAAK;aACvB,CAAC;YACF,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE;gBACjC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,iBAAiB;gBAC3D,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,KAAK;aACvB,CAAC;SACH,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,aAAa,CAAC,CAAC,KAAK,CAAC,CAAC;QACtB,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,uDAAuD;IACvD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,0BAA0B,GAAG,eAAe,CAAC,WAAW,CAAC;QAC7D,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,iBAAiB,EAAE,iBAAiB,CAAC;QACvD,WAAW,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;KAC/D,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,YAAY;SACzB;QAED,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,aAAa,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;gBACrD,UAAU,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;gBACzD,cAAc,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;aAC9D;YAEA,OAAO,CAAC,KAAK,CAAC,IAAI,oBAAC,UAAU,IAAC,IAAI,EAAE,KAAM,GAAI;YAC/C,oBAAC,wBAAwB,IAAC,iBAAiB,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY;gBACxE,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAC;oBACjF,oBAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE;4BACL,KAAK,EAAE,KAAK;4BACZ,MAAM,EAAE,cAAc;4BACtB,YAAY,EAAE,cAAc;4BAC5B,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B;4BAC/E,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa;4BAC5E,WAAW,EAAE,CAAC;4BACd,gBAAgB,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;4BAC1D,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;yBACtD;wBAED,oBAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE;gCACL,IAAI,EAAE,CAAC;gCACP,KAAK,EAAE,KAAK;gCACZ,aAAa,EAAE,KAAK;gCACpB,cAAc,EAAE,QAAQ;gCACxB,UAAU,EAAE,QAAQ;gCACpB,IAAI,EAAE,eAAe;6BACtB;4BAED,oBAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE;oCACL,WAAW,EAAE,CAAC;oCACd,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa;oCAC5E,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;oCACnC,KAAK,EAAE,cAAc;oCACrB,MAAM,EAAE,cAAc;oCACtB,YAAY,EAAE,EAAE;oCAChB,UAAU,EAAE,QAAQ;oCACpB,cAAc,EAAE,QAAQ;iCACzB,GACD,CACY,CACF;oBACf,OAAO,KAAK,OAAO,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,IAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAQ,CAChE,CACkB,CACtB;QACN,QAAQ,IAAI,kBAAkB,IAAI,oBAAC,eAAe,IAAC,IAAI,EAAE,kBAAkB,GAAI;QAC/E,OAAO,CAAC,UAAU,CAAC,IAAI,oBAAC,eAAe,IAAC,IAAI,EAAE,UAAW,GAAI,CACzD,CACR,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/DateTimeField.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { DateTimeFieldProps } from "./Common";
|
|
3
|
-
export declare const DateTimeField: ({ type, value, onChange, timezone: tz, errorText, ...rest }: DateTimeFieldProps) => React.ReactElement;
|
|
3
|
+
export declare const DateTimeField: ({ type, value, onChange, timezone: tz, errorText, disabled, ...rest }: DateTimeFieldProps) => React.ReactElement;
|
package/dist/DateTimeField.js
CHANGED
|
@@ -18,7 +18,7 @@ import { TextField } from "./TextField";
|
|
|
18
18
|
// TODO: allow use of keyboard to type in date/time
|
|
19
19
|
export const DateTimeField = (_a) => {
|
|
20
20
|
var _b;
|
|
21
|
-
var { type, value, onChange, timezone: tz, errorText } = _a, rest = __rest(_a, ["type", "value", "onChange", "timezone", "errorText"]);
|
|
21
|
+
var { type, value, onChange, timezone: tz, errorText, disabled } = _a, rest = __rest(_a, ["type", "value", "onChange", "timezone", "errorText", "disabled"]);
|
|
22
22
|
const calendar = getCalendars()[0];
|
|
23
23
|
const timezone = (_b = (tz || (calendar === null || calendar === void 0 ? void 0 : calendar.timeZone))) !== null && _b !== void 0 ? _b : "UTC"; // Fallback to UTC if timezone is undefined
|
|
24
24
|
let placeholder = "";
|
|
@@ -31,7 +31,20 @@ export const DateTimeField = (_a) => {
|
|
|
31
31
|
else if (type === "date") {
|
|
32
32
|
placeholder = "mm/dd/yyyy";
|
|
33
33
|
}
|
|
34
|
+
let iconName;
|
|
35
|
+
if (disabled) {
|
|
36
|
+
iconName = undefined;
|
|
37
|
+
}
|
|
38
|
+
else if (type === "time") {
|
|
39
|
+
iconName = "clock";
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
iconName = "calendar";
|
|
43
|
+
}
|
|
34
44
|
const formatValue = useCallback((val) => {
|
|
45
|
+
if (!val) {
|
|
46
|
+
return "";
|
|
47
|
+
}
|
|
35
48
|
switch (type) {
|
|
36
49
|
case "time":
|
|
37
50
|
return printTime(val, { timezone, showTimezone: true });
|
|
@@ -157,9 +170,9 @@ export const DateTimeField = (_a) => {
|
|
|
157
170
|
}
|
|
158
171
|
}, [value, formatValue, formattedDate, errorText]);
|
|
159
172
|
return (React.createElement(React.Fragment, null,
|
|
160
|
-
React.createElement(TextField, Object.assign({ errorText: localError, iconName:
|
|
173
|
+
React.createElement(TextField, Object.assign({ disabled: disabled, errorText: localError, iconName: iconName, placeholder: placeholder, type: "text", value: formattedDate, onChange: onTextFieldChange, onIconClick: () => {
|
|
161
174
|
setShowDate(true);
|
|
162
175
|
} }, rest)),
|
|
163
|
-
React.createElement(DateTimeActionSheet, { actionSheetRef: dateActionSheetRef, timezone: timezone, type: type, value: value, visible: showDate, onChange: onActionSheetChange, onDismiss: () => setShowDate(false) })));
|
|
176
|
+
!disabled && (React.createElement(DateTimeActionSheet, { actionSheetRef: dateActionSheetRef, timezone: timezone, type: type, value: value, visible: showDate, onChange: onActionSheetChange, onDismiss: () => setShowDate(false) }))));
|
|
164
177
|
};
|
|
165
178
|
//# sourceMappingURL=DateTimeField.js.map
|
|
@@ -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,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,mDAAmD;AACnD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"DateTimeField.js","sourceRoot":"","sources":["../src/DateTimeField.tsx"],"names":[],"mappings":"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"}
|
package/dist/TextField.js
CHANGED
|
@@ -104,8 +104,8 @@ export const TextField = ({ title, disabled, helperText, errorText, value, onCha
|
|
|
104
104
|
flexDirection: "column",
|
|
105
105
|
width: "100%",
|
|
106
106
|
} },
|
|
107
|
-
title && React.createElement(FieldTitle, { text: title }),
|
|
108
|
-
Boolean(errorText) &&
|
|
107
|
+
Boolean(title) && React.createElement(FieldTitle, { text: title }),
|
|
108
|
+
Boolean(errorText) && React.createElement(FieldError, { text: errorText }),
|
|
109
109
|
React.createElement(View, { style: {
|
|
110
110
|
flexDirection: "row",
|
|
111
111
|
alignItems: "center",
|
|
@@ -150,6 +150,6 @@ export const TextField = ({ title, disabled, helperText, errorText, value, onCha
|
|
|
150
150
|
} }),
|
|
151
151
|
Boolean(iconName) && (React.createElement(Pressable, { accessibilityRole: "button", onPress: onIconClick },
|
|
152
152
|
React.createElement(Icon, { iconName: iconName, size: "md" })))),
|
|
153
|
-
helperText && React.createElement(FieldHelperText, { text: helperText })));
|
|
153
|
+
Boolean(helperText) && React.createElement(FieldHelperText, { text: helperText })));
|
|
154
154
|
};
|
|
155
155
|
//# sourceMappingURL=TextField.js.map
|
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ferns-ui",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"scripts": {
|
|
@@ -85,15 +85,15 @@
|
|
|
85
85
|
"devDependencies": {
|
|
86
86
|
"@expo/config-plugins": "~8.0.0",
|
|
87
87
|
"@types/jest": "^29.5.12",
|
|
88
|
-
"@types/lodash": "^4.17.
|
|
88
|
+
"@types/lodash": "^4.17.0",
|
|
89
89
|
"@types/luxon": "^3.4.2",
|
|
90
90
|
"@types/mdurl": "^2.0.0",
|
|
91
91
|
"@types/react": "~18.2.45",
|
|
92
92
|
"@types/react-datetime-picker": "^5.0.0",
|
|
93
93
|
"@types/react-signature-canvas": "^1.0.5",
|
|
94
94
|
"@types/react-time-picker": "^6.0.0",
|
|
95
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
96
|
-
"@typescript-eslint/parser": "^
|
|
95
|
+
"@typescript-eslint/eslint-plugin": "^8.2.0",
|
|
96
|
+
"@typescript-eslint/parser": "^8.2.0",
|
|
97
97
|
"babel-jest": "^29.7.0",
|
|
98
98
|
"babel-preset-react-app": "^10.0.1",
|
|
99
99
|
"eslint": "^8.57.0",
|
|
@@ -151,10 +151,10 @@
|
|
|
151
151
|
"react-datetime-picker": "^6.0.1",
|
|
152
152
|
"react-dev-utils": "^12.0.1",
|
|
153
153
|
"react-dom": "18.2.0",
|
|
154
|
-
"react-native": "0.74.
|
|
154
|
+
"react-native": "0.74.5",
|
|
155
155
|
"react-native-actions-sheet": "^0.9.3",
|
|
156
156
|
"react-native-calendars": "^1.1305.0",
|
|
157
|
-
"react-native-drawer-layout": "3.3.
|
|
157
|
+
"react-native-drawer-layout": "^3.3.2",
|
|
158
158
|
"react-native-gesture-handler": "~2.16.1",
|
|
159
159
|
"react-native-google-places-autocomplete": "^2.5.6",
|
|
160
160
|
"react-native-modalize": "^2.1.1",
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
"react-native-reanimated": "~3.10.1",
|
|
165
165
|
"react-native-signature-canvas": "^4.7.2",
|
|
166
166
|
"react-native-svg": "15.2.0",
|
|
167
|
-
"react-native-swiper-flatlist": "^3.2.
|
|
167
|
+
"react-native-swiper-flatlist": "^3.2.3",
|
|
168
168
|
"react-native-toast-notifications": "^3.4.0",
|
|
169
169
|
"react-native-webview": "13.8.6",
|
|
170
170
|
"react-signature-canvas": "^1.0.6",
|
package/src/BooleanField.tsx
CHANGED
|
@@ -6,6 +6,11 @@ import {FieldHelperText, FieldTitle} from "./fieldElements";
|
|
|
6
6
|
import {Text} from "./Text";
|
|
7
7
|
import {useTheme} from "./Theme";
|
|
8
8
|
|
|
9
|
+
const TOUCHABLE_SIZE = 20;
|
|
10
|
+
const OFFSET = 10;
|
|
11
|
+
const WIDTH = 36;
|
|
12
|
+
const WIDTH_WITH_OFFSET = OFFSET + WIDTH;
|
|
13
|
+
|
|
9
14
|
export const BooleanField = ({
|
|
10
15
|
title,
|
|
11
16
|
variant,
|
|
@@ -16,29 +21,29 @@ export const BooleanField = ({
|
|
|
16
21
|
helperText,
|
|
17
22
|
}: BooleanFieldProps): ReactElement => {
|
|
18
23
|
const {theme} = useTheme();
|
|
19
|
-
const backgroundColor = useRef(new Animated.Value(value ?
|
|
20
|
-
const circleColor = useRef(new Animated.Value(value ?
|
|
21
|
-
const circleBorderColor = useRef(new Animated.Value(value ?
|
|
22
|
-
const transformSwitch = useRef(new Animated.Value(value ?
|
|
24
|
+
const backgroundColor = useRef(new Animated.Value(value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET)).current;
|
|
25
|
+
const circleColor = useRef(new Animated.Value(value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET)).current;
|
|
26
|
+
const circleBorderColor = useRef(new Animated.Value(value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET)).current;
|
|
27
|
+
const transformSwitch = useRef(new Animated.Value(value ? OFFSET : -1 * OFFSET)).current;
|
|
23
28
|
|
|
24
29
|
const animateSwitch = (newValue: boolean) => {
|
|
25
30
|
Animated.parallel([
|
|
26
31
|
Animated.spring(transformSwitch, {
|
|
27
|
-
toValue: newValue ?
|
|
32
|
+
toValue: newValue ? OFFSET : -1 * OFFSET,
|
|
28
33
|
useNativeDriver: false,
|
|
29
34
|
}),
|
|
30
35
|
Animated.timing(backgroundColor, {
|
|
31
|
-
toValue: newValue ?
|
|
36
|
+
toValue: newValue ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET,
|
|
32
37
|
duration: 200,
|
|
33
38
|
useNativeDriver: false,
|
|
34
39
|
}),
|
|
35
40
|
Animated.timing(circleColor, {
|
|
36
|
-
toValue: newValue ?
|
|
41
|
+
toValue: newValue ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET,
|
|
37
42
|
duration: 200,
|
|
38
43
|
useNativeDriver: false,
|
|
39
44
|
}),
|
|
40
45
|
Animated.timing(circleBorderColor, {
|
|
41
|
-
toValue: value ?
|
|
46
|
+
toValue: value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET,
|
|
42
47
|
duration: 200,
|
|
43
48
|
useNativeDriver: false,
|
|
44
49
|
}),
|
|
@@ -60,7 +65,7 @@ export const BooleanField = ({
|
|
|
60
65
|
}, [value]);
|
|
61
66
|
|
|
62
67
|
const interpolatedColorAnimation = backgroundColor.interpolate({
|
|
63
|
-
inputRange: [-
|
|
68
|
+
inputRange: [-1 * WIDTH_WITH_OFFSET, WIDTH_WITH_OFFSET],
|
|
64
69
|
outputRange: [theme.surface.base, theme.surface.secondaryDark],
|
|
65
70
|
});
|
|
66
71
|
|
|
@@ -83,20 +88,20 @@ export const BooleanField = ({
|
|
|
83
88
|
<View style={{flexDirection: "row", alignItems: "center", justifyContent: "center"}}>
|
|
84
89
|
<Animated.View
|
|
85
90
|
style={{
|
|
86
|
-
width:
|
|
87
|
-
height:
|
|
88
|
-
borderRadius:
|
|
91
|
+
width: WIDTH,
|
|
92
|
+
height: TOUCHABLE_SIZE,
|
|
93
|
+
borderRadius: TOUCHABLE_SIZE,
|
|
89
94
|
backgroundColor: disabled ? theme.surface.disabled : interpolatedColorAnimation,
|
|
90
95
|
borderColor: disabled ? theme.surface.disabled : theme.surface.secondaryDark,
|
|
91
96
|
borderWidth: 1,
|
|
92
|
-
marginHorizontal: variant === "title" ? undefined :
|
|
93
|
-
marginRight: variant === "title" ?
|
|
97
|
+
marginHorizontal: variant === "title" ? undefined : OFFSET,
|
|
98
|
+
marginRight: variant === "title" ? OFFSET : undefined,
|
|
94
99
|
}}
|
|
95
100
|
>
|
|
96
101
|
<Animated.View
|
|
97
102
|
style={{
|
|
98
103
|
flex: 1,
|
|
99
|
-
width:
|
|
104
|
+
width: WIDTH,
|
|
100
105
|
flexDirection: "row",
|
|
101
106
|
justifyContent: "center",
|
|
102
107
|
alignItems: "center",
|
|
@@ -108,9 +113,9 @@ export const BooleanField = ({
|
|
|
108
113
|
borderWidth: 1,
|
|
109
114
|
borderColor: disabled ? theme.surface.disabled : theme.surface.secondaryDark,
|
|
110
115
|
backgroundColor: theme.surface.base,
|
|
111
|
-
width:
|
|
112
|
-
height:
|
|
113
|
-
borderRadius:
|
|
116
|
+
width: TOUCHABLE_SIZE,
|
|
117
|
+
height: TOUCHABLE_SIZE,
|
|
118
|
+
borderRadius: 10,
|
|
114
119
|
alignItems: "center",
|
|
115
120
|
justifyContent: "center",
|
|
116
121
|
}}
|
package/src/DateTimeField.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import {getCalendars} from "expo-localization";
|
|
|
2
2
|
import {DateTime} from "luxon";
|
|
3
3
|
import React, {useCallback, useEffect, useState} from "react";
|
|
4
4
|
|
|
5
|
-
import {DateTimeFieldProps} from "./Common";
|
|
5
|
+
import {DateTimeFieldProps, IconName} from "./Common";
|
|
6
6
|
import {DateTimeActionSheet} from "./DateTimeActionSheet";
|
|
7
7
|
import {printDate, printDateAndTime, printTime} from "./DateUtilities";
|
|
8
8
|
import {TextField} from "./TextField";
|
|
@@ -14,6 +14,7 @@ export const DateTimeField = ({
|
|
|
14
14
|
onChange,
|
|
15
15
|
timezone: tz,
|
|
16
16
|
errorText,
|
|
17
|
+
disabled,
|
|
17
18
|
...rest
|
|
18
19
|
}: DateTimeFieldProps): React.ReactElement => {
|
|
19
20
|
const calendar = getCalendars()[0];
|
|
@@ -28,8 +29,20 @@ export const DateTimeField = ({
|
|
|
28
29
|
placeholder = "mm/dd/yyyy";
|
|
29
30
|
}
|
|
30
31
|
|
|
32
|
+
let iconName: IconName | undefined;
|
|
33
|
+
if (disabled) {
|
|
34
|
+
iconName = undefined;
|
|
35
|
+
} else if (type === "time") {
|
|
36
|
+
iconName = "clock";
|
|
37
|
+
} else {
|
|
38
|
+
iconName = "calendar";
|
|
39
|
+
}
|
|
40
|
+
|
|
31
41
|
const formatValue = useCallback(
|
|
32
42
|
(val: string) => {
|
|
43
|
+
if (!val) {
|
|
44
|
+
return "";
|
|
45
|
+
}
|
|
33
46
|
switch (type) {
|
|
34
47
|
case "time":
|
|
35
48
|
return printTime(val, {timezone, showTimezone: true});
|
|
@@ -173,8 +186,9 @@ export const DateTimeField = ({
|
|
|
173
186
|
return (
|
|
174
187
|
<>
|
|
175
188
|
<TextField
|
|
189
|
+
disabled={disabled}
|
|
176
190
|
errorText={localError}
|
|
177
|
-
iconName={
|
|
191
|
+
iconName={iconName}
|
|
178
192
|
placeholder={placeholder}
|
|
179
193
|
type="text"
|
|
180
194
|
value={formattedDate}
|
|
@@ -184,15 +198,17 @@ export const DateTimeField = ({
|
|
|
184
198
|
}}
|
|
185
199
|
{...rest}
|
|
186
200
|
/>
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
201
|
+
{!disabled && (
|
|
202
|
+
<DateTimeActionSheet
|
|
203
|
+
actionSheetRef={dateActionSheetRef}
|
|
204
|
+
timezone={timezone}
|
|
205
|
+
type={type}
|
|
206
|
+
value={value}
|
|
207
|
+
visible={showDate}
|
|
208
|
+
onChange={onActionSheetChange}
|
|
209
|
+
onDismiss={() => setShowDate(false)}
|
|
210
|
+
/>
|
|
211
|
+
)}
|
|
196
212
|
</>
|
|
197
213
|
);
|
|
198
214
|
};
|
package/src/TextField.tsx
CHANGED
|
@@ -152,8 +152,8 @@ export const TextField: FC<TextFieldProps> = ({
|
|
|
152
152
|
width: "100%",
|
|
153
153
|
}}
|
|
154
154
|
>
|
|
155
|
-
{title && <FieldTitle text={title} />}
|
|
156
|
-
{Boolean(errorText) &&
|
|
155
|
+
{Boolean(title) && <FieldTitle text={title!} />}
|
|
156
|
+
{Boolean(errorText) && <FieldError text={errorText!} />}
|
|
157
157
|
<View
|
|
158
158
|
style={{
|
|
159
159
|
flexDirection: "row",
|
|
@@ -229,7 +229,7 @@ export const TextField: FC<TextFieldProps> = ({
|
|
|
229
229
|
</Pressable>
|
|
230
230
|
)}
|
|
231
231
|
</View>
|
|
232
|
-
{helperText && <FieldHelperText text={helperText} />}
|
|
232
|
+
{Boolean(helperText) && <FieldHelperText text={helperText!} />}
|
|
233
233
|
{/* {type === "numberRange" && value && (
|
|
234
234
|
<NumberPickerActionSheet
|
|
235
235
|
actionSheetRef={numberRangeActionSheetRef}
|