@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.
@@ -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)=>_react.default.createElement(_f36components.Select.Option, {
28
+ }, _zoneOffsets.zoneOffsets.map((offset)=>/*#__PURE__*/ _react.default.createElement(_f36components.Select.Option, {
29
29
  key: offset,
30
30
  value: offset
31
31
  }, "UTC", offset)));
@@ -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)=>React.createElement(Select.Option, {
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.7.10",
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.7.0",
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": "62868063532796d312b7002cac13f27ab3557110"
59
+ "gitHead": "a86f67a6d507eb7c8c7a38b4312380361bdbebbb"
58
60
  }