ferns-ui 0.27.1 → 0.28.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/DateTimeActionSheet.d.ts +4 -2
- package/dist/DateTimeActionSheet.js +216 -20
- package/dist/DateTimeActionSheet.js.map +1 -1
- package/dist/Field.d.ts +1 -1
- package/dist/Field.js +4 -5
- package/dist/Field.js.map +1 -1
- package/dist/MediaQuery.d.ts +1 -0
- package/dist/MediaQuery.js +3 -0
- package/dist/MediaQuery.js.map +1 -1
- package/dist/Modal.d.ts +2 -1
- package/dist/Modal.js +75 -35
- package/dist/Modal.js.map +1 -1
- package/dist/PickerSelect.js +1 -1
- package/dist/PickerSelect.js.map +1 -1
- package/dist/TapToEdit.js +4 -1
- package/dist/TapToEdit.js.map +1 -1
- package/dist/TextField.js +55 -62
- package/dist/TextField.js.map +1 -1
- package/package.json +11 -10
- package/src/Common.ts +2 -0
- package/src/DateTimeActionSheet.tsx +360 -36
- package/src/Field.tsx +20 -6
- package/src/MediaQuery.ts +4 -0
- package/src/Modal.tsx +150 -54
- package/src/PickerSelect.tsx +5 -1
- package/src/TapToEdit.tsx +4 -1
- package/src/TextField.tsx +72 -103
package/dist/Common.d.ts
CHANGED
|
@@ -147,7 +147,7 @@ export type UnsignedUpTo12 = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 1
|
|
|
147
147
|
export type SignedUpTo12 = -12 | -11 | -10 | -9 | -8 | -7 | -6 | -5 | -4 | -3 | -2 | -1 | UnsignedUpTo12;
|
|
148
148
|
export type Margin = SignedUpTo12 | "auto";
|
|
149
149
|
export declare const SPACING = 4;
|
|
150
|
-
export type TextFieldType = "date" | "decimal" | "decimalRange" | "email" | "height" | "password" | "phoneNumber" | "number" | "numberRange" | "search" | "text" | "url" | "username";
|
|
150
|
+
export type TextFieldType = "date" | "datetime" | "decimal" | "decimalRange" | "email" | "height" | "password" | "phoneNumber" | "number" | "numberRange" | "search" | "text" | "time" | "url" | "username";
|
|
151
151
|
export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
152
152
|
export declare const iconSizeToNumber: (size?: IconSize) => number;
|
|
153
153
|
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":"AAqrDA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAqrDA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAqBzB,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;AAk5BD,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"}
|
|
@@ -2,9 +2,11 @@ import React from "react";
|
|
|
2
2
|
import { OnChangeCallback } from "./Common";
|
|
3
3
|
interface DateTimeActionSheetProps {
|
|
4
4
|
value?: string;
|
|
5
|
-
mode?: "date" | "time";
|
|
5
|
+
mode?: "date" | "time" | "datetime";
|
|
6
6
|
onChange: OnChangeCallback;
|
|
7
7
|
actionSheetRef: React.RefObject<any>;
|
|
8
|
+
visible: boolean;
|
|
9
|
+
onDismiss: () => void;
|
|
8
10
|
}
|
|
9
|
-
export declare function DateTimeActionSheet({
|
|
11
|
+
export declare function DateTimeActionSheet({ mode, value, onChange, visible, onDismiss, }: DateTimeActionSheetProps): JSX.Element;
|
|
10
12
|
export {};
|
|
@@ -1,23 +1,219 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
1
|
+
import { Picker } from "@react-native-picker/picker";
|
|
2
|
+
import range from "lodash/range";
|
|
3
|
+
import moment from "moment";
|
|
4
|
+
import React, { useState } from "react";
|
|
5
|
+
import { Platform, TextInput, View } from "react-native";
|
|
6
|
+
import { Calendar } from "react-native-calendars";
|
|
5
7
|
import { Box } from "./Box";
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
8
|
+
import { Heading } from "./Heading";
|
|
9
|
+
import { IconButton } from "./IconButton";
|
|
10
|
+
import { isMobileDevice } from "./MediaQuery";
|
|
11
|
+
import { Modal } from "./Modal";
|
|
12
|
+
import { SelectList } from "./SelectList";
|
|
13
|
+
import { Unifier } from "./Unifier";
|
|
14
|
+
const TIME_PICKER_HEIGHT = 104;
|
|
15
|
+
const INPUT_HEIGHT = 40;
|
|
16
|
+
const hours = range(1, 13).map((n) => String(n));
|
|
17
|
+
// TODO: support limited picker minutes, e.g. 5 or 15 minute increments.
|
|
18
|
+
const minutes = range(0, 60).map((n) => String(n).padStart(2, "0"));
|
|
19
|
+
const minutesOptions = [...minutes, "0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
|
|
20
|
+
function TimeInput({ type, value, onChange, }) {
|
|
21
|
+
const defaultText = type === "minute" ? String(value).padStart(2, "0") : String(value);
|
|
22
|
+
const [text, setText] = useState(defaultText);
|
|
23
|
+
const [focused, setFocused] = useState(false);
|
|
24
|
+
let error = false;
|
|
25
|
+
if (type === "hour") {
|
|
26
|
+
error = !hours.includes(String(Number(text)));
|
|
27
|
+
}
|
|
28
|
+
else if (type === "minute") {
|
|
29
|
+
error = !minutesOptions.includes(String(Number(text)));
|
|
30
|
+
}
|
|
31
|
+
// Broken out because types don't think "outline" is a valid style.
|
|
32
|
+
const textInputStyle = {
|
|
33
|
+
flex: 1,
|
|
34
|
+
paddingTop: 4,
|
|
35
|
+
paddingRight: 4,
|
|
36
|
+
paddingBottom: 4,
|
|
37
|
+
paddingLeft: 0,
|
|
38
|
+
height: INPUT_HEIGHT,
|
|
39
|
+
width: "100%",
|
|
40
|
+
color: Unifier.theme.darkGray,
|
|
41
|
+
fontFamily: Unifier.theme.primaryFont,
|
|
42
|
+
};
|
|
43
|
+
return (React.createElement(View, { style: {
|
|
44
|
+
flexDirection: "row",
|
|
45
|
+
justifyContent: "center",
|
|
46
|
+
alignItems: "center",
|
|
47
|
+
height: INPUT_HEIGHT,
|
|
48
|
+
width: "100%",
|
|
49
|
+
// Add padding so the border doesn't mess up layouts
|
|
50
|
+
paddingHorizontal: focused ? 10 : 14,
|
|
51
|
+
paddingVertical: focused ? 0 : 4,
|
|
52
|
+
borderColor: error ? Unifier.theme.red : Unifier.theme.blue,
|
|
53
|
+
borderWidth: focused ? 5 : 1,
|
|
54
|
+
borderRadius: 5,
|
|
55
|
+
backgroundColor: Unifier.theme.white,
|
|
56
|
+
} },
|
|
57
|
+
React.createElement(TextInput, { keyboardType: "number-pad", returnKeyType: "done", style: Object.assign(Object.assign({}, textInputStyle), { outline: Platform.select({ web: "none" }) }), textContentType: "none", underlineColorAndroid: "transparent", value: text, onBlur: () => {
|
|
58
|
+
setFocused(false);
|
|
59
|
+
}, onChangeText: (t) => {
|
|
60
|
+
setText(t);
|
|
61
|
+
onChange(Number(t));
|
|
62
|
+
}, onFocus: () => {
|
|
63
|
+
setFocused(true);
|
|
64
|
+
} })));
|
|
65
|
+
}
|
|
66
|
+
function CalendarHeader({ addMonth, month, }) {
|
|
67
|
+
const displayDate = moment(month[0]).format("MMM YYYY");
|
|
68
|
+
return (React.createElement(Box, { alignItems: "center", direction: "row", height: 40, justifyContent: "between", width: "100%" },
|
|
69
|
+
React.createElement(IconButton, { accessibilityLabel: "arrow", bgColor: "white", icon: "angle-double-left", iconColor: "primary", size: "md", onClick: () => {
|
|
70
|
+
addMonth(-12);
|
|
71
|
+
} }),
|
|
72
|
+
React.createElement(IconButton, { accessibilityLabel: "arrow", bgColor: "white", icon: "angle-left", iconColor: "primary", size: "md", onClick: () => {
|
|
73
|
+
addMonth(-1);
|
|
74
|
+
} }),
|
|
75
|
+
React.createElement(Heading, { size: "sm" }, displayDate),
|
|
76
|
+
React.createElement(IconButton, { accessibilityLabel: "arrow", bgColor: "white", icon: "angle-right", iconColor: "primary", size: "md", onClick: () => {
|
|
77
|
+
addMonth(1);
|
|
78
|
+
} }),
|
|
79
|
+
React.createElement(IconButton, { accessibilityLabel: "arrow", bgColor: "white", icon: "angle-double-right", iconColor: "primary", size: "md", onClick: () => {
|
|
80
|
+
addMonth(12);
|
|
81
|
+
} })));
|
|
82
|
+
}
|
|
83
|
+
// For mobile, renders all components in an action sheet.
|
|
84
|
+
// For web, renders all components in a modal.
|
|
85
|
+
// For mobile:
|
|
86
|
+
// If mode is "time", renders a spinner picker for time picker on both platforms.
|
|
87
|
+
// If mode is "date", renders our custom calendar on both platforms.
|
|
88
|
+
// If mode is "datetime", renders a spinner picker for time picker and our custom calendar on both platforms.
|
|
89
|
+
// For web, renders a simplistic text box for time picker and a calendar for date picker in a modal
|
|
90
|
+
// In the future, web time picker should be a typeahead dropdown like Google calendar.
|
|
91
|
+
export function DateTimeActionSheet({
|
|
92
|
+
// actionSheetRef,
|
|
93
|
+
mode, value, onChange, visible, onDismiss, }) {
|
|
94
|
+
// Accept ISO 8601, HH:mm, or hh:mm A formats. We may want only HH:mm or hh:mm A for mode=time
|
|
95
|
+
const m = moment(value, [moment.ISO_8601, "HH:mm", "hh:mm A"]);
|
|
96
|
+
if (!m.isValid()) {
|
|
97
|
+
throw new Error(`Invalid date/time value ${value}`);
|
|
98
|
+
}
|
|
99
|
+
let hr = moment(m).hour() % 12;
|
|
100
|
+
if (hr === 0) {
|
|
101
|
+
hr = 12;
|
|
102
|
+
}
|
|
103
|
+
const [hour, setHour] = useState(hr);
|
|
104
|
+
const [minute, setMinute] = useState(moment(m).minute());
|
|
105
|
+
const [amPm, setAmPm] = useState(moment(m).format("a") === "am" ? "am" : "pm");
|
|
106
|
+
const [date, setDate] = useState(moment(m).toISOString());
|
|
107
|
+
// TODO Support 24 hour time for time picker.
|
|
108
|
+
const renderMobileTime = () => {
|
|
109
|
+
return (React.createElement(Box, { direction: "row", width: "100%" },
|
|
110
|
+
React.createElement(Box, { paddingY: 2, width: "35%" },
|
|
111
|
+
React.createElement(Picker, { itemStyle: {
|
|
112
|
+
height: TIME_PICKER_HEIGHT,
|
|
113
|
+
}, selectedValue: hour, style: {
|
|
114
|
+
height: TIME_PICKER_HEIGHT,
|
|
115
|
+
backgroundColor: "#FFFFFF",
|
|
116
|
+
}, onValueChange: (itemValue) => setHour(itemValue) }, hours.map((n) => (React.createElement(Picker.Item, { key: String(n), label: String(n), value: String(n) }))))),
|
|
117
|
+
React.createElement(Box, { paddingY: 2, width: "35%" },
|
|
118
|
+
React.createElement(Picker, { itemStyle: {
|
|
119
|
+
height: TIME_PICKER_HEIGHT,
|
|
120
|
+
}, selectedValue: minute, style: {
|
|
121
|
+
height: TIME_PICKER_HEIGHT,
|
|
122
|
+
backgroundColor: "#FFFFFF",
|
|
123
|
+
}, onValueChange: (itemValue) => setMinute(itemValue) }, minutes.map((n) => (React.createElement(Picker.Item, { key: String(n), label: String(n), value: String(n) }))))),
|
|
124
|
+
React.createElement(Box, { paddingY: 2, width: "30%" },
|
|
125
|
+
React.createElement(Picker, { itemStyle: {
|
|
126
|
+
height: TIME_PICKER_HEIGHT,
|
|
127
|
+
}, selectedValue: amPm, style: {
|
|
128
|
+
height: TIME_PICKER_HEIGHT,
|
|
129
|
+
backgroundColor: "#FFFFFF",
|
|
130
|
+
}, onValueChange: (itemValue) => setAmPm(itemValue) },
|
|
131
|
+
React.createElement(Picker.Item, { key: "am", label: "am", value: "am" }),
|
|
132
|
+
React.createElement(Picker.Item, { key: "pm", label: "pm", value: "pm" })))));
|
|
133
|
+
};
|
|
134
|
+
// TODO: Support a typeahead dropdown for time picker, similar to Google Calendar on the web.
|
|
135
|
+
const renderWebTime = () => {
|
|
136
|
+
return (React.createElement(Box, { direction: "row", justifyContent: "center", width: "100%" },
|
|
137
|
+
React.createElement(Box, { width: 60 },
|
|
138
|
+
React.createElement(TimeInput, { type: "hour", value: hour, onChange: (v) => setHour(v) })),
|
|
139
|
+
React.createElement(Box, { alignItems: "center", height: INPUT_HEIGHT, justifyContent: "center", marginLeft: 2, marginRight: 2 },
|
|
140
|
+
React.createElement(Heading, { size: "md" }, ":")),
|
|
141
|
+
React.createElement(Box, { marginRight: 2, width: 60 },
|
|
142
|
+
React.createElement(TimeInput, { type: "minute", value: minute, onChange: (v) => setMinute(v) })),
|
|
143
|
+
React.createElement(Box, { width: 60 },
|
|
144
|
+
React.createElement(SelectList, { options: [
|
|
145
|
+
{ label: "am", value: "am" },
|
|
146
|
+
{ label: "pm", value: "pm" },
|
|
147
|
+
], style: { minHeight: INPUT_HEIGHT }, value: amPm, onChange: (result) => {
|
|
148
|
+
setAmPm(result);
|
|
149
|
+
} }))));
|
|
150
|
+
};
|
|
151
|
+
const renderDateTime = () => {
|
|
152
|
+
return (React.createElement(Box, null,
|
|
153
|
+
React.createElement(Box, { marginBottom: 2 }, renderDateCalendar()),
|
|
154
|
+
isMobileDevice() ? renderMobileTime() : renderWebTime()));
|
|
155
|
+
};
|
|
156
|
+
// Note: do not call this if waiting on a state change.
|
|
157
|
+
const sendOnChange = () => {
|
|
158
|
+
const hourChange = amPm === "pm" && hour !== 12 ? Number(hour) + 12 : Number(hour);
|
|
159
|
+
if (mode === "date") {
|
|
160
|
+
onChange({ value: date });
|
|
161
|
+
}
|
|
162
|
+
else if (mode === "time") {
|
|
163
|
+
onChange({
|
|
164
|
+
value: moment().hour(hourChange).minute(Number(minute)).toISOString(),
|
|
165
|
+
});
|
|
166
|
+
}
|
|
167
|
+
else if (mode === "datetime") {
|
|
168
|
+
onChange({
|
|
169
|
+
value: moment(date).hour(hourChange).minute(Number(minute)).toISOString(),
|
|
170
|
+
});
|
|
171
|
+
}
|
|
172
|
+
onDismiss();
|
|
173
|
+
};
|
|
174
|
+
// Renders our custom calendar component on mobile or web.
|
|
175
|
+
const renderDateCalendar = () => {
|
|
176
|
+
const markedDates = {};
|
|
177
|
+
if (date) {
|
|
178
|
+
markedDates[moment(date).format("YYYY-MM-DD")] = {
|
|
179
|
+
selected: true,
|
|
180
|
+
selectedColor: Unifier.theme.primary,
|
|
181
|
+
};
|
|
182
|
+
}
|
|
183
|
+
return (React.createElement(Calendar, { customHeader: CalendarHeader, initialDate: moment(date).format("YYYY-MM-DD"), markedDates: markedDates, onDayPress: (day) => {
|
|
184
|
+
setDate(day.dateString);
|
|
185
|
+
// If mode is just date, we can shortcut and close right away. time and datetime need to wait for the
|
|
186
|
+
// primary button.
|
|
187
|
+
if (mode === "date") {
|
|
188
|
+
onChange({ value: day.dateString });
|
|
189
|
+
onDismiss();
|
|
190
|
+
}
|
|
191
|
+
} }));
|
|
192
|
+
};
|
|
193
|
+
const renderContent = () => {
|
|
194
|
+
if (isMobileDevice()) {
|
|
195
|
+
if (mode === "date") {
|
|
196
|
+
return renderDateCalendar();
|
|
197
|
+
}
|
|
198
|
+
else if (mode === "time") {
|
|
199
|
+
return renderMobileTime();
|
|
200
|
+
}
|
|
201
|
+
else {
|
|
202
|
+
return renderDateTime();
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
else {
|
|
206
|
+
if (mode === "date") {
|
|
207
|
+
return renderDateCalendar();
|
|
208
|
+
}
|
|
209
|
+
else if (mode === "time") {
|
|
210
|
+
return renderWebTime();
|
|
211
|
+
}
|
|
212
|
+
else {
|
|
213
|
+
return renderDateTime();
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
};
|
|
217
|
+
return (React.createElement(Modal, { primaryButtonOnClick: sendOnChange, primaryButtonText: "Save", secondaryButtonOnClick: onDismiss, secondaryButtonText: "Cancel", visible: visible, onDismiss: onDismiss }, renderContent()));
|
|
22
218
|
}
|
|
23
219
|
//# sourceMappingURL=DateTimeActionSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeActionSheet.js","sourceRoot":"","sources":["../src/DateTimeActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DateTimeActionSheet.js","sourceRoot":"","sources":["../src/DateTimeActionSheet.tsx"],"names":[],"mappings":"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"}
|
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?: "address" | "boolean" | "currency" | "customSelect" | "date" | "email" | "multiselect" | "number" | "password" | "percent" | "phoneNumber" | "select" | "text" | "textarea" | "url";
|
|
8
|
+
type?: "address" | "boolean" | "currency" | "customSelect" | "date" | "datetime" | "email" | "multiselect" | "number" | "password" | "percent" | "phoneNumber" | "select" | "text" | "textarea" | "time" | "url";
|
|
9
9
|
rows?: number;
|
|
10
10
|
value?: any;
|
|
11
11
|
onChange?: any;
|
package/dist/Field.js
CHANGED
|
@@ -54,10 +54,8 @@ export const Field = ({ name, label, labelColor, height, type, rows, value, onCh
|
|
|
54
54
|
else if (type === "boolean") {
|
|
55
55
|
return (React.createElement(Switch, { disabled: disabled, id: name, name: name, switched: Boolean(value), onChange: (result) => handleSwitchChange(result) }));
|
|
56
56
|
}
|
|
57
|
-
else if (type
|
|
58
|
-
return (React.createElement(TextField, {
|
|
59
|
-
// TODO: allow editing with a date picker
|
|
60
|
-
value: value, onChange: (result) => onChange(result.value) }));
|
|
57
|
+
else if (type && ["date", "time", "datetime"].includes(type)) {
|
|
58
|
+
return (React.createElement(TextField, { id: name, placeholder: placeholder, type: type, value: value, onChange: (result) => onChange(result.value) }));
|
|
61
59
|
}
|
|
62
60
|
else if (type === "address") {
|
|
63
61
|
const addressValue = value ? value : {};
|
|
@@ -81,7 +79,8 @@ export const Field = ({ name, label, labelColor, height, type, rows, value, onCh
|
|
|
81
79
|
let tfValue = value;
|
|
82
80
|
// Number is supported differently because we need fractional numbers and they don't work
|
|
83
81
|
// well on iOS.
|
|
84
|
-
if (type &&
|
|
82
|
+
if (type &&
|
|
83
|
+
["date", "time", "datetime", "email", "phoneNumber", "password", "url"].includes(type)) {
|
|
85
84
|
tfType = type;
|
|
86
85
|
}
|
|
87
86
|
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/MediaQuery.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export declare function mediaQuery(): "xs" | "sm" | "md" | "lg";
|
|
2
2
|
export declare function mediaQueryLargerThan(size: "xs" | "sm" | "md" | "lg"): boolean;
|
|
3
3
|
export declare function mediaQuerySmallerThan(size: "xs" | "sm" | "md" | "lg"): boolean;
|
|
4
|
+
export declare function isMobileDevice(): boolean;
|
package/dist/MediaQuery.js
CHANGED
package/dist/MediaQuery.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaQuery.js","sourceRoot":"","sources":["../src/MediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;IAC7C,IAAI,KAAK,GAAG,GAAG,EAAE;QACf,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,KAAK,GAAG,GAAG,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,KAAK,GAAG,IAAI,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,IAA+B;IAClE,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC3C;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACrC;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC/B;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,IAA+B;IACnE,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC3C;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACrC;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC/B;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
1
|
+
{"version":3,"file":"MediaQuery.js","sourceRoot":"","sources":["../src/MediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;IAC7C,IAAI,KAAK,GAAG,GAAG,EAAE;QACf,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,KAAK,GAAG,GAAG,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,KAAK,GAAG,IAAI,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,IAA+B;IAClE,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC3C;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACrC;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC/B;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,IAA+B;IACnE,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC3C;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACrC;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC/B;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACrC,CAAC"}
|
package/dist/Modal.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ interface ModalProps {
|
|
|
13
13
|
primaryButtonDisabled?: boolean;
|
|
14
14
|
secondaryButtonText?: string;
|
|
15
15
|
secondaryButtonOnClick?: (value?: any) => void;
|
|
16
|
+
showClose?: boolean;
|
|
16
17
|
}
|
|
17
|
-
export declare const Modal: ({ onDismiss, visible, align, children, footer, heading, size, subHeading, primaryButtonText, primaryButtonOnClick, primaryButtonDisabled, secondaryButtonText, secondaryButtonOnClick, }: ModalProps) => React.ReactElement;
|
|
18
|
+
export declare const Modal: ({ onDismiss, visible, align, children, footer, heading, size, subHeading, primaryButtonText, primaryButtonOnClick, primaryButtonDisabled, secondaryButtonText, secondaryButtonOnClick, showClose, }: ModalProps) => React.ReactElement;
|
|
18
19
|
export {};
|
package/dist/Modal.js
CHANGED
|
@@ -1,24 +1,53 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useEffect, useRef } from "react";
|
|
2
2
|
import { Dimensions, Modal as RNModal } from "react-native";
|
|
3
|
+
import ActionSheet from "react-native-actions-sheet";
|
|
3
4
|
import { Box } from "./Box";
|
|
4
5
|
import { Button } from "./Button";
|
|
5
6
|
import { Heading } from "./Heading";
|
|
7
|
+
import { IconButton } from "./IconButton";
|
|
8
|
+
import { isMobileDevice } from "./MediaQuery";
|
|
6
9
|
import { Text } from "./Text";
|
|
7
|
-
export const Modal = ({ onDismiss, visible, align = "center", children, footer, heading, size, subHeading, primaryButtonText, primaryButtonOnClick, primaryButtonDisabled = false, secondaryButtonText, secondaryButtonOnClick, }) => {
|
|
10
|
+
export const Modal = ({ onDismiss, visible, align = "center", children, footer, heading, size, subHeading, primaryButtonText, primaryButtonOnClick, primaryButtonDisabled = false, secondaryButtonText, secondaryButtonOnClick, showClose = false, }) => {
|
|
11
|
+
const actionSheetRef = useRef(null);
|
|
8
12
|
if (subHeading && !heading) {
|
|
9
13
|
throw new Error("Cannot render Modal with subHeading and no heading");
|
|
10
14
|
}
|
|
11
|
-
if (!footer && !primaryButtonText && !secondaryButtonText) {
|
|
12
|
-
throw new Error("Cannot render Modal without footer, primaryButtonText, or
|
|
15
|
+
if (!footer && !primaryButtonText && !secondaryButtonText && !showClose) {
|
|
16
|
+
throw new Error("Cannot render Modal without footer, primaryButtonText, secondaryButtonText, or showClose");
|
|
13
17
|
}
|
|
14
|
-
|
|
18
|
+
let sizePx = 540;
|
|
19
|
+
if (size === "md") {
|
|
20
|
+
sizePx = 720;
|
|
21
|
+
}
|
|
22
|
+
else if (size === "lg") {
|
|
23
|
+
sizePx = 900;
|
|
24
|
+
}
|
|
25
|
+
// Adjust size for small screens
|
|
26
|
+
if (sizePx > Dimensions.get("window").width) {
|
|
27
|
+
sizePx = "90%";
|
|
28
|
+
}
|
|
29
|
+
// Modal uses a visible prop, but ActionSheet uses a setModalVisible method on a reference.
|
|
30
|
+
// Open the action sheet ref when the visible prop changes.
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (actionSheetRef.current) {
|
|
33
|
+
actionSheetRef.current.setModalVisible(visible);
|
|
34
|
+
}
|
|
35
|
+
}, [visible, actionSheetRef]);
|
|
36
|
+
const renderClose = () => {
|
|
37
|
+
if (!showClose) {
|
|
38
|
+
return null;
|
|
39
|
+
}
|
|
40
|
+
return (React.createElement(Box, { padding: 3, width: "100%" },
|
|
41
|
+
React.createElement(IconButton, { accessibilityLabel: "close", bgColor: "white", icon: "times", iconColor: "darkGray", onClick: () => onDismiss() })));
|
|
42
|
+
};
|
|
43
|
+
const renderModalHeader = () => {
|
|
15
44
|
return (React.createElement(Box, { paddingY: 3, width: "100%" },
|
|
16
45
|
React.createElement(Box, null,
|
|
17
46
|
React.createElement(Heading, { align: align === "center" ? "center" : undefined, size: "sm" }, heading)),
|
|
18
47
|
Boolean(subHeading) && (React.createElement(Box, { paddingY: 2 },
|
|
19
48
|
React.createElement(Text, { align: align === "center" ? "center" : undefined }, subHeading)))));
|
|
20
|
-
}
|
|
21
|
-
|
|
49
|
+
};
|
|
50
|
+
const renderModalFooter = () => {
|
|
22
51
|
if (footer) {
|
|
23
52
|
return footer;
|
|
24
53
|
}
|
|
@@ -27,35 +56,46 @@ export const Modal = ({ onDismiss, visible, align = "center", children, footer,
|
|
|
27
56
|
React.createElement(Button, { color: "gray", text: secondaryButtonText !== null && secondaryButtonText !== void 0 ? secondaryButtonText : "", onClick: secondaryButtonOnClick }))),
|
|
28
57
|
React.createElement(Box, { minWidth: 120 },
|
|
29
58
|
React.createElement(Button, { color: "primary", disabled: primaryButtonDisabled, text: primaryButtonText !== null && primaryButtonText !== void 0 ? primaryButtonText : "", onClick: primaryButtonOnClick }))));
|
|
59
|
+
};
|
|
60
|
+
const renderModal = () => {
|
|
61
|
+
return (React.createElement(RNModal, { animationType: "slide", transparent: true, visible: visible, onRequestClose: onDismiss },
|
|
62
|
+
React.createElement(Box, { alignItems: "center", alignSelf: "center", color: "white", dangerouslySetInlineStyle: {
|
|
63
|
+
__style: {
|
|
64
|
+
zIndex: 1,
|
|
65
|
+
shadowColor: "#999",
|
|
66
|
+
shadowOffset: {
|
|
67
|
+
width: 4,
|
|
68
|
+
height: 6,
|
|
69
|
+
},
|
|
70
|
+
shadowRadius: 4,
|
|
71
|
+
shadowOpacity: 1.0,
|
|
72
|
+
elevation: 8,
|
|
73
|
+
},
|
|
74
|
+
}, direction: "column", justifyContent: "center", marginTop: 12, maxWidth: sizePx, minWidth: 300, paddingX: 8, paddingY: 2, rounding: 6, shadow: true, width: sizePx },
|
|
75
|
+
React.createElement(Box, { marginBottom: 6, width: "100%" },
|
|
76
|
+
renderClose(),
|
|
77
|
+
renderModalHeader(),
|
|
78
|
+
React.createElement(Box, { paddingY: 4 }, children),
|
|
79
|
+
React.createElement(Box, { paddingY: 4 }, renderModalFooter())))));
|
|
80
|
+
};
|
|
81
|
+
const renderActionSheet = () => {
|
|
82
|
+
return (React.createElement(ActionSheet, { ref: actionSheetRef, onClose: onDismiss },
|
|
83
|
+
React.createElement(Box, { direction: "row", marginBottom: 2, paddingX: 2, paddingY: 2, width: "100%" },
|
|
84
|
+
React.createElement(Box, { marginRight: 4 },
|
|
85
|
+
Boolean(secondaryButtonText) && (React.createElement(Button, { color: "darkGray", inline: true, text: secondaryButtonText !== null && secondaryButtonText !== void 0 ? secondaryButtonText : "", type: "ghost", onClick: secondaryButtonOnClick })),
|
|
86
|
+
Boolean(showClose) && (React.createElement(IconButton, { accessibilityLabel: "close", bgColor: "white", icon: "times", iconColor: "darkGray", onClick: () => onDismiss() }))),
|
|
87
|
+
React.createElement(Box, { direction: "column", flex: "grow" },
|
|
88
|
+
React.createElement(Heading, { align: align === "center" ? "center" : undefined, size: "sm" }, heading),
|
|
89
|
+
Boolean(subHeading) && (React.createElement(Box, { paddingY: 2 },
|
|
90
|
+
React.createElement(Text, { align: align === "center" ? "center" : undefined }, subHeading)))),
|
|
91
|
+
React.createElement(Box, { alignSelf: "end" }, Boolean(primaryButtonText) && (React.createElement(Button, { color: "primary", disabled: primaryButtonDisabled, inline: true, text: primaryButtonText, type: "ghost", onClick: primaryButtonOnClick })))),
|
|
92
|
+
React.createElement(Box, { marginBottom: 12 }, children)));
|
|
93
|
+
};
|
|
94
|
+
if (isMobileDevice()) {
|
|
95
|
+
return renderActionSheet();
|
|
30
96
|
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
sizePx = 720;
|
|
34
|
-
}
|
|
35
|
-
else if (size === "lg") {
|
|
36
|
-
sizePx = 900;
|
|
37
|
-
}
|
|
38
|
-
// Adjust size for small screens
|
|
39
|
-
if (sizePx > Dimensions.get("window").width) {
|
|
40
|
-
sizePx = "90%";
|
|
97
|
+
else {
|
|
98
|
+
return renderModal();
|
|
41
99
|
}
|
|
42
|
-
return (React.createElement(RNModal, { animationType: "slide", transparent: true, visible: visible, onRequestClose: onDismiss },
|
|
43
|
-
React.createElement(Box, { alignItems: "center", alignSelf: "center", color: "white", dangerouslySetInlineStyle: {
|
|
44
|
-
__style: {
|
|
45
|
-
zIndex: 1,
|
|
46
|
-
shadowColor: "#999",
|
|
47
|
-
shadowOffset: {
|
|
48
|
-
width: 4,
|
|
49
|
-
height: 6,
|
|
50
|
-
},
|
|
51
|
-
shadowRadius: 4,
|
|
52
|
-
shadowOpacity: 1.0,
|
|
53
|
-
elevation: 8,
|
|
54
|
-
},
|
|
55
|
-
}, direction: "column", justifyContent: "center", marginTop: 12, maxWidth: sizePx, minWidth: 300, paddingX: 8, paddingY: 2, rounding: 6, shadow: true, width: sizePx },
|
|
56
|
-
React.createElement(Box, { marginBottom: 6, width: "100%" },
|
|
57
|
-
renderHeader(),
|
|
58
|
-
React.createElement(Box, { paddingY: 4 }, children),
|
|
59
|
-
React.createElement(Box, { paddingY: 4 }, renderFooter())))));
|
|
60
100
|
};
|
|
61
101
|
//# sourceMappingURL=Modal.js.map
|
package/dist/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"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"}
|
package/dist/PickerSelect.js
CHANGED
|
@@ -215,7 +215,7 @@ export function RNPickerSelect({ onValueChange, value, items, placeholder = {
|
|
|
215
215
|
if (!Icon) {
|
|
216
216
|
return null;
|
|
217
217
|
}
|
|
218
|
-
return (React.createElement(View, { style: [defaultStyles.iconContainer, style.iconContainer], testID: "icon_container" },
|
|
218
|
+
return (React.createElement(View, { pointerEvents: "none", style: [defaultStyles.iconContainer, style.iconContainer], testID: "icon_container" },
|
|
219
219
|
React.createElement(Icon, { testID: "icon" })));
|
|
220
220
|
};
|
|
221
221
|
const renderTextInputOrChildren = () => {
|