@contentful/f36-datetime 4.1.0 → 4.3.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 CHANGED
@@ -3,6 +3,47 @@
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
+ # [4.3.0](https://github.com/contentful/forma-36/compare/@contentful/f36-datetime@4.2.1...@contentful/f36-datetime@4.3.0) (2022-02-17)
7
+
8
+
9
+ ### Features
10
+
11
+ * implement short description in page content header ([#1822](https://github.com/contentful/forma-36/issues/1822)) ([c812815](https://github.com/contentful/forma-36/commit/c812815cf6681a021fd5313fc905227def842ee8))
12
+
13
+
14
+
15
+
16
+
17
+ ## [4.2.1](https://github.com/contentful/forma-36/compare/@contentful/f36-datetime@4.2.0...@contentful/f36-datetime@4.2.1) (2022-01-31)
18
+
19
+ **Note:** Version bump only for package @contentful/f36-datetime
20
+
21
+
22
+
23
+
24
+
25
+ # [4.2.0](https://github.com/contentful/forma-36/compare/@contentful/f36-datetime@4.1.1...@contentful/f36-datetime@4.2.0) (2022-01-31)
26
+
27
+
28
+ ### Features
29
+
30
+ * implement props list redesign [BAU-535] ([#1756](https://github.com/contentful/forma-36/issues/1756)) ([21c57e7](https://github.com/contentful/forma-36/commit/21c57e72008b75990d03af4e7500edc1c7f3d26d))
31
+
32
+
33
+
34
+
35
+
36
+ ## [4.1.1](https://github.com/contentful/forma-36/compare/@contentful/f36-datetime@4.1.0...@contentful/f36-datetime@4.1.1) (2022-01-12)
37
+
38
+
39
+ ### Bug Fixes
40
+
41
+ * force types regeneration for DateTime, Asset and AssetCard ([6965180](https://github.com/contentful/forma-36/commit/69651807d56da28c0a81204aa29746ccac00169f))
42
+
43
+
44
+
45
+
46
+
6
47
  # [4.1.0](https://github.com/contentful/forma-36/compare/@contentful/f36-datetime@4.0.0...@contentful/f36-datetime@4.1.0) (2022-01-11)
7
48
 
8
49
 
package/dist/types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { CommonProps, PropsWithHTMLElement } from "@contentful/f36-core";
3
3
  type DateType = Date | string | number;
4
- type DateFormat = 'full' | 'time' | 'weekday' | 'day';
4
+ type DateFormat = 'fullWithSeconds' | 'full' | 'time' | 'day' | 'weekday';
5
5
  /**
6
6
  * A funtion that will return a formatted date string. The format will dependend on the option
7
7
  * passed in the second argument.
@@ -49,269 +49,7 @@ export type DateTimeProps = PropsWithHTMLElement<DateTimeOwnProps, 'time'>;
49
49
  /**
50
50
  * The DateTime component will format a date to a human friendly format and wrap it in a `<time>` tag
51
51
  */
52
- export const DateTime: React.ForwardRefExoticComponent<{
53
- slot?: string;
54
- title?: string;
55
- key?: React.Key;
56
- dateTime?: string;
57
- defaultChecked?: boolean;
58
- defaultValue?: string | number | readonly string[];
59
- suppressContentEditableWarning?: boolean;
60
- suppressHydrationWarning?: boolean;
61
- accessKey?: string;
62
- contentEditable?: (boolean | "true" | "false") | "inherit";
63
- contextMenu?: string;
64
- dir?: string;
65
- draggable?: boolean | "true" | "false";
66
- hidden?: boolean;
67
- id?: string;
68
- lang?: string;
69
- placeholder?: string;
70
- spellCheck?: boolean | "true" | "false";
71
- tabIndex?: number;
72
- translate?: "yes" | "no";
73
- radioGroup?: string;
74
- role?: string;
75
- about?: string;
76
- datatype?: string;
77
- inlist?: any;
78
- prefix?: string;
79
- property?: string;
80
- resource?: string;
81
- typeof?: string;
82
- vocab?: string;
83
- autoCapitalize?: string;
84
- autoCorrect?: string;
85
- autoSave?: string;
86
- color?: string;
87
- itemProp?: string;
88
- itemScope?: boolean;
89
- itemType?: string;
90
- itemID?: string;
91
- itemRef?: string;
92
- results?: number;
93
- security?: string;
94
- unselectable?: "on" | "off";
95
- inputMode?: "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
96
- is?: string;
97
- 'aria-activedescendant'?: string;
98
- 'aria-atomic'?: boolean | "true" | "false";
99
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
100
- 'aria-busy'?: boolean | "true" | "false";
101
- 'aria-checked'?: boolean | "true" | "false" | "mixed";
102
- 'aria-colcount'?: number;
103
- 'aria-colindex'?: number;
104
- 'aria-colspan'?: number;
105
- 'aria-controls'?: string;
106
- 'aria-current'?: boolean | "time" | "date" | "true" | "false" | "page" | "step" | "location";
107
- 'aria-describedby'?: string;
108
- 'aria-details'?: string;
109
- 'aria-disabled'?: boolean | "true" | "false";
110
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
111
- 'aria-errormessage'?: string;
112
- 'aria-expanded'?: boolean | "true" | "false";
113
- 'aria-flowto'?: string;
114
- 'aria-grabbed'?: boolean | "true" | "false";
115
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid";
116
- 'aria-hidden'?: boolean | "true" | "false";
117
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
118
- 'aria-keyshortcuts'?: string;
119
- 'aria-label'?: string;
120
- 'aria-labelledby'?: string;
121
- 'aria-level'?: number;
122
- 'aria-live'?: "off" | "assertive" | "polite";
123
- 'aria-modal'?: boolean | "true" | "false";
124
- 'aria-multiline'?: boolean | "true" | "false";
125
- 'aria-multiselectable'?: boolean | "true" | "false";
126
- 'aria-orientation'?: "horizontal" | "vertical";
127
- 'aria-owns'?: string;
128
- 'aria-placeholder'?: string;
129
- 'aria-posinset'?: number;
130
- 'aria-pressed'?: boolean | "true" | "false" | "mixed";
131
- 'aria-readonly'?: boolean | "true" | "false";
132
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
133
- 'aria-required'?: boolean | "true" | "false";
134
- 'aria-roledescription'?: string;
135
- 'aria-rowcount'?: number;
136
- 'aria-rowindex'?: number;
137
- 'aria-rowspan'?: number;
138
- 'aria-selected'?: boolean | "true" | "false";
139
- 'aria-setsize'?: number;
140
- 'aria-sort'?: "none" | "ascending" | "descending" | "other";
141
- 'aria-valuemax'?: number;
142
- 'aria-valuemin'?: number;
143
- 'aria-valuenow'?: number;
144
- 'aria-valuetext'?: string;
145
- children?: React.ReactNode;
146
- dangerouslySetInnerHTML?: {
147
- __html: string;
148
- };
149
- onCopy?: React.ClipboardEventHandler<HTMLElement>;
150
- onCopyCapture?: React.ClipboardEventHandler<HTMLElement>;
151
- onCut?: React.ClipboardEventHandler<HTMLElement>;
152
- onCutCapture?: React.ClipboardEventHandler<HTMLElement>;
153
- onPaste?: React.ClipboardEventHandler<HTMLElement>;
154
- onPasteCapture?: React.ClipboardEventHandler<HTMLElement>;
155
- onCompositionEnd?: React.CompositionEventHandler<HTMLElement>;
156
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement>;
157
- onCompositionStart?: React.CompositionEventHandler<HTMLElement>;
158
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement>;
159
- onCompositionUpdate?: React.CompositionEventHandler<HTMLElement>;
160
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement>;
161
- onFocus?: React.FocusEventHandler<HTMLElement>;
162
- onFocusCapture?: React.FocusEventHandler<HTMLElement>;
163
- onBlur?: React.FocusEventHandler<HTMLElement>;
164
- onBlurCapture?: React.FocusEventHandler<HTMLElement>;
165
- onChange?: React.FormEventHandler<HTMLElement>;
166
- onChangeCapture?: React.FormEventHandler<HTMLElement>;
167
- onBeforeInput?: React.FormEventHandler<HTMLElement>;
168
- onBeforeInputCapture?: React.FormEventHandler<HTMLElement>;
169
- onInput?: React.FormEventHandler<HTMLElement>;
170
- onInputCapture?: React.FormEventHandler<HTMLElement>;
171
- onReset?: React.FormEventHandler<HTMLElement>;
172
- onResetCapture?: React.FormEventHandler<HTMLElement>;
173
- onSubmit?: React.FormEventHandler<HTMLElement>;
174
- onSubmitCapture?: React.FormEventHandler<HTMLElement>;
175
- onInvalid?: React.FormEventHandler<HTMLElement>;
176
- onInvalidCapture?: React.FormEventHandler<HTMLElement>;
177
- onLoad?: React.ReactEventHandler<HTMLElement>;
178
- onLoadCapture?: React.ReactEventHandler<HTMLElement>;
179
- onError?: React.ReactEventHandler<HTMLElement>;
180
- onErrorCapture?: React.ReactEventHandler<HTMLElement>;
181
- onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
182
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement>;
183
- onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
184
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement>;
185
- onKeyUp?: React.KeyboardEventHandler<HTMLElement>;
186
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement>;
187
- onAbort?: React.ReactEventHandler<HTMLElement>;
188
- onAbortCapture?: React.ReactEventHandler<HTMLElement>;
189
- onCanPlay?: React.ReactEventHandler<HTMLElement>;
190
- onCanPlayCapture?: React.ReactEventHandler<HTMLElement>;
191
- onCanPlayThrough?: React.ReactEventHandler<HTMLElement>;
192
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement>;
193
- onDurationChange?: React.ReactEventHandler<HTMLElement>;
194
- onDurationChangeCapture?: React.ReactEventHandler<HTMLElement>;
195
- onEmptied?: React.ReactEventHandler<HTMLElement>;
196
- onEmptiedCapture?: React.ReactEventHandler<HTMLElement>;
197
- onEncrypted?: React.ReactEventHandler<HTMLElement>;
198
- onEncryptedCapture?: React.ReactEventHandler<HTMLElement>;
199
- onEnded?: React.ReactEventHandler<HTMLElement>;
200
- onEndedCapture?: React.ReactEventHandler<HTMLElement>;
201
- onLoadedData?: React.ReactEventHandler<HTMLElement>;
202
- onLoadedDataCapture?: React.ReactEventHandler<HTMLElement>;
203
- onLoadedMetadata?: React.ReactEventHandler<HTMLElement>;
204
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement>;
205
- onLoadStart?: React.ReactEventHandler<HTMLElement>;
206
- onLoadStartCapture?: React.ReactEventHandler<HTMLElement>;
207
- onPause?: React.ReactEventHandler<HTMLElement>;
208
- onPauseCapture?: React.ReactEventHandler<HTMLElement>;
209
- onPlay?: React.ReactEventHandler<HTMLElement>;
210
- onPlayCapture?: React.ReactEventHandler<HTMLElement>;
211
- onPlaying?: React.ReactEventHandler<HTMLElement>;
212
- onPlayingCapture?: React.ReactEventHandler<HTMLElement>;
213
- onProgress?: React.ReactEventHandler<HTMLElement>;
214
- onProgressCapture?: React.ReactEventHandler<HTMLElement>;
215
- onRateChange?: React.ReactEventHandler<HTMLElement>;
216
- onRateChangeCapture?: React.ReactEventHandler<HTMLElement>;
217
- onSeeked?: React.ReactEventHandler<HTMLElement>;
218
- onSeekedCapture?: React.ReactEventHandler<HTMLElement>;
219
- onSeeking?: React.ReactEventHandler<HTMLElement>;
220
- onSeekingCapture?: React.ReactEventHandler<HTMLElement>;
221
- onStalled?: React.ReactEventHandler<HTMLElement>;
222
- onStalledCapture?: React.ReactEventHandler<HTMLElement>;
223
- onSuspend?: React.ReactEventHandler<HTMLElement>;
224
- onSuspendCapture?: React.ReactEventHandler<HTMLElement>;
225
- onTimeUpdate?: React.ReactEventHandler<HTMLElement>;
226
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement>;
227
- onVolumeChange?: React.ReactEventHandler<HTMLElement>;
228
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement>;
229
- onWaiting?: React.ReactEventHandler<HTMLElement>;
230
- onWaitingCapture?: React.ReactEventHandler<HTMLElement>;
231
- onAuxClick?: React.MouseEventHandler<HTMLElement>;
232
- onAuxClickCapture?: React.MouseEventHandler<HTMLElement>;
233
- onClick?: React.MouseEventHandler<HTMLElement>;
234
- onClickCapture?: React.MouseEventHandler<HTMLElement>;
235
- onContextMenu?: React.MouseEventHandler<HTMLElement>;
236
- onContextMenuCapture?: React.MouseEventHandler<HTMLElement>;
237
- onDoubleClick?: React.MouseEventHandler<HTMLElement>;
238
- onDoubleClickCapture?: React.MouseEventHandler<HTMLElement>;
239
- onDrag?: React.DragEventHandler<HTMLElement>;
240
- onDragCapture?: React.DragEventHandler<HTMLElement>;
241
- onDragEnd?: React.DragEventHandler<HTMLElement>;
242
- onDragEndCapture?: React.DragEventHandler<HTMLElement>;
243
- onDragEnter?: React.DragEventHandler<HTMLElement>;
244
- onDragEnterCapture?: React.DragEventHandler<HTMLElement>;
245
- onDragExit?: React.DragEventHandler<HTMLElement>;
246
- onDragExitCapture?: React.DragEventHandler<HTMLElement>;
247
- onDragLeave?: React.DragEventHandler<HTMLElement>;
248
- onDragLeaveCapture?: React.DragEventHandler<HTMLElement>;
249
- onDragOver?: React.DragEventHandler<HTMLElement>;
250
- onDragOverCapture?: React.DragEventHandler<HTMLElement>;
251
- onDragStart?: React.DragEventHandler<HTMLElement>;
252
- onDragStartCapture?: React.DragEventHandler<HTMLElement>;
253
- onDrop?: React.DragEventHandler<HTMLElement>;
254
- onDropCapture?: React.DragEventHandler<HTMLElement>;
255
- onMouseDown?: React.MouseEventHandler<HTMLElement>;
256
- onMouseDownCapture?: React.MouseEventHandler<HTMLElement>;
257
- onMouseEnter?: React.MouseEventHandler<HTMLElement>;
258
- onMouseLeave?: React.MouseEventHandler<HTMLElement>;
259
- onMouseMove?: React.MouseEventHandler<HTMLElement>;
260
- onMouseMoveCapture?: React.MouseEventHandler<HTMLElement>;
261
- onMouseOut?: React.MouseEventHandler<HTMLElement>;
262
- onMouseOutCapture?: React.MouseEventHandler<HTMLElement>;
263
- onMouseOver?: React.MouseEventHandler<HTMLElement>;
264
- onMouseOverCapture?: React.MouseEventHandler<HTMLElement>;
265
- onMouseUp?: React.MouseEventHandler<HTMLElement>;
266
- onMouseUpCapture?: React.MouseEventHandler<HTMLElement>;
267
- onSelect?: React.ReactEventHandler<HTMLElement>;
268
- onSelectCapture?: React.ReactEventHandler<HTMLElement>;
269
- onTouchCancel?: React.TouchEventHandler<HTMLElement>;
270
- onTouchCancelCapture?: React.TouchEventHandler<HTMLElement>;
271
- onTouchEnd?: React.TouchEventHandler<HTMLElement>;
272
- onTouchEndCapture?: React.TouchEventHandler<HTMLElement>;
273
- onTouchMove?: React.TouchEventHandler<HTMLElement>;
274
- onTouchMoveCapture?: React.TouchEventHandler<HTMLElement>;
275
- onTouchStart?: React.TouchEventHandler<HTMLElement>;
276
- onTouchStartCapture?: React.TouchEventHandler<HTMLElement>;
277
- onPointerDown?: React.PointerEventHandler<HTMLElement>;
278
- onPointerDownCapture?: React.PointerEventHandler<HTMLElement>;
279
- onPointerMove?: React.PointerEventHandler<HTMLElement>;
280
- onPointerMoveCapture?: React.PointerEventHandler<HTMLElement>;
281
- onPointerUp?: React.PointerEventHandler<HTMLElement>;
282
- onPointerUpCapture?: React.PointerEventHandler<HTMLElement>;
283
- onPointerCancel?: React.PointerEventHandler<HTMLElement>;
284
- onPointerCancelCapture?: React.PointerEventHandler<HTMLElement>;
285
- onPointerEnter?: React.PointerEventHandler<HTMLElement>;
286
- onPointerEnterCapture?: React.PointerEventHandler<HTMLElement>;
287
- onPointerLeave?: React.PointerEventHandler<HTMLElement>;
288
- onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement>;
289
- onPointerOver?: React.PointerEventHandler<HTMLElement>;
290
- onPointerOverCapture?: React.PointerEventHandler<HTMLElement>;
291
- onPointerOut?: React.PointerEventHandler<HTMLElement>;
292
- onPointerOutCapture?: React.PointerEventHandler<HTMLElement>;
293
- onGotPointerCapture?: React.PointerEventHandler<HTMLElement>;
294
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>;
295
- onLostPointerCapture?: React.PointerEventHandler<HTMLElement>;
296
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>;
297
- onScroll?: React.UIEventHandler<HTMLElement>;
298
- onScrollCapture?: React.UIEventHandler<HTMLElement>;
299
- onWheel?: React.WheelEventHandler<HTMLElement>;
300
- onWheelCapture?: React.WheelEventHandler<HTMLElement>;
301
- onAnimationStart?: React.AnimationEventHandler<HTMLElement>;
302
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement>;
303
- onAnimationEnd?: React.AnimationEventHandler<HTMLElement>;
304
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement>;
305
- onAnimationIteration?: React.AnimationEventHandler<HTMLElement>;
306
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement>;
307
- onTransitionEnd?: React.TransitionEventHandler<HTMLElement>;
308
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement>;
309
- date: DateType;
310
- format?: DateFormat;
311
- className?: string;
312
- testId?: string;
313
- style?: React.CSSProperties;
314
- } & React.RefAttributes<HTMLTimeElement>>;
52
+ export const DateTime: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof React.TimeHTMLAttributes<HTMLElement>>, never>, keyof DateTimeOwnProps> & DateTimeOwnProps & React.RefAttributes<HTMLTimeElement>>;
315
53
  interface RelativeDateTimeInternalProps extends CommonProps {
316
54
  /**
317
55
  * The date that will be displayed. It accepts a JS Date, an ISO8601 Timestamp string, or Unix Epoch Milliseconds number
@@ -335,269 +73,6 @@ export type RelativeDateTimeProps = PropsWithHTMLElement<RelativeDateTimeInterna
335
73
  * The RelativeDateTime will show a `date` relative to "now" or to the `baseDate`
336
74
  * (e.g. in a day, in one month, one month ago, etc).
337
75
  */
338
- export const RelativeDateTime: React.ForwardRefExoticComponent<{
339
- slot?: string;
340
- title?: string;
341
- key?: React.Key;
342
- dateTime?: string;
343
- defaultChecked?: boolean;
344
- defaultValue?: string | number | readonly string[];
345
- suppressContentEditableWarning?: boolean;
346
- suppressHydrationWarning?: boolean;
347
- accessKey?: string;
348
- contentEditable?: (boolean | "true" | "false") | "inherit";
349
- contextMenu?: string;
350
- dir?: string;
351
- draggable?: boolean | "true" | "false";
352
- hidden?: boolean;
353
- id?: string;
354
- lang?: string;
355
- placeholder?: string;
356
- spellCheck?: boolean | "true" | "false";
357
- tabIndex?: number;
358
- translate?: "yes" | "no";
359
- radioGroup?: string;
360
- role?: string;
361
- about?: string;
362
- datatype?: string;
363
- inlist?: any;
364
- prefix?: string;
365
- property?: string;
366
- resource?: string;
367
- typeof?: string;
368
- vocab?: string;
369
- autoCapitalize?: string;
370
- autoCorrect?: string;
371
- autoSave?: string;
372
- color?: string;
373
- itemProp?: string;
374
- itemScope?: boolean;
375
- itemType?: string;
376
- itemID?: string;
377
- itemRef?: string;
378
- results?: number;
379
- security?: string;
380
- unselectable?: "on" | "off";
381
- inputMode?: "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
382
- is?: string;
383
- 'aria-activedescendant'?: string;
384
- 'aria-atomic'?: boolean | "true" | "false";
385
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
386
- 'aria-busy'?: boolean | "true" | "false";
387
- 'aria-checked'?: boolean | "true" | "false" | "mixed";
388
- 'aria-colcount'?: number;
389
- 'aria-colindex'?: number;
390
- 'aria-colspan'?: number;
391
- 'aria-controls'?: string;
392
- 'aria-current'?: boolean | "time" | "date" | "true" | "false" | "page" | "step" | "location";
393
- 'aria-describedby'?: string;
394
- 'aria-details'?: string;
395
- 'aria-disabled'?: boolean | "true" | "false";
396
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
397
- 'aria-errormessage'?: string;
398
- 'aria-expanded'?: boolean | "true" | "false";
399
- 'aria-flowto'?: string;
400
- 'aria-grabbed'?: boolean | "true" | "false";
401
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid";
402
- 'aria-hidden'?: boolean | "true" | "false";
403
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
404
- 'aria-keyshortcuts'?: string;
405
- 'aria-label'?: string;
406
- 'aria-labelledby'?: string;
407
- 'aria-level'?: number;
408
- 'aria-live'?: "off" | "assertive" | "polite";
409
- 'aria-modal'?: boolean | "true" | "false";
410
- 'aria-multiline'?: boolean | "true" | "false";
411
- 'aria-multiselectable'?: boolean | "true" | "false";
412
- 'aria-orientation'?: "horizontal" | "vertical";
413
- 'aria-owns'?: string;
414
- 'aria-placeholder'?: string;
415
- 'aria-posinset'?: number;
416
- 'aria-pressed'?: boolean | "true" | "false" | "mixed";
417
- 'aria-readonly'?: boolean | "true" | "false";
418
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
419
- 'aria-required'?: boolean | "true" | "false";
420
- 'aria-roledescription'?: string;
421
- 'aria-rowcount'?: number;
422
- 'aria-rowindex'?: number;
423
- 'aria-rowspan'?: number;
424
- 'aria-selected'?: boolean | "true" | "false";
425
- 'aria-setsize'?: number;
426
- 'aria-sort'?: "none" | "ascending" | "descending" | "other";
427
- 'aria-valuemax'?: number;
428
- 'aria-valuemin'?: number;
429
- 'aria-valuenow'?: number;
430
- 'aria-valuetext'?: string;
431
- children?: React.ReactNode;
432
- dangerouslySetInnerHTML?: {
433
- __html: string;
434
- };
435
- onCopy?: React.ClipboardEventHandler<HTMLElement>;
436
- onCopyCapture?: React.ClipboardEventHandler<HTMLElement>;
437
- onCut?: React.ClipboardEventHandler<HTMLElement>;
438
- onCutCapture?: React.ClipboardEventHandler<HTMLElement>;
439
- onPaste?: React.ClipboardEventHandler<HTMLElement>;
440
- onPasteCapture?: React.ClipboardEventHandler<HTMLElement>;
441
- onCompositionEnd?: React.CompositionEventHandler<HTMLElement>;
442
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement>;
443
- onCompositionStart?: React.CompositionEventHandler<HTMLElement>;
444
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement>;
445
- onCompositionUpdate?: React.CompositionEventHandler<HTMLElement>;
446
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement>;
447
- onFocus?: React.FocusEventHandler<HTMLElement>;
448
- onFocusCapture?: React.FocusEventHandler<HTMLElement>;
449
- onBlur?: React.FocusEventHandler<HTMLElement>;
450
- onBlurCapture?: React.FocusEventHandler<HTMLElement>;
451
- onChange?: React.FormEventHandler<HTMLElement>;
452
- onChangeCapture?: React.FormEventHandler<HTMLElement>;
453
- onBeforeInput?: React.FormEventHandler<HTMLElement>;
454
- onBeforeInputCapture?: React.FormEventHandler<HTMLElement>;
455
- onInput?: React.FormEventHandler<HTMLElement>;
456
- onInputCapture?: React.FormEventHandler<HTMLElement>;
457
- onReset?: React.FormEventHandler<HTMLElement>;
458
- onResetCapture?: React.FormEventHandler<HTMLElement>;
459
- onSubmit?: React.FormEventHandler<HTMLElement>;
460
- onSubmitCapture?: React.FormEventHandler<HTMLElement>;
461
- onInvalid?: React.FormEventHandler<HTMLElement>;
462
- onInvalidCapture?: React.FormEventHandler<HTMLElement>;
463
- onLoad?: React.ReactEventHandler<HTMLElement>;
464
- onLoadCapture?: React.ReactEventHandler<HTMLElement>;
465
- onError?: React.ReactEventHandler<HTMLElement>;
466
- onErrorCapture?: React.ReactEventHandler<HTMLElement>;
467
- onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
468
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement>;
469
- onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
470
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement>;
471
- onKeyUp?: React.KeyboardEventHandler<HTMLElement>;
472
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement>;
473
- onAbort?: React.ReactEventHandler<HTMLElement>;
474
- onAbortCapture?: React.ReactEventHandler<HTMLElement>;
475
- onCanPlay?: React.ReactEventHandler<HTMLElement>;
476
- onCanPlayCapture?: React.ReactEventHandler<HTMLElement>;
477
- onCanPlayThrough?: React.ReactEventHandler<HTMLElement>;
478
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement>;
479
- onDurationChange?: React.ReactEventHandler<HTMLElement>;
480
- onDurationChangeCapture?: React.ReactEventHandler<HTMLElement>;
481
- onEmptied?: React.ReactEventHandler<HTMLElement>;
482
- onEmptiedCapture?: React.ReactEventHandler<HTMLElement>;
483
- onEncrypted?: React.ReactEventHandler<HTMLElement>;
484
- onEncryptedCapture?: React.ReactEventHandler<HTMLElement>;
485
- onEnded?: React.ReactEventHandler<HTMLElement>;
486
- onEndedCapture?: React.ReactEventHandler<HTMLElement>;
487
- onLoadedData?: React.ReactEventHandler<HTMLElement>;
488
- onLoadedDataCapture?: React.ReactEventHandler<HTMLElement>;
489
- onLoadedMetadata?: React.ReactEventHandler<HTMLElement>;
490
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement>;
491
- onLoadStart?: React.ReactEventHandler<HTMLElement>;
492
- onLoadStartCapture?: React.ReactEventHandler<HTMLElement>;
493
- onPause?: React.ReactEventHandler<HTMLElement>;
494
- onPauseCapture?: React.ReactEventHandler<HTMLElement>;
495
- onPlay?: React.ReactEventHandler<HTMLElement>;
496
- onPlayCapture?: React.ReactEventHandler<HTMLElement>;
497
- onPlaying?: React.ReactEventHandler<HTMLElement>;
498
- onPlayingCapture?: React.ReactEventHandler<HTMLElement>;
499
- onProgress?: React.ReactEventHandler<HTMLElement>;
500
- onProgressCapture?: React.ReactEventHandler<HTMLElement>;
501
- onRateChange?: React.ReactEventHandler<HTMLElement>;
502
- onRateChangeCapture?: React.ReactEventHandler<HTMLElement>;
503
- onSeeked?: React.ReactEventHandler<HTMLElement>;
504
- onSeekedCapture?: React.ReactEventHandler<HTMLElement>;
505
- onSeeking?: React.ReactEventHandler<HTMLElement>;
506
- onSeekingCapture?: React.ReactEventHandler<HTMLElement>;
507
- onStalled?: React.ReactEventHandler<HTMLElement>;
508
- onStalledCapture?: React.ReactEventHandler<HTMLElement>;
509
- onSuspend?: React.ReactEventHandler<HTMLElement>;
510
- onSuspendCapture?: React.ReactEventHandler<HTMLElement>;
511
- onTimeUpdate?: React.ReactEventHandler<HTMLElement>;
512
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement>;
513
- onVolumeChange?: React.ReactEventHandler<HTMLElement>;
514
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement>;
515
- onWaiting?: React.ReactEventHandler<HTMLElement>;
516
- onWaitingCapture?: React.ReactEventHandler<HTMLElement>;
517
- onAuxClick?: React.MouseEventHandler<HTMLElement>;
518
- onAuxClickCapture?: React.MouseEventHandler<HTMLElement>;
519
- onClick?: React.MouseEventHandler<HTMLElement>;
520
- onClickCapture?: React.MouseEventHandler<HTMLElement>;
521
- onContextMenu?: React.MouseEventHandler<HTMLElement>;
522
- onContextMenuCapture?: React.MouseEventHandler<HTMLElement>;
523
- onDoubleClick?: React.MouseEventHandler<HTMLElement>;
524
- onDoubleClickCapture?: React.MouseEventHandler<HTMLElement>;
525
- onDrag?: React.DragEventHandler<HTMLElement>;
526
- onDragCapture?: React.DragEventHandler<HTMLElement>;
527
- onDragEnd?: React.DragEventHandler<HTMLElement>;
528
- onDragEndCapture?: React.DragEventHandler<HTMLElement>;
529
- onDragEnter?: React.DragEventHandler<HTMLElement>;
530
- onDragEnterCapture?: React.DragEventHandler<HTMLElement>;
531
- onDragExit?: React.DragEventHandler<HTMLElement>;
532
- onDragExitCapture?: React.DragEventHandler<HTMLElement>;
533
- onDragLeave?: React.DragEventHandler<HTMLElement>;
534
- onDragLeaveCapture?: React.DragEventHandler<HTMLElement>;
535
- onDragOver?: React.DragEventHandler<HTMLElement>;
536
- onDragOverCapture?: React.DragEventHandler<HTMLElement>;
537
- onDragStart?: React.DragEventHandler<HTMLElement>;
538
- onDragStartCapture?: React.DragEventHandler<HTMLElement>;
539
- onDrop?: React.DragEventHandler<HTMLElement>;
540
- onDropCapture?: React.DragEventHandler<HTMLElement>;
541
- onMouseDown?: React.MouseEventHandler<HTMLElement>;
542
- onMouseDownCapture?: React.MouseEventHandler<HTMLElement>;
543
- onMouseEnter?: React.MouseEventHandler<HTMLElement>;
544
- onMouseLeave?: React.MouseEventHandler<HTMLElement>;
545
- onMouseMove?: React.MouseEventHandler<HTMLElement>;
546
- onMouseMoveCapture?: React.MouseEventHandler<HTMLElement>;
547
- onMouseOut?: React.MouseEventHandler<HTMLElement>;
548
- onMouseOutCapture?: React.MouseEventHandler<HTMLElement>;
549
- onMouseOver?: React.MouseEventHandler<HTMLElement>;
550
- onMouseOverCapture?: React.MouseEventHandler<HTMLElement>;
551
- onMouseUp?: React.MouseEventHandler<HTMLElement>;
552
- onMouseUpCapture?: React.MouseEventHandler<HTMLElement>;
553
- onSelect?: React.ReactEventHandler<HTMLElement>;
554
- onSelectCapture?: React.ReactEventHandler<HTMLElement>;
555
- onTouchCancel?: React.TouchEventHandler<HTMLElement>;
556
- onTouchCancelCapture?: React.TouchEventHandler<HTMLElement>;
557
- onTouchEnd?: React.TouchEventHandler<HTMLElement>;
558
- onTouchEndCapture?: React.TouchEventHandler<HTMLElement>;
559
- onTouchMove?: React.TouchEventHandler<HTMLElement>;
560
- onTouchMoveCapture?: React.TouchEventHandler<HTMLElement>;
561
- onTouchStart?: React.TouchEventHandler<HTMLElement>;
562
- onTouchStartCapture?: React.TouchEventHandler<HTMLElement>;
563
- onPointerDown?: React.PointerEventHandler<HTMLElement>;
564
- onPointerDownCapture?: React.PointerEventHandler<HTMLElement>;
565
- onPointerMove?: React.PointerEventHandler<HTMLElement>;
566
- onPointerMoveCapture?: React.PointerEventHandler<HTMLElement>;
567
- onPointerUp?: React.PointerEventHandler<HTMLElement>;
568
- onPointerUpCapture?: React.PointerEventHandler<HTMLElement>;
569
- onPointerCancel?: React.PointerEventHandler<HTMLElement>;
570
- onPointerCancelCapture?: React.PointerEventHandler<HTMLElement>;
571
- onPointerEnter?: React.PointerEventHandler<HTMLElement>;
572
- onPointerEnterCapture?: React.PointerEventHandler<HTMLElement>;
573
- onPointerLeave?: React.PointerEventHandler<HTMLElement>;
574
- onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement>;
575
- onPointerOver?: React.PointerEventHandler<HTMLElement>;
576
- onPointerOverCapture?: React.PointerEventHandler<HTMLElement>;
577
- onPointerOut?: React.PointerEventHandler<HTMLElement>;
578
- onPointerOutCapture?: React.PointerEventHandler<HTMLElement>;
579
- onGotPointerCapture?: React.PointerEventHandler<HTMLElement>;
580
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>;
581
- onLostPointerCapture?: React.PointerEventHandler<HTMLElement>;
582
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>;
583
- onScroll?: React.UIEventHandler<HTMLElement>;
584
- onScrollCapture?: React.UIEventHandler<HTMLElement>;
585
- onWheel?: React.WheelEventHandler<HTMLElement>;
586
- onWheelCapture?: React.WheelEventHandler<HTMLElement>;
587
- onAnimationStart?: React.AnimationEventHandler<HTMLElement>;
588
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement>;
589
- onAnimationEnd?: React.AnimationEventHandler<HTMLElement>;
590
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement>;
591
- onAnimationIteration?: React.AnimationEventHandler<HTMLElement>;
592
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement>;
593
- onTransitionEnd?: React.TransitionEventHandler<HTMLElement>;
594
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement>;
595
- date: DateType;
596
- baseDate?: DateType;
597
- isRelativeToCurrentWeek?: boolean;
598
- className?: string;
599
- testId?: string;
600
- style?: React.CSSProperties;
601
- } & React.RefAttributes<HTMLTimeElement>>;
76
+ export const RelativeDateTime: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof React.TimeHTMLAttributes<HTMLElement>>, never>, keyof RelativeDateTimeInternalProps> & RelativeDateTimeInternalProps & React.RefAttributes<HTMLTimeElement>>;
602
77
 
603
78
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"mappings":";;AAAA,gBAAuB,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9C,kBAAyB,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;ACI7D;;;;;;;;;;;;;;GAcG;AACH,kCACE,IAAI,EAAE,QAAQ,EACd,MAAM,GAAE,UAAmB,GAC1B,MAAM,CAkBR;AAED;;;;;;;;;;;;;GAaG;AACH,8CACE,IAAI,EAAE,QAAQ,EACd,MAAM,GAAE,UAAmB,GAC1B,MAAM,CAkBR;AGrED,0BAA2B,SAAQ,WAAW;IAC5C;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;;;QAII;IACJ,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,4BAA4B,qBAAqB,gBAAgB,EAAE,MAAM,CAAC,CAAC;AAyB3E;;GAEG;AACH,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UArCL,QAAQ;aAML,UAAU;;;;yCA+B8B,CAAC;AC7BpD,uCAAwC,SAAQ,WAAW;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,oCAAoC,qBAClC,6BAA6B,EAC7B,MAAM,CACP,CAAC;AA4CF;;;GAGG;AACH,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAlEL,QAAQ;eAOH,QAAQ;8BAKO,OAAO;;;;yCAsDgC,CAAC","sources":["packages/components/datetime/src/src/types.ts","packages/components/datetime/src/src/utils/formatDateTimeUtils.ts","packages/components/datetime/src/src/utils/relativeDateTimeUtils.ts","packages/components/datetime/src/src/utils/index.ts","packages/components/datetime/src/src/DateTime/DateTime.tsx","packages/components/datetime/src/src/RelativeDateTime/RelativeDateTime.tsx","packages/components/datetime/src/src/index.ts","packages/components/datetime/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"export { DateTime } from './DateTime/DateTime';\nexport type { DateTimeProps } from './DateTime/DateTime';\nexport { RelativeDateTime } from './RelativeDateTime/RelativeDateTime';\nexport type { RelativeDateTimeProps } from './RelativeDateTime/RelativeDateTime';\nexport { formatDateAndTime, formatMachineReadableDateTime } from './utils';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":";;AAAA,gBAAuB,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9C,kBACI,iBAAiB,GACjB,MAAM,GACN,MAAM,GACN,KAAK,GACL,SAAS,CAAC;ACDd;;;;;;;;;;;;;;GAcG;AACH,kCACE,IAAI,EAAE,QAAQ,EACd,MAAM,GAAE,UAAmB,GAC1B,MAAM,CAqBR;AAED;;;;;;;;;;;;;GAaG;AACH,8CACE,IAAI,EAAE,QAAQ,EACd,MAAM,GAAE,UAAmB,GAC1B,MAAM,CAkBR;AGxED,0BAA2B,SAAQ,WAAW;IAC5C;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;;;QAII;IACJ,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,4BAA4B,qBAAqB,gBAAgB,EAAE,MAAM,CAAC,CAAC;AAyB3E;;GAEG;AACH,OAAO,MAAM,sRAAsC,CAAC;AC7BpD,uCAAwC,SAAQ,WAAW;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,oCAAoC,qBAClC,6BAA6B,EAC7B,MAAM,CACP,CAAC;AA4CF;;;GAGG;AACH,OAAO,MAAM,wTAAsD,CAAC","sources":["packages/components/datetime/src/src/types.ts","packages/components/datetime/src/src/utils/formatDateTimeUtils.ts","packages/components/datetime/src/src/utils/relativeDateTimeUtils.ts","packages/components/datetime/src/src/utils/index.ts","packages/components/datetime/src/src/DateTime/DateTime.tsx","packages/components/datetime/src/src/RelativeDateTime/RelativeDateTime.tsx","packages/components/datetime/src/src/index.ts","packages/components/datetime/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"export { DateTime } from './DateTime/DateTime';\nexport type { DateTimeProps } from './DateTime/DateTime';\nexport { RelativeDateTime } from './RelativeDateTime/RelativeDateTime';\nexport type { RelativeDateTimeProps } from './RelativeDateTime/RelativeDateTime';\nexport { formatDateAndTime, formatMachineReadableDateTime } from './utils';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@contentful/f36-datetime",
3
- "version": "4.1.0",
3
+ "version": "4.3.0",
4
4
  "description": "Forma 36: DateTime component",
5
5
  "scripts": {
6
6
  "build": "parcel build"
7
7
  },
8
8
  "dependencies": {
9
9
  "@babel/runtime": "^7.6.2",
10
- "@contentful/f36-core": "^4.0.1",
10
+ "@contentful/f36-core": "^4.2.0",
11
11
  "@contentful/f36-tokens": "^4.0.0",
12
12
  "dayjs": "^1.10.6",
13
13
  "emotion": "^10.0.17"
@@ -32,5 +32,5 @@
32
32
  "publishConfig": {
33
33
  "access": "public"
34
34
  },
35
- "gitHead": "cee6bd9ae0b1ca2ce23d42873d9344a20fe740d0"
35
+ "gitHead": "e9c8b9b03d89d097683ea164d0759a0b6bd4e2fb"
36
36
  }