ferns-ui 0.29.3 → 0.31.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/DateTimeActionSheet.js +19 -18
- package/dist/DateTimeActionSheet.js.map +1 -1
- package/dist/DateTimeField.android.js +2 -2
- package/dist/DateTimeField.android.js.map +1 -1
- package/dist/DateTimeField.ios.js +3 -3
- package/dist/DateTimeField.ios.js.map +1 -1
- package/dist/Table.d.ts +9 -1
- package/dist/Table.js +6 -6
- package/dist/Table.js.map +1 -1
- package/dist/TableHeader.d.ts +3 -1
- package/dist/TableHeader.js +2 -2
- package/dist/TableHeader.js.map +1 -1
- package/dist/TableRow.d.ts +6 -1
- package/dist/TableRow.js +3 -3
- package/dist/TableRow.js.map +1 -1
- package/dist/TextField.js +8 -8
- package/dist/TextField.js.map +1 -1
- package/dist/TextFieldNumberActionSheet.js +2 -2
- package/dist/TextFieldNumberActionSheet.js.map +1 -1
- package/dist/dayjsExtended.d.ts +2 -0
- package/dist/dayjsExtended.js +9 -0
- package/dist/dayjsExtended.js.map +1 -0
- package/dist/tableContext.d.ts +4 -1
- package/dist/tableContext.js +23 -4
- package/dist/tableContext.js.map +1 -1
- package/package.json +3 -4
- package/src/DateTimeActionSheet.tsx +19 -18
- package/src/DateTimeField.android.tsx +2 -2
- package/src/DateTimeField.ios.tsx +3 -3
- package/src/Table.tsx +29 -12
- package/src/TableHeader.tsx +4 -1
- package/src/TableRow.tsx +8 -2
- package/src/TextField.tsx +8 -8
- package/src/TextFieldNumberActionSheet.tsx +2 -2
- package/src/dayjsExtended.ts +10 -0
- package/src/tableContext.tsx +40 -3
- package/tsconfig.json +3 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Picker } from "@react-native-picker/picker";
|
|
2
2
|
import range from "lodash/range";
|
|
3
|
-
import moment from "moment";
|
|
4
3
|
import React, { useEffect, useState } from "react";
|
|
5
4
|
import { Platform, TextInput, View } from "react-native";
|
|
6
5
|
import { Calendar } from "react-native-calendars";
|
|
7
6
|
import { Box } from "./Box";
|
|
7
|
+
import dayjs from "./dayjsExtended";
|
|
8
8
|
import { Heading } from "./Heading";
|
|
9
9
|
import { IconButton } from "./IconButton";
|
|
10
10
|
import { isMobileDevice } from "./MediaQuery";
|
|
@@ -64,7 +64,7 @@ function TimeInput({ type, value, onChange, }) {
|
|
|
64
64
|
} })));
|
|
65
65
|
}
|
|
66
66
|
function CalendarHeader({ addMonth, month, }) {
|
|
67
|
-
const displayDate =
|
|
67
|
+
const displayDate = dayjs(month[0]).format("MMM YYYY");
|
|
68
68
|
return (React.createElement(Box, { alignItems: "center", direction: "row", height: 40, justifyContent: "between", width: "100%" },
|
|
69
69
|
React.createElement(IconButton, { accessibilityLabel: "arrow", bgColor: "white", icon: "angle-double-left", iconColor: "primary", size: "md", onClick: () => {
|
|
70
70
|
addMonth(-12);
|
|
@@ -94,37 +94,38 @@ mode, value, onChange, visible, onDismiss, }) {
|
|
|
94
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
95
|
let m;
|
|
96
96
|
if (value) {
|
|
97
|
-
m =
|
|
97
|
+
m = dayjs(value, ["YYYY", "YYYY-MM-DD", "HH:mm", "hh:mm A"]);
|
|
98
98
|
}
|
|
99
99
|
else {
|
|
100
|
-
m =
|
|
100
|
+
m = dayjs();
|
|
101
101
|
}
|
|
102
102
|
if (!m.isValid()) {
|
|
103
103
|
throw new Error(`Invalid date/time value ${value}`);
|
|
104
104
|
}
|
|
105
|
-
let hr =
|
|
105
|
+
let hr = dayjs(m).hour() % 12;
|
|
106
106
|
if (hr === 0) {
|
|
107
107
|
hr = 12;
|
|
108
108
|
}
|
|
109
109
|
const [hour, setHour] = useState(hr);
|
|
110
|
-
const [minute, setMinute] = useState(
|
|
111
|
-
const [amPm, setAmPm] = useState(
|
|
112
|
-
const [date, setDate] = useState(
|
|
110
|
+
const [minute, setMinute] = useState(dayjs(m).minute());
|
|
111
|
+
const [amPm, setAmPm] = useState(dayjs(m).format("a") === "am" ? "am" : "pm");
|
|
112
|
+
const [date, setDate] = useState(dayjs(m).toISOString());
|
|
113
113
|
useEffect(() => {
|
|
114
|
+
let datetime;
|
|
114
115
|
if (value) {
|
|
115
|
-
|
|
116
|
+
datetime = dayjs(value, ["YYYY", "YYYY-MM-DD", "HH:mm", "hh:mm A"]);
|
|
116
117
|
}
|
|
117
118
|
else {
|
|
118
|
-
|
|
119
|
+
datetime = dayjs();
|
|
119
120
|
}
|
|
120
|
-
let h =
|
|
121
|
+
let h = dayjs(datetime).hour() % 12;
|
|
121
122
|
if (h === 0) {
|
|
122
123
|
h = 12;
|
|
123
124
|
}
|
|
124
125
|
setHour(h);
|
|
125
|
-
setMinute(
|
|
126
|
-
setAmPm(
|
|
127
|
-
setDate(
|
|
126
|
+
setMinute(dayjs(datetime).minute());
|
|
127
|
+
setAmPm(dayjs(datetime).format("a") === "am" ? "am" : "pm");
|
|
128
|
+
setDate(dayjs(datetime).toISOString());
|
|
128
129
|
}, [value]);
|
|
129
130
|
// TODO Support 24 hour time for time picker.
|
|
130
131
|
const renderMobileTime = () => {
|
|
@@ -183,12 +184,12 @@ mode, value, onChange, visible, onDismiss, }) {
|
|
|
183
184
|
}
|
|
184
185
|
else if (mode === "time") {
|
|
185
186
|
onChange({
|
|
186
|
-
value:
|
|
187
|
+
value: dayjs().hour(hourChange).minute(Number(minute)).toISOString(),
|
|
187
188
|
});
|
|
188
189
|
}
|
|
189
190
|
else if (mode === "datetime") {
|
|
190
191
|
onChange({
|
|
191
|
-
value:
|
|
192
|
+
value: dayjs(date).hour(hourChange).minute(Number(minute)).toISOString(),
|
|
192
193
|
});
|
|
193
194
|
}
|
|
194
195
|
onDismiss();
|
|
@@ -203,12 +204,12 @@ mode, value, onChange, visible, onDismiss, }) {
|
|
|
203
204
|
const renderDateCalendar = () => {
|
|
204
205
|
const markedDates = {};
|
|
205
206
|
if (date) {
|
|
206
|
-
markedDates[
|
|
207
|
+
markedDates[dayjs(date).format("YYYY-MM-DD")] = {
|
|
207
208
|
selected: true,
|
|
208
209
|
selectedColor: Unifier.theme.primary,
|
|
209
210
|
};
|
|
210
211
|
}
|
|
211
|
-
return (React.createElement(Calendar, { customHeader: CalendarHeader, initialDate:
|
|
212
|
+
return (React.createElement(Calendar, { customHeader: CalendarHeader, initialDate: dayjs(date).format("YYYY-MM-DD"), markedDates: markedDates, onDayPress: (day) => {
|
|
212
213
|
setDate(day.dateString);
|
|
213
214
|
// If mode is just date, we can shortcut and close right away. time and datetime need to wait for the
|
|
214
215
|
// primary button.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeActionSheet.js","sourceRoot":"","sources":["../src/DateTimeActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AACnD,OAAO,KAAK,MAAM,cAAc,CAAC;AACjC,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAa,SAAS,EAAa,IAAI,EAAC,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACjD,wEAAwE;AACxE,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AACpE,MAAM,cAAc,GAAG,CAAC,GAAG,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAEtF,SAAS,SAAS,CAAC,EACjB,IAAI,EACJ,KAAK,EACL,QAAQ,GAKT;IACC,MAAM,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,IAAI,KAAK,GAAG,KAAK,CAAC;IAClB,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,KAAK,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAC/C;SAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;QAC5B,KAAK,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACxD;IAED,mEAAmE;IACnE,MAAM,cAAc,GAAyB;QAC3C,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,CAAC;QACb,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,YAAY;QACpB,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ;QAC7B,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;KACtC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,YAAY;YACpB,KAAK,EAAE,MAAM;YACb,oDAAoD;YACpD,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACpC,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAChC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;YAC3D,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5B,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK;SACrC;QAED,oBAAC,SAAS,IACR,YAAY,EAAC,YAAY,EACzB,aAAa,EAAC,MAAM,EACpB,KAAK,EACH,gCACK,cAAc,KACjB,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAC,GAAG,EAAE,MAAM,EAAC,CAAC,GACjC,EAEV,eAAe,EAAC,MAAM,EACtB,qBAAqB,EAAC,aAAa,EACnC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,GAAG,EAAE;gBACX,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;gBAClB,OAAO,CAAC,CAAC,CAAC,CAAC;gBACX,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACtB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;gBACZ,UAAU,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC,GACD,CACG,CACR,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,QAAQ,EACR,KAAK,GAIN;IACC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,EAAE,EAAE,EAAE,cAAc,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM;QACxF,oBAAC,UAAU,IACT,kBAAkB,EAAC,OAAO,EAC1B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,mBAAmB,EACxB,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;YAChB,CAAC,GACD;QACF,oBAAC,UAAU,IACT,kBAAkB,EAAC,OAAO,EAC1B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,YAAY,EACjB,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GACD;QACF,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,IAAE,WAAW,CAAW;QAC1C,oBAAC,UAAU,IACT,kBAAkB,EAAC,OAAO,EAC1B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,aAAa,EAClB,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,GACD;QACF,oBAAC,UAAU,IACT,kBAAkB,EAAC,OAAO,EAC1B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,oBAAoB,EACzB,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,EAAE,CAAC,CAAC;YACf,CAAC,GACD,CACE,CACP,CAAC;AACJ,CAAC;AAYD,yDAAyD;AACzD,8CAA8C;AAC9C,cAAc;AACd,mFAAmF;AACnF,sEAAsE;AACtE,+GAA+G;AAC/G,mGAAmG;AACnG,wFAAwF;AACxF,MAAM,UAAU,mBAAmB,CAAC;AAClC,kBAAkB;AAClB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,GACgB;IACzB,8FAA8F;IAC9F,IAAI,CAAC,CAAC;IACN,IAAI,KAAK,EAAE;QACT,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;KAC1D;SAAM;QACL,CAAC,GAAG,MAAM,EAAE,CAAC;KACd;IAED,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,2BAA2B,KAAK,EAAE,CAAC,CAAC;KACrD;IAED,IAAI,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC;IAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACZ,EAAE,GAAG,EAAE,CAAC;KACT;IAED,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IACjE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAc,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE;YACT,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;SAC1D;aAAM;YACL,CAAC,GAAG,MAAM,EAAE,CAAC;SACd;QACD,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,EAAE;YACX,CAAC,GAAG,EAAE,CAAC;SACR;QACD,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;QAC9B,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACtD,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,6CAA6C;IAC7C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM;YAC/B,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,KAAK;gBAC3B,oBAAC,MAAM,IACL,SAAS,EAAE;wBACT,MAAM,EAAE,kBAAkB;qBAC3B,EACD,aAAa,EAAE,IAAI,EACnB,KAAK,EAAE;wBACL,MAAM,EAAE,kBAAkB;wBAC1B,eAAe,EAAE,SAAS;qBAC3B,EACD,aAAa,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,IAE/C,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,oBAAC,MAAM,CAAC,IAAI,IAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAI,CACpE,CAAC,CACK,CACL;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,KAAK;gBAC3B,oBAAC,MAAM,IACL,SAAS,EAAE;wBACT,MAAM,EAAE,kBAAkB;qBAC3B,EACD,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE;wBACL,MAAM,EAAE,kBAAkB;wBAC1B,eAAe,EAAE,SAAS;qBAC3B,EACD,aAAa,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,IAEjD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,oBAAC,MAAM,CAAC,IAAI,IAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAI,CACpE,CAAC,CACK,CACL;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,KAAK;gBAC3B,oBAAC,MAAM,IACL,SAAS,EAAE;wBACT,MAAM,EAAE,kBAAkB;qBAC3B,EACD,aAAa,EAAE,IAAI,EACnB,KAAK,EAAE;wBACL,MAAM,EAAE,kBAAkB;wBAC1B,eAAe,EAAE,SAAS;qBAC3B,EACD,aAAa,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC;oBAEhD,oBAAC,MAAM,CAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG;oBAC9C,oBAAC,MAAM,CAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,CACvC,CACL,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,6FAA6F;IAC7F,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM;YACvD,oBAAC,GAAG,IAAC,KAAK,EAAE,EAAE;gBACZ,oBAAC,SAAS,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,CAC/D;YACN,oBAAC,GAAG,IACF,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,YAAY,EACpB,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAE,CAAC,EACb,WAAW,EAAE,CAAC;gBAEd,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,QAAY,CAC1B;YACN,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE;gBAC5B,oBAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,GAAI,CACrE;YAEN,oBAAC,GAAG,IAAC,KAAK,EAAE,EAAE;gBACZ,oBAAC,UAAU,IACT,OAAO,EAAE;wBACP,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC;wBAC1B,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC;qBAC3B,EACD,KAAK,EAAE,EAAC,SAAS,EAAE,YAAY,EAAC,EAChC,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;wBACnB,OAAO,CAAC,MAAqB,CAAC,CAAC;oBACjC,CAAC,GACD,CACE,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAuB,EAAE;QAC9C,OAAO,CACL,oBAAC,GAAG;YACF,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC,IAAG,kBAAkB,EAAE,CAAO;YACjD,cAAc,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CACpD,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,uDAAuD;IACvD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACnF,IAAI,IAAI,KAAK,MAAM,EAAE;YACnB,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;SACzB;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE;YAC1B,QAAQ,CAAC;gBACP,KAAK,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE;aACtE,CAAC,CAAC;SACJ;aAAM,IAAI,IAAI,KAAK,UAAU,EAAE;YAC9B,QAAQ,CAAC;gBACP,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE;aAC1E,CAAC,CAAC;SACJ;QACD,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,QAAQ,CAAC;YACP,KAAK,EAAE,EAAE;SACV,CAAC,CAAC;QACH,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,0DAA0D;IAC1D,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,WAAW,GAA+D,EAAE,CAAC;QACnF,IAAI,IAAI,EAAE;YACR,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG;gBAC/C,QAAQ,EAAE,IAAI;gBACd,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO;aACrC,CAAC;SACH;QACD,OAAO,CACL,oBAAC,QAAQ,IACP,YAAY,EAAE,cAAc,EAC5B,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAC9C,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE;gBAClB,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBACxB,qGAAqG;gBACrG,kBAAkB;gBAClB,IAAI,IAAI,KAAK,MAAM,EAAE;oBACnB,QAAQ,CAAC,EAAC,KAAK,EAAE,GAAG,CAAC,UAAU,EAAC,CAAC,CAAC;oBAClC,SAAS,EAAE,CAAC;iBACb;YACH,CAAC,GACD,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAuB,EAAE;QAC7C,IAAI,cAAc,EAAE,EAAE;YACpB,IAAI,IAAI,KAAK,MAAM,EAAE;gBACnB,OAAO,kBAAkB,EAAE,CAAC;aAC7B;iBAAM,IAAI,IAAI,KAAK,MAAM,EAAE;gBAC1B,OAAO,gBAAgB,EAAE,CAAC;aAC3B;iBAAM;gBACL,OAAO,cAAc,EAAE,CAAC;aACzB;SACF;aAAM;YACL,IAAI,IAAI,KAAK,MAAM,EAAE;gBACnB,OAAO,kBAAkB,EAAE,CAAC;aAC7B;iBAAM,IAAI,IAAI,KAAK,MAAM,EAAE;gBAC1B,OAAO,aAAa,EAAE,CAAC;aACxB;iBAAM;gBACL,OAAO,cAAc,EAAE,CAAC;aACzB;SACF;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IACJ,oBAAoB,EAAE,YAAY,EAClC,iBAAiB,EAAC,MAAM,EACxB,sBAAsB,EAAE,SAAS,EACjC,mBAAmB,EAAC,OAAO,EAC3B,SAAS,QACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAEnB,aAAa,EAAE,CACV,CACT,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"DateTimeActionSheet.js","sourceRoot":"","sources":["../src/DateTimeActionSheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
|
-
import moment from "moment-timezone";
|
|
3
2
|
import React, { useMemo, useState } from "react";
|
|
4
3
|
import { TextInput } from "react-native";
|
|
4
|
+
import dayjs from "./dayjsExtended";
|
|
5
5
|
import { Unifier } from "./Unifier";
|
|
6
6
|
import { WithLabel } from "./WithLabel";
|
|
7
7
|
export const DateTimeField = ({ mode, value, onChange, errorMessage, pickerType = "default", dateFormat, errorMessageColor, }) => {
|
|
@@ -50,7 +50,7 @@ export const DateTimeField = ({ mode, value, onChange, errorMessage, pickerType
|
|
|
50
50
|
color: Unifier.theme.darkGray,
|
|
51
51
|
fontFamily: Unifier.theme.primaryFont,
|
|
52
52
|
borderWidth: 1,
|
|
53
|
-
}, value:
|
|
53
|
+
}, value: dayjs(value).format(defaultFormat), onPressIn: () => {
|
|
54
54
|
showCalendarFirst ? showDatePicker() : showTimePicker();
|
|
55
55
|
} }),
|
|
56
56
|
showPicker && (React.createElement(DateTimePicker, { display: pickerType, mode: pickerMode, testID: "dateTimePicker", value: value, onChange: (event, date) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeField.android.js","sourceRoot":"","sources":["../src/DateTimeField.android.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,
|
|
1
|
+
{"version":3,"file":"DateTimeField.android.js","sourceRoot":"","sources":["../src/DateTimeField.android.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
|
-
import moment from "moment-timezone";
|
|
3
2
|
import React, { useMemo, useState } from "react";
|
|
4
3
|
import { TextInput } from "react-native";
|
|
4
|
+
import dayjs from "./dayjsExtended";
|
|
5
5
|
import { Unifier } from "./Unifier";
|
|
6
6
|
import { WithLabel } from "./WithLabel";
|
|
7
7
|
export const DateTimeField = ({ mode, value, onChange, errorMessage, errorMessageColor, dateFormat, pickerType = "inline", label, }) => {
|
|
@@ -35,10 +35,10 @@ export const DateTimeField = ({ mode, value, onChange, errorMessage, errorMessag
|
|
|
35
35
|
color: Unifier.theme.darkGray,
|
|
36
36
|
fontFamily: Unifier.theme.primaryFont,
|
|
37
37
|
borderWidth: 1,
|
|
38
|
-
}, value:
|
|
38
|
+
}, value: dayjs(value).format(defaultFormat), onPressIn: () => {
|
|
39
39
|
setShowPicker(!showPicker);
|
|
40
40
|
} }),
|
|
41
|
-
showPicker && (React.createElement(DateTimePicker, { accentColor: Unifier.theme.primary, display: pickerType, mode: mode, style: { alignSelf: "flex-start" }, testID: "dateTimePicker", value:
|
|
41
|
+
showPicker && (React.createElement(DateTimePicker, { accentColor: Unifier.theme.primary, display: pickerType, mode: mode, style: { alignSelf: "flex-start" }, testID: "dateTimePicker", value: dayjs(value).toDate(), onChange: (event, date) => {
|
|
42
42
|
if (!date) {
|
|
43
43
|
return;
|
|
44
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeField.ios.js","sourceRoot":"","sources":["../src/DateTimeField.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,
|
|
1
|
+
{"version":3,"file":"DateTimeField.ios.js","sourceRoot":"","sources":["../src/DateTimeField.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,KAAK,EAAE,EAAe,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAGvC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,UAAU,GAAG,QAAQ,EACrB,KAAK,GACc,EAAgB,EAAE;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,UAAU,EAAE;YACd,OAAO,UAAU,CAAC;SACnB;aAAM;YACL,IAAI,IAAI,KAAK,MAAM,EAAE;gBACnB,OAAO,cAAc,CAAC;aACvB;iBAAM,IAAI,IAAI,KAAK,MAAM,EAAE;gBAC1B,OAAO,QAAQ,CAAC;aACjB;iBAAM;gBACL,OAAO,sBAAsB,CAAC;aAC/B;SACF;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,IAAI;QACrC,oBAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,iBAAiB,IAAI,KAAK,EACtC,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,IAAI;YAEd,oBAAC,SAAS,IACR,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC;oBACP,UAAU,EAAE,EAAE;oBACd,YAAY,EAAE,EAAE;oBAChB,aAAa,EAAE,EAAE;oBACjB,WAAW,EAAE,EAAE;oBACf,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ;oBAC7B,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;oBACrC,WAAW,EAAE,CAAC;iBACf,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EACzC,SAAS,EAAE,GAAG,EAAE;oBACd,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;gBAC7B,CAAC,GACD;YAED,UAAU,IAAI,CACb,oBAAC,cAAc,IACb,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,EAClC,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAC,SAAS,EAAE,YAAY,EAAC,EAChC,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAC5B,QAAQ,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;oBAClC,IAAI,CAAC,IAAI,EAAE;wBACT,OAAO;qBACR;oBACD,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjB,CAAC,GACD,CACH,CACS,CACF,CACb,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Table.d.ts
CHANGED
|
@@ -16,6 +16,14 @@ interface TableProps {
|
|
|
16
16
|
* Use numbers for pixels: `maxHeight={100}` and strings for percentages: `maxHeight="100%"`.
|
|
17
17
|
*/
|
|
18
18
|
maxHeight?: number | string;
|
|
19
|
+
/**
|
|
20
|
+
* If true, the header will stick to the top of the table when scrolling. Defaults to true.
|
|
21
|
+
*/
|
|
22
|
+
stickyHeader?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* If true, alternate rows will have a light gray background. Defaults to true.
|
|
25
|
+
*/
|
|
26
|
+
alternateRowBackground?: boolean;
|
|
19
27
|
}
|
|
20
|
-
export declare function Table({ children, columns, borderStyle, maxHeight }: TableProps): React.ReactElement;
|
|
28
|
+
export declare function Table({ children, columns, borderStyle, alternateRowBackground, maxHeight, stickyHeader, }: TableProps): React.ReactElement;
|
|
21
29
|
export {};
|
package/dist/Table.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import React, { Children
|
|
2
|
-
import { Box } from "./Box";
|
|
1
|
+
import React, { Children } from "react";
|
|
3
2
|
import { ScrollView } from "./ScrollView";
|
|
4
3
|
import { TableContextProvider } from "./tableContext";
|
|
5
|
-
export function Table({ children, columns, borderStyle, maxHeight }) {
|
|
6
|
-
const tableRef = useRef(null);
|
|
4
|
+
export function Table({ children, columns, borderStyle, alternateRowBackground = true, maxHeight, stickyHeader = true, }) {
|
|
7
5
|
const arrayChildren = Children.toArray(children);
|
|
8
6
|
const [sortColumn, setSortColumn] = React.useState(undefined);
|
|
9
7
|
// Check if any of the rows below have a drawerContents prop to see if we need to render space for the caret.
|
|
@@ -24,8 +22,10 @@ export function Table({ children, columns, borderStyle, maxHeight }) {
|
|
|
24
22
|
else {
|
|
25
23
|
width = "100%";
|
|
26
24
|
}
|
|
27
|
-
return (React.createElement(TableContextProvider, { columns: columns, hasDrawerContents: hasDrawerContents, setSortColumn: setSortColumn, sortColumn: sortColumn },
|
|
25
|
+
return (React.createElement(TableContextProvider, { alternateRowBackground: alternateRowBackground, borderStyle: borderStyle, columns: columns, hasDrawerContents: hasDrawerContents, setSortColumn: setSortColumn, sortColumn: sortColumn, stickyHeader: stickyHeader },
|
|
28
26
|
React.createElement(ScrollView, { horizontal: true, style: { width, maxWidth: "100%" } },
|
|
29
|
-
React.createElement(
|
|
27
|
+
React.createElement(ScrollView, { stickyHeaderIndices: stickyHeader ? [0] : undefined, style: { width, maxWidth: "100%", flex: 1, maxHeight } }, Children.map(children, (child, index) => React.cloneElement(child, {
|
|
28
|
+
color: index % 2 === 1 && alternateRowBackground ? "lightGray" : "white",
|
|
29
|
+
}))))));
|
|
30
30
|
}
|
|
31
31
|
//# sourceMappingURL=Table.js.map
|
package/dist/Table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAe,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAsB,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AA6BzE,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,SAAS,EACT,YAAY,GAAG,IAAI,GACR;IACX,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAkC,SAAS,CAAC,CAAC;IAE/F,6GAA6G;IAC7G,MAAM,iBAAiB,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;;QACrD,OAAO,MAAC,KAAsB,CAAC,KAAK,0CAAE,cAAc,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,sHAAsH;IACtH,IAAI,KAAsB,CAAC;IAC3B,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAE;QACzD,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YACnC,OAAQ,GAAc,GAAI,IAAe,CAAC;QAC5C,CAAC,EAAE,CAAC,CAAC,CAAC;QACN,IAAI,iBAAiB,EAAE;YACrB,KAAK,GAAI,KAAgB,GAAG,EAAE,CAAC;SAChC;KACF;SAAM;QACL,KAAK,GAAG,MAAM,CAAC;KAChB;IAED,OAAO,CACL,oBAAC,oBAAoB,IACnB,sBAAsB,EAAE,sBAAsB,EAC9C,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY;QAE1B,oBAAC,UAAU,IAAC,UAAU,QAAC,KAAK,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAC;YACrD,oBAAC,UAAU,IACT,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACnD,KAAK,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,IAEnD,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,YAAY,CAAC,KAAY,EAAE;gBAC/B,KAAK,EAAE,KAAK,GAAG,CAAC,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO;aACzE,CAAC,CACH,CACU,CACF,CACQ,CACxB,CAAC;AACJ,CAAC"}
|
package/dist/TableHeader.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { BoxColor } from "./Common";
|
|
2
3
|
interface TableHeaderProps {
|
|
3
4
|
/**
|
|
4
5
|
* Must be an instance of TableRow.
|
|
@@ -12,9 +13,10 @@ interface TableHeaderProps {
|
|
|
12
13
|
* If true, the table header will be sticky and the table body will be scrollable. Not yet implemented.
|
|
13
14
|
*/
|
|
14
15
|
sticky?: boolean;
|
|
16
|
+
color?: BoxColor;
|
|
15
17
|
}
|
|
16
18
|
/**
|
|
17
19
|
* Use TableHeader to group the header content in Table.
|
|
18
20
|
*/
|
|
19
|
-
export declare function TableHeader({ children, display, }: TableHeaderProps): React.ReactElement;
|
|
21
|
+
export declare function TableHeader({ children, display, color, }: TableHeaderProps): React.ReactElement;
|
|
20
22
|
export {};
|
package/dist/TableHeader.js
CHANGED
|
@@ -4,8 +4,8 @@ import { TableRow } from "./TableRow";
|
|
|
4
4
|
/**
|
|
5
5
|
* Use TableHeader to group the header content in Table.
|
|
6
6
|
*/
|
|
7
|
-
export function TableHeader({ children, display = "tableHeaderGroup", }) {
|
|
8
|
-
return (React.createElement(Box, { display: display === "visuallyHidden" ? "none" : "flex" },
|
|
7
|
+
export function TableHeader({ children, display = "tableHeaderGroup", color, }) {
|
|
8
|
+
return (React.createElement(Box, { color: color !== null && color !== void 0 ? color : "white", display: display === "visuallyHidden" ? "none" : "flex" },
|
|
9
9
|
React.createElement(TableRow, { headerRow: true }, children)));
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=TableHeader.js.map
|
package/dist/TableHeader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../src/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../src/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAkBpC;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,GAAG,kBAAkB,EAC5B,KAAK,GACY;IACjB,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,OAAO,EAAE,OAAO,KAAK,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACnF,oBAAC,QAAQ,IAAC,SAAS,UAAE,QAAQ,CAAY,CACrC,CACP,CAAC;AACJ,CAAC"}
|
package/dist/TableRow.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { BoxColor } from "./Common";
|
|
2
3
|
interface Props {
|
|
3
4
|
/**
|
|
4
5
|
* Must be instances of TableCell or TableHeaderCell.
|
|
@@ -16,9 +17,13 @@ interface Props {
|
|
|
16
17
|
* When the row is expanded, the drawerContents are shown. If not
|
|
17
18
|
*/
|
|
18
19
|
drawerContents?: React.ReactNode | React.ReactNode[];
|
|
20
|
+
/**
|
|
21
|
+
* Background color of the row. Defaults to white.
|
|
22
|
+
*/
|
|
23
|
+
color?: BoxColor;
|
|
19
24
|
}
|
|
20
25
|
/**
|
|
21
26
|
* Use TableRow to define a row in Table.
|
|
22
27
|
*/
|
|
23
|
-
export declare function TableRow({ children, headerRow, expanded, drawerContents, }: Props): React.ReactElement;
|
|
28
|
+
export declare function TableRow({ children, headerRow, expanded, drawerContents, color, }: Props): React.ReactElement;
|
|
24
29
|
export {};
|
package/dist/TableRow.js
CHANGED
|
@@ -5,7 +5,7 @@ import { useTableContext } from "./tableContext";
|
|
|
5
5
|
/**
|
|
6
6
|
* Use TableRow to define a row in Table.
|
|
7
7
|
*/
|
|
8
|
-
export function TableRow({ children, headerRow = false, expanded, drawerContents, }) {
|
|
8
|
+
export function TableRow({ children, headerRow = false, expanded, drawerContents, color = "white", }) {
|
|
9
9
|
const [isExpanded, setIsExpanded] = React.useState(expanded || false);
|
|
10
10
|
const { columns, hasDrawerContents } = useTableContext();
|
|
11
11
|
const rowRef = useRef(null);
|
|
@@ -17,8 +17,8 @@ export function TableRow({ children, headerRow = false, expanded, drawerContents
|
|
|
17
17
|
return (React.createElement(Box, { paddingX: 2, width: columns[index] }, child));
|
|
18
18
|
};
|
|
19
19
|
const border = { __style: { borderBottom: `${headerRow ? 2 : 1}px solid #e0e0e0` } };
|
|
20
|
-
return (React.createElement(Box, { ref: rowRef,
|
|
21
|
-
React.createElement(Box, { direction: "row", width: "100%" },
|
|
20
|
+
return (React.createElement(Box, { ref: rowRef, color: color, dangerouslySetInlineStyle: border, width: "100%" },
|
|
21
|
+
React.createElement(Box, { direction: "row", paddingY: 1, width: "100%" },
|
|
22
22
|
Boolean(drawerContents) && (React.createElement(Box, { width: 30 },
|
|
23
23
|
React.createElement(IconButton, { accessibilityLabel: "expand", bgColor: "white", icon: isExpanded ? "chevron-up" : "chevron-down", iconColor: "darkGray", size: "sm", onClick: () => {
|
|
24
24
|
setIsExpanded(!isExpanded);
|
package/dist/TableRow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../src/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../src/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAyB/C;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,cAAc,EACd,KAAK,GAAG,OAAO,GACT;IACN,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC;IACtE,MAAM,EAAC,OAAO,EAAE,iBAAiB,EAAC,GAAG,eAAe,EAAE,CAAC;IACvD,MAAM,MAAM,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEjC,MAAM,yBAAyB,GAAG,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE;QAC1E,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACnB,OAAO,CAAC,IAAI,CAAC,+BAA+B,KAAK,cAAc,CAAC,CAAC;YACjE,OAAO,IAAI,CAAC;SACb;QACD,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IACpC,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,EAAC,OAAO,EAAE,EAAC,YAAY,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAC,EAAC,CAAC;IAEjF,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAyB,EAAE,MAAM,EAAE,KAAK,EAAC,MAAM;QAC7E,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM;YAC3C,OAAO,CAAC,cAAc,CAAC,IAAI,CAC1B,oBAAC,GAAG,IAAC,KAAK,EAAE,EAAE;gBACZ,oBAAC,UAAU,IACT,kBAAkB,EAAC,QAAQ,EAC3B,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAChD,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;wBACZ,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;oBAC7B,CAAC,GACD,CACE,CACP;YAEA,OAAO,CAAC,iBAAiB,IAAI,CAAC,cAAc,CAAC,IAAI,oBAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAI;YACnE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,yBAAyB,CAAC,CAC9C;QACL,OAAO,CAAC,UAAU,CAAC,IAAI,CACtB,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,IAC3B,cAAc,CACX,CACP,CACG,CACP,CAAC;AACJ,CAAC"}
|
package/dist/TextField.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { AsYouType } from "libphonenumber-js";
|
|
2
|
-
import moment from "moment-timezone";
|
|
3
2
|
import React, { useCallback, useMemo, useState } from "react";
|
|
4
3
|
import { ActivityIndicator, Platform, Pressable, TextInput, View, } from "react-native";
|
|
5
4
|
import { Box } from "./Box";
|
|
6
5
|
import { DateTimeActionSheet } from "./DateTimeActionSheet";
|
|
6
|
+
import dayjs from "./dayjsExtended";
|
|
7
7
|
import { DecimalRangeActionSheet } from "./DecimalRangeActionSheet";
|
|
8
8
|
import { HeightActionSheet } from "./HeightActionSheet";
|
|
9
9
|
import { Icon } from "./Icon";
|
|
@@ -129,21 +129,21 @@ export function TextField({ blurOnSubmit = true, value, height: propsHeight, onC
|
|
|
129
129
|
if (displayValue) {
|
|
130
130
|
if (type === "date") {
|
|
131
131
|
// We get off by one errors because UTC midnight might be yesterday. So we add the timezone offset.
|
|
132
|
-
if (
|
|
133
|
-
|
|
134
|
-
|
|
132
|
+
if (dayjs.utc(value).hour() === 0 &&
|
|
133
|
+
dayjs.utc(value).minute() === 0 &&
|
|
134
|
+
dayjs.utc(value).second() === 0) {
|
|
135
135
|
const timezoneOffset = new Date().getTimezoneOffset();
|
|
136
|
-
displayValue =
|
|
136
|
+
displayValue = dayjs.utc(value).add(timezoneOffset, "minutes").format("MM/DD/YYYY");
|
|
137
137
|
}
|
|
138
138
|
else {
|
|
139
|
-
displayValue =
|
|
139
|
+
displayValue = dayjs(value).format("MM/DD/YYYY");
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
else if (type === "time") {
|
|
143
|
-
displayValue =
|
|
143
|
+
displayValue = dayjs(value).format("h:mm A");
|
|
144
144
|
}
|
|
145
145
|
else if (type === "datetime") {
|
|
146
|
-
displayValue =
|
|
146
|
+
displayValue = dayjs(value).format("MM/DD/YYYY h:mm A");
|
|
147
147
|
}
|
|
148
148
|
else if (type === "height") {
|
|
149
149
|
displayValue = `${Math.floor(Number(value) / 12)} ft, ${Number(value) % 12} in`;
|
package/dist/TextField.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
|
-
import moment from "moment-timezone";
|
|
3
2
|
import React from "react";
|
|
4
3
|
import { ActionSheet } from "./ActionSheet";
|
|
5
4
|
import { Box } from "./Box";
|
|
6
5
|
import { Button } from "./Button";
|
|
6
|
+
import dayjs from "./dayjsExtended";
|
|
7
7
|
export class NumberPickerActionSheet extends React.Component {
|
|
8
8
|
constructor(props) {
|
|
9
9
|
super(props);
|
|
@@ -17,7 +17,7 @@ export class NumberPickerActionSheet extends React.Component {
|
|
|
17
17
|
var _a, _b;
|
|
18
18
|
(_b = (_a = this.props.actionSheetRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setModalVisible(false);
|
|
19
19
|
} }))),
|
|
20
|
-
React.createElement(DateTimePicker, { display: "spinner", is24Hour: true, mode: this.props.mode, testID: "dateTimePicker", value:
|
|
20
|
+
React.createElement(DateTimePicker, { display: "spinner", is24Hour: true, mode: this.props.mode, testID: "dateTimePicker", value: dayjs(this.props.value).toDate(), onChange: (event, date) => {
|
|
21
21
|
if (!date) {
|
|
22
22
|
return;
|
|
23
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldNumberActionSheet.js","sourceRoot":"","sources":["../src/TextFieldNumberActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,
|
|
1
|
+
{"version":3,"file":"TextFieldNumberActionSheet.js","sourceRoot":"","sources":["../src/TextFieldNumberActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAEhC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AAWpC,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,SAGlD;IACC,YAAY,KAAmC;QAC7C,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,QAAC,cAAc;YACtE,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM;gBAC7C,oBAAC,GAAG,IAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM;oBAC/C,oBAAC,GAAG,IAAC,KAAK,EAAC,KAAK;wBACd,oBAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;;gCACZ,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,0CAAE,OAAO,0CAAE,eAAe,CAAC,KAAK,CAAC,CAAC;4BAC7D,CAAC,GACD,CACE,CACF;gBACN,oBAAC,cAAc,IACb,OAAO,EAAC,SAAS,EACjB,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EACvC,QAAQ,EAAE,CAAC,KAAU,EAAE,IAAW,EAAE,EAAE;wBACpC,IAAI,CAAC,IAAI,EAAE;4BACT,OAAO;yBACR;wBACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAC,CAAC,CAAC;oBACvD,CAAC,GACD,CACE,CACM,CACf,CAAC;IACJ,CAAC;CACF"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import dayjs from "dayjs";
|
|
2
|
+
import relativeTime from "dayjs/plugin/relativeTime";
|
|
3
|
+
import timezone from "dayjs/plugin/timezone";
|
|
4
|
+
import utc from "dayjs/plugin/utc";
|
|
5
|
+
dayjs.extend(utc);
|
|
6
|
+
dayjs.extend(timezone);
|
|
7
|
+
dayjs.extend(relativeTime);
|
|
8
|
+
export default dayjs;
|
|
9
|
+
//# sourceMappingURL=dayjsExtended.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dayjsExtended.js","sourceRoot":"","sources":["../src/dayjsExtended.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAEnC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAClB,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AACvB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;AAE3B,eAAe,KAAK,CAAC"}
|
package/dist/tableContext.d.ts
CHANGED
|
@@ -8,11 +8,14 @@ interface TableContextType {
|
|
|
8
8
|
hasDrawerContents: boolean;
|
|
9
9
|
sortColumn?: ColumnSortInterface | undefined;
|
|
10
10
|
setSortColumn?: (sort: ColumnSortInterface | undefined) => void;
|
|
11
|
+
stickyHeader?: boolean;
|
|
12
|
+
borderStyle?: "sm" | "none";
|
|
13
|
+
alternateRowBackground?: boolean;
|
|
11
14
|
}
|
|
12
15
|
interface Props extends TableContextType {
|
|
13
16
|
children: React.ReactElement;
|
|
14
17
|
}
|
|
15
18
|
export declare const Provider: React.Provider<TableContextType>;
|
|
16
|
-
export declare function TableContextProvider({ children, columns, hasDrawerContents, sortColumn, setSortColumn, }: Props): React.ReactElement<typeof Provider>;
|
|
19
|
+
export declare function TableContextProvider({ children, columns, hasDrawerContents, sortColumn, setSortColumn, stickyHeader, borderStyle, alternateRowBackground, }: Props): React.ReactElement<typeof Provider>;
|
|
17
20
|
export declare function useTableContext(): TableContextType;
|
|
18
21
|
export {};
|
package/dist/tableContext.js
CHANGED
|
@@ -4,13 +4,32 @@ const TableContext = createContext({
|
|
|
4
4
|
hasDrawerContents: false,
|
|
5
5
|
sortColumn: undefined,
|
|
6
6
|
setSortColumn: () => { },
|
|
7
|
+
stickyHeader: true,
|
|
8
|
+
borderStyle: "sm",
|
|
9
|
+
alternateRowBackground: true,
|
|
7
10
|
});
|
|
8
11
|
export const { Provider } = TableContext;
|
|
9
|
-
export function TableContextProvider({ children, columns, hasDrawerContents, sortColumn, setSortColumn, }) {
|
|
10
|
-
return (React.createElement(Provider, { value: {
|
|
12
|
+
export function TableContextProvider({ children, columns, hasDrawerContents, sortColumn, setSortColumn, stickyHeader, borderStyle, alternateRowBackground, }) {
|
|
13
|
+
return (React.createElement(Provider, { value: {
|
|
14
|
+
columns,
|
|
15
|
+
alternateRowBackground,
|
|
16
|
+
borderStyle,
|
|
17
|
+
hasDrawerContents,
|
|
18
|
+
sortColumn,
|
|
19
|
+
setSortColumn,
|
|
20
|
+
stickyHeader,
|
|
21
|
+
} }, children));
|
|
11
22
|
}
|
|
12
23
|
export function useTableContext() {
|
|
13
|
-
const { columns, hasDrawerContents, setSortColumn, sortColumn } = useContext(TableContext);
|
|
14
|
-
return {
|
|
24
|
+
const { columns, hasDrawerContents, setSortColumn, sortColumn, stickyHeader, alternateRowBackground, borderStyle, } = useContext(TableContext);
|
|
25
|
+
return {
|
|
26
|
+
columns,
|
|
27
|
+
hasDrawerContents,
|
|
28
|
+
setSortColumn,
|
|
29
|
+
sortColumn,
|
|
30
|
+
stickyHeader,
|
|
31
|
+
alternateRowBackground,
|
|
32
|
+
borderStyle,
|
|
33
|
+
};
|
|
15
34
|
}
|
|
16
35
|
//# sourceMappingURL=tableContext.js.map
|
package/dist/tableContext.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../src/tableContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAU,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../src/tableContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAU,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAqBhE,MAAM,YAAY,GAA8B,aAAa,CAAmB;IAC9E,OAAO,EAAE,EAAE;IACX,iBAAiB,EAAE,KAAK;IACxB,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;IACvB,YAAY,EAAE,IAAI;IAClB,WAAW,EAAE,IAAI;IACjB,sBAAsB,EAAE,IAAI;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,YAAY,CAAC;AAEvC,MAAM,UAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,YAAY,EACZ,WAAW,EACX,sBAAsB,GAChB;IACN,OAAO,CACL,oBAAC,QAAQ,IACP,KAAK,EAAE;YACL,OAAO;YACP,sBAAsB;YACtB,WAAW;YACX,iBAAiB;YACjB,UAAU;YACV,aAAa;YACb,YAAY;SACb,IAEA,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,EACJ,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,WAAW,GACZ,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7B,OAAO;QACL,OAAO;QACP,iBAAiB;QACjB,aAAa;QACb,UAAU;QACV,YAAY;QACZ,sBAAsB;QACtB,WAAW;KACZ,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ferns-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.31.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"scripts": {
|
|
@@ -112,7 +112,6 @@
|
|
|
112
112
|
"jest-watch-typeahead/testname"
|
|
113
113
|
]
|
|
114
114
|
},
|
|
115
|
-
"dependencies": {},
|
|
116
115
|
"devDependencies": {
|
|
117
116
|
"@expo/vector-icons": "^13.0.0",
|
|
118
117
|
"@react-native-async-storage/async-storage": "1.17.11",
|
|
@@ -124,6 +123,7 @@
|
|
|
124
123
|
"@types/react-time-picker": "^4.0.3",
|
|
125
124
|
"@typescript-eslint/eslint-plugin": "^5.34.0",
|
|
126
125
|
"@typescript-eslint/parser": "^5.34.0",
|
|
126
|
+
"dayjs": "^1.11.9",
|
|
127
127
|
"eslint": "^8.35.0",
|
|
128
128
|
"eslint-config-ferns": "^0.4.0",
|
|
129
129
|
"eslint-config-prettier": "^8.7.0",
|
|
@@ -142,7 +142,6 @@
|
|
|
142
142
|
"libphonenumber-js": "^1.10.21",
|
|
143
143
|
"lodash": "^4.17.21",
|
|
144
144
|
"mdurl": "^1.0.1",
|
|
145
|
-
"moment-timezone": "^0.5.41",
|
|
146
145
|
"prettier": "^2.8.4",
|
|
147
146
|
"react": "18.2.0",
|
|
148
147
|
"react-app-polyfill": "^3.0.0",
|
|
@@ -176,13 +175,13 @@
|
|
|
176
175
|
"@react-native-picker/picker": "2.4.8",
|
|
177
176
|
"@typescript-eslint/eslint-plugin": "^5.34.0",
|
|
178
177
|
"@typescript-eslint/parser": "^5.34.0",
|
|
178
|
+
"dayjs": "^1.11.9",
|
|
179
179
|
"expo-font": "~11.1.1",
|
|
180
180
|
"expo-haptics": "~12.2.1",
|
|
181
181
|
"expo-image-manipulator": "~11.1.1",
|
|
182
182
|
"expo-image-picker": "~14.1.1",
|
|
183
183
|
"libphonenumber-js": "^1.10.21",
|
|
184
184
|
"lodash": "^4.17.21",
|
|
185
|
-
"moment-timezone": "^0.5.41",
|
|
186
185
|
"react": "18.2.0",
|
|
187
186
|
"react-app-polyfill": "^3.0.0",
|
|
188
187
|
"react-date-picker": "^10.0.3",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {Picker} from "@react-native-picker/picker";
|
|
2
2
|
import range from "lodash/range";
|
|
3
|
-
import moment from "moment";
|
|
4
3
|
import React, {useEffect, useState} from "react";
|
|
5
4
|
import {Platform, StyleProp, TextInput, TextStyle, View} from "react-native";
|
|
6
5
|
import {Calendar} from "react-native-calendars";
|
|
7
6
|
|
|
8
7
|
import {Box} from "./Box";
|
|
9
8
|
import {OnChangeCallback} from "./Common";
|
|
9
|
+
import dayjs from "./dayjsExtended";
|
|
10
10
|
import {Heading} from "./Heading";
|
|
11
11
|
import {IconButton} from "./IconButton";
|
|
12
12
|
import {isMobileDevice} from "./MediaQuery";
|
|
@@ -105,7 +105,7 @@ function CalendarHeader({
|
|
|
105
105
|
addMonth: (num: number) => void;
|
|
106
106
|
month: Date[];
|
|
107
107
|
}): React.ReactElement {
|
|
108
|
-
const displayDate =
|
|
108
|
+
const displayDate = dayjs(month[0]).format("MMM YYYY");
|
|
109
109
|
return (
|
|
110
110
|
<Box alignItems="center" direction="row" height={40} justifyContent="between" width="100%">
|
|
111
111
|
<IconButton
|
|
@@ -182,39 +182,40 @@ export function DateTimeActionSheet({
|
|
|
182
182
|
// Accept ISO 8601, HH:mm, or hh:mm A formats. We may want only HH:mm or hh:mm A for mode=time
|
|
183
183
|
let m;
|
|
184
184
|
if (value) {
|
|
185
|
-
m =
|
|
185
|
+
m = dayjs(value, ["YYYY", "YYYY-MM-DD", "HH:mm", "hh:mm A"]);
|
|
186
186
|
} else {
|
|
187
|
-
m =
|
|
187
|
+
m = dayjs();
|
|
188
188
|
}
|
|
189
189
|
|
|
190
190
|
if (!m.isValid()) {
|
|
191
191
|
throw new Error(`Invalid date/time value ${value}`);
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
let hr =
|
|
194
|
+
let hr = dayjs(m).hour() % 12;
|
|
195
195
|
if (hr === 0) {
|
|
196
196
|
hr = 12;
|
|
197
197
|
}
|
|
198
198
|
|
|
199
199
|
const [hour, setHour] = useState<number>(hr);
|
|
200
|
-
const [minute, setMinute] = useState<number>(
|
|
201
|
-
const [amPm, setAmPm] = useState<"am" | "pm">(
|
|
202
|
-
const [date, setDate] = useState<string>(
|
|
200
|
+
const [minute, setMinute] = useState<number>(dayjs(m).minute());
|
|
201
|
+
const [amPm, setAmPm] = useState<"am" | "pm">(dayjs(m).format("a") === "am" ? "am" : "pm");
|
|
202
|
+
const [date, setDate] = useState<string>(dayjs(m).toISOString());
|
|
203
203
|
|
|
204
204
|
useEffect(() => {
|
|
205
|
+
let datetime;
|
|
205
206
|
if (value) {
|
|
206
|
-
|
|
207
|
+
datetime = dayjs(value, ["YYYY", "YYYY-MM-DD", "HH:mm", "hh:mm A"]);
|
|
207
208
|
} else {
|
|
208
|
-
|
|
209
|
+
datetime = dayjs();
|
|
209
210
|
}
|
|
210
|
-
let h =
|
|
211
|
+
let h = dayjs(datetime).hour() % 12;
|
|
211
212
|
if (h === 0) {
|
|
212
213
|
h = 12;
|
|
213
214
|
}
|
|
214
215
|
setHour(h);
|
|
215
|
-
setMinute(
|
|
216
|
-
setAmPm(
|
|
217
|
-
setDate(
|
|
216
|
+
setMinute(dayjs(datetime).minute());
|
|
217
|
+
setAmPm(dayjs(datetime).format("a") === "am" ? "am" : "pm");
|
|
218
|
+
setDate(dayjs(datetime).toISOString());
|
|
218
219
|
}, [value]);
|
|
219
220
|
|
|
220
221
|
// TODO Support 24 hour time for time picker.
|
|
@@ -328,11 +329,11 @@ export function DateTimeActionSheet({
|
|
|
328
329
|
onChange({value: date});
|
|
329
330
|
} else if (mode === "time") {
|
|
330
331
|
onChange({
|
|
331
|
-
value:
|
|
332
|
+
value: dayjs().hour(hourChange).minute(Number(minute)).toISOString(),
|
|
332
333
|
});
|
|
333
334
|
} else if (mode === "datetime") {
|
|
334
335
|
onChange({
|
|
335
|
-
value:
|
|
336
|
+
value: dayjs(date).hour(hourChange).minute(Number(minute)).toISOString(),
|
|
336
337
|
});
|
|
337
338
|
}
|
|
338
339
|
onDismiss();
|
|
@@ -349,7 +350,7 @@ export function DateTimeActionSheet({
|
|
|
349
350
|
const renderDateCalendar = () => {
|
|
350
351
|
const markedDates: {[id: string]: {selected: boolean; selectedColor: string}} = {};
|
|
351
352
|
if (date) {
|
|
352
|
-
markedDates[
|
|
353
|
+
markedDates[dayjs(date).format("YYYY-MM-DD")] = {
|
|
353
354
|
selected: true,
|
|
354
355
|
selectedColor: Unifier.theme.primary,
|
|
355
356
|
};
|
|
@@ -357,7 +358,7 @@ export function DateTimeActionSheet({
|
|
|
357
358
|
return (
|
|
358
359
|
<Calendar
|
|
359
360
|
customHeader={CalendarHeader}
|
|
360
|
-
initialDate={
|
|
361
|
+
initialDate={dayjs(date).format("YYYY-MM-DD")}
|
|
361
362
|
markedDates={markedDates}
|
|
362
363
|
onDayPress={(day) => {
|
|
363
364
|
setDate(day.dateString);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
|
-
import moment from "moment-timezone";
|
|
3
2
|
import React, {ReactElement, useMemo, useState} from "react";
|
|
4
3
|
import {TextInput} from "react-native";
|
|
5
4
|
|
|
6
5
|
import {DateTimeFieldProps} from "./Common";
|
|
6
|
+
import dayjs from "./dayjsExtended";
|
|
7
7
|
import {Unifier} from "./Unifier";
|
|
8
8
|
import {WithLabel} from "./WithLabel";
|
|
9
9
|
|
|
@@ -73,7 +73,7 @@ export const DateTimeField = ({
|
|
|
73
73
|
fontFamily: Unifier.theme.primaryFont,
|
|
74
74
|
borderWidth: 1,
|
|
75
75
|
}}
|
|
76
|
-
value={
|
|
76
|
+
value={dayjs(value).format(defaultFormat)}
|
|
77
77
|
onPressIn={() => {
|
|
78
78
|
showCalendarFirst ? showDatePicker() : showTimePicker();
|
|
79
79
|
}}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
|
-
import moment from "moment-timezone";
|
|
3
2
|
import React, {ReactElement, useMemo, useState} from "react";
|
|
4
3
|
import {TextInput} from "react-native";
|
|
5
4
|
|
|
6
5
|
import {DateTimeFieldProps} from "./Common";
|
|
6
|
+
import dayjs from "./dayjsExtended";
|
|
7
7
|
import {Unifier} from "./Unifier";
|
|
8
8
|
import {WithLabel} from "./WithLabel";
|
|
9
9
|
|
|
@@ -55,7 +55,7 @@ export const DateTimeField = ({
|
|
|
55
55
|
fontFamily: Unifier.theme.primaryFont,
|
|
56
56
|
borderWidth: 1,
|
|
57
57
|
}}
|
|
58
|
-
value={
|
|
58
|
+
value={dayjs(value).format(defaultFormat)}
|
|
59
59
|
onPressIn={() => {
|
|
60
60
|
setShowPicker(!showPicker);
|
|
61
61
|
}}
|
|
@@ -68,7 +68,7 @@ export const DateTimeField = ({
|
|
|
68
68
|
mode={mode}
|
|
69
69
|
style={{alignSelf: "flex-start"}}
|
|
70
70
|
testID="dateTimePicker"
|
|
71
|
-
value={
|
|
71
|
+
value={dayjs(value).toDate()}
|
|
72
72
|
onChange={(event: any, date: any) => {
|
|
73
73
|
if (!date) {
|
|
74
74
|
return;
|
package/src/Table.tsx
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import React, {Children, ReactElement
|
|
1
|
+
import React, {Children, ReactElement} from "react";
|
|
2
2
|
|
|
3
|
-
import {Box} from "./Box";
|
|
4
3
|
import {ScrollView} from "./ScrollView";
|
|
5
4
|
import {ColumnSortInterface, TableContextProvider} from "./tableContext";
|
|
6
5
|
|
|
@@ -21,10 +20,24 @@ interface TableProps {
|
|
|
21
20
|
* Use numbers for pixels: `maxHeight={100}` and strings for percentages: `maxHeight="100%"`.
|
|
22
21
|
*/
|
|
23
22
|
maxHeight?: number | string;
|
|
23
|
+
/**
|
|
24
|
+
* If true, the header will stick to the top of the table when scrolling. Defaults to true.
|
|
25
|
+
*/
|
|
26
|
+
stickyHeader?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* If true, alternate rows will have a light gray background. Defaults to true.
|
|
29
|
+
*/
|
|
30
|
+
alternateRowBackground?: boolean;
|
|
24
31
|
}
|
|
25
32
|
|
|
26
|
-
export function Table({
|
|
27
|
-
|
|
33
|
+
export function Table({
|
|
34
|
+
children,
|
|
35
|
+
columns,
|
|
36
|
+
borderStyle,
|
|
37
|
+
alternateRowBackground = true,
|
|
38
|
+
maxHeight,
|
|
39
|
+
stickyHeader = true,
|
|
40
|
+
}: TableProps): React.ReactElement {
|
|
28
41
|
const arrayChildren = Children.toArray(children);
|
|
29
42
|
const [sortColumn, setSortColumn] = React.useState<ColumnSortInterface | undefined>(undefined);
|
|
30
43
|
|
|
@@ -48,21 +61,25 @@ export function Table({children, columns, borderStyle, maxHeight}: TableProps):
|
|
|
48
61
|
|
|
49
62
|
return (
|
|
50
63
|
<TableContextProvider
|
|
64
|
+
alternateRowBackground={alternateRowBackground}
|
|
65
|
+
borderStyle={borderStyle}
|
|
51
66
|
columns={columns}
|
|
52
67
|
hasDrawerContents={hasDrawerContents}
|
|
53
68
|
setSortColumn={setSortColumn}
|
|
54
69
|
sortColumn={sortColumn}
|
|
70
|
+
stickyHeader={stickyHeader}
|
|
55
71
|
>
|
|
56
72
|
<ScrollView horizontal style={{width, maxWidth: "100%"}}>
|
|
57
|
-
<
|
|
58
|
-
|
|
59
|
-
{
|
|
60
|
-
ref={tableRef}
|
|
61
|
-
flex="grow"
|
|
62
|
-
maxHeight={maxHeight}
|
|
73
|
+
<ScrollView
|
|
74
|
+
stickyHeaderIndices={stickyHeader ? [0] : undefined}
|
|
75
|
+
style={{width, maxWidth: "100%", flex: 1, maxHeight}}
|
|
63
76
|
>
|
|
64
|
-
{children
|
|
65
|
-
|
|
77
|
+
{Children.map(children, (child, index) =>
|
|
78
|
+
React.cloneElement(child as any, {
|
|
79
|
+
color: index % 2 === 1 && alternateRowBackground ? "lightGray" : "white",
|
|
80
|
+
})
|
|
81
|
+
)}
|
|
82
|
+
</ScrollView>
|
|
66
83
|
</ScrollView>
|
|
67
84
|
</TableContextProvider>
|
|
68
85
|
);
|
package/src/TableHeader.tsx
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
|
|
3
3
|
import {Box} from "./Box";
|
|
4
|
+
import {BoxColor} from "./Common";
|
|
4
5
|
import {TableRow} from "./TableRow";
|
|
5
6
|
|
|
6
7
|
interface TableHeaderProps {
|
|
@@ -16,6 +17,7 @@ interface TableHeaderProps {
|
|
|
16
17
|
* If true, the table header will be sticky and the table body will be scrollable. Not yet implemented.
|
|
17
18
|
*/
|
|
18
19
|
sticky?: boolean;
|
|
20
|
+
color?: BoxColor;
|
|
19
21
|
}
|
|
20
22
|
|
|
21
23
|
/**
|
|
@@ -24,9 +26,10 @@ interface TableHeaderProps {
|
|
|
24
26
|
export function TableHeader({
|
|
25
27
|
children,
|
|
26
28
|
display = "tableHeaderGroup",
|
|
29
|
+
color,
|
|
27
30
|
}: TableHeaderProps): React.ReactElement {
|
|
28
31
|
return (
|
|
29
|
-
<Box display={display === "visuallyHidden" ? "none" : "flex"}>
|
|
32
|
+
<Box color={color ?? "white"} display={display === "visuallyHidden" ? "none" : "flex"}>
|
|
30
33
|
<TableRow headerRow>{children}</TableRow>
|
|
31
34
|
</Box>
|
|
32
35
|
);
|
package/src/TableRow.tsx
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, {Children, useRef} from "react";
|
|
2
2
|
|
|
3
3
|
import {Box} from "./Box";
|
|
4
|
+
import {BoxColor} from "./Common";
|
|
4
5
|
import {IconButton} from "./IconButton";
|
|
5
6
|
import {useTableContext} from "./tableContext";
|
|
6
7
|
|
|
@@ -21,6 +22,10 @@ interface Props {
|
|
|
21
22
|
* When the row is expanded, the drawerContents are shown. If not
|
|
22
23
|
*/
|
|
23
24
|
drawerContents?: React.ReactNode | React.ReactNode[];
|
|
25
|
+
/**
|
|
26
|
+
* Background color of the row. Defaults to white.
|
|
27
|
+
*/
|
|
28
|
+
color?: BoxColor;
|
|
24
29
|
}
|
|
25
30
|
|
|
26
31
|
/**
|
|
@@ -31,6 +36,7 @@ export function TableRow({
|
|
|
31
36
|
headerRow = false,
|
|
32
37
|
expanded,
|
|
33
38
|
drawerContents,
|
|
39
|
+
color = "white",
|
|
34
40
|
}: Props): React.ReactElement {
|
|
35
41
|
const [isExpanded, setIsExpanded] = React.useState(expanded || false);
|
|
36
42
|
const {columns, hasDrawerContents} = useTableContext();
|
|
@@ -51,8 +57,8 @@ export function TableRow({
|
|
|
51
57
|
const border = {__style: {borderBottom: `${headerRow ? 2 : 1}px solid #e0e0e0`}};
|
|
52
58
|
|
|
53
59
|
return (
|
|
54
|
-
<Box ref={rowRef}
|
|
55
|
-
<Box direction="row" width="100%">
|
|
60
|
+
<Box ref={rowRef} color={color} dangerouslySetInlineStyle={border} width="100%">
|
|
61
|
+
<Box direction="row" paddingY={1} width="100%">
|
|
56
62
|
{Boolean(drawerContents) && (
|
|
57
63
|
<Box width={30}>
|
|
58
64
|
<IconButton
|
package/src/TextField.tsx
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import {AsYouType} from "libphonenumber-js";
|
|
2
|
-
import moment from "moment-timezone";
|
|
3
2
|
import React, {ReactElement, useCallback, useMemo, useState} from "react";
|
|
4
3
|
import {
|
|
5
4
|
ActivityIndicator,
|
|
@@ -13,6 +12,7 @@ import {
|
|
|
13
12
|
import {Box} from "./Box";
|
|
14
13
|
import {TextFieldProps} from "./Common";
|
|
15
14
|
import {DateTimeActionSheet} from "./DateTimeActionSheet";
|
|
15
|
+
import dayjs from "./dayjsExtended";
|
|
16
16
|
import {DecimalRangeActionSheet} from "./DecimalRangeActionSheet";
|
|
17
17
|
import {HeightActionSheet} from "./HeightActionSheet";
|
|
18
18
|
import {Icon} from "./Icon";
|
|
@@ -194,19 +194,19 @@ export function TextField({
|
|
|
194
194
|
if (type === "date") {
|
|
195
195
|
// We get off by one errors because UTC midnight might be yesterday. So we add the timezone offset.
|
|
196
196
|
if (
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
197
|
+
dayjs.utc(value).hour() === 0 &&
|
|
198
|
+
dayjs.utc(value).minute() === 0 &&
|
|
199
|
+
dayjs.utc(value).second() === 0
|
|
200
200
|
) {
|
|
201
201
|
const timezoneOffset = new Date().getTimezoneOffset();
|
|
202
|
-
displayValue =
|
|
202
|
+
displayValue = dayjs.utc(value).add(timezoneOffset, "minutes").format("MM/DD/YYYY");
|
|
203
203
|
} else {
|
|
204
|
-
displayValue =
|
|
204
|
+
displayValue = dayjs(value).format("MM/DD/YYYY");
|
|
205
205
|
}
|
|
206
206
|
} else if (type === "time") {
|
|
207
|
-
displayValue =
|
|
207
|
+
displayValue = dayjs(value).format("h:mm A");
|
|
208
208
|
} else if (type === "datetime") {
|
|
209
|
-
displayValue =
|
|
209
|
+
displayValue = dayjs(value).format("MM/DD/YYYY h:mm A");
|
|
210
210
|
} else if (type === "height") {
|
|
211
211
|
displayValue = `${Math.floor(Number(value) / 12)} ft, ${Number(value) % 12} in`;
|
|
212
212
|
} else if (type === "phoneNumber") {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
|
-
import moment from "moment-timezone";
|
|
3
2
|
import React from "react";
|
|
4
3
|
|
|
5
4
|
import {ActionSheet} from "./ActionSheet";
|
|
6
5
|
import {Box} from "./Box";
|
|
7
6
|
import {Button} from "./Button";
|
|
8
7
|
import {OnChangeCallback} from "./Common";
|
|
8
|
+
import dayjs from "./dayjsExtended";
|
|
9
9
|
|
|
10
10
|
interface NumberPickerActionSheetProps {
|
|
11
11
|
value?: string;
|
|
@@ -46,7 +46,7 @@ export class NumberPickerActionSheet extends React.Component<
|
|
|
46
46
|
is24Hour
|
|
47
47
|
mode={this.props.mode}
|
|
48
48
|
testID="dateTimePicker"
|
|
49
|
-
value={
|
|
49
|
+
value={dayjs(this.props.value).toDate()}
|
|
50
50
|
onChange={(event: any, date?: Date) => {
|
|
51
51
|
if (!date) {
|
|
52
52
|
return;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import dayjs from "dayjs";
|
|
2
|
+
import relativeTime from "dayjs/plugin/relativeTime";
|
|
3
|
+
import timezone from "dayjs/plugin/timezone";
|
|
4
|
+
import utc from "dayjs/plugin/utc";
|
|
5
|
+
|
|
6
|
+
dayjs.extend(utc);
|
|
7
|
+
dayjs.extend(timezone);
|
|
8
|
+
dayjs.extend(relativeTime);
|
|
9
|
+
|
|
10
|
+
export default dayjs;
|
package/src/tableContext.tsx
CHANGED
|
@@ -10,6 +10,9 @@ interface TableContextType {
|
|
|
10
10
|
hasDrawerContents: boolean;
|
|
11
11
|
sortColumn?: ColumnSortInterface | undefined;
|
|
12
12
|
setSortColumn?: (sort: ColumnSortInterface | undefined) => void;
|
|
13
|
+
stickyHeader?: boolean;
|
|
14
|
+
borderStyle?: "sm" | "none";
|
|
15
|
+
alternateRowBackground?: boolean;
|
|
13
16
|
}
|
|
14
17
|
|
|
15
18
|
interface Props extends TableContextType {
|
|
@@ -21,6 +24,9 @@ const TableContext: Context<TableContextType> = createContext<TableContextType>(
|
|
|
21
24
|
hasDrawerContents: false,
|
|
22
25
|
sortColumn: undefined,
|
|
23
26
|
setSortColumn: () => {},
|
|
27
|
+
stickyHeader: true,
|
|
28
|
+
borderStyle: "sm",
|
|
29
|
+
alternateRowBackground: true,
|
|
24
30
|
});
|
|
25
31
|
|
|
26
32
|
export const {Provider} = TableContext;
|
|
@@ -31,13 +37,44 @@ export function TableContextProvider({
|
|
|
31
37
|
hasDrawerContents,
|
|
32
38
|
sortColumn,
|
|
33
39
|
setSortColumn,
|
|
40
|
+
stickyHeader,
|
|
41
|
+
borderStyle,
|
|
42
|
+
alternateRowBackground,
|
|
34
43
|
}: Props): React.ReactElement<typeof Provider> {
|
|
35
44
|
return (
|
|
36
|
-
<Provider
|
|
45
|
+
<Provider
|
|
46
|
+
value={{
|
|
47
|
+
columns,
|
|
48
|
+
alternateRowBackground,
|
|
49
|
+
borderStyle,
|
|
50
|
+
hasDrawerContents,
|
|
51
|
+
sortColumn,
|
|
52
|
+
setSortColumn,
|
|
53
|
+
stickyHeader,
|
|
54
|
+
}}
|
|
55
|
+
>
|
|
56
|
+
{children}
|
|
57
|
+
</Provider>
|
|
37
58
|
);
|
|
38
59
|
}
|
|
39
60
|
|
|
40
61
|
export function useTableContext(): TableContextType {
|
|
41
|
-
const {
|
|
42
|
-
|
|
62
|
+
const {
|
|
63
|
+
columns,
|
|
64
|
+
hasDrawerContents,
|
|
65
|
+
setSortColumn,
|
|
66
|
+
sortColumn,
|
|
67
|
+
stickyHeader,
|
|
68
|
+
alternateRowBackground,
|
|
69
|
+
borderStyle,
|
|
70
|
+
} = useContext(TableContext);
|
|
71
|
+
return {
|
|
72
|
+
columns,
|
|
73
|
+
hasDrawerContents,
|
|
74
|
+
setSortColumn,
|
|
75
|
+
sortColumn,
|
|
76
|
+
stickyHeader,
|
|
77
|
+
alternateRowBackground,
|
|
78
|
+
borderStyle,
|
|
79
|
+
};
|
|
43
80
|
}
|
package/tsconfig.json
CHANGED