@utrecht/calendar-react 1.1.4 → 1.1.5
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/dist/css.mjs +1 -1
- package/dist/css.mjs.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/src/index.test.tsx +19 -2
- package/src/index.tsx +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@utrecht/calendar-react",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.5",
|
|
4
4
|
"description": "Calendar component for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"nl-design-system"
|
|
@@ -89,8 +89,8 @@
|
|
|
89
89
|
"scripts": {
|
|
90
90
|
"build": "rollup --config ./rollup.config.mjs && pnpm run init",
|
|
91
91
|
"clean": "rimraf dist *.tsbuildinfo .rollup.cache coverage",
|
|
92
|
-
"disabled-test": "mkdir -p pages && jest --coverage --verbose",
|
|
93
92
|
"init": "init-react-package",
|
|
93
|
+
"test": "mkdir -p pages && jest --coverage --verbose",
|
|
94
94
|
"typecheck": "tsc --noEmit"
|
|
95
95
|
}
|
|
96
96
|
}
|
package/src/index.test.tsx
CHANGED
|
@@ -144,7 +144,15 @@ describe('Calendar', () => {
|
|
|
144
144
|
it('renders year navigation buttons by default', () => {
|
|
145
145
|
const currentDate = new Date(2023, 5, 15);
|
|
146
146
|
|
|
147
|
-
render(
|
|
147
|
+
render(
|
|
148
|
+
<Calendar
|
|
149
|
+
onCalendarClick={() => {}}
|
|
150
|
+
locale={nl}
|
|
151
|
+
currentDate={currentDate}
|
|
152
|
+
previousYearButtonTitle="vorig jaar"
|
|
153
|
+
nextYearButtonTitle="volgend jaar"
|
|
154
|
+
/>,
|
|
155
|
+
);
|
|
148
156
|
|
|
149
157
|
expect(screen.queryByRole('button', { name: 'vorig jaar' })).toBeInTheDocument();
|
|
150
158
|
expect(screen.queryByRole('button', { name: 'volgend jaar' })).toBeInTheDocument();
|
|
@@ -153,7 +161,16 @@ describe('Calendar', () => {
|
|
|
153
161
|
it('does not render year navigation buttons', () => {
|
|
154
162
|
const currentDate = new Date(2023, 5, 15);
|
|
155
163
|
|
|
156
|
-
render(
|
|
164
|
+
render(
|
|
165
|
+
<Calendar
|
|
166
|
+
onCalendarClick={() => {}}
|
|
167
|
+
locale={nl}
|
|
168
|
+
currentDate={currentDate}
|
|
169
|
+
previousYearButtonTitle="vorig jaar"
|
|
170
|
+
nextYearButtonTitle="volgend jaar"
|
|
171
|
+
displayYearNavigation={false}
|
|
172
|
+
/>,
|
|
173
|
+
);
|
|
157
174
|
|
|
158
175
|
expect(screen.queryByRole('button', { name: 'vorig jaar' })).not.toBeInTheDocument();
|
|
159
176
|
expect(screen.queryByRole('button', { name: 'volgend jaar' })).not.toBeInTheDocument();
|
package/src/index.tsx
CHANGED
|
@@ -191,7 +191,7 @@ export const Calendar = ({
|
|
|
191
191
|
setSelectedDate(day.date);
|
|
192
192
|
onCalendarClick(formatISO(day.date));
|
|
193
193
|
}}
|
|
194
|
-
aria-label={format(day.date, 'eeee dd LLLL
|
|
194
|
+
aria-label={format(day.date, 'eeee dd LLLL y', { locale })}
|
|
195
195
|
day={day.date.getDate().toString()}
|
|
196
196
|
emphasis={day.emphasis}
|
|
197
197
|
selected={day.selected || (selectedDate && isSameDay(day.date, selectedDate))}
|