ferns-ui 0.12.0 → 0.12.2
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/Box.js +1 -0
- package/dist/Box.js.map +1 -1
- package/dist/Common.d.ts +1 -0
- package/dist/Common.js.map +1 -1
- package/dist/DateTimeField.android.js +14 -16
- package/dist/DateTimeField.android.js.map +1 -1
- package/dist/DateTimeField.ios.js +7 -9
- package/dist/DateTimeField.ios.js.map +1 -1
- package/dist/DateTimeField.js +8 -11
- package/dist/DateTimeField.js.map +1 -1
- package/dist/Field.js +7 -1
- package/dist/Field.js.map +1 -1
- package/package.json +1 -1
- package/src/Box.tsx +1 -0
- package/src/Common.ts +1 -0
- package/src/DateTimeField.android.tsx +18 -21
- package/src/DateTimeField.ios.tsx +14 -17
- package/src/DateTimeField.tsx +17 -22
- package/src/Field.tsx +10 -1
package/dist/Box.js
CHANGED
|
@@ -85,6 +85,7 @@ export class Box extends React.Component {
|
|
|
85
85
|
paddingX: (value) => ({ paddingLeft: value * SPACING, paddingRight: value * SPACING }),
|
|
86
86
|
paddingY: (value) => ({ paddingTop: value * SPACING, paddingBottom: value * SPACING }),
|
|
87
87
|
padding: (value) => ({ padding: value * SPACING }),
|
|
88
|
+
zIndex: (value) => ({ zIndex: value ? value : undefined }),
|
|
88
89
|
position: (value) => ({ position: value }),
|
|
89
90
|
top: (top) => ({ top: top ? 0 : undefined }),
|
|
90
91
|
bottom: (bottom) => ({ bottom: bottom ? 0 : undefined }),
|
package/dist/Box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../src/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,oBAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,IAAI,GACL,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAgE,OAAO,EAAC,MAAM,UAAU,CAAC;AAChG,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,OAAO,GAAI,SAAQ,KAAK,CAAC,SAAuB;
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../src/Box.tsx"],"names":[],"mappings":"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"}
|
package/dist/Common.d.ts
CHANGED
package/dist/Common.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAgVA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAkBzB,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;
|
|
1
|
+
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAgVA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAkBzB,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;AA64BD,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"}
|
|
@@ -1,26 +1,24 @@
|
|
|
1
1
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
2
|
import moment from "moment-timezone";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { View } from "react-native";
|
|
5
4
|
import { Box } from "./Box";
|
|
6
5
|
import { WithLabel } from "./WithLabel";
|
|
7
6
|
export const DateTimeField = ({ mode, value, onChange, errorMessage, errorMessageColor, }) => {
|
|
8
7
|
return (React.createElement(WithLabel, { label: errorMessage, labelColor: errorMessageColor || "red", labelPlacement: "after", labelSize: "sm" },
|
|
9
8
|
React.createElement(WithLabel, null,
|
|
10
|
-
React.createElement(
|
|
11
|
-
React.createElement(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
} })))))));
|
|
9
|
+
React.createElement(Box, { maxWidth: 300 },
|
|
10
|
+
React.createElement(DateTimePicker, { display: "spinner", mode: mode === "datetime" ? "date" : mode, testID: "dateTimePicker", value: moment(value).toDate(), onChange: (event, date) => {
|
|
11
|
+
if (!date) {
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
onChange(value);
|
|
15
|
+
} }),
|
|
16
|
+
mode === "datetime" && (React.createElement(DateTimePicker, { display: "spinner", mode: "time", testID: "dateTimePicker", value: moment(value).toDate(), onChange: (event, date) => {
|
|
17
|
+
// fix to append to date object
|
|
18
|
+
if (!date) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
onChange(value);
|
|
22
|
+
} }))))));
|
|
25
23
|
};
|
|
26
24
|
//# sourceMappingURL=DateTimeField.android.js.map
|
|
@@ -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,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DateTimeField.android.js","sourceRoot":"","sources":["../src/DateTimeField.android.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,iBAAiB,GACE,EAAgB,EAAE;IACrC,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,iBAAiB,IAAI,KAAK,EACtC,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,IAAI;QAEd,oBAAC,SAAS;YACR,oBAAC,GAAG,IAAC,QAAQ,EAAE,GAAG;gBAChB,oBAAC,cAAc,IACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACzC,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAC7B,QAAQ,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;wBAClC,IAAI,CAAC,IAAI,EAAE;4BACT,OAAO;yBACR;wBACD,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAClB,CAAC,GACD;gBACD,IAAI,KAAK,UAAU,IAAI,CACtB,oBAAC,cAAc,IACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAC7B,QAAQ,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;wBAClC,+BAA+B;wBAC/B,IAAI,CAAC,IAAI,EAAE;4BACT,OAAO;yBACR;wBACD,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAClB,CAAC,GACD,CACH,CACG,CACI,CACF,CACb,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
2
|
import moment from "moment-timezone";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { View } from "react-native";
|
|
5
4
|
import { Box } from "./Box";
|
|
6
5
|
import { WithLabel } from "./WithLabel";
|
|
7
6
|
export const DateTimeField = ({ mode, value, onChange, errorMessage, errorMessageColor, }) => {
|
|
8
7
|
return (React.createElement(WithLabel, { label: errorMessage, labelColor: errorMessageColor || "red", labelPlacement: "after", labelSize: "sm" },
|
|
9
8
|
React.createElement(WithLabel, null,
|
|
10
|
-
React.createElement(
|
|
11
|
-
React.createElement(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
} }))))));
|
|
9
|
+
React.createElement(Box, { maxWidth: 300 },
|
|
10
|
+
React.createElement(DateTimePicker, { display: "spinner", mode: mode, testID: "dateTimePicker", value: moment(value).toDate(), onChange: (event, date) => {
|
|
11
|
+
if (!date) {
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
onChange(value);
|
|
15
|
+
} })))));
|
|
18
16
|
};
|
|
19
17
|
//# sourceMappingURL=DateTimeField.ios.js.map
|
|
@@ -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,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DateTimeField.ios.js","sourceRoot":"","sources":["../src/DateTimeField.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,iBAAiB,GACE,EAAgB,EAAE;IACrC,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,iBAAiB,IAAI,KAAK,EACtC,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,IAAI;QAEd,oBAAC,SAAS;YACR,oBAAC,GAAG,IAAC,QAAQ,EAAE,GAAG;gBAChB,oBAAC,cAAc,IACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAC7B,QAAQ,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;wBAClC,IAAI,CAAC,IAAI,EAAE;4BACT,OAAO;yBACR;wBACD,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAClB,CAAC,GACD,CACE,CACI,CACF,CACb,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/DateTimeField.js
CHANGED
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import DatePicker from "react-date-picker";
|
|
3
3
|
import DateTimePickerWeb from "react-datetime-picker";
|
|
4
|
-
import { View } from "react-native";
|
|
5
4
|
import TimePicker from "react-time-picker";
|
|
6
5
|
import { Box } from "./Box";
|
|
7
6
|
import { WithLabel } from "./WithLabel";
|
|
8
7
|
export const DateTimeField = ({ mode, value, onChange, errorMessage, errorMessageColor, }) => {
|
|
9
8
|
return (React.createElement(WithLabel, { label: errorMessage, labelColor: errorMessageColor || "red", labelPlacement: "after", labelSize: "sm" },
|
|
10
|
-
React.createElement(
|
|
11
|
-
React.createElement(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
onChange(newDate);
|
|
19
|
-
} })))))));
|
|
9
|
+
React.createElement(Box, { flex: "grow", maxWidth: 300, zIndex: "auto" },
|
|
10
|
+
mode === "datetime" && (React.createElement(DateTimePickerWeb, { disableClock: true, value: value, onChange: onChange })),
|
|
11
|
+
mode === "date" && React.createElement(DatePicker, { value: value, onChange: onChange }),
|
|
12
|
+
mode === "time" && (React.createElement(TimePicker, { disableClock: true, value: value, onChange: (newVal) => {
|
|
13
|
+
// TimePicker returns a string or Date, so we need to make sure it's a Date
|
|
14
|
+
const newDate = new Date(newVal);
|
|
15
|
+
onChange(newDate);
|
|
16
|
+
} })))));
|
|
20
17
|
};
|
|
21
18
|
//# sourceMappingURL=DateTimeField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeField.js","sourceRoot":"","sources":["../src/DateTimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,
|
|
1
|
+
{"version":3,"file":"DateTimeField.js","sourceRoot":"","sources":["../src/DateTimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,iBAAiB,GACE,EAAgB,EAAE;IACrC,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,iBAAiB,IAAI,KAAK,EACtC,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,IAAI;QAEd,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAC,MAAM;YAC1C,IAAI,KAAK,UAAU,IAAI,CACtB,oBAAC,iBAAiB,IAAC,YAAY,QAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACrE;YACA,IAAI,KAAK,MAAM,IAAI,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI;YACnE,IAAI,KAAK,MAAM,IAAI,CAClB,oBAAC,UAAU,IACT,YAAY,QACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oBACnB,2EAA2E;oBAC3E,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC;oBACjC,QAAQ,CAAC,OAAO,CAAC,CAAC;gBACpB,CAAC,GACD,CACH,CACG,CACI,CACb,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Field.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from "react";
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
2
|
import { Box } from "./Box";
|
|
3
3
|
import { USSTATESLIST } from "./Constants";
|
|
4
4
|
import { FieldWithLabels } from "./FieldWithLabels";
|
|
@@ -37,6 +37,12 @@ export function Field(props) {
|
|
|
37
37
|
props.handleChange(props.name, newValue);
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
// upon initialization, set the value within the parent to the initial value
|
|
42
|
+
handleChange(props.initialValue || (props.options && props.options[0] ? props.options[0].value : ""));
|
|
43
|
+
// only want to run this once so setting empty dependency array
|
|
44
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
45
|
+
}, []);
|
|
40
46
|
// Custom select has 3 values - the overall field value, the value of the select menu, and the value of the custom input
|
|
41
47
|
const handleCustomSelectListChange = (newValue) => {
|
|
42
48
|
// If "custom" is selected from the dropdown, toggle the custom input open and clear the previous value
|
package/dist/Field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../src/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../src/Field.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/Box.tsx
CHANGED
|
@@ -90,6 +90,7 @@ export class Box extends React.Component<BoxProps, {}> {
|
|
|
90
90
|
paddingX: (value) => ({paddingLeft: value * SPACING, paddingRight: value * SPACING}),
|
|
91
91
|
paddingY: (value) => ({paddingTop: value * SPACING, paddingBottom: value * SPACING}),
|
|
92
92
|
padding: (value) => ({padding: value * SPACING}),
|
|
93
|
+
zIndex: (value) => ({zIndex: value ? value : undefined}),
|
|
93
94
|
position: (value) => ({position: value}),
|
|
94
95
|
top: (top) => ({top: top ? 0 : undefined}),
|
|
95
96
|
bottom: (bottom) => ({bottom: bottom ? 0 : undefined}),
|
package/src/Common.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
2
|
import moment from "moment-timezone";
|
|
3
3
|
import React, {ReactElement} from "react";
|
|
4
|
-
import {View} from "react-native";
|
|
5
4
|
|
|
6
5
|
import {Box} from "./Box";
|
|
7
6
|
import {DateTimeFieldProps} from "./Common";
|
|
@@ -22,37 +21,35 @@ export const DateTimeField = ({
|
|
|
22
21
|
labelSize="sm"
|
|
23
22
|
>
|
|
24
23
|
<WithLabel>
|
|
25
|
-
<
|
|
26
|
-
<
|
|
24
|
+
<Box maxWidth={300}>
|
|
25
|
+
<DateTimePicker
|
|
26
|
+
display="spinner"
|
|
27
|
+
mode={mode === "datetime" ? "date" : mode}
|
|
28
|
+
testID="dateTimePicker"
|
|
29
|
+
value={moment(value).toDate()}
|
|
30
|
+
onChange={(event: any, date: any) => {
|
|
31
|
+
if (!date) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
onChange(value);
|
|
35
|
+
}}
|
|
36
|
+
/>
|
|
37
|
+
{mode === "datetime" && (
|
|
27
38
|
<DateTimePicker
|
|
28
39
|
display="spinner"
|
|
29
|
-
mode=
|
|
40
|
+
mode="time"
|
|
30
41
|
testID="dateTimePicker"
|
|
31
42
|
value={moment(value).toDate()}
|
|
32
43
|
onChange={(event: any, date: any) => {
|
|
44
|
+
// fix to append to date object
|
|
33
45
|
if (!date) {
|
|
34
46
|
return;
|
|
35
47
|
}
|
|
36
48
|
onChange(value);
|
|
37
49
|
}}
|
|
38
50
|
/>
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
display="spinner"
|
|
42
|
-
mode="time"
|
|
43
|
-
testID="dateTimePicker"
|
|
44
|
-
value={moment(value).toDate()}
|
|
45
|
-
onChange={(event: any, date: any) => {
|
|
46
|
-
// fix to append to date object
|
|
47
|
-
if (!date) {
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
onChange(value);
|
|
51
|
-
}}
|
|
52
|
-
/>
|
|
53
|
-
)}
|
|
54
|
-
</Box>
|
|
55
|
-
</View>
|
|
51
|
+
)}
|
|
52
|
+
</Box>
|
|
56
53
|
</WithLabel>
|
|
57
54
|
</WithLabel>
|
|
58
55
|
);
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
2
|
import moment from "moment-timezone";
|
|
3
3
|
import React, {ReactElement} from "react";
|
|
4
|
-
import {View} from "react-native";
|
|
5
4
|
|
|
6
5
|
import {Box} from "./Box";
|
|
7
6
|
import {DateTimeFieldProps} from "./Common";
|
|
@@ -22,22 +21,20 @@ export const DateTimeField = ({
|
|
|
22
21
|
labelSize="sm"
|
|
23
22
|
>
|
|
24
23
|
<WithLabel>
|
|
25
|
-
<
|
|
26
|
-
<
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
</Box>
|
|
40
|
-
</View>
|
|
24
|
+
<Box maxWidth={300}>
|
|
25
|
+
<DateTimePicker
|
|
26
|
+
display="spinner"
|
|
27
|
+
mode={mode}
|
|
28
|
+
testID="dateTimePicker"
|
|
29
|
+
value={moment(value).toDate()}
|
|
30
|
+
onChange={(event: any, date: any) => {
|
|
31
|
+
if (!date) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
onChange(value);
|
|
35
|
+
}}
|
|
36
|
+
/>
|
|
37
|
+
</Box>
|
|
41
38
|
</WithLabel>
|
|
42
39
|
</WithLabel>
|
|
43
40
|
);
|
package/src/DateTimeField.tsx
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React, {ReactElement} from "react";
|
|
2
2
|
import DatePicker from "react-date-picker";
|
|
3
3
|
import DateTimePickerWeb from "react-datetime-picker";
|
|
4
|
-
import {View} from "react-native";
|
|
5
4
|
import TimePicker from "react-time-picker";
|
|
6
5
|
|
|
7
6
|
import {Box} from "./Box";
|
|
@@ -22,27 +21,23 @@ export const DateTimeField = ({
|
|
|
22
21
|
labelPlacement="after"
|
|
23
22
|
labelSize="sm"
|
|
24
23
|
>
|
|
25
|
-
<
|
|
26
|
-
|
|
27
|
-
<
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
)}
|
|
43
|
-
</Box>
|
|
44
|
-
</View>
|
|
45
|
-
</WithLabel>
|
|
24
|
+
<Box flex="grow" maxWidth={300} zIndex="auto">
|
|
25
|
+
{mode === "datetime" && (
|
|
26
|
+
<DateTimePickerWeb disableClock value={value} onChange={onChange} />
|
|
27
|
+
)}
|
|
28
|
+
{mode === "date" && <DatePicker value={value} onChange={onChange} />}
|
|
29
|
+
{mode === "time" && (
|
|
30
|
+
<TimePicker
|
|
31
|
+
disableClock
|
|
32
|
+
value={value}
|
|
33
|
+
onChange={(newVal) => {
|
|
34
|
+
// TimePicker returns a string or Date, so we need to make sure it's a Date
|
|
35
|
+
const newDate = new Date(newVal);
|
|
36
|
+
onChange(newDate);
|
|
37
|
+
}}
|
|
38
|
+
/>
|
|
39
|
+
)}
|
|
40
|
+
</Box>
|
|
46
41
|
</WithLabel>
|
|
47
42
|
);
|
|
48
43
|
};
|
package/src/Field.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {useState} from "react";
|
|
1
|
+
import React, {useEffect, useState} from "react";
|
|
2
2
|
|
|
3
3
|
import {Box} from "./Box";
|
|
4
4
|
import {AddressInterface, FieldWithLabelsProps, TextFieldType} from "./Common";
|
|
@@ -72,6 +72,15 @@ export function Field(props: FieldProps) {
|
|
|
72
72
|
}
|
|
73
73
|
};
|
|
74
74
|
|
|
75
|
+
useEffect(() => {
|
|
76
|
+
// upon initialization, set the value within the parent to the initial value
|
|
77
|
+
handleChange(
|
|
78
|
+
props.initialValue || (props.options && props.options[0] ? props.options[0].value : "")
|
|
79
|
+
);
|
|
80
|
+
// only want to run this once so setting empty dependency array
|
|
81
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
82
|
+
}, []);
|
|
83
|
+
|
|
75
84
|
// Custom select has 3 values - the overall field value, the value of the select menu, and the value of the custom input
|
|
76
85
|
const handleCustomSelectListChange = (newValue: string) => {
|
|
77
86
|
// If "custom" is selected from the dropdown, toggle the custom input open and clear the previous value
|