@utrecht/calendar-react 1.1.3 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utrecht/calendar-react",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "Calendar component for the Municipality of Utrecht based on the NL Design System architecture",
   "keywords": [
     "nl-design-system"
@@ -27,6 +27,7 @@
       "import": "./dist/css.mjs"
     },
     "./CHANGELOG.md": "./CHANGELOG.md",
+    "./src/*": "./src/*",
     "./dist": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs"
@@ -55,9 +56,9 @@
   "dependencies": {
     "clsx": "2.1.1",
     "date-fns": "4.1.0",
-    "lodash-es": "4.18.1",
-    "@utrecht/button-react": "3.0.2",
-    "@utrecht/calendar-css": "3.0.0"
+    "es-toolkit": "1.46.0",
+    "@utrecht/button-react": "3.0.3",
+    "@utrecht/calendar-css": "3.0.1"
   },
   "devDependencies": {
     "@testing-library/dom": "10.4.1",
@@ -65,7 +66,6 @@
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/jest": "29.5.14",
-    "@types/lodash-es": "4.17.12",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@types/testing-library__jest-dom": "5.14.9",
@@ -83,13 +83,14 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "scripts": {
-    "build": "rollup -c ./rollup.config.mjs",
+    "build": "rollup --config ./rollup.config.mjs && pnpm run init",
     "clean": "rimraf dist *.tsbuildinfo .rollup.cache coverage",
-    "disabled-test": "mkdir -p pages && jest --coverage --verbose",
     "init": "init-react-package",
+    "test": "mkdir -p pages && jest --coverage --verbose",
     "typecheck": "tsc --noEmit"
   }
 }

package/src/index.test.tsx

@@ -144,7 +144,15 @@ describe('Calendar', () => {
   it('renders year navigation buttons by default', () => {
     const currentDate = new Date(2023, 5, 15);
 
-    render(<Calendar onCalendarClick={() => {}} locale={nl} currentDate={currentDate} />);
+    render(
+      <Calendar
+        onCalendarClick={() => {}}
+        locale={nl}
+        currentDate={currentDate}
+        previousYearButtonTitle="vorig jaar"
+        nextYearButtonTitle="volgend jaar"
+      />,
+    );
 
     expect(screen.queryByRole('button', { name: 'vorig jaar' })).toBeInTheDocument();
     expect(screen.queryByRole('button', { name: 'volgend jaar' })).toBeInTheDocument();
@@ -153,7 +161,16 @@ describe('Calendar', () => {
   it('does not render year navigation buttons', () => {
     const currentDate = new Date(2023, 5, 15);
 
-    render(<Calendar onCalendarClick={() => {}} locale={nl} currentDate={currentDate} displayYearNavigation={false} />);
+    render(
+      <Calendar
+        onCalendarClick={() => {}}
+        locale={nl}
+        currentDate={currentDate}
+        previousYearButtonTitle="vorig jaar"
+        nextYearButtonTitle="volgend jaar"
+        displayYearNavigation={false}
+      />,
+    );
 
     expect(screen.queryByRole('button', { name: 'vorig jaar' })).not.toBeInTheDocument();
     expect(screen.queryByRole('button', { name: 'volgend jaar' })).not.toBeInTheDocument();

package/src/index.tsx

@@ -22,7 +22,7 @@ import {
   startOfWeek,
 } from 'date-fns';
 import { enUS } from 'date-fns/locale';
-import chunk from 'lodash-es/chunk';
+import { chunk } from 'es-toolkit/compat';
 import { useState } from 'react';
 import { CalendarNavigation } from './CalendarNavigation';
 import { CalendarNavigationButtons } from './CalendarNavigationButtons';
@@ -191,7 +191,7 @@ export const Calendar = ({
                         setSelectedDate(day.date);
                         onCalendarClick(formatISO(day.date));
                       }}
-                      aria-label={format(day.date, 'eeee dd LLLL Y', { locale })}
+                      aria-label={format(day.date, 'eeee dd LLLL y', { locale })}
                       day={day.date.getDate().toString()}
                       emphasis={day.emphasis}
                       selected={day.selected || (selectedDate && isSameDay(day.date, selectedDate))}