@contentful/field-editor-date 0.12.3 → 0.13.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/CHANGELOG.md +23 -97
- package/README.md +0 -1
- package/dist/field-editor-date.cjs.development.js +22 -21
- package/dist/field-editor-date.cjs.development.js.map +1 -1
- package/dist/field-editor-date.cjs.production.min.js +1 -1
- package/dist/field-editor-date.cjs.production.min.js.map +1 -1
- package/dist/field-editor-date.esm.js +19 -18
- package/dist/field-editor-date.esm.js.map +1 -1
- package/dist/utils/date.d.ts +2 -2
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,207 +3,133 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
# [0.13.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.12.6...@contentful/field-editor-date@0.13.0) (2021-11-04)
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
### Features
|
|
9
9
|
|
|
10
|
+
- Forma v4 components adoption ([#805](https://github.com/contentful/field-editors/issues/805)) ([526bde6](https://github.com/contentful/field-editors/commit/526bde6e10e0ee3789705ec10fb31489af7ca59e))
|
|
10
11
|
|
|
12
|
+
### BREAKING CHANGES
|
|
11
13
|
|
|
14
|
+
- adopts a new Forma v4 beta
|
|
12
15
|
|
|
13
|
-
|
|
14
|
-
## [0.12.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.12.1...@contentful/field-editor-date@0.12.2) (2021-08-19)
|
|
16
|
+
## [0.12.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.12.5...@contentful/field-editor-date@0.12.6) (2021-10-14)
|
|
15
17
|
|
|
16
18
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
17
19
|
|
|
20
|
+
## [0.12.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.12.4...@contentful/field-editor-date@0.12.5) (2021-10-06)
|
|
18
21
|
|
|
22
|
+
**Note:** Version bump only for package @contentful/field-editor-date
|
|
19
23
|
|
|
24
|
+
## [0.12.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.12.3...@contentful/field-editor-date@0.12.4) (2021-09-17)
|
|
20
25
|
|
|
26
|
+
**Note:** Version bump only for package @contentful/field-editor-date
|
|
21
27
|
|
|
22
|
-
## [0.12.
|
|
28
|
+
## [0.12.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.12.2...@contentful/field-editor-date@0.12.3) (2021-09-16)
|
|
23
29
|
|
|
24
30
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
25
31
|
|
|
32
|
+
## [0.12.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.12.1...@contentful/field-editor-date@0.12.2) (2021-08-19)
|
|
26
33
|
|
|
34
|
+
**Note:** Version bump only for package @contentful/field-editor-date
|
|
27
35
|
|
|
36
|
+
## [0.12.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.12.0...@contentful/field-editor-date@0.12.1) (2021-07-29)
|
|
28
37
|
|
|
38
|
+
**Note:** Version bump only for package @contentful/field-editor-date
|
|
29
39
|
|
|
30
40
|
# [0.12.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.11.6...@contentful/field-editor-date@0.12.0) (2021-07-23)
|
|
31
41
|
|
|
32
|
-
|
|
33
42
|
### Features
|
|
34
43
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
44
|
+
- 💡 new color tokens ([#778](https://github.com/contentful/field-editors/issues/778)) ([fba548d](https://github.com/contentful/field-editors/commit/fba548de32305016df7f2685634eefb14294828f))
|
|
40
45
|
|
|
41
46
|
## [0.11.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.11.3...@contentful/field-editor-date@0.11.6) (2021-07-06)
|
|
42
47
|
|
|
43
48
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
44
49
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
50
|
## [0.11.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.11.3...@contentful/field-editor-date@0.11.5) (2021-07-06)
|
|
50
51
|
|
|
51
52
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
52
53
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
54
|
## [0.11.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.11.3...@contentful/field-editor-date@0.11.4) (2021-06-23)
|
|
58
55
|
|
|
59
56
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
60
57
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
58
|
## [0.11.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.11.2...@contentful/field-editor-date@0.11.3) (2021-06-23)
|
|
66
59
|
|
|
67
60
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
68
61
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
62
|
## [0.11.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.11.1...@contentful/field-editor-date@0.11.2) (2021-06-22)
|
|
74
63
|
|
|
75
64
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
76
65
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
66
|
## [0.11.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.11.0...@contentful/field-editor-date@0.11.1) (2021-03-05)
|
|
82
67
|
|
|
83
68
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
84
69
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
70
|
# [0.11.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.10.2...@contentful/field-editor-date@0.11.0) (2021-02-19)
|
|
90
71
|
|
|
91
|
-
|
|
92
72
|
### Features
|
|
93
73
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
74
|
+
- bump min version of forma-36 ([#606](https://github.com/contentful/field-editors/issues/606)) ([fd57c7a](https://github.com/contentful/field-editors/commit/fd57c7a4312766af38c01507f17706ab22992617))
|
|
99
75
|
|
|
100
76
|
## [0.10.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.10.1...@contentful/field-editor-date@0.10.2) (2021-02-09)
|
|
101
77
|
|
|
102
78
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
103
79
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
80
|
## [0.10.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.10.0...@contentful/field-editor-date@0.10.1) (2021-02-01)
|
|
109
81
|
|
|
110
82
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
111
83
|
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
84
|
# [0.10.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.9.2...@contentful/field-editor-date@0.10.0) (2021-01-20)
|
|
117
85
|
|
|
118
|
-
|
|
119
86
|
### Features
|
|
120
87
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
88
|
+
- update minimal forma-36 versions to use updated design ([#565](https://github.com/contentful/field-editors/issues/565)) ([332c734](https://github.com/contentful/field-editors/commit/332c734bfaf54f0e9773fcbb460d743b1f5459ec))
|
|
126
89
|
|
|
127
90
|
## [0.9.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.9.1...@contentful/field-editor-date@0.9.2) (2021-01-15)
|
|
128
91
|
|
|
129
|
-
|
|
130
92
|
### Bug Fixes
|
|
131
93
|
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
94
|
+
- 🐛 small layout adjustments ([#555](https://github.com/contentful/field-editors/issues/555)) ([235c594](https://github.com/contentful/field-editors/commit/235c5941db152d2921a9ef134c1a71b0069a4dc2))
|
|
137
95
|
|
|
138
96
|
## [0.9.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.9.0...@contentful/field-editor-date@0.9.1) (2021-01-12)
|
|
139
97
|
|
|
140
|
-
|
|
141
98
|
### Bug Fixes
|
|
142
99
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
100
|
+
- use forma tokens for border radiuses ([#553](https://github.com/contentful/field-editors/issues/553)) ([f4eb745](https://github.com/contentful/field-editors/commit/f4eb74568c7bc0cc25028542821ba64e50e226bd))
|
|
148
101
|
|
|
149
102
|
# [0.9.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.8.4...@contentful/field-editor-date@0.9.0) (2021-01-12)
|
|
150
103
|
|
|
151
|
-
|
|
152
104
|
### Features
|
|
153
105
|
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
106
|
+
- update minimal required Forma version to the 3.73.12 ([#552](https://github.com/contentful/field-editors/issues/552)) ([2816fd9](https://github.com/contentful/field-editors/commit/2816fd960c28815faebf49a9ef8f4c4c0d91fc36))
|
|
159
107
|
|
|
160
108
|
## [0.8.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.8.3...@contentful/field-editor-date@0.8.4) (2020-12-16)
|
|
161
109
|
|
|
162
110
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
163
111
|
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
112
|
## [0.8.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.8.2...@contentful/field-editor-date@0.8.3) (2020-11-06)
|
|
169
113
|
|
|
170
114
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
171
115
|
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
116
|
## [0.8.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.8.1...@contentful/field-editor-date@0.8.2) (2020-11-06)
|
|
177
117
|
|
|
178
118
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
179
119
|
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
120
|
## [0.8.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.8.0...@contentful/field-editor-date@0.8.1) (2020-11-05)
|
|
185
121
|
|
|
186
122
|
**Note:** Version bump only for package @contentful/field-editor-date
|
|
187
123
|
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
124
|
# [0.8.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.7.1...@contentful/field-editor-date@0.8.0) (2020-10-28)
|
|
193
125
|
|
|
194
|
-
|
|
195
126
|
### Bug Fixes
|
|
196
127
|
|
|
197
|
-
|
|
198
|
-
|
|
128
|
+
- 🐛 isInitiallyDisabled being null in examples ([#414](https://github.com/contentful/field-editors/issues/414)) ([df53405](https://github.com/contentful/field-editors/commit/df534055cfa64c533725cb5bca392a0a82e54be6))
|
|
199
129
|
|
|
200
130
|
### Features
|
|
201
131
|
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
132
|
+
- 🎸 do not show link actions on full reference/media fields ([#437](https://github.com/contentful/field-editors/issues/437)) ([4d11496](https://github.com/contentful/field-editors/commit/4d11496acda86046710e650948b7d87c97925205))
|
|
207
133
|
|
|
208
134
|
## [0.7.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@0.7.0...@contentful/field-editor-date@0.7.1) (2020-08-24)
|
|
209
135
|
|
package/README.md
CHANGED
|
@@ -7,6 +7,5 @@ npm install @contentful/field-editor-date
|
|
|
7
7
|
This package contains a React `DateEditor` component that is used as a default for the `Date` field type in the Contentful web application.
|
|
8
8
|
|
|
9
9
|
```js
|
|
10
|
-
import '@contentful/forma-36-react-components/dist/styles.css';
|
|
11
10
|
import { DateEditor } from '@contentful/field-editor-date';
|
|
12
11
|
```
|
|
@@ -7,12 +7,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
9
|
var emotion = require('emotion');
|
|
10
|
-
var tokens = _interopDefault(require('@contentful/
|
|
11
|
-
var forma36ReactComponents = require('@contentful/forma-36-react-components');
|
|
10
|
+
var tokens = _interopDefault(require('@contentful/f36-tokens'));
|
|
12
11
|
var fieldEditorShared = require('@contentful/field-editor-shared');
|
|
13
12
|
var noop = _interopDefault(require('lodash/noop'));
|
|
14
13
|
var moment = _interopDefault(require('moment'));
|
|
15
14
|
var Pikaday = _interopDefault(require('pikaday'));
|
|
15
|
+
var f36Components = require('@contentful/f36-components');
|
|
16
16
|
|
|
17
17
|
function _extends() {
|
|
18
18
|
_extends = Object.assign || function (target) {
|
|
@@ -231,12 +231,10 @@ var styles = {
|
|
|
231
231
|
}),
|
|
232
232
|
input: /*#__PURE__*/emotion.css({
|
|
233
233
|
width: '270px',
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
'
|
|
238
|
-
cursor: 'not-allowed'
|
|
239
|
-
}
|
|
234
|
+
cursor: 'pointer',
|
|
235
|
+
paddingRight: '40px',
|
|
236
|
+
'&:disabled': {
|
|
237
|
+
cursor: 'not-allowed'
|
|
240
238
|
}
|
|
241
239
|
}),
|
|
242
240
|
icon: /*#__PURE__*/emotion.css({
|
|
@@ -313,13 +311,13 @@ var DatepickerInput = /*#__PURE__*/function (_Component) {
|
|
|
313
311
|
|
|
314
312
|
return React__default.createElement("div", {
|
|
315
313
|
className: styles.datePickerWrapper
|
|
316
|
-
}, React__default.createElement(
|
|
314
|
+
}, React__default.createElement(f36Components.TextInput, {
|
|
317
315
|
"aria-label": "Select date",
|
|
318
316
|
testId: "date-input",
|
|
319
|
-
|
|
320
|
-
|
|
317
|
+
isReadOnly: true,
|
|
318
|
+
isDisabled: this.props.disabled,
|
|
321
319
|
value: formatDateDisplay(this.props.value),
|
|
322
|
-
|
|
320
|
+
ref: this.datePickerNode,
|
|
323
321
|
onFocus: this.handleOpen,
|
|
324
322
|
onBlur: this.handleBlur,
|
|
325
323
|
className: styles.input
|
|
@@ -399,18 +397,21 @@ var TimepickerInput = function TimepickerInput(_ref) {
|
|
|
399
397
|
});
|
|
400
398
|
};
|
|
401
399
|
|
|
402
|
-
return React__default.createElement(
|
|
400
|
+
return React__default.createElement(f36Components.Flex, {
|
|
401
|
+
className: emotion.css({
|
|
402
|
+
width: '140px'
|
|
403
|
+
})
|
|
404
|
+
}, React__default.createElement(f36Components.TextInput, {
|
|
403
405
|
"aria-label": "Select time",
|
|
404
406
|
placeholder: uses12hClock ? '12:00 AM' : '00:00',
|
|
405
407
|
"date-time-type": uses12hClock ? '12' : '24',
|
|
406
408
|
testId: "time-input",
|
|
407
409
|
value: selectedTime,
|
|
408
|
-
|
|
409
|
-
disabled: disabled,
|
|
410
|
+
isDisabled: disabled,
|
|
410
411
|
onFocus: handleFocus,
|
|
411
412
|
onBlur: handleBlur,
|
|
412
413
|
onChange: handleChange
|
|
413
|
-
});
|
|
414
|
+
}));
|
|
414
415
|
};
|
|
415
416
|
|
|
416
417
|
var defaultZoneOffset = '+00:00';
|
|
@@ -421,17 +422,16 @@ var TimezonepickerInput = function TimezonepickerInput(_ref) {
|
|
|
421
422
|
_onChange = _ref.onChange,
|
|
422
423
|
_ref$value = _ref.value,
|
|
423
424
|
value = _ref$value === void 0 ? defaultZoneOffset : _ref$value;
|
|
424
|
-
return React__default.createElement(
|
|
425
|
+
return React__default.createElement(f36Components.Select, {
|
|
425
426
|
"aria-label": "Select timezone",
|
|
426
427
|
testId: "timezone-input",
|
|
427
428
|
value: value,
|
|
428
|
-
width: "medium",
|
|
429
429
|
isDisabled: disabled,
|
|
430
430
|
onChange: function onChange(e) {
|
|
431
431
|
_onChange(e.currentTarget.value);
|
|
432
432
|
}
|
|
433
433
|
}, zoneOffsets.map(function (offset) {
|
|
434
|
-
return React__default.createElement(
|
|
434
|
+
return React__default.createElement(f36Components.Select.Option, {
|
|
435
435
|
key: offset,
|
|
436
436
|
value: offset
|
|
437
437
|
}, "UTC", offset);
|
|
@@ -522,8 +522,9 @@ function DateEditorContainer(_ref) {
|
|
|
522
522
|
}
|
|
523
523
|
})), hasClear && React.createElement(React.Fragment, null, React.createElement("div", {
|
|
524
524
|
className: styles$1.separator
|
|
525
|
-
}), React.createElement(
|
|
526
|
-
|
|
525
|
+
}), React.createElement(f36Components.TextLink, {
|
|
526
|
+
as: "button",
|
|
527
|
+
isDisabled: disabled,
|
|
527
528
|
testId: "date-clear",
|
|
528
529
|
onClick: function onClick() {
|
|
529
530
|
setValue({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-editor-date.cjs.development.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n return moment()\n .set({ hours: 0, minutes: 0 })\n .format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n if (!datetimeString) {\n return null;\n }\n\n const datetime = moment(datetimeString);\n if (ZONE_RX.test(datetimeString)) {\n datetime.utcOffset(datetimeString);\n }\n return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n const timeInput = input.time || '00:00';\n return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(\n input: TimeResult\n): { invalid?: boolean; valid: moment.Moment | null } {\n if (!input.date) {\n return { valid: null };\n }\n\n const time = timeFromUserInput(input);\n\n const date = moment\n .parseZone(input.utcOffset, 'Z')\n .set(input.date.toObject())\n .set({ hours: time.hours(), minutes: time.minutes() });\n\n if (date.isValid()) {\n return { valid: date };\n } else {\n return { invalid: true, valid: null };\n }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n if (date) {\n return date.format('dddd, MMMM Do YYYY');\n } else {\n return '';\n }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n data,\n usesTime,\n usesTimezone\n}: {\n data: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n}) {\n const date = datetimeFromUserInput(data);\n if (date.invalid) {\n return {\n invalid: true\n };\n }\n\n let format;\n if (usesTimezone) {\n format = 'YYYY-MM-DDTHH:mmZ';\n } else if (usesTime) {\n format = 'YYYY-MM-DDTHH:mm';\n } else {\n format = 'YYYY-MM-DD';\n }\n return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n value,\n uses12hClock\n}: {\n value: string | undefined | null;\n uses12hClock: boolean;\n}): TimeResult {\n const datetime = fieldValueToMoment(value);\n\n if (datetime) {\n const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n return {\n date: datetime,\n time: datetime.format(timeFormat),\n ampm: datetime.format('A'),\n utcOffset: datetime.format('Z')\n };\n } else {\n return {\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset()\n };\n }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n previousMonth: 'Previous Month',\n nextMonth: 'Next Month',\n months: [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December'\n ],\n weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']\n};\n\nconst DEFAULTS = {\n i18n: I18N,\n yearRange: 100\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n className?: string;\n onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n return (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"-1 -1 18 19\"\n onClick={props.onClick}\n xmlns=\"http://www.w3.org/2000/svg\"\n className={props.className}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g fill=\"#536171\">\n <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n </g>\n </g>\n </svg>\n );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TextInput } from '@contentful/forma-36-react-components';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nconst styles = {\n datePickerWrapper: css({\n position: 'relative',\n maxHeight: 70,\n }),\n datePicker: css({\n zIndex: 1002,\n display: 'block',\n '.is-hidden': {\n display: 'none',\n },\n }),\n input: css({\n width: '270px',\n input: {\n cursor: 'pointer',\n paddingRight: '40px',\n '&:disabled': {\n cursor: 'not-allowed',\n },\n },\n }),\n icon: css({\n cursor: 'pointer',\n zIndex: 50,\n position: 'absolute',\n top: '12px',\n right: '12px',\n }),\n};\n\nexport type DatePickerProps = {\n value?: moment.Moment;\n onChange: (val: moment.Moment | undefined) => void;\n onBlur: FocusEventHandler;\n disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n static defaultProps: Partial<DatePickerProps> = {\n onChange: noop,\n onBlur: noop,\n };\n\n pikaday?: Pikaday;\n datePickerNode = React.createRef<HTMLInputElement>();\n\n componentDidMount() {\n const onChange = this.props.onChange;\n const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n this.pikaday = createPikaday({\n field: this.datePickerNode && this.datePickerNode.current,\n defaultDate,\n setDefaultDate: defaultDate !== undefined,\n position: 'bottom left',\n reposition: false,\n theme: cx(styles.datePicker, 'hide-carret'),\n toString: (date) => {\n return formatDateDisplay(moment(date));\n },\n // we need to keep this function like this\n // so `this` refers to pikaday instance\n onSelect: function onSelect() {\n onChange(this.getMoment() || undefined);\n },\n });\n }\n\n focusInput = () => {\n if (this.datePickerNode && this.datePickerNode.current) {\n this.datePickerNode.current.focus();\n }\n };\n\n componentWillUnmount() {\n if (this.pikaday) {\n this.pikaday.destroy();\n }\n }\n\n handleOpen = () => {\n if (this.pikaday) {\n this.pikaday.show();\n }\n };\n\n handleBlur = (e: FocusEvent) => {\n this.props.onBlur(e);\n if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n this.pikaday.hide();\n }\n };\n\n render() {\n return (\n <div className={styles.datePickerWrapper}>\n <TextInput\n aria-label=\"Select date\"\n testId=\"date-input\"\n readOnly\n disabled={this.props.disabled}\n value={formatDateDisplay(this.props.value)}\n inputRef={this.datePickerNode}\n onFocus={this.handleOpen}\n onBlur={this.handleBlur}\n className={styles.input}\n />\n <CalendarIcon\n onClick={() => {\n this.focusInput();\n }}\n className={styles.icon}\n />\n </div>\n );\n }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { TextInput } from '@contentful/forma-36-react-components';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\n\nexport type TimepickerProps = {\n disabled: boolean;\n uses12hClock: boolean;\n onChange: (value: { time: string; ampm: string }) => void;\n time?: string;\n ampm?: string;\n};\n\nconst validInputFormats = [\n 'hh:mm a',\n 'hh:mm A',\n 'h:mm a',\n 'h:mm A',\n 'hh:mm',\n 'k:mm',\n 'kk:mm',\n 'h a',\n 'h A',\n 'h',\n 'hh',\n 'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n let time: moment.Moment | null = null;\n\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (let i = 0; i < validInputFormats.length; i++) {\n const date = moment(raw, validInputFormats[i]);\n if (date.isValid()) {\n time = date;\n break;\n }\n }\n\n return time;\n}\n\nconst getDefaultTime = () => {\n return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n disabled,\n uses12hClock,\n time = '12:00',\n ampm = 'AM',\n onChange,\n}: TimepickerProps) => {\n const [selectedTime, setSelectedTime] = useState<string>(() => {\n return formatToString(uses12hClock, getDefaultTime());\n });\n\n useEffect(() => {\n setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n }, [time, ampm, uses12hClock]);\n\n const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n setSelectedTime(e.currentTarget.value);\n }, []);\n\n const handleFocus = useCallback((e) => {\n e.preventDefault();\n e.target.select();\n }, []);\n\n const handleBlur = () => {\n const parsedTime = parseRawInput(selectedTime);\n const value = parsedTime ?? getDefaultTime();\n setSelectedTime(formatToString(uses12hClock, value));\n onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n };\n\n return (\n <TextInput\n aria-label=\"Select time\"\n placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n date-time-type={uses12hClock ? '12' : '24'}\n testId=\"time-input\"\n value={selectedTime}\n width=\"small\"\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n />\n );\n};\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n '-12:00',\n '-11:00',\n '-10:00',\n '-09:30',\n '-09:00',\n '-08:00',\n '-07:00',\n '-06:00',\n '-05:00',\n '-04:30',\n '-04:00',\n '-03:30',\n '-03:00',\n '-02:00',\n '-01:00',\n '+00:00',\n '+01:00',\n '+02:00',\n '+03:00',\n '+03:30',\n '+04:00',\n '+04:30',\n '+05:00',\n '+05:30',\n '+05:45',\n '+06:00',\n '+06:30',\n '+07:00',\n '+08:00',\n '+08:45',\n '+09:00',\n '+09:30',\n '+10:00',\n '+10:30',\n '+11:00',\n '+11:30',\n '+12:00',\n '+12:45',\n '+13:00',\n '+14:00'\n];\n","import React, { ChangeEvent } from 'react';\nimport { Select, Option } from '@contentful/forma-36-react-components';\nimport { zoneOffsets, defaultZoneOffset } from './utils/zoneOffsets';\n\nexport type TimezonepickerProps = {\n disabled: boolean;\n onChange: (value: string) => void;\n value?: string;\n};\n\nexport const TimezonepickerInput = ({\n disabled,\n onChange,\n value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n return (\n <Select\n aria-label=\"Select timezone\"\n testId=\"timezone-input\"\n value={value}\n width=\"medium\"\n isDisabled={disabled}\n onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n onChange(e.currentTarget.value);\n }}>\n {zoneOffsets.map((offset) => (\n <Option key={offset} value={offset}>\n UTC{offset}\n </Option>\n ))}\n </Select>\n );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/forma-36-tokens';\nimport { TextLink } from '@contentful/forma-36-react-components';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport {\n userInputFromDatetime,\n buildFieldValue,\n getDefaultAMPM,\n getDefaultUtcOffset,\n} from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nexport interface DateEditorProps {\n /**\n * is the field disabled initially\n */\n isInitiallyDisabled: boolean;\n\n /**\n * sdk.field\n */\n field: FieldAPI;\n\n /**\n * sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance?: {\n format?: DateTimeFormat;\n ampm?: TimeFormat;\n };\n };\n}\n\nconst styles = {\n root: css({\n display: 'flex',\n alignItems: 'center',\n }),\n separator: css({\n marginLeft: tokens.spacingM,\n }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n const isFirstRun = React.useRef(true);\n React.useEffect(() => {\n if (isFirstRun.current) {\n isFirstRun.current = false;\n return;\n }\n callback();\n }, deps);\n}\n\nfunction DateEditorContainer({\n initialValue,\n usesTime,\n usesTimezone,\n uses12hClock,\n disabled,\n hasClear,\n onChange,\n}: {\n initialValue: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n uses12hClock: boolean;\n disabled: boolean;\n hasClear: boolean;\n onChange: (value: TimeResult) => void;\n}) {\n const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n useEffectWithoutFirstRender(() => {\n onChange(value);\n }, [value]);\n\n return (\n <div data-test-id=\"date-editor\" className={styles.root}>\n <DatepickerInput\n disabled={disabled}\n value={value.date}\n onChange={(date) => {\n setValue((value) => ({\n ...value,\n date,\n }));\n }}\n />\n {usesTime && (\n <>\n <div className={styles.separator} />\n <TimepickerInput\n disabled={disabled}\n time={value.time}\n ampm={value.ampm}\n onChange={({ time, ampm }) => {\n setValue((value) => ({\n ...value,\n time,\n ampm,\n }));\n }}\n uses12hClock={uses12hClock}\n />\n </>\n )}\n {usesTimezone && (\n <>\n <div className={styles.separator} />\n <TimezonepickerInput\n disabled={disabled}\n value={value.utcOffset}\n onChange={(utcOffset) => {\n setValue((value) => ({\n ...value,\n utcOffset,\n }));\n }}\n />\n </>\n )}\n {hasClear && (\n <>\n <div className={styles.separator} />\n <TextLink\n disabled={disabled}\n testId=\"date-clear\"\n onClick={() => {\n setValue({\n date: undefined,\n time: undefined,\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset(),\n });\n }}>\n Clear\n </TextLink>\n </>\n )}\n </div>\n );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n const { field, parameters } = props;\n\n const formatParam = parameters?.instance?.format ?? 'timeZ';\n const ampmParam = parameters?.instance?.ampm ?? '24';\n\n const usesTime = formatParam !== 'dateonly';\n const usesTimezone = formatParam === 'timeZ';\n const uses12hClock = ampmParam === '12';\n\n return (\n <FieldConnector<string>\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n throttle={0}>\n {({ value, disabled, setValue, externalReset }) => {\n const datetimeValue = userInputFromDatetime({\n value,\n uses12hClock,\n });\n return (\n <DateEditorContainer\n initialValue={datetimeValue}\n uses12hClock={uses12hClock}\n usesTimezone={usesTimezone}\n usesTime={usesTime}\n disabled={disabled}\n hasClear={Boolean(value)}\n onChange={(data) => {\n const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n if (fieldValue.invalid) {\n return;\n }\n // if value is present - then override it with a new one\n // if value is not present - then set a new one if it's not nullable only\n if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n setValue(fieldValue.valid);\n }\n }}\n key={`date-container-${externalReset}`}\n />\n );\n }}\n </FieldConnector>\n );\n}\n\nDateEditor.defaultProps = {\n isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","startOfToday","format","moment","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","time","utc","ampm","datetimeFromUserInput","date","valid","parseZone","toObject","isValid","invalid","formatDateDisplay","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","value","uses12hClock","timeFormat","I18N","previousMonth","nextMonth","months","weekdaysShort","weekdays","DEFAULTS","i18n","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","defaultDate","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","readOnly","disabled","inputRef","onFocus","handleOpen","handleBlur","focusInput","Component","noop","validInputFormats","parseRawInput","raw","i","length","getDefaultTime","formatToString","TimepickerInput","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","parsedTime","placeholder","defaultZoneOffset","zoneOffsets","TimezonepickerInput","Select","isDisabled","map","offset","Option","key","root","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","DateEditorContainer","initialValue","hasClear","setValue","TextLink","DateEditor","parameters","formatParam","instance","ampmParam","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","Boolean","fieldValue","defaultProps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"field-editor-date.cjs.development.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n return moment().set({ hours: 0, minutes: 0 }).format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n if (!datetimeString) {\n return null;\n }\n\n const datetime = moment(datetimeString);\n if (ZONE_RX.test(datetimeString)) {\n datetime.utcOffset(datetimeString);\n }\n return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n const timeInput = input.time || '00:00';\n return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(input: TimeResult): {\n invalid?: boolean;\n valid: moment.Moment | null;\n} {\n if (!input.date) {\n return { valid: null };\n }\n\n const time = timeFromUserInput(input);\n\n const date = moment\n .parseZone(input.utcOffset, 'Z')\n .set(input.date.toObject())\n .set({ hours: time.hours(), minutes: time.minutes() });\n\n if (date.isValid()) {\n return { valid: date };\n } else {\n return { invalid: true, valid: null };\n }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n if (date) {\n return date.format('dddd, MMMM Do YYYY');\n } else {\n return '';\n }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n data,\n usesTime,\n usesTimezone,\n}: {\n data: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n}) {\n const date = datetimeFromUserInput(data);\n if (date.invalid) {\n return {\n invalid: true,\n };\n }\n\n let format;\n if (usesTimezone) {\n format = 'YYYY-MM-DDTHH:mmZ';\n } else if (usesTime) {\n format = 'YYYY-MM-DDTHH:mm';\n } else {\n format = 'YYYY-MM-DD';\n }\n return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n value,\n uses12hClock,\n}: {\n value: string | undefined | null;\n uses12hClock: boolean;\n}): TimeResult {\n const datetime = fieldValueToMoment(value);\n\n if (datetime) {\n const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n return {\n date: datetime,\n time: datetime.format(timeFormat),\n ampm: datetime.format('A'),\n utcOffset: datetime.format('Z'),\n };\n } else {\n return {\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset(),\n };\n }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n previousMonth: 'Previous Month',\n nextMonth: 'Next Month',\n months: [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n ],\n weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n};\n\nconst DEFAULTS = {\n i18n: I18N,\n yearRange: 100,\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n className?: string;\n onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n return (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"-1 -1 18 19\"\n onClick={props.onClick}\n xmlns=\"http://www.w3.org/2000/svg\"\n className={props.className}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g fill=\"#536171\">\n <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n </g>\n </g>\n </svg>\n );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nimport { TextInput } from '@contentful/f36-components';\n\nconst styles = {\n datePickerWrapper: css({\n position: 'relative',\n maxHeight: 70,\n }),\n datePicker: css({\n zIndex: 1002,\n display: 'block',\n '.is-hidden': {\n display: 'none',\n },\n }),\n input: css({\n width: '270px',\n cursor: 'pointer',\n paddingRight: '40px',\n '&:disabled': {\n cursor: 'not-allowed',\n },\n }),\n icon: css({\n cursor: 'pointer',\n zIndex: 50,\n position: 'absolute',\n top: '12px',\n right: '12px',\n }),\n};\n\nexport type DatePickerProps = {\n value?: moment.Moment;\n onChange: (val: moment.Moment | undefined) => void;\n onBlur: FocusEventHandler;\n disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n static defaultProps: Partial<DatePickerProps> = {\n onChange: noop,\n onBlur: noop,\n };\n\n pikaday?: Pikaday;\n datePickerNode = React.createRef<HTMLInputElement>();\n\n componentDidMount() {\n const onChange = this.props.onChange;\n const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n this.pikaday = createPikaday({\n field: this.datePickerNode && this.datePickerNode.current,\n defaultDate,\n setDefaultDate: defaultDate !== undefined,\n position: 'bottom left',\n reposition: false,\n theme: cx(styles.datePicker, 'hide-carret'),\n toString: (date) => {\n return formatDateDisplay(moment(date));\n },\n // we need to keep this function like this\n // so `this` refers to pikaday instance\n onSelect: function onSelect() {\n onChange(this.getMoment() || undefined);\n },\n });\n }\n\n focusInput = () => {\n if (this.datePickerNode && this.datePickerNode.current) {\n this.datePickerNode.current.focus();\n }\n };\n\n componentWillUnmount() {\n if (this.pikaday) {\n this.pikaday.destroy();\n }\n }\n\n handleOpen = () => {\n if (this.pikaday) {\n this.pikaday.show();\n }\n };\n\n handleBlur = (e: FocusEvent) => {\n this.props.onBlur(e);\n if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n this.pikaday.hide();\n }\n };\n\n render() {\n return (\n <div className={styles.datePickerWrapper}>\n <TextInput\n aria-label=\"Select date\"\n testId=\"date-input\"\n isReadOnly\n isDisabled={this.props.disabled}\n value={formatDateDisplay(this.props.value)}\n ref={this.datePickerNode}\n onFocus={this.handleOpen}\n onBlur={this.handleBlur}\n className={styles.input}\n />\n <CalendarIcon\n onClick={() => {\n this.focusInput();\n }}\n className={styles.icon}\n />\n </div>\n );\n }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css } from 'emotion';\n\nimport { TextInput, Flex } from '@contentful/f36-components';\n\nexport type TimepickerProps = {\n disabled: boolean;\n uses12hClock: boolean;\n onChange: (value: { time: string; ampm: string }) => void;\n time?: string;\n ampm?: string;\n};\n\nconst validInputFormats = [\n 'hh:mm a',\n 'hh:mm A',\n 'h:mm a',\n 'h:mm A',\n 'hh:mm',\n 'k:mm',\n 'kk:mm',\n 'h a',\n 'h A',\n 'h',\n 'hh',\n 'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n let time: moment.Moment | null = null;\n\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (let i = 0; i < validInputFormats.length; i++) {\n const date = moment(raw, validInputFormats[i]);\n if (date.isValid()) {\n time = date;\n break;\n }\n }\n\n return time;\n}\n\nconst getDefaultTime = () => {\n return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n disabled,\n uses12hClock,\n time = '12:00',\n ampm = 'AM',\n onChange,\n}: TimepickerProps) => {\n const [selectedTime, setSelectedTime] = useState<string>(() => {\n return formatToString(uses12hClock, getDefaultTime());\n });\n\n useEffect(() => {\n setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n }, [time, ampm, uses12hClock]);\n\n const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n setSelectedTime(e.currentTarget.value);\n }, []);\n\n const handleFocus = useCallback((e) => {\n e.preventDefault();\n e.target.select();\n }, []);\n\n const handleBlur = () => {\n const parsedTime = parseRawInput(selectedTime);\n const value = parsedTime ?? getDefaultTime();\n setSelectedTime(formatToString(uses12hClock, value));\n onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n };\n\n return (\n <Flex className={css({ width: '140px' })}>\n <TextInput\n aria-label=\"Select time\"\n placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n date-time-type={uses12hClock ? '12' : '24'}\n testId=\"time-input\"\n value={selectedTime}\n isDisabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n />\n </Flex>\n );\n};\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n '-12:00',\n '-11:00',\n '-10:00',\n '-09:30',\n '-09:00',\n '-08:00',\n '-07:00',\n '-06:00',\n '-05:00',\n '-04:30',\n '-04:00',\n '-03:30',\n '-03:00',\n '-02:00',\n '-01:00',\n '+00:00',\n '+01:00',\n '+02:00',\n '+03:00',\n '+03:30',\n '+04:00',\n '+04:30',\n '+05:00',\n '+05:30',\n '+05:45',\n '+06:00',\n '+06:30',\n '+07:00',\n '+08:00',\n '+08:45',\n '+09:00',\n '+09:30',\n '+10:00',\n '+10:30',\n '+11:00',\n '+11:30',\n '+12:00',\n '+12:45',\n '+13:00',\n '+14:00',\n];\n","import React, { ChangeEvent } from 'react';\nimport { zoneOffsets, defaultZoneOffset } from './utils/zoneOffsets';\n\nimport { Select } from '@contentful/f36-components';\n\nexport type TimezonepickerProps = {\n disabled: boolean;\n onChange: (value: string) => void;\n value?: string;\n};\n\nexport const TimezonepickerInput = ({\n disabled,\n onChange,\n value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n return (\n <Select\n aria-label=\"Select timezone\"\n testId=\"timezone-input\"\n value={value}\n isDisabled={disabled}\n onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n onChange(e.currentTarget.value);\n }}>\n {zoneOffsets.map((offset) => (\n <Select.Option key={offset} value={offset}>\n UTC{offset}\n </Select.Option>\n ))}\n </Select>\n );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport {\n userInputFromDatetime,\n buildFieldValue,\n getDefaultAMPM,\n getDefaultUtcOffset,\n} from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nimport { TextLink } from '@contentful/f36-components';\n\nexport interface DateEditorProps {\n /**\n * is the field disabled initially\n */\n isInitiallyDisabled: boolean;\n\n /**\n * sdk.field\n */\n field: FieldAPI;\n\n /**\n * sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance?: {\n format?: DateTimeFormat;\n ampm?: TimeFormat;\n };\n };\n}\n\nconst styles = {\n root: css({\n display: 'flex',\n alignItems: 'center',\n }),\n separator: css({\n marginLeft: tokens.spacingM,\n }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n const isFirstRun = React.useRef(true);\n React.useEffect(() => {\n if (isFirstRun.current) {\n isFirstRun.current = false;\n return;\n }\n callback();\n }, deps);\n}\n\nfunction DateEditorContainer({\n initialValue,\n usesTime,\n usesTimezone,\n uses12hClock,\n disabled,\n hasClear,\n onChange,\n}: {\n initialValue: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n uses12hClock: boolean;\n disabled: boolean;\n hasClear: boolean;\n onChange: (value: TimeResult) => void;\n}) {\n const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n useEffectWithoutFirstRender(() => {\n onChange(value);\n }, [value]);\n\n return (\n <div data-test-id=\"date-editor\" className={styles.root}>\n <DatepickerInput\n disabled={disabled}\n value={value.date}\n onChange={(date) => {\n setValue((value) => ({\n ...value,\n date,\n }));\n }}\n />\n {usesTime && (\n <>\n <div className={styles.separator} />\n <TimepickerInput\n disabled={disabled}\n time={value.time}\n ampm={value.ampm}\n onChange={({ time, ampm }) => {\n setValue((value) => ({\n ...value,\n time,\n ampm,\n }));\n }}\n uses12hClock={uses12hClock}\n />\n </>\n )}\n {usesTimezone && (\n <>\n <div className={styles.separator} />\n <TimezonepickerInput\n disabled={disabled}\n value={value.utcOffset}\n onChange={(utcOffset) => {\n setValue((value) => ({\n ...value,\n utcOffset,\n }));\n }}\n />\n </>\n )}\n {hasClear && (\n <>\n <div className={styles.separator} />\n <TextLink\n as=\"button\"\n isDisabled={disabled}\n testId=\"date-clear\"\n onClick={() => {\n setValue({\n date: undefined,\n time: undefined,\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset(),\n });\n }}>\n Clear\n </TextLink>\n </>\n )}\n </div>\n );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n const { field, parameters } = props;\n\n const formatParam = parameters?.instance?.format ?? 'timeZ';\n const ampmParam = parameters?.instance?.ampm ?? '24';\n\n const usesTime = formatParam !== 'dateonly';\n const usesTimezone = formatParam === 'timeZ';\n const uses12hClock = ampmParam === '12';\n\n return (\n <FieldConnector<string>\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n throttle={0}>\n {({ value, disabled, setValue, externalReset }) => {\n const datetimeValue = userInputFromDatetime({\n value,\n uses12hClock,\n });\n return (\n <DateEditorContainer\n initialValue={datetimeValue}\n uses12hClock={uses12hClock}\n usesTimezone={usesTimezone}\n usesTime={usesTime}\n disabled={disabled}\n hasClear={Boolean(value)}\n onChange={(data) => {\n const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n if (fieldValue.invalid) {\n return;\n }\n // if value is present - then override it with a new one\n // if value is not present - then set a new one if it's not nullable only\n if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n setValue(fieldValue.valid);\n }\n }}\n key={`date-container-${externalReset}`}\n />\n );\n }}\n </FieldConnector>\n );\n}\n\nDateEditor.defaultProps = {\n isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","startOfToday","format","moment","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","time","utc","ampm","datetimeFromUserInput","date","valid","parseZone","toObject","isValid","invalid","formatDateDisplay","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","value","uses12hClock","timeFormat","I18N","previousMonth","nextMonth","months","weekdaysShort","weekdays","DEFAULTS","i18n","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","defaultDate","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","isReadOnly","isDisabled","disabled","ref","onFocus","handleOpen","handleBlur","focusInput","Component","noop","validInputFormats","parseRawInput","raw","i","length","getDefaultTime","formatToString","TimepickerInput","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","parsedTime","Flex","placeholder","defaultZoneOffset","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","root","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","DateEditorContainer","initialValue","hasClear","setValue","TextLink","as","DateEditor","parameters","formatParam","instance","ampmParam","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","Boolean","fieldValue","defaultProps"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),a=require("emotion"),r=e(require("@contentful/
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),a=require("emotion"),r=e(require("@contentful/f36-tokens")),i=require("@contentful/field-editor-shared"),o=e(require("lodash/noop")),l=e(require("moment")),u=e(require("pikaday")),s=require("@contentful/f36-components");function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var m=/(Z|[+-]\d{2}[:+]?\d{2})$/;function h(e){return e?e.format("dddd, MMMM Do YYYY"):""}function f(){return l().set({hours:0,minutes:0}).format("Z")}var p={i18n:{previousMonth:"Previous Month",nextMonth:"Next Month",months:["January","February","March","April","May","June","July","August","September","October","November","December"],weekdaysShort:["S","M","T","W","T","F","S"],weekdays:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},yearRange:100},v=function(e){return new u(Object.assign({},p,e))};function y(e){return n.createElement("svg",{width:"16",height:"17",viewBox:"-1 -1 18 19",onClick:e.onClick,xmlns:"http://www.w3.org/2000/svg",className:e.className},n.createElement("g",{fill:"none",fillRule:"evenodd"},n.createElement("g",{fill:"#536171"},n.createElement("path",{d:"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z"}))))}var k={datePickerWrapper:a.css({position:"relative",maxHeight:70}),datePicker:a.css({zIndex:1002,display:"block",".is-hidden":{display:"none"}}),input:a.css({width:"270px",cursor:"pointer",paddingRight:"40px","&:disabled":{cursor:"not-allowed"}}),icon:a.css({cursor:"pointer",zIndex:50,position:"absolute",top:"12px",right:"12px"})},b=function(e){var t,r;function i(){var t;return(t=e.apply(this,arguments)||this).datePickerNode=n.createRef(),t.focusInput=function(){t.datePickerNode&&t.datePickerNode.current&&t.datePickerNode.current.focus()},t.handleOpen=function(){t.pikaday&&t.pikaday.show()},t.handleBlur=function(e){t.props.onBlur(e),t.pikaday&&!t.pikaday.el.contains(e.relatedTarget)&&t.pikaday.hide()},t}r=e,(t=i).prototype=Object.create(r.prototype),t.prototype.constructor=t,d(t,r);var o=i.prototype;return o.componentDidMount=function(){var e=this.props.onChange,t=this.props.value?this.props.value.toDate():void 0;this.pikaday=v({field:this.datePickerNode&&this.datePickerNode.current,defaultDate:t,setDefaultDate:void 0!==t,position:"bottom left",reposition:!1,theme:a.cx(k.datePicker,"hide-carret"),toString:function(e){return h(l(e))},onSelect:function(){e(this.getMoment()||void 0)}})},o.componentWillUnmount=function(){this.pikaday&&this.pikaday.destroy()},o.render=function(){var e=this;return n.createElement("div",{className:k.datePickerWrapper},n.createElement(s.TextInput,{"aria-label":"Select date",testId:"date-input",isReadOnly:!0,isDisabled:this.props.disabled,value:h(this.props.value),ref:this.datePickerNode,onFocus:this.handleOpen,onBlur:this.handleBlur,className:k.input}),n.createElement(y,{onClick:function(){e.focusInput()},className:k.icon}))},i}(t.Component);b.defaultProps={onChange:o,onBlur:o};var g=["hh:mm a","hh:mm A","h:mm a","h:mm A","hh:mm","k:mm","kk:mm","h a","h A","h","hh","HH"],C=function(){return l("12:00 AM","hh:mm A")},M=function(e,t){return t.format(e?"hh:mm A":"HH:mm")},E=function(e){var r=e.disabled,i=e.uses12hClock,o=e.time,u=void 0===o?"12:00":o,c=e.ampm,d=void 0===c?"AM":c,m=e.onChange,h=t.useState((function(){return M(i,C())})),f=h[0],p=h[1];t.useEffect((function(){p(M(i,l(u+" "+d,"hh:mm A")))}),[u,d,i]);var v=t.useCallback((function(e){p(e.currentTarget.value)}),[]),y=t.useCallback((function(e){e.preventDefault(),e.target.select()}),[]);return n.createElement(s.Flex,{className:a.css({width:"140px"})},n.createElement(s.TextInput,{"aria-label":"Select time",placeholder:i?"12:00 AM":"00:00","date-time-type":i?"12":"24",testId:"time-input",value:f,isDisabled:r,onFocus:y,onBlur:function(){var e=function(e){for(var t=null,n=0;n<g.length;n++){var a=l(e,g[n]);if(a.isValid()){t=a;break}}return t}(f),t=null!=e?e:C();p(M(i,t)),m({time:t.format("hh:mm"),ampm:t.format("A")})},onChange:v}))},z=["-12:00","-11:00","-10:00","-09:30","-09:00","-08:00","-07:00","-06:00","-05:00","-04:30","-04:00","-03:30","-03:00","-02:00","-01:00","+00:00","+01:00","+02:00","+03:00","+03:30","+04:00","+04:30","+05:00","+05:30","+05:45","+06:00","+06:30","+07:00","+08:00","+08:45","+09:00","+09:30","+10:00","+10:30","+11:00","+11:30","+12:00","+12:45","+13:00","+14:00"],x=function(e){var t=e.onChange,a=e.value;return n.createElement(s.Select,{"aria-label":"Select timezone",testId:"timezone-input",value:void 0===a?"+00:00":a,isDisabled:e.disabled,onChange:function(e){t(e.currentTarget.value)}},z.map((function(e){return n.createElement(s.Select.Option,{key:e,value:e},"UTC",e)})))},D={root:a.css({display:"flex",alignItems:"center"}),separator:a.css({marginLeft:r.spacingM})};function O(e){var n,a,r,i=e.initialValue,o=e.usesTime,l=e.usesTimezone,u=e.uses12hClock,d=e.disabled,m=e.hasClear,h=e.onChange,p=t.useState((function(){return i})),v=p[0],y=p[1];return n=function(){h(v)},a=[v],r=t.useRef(!0),t.useEffect((function(){r.current?r.current=!1:n()}),a),t.createElement("div",{"data-test-id":"date-editor",className:D.root},t.createElement(b,{disabled:d,value:v.date,onChange:function(e){y((function(t){return c({},t,{date:e})}))}}),o&&t.createElement(t.Fragment,null,t.createElement("div",{className:D.separator}),t.createElement(E,{disabled:d,time:v.time,ampm:v.ampm,onChange:function(e){var t=e.time,n=e.ampm;y((function(e){return c({},e,{time:t,ampm:n})}))},uses12hClock:u})),l&&t.createElement(t.Fragment,null,t.createElement("div",{className:D.separator}),t.createElement(x,{disabled:d,value:v.utcOffset,onChange:function(e){y((function(t){return c({},t,{utcOffset:e})}))}})),m&&t.createElement(t.Fragment,null,t.createElement("div",{className:D.separator}),t.createElement(s.TextLink,{as:"button",isDisabled:d,testId:"date-clear",onClick:function(){y({date:void 0,time:void 0,ampm:"AM",utcOffset:f()})}},"Clear")))}function T(e){var n,a,r,o,u=e.parameters,s=null!=(n=null==u||null==(a=u.instance)?void 0:a.format)?n:"timeZ",c=null!=(r=null==u||null==(o=u.instance)?void 0:o.ampm)?r:"24",d="dateonly"!==s,h="timeZ"===s,p="12"===c;return t.createElement(i.FieldConnector,{field:e.field,isInitiallyDisabled:e.isInitiallyDisabled,throttle:0},(function(e){var n=e.value,a=e.disabled,r=e.setValue,i=e.externalReset,o=function(e){var t=e.uses12hClock,n=function(e){if(!e)return null;var t=l(e);return m.test(e)&&t.utcOffset(e),t}(e.value);return n?{date:n,time:n.format(t?"hh:mm":"HH:mm"),ampm:n.format("A"),utcOffset:n.format("Z")}:{ampm:"AM",utcOffset:f()}}({value:n,uses12hClock:p});return t.createElement(O,{initialValue:o,uses12hClock:p,usesTimezone:h,usesTime:d,disabled:a,hasClear:Boolean(n),onChange:function(e){var t=function(e){var t=e.usesTime,n=e.usesTimezone,a=function(e){if(!e.date)return{valid:null};var t=function(e){return l.utc((e.time||"00:00")+"!"+e.ampm,"HH:mm!A")}(e),n=l.parseZone(e.utcOffset,"Z").set(e.date.toObject()).set({hours:t.hours(),minutes:t.minutes()});return n.isValid()?{valid:n}:{invalid:!0,valid:null}}(e.data);return a.invalid?{invalid:!0}:{valid:null!=a&&a.valid?a.valid.format(n?"YYYY-MM-DDTHH:mmZ":t?"YYYY-MM-DDTHH:mm":"YYYY-MM-DD"):null,invalid:!1}}({data:e,usesTime:d,usesTimezone:h});t.invalid||(Boolean(n)||!n&&Boolean(t.valid))&&r(t.valid)},key:"date-container-"+i})}))}T.defaultProps={isInitiallyDisabled:!0},exports.DateEditor=T,exports.createPikaday=v,exports.zoneOffsets=z;
|
|
2
2
|
//# sourceMappingURL=field-editor-date.cjs.production.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-editor-date.cjs.production.min.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n return moment()\n .set({ hours: 0, minutes: 0 })\n .format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n if (!datetimeString) {\n return null;\n }\n\n const datetime = moment(datetimeString);\n if (ZONE_RX.test(datetimeString)) {\n datetime.utcOffset(datetimeString);\n }\n return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n const timeInput = input.time || '00:00';\n return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(\n input: TimeResult\n): { invalid?: boolean; valid: moment.Moment | null } {\n if (!input.date) {\n return { valid: null };\n }\n\n const time = timeFromUserInput(input);\n\n const date = moment\n .parseZone(input.utcOffset, 'Z')\n .set(input.date.toObject())\n .set({ hours: time.hours(), minutes: time.minutes() });\n\n if (date.isValid()) {\n return { valid: date };\n } else {\n return { invalid: true, valid: null };\n }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n if (date) {\n return date.format('dddd, MMMM Do YYYY');\n } else {\n return '';\n }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n data,\n usesTime,\n usesTimezone\n}: {\n data: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n}) {\n const date = datetimeFromUserInput(data);\n if (date.invalid) {\n return {\n invalid: true\n };\n }\n\n let format;\n if (usesTimezone) {\n format = 'YYYY-MM-DDTHH:mmZ';\n } else if (usesTime) {\n format = 'YYYY-MM-DDTHH:mm';\n } else {\n format = 'YYYY-MM-DD';\n }\n return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n value,\n uses12hClock\n}: {\n value: string | undefined | null;\n uses12hClock: boolean;\n}): TimeResult {\n const datetime = fieldValueToMoment(value);\n\n if (datetime) {\n const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n return {\n date: datetime,\n time: datetime.format(timeFormat),\n ampm: datetime.format('A'),\n utcOffset: datetime.format('Z')\n };\n } else {\n return {\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset()\n };\n }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n previousMonth: 'Previous Month',\n nextMonth: 'Next Month',\n months: [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December'\n ],\n weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']\n};\n\nconst DEFAULTS = {\n i18n: I18N,\n yearRange: 100\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n className?: string;\n onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n return (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"-1 -1 18 19\"\n onClick={props.onClick}\n xmlns=\"http://www.w3.org/2000/svg\"\n className={props.className}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g fill=\"#536171\">\n <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n </g>\n </g>\n </svg>\n );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TextInput } from '@contentful/forma-36-react-components';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nconst styles = {\n datePickerWrapper: css({\n position: 'relative',\n maxHeight: 70,\n }),\n datePicker: css({\n zIndex: 1002,\n display: 'block',\n '.is-hidden': {\n display: 'none',\n },\n }),\n input: css({\n width: '270px',\n input: {\n cursor: 'pointer',\n paddingRight: '40px',\n '&:disabled': {\n cursor: 'not-allowed',\n },\n },\n }),\n icon: css({\n cursor: 'pointer',\n zIndex: 50,\n position: 'absolute',\n top: '12px',\n right: '12px',\n }),\n};\n\nexport type DatePickerProps = {\n value?: moment.Moment;\n onChange: (val: moment.Moment | undefined) => void;\n onBlur: FocusEventHandler;\n disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n static defaultProps: Partial<DatePickerProps> = {\n onChange: noop,\n onBlur: noop,\n };\n\n pikaday?: Pikaday;\n datePickerNode = React.createRef<HTMLInputElement>();\n\n componentDidMount() {\n const onChange = this.props.onChange;\n const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n this.pikaday = createPikaday({\n field: this.datePickerNode && this.datePickerNode.current,\n defaultDate,\n setDefaultDate: defaultDate !== undefined,\n position: 'bottom left',\n reposition: false,\n theme: cx(styles.datePicker, 'hide-carret'),\n toString: (date) => {\n return formatDateDisplay(moment(date));\n },\n // we need to keep this function like this\n // so `this` refers to pikaday instance\n onSelect: function onSelect() {\n onChange(this.getMoment() || undefined);\n },\n });\n }\n\n focusInput = () => {\n if (this.datePickerNode && this.datePickerNode.current) {\n this.datePickerNode.current.focus();\n }\n };\n\n componentWillUnmount() {\n if (this.pikaday) {\n this.pikaday.destroy();\n }\n }\n\n handleOpen = () => {\n if (this.pikaday) {\n this.pikaday.show();\n }\n };\n\n handleBlur = (e: FocusEvent) => {\n this.props.onBlur(e);\n if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n this.pikaday.hide();\n }\n };\n\n render() {\n return (\n <div className={styles.datePickerWrapper}>\n <TextInput\n aria-label=\"Select date\"\n testId=\"date-input\"\n readOnly\n disabled={this.props.disabled}\n value={formatDateDisplay(this.props.value)}\n inputRef={this.datePickerNode}\n onFocus={this.handleOpen}\n onBlur={this.handleBlur}\n className={styles.input}\n />\n <CalendarIcon\n onClick={() => {\n this.focusInput();\n }}\n className={styles.icon}\n />\n </div>\n );\n }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { TextInput } from '@contentful/forma-36-react-components';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\n\nexport type TimepickerProps = {\n disabled: boolean;\n uses12hClock: boolean;\n onChange: (value: { time: string; ampm: string }) => void;\n time?: string;\n ampm?: string;\n};\n\nconst validInputFormats = [\n 'hh:mm a',\n 'hh:mm A',\n 'h:mm a',\n 'h:mm A',\n 'hh:mm',\n 'k:mm',\n 'kk:mm',\n 'h a',\n 'h A',\n 'h',\n 'hh',\n 'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n let time: moment.Moment | null = null;\n\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (let i = 0; i < validInputFormats.length; i++) {\n const date = moment(raw, validInputFormats[i]);\n if (date.isValid()) {\n time = date;\n break;\n }\n }\n\n return time;\n}\n\nconst getDefaultTime = () => {\n return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n disabled,\n uses12hClock,\n time = '12:00',\n ampm = 'AM',\n onChange,\n}: TimepickerProps) => {\n const [selectedTime, setSelectedTime] = useState<string>(() => {\n return formatToString(uses12hClock, getDefaultTime());\n });\n\n useEffect(() => {\n setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n }, [time, ampm, uses12hClock]);\n\n const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n setSelectedTime(e.currentTarget.value);\n }, []);\n\n const handleFocus = useCallback((e) => {\n e.preventDefault();\n e.target.select();\n }, []);\n\n const handleBlur = () => {\n const parsedTime = parseRawInput(selectedTime);\n const value = parsedTime ?? getDefaultTime();\n setSelectedTime(formatToString(uses12hClock, value));\n onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n };\n\n return (\n <TextInput\n aria-label=\"Select time\"\n placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n date-time-type={uses12hClock ? '12' : '24'}\n testId=\"time-input\"\n value={selectedTime}\n width=\"small\"\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n />\n );\n};\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n '-12:00',\n '-11:00',\n '-10:00',\n '-09:30',\n '-09:00',\n '-08:00',\n '-07:00',\n '-06:00',\n '-05:00',\n '-04:30',\n '-04:00',\n '-03:30',\n '-03:00',\n '-02:00',\n '-01:00',\n '+00:00',\n '+01:00',\n '+02:00',\n '+03:00',\n '+03:30',\n '+04:00',\n '+04:30',\n '+05:00',\n '+05:30',\n '+05:45',\n '+06:00',\n '+06:30',\n '+07:00',\n '+08:00',\n '+08:45',\n '+09:00',\n '+09:30',\n '+10:00',\n '+10:30',\n '+11:00',\n '+11:30',\n '+12:00',\n '+12:45',\n '+13:00',\n '+14:00'\n];\n","import React, { ChangeEvent } from 'react';\nimport { Select, Option } from '@contentful/forma-36-react-components';\nimport { zoneOffsets, defaultZoneOffset } from './utils/zoneOffsets';\n\nexport type TimezonepickerProps = {\n disabled: boolean;\n onChange: (value: string) => void;\n value?: string;\n};\n\nexport const TimezonepickerInput = ({\n disabled,\n onChange,\n value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n return (\n <Select\n aria-label=\"Select timezone\"\n testId=\"timezone-input\"\n value={value}\n width=\"medium\"\n isDisabled={disabled}\n onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n onChange(e.currentTarget.value);\n }}>\n {zoneOffsets.map((offset) => (\n <Option key={offset} value={offset}>\n UTC{offset}\n </Option>\n ))}\n </Select>\n );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/forma-36-tokens';\nimport { TextLink } from '@contentful/forma-36-react-components';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport {\n userInputFromDatetime,\n buildFieldValue,\n getDefaultAMPM,\n getDefaultUtcOffset,\n} from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nexport interface DateEditorProps {\n /**\n * is the field disabled initially\n */\n isInitiallyDisabled: boolean;\n\n /**\n * sdk.field\n */\n field: FieldAPI;\n\n /**\n * sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance?: {\n format?: DateTimeFormat;\n ampm?: TimeFormat;\n };\n };\n}\n\nconst styles = {\n root: css({\n display: 'flex',\n alignItems: 'center',\n }),\n separator: css({\n marginLeft: tokens.spacingM,\n }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n const isFirstRun = React.useRef(true);\n React.useEffect(() => {\n if (isFirstRun.current) {\n isFirstRun.current = false;\n return;\n }\n callback();\n }, deps);\n}\n\nfunction DateEditorContainer({\n initialValue,\n usesTime,\n usesTimezone,\n uses12hClock,\n disabled,\n hasClear,\n onChange,\n}: {\n initialValue: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n uses12hClock: boolean;\n disabled: boolean;\n hasClear: boolean;\n onChange: (value: TimeResult) => void;\n}) {\n const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n useEffectWithoutFirstRender(() => {\n onChange(value);\n }, [value]);\n\n return (\n <div data-test-id=\"date-editor\" className={styles.root}>\n <DatepickerInput\n disabled={disabled}\n value={value.date}\n onChange={(date) => {\n setValue((value) => ({\n ...value,\n date,\n }));\n }}\n />\n {usesTime && (\n <>\n <div className={styles.separator} />\n <TimepickerInput\n disabled={disabled}\n time={value.time}\n ampm={value.ampm}\n onChange={({ time, ampm }) => {\n setValue((value) => ({\n ...value,\n time,\n ampm,\n }));\n }}\n uses12hClock={uses12hClock}\n />\n </>\n )}\n {usesTimezone && (\n <>\n <div className={styles.separator} />\n <TimezonepickerInput\n disabled={disabled}\n value={value.utcOffset}\n onChange={(utcOffset) => {\n setValue((value) => ({\n ...value,\n utcOffset,\n }));\n }}\n />\n </>\n )}\n {hasClear && (\n <>\n <div className={styles.separator} />\n <TextLink\n disabled={disabled}\n testId=\"date-clear\"\n onClick={() => {\n setValue({\n date: undefined,\n time: undefined,\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset(),\n });\n }}>\n Clear\n </TextLink>\n </>\n )}\n </div>\n );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n const { field, parameters } = props;\n\n const formatParam = parameters?.instance?.format ?? 'timeZ';\n const ampmParam = parameters?.instance?.ampm ?? '24';\n\n const usesTime = formatParam !== 'dateonly';\n const usesTimezone = formatParam === 'timeZ';\n const uses12hClock = ampmParam === '12';\n\n return (\n <FieldConnector<string>\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n throttle={0}>\n {({ value, disabled, setValue, externalReset }) => {\n const datetimeValue = userInputFromDatetime({\n value,\n uses12hClock,\n });\n return (\n <DateEditorContainer\n initialValue={datetimeValue}\n uses12hClock={uses12hClock}\n usesTimezone={usesTimezone}\n usesTime={usesTime}\n disabled={disabled}\n hasClear={Boolean(value)}\n onChange={(data) => {\n const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n if (fieldValue.invalid) {\n return;\n }\n // if value is present - then override it with a new one\n // if value is not present - then set a new one if it's not nullable only\n if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n setValue(fieldValue.valid);\n }\n }}\n key={`date-container-${externalReset}`}\n />\n );\n }}\n </FieldConnector>\n );\n}\n\nDateEditor.defaultProps = {\n isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","formatDateDisplay","date","format","getDefaultUtcOffset","moment","set","hours","minutes","DEFAULTS","i18n","previousMonth","nextMonth","months","weekdaysShort","weekdays","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","input","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","_this","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","this","defaultDate","value","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","readOnly","disabled","inputRef","onFocus","handleOpen","handleBlur","_this2","focusInput","Component","noop","validInputFormats","getDefaultTime","formatToString","uses12hClock","TimepickerInput","time","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","placeholder","parsedTime","raw","i","length","isValid","parseRawInput","zoneOffsets","TimezonepickerInput","Select","isDisabled","map","offset","Option","key","root","alignItems","separator","marginLeft","tokens","spacingM","DateEditorContainer","callback","deps","isFirstRun","initialValue","usesTime","usesTimezone","hasClear","setValue","utcOffset","TextLink","DateEditor","parameters","formatParam","instance","_parameters$instance","ampmParam","_parameters$instance2","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","datetime","datetimeString","test","fieldValueToMoment","userInputFromDatetime","Boolean","data","fieldValue","valid","utc","timeFromUserInput","parseZone","toObject","invalid","datetimeFromUserInput","buildFieldValue","defaultProps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"field-editor-date.cjs.production.min.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n return moment().set({ hours: 0, minutes: 0 }).format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n if (!datetimeString) {\n return null;\n }\n\n const datetime = moment(datetimeString);\n if (ZONE_RX.test(datetimeString)) {\n datetime.utcOffset(datetimeString);\n }\n return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n const timeInput = input.time || '00:00';\n return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(input: TimeResult): {\n invalid?: boolean;\n valid: moment.Moment | null;\n} {\n if (!input.date) {\n return { valid: null };\n }\n\n const time = timeFromUserInput(input);\n\n const date = moment\n .parseZone(input.utcOffset, 'Z')\n .set(input.date.toObject())\n .set({ hours: time.hours(), minutes: time.minutes() });\n\n if (date.isValid()) {\n return { valid: date };\n } else {\n return { invalid: true, valid: null };\n }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n if (date) {\n return date.format('dddd, MMMM Do YYYY');\n } else {\n return '';\n }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n data,\n usesTime,\n usesTimezone,\n}: {\n data: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n}) {\n const date = datetimeFromUserInput(data);\n if (date.invalid) {\n return {\n invalid: true,\n };\n }\n\n let format;\n if (usesTimezone) {\n format = 'YYYY-MM-DDTHH:mmZ';\n } else if (usesTime) {\n format = 'YYYY-MM-DDTHH:mm';\n } else {\n format = 'YYYY-MM-DD';\n }\n return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n value,\n uses12hClock,\n}: {\n value: string | undefined | null;\n uses12hClock: boolean;\n}): TimeResult {\n const datetime = fieldValueToMoment(value);\n\n if (datetime) {\n const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n return {\n date: datetime,\n time: datetime.format(timeFormat),\n ampm: datetime.format('A'),\n utcOffset: datetime.format('Z'),\n };\n } else {\n return {\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset(),\n };\n }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n previousMonth: 'Previous Month',\n nextMonth: 'Next Month',\n months: [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n ],\n weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n};\n\nconst DEFAULTS = {\n i18n: I18N,\n yearRange: 100,\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n className?: string;\n onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n return (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"-1 -1 18 19\"\n onClick={props.onClick}\n xmlns=\"http://www.w3.org/2000/svg\"\n className={props.className}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g fill=\"#536171\">\n <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n </g>\n </g>\n </svg>\n );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nimport { TextInput } from '@contentful/f36-components';\n\nconst styles = {\n datePickerWrapper: css({\n position: 'relative',\n maxHeight: 70,\n }),\n datePicker: css({\n zIndex: 1002,\n display: 'block',\n '.is-hidden': {\n display: 'none',\n },\n }),\n input: css({\n width: '270px',\n cursor: 'pointer',\n paddingRight: '40px',\n '&:disabled': {\n cursor: 'not-allowed',\n },\n }),\n icon: css({\n cursor: 'pointer',\n zIndex: 50,\n position: 'absolute',\n top: '12px',\n right: '12px',\n }),\n};\n\nexport type DatePickerProps = {\n value?: moment.Moment;\n onChange: (val: moment.Moment | undefined) => void;\n onBlur: FocusEventHandler;\n disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n static defaultProps: Partial<DatePickerProps> = {\n onChange: noop,\n onBlur: noop,\n };\n\n pikaday?: Pikaday;\n datePickerNode = React.createRef<HTMLInputElement>();\n\n componentDidMount() {\n const onChange = this.props.onChange;\n const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n this.pikaday = createPikaday({\n field: this.datePickerNode && this.datePickerNode.current,\n defaultDate,\n setDefaultDate: defaultDate !== undefined,\n position: 'bottom left',\n reposition: false,\n theme: cx(styles.datePicker, 'hide-carret'),\n toString: (date) => {\n return formatDateDisplay(moment(date));\n },\n // we need to keep this function like this\n // so `this` refers to pikaday instance\n onSelect: function onSelect() {\n onChange(this.getMoment() || undefined);\n },\n });\n }\n\n focusInput = () => {\n if (this.datePickerNode && this.datePickerNode.current) {\n this.datePickerNode.current.focus();\n }\n };\n\n componentWillUnmount() {\n if (this.pikaday) {\n this.pikaday.destroy();\n }\n }\n\n handleOpen = () => {\n if (this.pikaday) {\n this.pikaday.show();\n }\n };\n\n handleBlur = (e: FocusEvent) => {\n this.props.onBlur(e);\n if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n this.pikaday.hide();\n }\n };\n\n render() {\n return (\n <div className={styles.datePickerWrapper}>\n <TextInput\n aria-label=\"Select date\"\n testId=\"date-input\"\n isReadOnly\n isDisabled={this.props.disabled}\n value={formatDateDisplay(this.props.value)}\n ref={this.datePickerNode}\n onFocus={this.handleOpen}\n onBlur={this.handleBlur}\n className={styles.input}\n />\n <CalendarIcon\n onClick={() => {\n this.focusInput();\n }}\n className={styles.icon}\n />\n </div>\n );\n }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css } from 'emotion';\n\nimport { TextInput, Flex } from '@contentful/f36-components';\n\nexport type TimepickerProps = {\n disabled: boolean;\n uses12hClock: boolean;\n onChange: (value: { time: string; ampm: string }) => void;\n time?: string;\n ampm?: string;\n};\n\nconst validInputFormats = [\n 'hh:mm a',\n 'hh:mm A',\n 'h:mm a',\n 'h:mm A',\n 'hh:mm',\n 'k:mm',\n 'kk:mm',\n 'h a',\n 'h A',\n 'h',\n 'hh',\n 'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n let time: moment.Moment | null = null;\n\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (let i = 0; i < validInputFormats.length; i++) {\n const date = moment(raw, validInputFormats[i]);\n if (date.isValid()) {\n time = date;\n break;\n }\n }\n\n return time;\n}\n\nconst getDefaultTime = () => {\n return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n disabled,\n uses12hClock,\n time = '12:00',\n ampm = 'AM',\n onChange,\n}: TimepickerProps) => {\n const [selectedTime, setSelectedTime] = useState<string>(() => {\n return formatToString(uses12hClock, getDefaultTime());\n });\n\n useEffect(() => {\n setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n }, [time, ampm, uses12hClock]);\n\n const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n setSelectedTime(e.currentTarget.value);\n }, []);\n\n const handleFocus = useCallback((e) => {\n e.preventDefault();\n e.target.select();\n }, []);\n\n const handleBlur = () => {\n const parsedTime = parseRawInput(selectedTime);\n const value = parsedTime ?? getDefaultTime();\n setSelectedTime(formatToString(uses12hClock, value));\n onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n };\n\n return (\n <Flex className={css({ width: '140px' })}>\n <TextInput\n aria-label=\"Select time\"\n placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n date-time-type={uses12hClock ? '12' : '24'}\n testId=\"time-input\"\n value={selectedTime}\n isDisabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n />\n </Flex>\n );\n};\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n '-12:00',\n '-11:00',\n '-10:00',\n '-09:30',\n '-09:00',\n '-08:00',\n '-07:00',\n '-06:00',\n '-05:00',\n '-04:30',\n '-04:00',\n '-03:30',\n '-03:00',\n '-02:00',\n '-01:00',\n '+00:00',\n '+01:00',\n '+02:00',\n '+03:00',\n '+03:30',\n '+04:00',\n '+04:30',\n '+05:00',\n '+05:30',\n '+05:45',\n '+06:00',\n '+06:30',\n '+07:00',\n '+08:00',\n '+08:45',\n '+09:00',\n '+09:30',\n '+10:00',\n '+10:30',\n '+11:00',\n '+11:30',\n '+12:00',\n '+12:45',\n '+13:00',\n '+14:00',\n];\n","import React, { ChangeEvent } from 'react';\nimport { zoneOffsets, defaultZoneOffset } from './utils/zoneOffsets';\n\nimport { Select } from '@contentful/f36-components';\n\nexport type TimezonepickerProps = {\n disabled: boolean;\n onChange: (value: string) => void;\n value?: string;\n};\n\nexport const TimezonepickerInput = ({\n disabled,\n onChange,\n value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n return (\n <Select\n aria-label=\"Select timezone\"\n testId=\"timezone-input\"\n value={value}\n isDisabled={disabled}\n onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n onChange(e.currentTarget.value);\n }}>\n {zoneOffsets.map((offset) => (\n <Select.Option key={offset} value={offset}>\n UTC{offset}\n </Select.Option>\n ))}\n </Select>\n );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport {\n userInputFromDatetime,\n buildFieldValue,\n getDefaultAMPM,\n getDefaultUtcOffset,\n} from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nimport { TextLink } from '@contentful/f36-components';\n\nexport interface DateEditorProps {\n /**\n * is the field disabled initially\n */\n isInitiallyDisabled: boolean;\n\n /**\n * sdk.field\n */\n field: FieldAPI;\n\n /**\n * sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance?: {\n format?: DateTimeFormat;\n ampm?: TimeFormat;\n };\n };\n}\n\nconst styles = {\n root: css({\n display: 'flex',\n alignItems: 'center',\n }),\n separator: css({\n marginLeft: tokens.spacingM,\n }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n const isFirstRun = React.useRef(true);\n React.useEffect(() => {\n if (isFirstRun.current) {\n isFirstRun.current = false;\n return;\n }\n callback();\n }, deps);\n}\n\nfunction DateEditorContainer({\n initialValue,\n usesTime,\n usesTimezone,\n uses12hClock,\n disabled,\n hasClear,\n onChange,\n}: {\n initialValue: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n uses12hClock: boolean;\n disabled: boolean;\n hasClear: boolean;\n onChange: (value: TimeResult) => void;\n}) {\n const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n useEffectWithoutFirstRender(() => {\n onChange(value);\n }, [value]);\n\n return (\n <div data-test-id=\"date-editor\" className={styles.root}>\n <DatepickerInput\n disabled={disabled}\n value={value.date}\n onChange={(date) => {\n setValue((value) => ({\n ...value,\n date,\n }));\n }}\n />\n {usesTime && (\n <>\n <div className={styles.separator} />\n <TimepickerInput\n disabled={disabled}\n time={value.time}\n ampm={value.ampm}\n onChange={({ time, ampm }) => {\n setValue((value) => ({\n ...value,\n time,\n ampm,\n }));\n }}\n uses12hClock={uses12hClock}\n />\n </>\n )}\n {usesTimezone && (\n <>\n <div className={styles.separator} />\n <TimezonepickerInput\n disabled={disabled}\n value={value.utcOffset}\n onChange={(utcOffset) => {\n setValue((value) => ({\n ...value,\n utcOffset,\n }));\n }}\n />\n </>\n )}\n {hasClear && (\n <>\n <div className={styles.separator} />\n <TextLink\n as=\"button\"\n isDisabled={disabled}\n testId=\"date-clear\"\n onClick={() => {\n setValue({\n date: undefined,\n time: undefined,\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset(),\n });\n }}>\n Clear\n </TextLink>\n </>\n )}\n </div>\n );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n const { field, parameters } = props;\n\n const formatParam = parameters?.instance?.format ?? 'timeZ';\n const ampmParam = parameters?.instance?.ampm ?? '24';\n\n const usesTime = formatParam !== 'dateonly';\n const usesTimezone = formatParam === 'timeZ';\n const uses12hClock = ampmParam === '12';\n\n return (\n <FieldConnector<string>\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n throttle={0}>\n {({ value, disabled, setValue, externalReset }) => {\n const datetimeValue = userInputFromDatetime({\n value,\n uses12hClock,\n });\n return (\n <DateEditorContainer\n initialValue={datetimeValue}\n uses12hClock={uses12hClock}\n usesTimezone={usesTimezone}\n usesTime={usesTime}\n disabled={disabled}\n hasClear={Boolean(value)}\n onChange={(data) => {\n const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n if (fieldValue.invalid) {\n return;\n }\n // if value is present - then override it with a new one\n // if value is not present - then set a new one if it's not nullable only\n if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n setValue(fieldValue.valid);\n }\n }}\n key={`date-container-${externalReset}`}\n />\n );\n }}\n </FieldConnector>\n );\n}\n\nDateEditor.defaultProps = {\n isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","formatDateDisplay","date","format","getDefaultUtcOffset","moment","set","hours","minutes","DEFAULTS","i18n","previousMonth","nextMonth","months","weekdaysShort","weekdays","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","input","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","_this","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","this","defaultDate","value","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","isReadOnly","isDisabled","disabled","ref","onFocus","handleOpen","handleBlur","_this2","focusInput","Component","noop","validInputFormats","getDefaultTime","formatToString","uses12hClock","TimepickerInput","time","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","Flex","placeholder","parsedTime","raw","i","length","isValid","parseRawInput","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","root","alignItems","separator","marginLeft","tokens","spacingM","DateEditorContainer","callback","deps","isFirstRun","initialValue","usesTime","usesTimezone","hasClear","setValue","utcOffset","TextLink","as","DateEditor","parameters","formatParam","instance","_parameters$instance","ampmParam","_parameters$instance2","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","datetime","datetimeString","test","fieldValueToMoment","userInputFromDatetime","Boolean","data","fieldValue","valid","utc","timeFromUserInput","parseZone","toObject","invalid","datetimeFromUserInput","buildFieldValue","defaultProps"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React__default, { Component, useState, useEffect, useCallback, createElement, Fragment, useRef } from 'react';
|
|
2
2
|
import { cx, css } from 'emotion';
|
|
3
|
-
import tokens from '@contentful/
|
|
4
|
-
import { TextInput, Select, Option, TextLink } from '@contentful/forma-36-react-components';
|
|
3
|
+
import tokens from '@contentful/f36-tokens';
|
|
5
4
|
import { FieldConnector } from '@contentful/field-editor-shared';
|
|
6
5
|
import noop from 'lodash-es/noop';
|
|
7
6
|
import moment from 'moment';
|
|
8
7
|
import Pikaday from 'pikaday';
|
|
8
|
+
import { TextInput, Flex, Select, TextLink } from '@contentful/f36-components';
|
|
9
9
|
|
|
10
10
|
function _extends() {
|
|
11
11
|
_extends = Object.assign || function (target) {
|
|
@@ -224,12 +224,10 @@ var styles = {
|
|
|
224
224
|
}),
|
|
225
225
|
input: /*#__PURE__*/css({
|
|
226
226
|
width: '270px',
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
'
|
|
231
|
-
cursor: 'not-allowed'
|
|
232
|
-
}
|
|
227
|
+
cursor: 'pointer',
|
|
228
|
+
paddingRight: '40px',
|
|
229
|
+
'&:disabled': {
|
|
230
|
+
cursor: 'not-allowed'
|
|
233
231
|
}
|
|
234
232
|
}),
|
|
235
233
|
icon: /*#__PURE__*/css({
|
|
@@ -309,10 +307,10 @@ var DatepickerInput = /*#__PURE__*/function (_Component) {
|
|
|
309
307
|
}, React__default.createElement(TextInput, {
|
|
310
308
|
"aria-label": "Select date",
|
|
311
309
|
testId: "date-input",
|
|
312
|
-
|
|
313
|
-
|
|
310
|
+
isReadOnly: true,
|
|
311
|
+
isDisabled: this.props.disabled,
|
|
314
312
|
value: formatDateDisplay(this.props.value),
|
|
315
|
-
|
|
313
|
+
ref: this.datePickerNode,
|
|
316
314
|
onFocus: this.handleOpen,
|
|
317
315
|
onBlur: this.handleBlur,
|
|
318
316
|
className: styles.input
|
|
@@ -392,18 +390,21 @@ var TimepickerInput = function TimepickerInput(_ref) {
|
|
|
392
390
|
});
|
|
393
391
|
};
|
|
394
392
|
|
|
395
|
-
return React__default.createElement(
|
|
393
|
+
return React__default.createElement(Flex, {
|
|
394
|
+
className: css({
|
|
395
|
+
width: '140px'
|
|
396
|
+
})
|
|
397
|
+
}, React__default.createElement(TextInput, {
|
|
396
398
|
"aria-label": "Select time",
|
|
397
399
|
placeholder: uses12hClock ? '12:00 AM' : '00:00',
|
|
398
400
|
"date-time-type": uses12hClock ? '12' : '24',
|
|
399
401
|
testId: "time-input",
|
|
400
402
|
value: selectedTime,
|
|
401
|
-
|
|
402
|
-
disabled: disabled,
|
|
403
|
+
isDisabled: disabled,
|
|
403
404
|
onFocus: handleFocus,
|
|
404
405
|
onBlur: handleBlur,
|
|
405
406
|
onChange: handleChange
|
|
406
|
-
});
|
|
407
|
+
}));
|
|
407
408
|
};
|
|
408
409
|
|
|
409
410
|
var defaultZoneOffset = '+00:00';
|
|
@@ -418,13 +419,12 @@ var TimezonepickerInput = function TimezonepickerInput(_ref) {
|
|
|
418
419
|
"aria-label": "Select timezone",
|
|
419
420
|
testId: "timezone-input",
|
|
420
421
|
value: value,
|
|
421
|
-
width: "medium",
|
|
422
422
|
isDisabled: disabled,
|
|
423
423
|
onChange: function onChange(e) {
|
|
424
424
|
_onChange(e.currentTarget.value);
|
|
425
425
|
}
|
|
426
426
|
}, zoneOffsets.map(function (offset) {
|
|
427
|
-
return React__default.createElement(Option, {
|
|
427
|
+
return React__default.createElement(Select.Option, {
|
|
428
428
|
key: offset,
|
|
429
429
|
value: offset
|
|
430
430
|
}, "UTC", offset);
|
|
@@ -516,7 +516,8 @@ function DateEditorContainer(_ref) {
|
|
|
516
516
|
})), hasClear && createElement(Fragment, null, createElement("div", {
|
|
517
517
|
className: styles$1.separator
|
|
518
518
|
}), createElement(TextLink, {
|
|
519
|
-
|
|
519
|
+
as: "button",
|
|
520
|
+
isDisabled: disabled,
|
|
520
521
|
testId: "date-clear",
|
|
521
522
|
onClick: function onClick() {
|
|
522
523
|
setValue({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-editor-date.esm.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n return moment()\n .set({ hours: 0, minutes: 0 })\n .format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n if (!datetimeString) {\n return null;\n }\n\n const datetime = moment(datetimeString);\n if (ZONE_RX.test(datetimeString)) {\n datetime.utcOffset(datetimeString);\n }\n return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n const timeInput = input.time || '00:00';\n return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(\n input: TimeResult\n): { invalid?: boolean; valid: moment.Moment | null } {\n if (!input.date) {\n return { valid: null };\n }\n\n const time = timeFromUserInput(input);\n\n const date = moment\n .parseZone(input.utcOffset, 'Z')\n .set(input.date.toObject())\n .set({ hours: time.hours(), minutes: time.minutes() });\n\n if (date.isValid()) {\n return { valid: date };\n } else {\n return { invalid: true, valid: null };\n }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n if (date) {\n return date.format('dddd, MMMM Do YYYY');\n } else {\n return '';\n }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n data,\n usesTime,\n usesTimezone\n}: {\n data: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n}) {\n const date = datetimeFromUserInput(data);\n if (date.invalid) {\n return {\n invalid: true\n };\n }\n\n let format;\n if (usesTimezone) {\n format = 'YYYY-MM-DDTHH:mmZ';\n } else if (usesTime) {\n format = 'YYYY-MM-DDTHH:mm';\n } else {\n format = 'YYYY-MM-DD';\n }\n return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n value,\n uses12hClock\n}: {\n value: string | undefined | null;\n uses12hClock: boolean;\n}): TimeResult {\n const datetime = fieldValueToMoment(value);\n\n if (datetime) {\n const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n return {\n date: datetime,\n time: datetime.format(timeFormat),\n ampm: datetime.format('A'),\n utcOffset: datetime.format('Z')\n };\n } else {\n return {\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset()\n };\n }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n previousMonth: 'Previous Month',\n nextMonth: 'Next Month',\n months: [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December'\n ],\n weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']\n};\n\nconst DEFAULTS = {\n i18n: I18N,\n yearRange: 100\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n className?: string;\n onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n return (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"-1 -1 18 19\"\n onClick={props.onClick}\n xmlns=\"http://www.w3.org/2000/svg\"\n className={props.className}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g fill=\"#536171\">\n <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n </g>\n </g>\n </svg>\n );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TextInput } from '@contentful/forma-36-react-components';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nconst styles = {\n datePickerWrapper: css({\n position: 'relative',\n maxHeight: 70,\n }),\n datePicker: css({\n zIndex: 1002,\n display: 'block',\n '.is-hidden': {\n display: 'none',\n },\n }),\n input: css({\n width: '270px',\n input: {\n cursor: 'pointer',\n paddingRight: '40px',\n '&:disabled': {\n cursor: 'not-allowed',\n },\n },\n }),\n icon: css({\n cursor: 'pointer',\n zIndex: 50,\n position: 'absolute',\n top: '12px',\n right: '12px',\n }),\n};\n\nexport type DatePickerProps = {\n value?: moment.Moment;\n onChange: (val: moment.Moment | undefined) => void;\n onBlur: FocusEventHandler;\n disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n static defaultProps: Partial<DatePickerProps> = {\n onChange: noop,\n onBlur: noop,\n };\n\n pikaday?: Pikaday;\n datePickerNode = React.createRef<HTMLInputElement>();\n\n componentDidMount() {\n const onChange = this.props.onChange;\n const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n this.pikaday = createPikaday({\n field: this.datePickerNode && this.datePickerNode.current,\n defaultDate,\n setDefaultDate: defaultDate !== undefined,\n position: 'bottom left',\n reposition: false,\n theme: cx(styles.datePicker, 'hide-carret'),\n toString: (date) => {\n return formatDateDisplay(moment(date));\n },\n // we need to keep this function like this\n // so `this` refers to pikaday instance\n onSelect: function onSelect() {\n onChange(this.getMoment() || undefined);\n },\n });\n }\n\n focusInput = () => {\n if (this.datePickerNode && this.datePickerNode.current) {\n this.datePickerNode.current.focus();\n }\n };\n\n componentWillUnmount() {\n if (this.pikaday) {\n this.pikaday.destroy();\n }\n }\n\n handleOpen = () => {\n if (this.pikaday) {\n this.pikaday.show();\n }\n };\n\n handleBlur = (e: FocusEvent) => {\n this.props.onBlur(e);\n if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n this.pikaday.hide();\n }\n };\n\n render() {\n return (\n <div className={styles.datePickerWrapper}>\n <TextInput\n aria-label=\"Select date\"\n testId=\"date-input\"\n readOnly\n disabled={this.props.disabled}\n value={formatDateDisplay(this.props.value)}\n inputRef={this.datePickerNode}\n onFocus={this.handleOpen}\n onBlur={this.handleBlur}\n className={styles.input}\n />\n <CalendarIcon\n onClick={() => {\n this.focusInput();\n }}\n className={styles.icon}\n />\n </div>\n );\n }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { TextInput } from '@contentful/forma-36-react-components';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\n\nexport type TimepickerProps = {\n disabled: boolean;\n uses12hClock: boolean;\n onChange: (value: { time: string; ampm: string }) => void;\n time?: string;\n ampm?: string;\n};\n\nconst validInputFormats = [\n 'hh:mm a',\n 'hh:mm A',\n 'h:mm a',\n 'h:mm A',\n 'hh:mm',\n 'k:mm',\n 'kk:mm',\n 'h a',\n 'h A',\n 'h',\n 'hh',\n 'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n let time: moment.Moment | null = null;\n\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (let i = 0; i < validInputFormats.length; i++) {\n const date = moment(raw, validInputFormats[i]);\n if (date.isValid()) {\n time = date;\n break;\n }\n }\n\n return time;\n}\n\nconst getDefaultTime = () => {\n return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n disabled,\n uses12hClock,\n time = '12:00',\n ampm = 'AM',\n onChange,\n}: TimepickerProps) => {\n const [selectedTime, setSelectedTime] = useState<string>(() => {\n return formatToString(uses12hClock, getDefaultTime());\n });\n\n useEffect(() => {\n setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n }, [time, ampm, uses12hClock]);\n\n const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n setSelectedTime(e.currentTarget.value);\n }, []);\n\n const handleFocus = useCallback((e) => {\n e.preventDefault();\n e.target.select();\n }, []);\n\n const handleBlur = () => {\n const parsedTime = parseRawInput(selectedTime);\n const value = parsedTime ?? getDefaultTime();\n setSelectedTime(formatToString(uses12hClock, value));\n onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n };\n\n return (\n <TextInput\n aria-label=\"Select time\"\n placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n date-time-type={uses12hClock ? '12' : '24'}\n testId=\"time-input\"\n value={selectedTime}\n width=\"small\"\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n />\n );\n};\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n '-12:00',\n '-11:00',\n '-10:00',\n '-09:30',\n '-09:00',\n '-08:00',\n '-07:00',\n '-06:00',\n '-05:00',\n '-04:30',\n '-04:00',\n '-03:30',\n '-03:00',\n '-02:00',\n '-01:00',\n '+00:00',\n '+01:00',\n '+02:00',\n '+03:00',\n '+03:30',\n '+04:00',\n '+04:30',\n '+05:00',\n '+05:30',\n '+05:45',\n '+06:00',\n '+06:30',\n '+07:00',\n '+08:00',\n '+08:45',\n '+09:00',\n '+09:30',\n '+10:00',\n '+10:30',\n '+11:00',\n '+11:30',\n '+12:00',\n '+12:45',\n '+13:00',\n '+14:00'\n];\n","import React, { ChangeEvent } from 'react';\nimport { Select, Option } from '@contentful/forma-36-react-components';\nimport { zoneOffsets, defaultZoneOffset } from './utils/zoneOffsets';\n\nexport type TimezonepickerProps = {\n disabled: boolean;\n onChange: (value: string) => void;\n value?: string;\n};\n\nexport const TimezonepickerInput = ({\n disabled,\n onChange,\n value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n return (\n <Select\n aria-label=\"Select timezone\"\n testId=\"timezone-input\"\n value={value}\n width=\"medium\"\n isDisabled={disabled}\n onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n onChange(e.currentTarget.value);\n }}>\n {zoneOffsets.map((offset) => (\n <Option key={offset} value={offset}>\n UTC{offset}\n </Option>\n ))}\n </Select>\n );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/forma-36-tokens';\nimport { TextLink } from '@contentful/forma-36-react-components';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport {\n userInputFromDatetime,\n buildFieldValue,\n getDefaultAMPM,\n getDefaultUtcOffset,\n} from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nexport interface DateEditorProps {\n /**\n * is the field disabled initially\n */\n isInitiallyDisabled: boolean;\n\n /**\n * sdk.field\n */\n field: FieldAPI;\n\n /**\n * sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance?: {\n format?: DateTimeFormat;\n ampm?: TimeFormat;\n };\n };\n}\n\nconst styles = {\n root: css({\n display: 'flex',\n alignItems: 'center',\n }),\n separator: css({\n marginLeft: tokens.spacingM,\n }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n const isFirstRun = React.useRef(true);\n React.useEffect(() => {\n if (isFirstRun.current) {\n isFirstRun.current = false;\n return;\n }\n callback();\n }, deps);\n}\n\nfunction DateEditorContainer({\n initialValue,\n usesTime,\n usesTimezone,\n uses12hClock,\n disabled,\n hasClear,\n onChange,\n}: {\n initialValue: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n uses12hClock: boolean;\n disabled: boolean;\n hasClear: boolean;\n onChange: (value: TimeResult) => void;\n}) {\n const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n useEffectWithoutFirstRender(() => {\n onChange(value);\n }, [value]);\n\n return (\n <div data-test-id=\"date-editor\" className={styles.root}>\n <DatepickerInput\n disabled={disabled}\n value={value.date}\n onChange={(date) => {\n setValue((value) => ({\n ...value,\n date,\n }));\n }}\n />\n {usesTime && (\n <>\n <div className={styles.separator} />\n <TimepickerInput\n disabled={disabled}\n time={value.time}\n ampm={value.ampm}\n onChange={({ time, ampm }) => {\n setValue((value) => ({\n ...value,\n time,\n ampm,\n }));\n }}\n uses12hClock={uses12hClock}\n />\n </>\n )}\n {usesTimezone && (\n <>\n <div className={styles.separator} />\n <TimezonepickerInput\n disabled={disabled}\n value={value.utcOffset}\n onChange={(utcOffset) => {\n setValue((value) => ({\n ...value,\n utcOffset,\n }));\n }}\n />\n </>\n )}\n {hasClear && (\n <>\n <div className={styles.separator} />\n <TextLink\n disabled={disabled}\n testId=\"date-clear\"\n onClick={() => {\n setValue({\n date: undefined,\n time: undefined,\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset(),\n });\n }}>\n Clear\n </TextLink>\n </>\n )}\n </div>\n );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n const { field, parameters } = props;\n\n const formatParam = parameters?.instance?.format ?? 'timeZ';\n const ampmParam = parameters?.instance?.ampm ?? '24';\n\n const usesTime = formatParam !== 'dateonly';\n const usesTimezone = formatParam === 'timeZ';\n const uses12hClock = ampmParam === '12';\n\n return (\n <FieldConnector<string>\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n throttle={0}>\n {({ value, disabled, setValue, externalReset }) => {\n const datetimeValue = userInputFromDatetime({\n value,\n uses12hClock,\n });\n return (\n <DateEditorContainer\n initialValue={datetimeValue}\n uses12hClock={uses12hClock}\n usesTimezone={usesTimezone}\n usesTime={usesTime}\n disabled={disabled}\n hasClear={Boolean(value)}\n onChange={(data) => {\n const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n if (fieldValue.invalid) {\n return;\n }\n // if value is present - then override it with a new one\n // if value is not present - then set a new one if it's not nullable only\n if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n setValue(fieldValue.valid);\n }\n }}\n key={`date-container-${externalReset}`}\n />\n );\n }}\n </FieldConnector>\n );\n}\n\nDateEditor.defaultProps = {\n isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","startOfToday","format","moment","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","time","utc","ampm","datetimeFromUserInput","date","valid","parseZone","toObject","isValid","invalid","formatDateDisplay","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","value","uses12hClock","timeFormat","I18N","previousMonth","nextMonth","months","weekdaysShort","weekdays","DEFAULTS","i18n","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","defaultDate","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","readOnly","disabled","inputRef","onFocus","handleOpen","handleBlur","focusInput","Component","noop","validInputFormats","parseRawInput","raw","i","length","getDefaultTime","formatToString","TimepickerInput","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","parsedTime","placeholder","defaultZoneOffset","zoneOffsets","TimezonepickerInput","Select","isDisabled","map","offset","Option","key","root","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","DateEditorContainer","initialValue","hasClear","setValue","TextLink","DateEditor","parameters","formatParam","instance","ampmParam","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","Boolean","fieldValue","defaultProps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"field-editor-date.esm.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n return moment().set({ hours: 0, minutes: 0 }).format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n if (!datetimeString) {\n return null;\n }\n\n const datetime = moment(datetimeString);\n if (ZONE_RX.test(datetimeString)) {\n datetime.utcOffset(datetimeString);\n }\n return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n const timeInput = input.time || '00:00';\n return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(input: TimeResult): {\n invalid?: boolean;\n valid: moment.Moment | null;\n} {\n if (!input.date) {\n return { valid: null };\n }\n\n const time = timeFromUserInput(input);\n\n const date = moment\n .parseZone(input.utcOffset, 'Z')\n .set(input.date.toObject())\n .set({ hours: time.hours(), minutes: time.minutes() });\n\n if (date.isValid()) {\n return { valid: date };\n } else {\n return { invalid: true, valid: null };\n }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n if (date) {\n return date.format('dddd, MMMM Do YYYY');\n } else {\n return '';\n }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n data,\n usesTime,\n usesTimezone,\n}: {\n data: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n}) {\n const date = datetimeFromUserInput(data);\n if (date.invalid) {\n return {\n invalid: true,\n };\n }\n\n let format;\n if (usesTimezone) {\n format = 'YYYY-MM-DDTHH:mmZ';\n } else if (usesTime) {\n format = 'YYYY-MM-DDTHH:mm';\n } else {\n format = 'YYYY-MM-DD';\n }\n return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n value,\n uses12hClock,\n}: {\n value: string | undefined | null;\n uses12hClock: boolean;\n}): TimeResult {\n const datetime = fieldValueToMoment(value);\n\n if (datetime) {\n const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n return {\n date: datetime,\n time: datetime.format(timeFormat),\n ampm: datetime.format('A'),\n utcOffset: datetime.format('Z'),\n };\n } else {\n return {\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset(),\n };\n }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n previousMonth: 'Previous Month',\n nextMonth: 'Next Month',\n months: [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n ],\n weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n};\n\nconst DEFAULTS = {\n i18n: I18N,\n yearRange: 100,\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n className?: string;\n onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n return (\n <svg\n width=\"16\"\n height=\"17\"\n viewBox=\"-1 -1 18 19\"\n onClick={props.onClick}\n xmlns=\"http://www.w3.org/2000/svg\"\n className={props.className}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g fill=\"#536171\">\n <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n </g>\n </g>\n </svg>\n );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nimport { TextInput } from '@contentful/f36-components';\n\nconst styles = {\n datePickerWrapper: css({\n position: 'relative',\n maxHeight: 70,\n }),\n datePicker: css({\n zIndex: 1002,\n display: 'block',\n '.is-hidden': {\n display: 'none',\n },\n }),\n input: css({\n width: '270px',\n cursor: 'pointer',\n paddingRight: '40px',\n '&:disabled': {\n cursor: 'not-allowed',\n },\n }),\n icon: css({\n cursor: 'pointer',\n zIndex: 50,\n position: 'absolute',\n top: '12px',\n right: '12px',\n }),\n};\n\nexport type DatePickerProps = {\n value?: moment.Moment;\n onChange: (val: moment.Moment | undefined) => void;\n onBlur: FocusEventHandler;\n disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n static defaultProps: Partial<DatePickerProps> = {\n onChange: noop,\n onBlur: noop,\n };\n\n pikaday?: Pikaday;\n datePickerNode = React.createRef<HTMLInputElement>();\n\n componentDidMount() {\n const onChange = this.props.onChange;\n const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n this.pikaday = createPikaday({\n field: this.datePickerNode && this.datePickerNode.current,\n defaultDate,\n setDefaultDate: defaultDate !== undefined,\n position: 'bottom left',\n reposition: false,\n theme: cx(styles.datePicker, 'hide-carret'),\n toString: (date) => {\n return formatDateDisplay(moment(date));\n },\n // we need to keep this function like this\n // so `this` refers to pikaday instance\n onSelect: function onSelect() {\n onChange(this.getMoment() || undefined);\n },\n });\n }\n\n focusInput = () => {\n if (this.datePickerNode && this.datePickerNode.current) {\n this.datePickerNode.current.focus();\n }\n };\n\n componentWillUnmount() {\n if (this.pikaday) {\n this.pikaday.destroy();\n }\n }\n\n handleOpen = () => {\n if (this.pikaday) {\n this.pikaday.show();\n }\n };\n\n handleBlur = (e: FocusEvent) => {\n this.props.onBlur(e);\n if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n this.pikaday.hide();\n }\n };\n\n render() {\n return (\n <div className={styles.datePickerWrapper}>\n <TextInput\n aria-label=\"Select date\"\n testId=\"date-input\"\n isReadOnly\n isDisabled={this.props.disabled}\n value={formatDateDisplay(this.props.value)}\n ref={this.datePickerNode}\n onFocus={this.handleOpen}\n onBlur={this.handleBlur}\n className={styles.input}\n />\n <CalendarIcon\n onClick={() => {\n this.focusInput();\n }}\n className={styles.icon}\n />\n </div>\n );\n }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css } from 'emotion';\n\nimport { TextInput, Flex } from '@contentful/f36-components';\n\nexport type TimepickerProps = {\n disabled: boolean;\n uses12hClock: boolean;\n onChange: (value: { time: string; ampm: string }) => void;\n time?: string;\n ampm?: string;\n};\n\nconst validInputFormats = [\n 'hh:mm a',\n 'hh:mm A',\n 'h:mm a',\n 'h:mm A',\n 'hh:mm',\n 'k:mm',\n 'kk:mm',\n 'h a',\n 'h A',\n 'h',\n 'hh',\n 'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n let time: moment.Moment | null = null;\n\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (let i = 0; i < validInputFormats.length; i++) {\n const date = moment(raw, validInputFormats[i]);\n if (date.isValid()) {\n time = date;\n break;\n }\n }\n\n return time;\n}\n\nconst getDefaultTime = () => {\n return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n disabled,\n uses12hClock,\n time = '12:00',\n ampm = 'AM',\n onChange,\n}: TimepickerProps) => {\n const [selectedTime, setSelectedTime] = useState<string>(() => {\n return formatToString(uses12hClock, getDefaultTime());\n });\n\n useEffect(() => {\n setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n }, [time, ampm, uses12hClock]);\n\n const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n setSelectedTime(e.currentTarget.value);\n }, []);\n\n const handleFocus = useCallback((e) => {\n e.preventDefault();\n e.target.select();\n }, []);\n\n const handleBlur = () => {\n const parsedTime = parseRawInput(selectedTime);\n const value = parsedTime ?? getDefaultTime();\n setSelectedTime(formatToString(uses12hClock, value));\n onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n };\n\n return (\n <Flex className={css({ width: '140px' })}>\n <TextInput\n aria-label=\"Select time\"\n placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n date-time-type={uses12hClock ? '12' : '24'}\n testId=\"time-input\"\n value={selectedTime}\n isDisabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n />\n </Flex>\n );\n};\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n '-12:00',\n '-11:00',\n '-10:00',\n '-09:30',\n '-09:00',\n '-08:00',\n '-07:00',\n '-06:00',\n '-05:00',\n '-04:30',\n '-04:00',\n '-03:30',\n '-03:00',\n '-02:00',\n '-01:00',\n '+00:00',\n '+01:00',\n '+02:00',\n '+03:00',\n '+03:30',\n '+04:00',\n '+04:30',\n '+05:00',\n '+05:30',\n '+05:45',\n '+06:00',\n '+06:30',\n '+07:00',\n '+08:00',\n '+08:45',\n '+09:00',\n '+09:30',\n '+10:00',\n '+10:30',\n '+11:00',\n '+11:30',\n '+12:00',\n '+12:45',\n '+13:00',\n '+14:00',\n];\n","import React, { ChangeEvent } from 'react';\nimport { zoneOffsets, defaultZoneOffset } from './utils/zoneOffsets';\n\nimport { Select } from '@contentful/f36-components';\n\nexport type TimezonepickerProps = {\n disabled: boolean;\n onChange: (value: string) => void;\n value?: string;\n};\n\nexport const TimezonepickerInput = ({\n disabled,\n onChange,\n value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n return (\n <Select\n aria-label=\"Select timezone\"\n testId=\"timezone-input\"\n value={value}\n isDisabled={disabled}\n onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n onChange(e.currentTarget.value);\n }}>\n {zoneOffsets.map((offset) => (\n <Select.Option key={offset} value={offset}>\n UTC{offset}\n </Select.Option>\n ))}\n </Select>\n );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport {\n userInputFromDatetime,\n buildFieldValue,\n getDefaultAMPM,\n getDefaultUtcOffset,\n} from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nimport { TextLink } from '@contentful/f36-components';\n\nexport interface DateEditorProps {\n /**\n * is the field disabled initially\n */\n isInitiallyDisabled: boolean;\n\n /**\n * sdk.field\n */\n field: FieldAPI;\n\n /**\n * sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance?: {\n format?: DateTimeFormat;\n ampm?: TimeFormat;\n };\n };\n}\n\nconst styles = {\n root: css({\n display: 'flex',\n alignItems: 'center',\n }),\n separator: css({\n marginLeft: tokens.spacingM,\n }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n const isFirstRun = React.useRef(true);\n React.useEffect(() => {\n if (isFirstRun.current) {\n isFirstRun.current = false;\n return;\n }\n callback();\n }, deps);\n}\n\nfunction DateEditorContainer({\n initialValue,\n usesTime,\n usesTimezone,\n uses12hClock,\n disabled,\n hasClear,\n onChange,\n}: {\n initialValue: TimeResult;\n usesTime: boolean;\n usesTimezone: boolean;\n uses12hClock: boolean;\n disabled: boolean;\n hasClear: boolean;\n onChange: (value: TimeResult) => void;\n}) {\n const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n useEffectWithoutFirstRender(() => {\n onChange(value);\n }, [value]);\n\n return (\n <div data-test-id=\"date-editor\" className={styles.root}>\n <DatepickerInput\n disabled={disabled}\n value={value.date}\n onChange={(date) => {\n setValue((value) => ({\n ...value,\n date,\n }));\n }}\n />\n {usesTime && (\n <>\n <div className={styles.separator} />\n <TimepickerInput\n disabled={disabled}\n time={value.time}\n ampm={value.ampm}\n onChange={({ time, ampm }) => {\n setValue((value) => ({\n ...value,\n time,\n ampm,\n }));\n }}\n uses12hClock={uses12hClock}\n />\n </>\n )}\n {usesTimezone && (\n <>\n <div className={styles.separator} />\n <TimezonepickerInput\n disabled={disabled}\n value={value.utcOffset}\n onChange={(utcOffset) => {\n setValue((value) => ({\n ...value,\n utcOffset,\n }));\n }}\n />\n </>\n )}\n {hasClear && (\n <>\n <div className={styles.separator} />\n <TextLink\n as=\"button\"\n isDisabled={disabled}\n testId=\"date-clear\"\n onClick={() => {\n setValue({\n date: undefined,\n time: undefined,\n ampm: getDefaultAMPM(),\n utcOffset: getDefaultUtcOffset(),\n });\n }}>\n Clear\n </TextLink>\n </>\n )}\n </div>\n );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n const { field, parameters } = props;\n\n const formatParam = parameters?.instance?.format ?? 'timeZ';\n const ampmParam = parameters?.instance?.ampm ?? '24';\n\n const usesTime = formatParam !== 'dateonly';\n const usesTimezone = formatParam === 'timeZ';\n const uses12hClock = ampmParam === '12';\n\n return (\n <FieldConnector<string>\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n throttle={0}>\n {({ value, disabled, setValue, externalReset }) => {\n const datetimeValue = userInputFromDatetime({\n value,\n uses12hClock,\n });\n return (\n <DateEditorContainer\n initialValue={datetimeValue}\n uses12hClock={uses12hClock}\n usesTimezone={usesTimezone}\n usesTime={usesTime}\n disabled={disabled}\n hasClear={Boolean(value)}\n onChange={(data) => {\n const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n if (fieldValue.invalid) {\n return;\n }\n // if value is present - then override it with a new one\n // if value is not present - then set a new one if it's not nullable only\n if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n setValue(fieldValue.valid);\n }\n }}\n key={`date-container-${externalReset}`}\n />\n );\n }}\n </FieldConnector>\n );\n}\n\nDateEditor.defaultProps = {\n isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","startOfToday","format","moment","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","time","utc","ampm","datetimeFromUserInput","date","valid","parseZone","toObject","isValid","invalid","formatDateDisplay","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","value","uses12hClock","timeFormat","I18N","previousMonth","nextMonth","months","weekdaysShort","weekdays","DEFAULTS","i18n","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","defaultDate","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","isReadOnly","isDisabled","disabled","ref","onFocus","handleOpen","handleBlur","focusInput","Component","noop","validInputFormats","parseRawInput","raw","i","length","getDefaultTime","formatToString","TimepickerInput","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","parsedTime","Flex","placeholder","defaultZoneOffset","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","root","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","DateEditorContainer","initialValue","hasClear","setValue","TextLink","as","DateEditor","parameters","formatParam","instance","ampmParam","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","Boolean","fieldValue","defaultProps"],"mappings":"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"}
|
package/dist/utils/date.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export declare function formatDateDisplay(date?: moment.Moment): string;
|
|
|
7
7
|
* Returns a sum type with either the string as the `valid` property
|
|
8
8
|
* or the `invalid` property set to `false`.
|
|
9
9
|
*/
|
|
10
|
-
export declare function buildFieldValue({ data, usesTime, usesTimezone }: {
|
|
10
|
+
export declare function buildFieldValue({ data, usesTime, usesTimezone, }: {
|
|
11
11
|
data: TimeResult;
|
|
12
12
|
usesTime: boolean;
|
|
13
13
|
usesTimezone: boolean;
|
|
@@ -23,7 +23,7 @@ export declare function getDefaultUtcOffset(): string;
|
|
|
23
23
|
/**
|
|
24
24
|
* Create the user input object from the field value.
|
|
25
25
|
*/
|
|
26
|
-
export declare function userInputFromDatetime({ value, uses12hClock }: {
|
|
26
|
+
export declare function userInputFromDatetime({ value, uses12hClock, }: {
|
|
27
27
|
value: string | undefined | null;
|
|
28
28
|
uses12hClock: boolean;
|
|
29
29
|
}): TimeResult;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-date",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/field-editor-date.esm.js",
|
|
6
6
|
"typings": "dist/index.d.ts",
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
"test:ci": "tsdx test --env=jsdom --ci"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@contentful/
|
|
27
|
-
"@contentful/
|
|
28
|
-
"@contentful/
|
|
26
|
+
"@contentful/f36-components": "beta",
|
|
27
|
+
"@contentful/f36-tokens": "beta",
|
|
28
|
+
"@contentful/field-editor-shared": "^0.26.0",
|
|
29
29
|
"emotion": "^10.0.17",
|
|
30
30
|
"lodash": "^4.17.15",
|
|
31
31
|
"lodash-es": "^4.17.15",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@babel/core": "^7.7.4",
|
|
37
|
-
"@contentful/field-editor-test-utils": "^0.
|
|
37
|
+
"@contentful/field-editor-test-utils": "^0.19.0",
|
|
38
38
|
"@types/pikaday": "^1.7.4"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "f86ba28db3f34cffc0dc2580bf21297542f331c9"
|
|
54
54
|
}
|