@transferwise/components 0.0.0-experimental-1a3a746 → 0.0.0-experimental-65c6e3a

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 (83) hide show
  1. package/build/index.js +239 -107
  2. package/build/index.js.map +1 -1
  3. package/build/index.mjs +239 -107
  4. package/build/index.mjs.map +1 -1
  5. package/build/types/common/dateUtils/isWithinRange/isWithinRange.d.ts +1 -1
  6. package/build/types/common/dateUtils/isWithinRange/isWithinRange.d.ts.map +1 -1
  7. package/build/types/common/dateUtils/moveToWithinRange/moveToWithinRange.d.ts +1 -1
  8. package/build/types/common/dateUtils/moveToWithinRange/moveToWithinRange.d.ts.map +1 -1
  9. package/build/types/dateLookup/DateLookup.d.ts +28 -80
  10. package/build/types/dateLookup/DateLookup.d.ts.map +1 -1
  11. package/build/types/dateLookup/DateLookup.messages.d.ts +63 -42
  12. package/build/types/dateLookup/DateLookup.messages.d.ts.map +1 -1
  13. package/build/types/dateLookup/dateHeader/DateHeader.d.ts +22 -9
  14. package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map +1 -1
  15. package/build/types/dateLookup/dateHeader/index.d.ts +1 -1
  16. package/build/types/dateLookup/dateHeader/index.d.ts.map +1 -1
  17. package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts +31 -13
  18. package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts.map +1 -1
  19. package/build/types/dateLookup/dateTrigger/index.d.ts +1 -1
  20. package/build/types/dateLookup/dateTrigger/index.d.ts.map +1 -1
  21. package/build/types/dateLookup/dayCalendar/DayCalendar.d.ts +2 -19
  22. package/build/types/dateLookup/dayCalendar/DayCalendar.d.ts.map +1 -1
  23. package/build/types/dateLookup/dayCalendar/index.d.ts +1 -1
  24. package/build/types/dateLookup/dayCalendar/index.d.ts.map +1 -1
  25. package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts +2 -12
  26. package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts.map +1 -1
  27. package/build/types/dateLookup/dayCalendar/table/index.d.ts +1 -1
  28. package/build/types/dateLookup/dayCalendar/table/index.d.ts.map +1 -1
  29. package/build/types/dateLookup/getStartOfDay/getStartOfDay.d.ts +1 -1
  30. package/build/types/dateLookup/getStartOfDay/getStartOfDay.d.ts.map +1 -1
  31. package/build/types/dateLookup/getStartOfDay/index.d.ts +1 -1
  32. package/build/types/dateLookup/getStartOfDay/index.d.ts.map +1 -1
  33. package/build/types/dateLookup/index.d.ts +1 -2
  34. package/build/types/dateLookup/index.d.ts.map +1 -1
  35. package/build/types/dateLookup/monthCalendar/MonthCalendar.d.ts +2 -17
  36. package/build/types/dateLookup/monthCalendar/MonthCalendar.d.ts.map +1 -1
  37. package/build/types/dateLookup/monthCalendar/index.d.ts +1 -1
  38. package/build/types/dateLookup/monthCalendar/index.d.ts.map +1 -1
  39. package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts +26 -10
  40. package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts.map +1 -1
  41. package/build/types/dateLookup/monthCalendar/table/index.d.ts +1 -1
  42. package/build/types/dateLookup/monthCalendar/table/index.d.ts.map +1 -1
  43. package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts +2 -15
  44. package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts.map +1 -1
  45. package/build/types/dateLookup/yearCalendar/index.d.ts +1 -1
  46. package/build/types/dateLookup/yearCalendar/index.d.ts.map +1 -1
  47. package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts +26 -10
  48. package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts.map +1 -1
  49. package/build/types/dateLookup/yearCalendar/table/index.d.ts +1 -1
  50. package/build/types/dateLookup/yearCalendar/table/index.d.ts.map +1 -1
  51. package/build/types/index.d.ts +0 -1
  52. package/build/types/index.d.ts.map +1 -1
  53. package/package.json +3 -3
  54. package/src/common/dateUtils/isWithinRange/isWithinRange.spec.ts +0 -21
  55. package/src/common/dateUtils/isWithinRange/isWithinRange.ts +2 -2
  56. package/src/common/dateUtils/moveToWithinRange/moveToWithinRange.ts +2 -11
  57. package/src/dateLookup/{DateLookup.tsx → DateLookup.js} +69 -114
  58. package/src/dateLookup/DateLookup.state.spec.js +0 -7
  59. package/src/dateLookup/{DateLookup.story.tsx → DateLookup.story.js} +14 -13
  60. package/src/dateLookup/dateHeader/{DateHeader.tsx → DateHeader.js} +15 -15
  61. package/src/dateLookup/dateTrigger/{DateTrigger.tsx → DateTrigger.js} +32 -15
  62. package/src/dateLookup/dateTrigger/DateTrigger.spec.js +22 -0
  63. package/src/dateLookup/dayCalendar/{DayCalendar.tsx → DayCalendar.js} +21 -14
  64. package/src/dateLookup/dayCalendar/table/{DayCalendarTable.tsx → DayCalendarTable.js} +37 -26
  65. package/src/dateLookup/getStartOfDay/{getStartOfDay.tsx → getStartOfDay.js} +1 -1
  66. package/src/dateLookup/index.js +1 -0
  67. package/src/dateLookup/monthCalendar/{MonthCalendar.tsx → MonthCalendar.js} +22 -19
  68. package/src/dateLookup/monthCalendar/table/{MonthCalendarTable.tsx → MonthCalendarTable.js} +30 -31
  69. package/src/dateLookup/yearCalendar/{YearCalendar.tsx → YearCalendar.js} +21 -18
  70. package/src/dateLookup/yearCalendar/table/{YearCalendarTable.tsx → YearCalendarTable.js} +28 -26
  71. package/src/index.ts +0 -1
  72. package/src/dateLookup/DateLookup.tests.story.tsx +0 -71
  73. package/src/dateLookup/index.ts +0 -2
  74. /package/src/dateLookup/{DateLookup.messages.ts → DateLookup.messages.js} +0 -0
  75. /package/src/dateLookup/dateHeader/{index.ts → index.js} +0 -0
  76. /package/src/dateLookup/dateTrigger/{index.ts → index.js} +0 -0
  77. /package/src/dateLookup/dayCalendar/{index.ts → index.js} +0 -0
  78. /package/src/dateLookup/dayCalendar/table/{index.ts → index.js} +0 -0
  79. /package/src/dateLookup/getStartOfDay/{index.ts → index.js} +0 -0
  80. /package/src/dateLookup/monthCalendar/{index.ts → index.js} +0 -0
  81. /package/src/dateLookup/monthCalendar/table/{index.ts → index.js} +0 -0
  82. /package/src/dateLookup/yearCalendar/{index.ts → index.js} +0 -0
  83. /package/src/dateLookup/yearCalendar/table/{index.ts → index.js} +0 -0
