ferns-ui 0.27.0 → 0.27.1

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.
Files changed (4) hide show
  1. package/dist/DateTimeField.js +19 -2
  2. package/dist/DateTimeField.js.map +1 -1
  3. package/package.json +4 -4
  4. package/src/DateTimeField.tsx +28 -2
package/dist/DateTimeField.js CHANGED
@@ -1,3 +1,4 @@
1
+ import isArray from "lodash/isArray";
1
2
  import React from "react";
2
3
  import DatePicker from "react-date-picker";
3
4
  import DateTimePickerWeb from "react-datetime-picker";
@@ -7,9 +8,25 @@ import { WithLabel } from "./WithLabel";
7
8
  export const DateTimeField = ({ mode, value, onChange, errorMessage, errorMessageColor, }) => {
8
9
  return (React.createElement(WithLabel, { label: errorMessage, labelColor: errorMessageColor || "red", labelPlacement: "after", labelSize: "sm" },
9
10
  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 }),
11
+ mode === "datetime" && (React.createElement(DateTimePickerWeb, { disableClock: true, value: value, onChange: (newVal) => {
12
+ if (isArray(newVal) || !newVal) {
13
+ console.warn("DateTimePicker returned an array", newVal);
14
+ return;
15
+ }
16
+ onChange(newVal);
17
+ } })),
18
+ mode === "date" && (React.createElement(DatePicker, { value: value, onChange: (newVal) => {
19
+ if (isArray(newVal) || !newVal) {
20
+ console.warn("DatePicker returned an array", newVal);
21
+ return;
22
+ }
23
+ onChange(newVal);
24
+ } })),
12
25
  mode === "time" && (React.createElement(TimePicker, { disableClock: true, value: value, onChange: (newVal) => {
26
+ if (isArray(newVal) || !newVal) {
27
+ console.warn("TimePicker returned an array", newVal);
28
+ return;
29
+ }
13
30
  // TimePicker returns a string or Date, so we need to make sure it's a Date
14
31
  const newDate = new Date(newVal);
15
32
  onChange(newDate);
package/dist/DateTimeField.js.map CHANGED
@@ -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,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,GACgB,EAAgB,EAAE;IACnD,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"}
1
+ {"version":3,"file":"DateTimeField.js","sourceRoot":"","sources":["../src/DateTimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,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,GACgB,EAAgB,EAAE;IACnD,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,IAChB,YAAY,QACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oBACnB,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE;wBAC9B,OAAO,CAAC,IAAI,CAAC,kCAAkC,EAAE,MAAM,CAAC,CAAC;wBACzD,OAAO;qBACR;oBACD,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACnB,CAAC,GACD,CACH;YACA,IAAI,KAAK,MAAM,IAAI,CAClB,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oBACnB,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE;wBAC9B,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,MAAM,CAAC,CAAC;wBACrD,OAAO;qBACR;oBACD,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACnB,CAAC,GACD,CACH;YACA,IAAI,KAAK,MAAM,IAAI,CAClB,oBAAC,UAAU,IACT,YAAY,QACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oBACnB,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE;wBAC9B,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,MAAM,CAAC,CAAC;wBACrD,OAAO;qBACR;oBACD,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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ferns-ui",
3
- "version": "0.27.0",
3
+ "version": "0.27.1",
4
4
  "main": "dist/index.js",
5
5
  "license": "Apache-2.0",
6
6
  "scripts": {
@@ -149,8 +149,8 @@
149
149
  "prettier": "^2.8.4",
150
150
  "react": "18.2.0",
151
151
  "react-app-polyfill": "^3.0.0",
152
- "react-date-picker": "^9.2.0",
153
- "react-datetime-picker": "^4.2.0",
152
+ "react-date-picker": "^10.0.3",
153
+ "react-datetime-picker": "^5.0.3",
154
154
  "react-dev-utils": "^12.0.1",
155
155
  "react-dom": "18.2.0",
156
156
  "react-native": "0.71.3",
@@ -164,7 +164,7 @@
164
164
  "react-native-toast-notifications": "^3.3.1",
165
165
  "react-router": "^6.8.2",
166
166
  "react-router-dom": "^6.8.2",
167
- "react-time-picker": "^5.2.0",
167
+ "react-time-picker": "^6.0.4",
168
168
  "typescript": "^4.9.4"
169
169
  },
170
170
  "peerDependencies": {
package/src/DateTimeField.tsx CHANGED
@@ -1,3 +1,4 @@
1
+ import isArray from "lodash/isArray";
1
2
  import React, {ReactElement} from "react";
2
3
  import DatePicker from "react-date-picker";
3
4
  import DateTimePickerWeb from "react-datetime-picker";
@@ -23,14 +24,39 @@ export const DateTimeField = ({
23
24
  >
24
25
  <Box flex="grow" maxWidth={300} zIndex="auto">
25
26
  {mode === "datetime" && (
26
- <DateTimePickerWeb disableClock value={value} onChange={onChange} />
27
+ <DateTimePickerWeb
28
+ disableClock
29
+ value={value}
30
+ onChange={(newVal) => {
31
+ if (isArray(newVal) || !newVal) {
32
+ console.warn("DateTimePicker returned an array", newVal);
33
+ return;
34
+ }
35
+ onChange(newVal);
36
+ }}
37
+ />
38
+ )}
39
+ {mode === "date" && (
40
+ <DatePicker
41
+ value={value}
42
+ onChange={(newVal) => {
43
+ if (isArray(newVal) || !newVal) {
44
+ console.warn("DatePicker returned an array", newVal);
45
+ return;
46
+ }
47
+ onChange(newVal);
48
+ }}
49
+ />
27
50
  )}
28
- {mode === "date" && <DatePicker value={value} onChange={onChange} />}
29
51
  {mode === "time" && (
30
52
  <TimePicker
31
53
  disableClock
32
54
  value={value}
33
55
  onChange={(newVal) => {
56
+ if (isArray(newVal) || !newVal) {
57
+ console.warn("TimePicker returned an array", newVal);
58
+ return;
59
+ }
34
60
  // TimePicker returns a string or Date, so we need to make sure it's a Date
35
61
  const newDate = new Date(newVal);
36
62
  onChange(newDate);