orc-shared 5.10.0-dev.20 → 5.10.0-dev.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/components/Culture.js +33 -14
  2. package/dist/components/MaterialUI/Inputs/DatePicker.js +14 -14
  3. package/dist/components/MaterialUI/Inputs/TimePicker.js +14 -21
  4. package/dist/components/Provision.js +1 -1
  5. package/dist/hooks/useDaysAndMonthsLocalization.js +77 -0
  6. package/dist/sharedMessages.js +180 -0
  7. package/dist/utils/timezoneHelper.js +18 -31
  8. package/package.json +4 -3
  9. package/src/components/Culture.js +20 -10
  10. package/src/components/Culture.test.js +27 -16
  11. package/src/components/MaterialUI/Inputs/DatePicker.js +19 -20
  12. package/src/components/MaterialUI/Inputs/DatePicker.test.js +11 -6
  13. package/src/components/MaterialUI/Inputs/TimePicker.js +10 -19
  14. package/src/components/MaterialUI/Inputs/TimePicker.test.js +278 -117
  15. package/src/components/Provision.js +1 -1
  16. package/src/hooks/useDaysAndMonthsLocalization.js +79 -0
  17. package/src/hooks/useDaysAndMonthsLocalization.test.js +107 -0
  18. package/src/sharedMessages.js +180 -0
  19. package/src/timezones.json +883 -0
  20. package/src/translations/en-US.json +45 -0
  21. package/src/translations/fr-CA.json +45 -0
  22. package/src/utils/timezoneHelper.js +10 -135
  23. package/src/utils/timezoneHelper.test.js +7 -7
