@contentful/field-editor-date 1.7.10 → 1.8.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/cjs/DateEditor.js +10 -10
- package/dist/cjs/DatepickerInput.js +1 -1
- package/dist/cjs/TimepickerInput.js +2 -2
- package/dist/cjs/TimezonePickerInput.js +2 -2
- package/dist/esm/DateEditor.js +10 -10
- package/dist/esm/DatepickerInput.js +1 -1
- package/dist/esm/TimepickerInput.js +2 -2
- package/dist/esm/TimezonePickerInput.js +2 -2
- package/package.json +5 -3
package/dist/cjs/DateEditor.js
CHANGED
|
@@ -89,10 +89,10 @@ function DateEditorContainer({ initialValue, usesTime, usesTimezone, uses12hCloc
|
|
|
89
89
|
}, [
|
|
90
90
|
value
|
|
91
91
|
]);
|
|
92
|
-
return _react.createElement("div", {
|
|
92
|
+
return /*#__PURE__*/ _react.createElement("div", {
|
|
93
93
|
"data-test-id": "date-editor",
|
|
94
94
|
className: styles.root
|
|
95
|
-
}, _react.createElement(_DatepickerInput.DatepickerInput, {
|
|
95
|
+
}, /*#__PURE__*/ _react.createElement(_DatepickerInput.DatepickerInput, {
|
|
96
96
|
disabled: disabled,
|
|
97
97
|
value: value.date,
|
|
98
98
|
onChange: (date)=>{
|
|
@@ -101,9 +101,9 @@ function DateEditorContainer({ initialValue, usesTime, usesTimezone, uses12hCloc
|
|
|
101
101
|
date
|
|
102
102
|
}));
|
|
103
103
|
}
|
|
104
|
-
}), usesTime && _react.createElement(_react.Fragment, null, _react.createElement("div", {
|
|
104
|
+
}), usesTime && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("div", {
|
|
105
105
|
className: styles.separator
|
|
106
|
-
}), _react.createElement(_TimepickerInput.TimepickerInput, {
|
|
106
|
+
}), /*#__PURE__*/ _react.createElement(_TimepickerInput.TimepickerInput, {
|
|
107
107
|
disabled: disabled,
|
|
108
108
|
time: value.time,
|
|
109
109
|
ampm: value.ampm,
|
|
@@ -115,9 +115,9 @@ function DateEditorContainer({ initialValue, usesTime, usesTimezone, uses12hCloc
|
|
|
115
115
|
}));
|
|
116
116
|
},
|
|
117
117
|
uses12hClock: uses12hClock
|
|
118
|
-
})), usesTimezone && _react.createElement(_react.Fragment, null, _react.createElement("div", {
|
|
118
|
+
})), usesTimezone && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("div", {
|
|
119
119
|
className: styles.separator
|
|
120
|
-
}), _react.createElement(_TimezonePickerInput.TimezonepickerInput, {
|
|
120
|
+
}), /*#__PURE__*/ _react.createElement(_TimezonePickerInput.TimezonepickerInput, {
|
|
121
121
|
disabled: disabled,
|
|
122
122
|
value: value.utcOffset,
|
|
123
123
|
onChange: (utcOffset)=>{
|
|
@@ -126,9 +126,9 @@ function DateEditorContainer({ initialValue, usesTime, usesTimezone, uses12hCloc
|
|
|
126
126
|
utcOffset
|
|
127
127
|
}));
|
|
128
128
|
}
|
|
129
|
-
})), hasClear && _react.createElement(_react.Fragment, null, _react.createElement("div", {
|
|
129
|
+
})), hasClear && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("div", {
|
|
130
130
|
className: styles.separator
|
|
131
|
-
}), _react.createElement(_f36components.TextLink, {
|
|
131
|
+
}), /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
|
|
132
132
|
as: "button",
|
|
133
133
|
isDisabled: disabled,
|
|
134
134
|
testId: "date-clear",
|
|
@@ -149,7 +149,7 @@ function DateEditor(props) {
|
|
|
149
149
|
const usesTime = formatParam !== 'dateonly';
|
|
150
150
|
const usesTimezone = formatParam === 'timeZ';
|
|
151
151
|
const uses12hClock = ampmParam === '12';
|
|
152
|
-
return _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
152
|
+
return /*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
153
153
|
field: field,
|
|
154
154
|
isInitiallyDisabled: props.isInitiallyDisabled,
|
|
155
155
|
isDisabled: props.isDisabled,
|
|
@@ -159,7 +159,7 @@ function DateEditor(props) {
|
|
|
159
159
|
value,
|
|
160
160
|
uses12hClock
|
|
161
161
|
});
|
|
162
|
-
return _react.createElement(DateEditorContainer, {
|
|
162
|
+
return /*#__PURE__*/ _react.createElement(DateEditorContainer, {
|
|
163
163
|
initialValue: datetimeValue,
|
|
164
164
|
uses12hClock: uses12hClock,
|
|
165
165
|
usesTimezone: usesTimezone,
|
|
@@ -77,7 +77,7 @@ const DatepickerInput = (props)=>{
|
|
|
77
77
|
}, []);
|
|
78
78
|
const dateObj = props.value?.toObject();
|
|
79
79
|
const selectedDate = dateObj ? new Date(dateObj.years, dateObj.months, dateObj.date) : undefined;
|
|
80
|
-
return _react.default.createElement(_f36components.Datepicker, {
|
|
80
|
+
return /*#__PURE__*/ _react.default.createElement(_f36components.Datepicker, {
|
|
81
81
|
className: styles.root,
|
|
82
82
|
selected: selectedDate,
|
|
83
83
|
onSelect: (day)=>{
|
|
@@ -116,11 +116,11 @@ const TimepickerInput = ({ disabled, uses12hClock, time = '12:00', ampm = 'AM',
|
|
|
116
116
|
ampm: value.format('A')
|
|
117
117
|
});
|
|
118
118
|
};
|
|
119
|
-
return _react.default.createElement(_f36components.Flex, {
|
|
119
|
+
return /*#__PURE__*/ _react.default.createElement(_f36components.Flex, {
|
|
120
120
|
className: (0, _emotion.css)({
|
|
121
121
|
width: '145px'
|
|
122
122
|
})
|
|
123
|
-
}, _react.default.createElement(_f36components.TextInput, {
|
|
123
|
+
}, /*#__PURE__*/ _react.default.createElement(_f36components.TextInput, {
|
|
124
124
|
"aria-label": "Select time",
|
|
125
125
|
placeholder: uses12hClock ? '12:00 AM' : '00:00',
|
|
126
126
|
"date-time-type": uses12hClock ? '12' : '24',
|
|
@@ -17,7 +17,7 @@ function _interop_require_default(obj) {
|
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
19
|
const TimezonepickerInput = ({ disabled, onChange, value = _zoneOffsets.defaultZoneOffset })=>{
|
|
20
|
-
return _react.default.createElement(_f36components.Select, {
|
|
20
|
+
return /*#__PURE__*/ _react.default.createElement(_f36components.Select, {
|
|
21
21
|
"aria-label": "Select timezone",
|
|
22
22
|
testId: "timezone-input",
|
|
23
23
|
value: value,
|
|
@@ -25,7 +25,7 @@ const TimezonepickerInput = ({ disabled, onChange, value = _zoneOffsets.defaultZ
|
|
|
25
25
|
onChange: (e)=>{
|
|
26
26
|
onChange(e.currentTarget.value);
|
|
27
27
|
}
|
|
28
|
-
}, _zoneOffsets.zoneOffsets.map((offset)
|
|
28
|
+
}, _zoneOffsets.zoneOffsets.map((offset)=>/*#__PURE__*/ _react.default.createElement(_f36components.Select.Option, {
|
|
29
29
|
key: offset,
|
|
30
30
|
value: offset
|
|
31
31
|
}, "UTC", offset)));
|
package/dist/esm/DateEditor.js
CHANGED
|
@@ -33,10 +33,10 @@ function DateEditorContainer({ initialValue, usesTime, usesTimezone, uses12hCloc
|
|
|
33
33
|
}, [
|
|
34
34
|
value
|
|
35
35
|
]);
|
|
36
|
-
return React.createElement("div", {
|
|
36
|
+
return /*#__PURE__*/ React.createElement("div", {
|
|
37
37
|
"data-test-id": "date-editor",
|
|
38
38
|
className: styles.root
|
|
39
|
-
}, React.createElement(DatepickerInput, {
|
|
39
|
+
}, /*#__PURE__*/ React.createElement(DatepickerInput, {
|
|
40
40
|
disabled: disabled,
|
|
41
41
|
value: value.date,
|
|
42
42
|
onChange: (date)=>{
|
|
@@ -45,9 +45,9 @@ function DateEditorContainer({ initialValue, usesTime, usesTimezone, uses12hCloc
|
|
|
45
45
|
date
|
|
46
46
|
}));
|
|
47
47
|
}
|
|
48
|
-
}), usesTime && React.createElement(React.Fragment, null, React.createElement("div", {
|
|
48
|
+
}), usesTime && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
|
|
49
49
|
className: styles.separator
|
|
50
|
-
}), React.createElement(TimepickerInput, {
|
|
50
|
+
}), /*#__PURE__*/ React.createElement(TimepickerInput, {
|
|
51
51
|
disabled: disabled,
|
|
52
52
|
time: value.time,
|
|
53
53
|
ampm: value.ampm,
|
|
@@ -59,9 +59,9 @@ function DateEditorContainer({ initialValue, usesTime, usesTimezone, uses12hCloc
|
|
|
59
59
|
}));
|
|
60
60
|
},
|
|
61
61
|
uses12hClock: uses12hClock
|
|
62
|
-
})), usesTimezone && React.createElement(React.Fragment, null, React.createElement("div", {
|
|
62
|
+
})), usesTimezone && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
|
|
63
63
|
className: styles.separator
|
|
64
|
-
}), React.createElement(TimezonepickerInput, {
|
|
64
|
+
}), /*#__PURE__*/ React.createElement(TimezonepickerInput, {
|
|
65
65
|
disabled: disabled,
|
|
66
66
|
value: value.utcOffset,
|
|
67
67
|
onChange: (utcOffset)=>{
|
|
@@ -70,9 +70,9 @@ function DateEditorContainer({ initialValue, usesTime, usesTimezone, uses12hCloc
|
|
|
70
70
|
utcOffset
|
|
71
71
|
}));
|
|
72
72
|
}
|
|
73
|
-
})), hasClear && React.createElement(React.Fragment, null, React.createElement("div", {
|
|
73
|
+
})), hasClear && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
|
|
74
74
|
className: styles.separator
|
|
75
|
-
}), React.createElement(TextLink, {
|
|
75
|
+
}), /*#__PURE__*/ React.createElement(TextLink, {
|
|
76
76
|
as: "button",
|
|
77
77
|
isDisabled: disabled,
|
|
78
78
|
testId: "date-clear",
|
|
@@ -93,7 +93,7 @@ export function DateEditor(props) {
|
|
|
93
93
|
const usesTime = formatParam !== 'dateonly';
|
|
94
94
|
const usesTimezone = formatParam === 'timeZ';
|
|
95
95
|
const uses12hClock = ampmParam === '12';
|
|
96
|
-
return React.createElement(FieldConnector, {
|
|
96
|
+
return /*#__PURE__*/ React.createElement(FieldConnector, {
|
|
97
97
|
field: field,
|
|
98
98
|
isInitiallyDisabled: props.isInitiallyDisabled,
|
|
99
99
|
isDisabled: props.isDisabled,
|
|
@@ -103,7 +103,7 @@ export function DateEditor(props) {
|
|
|
103
103
|
value,
|
|
104
104
|
uses12hClock
|
|
105
105
|
});
|
|
106
|
-
return React.createElement(DateEditorContainer, {
|
|
106
|
+
return /*#__PURE__*/ React.createElement(DateEditorContainer, {
|
|
107
107
|
initialValue: datetimeValue,
|
|
108
108
|
uses12hClock: uses12hClock,
|
|
109
109
|
usesTimezone: usesTimezone,
|
|
@@ -21,7 +21,7 @@ export const DatepickerInput = (props)=>{
|
|
|
21
21
|
}, []);
|
|
22
22
|
const dateObj = props.value?.toObject();
|
|
23
23
|
const selectedDate = dateObj ? new Date(dateObj.years, dateObj.months, dateObj.date) : undefined;
|
|
24
|
-
return React.createElement(Datepicker, {
|
|
24
|
+
return /*#__PURE__*/ React.createElement(Datepicker, {
|
|
25
25
|
className: styles.root,
|
|
26
26
|
selected: selectedDate,
|
|
27
27
|
onSelect: (day)=>{
|
|
@@ -60,11 +60,11 @@ export const TimepickerInput = ({ disabled, uses12hClock, time = '12:00', ampm =
|
|
|
60
60
|
ampm: value.format('A')
|
|
61
61
|
});
|
|
62
62
|
};
|
|
63
|
-
return React.createElement(Flex, {
|
|
63
|
+
return /*#__PURE__*/ React.createElement(Flex, {
|
|
64
64
|
className: css({
|
|
65
65
|
width: '145px'
|
|
66
66
|
})
|
|
67
|
-
}, React.createElement(TextInput, {
|
|
67
|
+
}, /*#__PURE__*/ React.createElement(TextInput, {
|
|
68
68
|
"aria-label": "Select time",
|
|
69
69
|
placeholder: uses12hClock ? '12:00 AM' : '00:00',
|
|
70
70
|
"date-time-type": uses12hClock ? '12' : '24',
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { Select } from '@contentful/f36-components';
|
|
3
3
|
import { zoneOffsets, defaultZoneOffset } from './utils/zoneOffsets';
|
|
4
4
|
export const TimezonepickerInput = ({ disabled, onChange, value = defaultZoneOffset })=>{
|
|
5
|
-
return React.createElement(Select, {
|
|
5
|
+
return /*#__PURE__*/ React.createElement(Select, {
|
|
6
6
|
"aria-label": "Select timezone",
|
|
7
7
|
testId: "timezone-input",
|
|
8
8
|
value: value,
|
|
@@ -10,7 +10,7 @@ export const TimezonepickerInput = ({ disabled, onChange, value = defaultZoneOff
|
|
|
10
10
|
onChange: (e)=>{
|
|
11
11
|
onChange(e.currentTarget.value);
|
|
12
12
|
}
|
|
13
|
-
}, zoneOffsets.map((offset)
|
|
13
|
+
}, zoneOffsets.map((offset)=>/*#__PURE__*/ React.createElement(Select.Option, {
|
|
14
14
|
key: offset,
|
|
15
15
|
value: offset
|
|
16
16
|
}, "UTC", offset)));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-date",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -38,21 +38,23 @@
|
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@contentful/f36-components": "^4.70.0",
|
|
40
40
|
"@contentful/f36-tokens": "^4.0.5",
|
|
41
|
-
"@contentful/field-editor-shared": "^2.
|
|
41
|
+
"@contentful/field-editor-shared": "^2.8.0",
|
|
42
42
|
"emotion": "^10.0.17",
|
|
43
43
|
"moment": "^2.20.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@babel/core": "^7.7.4",
|
|
47
47
|
"@contentful/field-editor-test-utils": "^1.5.2",
|
|
48
|
+
"@lingui/core": "5.3.0",
|
|
48
49
|
"@types/timezoned-date": "^3.0.0",
|
|
49
50
|
"timezoned-date": "^3.0.2"
|
|
50
51
|
},
|
|
51
52
|
"peerDependencies": {
|
|
53
|
+
"@lingui/core": "^5.3.0",
|
|
52
54
|
"react": ">=16.8.0"
|
|
53
55
|
},
|
|
54
56
|
"publishConfig": {
|
|
55
57
|
"registry": "https://npm.pkg.github.com/"
|
|
56
58
|
},
|
|
57
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "a86f67a6d507eb7c8c7a38b4312380361bdbebbb"
|
|
58
60
|
}
|