@@ -1,71 +0,0 @@
1
- import { expect, userEvent, within } from '@storybook/test';
2
- import { StepFunction } from '@storybook/types';
3
- import { useState } from 'react';
4
-
5
- import DateLookup from './DateLookup';
6
-
7
- export default {
8
- component: DateLookup,
9
- title: 'Forms/DateLookup/Tests',
10
- };
11
-
12
- export const Clear = () => {
13
- const [value, setValue] = useState<Date | null>(new Date(1987, 0, 10, 12, 0, 0));
14
-
15
- return (
16
- <DateLookup
17
- value={value}
18
- clearable
19
- placeholder="placeholder"
20
- onChange={(v) => {
21
- setValue(v);
22
- }}
23
- />
24
- );
25
- };
26
-
27
- Clear.play = async ({
28
- canvasElement,
29
- step,
30
- }: {
31
- canvasElement: HTMLElement;
32
- step: StepFunction;
33
- }) => {
34
- const canvas = within(canvasElement);
35
-
36
- await step('space can activate clear button', async () => {
37
- // focus on clear button
38
- await new Promise((resolve) => setTimeout(resolve, 100));
39
- const date = canvas.getByText('January 10, 1987');
40
- await expect(date).toBeInTheDocument();
41
- await userEvent.tab();
42
- await new Promise((resolve) => setTimeout(resolve, 100));
43
- await userEvent.tab();
44
-
45
- // clear with space
46
- await userEvent.keyboard(' ');
47
- const placeholder = canvas.getByText('placeholder');
48
- await expect(placeholder).toBeInTheDocument();
49
- });
50
-
51
- await step('enter can activate clear button', async () => {
52
- // reset date
53
- await userEvent.keyboard(' ');
54
- await new Promise((resolve) => setTimeout(resolve, 1000));
55
- await userEvent.keyboard(' ');
56
- await new Promise((resolve) => setTimeout(resolve, 1000));
57
- const date = canvas.getByText(
58
- new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }),
59
- );
60
- await expect(date).toBeInTheDocument();
61
-
62
- // focus on clear button
63
- await userEvent.tab();
64
- await new Promise((resolve) => setTimeout(resolve, 100));
65
-
66
- // clear with enter
67
- await userEvent.keyboard('{enter}');
68
- const placeholder = canvas.getByText('placeholder');
69
- await expect(placeholder).toBeInTheDocument();
70
- });
71
- };
@@ -1,2 +0,0 @@
1
- export { default } from './DateLookup';
2
- export type { DateLookupProps } from './DateLookup';