package/src/components/MaterialUI/Inputs/TimePicker.test.js CHANGED
@@ -107,9 +107,14 @@ describe("Time Component", () => {
107
107
 
108
108
  it("sets up a time 5am", () =>
109
109
  expect(
110
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
110
+ <TestWrapper
111
+ provider={{ store }}
112
+ stylesProvider
113
+ muiThemeProvider={{ theme }}
114
+ intlProvider={{ locale: "en-AU", messages }}
115
+ >
111
116
  <div>
112
- <TimePicker showAMPM={true} onChange={updater} value={"05:00"} />
117
+ <TimePicker onChange={updater} value={"05:00"} />
113
118
  </div>
114
119
  </TestWrapper>,
115
120
  "when mounted",
@@ -121,9 +126,14 @@ describe("Time Component", () => {
121
126
 
122
127
  it("sets up a time 5am without AMPM", () =>
123
128
  expect(
124
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
129
+ <TestWrapper
130
+ provider={{ store }}
131
+ stylesProvider
132
+ muiThemeProvider={{ theme }}
133
+ intlProvider={{ locale: "it-IT", messages }}
134
+ >
125
135
  <div>
126
- <TimePicker showAMPM={false} onChange={updater} value={"05:00"} />
136
+ <TimePicker onChange={updater} value={"05:00"} />
127
137
  </div>
128
138
  </TestWrapper>,
129
139
  "when mounted",
@@ -133,28 +143,6 @@ describe("Time Component", () => {
133
143
  </TestWrapper>,
134
144
  ));
135
145
 
136
- it("sets up a time now when no value without AMPM", () => {
137
- const testDate = new Date(2018, 11, 24, 10, 33, 30, 0);
138
- const _Date = Date;
139
- global.Date = jest.fn(() => testDate);
140
- global.Date.UTC = _Date.UTC;
141
- global.Date.parse = _Date.parse;
142
- global.Date.now = _Date.now;
143
-
144
- expect(
145
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
146
- <div>
147
- <TimePicker showAMPM={false} onChange={updater} value={""} />
148
- </div>
149
- </TestWrapper>,
150
- "when mounted",
151
- "to satisfy",
152
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
153
- {buildExpectedTime(parseTime("10:30 AM"), false, false)}
154
- </TestWrapper>,
155
- );
156
- });
157
-
158
146
  it("sets up a time now when no value", () => {
159
147
  const testDate = new Date(2018, 11, 24, 10, 33, 30, 0);
160
148
  const _Date = Date;
@@ -164,9 +152,14 @@ describe("Time Component", () => {
164
152
  global.Date.now = _Date.now;
165
153
 
166
154
  expect(
167
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
155
+ <TestWrapper
156
+ provider={{ store }}
157
+ stylesProvider
158
+ muiThemeProvider={{ theme }}
159
+ intlProvider={{ locale: "en-AU", messages }}
160
+ >
168
161
  <div>
169
- <TimePicker showAMPM={true} onChange={updater} value={""} />
162
+ <TimePicker onChange={updater} value={""} />
170
163
  </div>
171
164
  </TestWrapper>,
172
165
  "when mounted",
@@ -186,9 +179,14 @@ describe("Time Component", () => {
186
179
  global.Date.now = _Date.now;
187
180
 
188
181
  expect(
189
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
182
+ <TestWrapper
183
+ provider={{ store }}
184
+ stylesProvider
185
+ muiThemeProvider={{ theme }}
186
+ intlProvider={{ locale: "it-IT", messages }}
187
+ >
190
188
  <div>
191
- <TimePicker showAMPM={false} onChange={updater} value={""} />
189
+ <TimePicker onChange={updater} value={""} />
192
190
  </div>
193
191
  </TestWrapper>,
194
192
  "when mounted",
@@ -208,9 +206,14 @@ describe("Time Component", () => {
208
206
  global.Date.now = _Date.now;
209
207
 
210
208
  expect(
211
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
209
+ <TestWrapper
210
+ provider={{ store }}
211
+ stylesProvider
212
+ muiThemeProvider={{ theme }}
213
+ intlProvider={{ locale: "en-AU", messages }}
214
+ >
212
215
  <div>
213
- <TimePicker showAMPM={true} onChange={updater} value={"xxx"} />
216
+ <TimePicker onChange={updater} value={"xxx"} />
214
217
  </div>
215
218
  </TestWrapper>,
216
219
  "when mounted",
@@ -230,9 +233,14 @@ describe("Time Component", () => {
230
233
  global.Date.now = _Date.now;
231
234
 
232
235
  expect(
233
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
236
+ <TestWrapper
237
+ provider={{ store }}
238
+ stylesProvider
239
+ muiThemeProvider={{ theme }}
240
+ intlProvider={{ locale: "it-IT", messages }}
241
+ >
234
242
  <div>
235
- <TimePicker showAMPM={false} onChange={updater} value={"xxx"} />
243
+ <TimePicker onChange={updater} value={"xxx"} />
236
244
  </div>
237
245
  </TestWrapper>,
238
246
  "when mounted",
@@ -245,9 +253,14 @@ describe("Time Component", () => {
245
253
 
246
254
  it("sets up a time 5pm", () =>
247
255
  expect(
248
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
256
+ <TestWrapper
257
+ provider={{ store }}
258
+ stylesProvider
259
+ muiThemeProvider={{ theme }}
260
+ intlProvider={{ locale: "en-AU", messages }}
261
+ >
249
262
  <div>
250
- <TimePicker showAMPM={true} onChange={updater} value={"17:00"} />
263
+ <TimePicker onChange={updater} value={"17:00"} />
251
264
  </div>
252
265
  </TestWrapper>,
253
266
  "when mounted",
@@ -259,9 +272,14 @@ describe("Time Component", () => {
259
272
 
260
273
  it("sets up a time 5pm without AMPM", () =>
261
274
  expect(
262
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
275
+ <TestWrapper
276
+ provider={{ store }}
277
+ stylesProvider
278
+ muiThemeProvider={{ theme }}
279
+ intlProvider={{ locale: "it-IT", messages }}
280
+ >
263
281
  <div>
264
- <TimePicker showAMPM={false} onChange={updater} value={"17:00"} />
282
+ <TimePicker onChange={updater} value={"17:00"} />
265
283
  </div>
266
284
  </TestWrapper>,
267
285
  "when mounted",
@@ -273,9 +291,14 @@ describe("Time Component", () => {
273
291
 
274
292
  it("sets up a time 515pm", () =>
275
293
  expect(
276
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
294
+ <TestWrapper
295
+ provider={{ store }}
296
+ stylesProvider
297
+ muiThemeProvider={{ theme }}
298
+ intlProvider={{ locale: "en-AU", messages }}
299
+ >
277
300
  <div>
278
- <TimePicker showAMPM={true} onChange={updater} value={"17:16"} />
301
+ <TimePicker onChange={updater} value={"17:16"} />
279
302
  </div>
280
303
  </TestWrapper>,
281
304
  "when mounted",
@@ -287,9 +310,14 @@ describe("Time Component", () => {
287
310
 
288
311
  it("sets up a time 515pm without AMPM", () =>
289
312
  expect(
290
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
313
+ <TestWrapper
314
+ provider={{ store }}
315
+ stylesProvider
316
+ muiThemeProvider={{ theme }}
317
+ intlProvider={{ locale: "it-IT", messages }}
318
+ >
291
319
  <div>
292
- <TimePicker showAMPM={false} onChange={updater} value={"17:16"} />
320
+ <TimePicker onChange={updater} value={"17:16"} />
293
321
  </div>
294
322
  </TestWrapper>,
295
323
  "when mounted",
@@ -301,9 +329,14 @@ describe("Time Component", () => {
301
329
 
302
330
  it("sets up a time 545pm", () =>
303
331
  expect(
304
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
332
+ <TestWrapper
333
+ provider={{ store }}
334
+ stylesProvider
335
+ muiThemeProvider={{ theme }}
336
+ intlProvider={{ locale: "en-AU", messages }}
337
+ >
305
338
  <div>
306
- <TimePicker showAMPM={true} onChange={updater} value={"17:46"} />
339
+ <TimePicker onChange={updater} value={"17:46"} />
307
340
  </div>
308
341
  </TestWrapper>,
309
342
  "when mounted",
@@ -315,10 +348,14 @@ describe("Time Component", () => {
315
348
 
316
349
  it("sets up a time 559pm", () => {
317
350
  const component = mount(
318
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
351
+ <TestWrapper
352
+ provider={{ store }}
353
+ stylesProvider
354
+ muiThemeProvider={{ theme }}
355
+ intlProvider={{ locale: "en-AU", messages }}
356
+ >
319
357
  <div>
320
358
  <TimePicker
321
- showAMPM={true}
322
359
  onChange={jest.fn()}
323
360
  value="10:59"
324
361
  timeOption={{
@@ -343,9 +380,14 @@ describe("Time Component", () => {
343
380
 
344
381
  it("sets up a time 545pm without AMPM", () =>
345
382
  expect(
346
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
383
+ <TestWrapper
384
+ provider={{ store }}
385
+ stylesProvider
386
+ muiThemeProvider={{ theme }}
387
+ intlProvider={{ locale: "it-IT", messages }}
388
+ >
347
389
  <div>
348
- <TimePicker showAMPM={false} onChange={updater} value={"17:46:00"} />
390
+ <TimePicker onChange={updater} value={"17:46:00"} />
349
391
  </div>
350
392
  </TestWrapper>,
351
393
  "when mounted",
@@ -357,9 +399,14 @@ describe("Time Component", () => {
357
399
 
358
400
  it("sets up a time 12am", () =>
359
401
  expect(
360
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
402
+ <TestWrapper
403
+ provider={{ store }}
404
+ stylesProvider
405
+ muiThemeProvider={{ theme }}
406
+ intlProvider={{ locale: "en-AU", messages }}
407
+ >
361
408
  <div>
362
- <TimePicker showAMPM={true} onChange={updater} value={"00:00"} />
409
+ <TimePicker onChange={updater} value={"00:00"} />
363
410
  </div>
364
411
  </TestWrapper>,
365
412
  "when mounted",
@@ -371,9 +418,14 @@ describe("Time Component", () => {
371
418
 
372
419
  it("sets up a time 12am without AMPM", () =>
373
420
  expect(
374
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
421
+ <TestWrapper
422
+ provider={{ store }}
423
+ stylesProvider
424
+ muiThemeProvider={{ theme }}
425
+ intlProvider={{ locale: "it-IT", messages }}
426
+ >
375
427
  <div>
376
- <TimePicker showAMPM={false} onChange={updater} value={"00:00"} />
428
+ <TimePicker onChange={updater} value={"00:00"} />
377
429
  </div>
378
430
  </TestWrapper>,
379
431
  "when mounted",
@@ -385,9 +437,14 @@ describe("Time Component", () => {
385
437
 
386
438
  it("sets up a time 12pm", () =>
387
439
  expect(
388
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
440
+ <TestWrapper
441
+ provider={{ store }}
442
+ stylesProvider
443
+ muiThemeProvider={{ theme }}
444
+ intlProvider={{ locale: "en-AU", messages }}
445
+ >
389
446
  <div>
390
- <TimePicker showAMPM={true} onChange={updater} value={"12:00 pm"} />
447
+ <TimePicker onChange={updater} value={"12:00 pm"} />
391
448
  </div>
392
449
  </TestWrapper>,
393
450
  "when mounted",
@@ -399,9 +456,14 @@ describe("Time Component", () => {
399
456
 
400
457
  it("sets up a time 12pm without AMPM", () =>
401
458
  expect(
402
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
459
+ <TestWrapper
460
+ provider={{ store }}
461
+ stylesProvider
462
+ muiThemeProvider={{ theme }}
463
+ intlProvider={{ locale: "it-IT", messages }}
464
+ >
403
465
  <div>
404
- <TimePicker showAMPM={false} onChange={updater} value={"12:00 pm"} requestedTimeZone={"UTC"} />
466
+ <TimePicker onChange={updater} value={"12:00 pm"} windowsTimeZone={"UTC"} />
405
467
  </div>
406
468
  </TestWrapper>,
407
469
  "when mounted",
@@ -413,9 +475,14 @@ describe("Time Component", () => {
413
475
 
414
476
  it("sets up a time 4:16pm", () =>
415
477
  expect(
416
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
478
+ <TestWrapper
479
+ provider={{ store }}
480
+ stylesProvider
481
+ muiThemeProvider={{ theme }}
482
+ intlProvider={{ locale: "en-AU", messages }}
483
+ >
417
484
  <div>
418
- <TimePicker showAMPM={true} onChange={updater} value={"4:16 pm"} requestedTimeZone={"UTC"} />
485
+ <TimePicker onChange={updater} value={"4:16 pm"} windowsTimeZone={"UTC"} />
419
486
  </div>
420
487
  </TestWrapper>,
421
488
  "when mounted",
@@ -427,9 +494,14 @@ describe("Time Component", () => {
427
494
 
428
495
  it("sets up a time 4:16pm without AMPM", () =>
429
496
  expect(
430
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
497
+ <TestWrapper
498
+ provider={{ store }}
499
+ stylesProvider
500
+ muiThemeProvider={{ theme }}
501
+ intlProvider={{ locale: "it-IT", messages }}
502
+ >
431
503
  <div>
432
- <TimePicker showAMPM={false} onChange={updater} value={"4:16 pm"} requestedTimeZone={"UTC"} />
504
+ <TimePicker onChange={updater} value={"4:16 pm"} windowsTimeZone={"UTC"} />
433
505
  </div>
434
506
  </TestWrapper>,
435
507
  "when mounted",
@@ -441,9 +513,14 @@ describe("Time Component", () => {
441
513
 
442
514
  it("sets up a time 4:31pm", () =>
443
515
  expect(
444
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
516
+ <TestWrapper
517
+ provider={{ store }}
518
+ stylesProvider
519
+ muiThemeProvider={{ theme }}
520
+ intlProvider={{ locale: "en-AU", messages }}
521
+ >
445
522
  <div>
446
- <TimePicker showAMPM={true} onChange={updater} value={"4:31 pm"} requestedTimeZone={"UTC"} />
523
+ <TimePicker onChange={updater} value={"4:31 pm"} windowsTimeZone={"UTC"} />
447
524
  </div>
448
525
  </TestWrapper>,
449
526
  "when mounted",
@@ -455,9 +532,14 @@ describe("Time Component", () => {
455
532
 
456
533
  it("sets up a time 4:31pm without AMPM", () =>
457
534
  expect(
458
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
535
+ <TestWrapper
536
+ provider={{ store }}
537
+ stylesProvider
538
+ muiThemeProvider={{ theme }}
539
+ intlProvider={{ locale: "it-IT", messages }}
540
+ >
459
541
  <div>
460
- <TimePicker showAMPM={false} onChange={updater} value={"4:31 pm"} requestedTimeZone={"UTC"} />
542
+ <TimePicker onChange={updater} value={"4:31 pm"} windowsTimeZone={"UTC"} />
461
543
  </div>
462
544
  </TestWrapper>,
463
545
  "when mounted",
@@ -469,9 +551,14 @@ describe("Time Component", () => {
469
551
 
470
552
  it("sets up a time 4:20pm", () =>
471
553
  expect(
472
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
554
+ <TestWrapper
555
+ provider={{ store }}
556
+ stylesProvider
557
+ muiThemeProvider={{ theme }}
558
+ intlProvider={{ locale: "en-AU", messages }}
559
+ >
473
560
  <div>
474
- <TimePicker showAMPM={true} onChange={updater} value={"4:20 pm"} requestedTimeZone={"UTC"} />
561
+ <TimePicker onChange={updater} value={"4:20 pm"} windowsTimeZone={"UTC"} />
475
562
  </div>
476
563
  </TestWrapper>,
477
564
  "when mounted",
@@ -483,9 +570,14 @@ describe("Time Component", () => {
483
570
 
484
571
  it("sets up a time 4:20pm without AMPM", () =>
485
572
  expect(
486
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
573
+ <TestWrapper
574
+ provider={{ store }}
575
+ stylesProvider
576
+ muiThemeProvider={{ theme }}
577
+ intlProvider={{ locale: "it-IT", messages }}
578
+ >
487
579
  <div>
488
- <TimePicker showAMPM={false} onChange={updater} value={"4:20 pm"} requestedTimeZone={"UTC"} />
580
+ <TimePicker onChange={updater} value={"4:20 pm"} windowsTimeZone={"UTC"} />
489
581
  </div>
490
582
  </TestWrapper>,
491
583
  "when mounted",
@@ -497,9 +589,14 @@ describe("Time Component", () => {
497
589
 
498
590
  it("sets up a time 4:50pm", () =>
499
591
  expect(
500
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
592
+ <TestWrapper
593
+ provider={{ store }}
594
+ stylesProvider
595
+ muiThemeProvider={{ theme }}
596
+ intlProvider={{ locale: "en-AU", messages }}
597
+ >
501
598
  <div>
502
- <TimePicker showAMPM={true} onChange={updater} value={"4:50 pm"} requestedTimeZone={"UTC"} />
599
+ <TimePicker onChange={updater} value={"4:50 pm"} windowsTimeZone={"UTC"} />
503
600
  </div>
504
601
  </TestWrapper>,
505
602
  "when mounted",
@@ -511,9 +608,14 @@ describe("Time Component", () => {
511
608
 
512
609
  it("sets up a time 4:50pm without AMPM", () =>
513
610
  expect(
514
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
611
+ <TestWrapper
612
+ provider={{ store }}
613
+ stylesProvider
614
+ muiThemeProvider={{ theme }}
615
+ intlProvider={{ locale: "it-IT", messages }}
616
+ >
515
617
  <div>
516
- <TimePicker showAMPM={false} onChange={updater} value={"4:50 pm"} requestedTimeZone={"UTC"} />
618
+ <TimePicker onChange={updater} value={"4:50 pm"} windowsTimeZone={"UTC"} />
517
619
  </div>
518
620
  </TestWrapper>,
519
621
  "when mounted",
@@ -526,15 +628,14 @@ describe("Time Component", () => {
526
628
  it("shows timezone if requested", () => {
527
629
  timezoneChange("UTC");
528
630
  expect(
529
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
631
+ <TestWrapper
632
+ provider={{ store }}
633
+ stylesProvider
634
+ muiThemeProvider={{ theme }}
635
+ intlProvider={{ locale: "en-AU", messages }}
636
+ >
530
637
  <div>
531
- <TimePicker
532
- showAMPM={true}
533
- onChange={updater}
534
- value={"4:31 pm"}
535
- showTimeZone={true}
536
- requestedTimeZone={"UTC"}
537
- />
638
+ <TimePicker onChange={updater} value={"4:31 pm"} showTimeZone={true} windowsTimeZone={"UTC"} />
538
639
  </div>
539
640
  </TestWrapper>,
540
641
  "when mounted",
@@ -548,36 +649,41 @@ describe("Time Component", () => {
548
649
  it("shows timezone if requested without AMPM", () => {
549
650
  timezoneChange("UTC");
550
651
  expect(
551
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
652
+ <TestWrapper
653
+ provider={{ store }}
654
+ stylesProvider
655
+ muiThemeProvider={{ theme }}
656
+ intlProvider={{ locale: "it-IT", messages }}
657
+ >
552
658
  <div>
553
- <TimePicker
554
- showAMPM={false}
555
- onChange={updater}
556
- value={"4:31 pm"}
557
- showTimeZone={true}
558
- requestedTimeZone={"UTC"}
559
- />
659
+ <TimePicker onChange={updater} value={"4:31 pm"} showTimeZone={true} windowsTimeZone={"UTC"} />
560
660
  </div>
561
661
  </TestWrapper>,
562
662
  "when mounted",
563
663
  "to satisfy",
564
664
  <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
565
- {buildExpectedTime(parseTime("16:30 PM"), true, false)}
665
+ {buildExpectedTime(parseTime("4:30 PM"), true, false)}
566
666
  </TestWrapper>,
567
667
  );
568
668
  });
569
- it("shows local timezone if requested without AMPM", () => {
669
+
670
+ it("shows UTC timezone if requested without AMPM", () => {
570
671
  timezoneChange("UTC");
571
672
  expect(
572
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
673
+ <TestWrapper
674
+ provider={{ store }}
675
+ stylesProvider
676
+ muiThemeProvider={{ theme }}
677
+ intlProvider={{ locale: "it-IT", messages }}
678
+ >
573
679
  <div>
574
- <TimePicker showAMPM={false} onChange={updater} value={"4:31 pm"} showTimeZone={true} />
680
+ <TimePicker onChange={updater} value={"4:31 pm"} showTimeZone={true} />
575
681
  </div>
576
682
  </TestWrapper>,
577
683
  "when mounted",
578
684
  "to satisfy",
579
685
  <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
580
- {buildExpectedTime(parseTime("16:30 PM"), true, false)}
686
+ {buildExpectedTime(parseTime("4:30 pm"), true, false)}
581
687
  </TestWrapper>,
582
688
  );
583
689
  });
@@ -589,10 +695,10 @@ describe("Time Component", () => {
589
695
  provider={{ store: storeWithoutCorrectTimezone }}
590
696
  stylesProvider
591
697
  muiThemeProvider={{ theme }}
592
- intlProvider={{ messages }}
698
+ intlProvider={{ locale: "it-IT", messages }}
593
699
  >
594
700
  <div>
595
- <TimePicker showAMPM={false} onChange={updater} value={"4:31 pm"} showTimeZone={true} />
701
+ <TimePicker onChange={updater} value={"4:31 pm"} showTimeZone={true} />
596
702
  </div>
597
703
  </TestWrapper>,
598
704
  "when mounted",
@@ -603,14 +709,19 @@ describe("Time Component", () => {
603
709
  muiThemeProvider={{ theme }}
604
710
  intlProvider={{ messages }}
605
711
  >
606
- {buildExpectedTime(parseTime("16:30 PM"), true, false)}
712
+ {buildExpectedTime(parseTime("4:30 pm"), true, false)}
607
713
  </TestWrapper>,
608
714
  );
609
715
  });
610
716
 
611
717
  it("should render with browser AMPM", () => {
612
718
  const component = mount(
613
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
719
+ <TestWrapper
720
+ provider={{ store }}
721
+ stylesProvider
722
+ muiThemeProvider={{ theme }}
723
+ intlProvider={{ locale: "en-AU", messages }}
724
+ >
614
725
  <div>
615
726
  <TimePicker value="00:00" />
616
727
  </div>
@@ -628,9 +739,14 @@ describe("Time Component", () => {
628
739
  target: { value: "12" },
629
740
  };
630
741
  const component = mount(
631
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
742
+ <TestWrapper
743
+ provider={{ store }}
744
+ stylesProvider
745
+ muiThemeProvider={{ theme }}
746
+ intlProvider={{ locale: "en-AU", messages }}
747
+ >
632
748
  <div>
633
- <TimePicker showAMPM={true} onChange={onChangeMock} value="00:00" />
749
+ <TimePicker onChange={onChangeMock} value="00:00" />
634
750
  </div>
635
751
  </TestWrapper>,
636
752
  );
@@ -650,9 +766,14 @@ describe("Time Component", () => {
650
766
  target: { value: "12" },
651
767
  };
652
768
  const component = mount(
653
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
769
+ <TestWrapper
770
+ provider={{ store }}
771
+ stylesProvider
772
+ muiThemeProvider={{ theme }}
773
+ intlProvider={{ locale: "en-AU", messages }}
774
+ >
654
775
  <div>
655
- <TimePicker showAMPM={true} onChange={onChangeMock} value="22:00" />
776
+ <TimePicker onChange={onChangeMock} value="22:00" />
656
777
  </div>
657
778
  </TestWrapper>,
658
779
  );
@@ -672,9 +793,14 @@ describe("Time Component", () => {
672
793
  target: { value: "5" },
673
794
  };
674
795
  const component = mount(
675
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
796
+ <TestWrapper
797
+ provider={{ store }}
798
+ stylesProvider
799
+ muiThemeProvider={{ theme }}
800
+ intlProvider={{ locale: "it-IT", messages }}
801
+ >
676
802
  <div>
677
- <TimePicker showAMPM={false} onChange={onChangeMock} value="22:00" />
803
+ <TimePicker onChange={onChangeMock} value="22:00" />
678
804
  </div>
679
805
  </TestWrapper>,
680
806
  );
@@ -694,9 +820,14 @@ describe("Time Component", () => {
694
820
  target: { value: "12" },
695
821
  };
696
822
  const component = mount(
697
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
823
+ <TestWrapper
824
+ provider={{ store }}
825
+ stylesProvider
826
+ muiThemeProvider={{ theme }}
827
+ intlProvider={{ locale: "en-AU", messages }}
828
+ >
698
829
  <div>
699
- <TimePicker showAMPM={true} onChange={onChangeMock} value="22:00" />
830
+ <TimePicker onChange={onChangeMock} value="22:00" />
700
831
  </div>
701
832
  </TestWrapper>,
702
833
  );
@@ -720,9 +851,14 @@ describe("Time Component", () => {
720
851
  target: { value: "AM" },
721
852
  };
722
853
  const component = mount(
723
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
854
+ <TestWrapper
855
+ provider={{ store }}
856
+ stylesProvider
857
+ muiThemeProvider={{ theme }}
858
+ intlProvider={{ locale: "en-AU", messages }}
859
+ >
724
860
  <div>
725
- <TimePicker showAMPM={true} onChange={onChangeMock} value="22:00" />
861
+ <TimePicker onChange={onChangeMock} value="22:00" />
726
862
  </div>
727
863
  </TestWrapper>,
728
864
  );
@@ -748,9 +884,14 @@ describe("Time Component", () => {
748
884
  target: { value: "PM" },
749
885
  };
750
886
  const component = mount(
751
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
887
+ <TestWrapper
888
+ provider={{ store }}
889
+ stylesProvider
890
+ muiThemeProvider={{ theme }}
891
+ intlProvider={{ locale: "en-AU", messages }}
892
+ >
752
893
  <div>
753
- <TimePicker showAMPM={true} onChange={onChangeMock} value="10:00" />
894
+ <TimePicker onChange={onChangeMock} value="10:00" />
754
895
  </div>
755
896
  </TestWrapper>,
756
897
  );
@@ -771,9 +912,14 @@ describe("Time Component", () => {
771
912
  target: { value: "01" },
772
913
  };
773
914
  const component = mount(
774
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
915
+ <TestWrapper
916
+ provider={{ store }}
917
+ stylesProvider
918
+ muiThemeProvider={{ theme }}
919
+ intlProvider={{ locale: "en-AU", messages }}
920
+ >
775
921
  <div>
776
- <TimePicker showAMPM={true} />
922
+ <TimePicker />
777
923
  </div>
778
924
  </TestWrapper>,
779
925
  );
@@ -791,9 +937,14 @@ describe("Time Component", () => {
791
937
  target: { value: "45" },
792
938
  };
793
939
  const component = mount(
794
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
940
+ <TestWrapper
941
+ provider={{ store }}
942
+ stylesProvider
943
+ muiThemeProvider={{ theme }}
944
+ intlProvider={{ locale: "en-AU", messages }}
945
+ >
795
946
  <div>
796
- <TimePicker showAMPM={true} onChange={onChangeMock} />
947
+ <TimePicker onChange={onChangeMock} />
797
948
  </div>
798
949
  </TestWrapper>,
799
950
  );
@@ -812,9 +963,14 @@ describe("Time Component", () => {
812
963
  target: { value: "15" },
813
964
  };
814
965
  const component = mount(
815
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
966
+ <TestWrapper
967
+ provider={{ store }}
968
+ stylesProvider
969
+ muiThemeProvider={{ theme }}
970
+ intlProvider={{ locale: "en-AU", messages }}
971
+ >
816
972
  <div>
817
- <TimePicker showAMPM={true} onChange={onChangeMock} />
973
+ <TimePicker onChange={onChangeMock} />
818
974
  </div>
819
975
  </TestWrapper>,
820
976
  );
@@ -837,9 +993,14 @@ describe("Time Component", () => {
837
993
  target: { value: "AM" },
838
994
  };
839
995
  const component = mount(
840
- <TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }} intlProvider={{ messages }}>
996
+ <TestWrapper
997
+ provider={{ store }}
998
+ stylesProvider
999
+ muiThemeProvider={{ theme }}
1000
+ intlProvider={{ locale: "en-AU", messages }}
1001
+ >
841
1002
  <div>
842
- <TimePicker showAMPM={true} onChange={onChangeMock} />
1003
+ <TimePicker onChange={onChangeMock} />
843
1004
  </div>
844
1005
  </TestWrapper>,
845
1006
  );