@transferwise/components 46.144.1 → 46.145.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/build/calendar/Calendar.js +159 -0
- package/build/calendar/Calendar.js.map +1 -0
- package/build/{dateLookup/DateLookup.messages.js → calendar/Calendar.messages.js} +1 -1
- package/build/calendar/Calendar.messages.js.map +1 -0
- package/build/{dateLookup/DateLookup.messages.mjs → calendar/Calendar.messages.mjs} +1 -1
- package/build/calendar/Calendar.messages.mjs.map +1 -0
- package/build/calendar/Calendar.mjs +155 -0
- package/build/calendar/Calendar.mjs.map +1 -0
- package/build/{dateLookup → calendar}/dateHeader/DateHeader.js +4 -4
- package/build/calendar/dateHeader/DateHeader.js.map +1 -0
- package/build/{dateLookup → calendar}/dateHeader/DateHeader.mjs +1 -1
- package/build/calendar/dateHeader/DateHeader.mjs.map +1 -0
- package/build/{dateLookup → calendar}/dayCalendar/DayCalendar.js +2 -2
- package/build/calendar/dayCalendar/DayCalendar.js.map +1 -0
- package/build/{dateLookup → calendar}/dayCalendar/DayCalendar.mjs +1 -1
- package/build/calendar/dayCalendar/DayCalendar.mjs.map +1 -0
- package/build/calendar/dayCalendar/table/DayCalendarTable.js.map +1 -0
- package/build/calendar/dayCalendar/table/DayCalendarTable.mjs.map +1 -0
- package/build/calendar/getFocusableTime/getFocusableTime.js.map +1 -0
- package/build/calendar/getFocusableTime/getFocusableTime.mjs.map +1 -0
- package/build/calendar/getStartOfDay/getStartOfDay.js.map +1 -0
- package/build/calendar/getStartOfDay/getStartOfDay.mjs.map +1 -0
- package/build/{dateLookup → calendar}/monthCalendar/MonthCalendar.js +2 -2
- package/build/calendar/monthCalendar/MonthCalendar.js.map +1 -0
- package/build/{dateLookup → calendar}/monthCalendar/MonthCalendar.mjs +1 -1
- package/build/calendar/monthCalendar/MonthCalendar.mjs.map +1 -0
- package/build/calendar/monthCalendar/table/MonthCalendarTable.js.map +1 -0
- package/build/calendar/monthCalendar/table/MonthCalendarTable.mjs.map +1 -0
- package/build/{dateLookup → calendar}/tableLink/TableLink.js +2 -2
- package/build/calendar/tableLink/TableLink.js.map +1 -0
- package/build/{dateLookup → calendar}/tableLink/TableLink.mjs +1 -1
- package/build/calendar/tableLink/TableLink.mjs.map +1 -0
- package/build/{dateLookup → calendar}/yearCalendar/YearCalendar.js +2 -2
- package/build/calendar/yearCalendar/YearCalendar.js.map +1 -0
- package/build/{dateLookup → calendar}/yearCalendar/YearCalendar.mjs +1 -1
- package/build/calendar/yearCalendar/YearCalendar.mjs.map +1 -0
- package/build/calendar/yearCalendar/table/YearCalendarTable.js.map +1 -0
- package/build/calendar/yearCalendar/table/YearCalendarTable.mjs.map +1 -0
- package/build/dateLookup/DateLookup.js +28 -168
- package/build/dateLookup/DateLookup.js.map +1 -1
- package/build/dateLookup/DateLookup.mjs +29 -169
- package/build/dateLookup/DateLookup.mjs.map +1 -1
- package/build/index.js +2 -0
- package/build/index.js.map +1 -1
- package/build/index.mjs +1 -0
- package/build/index.mjs.map +1 -1
- package/build/main.css +97 -106
- package/build/styles/calendar/Calendar.css +83 -0
- package/build/styles/dateLookup/DateLookup.css +0 -90
- package/build/styles/main.css +97 -106
- package/build/types/calendar/Calendar.d.ts +13 -0
- package/build/types/calendar/Calendar.d.ts.map +1 -0
- package/build/types/{dateLookup/DateLookup.messages.d.ts → calendar/Calendar.messages.d.ts} +1 -1
- package/build/types/calendar/Calendar.messages.d.ts.map +1 -0
- package/build/types/calendar/dateHeader/DateHeader.d.ts.map +1 -0
- package/build/types/calendar/dateHeader/index.d.ts.map +1 -0
- package/build/types/calendar/dayCalendar/DayCalendar.d.ts.map +1 -0
- package/build/types/calendar/dayCalendar/index.d.ts.map +1 -0
- package/build/types/calendar/dayCalendar/table/DayCalendarTable.d.ts.map +1 -0
- package/build/types/calendar/dayCalendar/table/index.d.ts.map +1 -0
- package/build/types/calendar/getFocusableTime/getFocusableTime.d.ts.map +1 -0
- package/build/types/calendar/getStartOfDay/getStartOfDay.d.ts.map +1 -0
- package/build/types/calendar/getStartOfDay/index.d.ts.map +1 -0
- package/build/types/calendar/index.d.ts +3 -0
- package/build/types/calendar/index.d.ts.map +1 -0
- package/build/types/{dateLookup → calendar}/monthCalendar/MonthCalendar.d.ts +1 -1
- package/build/types/calendar/monthCalendar/MonthCalendar.d.ts.map +1 -0
- package/build/types/calendar/monthCalendar/index.d.ts.map +1 -0
- package/build/types/{dateLookup → calendar}/monthCalendar/table/MonthCalendarTable.d.ts +1 -1
- package/build/types/calendar/monthCalendar/table/MonthCalendarTable.d.ts.map +1 -0
- package/build/types/calendar/monthCalendar/table/index.d.ts.map +1 -0
- package/build/types/calendar/tableLink/TableLink.d.ts.map +1 -0
- package/build/types/calendar/tableLink/index.d.ts.map +1 -0
- package/build/types/{dateLookup → calendar}/yearCalendar/YearCalendar.d.ts +1 -1
- package/build/types/calendar/yearCalendar/YearCalendar.d.ts.map +1 -0
- package/build/types/calendar/yearCalendar/index.d.ts.map +1 -0
- package/build/types/{dateLookup → calendar}/yearCalendar/table/YearCalendarTable.d.ts +1 -1
- package/build/types/calendar/yearCalendar/table/YearCalendarTable.d.ts.map +1 -0
- package/build/types/calendar/yearCalendar/table/index.d.ts.map +1 -0
- package/build/types/dateLookup/DateLookup.d.ts +2 -26
- package/build/types/dateLookup/DateLookup.d.ts.map +1 -1
- package/build/types/index.d.ts +2 -0
- package/build/types/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/calendar/Calendar.css +83 -0
- package/src/calendar/Calendar.less +79 -0
- package/src/calendar/Calendar.story.tsx +92 -0
- package/src/calendar/Calendar.test.tsx +138 -0
- package/src/calendar/Calendar.tsx +165 -0
- package/src/{dateLookup → calendar}/dateHeader/DateHeader.tsx +1 -1
- package/src/{dateLookup → calendar}/dayCalendar/DayCalendar.tsx +1 -1
- package/src/calendar/index.ts +2 -0
- package/src/{dateLookup → calendar}/monthCalendar/MonthCalendar.tsx +2 -2
- package/src/{dateLookup → calendar}/monthCalendar/table/MonthCalendarTable.tsx +1 -1
- package/src/{dateLookup → calendar}/tableLink/TableLink.tsx +1 -1
- package/src/{dateLookup → calendar}/yearCalendar/YearCalendar.tsx +2 -2
- package/src/{dateLookup → calendar}/yearCalendar/table/YearCalendarTable.tsx +1 -1
- package/src/dateLookup/DateLookup.css +0 -90
- package/src/dateLookup/DateLookup.less +0 -91
- package/src/dateLookup/DateLookup.test.tsx +0 -124
- package/src/dateLookup/DateLookup.tsx +31 -161
- package/src/index.ts +2 -0
- package/src/main.css +97 -106
- package/src/main.less +1 -0
- package/build/dateLookup/DateLookup.messages.js.map +0 -1
- package/build/dateLookup/DateLookup.messages.mjs.map +0 -1
- package/build/dateLookup/dateHeader/DateHeader.js.map +0 -1
- package/build/dateLookup/dateHeader/DateHeader.mjs.map +0 -1
- package/build/dateLookup/dayCalendar/DayCalendar.js.map +0 -1
- package/build/dateLookup/dayCalendar/DayCalendar.mjs.map +0 -1
- package/build/dateLookup/dayCalendar/table/DayCalendarTable.js.map +0 -1
- package/build/dateLookup/dayCalendar/table/DayCalendarTable.mjs.map +0 -1
- package/build/dateLookup/getFocusableTime/getFocusableTime.js.map +0 -1
- package/build/dateLookup/getFocusableTime/getFocusableTime.mjs.map +0 -1
- package/build/dateLookup/getStartOfDay/getStartOfDay.js.map +0 -1
- package/build/dateLookup/getStartOfDay/getStartOfDay.mjs.map +0 -1
- package/build/dateLookup/monthCalendar/MonthCalendar.js.map +0 -1
- package/build/dateLookup/monthCalendar/MonthCalendar.mjs.map +0 -1
- package/build/dateLookup/monthCalendar/table/MonthCalendarTable.js.map +0 -1
- package/build/dateLookup/monthCalendar/table/MonthCalendarTable.mjs.map +0 -1
- package/build/dateLookup/tableLink/TableLink.js.map +0 -1
- package/build/dateLookup/tableLink/TableLink.mjs.map +0 -1
- package/build/dateLookup/yearCalendar/YearCalendar.js.map +0 -1
- package/build/dateLookup/yearCalendar/YearCalendar.mjs.map +0 -1
- package/build/dateLookup/yearCalendar/table/YearCalendarTable.js.map +0 -1
- package/build/dateLookup/yearCalendar/table/YearCalendarTable.mjs.map +0 -1
- package/build/types/dateLookup/DateLookup.messages.d.ts.map +0 -1
- package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map +0 -1
- package/build/types/dateLookup/dateHeader/index.d.ts.map +0 -1
- package/build/types/dateLookup/dayCalendar/DayCalendar.d.ts.map +0 -1
- package/build/types/dateLookup/dayCalendar/index.d.ts.map +0 -1
- package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts.map +0 -1
- package/build/types/dateLookup/dayCalendar/table/index.d.ts.map +0 -1
- package/build/types/dateLookup/getFocusableTime/getFocusableTime.d.ts.map +0 -1
- package/build/types/dateLookup/getStartOfDay/getStartOfDay.d.ts.map +0 -1
- package/build/types/dateLookup/getStartOfDay/index.d.ts.map +0 -1
- package/build/types/dateLookup/monthCalendar/MonthCalendar.d.ts.map +0 -1
- package/build/types/dateLookup/monthCalendar/index.d.ts.map +0 -1
- package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts.map +0 -1
- package/build/types/dateLookup/monthCalendar/table/index.d.ts.map +0 -1
- package/build/types/dateLookup/tableLink/TableLink.d.ts.map +0 -1
- package/build/types/dateLookup/tableLink/index.d.ts.map +0 -1
- package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts.map +0 -1
- package/build/types/dateLookup/yearCalendar/index.d.ts.map +0 -1
- package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts.map +0 -1
- package/build/types/dateLookup/yearCalendar/table/index.d.ts.map +0 -1
- /package/build/{dateLookup → calendar}/dayCalendar/table/DayCalendarTable.js +0 -0
- /package/build/{dateLookup → calendar}/dayCalendar/table/DayCalendarTable.mjs +0 -0
- /package/build/{dateLookup → calendar}/getFocusableTime/getFocusableTime.js +0 -0
- /package/build/{dateLookup → calendar}/getFocusableTime/getFocusableTime.mjs +0 -0
- /package/build/{dateLookup → calendar}/getStartOfDay/getStartOfDay.js +0 -0
- /package/build/{dateLookup → calendar}/getStartOfDay/getStartOfDay.mjs +0 -0
- /package/build/{dateLookup → calendar}/monthCalendar/table/MonthCalendarTable.js +0 -0
- /package/build/{dateLookup → calendar}/monthCalendar/table/MonthCalendarTable.mjs +0 -0
- /package/build/{dateLookup → calendar}/yearCalendar/table/YearCalendarTable.js +0 -0
- /package/build/{dateLookup → calendar}/yearCalendar/table/YearCalendarTable.mjs +0 -0
- /package/build/types/{dateLookup → calendar}/dateHeader/DateHeader.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/dateHeader/index.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/dayCalendar/DayCalendar.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/dayCalendar/index.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/dayCalendar/table/DayCalendarTable.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/dayCalendar/table/index.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/getFocusableTime/getFocusableTime.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/getStartOfDay/getStartOfDay.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/getStartOfDay/index.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/monthCalendar/index.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/monthCalendar/table/index.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/tableLink/TableLink.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/tableLink/index.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/yearCalendar/index.d.ts +0 -0
- /package/build/types/{dateLookup → calendar}/yearCalendar/table/index.d.ts +0 -0
- /package/src/{dateLookup/DateLookup.messages.ts → calendar/Calendar.messages.ts} +0 -0
- /package/src/{dateLookup → calendar}/dateHeader/index.ts +0 -0
- /package/src/{dateLookup → calendar}/dayCalendar/index.ts +0 -0
- /package/src/{dateLookup → calendar}/dayCalendar/table/DayCalendarTable.tsx +0 -0
- /package/src/{dateLookup → calendar}/dayCalendar/table/index.ts +0 -0
- /package/src/{dateLookup → calendar}/getFocusableTime/getFocusable.test.ts +0 -0
- /package/src/{dateLookup → calendar}/getFocusableTime/getFocusableTime.tsx +0 -0
- /package/src/{dateLookup → calendar}/getStartOfDay/getStartOfDay.test.js +0 -0
- /package/src/{dateLookup → calendar}/getStartOfDay/getStartOfDay.tsx +0 -0
- /package/src/{dateLookup → calendar}/getStartOfDay/index.ts +0 -0
- /package/src/{dateLookup → calendar}/monthCalendar/index.ts +0 -0
- /package/src/{dateLookup → calendar}/monthCalendar/table/index.ts +0 -0
- /package/src/{dateLookup → calendar}/tableLink/index.ts +0 -0
- /package/src/{dateLookup → calendar}/yearCalendar/index.ts +0 -0
- /package/src/{dateLookup → calendar}/yearCalendar/table/index.ts +0 -0
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
.tw-date-lookup-calendar {
|
|
2
|
+
min-width: 300px;
|
|
3
|
+
text-align: center;
|
|
4
|
+
table-layout: fixed;
|
|
5
|
+
border: none;
|
|
6
|
+
background-color: inherit;
|
|
7
|
+
}
|
|
8
|
+
.tw-date-lookup-calendar thead {
|
|
9
|
+
background-color: transparent;
|
|
10
|
+
background-color: initial;
|
|
11
|
+
}
|
|
12
|
+
.tw-date-lookup-calendar > tbody > tr > td.weekend button {
|
|
13
|
+
color: #5d7079;
|
|
14
|
+
color: var(--color-content-secondary);
|
|
15
|
+
}
|
|
16
|
+
.tw-date-lookup-calendar > tbody > tr > td {
|
|
17
|
+
border: none;
|
|
18
|
+
padding: 4px;
|
|
19
|
+
padding: var(--size-4);
|
|
20
|
+
}
|
|
21
|
+
@media (max-width: 320px) {
|
|
22
|
+
.tw-date-lookup-calendar > tbody > tr > td {
|
|
23
|
+
padding: 0;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
.tw-date-lookup-calendar > tbody > tr > td:has(.tw-date-lookup-day-option) {
|
|
27
|
+
padding: 1px;
|
|
28
|
+
}
|
|
29
|
+
.tw-date-lookup-calendar > tbody > tr > td button {
|
|
30
|
+
width: 100%;
|
|
31
|
+
padding: 4px 0;
|
|
32
|
+
padding: var(--size-4) 0;
|
|
33
|
+
color: #0097c7;
|
|
34
|
+
color: var(--color-content-accent);
|
|
35
|
+
border: transparent;
|
|
36
|
+
border-radius: 10px;
|
|
37
|
+
border-radius: var(--radius-small);
|
|
38
|
+
background-color: transparent;
|
|
39
|
+
font-weight: 600;
|
|
40
|
+
font-weight: var(--font-weight-semi-bold);
|
|
41
|
+
color: #37517e;
|
|
42
|
+
color: var(--color-content-primary);
|
|
43
|
+
}
|
|
44
|
+
@media (max-width: 320px) {
|
|
45
|
+
.tw-date-lookup-calendar > tbody > tr > td button {
|
|
46
|
+
padding: 0;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option {
|
|
50
|
+
height: 40px;
|
|
51
|
+
height: var(--size-40);
|
|
52
|
+
border-radius: 9999px;
|
|
53
|
+
border-radius: var(--radius-full);
|
|
54
|
+
line-height: 40px;
|
|
55
|
+
line-height: var(--size-40);
|
|
56
|
+
width: 40px;
|
|
57
|
+
width: var(--size-40);
|
|
58
|
+
padding: 0;
|
|
59
|
+
display: inline-flex;
|
|
60
|
+
align-items: center;
|
|
61
|
+
justify-content: center;
|
|
62
|
+
}
|
|
63
|
+
.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option.today {
|
|
64
|
+
-webkit-text-decoration: underline;
|
|
65
|
+
text-decoration: underline;
|
|
66
|
+
text-decoration-thickness: 2px;
|
|
67
|
+
text-underline-offset: 4px;
|
|
68
|
+
}
|
|
69
|
+
.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
|
|
70
|
+
.tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
|
|
71
|
+
background-color: var(--color-background-screen-hover);
|
|
72
|
+
}
|
|
73
|
+
.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
|
|
74
|
+
background-color: var(--color-interactive-primary);
|
|
75
|
+
color: var(--color-interactive-contrast);
|
|
76
|
+
}
|
|
77
|
+
.tw-date-lookup-calendar abbr {
|
|
78
|
+
-webkit-text-decoration: none;
|
|
79
|
+
text-decoration: none;
|
|
80
|
+
}
|
|
81
|
+
.tw-date-lookup-header-current-container {
|
|
82
|
+
display: inline;
|
|
83
|
+
}
|
|
@@ -1,93 +1,3 @@
|
|
|
1
1
|
.tw-date-lookup-menu {
|
|
2
2
|
width: 400px;
|
|
3
3
|
}
|
|
4
|
-
.tw-date-lookup-calendar {
|
|
5
|
-
min-width: 300px;
|
|
6
|
-
text-align: center;
|
|
7
|
-
table-layout: fixed;
|
|
8
|
-
background-color: inherit;
|
|
9
|
-
}
|
|
10
|
-
.tw-date-lookup-calendar > tbody > tr > td.weekend button {
|
|
11
|
-
color: #5d7079;
|
|
12
|
-
color: var(--color-content-secondary);
|
|
13
|
-
}
|
|
14
|
-
.tw-date-lookup-calendar > tbody > tr > td {
|
|
15
|
-
padding: 4px;
|
|
16
|
-
padding: var(--size-4);
|
|
17
|
-
}
|
|
18
|
-
@media (max-width: 320px) {
|
|
19
|
-
.tw-date-lookup-calendar > tbody > tr > td {
|
|
20
|
-
padding: 0;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
.tw-date-lookup-calendar > tbody > tr > td:has(.tw-date-lookup-day-option) {
|
|
24
|
-
padding: 1px;
|
|
25
|
-
}
|
|
26
|
-
.tw-date-lookup-calendar > tbody > tr > td button {
|
|
27
|
-
width: 100%;
|
|
28
|
-
padding: 4px 0;
|
|
29
|
-
padding: var(--size-4) 0;
|
|
30
|
-
color: #0097c7;
|
|
31
|
-
color: var(--color-content-accent);
|
|
32
|
-
border: transparent;
|
|
33
|
-
border-radius: 10px;
|
|
34
|
-
border-radius: var(--radius-small);
|
|
35
|
-
background-color: transparent;
|
|
36
|
-
font-weight: 600;
|
|
37
|
-
font-weight: var(--font-weight-semi-bold);
|
|
38
|
-
color: #37517e;
|
|
39
|
-
color: var(--color-content-primary);
|
|
40
|
-
}
|
|
41
|
-
@media (max-width: 320px) {
|
|
42
|
-
.tw-date-lookup-calendar > tbody > tr > td button {
|
|
43
|
-
padding: 0;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option {
|
|
47
|
-
height: 40px;
|
|
48
|
-
height: var(--size-40);
|
|
49
|
-
border-radius: 9999px;
|
|
50
|
-
border-radius: var(--radius-full);
|
|
51
|
-
line-height: 40px;
|
|
52
|
-
line-height: var(--size-40);
|
|
53
|
-
width: 40px;
|
|
54
|
-
width: var(--size-40);
|
|
55
|
-
padding: 0;
|
|
56
|
-
display: inline-flex;
|
|
57
|
-
align-items: center;
|
|
58
|
-
justify-content: center;
|
|
59
|
-
}
|
|
60
|
-
.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option.today {
|
|
61
|
-
-webkit-text-decoration: underline;
|
|
62
|
-
text-decoration: underline;
|
|
63
|
-
text-decoration-thickness: 2px;
|
|
64
|
-
text-underline-offset: 4px;
|
|
65
|
-
}
|
|
66
|
-
.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
|
|
67
|
-
.tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
|
|
68
|
-
background-color: var(--color-background-screen-hover);
|
|
69
|
-
}
|
|
70
|
-
.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
|
|
71
|
-
background-color: var(--color-interactive-primary);
|
|
72
|
-
color: var(--color-interactive-contrast);
|
|
73
|
-
}
|
|
74
|
-
.tw-date-lookup-calendar abbr {
|
|
75
|
-
-webkit-text-decoration: none;
|
|
76
|
-
text-decoration: none;
|
|
77
|
-
}
|
|
78
|
-
.tw-date-lookup-header-current-container {
|
|
79
|
-
display: inline;
|
|
80
|
-
}
|
|
81
|
-
.np-theme-personal.tw-date-lookup-menu .table-bordered,
|
|
82
|
-
.np-theme-personal .tw-date-lookup-menu .table-bordered {
|
|
83
|
-
border: none;
|
|
84
|
-
}
|
|
85
|
-
.np-theme-personal.tw-date-lookup-menu thead,
|
|
86
|
-
.np-theme-personal .tw-date-lookup-menu thead {
|
|
87
|
-
background-color: transparent;
|
|
88
|
-
background-color: initial;
|
|
89
|
-
}
|
|
90
|
-
.np-theme-personal.tw-date-lookup-menu td,
|
|
91
|
-
.np-theme-personal .tw-date-lookup-menu td {
|
|
92
|
-
border: none;
|
|
93
|
-
}
|
package/build/styles/main.css
CHANGED
|
@@ -27180,6 +27180,103 @@ a[data-toggle="tooltip"] {
|
|
|
27180
27180
|
scale: -1 1;
|
|
27181
27181
|
}
|
|
27182
27182
|
|
|
27183
|
+
.tw-date-lookup-calendar {
|
|
27184
|
+
min-width: 300px;
|
|
27185
|
+
text-align: center;
|
|
27186
|
+
table-layout: fixed;
|
|
27187
|
+
border: none;
|
|
27188
|
+
background-color: inherit;
|
|
27189
|
+
}
|
|
27190
|
+
|
|
27191
|
+
.tw-date-lookup-calendar thead {
|
|
27192
|
+
background-color: transparent;
|
|
27193
|
+
background-color: initial;
|
|
27194
|
+
}
|
|
27195
|
+
|
|
27196
|
+
.tw-date-lookup-calendar > tbody > tr > td.weekend button {
|
|
27197
|
+
color: #5d7079;
|
|
27198
|
+
color: var(--color-content-secondary);
|
|
27199
|
+
}
|
|
27200
|
+
|
|
27201
|
+
.tw-date-lookup-calendar > tbody > tr > td {
|
|
27202
|
+
border: none;
|
|
27203
|
+
padding: 4px;
|
|
27204
|
+
padding: var(--size-4);
|
|
27205
|
+
}
|
|
27206
|
+
|
|
27207
|
+
@media (max-width: 320px) {
|
|
27208
|
+
.tw-date-lookup-calendar > tbody > tr > td {
|
|
27209
|
+
padding: 0;
|
|
27210
|
+
}
|
|
27211
|
+
}
|
|
27212
|
+
|
|
27213
|
+
.tw-date-lookup-calendar > tbody > tr > td:has(.tw-date-lookup-day-option) {
|
|
27214
|
+
padding: 1px;
|
|
27215
|
+
}
|
|
27216
|
+
|
|
27217
|
+
.tw-date-lookup-calendar > tbody > tr > td button {
|
|
27218
|
+
width: 100%;
|
|
27219
|
+
padding: 4px 0;
|
|
27220
|
+
padding: var(--size-4) 0;
|
|
27221
|
+
color: #0097c7;
|
|
27222
|
+
color: var(--color-content-accent);
|
|
27223
|
+
border: transparent;
|
|
27224
|
+
border-radius: 10px;
|
|
27225
|
+
border-radius: var(--radius-small);
|
|
27226
|
+
background-color: transparent;
|
|
27227
|
+
font-weight: 600;
|
|
27228
|
+
font-weight: var(--font-weight-semi-bold);
|
|
27229
|
+
color: #37517e;
|
|
27230
|
+
color: var(--color-content-primary);
|
|
27231
|
+
}
|
|
27232
|
+
|
|
27233
|
+
@media (max-width: 320px) {
|
|
27234
|
+
.tw-date-lookup-calendar > tbody > tr > td button {
|
|
27235
|
+
padding: 0;
|
|
27236
|
+
}
|
|
27237
|
+
}
|
|
27238
|
+
|
|
27239
|
+
.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option {
|
|
27240
|
+
height: 40px;
|
|
27241
|
+
height: var(--size-40);
|
|
27242
|
+
border-radius: 9999px;
|
|
27243
|
+
border-radius: var(--radius-full);
|
|
27244
|
+
line-height: 40px;
|
|
27245
|
+
line-height: var(--size-40);
|
|
27246
|
+
width: 40px;
|
|
27247
|
+
width: var(--size-40);
|
|
27248
|
+
padding: 0;
|
|
27249
|
+
display: inline-flex;
|
|
27250
|
+
align-items: center;
|
|
27251
|
+
justify-content: center;
|
|
27252
|
+
}
|
|
27253
|
+
|
|
27254
|
+
.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option.today {
|
|
27255
|
+
-webkit-text-decoration: underline;
|
|
27256
|
+
text-decoration: underline;
|
|
27257
|
+
text-decoration-thickness: 2px;
|
|
27258
|
+
text-underline-offset: 4px;
|
|
27259
|
+
}
|
|
27260
|
+
|
|
27261
|
+
.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
|
|
27262
|
+
.tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
|
|
27263
|
+
background-color: var(--color-background-screen-hover);
|
|
27264
|
+
}
|
|
27265
|
+
|
|
27266
|
+
.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
|
|
27267
|
+
background-color: var(--color-interactive-primary);
|
|
27268
|
+
color: var(--color-interactive-contrast);
|
|
27269
|
+
}
|
|
27270
|
+
|
|
27271
|
+
.tw-date-lookup-calendar abbr {
|
|
27272
|
+
-webkit-text-decoration: none;
|
|
27273
|
+
text-decoration: none;
|
|
27274
|
+
}
|
|
27275
|
+
|
|
27276
|
+
.tw-date-lookup-header-current-container {
|
|
27277
|
+
display: inline;
|
|
27278
|
+
}
|
|
27279
|
+
|
|
27183
27280
|
.np-card {
|
|
27184
27281
|
overflow: hidden;
|
|
27185
27282
|
transition-property: transform, box-shadow;
|
|
@@ -28317,112 +28414,6 @@ button.np-option {
|
|
|
28317
28414
|
width: 400px;
|
|
28318
28415
|
}
|
|
28319
28416
|
|
|
28320
|
-
.tw-date-lookup-calendar {
|
|
28321
|
-
min-width: 300px;
|
|
28322
|
-
text-align: center;
|
|
28323
|
-
table-layout: fixed;
|
|
28324
|
-
background-color: inherit;
|
|
28325
|
-
}
|
|
28326
|
-
|
|
28327
|
-
.tw-date-lookup-calendar > tbody > tr > td.weekend button {
|
|
28328
|
-
color: #5d7079;
|
|
28329
|
-
color: var(--color-content-secondary);
|
|
28330
|
-
}
|
|
28331
|
-
|
|
28332
|
-
.tw-date-lookup-calendar > tbody > tr > td {
|
|
28333
|
-
padding: 4px;
|
|
28334
|
-
padding: var(--size-4);
|
|
28335
|
-
}
|
|
28336
|
-
|
|
28337
|
-
@media (max-width: 320px) {
|
|
28338
|
-
.tw-date-lookup-calendar > tbody > tr > td {
|
|
28339
|
-
padding: 0;
|
|
28340
|
-
}
|
|
28341
|
-
}
|
|
28342
|
-
|
|
28343
|
-
.tw-date-lookup-calendar > tbody > tr > td:has(.tw-date-lookup-day-option) {
|
|
28344
|
-
padding: 1px;
|
|
28345
|
-
}
|
|
28346
|
-
|
|
28347
|
-
.tw-date-lookup-calendar > tbody > tr > td button {
|
|
28348
|
-
width: 100%;
|
|
28349
|
-
padding: 4px 0;
|
|
28350
|
-
padding: var(--size-4) 0;
|
|
28351
|
-
color: #0097c7;
|
|
28352
|
-
color: var(--color-content-accent);
|
|
28353
|
-
border: transparent;
|
|
28354
|
-
border-radius: 10px;
|
|
28355
|
-
border-radius: var(--radius-small);
|
|
28356
|
-
background-color: transparent;
|
|
28357
|
-
font-weight: 600;
|
|
28358
|
-
font-weight: var(--font-weight-semi-bold);
|
|
28359
|
-
color: #37517e;
|
|
28360
|
-
color: var(--color-content-primary);
|
|
28361
|
-
}
|
|
28362
|
-
|
|
28363
|
-
@media (max-width: 320px) {
|
|
28364
|
-
.tw-date-lookup-calendar > tbody > tr > td button {
|
|
28365
|
-
padding: 0;
|
|
28366
|
-
}
|
|
28367
|
-
}
|
|
28368
|
-
|
|
28369
|
-
.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option {
|
|
28370
|
-
height: 40px;
|
|
28371
|
-
height: var(--size-40);
|
|
28372
|
-
border-radius: 9999px;
|
|
28373
|
-
border-radius: var(--radius-full);
|
|
28374
|
-
line-height: 40px;
|
|
28375
|
-
line-height: var(--size-40);
|
|
28376
|
-
width: 40px;
|
|
28377
|
-
width: var(--size-40);
|
|
28378
|
-
padding: 0;
|
|
28379
|
-
display: inline-flex;
|
|
28380
|
-
align-items: center;
|
|
28381
|
-
justify-content: center;
|
|
28382
|
-
}
|
|
28383
|
-
|
|
28384
|
-
.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option.today {
|
|
28385
|
-
-webkit-text-decoration: underline;
|
|
28386
|
-
text-decoration: underline;
|
|
28387
|
-
text-decoration-thickness: 2px;
|
|
28388
|
-
text-underline-offset: 4px;
|
|
28389
|
-
}
|
|
28390
|
-
|
|
28391
|
-
.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
|
|
28392
|
-
.tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
|
|
28393
|
-
background-color: var(--color-background-screen-hover);
|
|
28394
|
-
}
|
|
28395
|
-
|
|
28396
|
-
.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
|
|
28397
|
-
background-color: var(--color-interactive-primary);
|
|
28398
|
-
color: var(--color-interactive-contrast);
|
|
28399
|
-
}
|
|
28400
|
-
|
|
28401
|
-
.tw-date-lookup-calendar abbr {
|
|
28402
|
-
-webkit-text-decoration: none;
|
|
28403
|
-
text-decoration: none;
|
|
28404
|
-
}
|
|
28405
|
-
|
|
28406
|
-
.tw-date-lookup-header-current-container {
|
|
28407
|
-
display: inline;
|
|
28408
|
-
}
|
|
28409
|
-
|
|
28410
|
-
.np-theme-personal.tw-date-lookup-menu .table-bordered,
|
|
28411
|
-
.np-theme-personal .tw-date-lookup-menu .table-bordered {
|
|
28412
|
-
border: none;
|
|
28413
|
-
}
|
|
28414
|
-
|
|
28415
|
-
.np-theme-personal.tw-date-lookup-menu thead,
|
|
28416
|
-
.np-theme-personal .tw-date-lookup-menu thead {
|
|
28417
|
-
background-color: transparent;
|
|
28418
|
-
background-color: initial;
|
|
28419
|
-
}
|
|
28420
|
-
|
|
28421
|
-
.np-theme-personal.tw-date-lookup-menu td,
|
|
28422
|
-
.np-theme-personal .tw-date-lookup-menu td {
|
|
28423
|
-
border: none;
|
|
28424
|
-
}
|
|
28425
|
-
|
|
28426
28417
|
.np-date-trigger {
|
|
28427
28418
|
overflow: hidden;
|
|
28428
28419
|
text-overflow: ellipsis;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { MonthFormat } from '../common';
|
|
2
|
+
export interface CalendarProps {
|
|
3
|
+
value: Date | null;
|
|
4
|
+
min?: Date | null;
|
|
5
|
+
max?: Date | null;
|
|
6
|
+
monthFormat?: `${MonthFormat}`;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
onChange: (date: Date | null) => void;
|
|
9
|
+
onSelect?: (date: Date) => void;
|
|
10
|
+
}
|
|
11
|
+
declare const Calendar: ({ value, min: minProp, max: maxProp, monthFormat, placeholder, onChange, onSelect, }: CalendarProps) => import("react").JSX.Element;
|
|
12
|
+
export default Calendar;
|
|
13
|
+
//# sourceMappingURL=Calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/Calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAOxC,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,QAAQ,GAAI,sFAQf,aAAa,gCAuIf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.messages.d.ts","sourceRoot":"","sources":["../../../src/calendar/Calendar.messages.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAyCG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendar/dateHeader/DateHeader.tsx"],"names":[],"mappings":"AAWA,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmDzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/dateHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DayCalendar.d.ts","sourceRoot":"","sources":["../../../../src/calendar/dayCalendar/DayCalendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,UAAU,gBAAiB,SAAQ,qBAAqB;IACtD,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,GAAG,WAAW,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnE;;;;AAiDD,wBAAuC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/dayCalendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DayCalendarTable.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/dayCalendar/table/DayCalendarTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AASpE,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;;;;AA0ID,wBAA4C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/dayCalendar/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getFocusableTime.d.ts","sourceRoot":"","sources":["../../../../src/calendar/getFocusableTime/getFocusableTime.tsx"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACjC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAM9E"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getStartOfDay.d.ts","sourceRoot":"","sources":["../../../../src/calendar/getStartOfDay/getStartOfDay.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,eAK9C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/getStartOfDay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthCalendar.d.ts","sourceRoot":"","sources":["../../../../src/calendar/monthCalendar/MonthCalendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAO/D,UAAU,kBAAmB,SAAQ,qBAAqB;IACxD,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;;;;AAgDD,wBAAyC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/monthCalendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -3,7 +3,7 @@ interface MonthCalendarTableProps {
|
|
|
3
3
|
min: Date | null;
|
|
4
4
|
max: Date | null;
|
|
5
5
|
viewYear: number;
|
|
6
|
-
placeholder
|
|
6
|
+
placeholder?: string;
|
|
7
7
|
onSelect: (date: number) => void;
|
|
8
8
|
}
|
|
9
9
|
declare const MonthCalendarTable: ({ selectedDate, min, max, viewYear, placeholder, onSelect, }: MonthCalendarTableProps) => import("react").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthCalendarTable.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/monthCalendar/table/MonthCalendarTable.tsx"],"names":[],"mappings":"AAMA,UAAU,uBAAuB;IAC/B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAMD,QAAA,MAAM,kBAAkB,GAAI,8DAOzB,uBAAuB,gCAyDzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/monthCalendar/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableLink.d.ts","sourceRoot":"","sources":["../../../../src/calendar/tableLink/TableLink.tsx"],"names":[],"mappings":"AAMA,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,SAAS,GAAI,gFAUhB,cAAc,gCA8ChB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/tableLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"YearCalendar.d.ts","sourceRoot":"","sources":["../../../../src/calendar/yearCalendar/YearCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAO/D,UAAU,iBAAkB,SAAQ,qBAAqB;IACvD,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpD;;;;AA6CD,wBAAwC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/yearCalendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -3,7 +3,7 @@ interface YearCalendarTableProps {
|
|
|
3
3
|
min: Date | null;
|
|
4
4
|
max: Date | null;
|
|
5
5
|
viewYear: number;
|
|
6
|
-
placeholder
|
|
6
|
+
placeholder?: string;
|
|
7
7
|
onSelect: (year: number) => void;
|
|
8
8
|
}
|
|
9
9
|
declare const YearCalendarTable: ({ selectedDate, min, max, viewYear, placeholder, onSelect, }: YearCalendarTableProps) => import("react").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"YearCalendarTable.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/yearCalendar/table/YearCalendarTable.tsx"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC9B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAMD,QAAA,MAAM,iBAAiB,GAAI,8DAOxB,sBAAsB,gCAqDxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/yearCalendar/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -19,15 +19,8 @@ export interface DateLookupProps {
|
|
|
19
19
|
}
|
|
20
20
|
type DateLookupPropsWithInputAttributes = DateLookupProps & Partial<WithInputAttributesProps>;
|
|
21
21
|
interface DateLookupState {
|
|
22
|
-
selectedDate: Date | null;
|
|
23
22
|
originalDate: Date | null;
|
|
24
|
-
min: Date | null;
|
|
25
|
-
max: Date | null;
|
|
26
|
-
viewMonth: number;
|
|
27
|
-
viewYear: number;
|
|
28
23
|
open: boolean;
|
|
29
|
-
mode: 'day' | 'month' | 'year';
|
|
30
|
-
isMobile: boolean;
|
|
31
24
|
}
|
|
32
25
|
declare class DateLookup extends PureComponent<DateLookupPropsWithInputAttributes, DateLookupState> {
|
|
33
26
|
props: DateLookupPropsWithInputAttributes & Required<Pick<DateLookupPropsWithInputAttributes, keyof typeof DateLookup.defaultProps>>;
|
|
@@ -43,32 +36,15 @@ declare class DateLookup extends PureComponent<DateLookupPropsWithInputAttribute
|
|
|
43
36
|
clearable: false;
|
|
44
37
|
};
|
|
45
38
|
element: import("react").RefObject<HTMLDivElement>;
|
|
46
|
-
dropdown: import("react").RefObject<HTMLDivElement>;
|
|
47
39
|
constructor(props: DateLookup['props']);
|
|
48
|
-
static getDerivedStateFromProps(props: DateLookup['props'], state: DateLookupState): {
|
|
49
|
-
selectedDate: Date | null;
|
|
50
|
-
min: Date | null;
|
|
51
|
-
max: Date | null;
|
|
52
|
-
viewMonth: number;
|
|
53
|
-
viewYear: number;
|
|
54
|
-
} | null;
|
|
55
40
|
componentDidUpdate(previousProps: DateLookupPropsWithInputAttributes): void;
|
|
56
|
-
componentWillUnmount(): void;
|
|
57
41
|
open: () => void;
|
|
58
42
|
discard: () => void;
|
|
59
43
|
close: () => void;
|
|
60
44
|
handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
61
|
-
adjustDate: (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => void;
|
|
62
45
|
focusOn: (preferredElement: string, fallbackElement?: string) => void;
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
switchToMonths: () => void;
|
|
66
|
-
switchToYears: () => void;
|
|
67
|
-
handleSelectedDateUpdate: (selectedDate: Date) => void;
|
|
68
|
-
handleViewDateUpdate: ({ month, year }: {
|
|
69
|
-
month?: number | undefined;
|
|
70
|
-
year?: number | undefined;
|
|
71
|
-
}) => void;
|
|
46
|
+
handleDateChange: (date: Date | null) => void;
|
|
47
|
+
handleDateSelect: (date: Date) => void;
|
|
72
48
|
getCalendar: () => import("react").JSX.Element;
|
|
73
49
|
handleClear: () => void;
|
|
74
50
|
render(): import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateLookup.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DateLookup.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,IAAI,EACJ,WAAW,EAEX,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,wBAAwB,EAAuB,MAAM,oBAAoB,CAAC;AAInF,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,KAAK,kCAAkC,GAAG,eAAe,GAAG,OAAO,CAAC,wBAAwB,CAAC,CAAC;AAE9F,UAAU,eAAe;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;CACf;AAED,cAAM,UAAW,SAAQ,aAAa,CAAC,kCAAkC,EAAE,eAAe,CAAC;IACjF,KAAK,EAAE,kCAAkC,GAC/C,QAAQ,CAAC,IAAI,CAAC,kCAAkC,EAAE,MAAM,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;IAE3F,MAAM,CAAC,YAAY;;;;;;;;;;MAUqC;IAExD,OAAO,4CAA+B;gBAE1B,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC;IAQtC,kBAAkB,CAAC,aAAa,EAAE,kCAAkC;IAMpE,IAAI,aAOF;IAEF,OAAO,aAML;IAEF,KAAK,aAMH;IAEF,aAAa,GAAI,OAAO,aAAa,CAAC,cAAc,CAAC,UAsBnD;IAEF,OAAO,GAAI,kBAAkB,MAAM,EAAE,kBAAkB,MAAM,UAO3D;IAEF,gBAAgB,GAAI,MAAM,IAAI,GAAG,IAAI,UAUnC;IAEF,gBAAgB,GAAI,MAAM,IAAI,UAI5B;IAEF,WAAW,oCAeT;IAEF,WAAW,aAGT;IAEF,MAAM;CAsDP;AAED,eAAO,MAAM,gCAAgC,mBAAa,CAAC;AAE3D,QAAA,MAAM,iBAAiB;;;CAGtB,CAAC;AAGF,eAAe,iBAAiB,CAAC"}
|
package/build/types/index.d.ts
CHANGED
|
@@ -20,6 +20,7 @@ export type { BodyTypes, DisplayTypes, LayoutDirection, LinkTypes, TitleTypes, T
|
|
|
20
20
|
export type { BottomSheetProps } from './common/bottomSheet';
|
|
21
21
|
export type { DateInputProps } from './dateInput';
|
|
22
22
|
export type { DateLookupProps } from './dateLookup';
|
|
23
|
+
export type { CalendarProps } from './calendar';
|
|
23
24
|
export type { DecisionProps } from './decision/Decision';
|
|
24
25
|
export type { DefinitionListProps, DefinitionListDefinition } from './definitionList';
|
|
25
26
|
export type { DimmerProps } from './dimmer';
|
|
@@ -112,6 +113,7 @@ export { default as CriticalCommsBanner } from './criticalBanner';
|
|
|
112
113
|
export type { CriticalCommsBannerProps } from './criticalBanner';
|
|
113
114
|
export { default as DateInput } from './dateInput';
|
|
114
115
|
export { default as DateLookup } from './dateLookup';
|
|
116
|
+
export { default as Calendar } from './calendar';
|
|
115
117
|
export { default as Decision } from './decision';
|
|
116
118
|
export { default as DefinitionList } from './definitionList';
|
|
117
119
|
export { default as Dimmer } from './dimmer';
|