@utrecht/calendar-react 1.0.4 → 1.0.6

package/dist/insert-style.d.ts

@@ -0,0 +1,2 @@
+export declare const insertStyle: (css: string) => void;
+//# sourceMappingURL=insert-style.d.ts.map

package/dist/insert-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-style.d.ts","sourceRoot":"","sources":["../src/insert-style.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,QAAkB,MAAM,SAO/C,CAAC"}

package/package.json

@@ -1,71 +1,93 @@
 {
   "name": "@utrecht/calendar-react",
-  "version": "1.0.4",
-  "author": "Community for NL Design System",
+  "version": "1.0.6",
   "description": "Calendar component for the Municipality of Utrecht based on the NL Design System architecture",
+  "keywords": [
+    "nl-design-system"
+  ],
+  "homepage": "https://github.com/nl-design-system/utrecht/tree/main/packages/components-react/calendar-react#readme",
+  "bugs": {
+    "url": "https://github.com/nl-design-system/utrecht/issues"
+  },
+  "repository": {
+    "type": "git+ssh",
+    "url": "git+https://github.com/nl-design-system/utrecht.git",
+    "directory": "packages/components-react/calendar-react"
+  },
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "author": "Community for NL Design System",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./css": {
+      "types": "./dist/css.d.ts",
+      "import": "./dist/css.mjs"
+    },
+    "./dist": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/index": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/index.mjs": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/css": {
+      "types": "./dist/css.d.ts",
+      "import": "./dist/css.mjs"
+    },
+    "./dist/css.mjs": {
+      "types": "./dist/css.d.ts",
+      "import": "./dist/css.mjs"
+    }
+  },
   "files": [
     "dist/",
     "src/"
   ],
-  "sideEffects": false,
+  "dependencies": {
+    "clsx": "2.1.1",
+    "date-fns": "2.30.0",
+    "lodash-es": "4.17.21",
+    "@utrecht/button-react": "2.0.3",
+    "@utrecht/calendar-css": "1.3.0"
+  },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "7.24.7",
-    "@babel/preset-react": "7.24.7",
-    "@rollup/plugin-babel": "6.0.4",
-    "@rollup/plugin-commonjs": "26.0.1",
-    "@rollup/plugin-json": "6.1.0",
-    "@rollup/plugin-node-resolve": "15.2.3",
-    "@rollup/plugin-typescript": "12.1.0",
     "@testing-library/dom": "8.20.1",
     "@testing-library/jest-dom": "6.5.0",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.1",
     "@types/jest": "29.5.13",
-    "@types/lodash.chunk": "4.2.9",
+    "@types/lodash-es": "4.17.12",
     "@types/react": "18.3.3",
     "@types/testing-library__jest-dom": "5.14.9",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "react": "18.3.1",
     "rollup": "4.23.0",
-    "rollup-plugin-filesize": "10.0.0",
-    "rollup-plugin-node-externals": "7.1.2",
-    "rollup-plugin-peer-deps-external": "2.2.4",
-    "rollup-plugin-postcss": "4.0.2",
-    "rollup-plugin-typescript2": "0.36.0",
-    "typescript": "5.6.2"
-  },
-  "keywords": [
-    "nl-design-system"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git+ssh",
-    "url": "git@github.com:nl-design-system/utrecht.git",
-    "directory": "packages/components-react/calendar-react"
+    "typescript": "5.6.2",
+    "@utrecht/build-utils-react": "0.0.1"
   },
   "peerDependencies": {
     "@babel/runtime": "*",
     "react": "18",
     "react-dom": "18"
   },
-  "dependencies": {
-    "clsx": "2.1.1",
-    "date-fns": "2.30.0",
-    "lodash.chunk": "4.2.0",
-    "@utrecht/button-react": "2.0.1",
-    "@utrecht/calendar-css": "1.3.0"
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
-    "clean": "rimraf dist *.tsbuildinfo .rollup.cache coverage",
     "build": "rollup -c ./rollup.config.mjs",
-    "test": "mkdir -p pages && jest --coverage --verbose",
+    "clean": "rimraf dist *.tsbuildinfo .rollup.cache coverage",
+    "disabled-test": "mkdir -p pages && jest --coverage --verbose",
+    "init": "init-react-package",
     "typecheck": "tsc --noEmit"
   }
 }

package/src/css.tsx

@@ -4,7 +4,10 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 
-import '@utrecht/calendar-css/src/index.scss';
+import css from '@utrecht/calendar-css/dist/index.mjs';
+import { insertStyle } from './insert-style';
+
+insertStyle(css);
 
 export type { CalendarProps } from './index';
 export { Calendar } from './index';

package/src/index.tsx

@@ -21,7 +21,7 @@ import {
   startOfWeek,
 } from 'date-fns';
 import { enUS } from 'date-fns/locale';
-import chunk from 'lodash.chunk';
+import chunk from 'lodash-es/chunk';
 import { useState } from 'react';
 import { CalendarNavigation } from './CalendarNavigation';
 import { CalendarNavigationButtons } from './CalendarNavigationButtons';

package/src/insert-style.ts

@@ -0,0 +1,8 @@
+export const insertStyle = function (css: string) {
+  if (typeof document !== 'undefined') {
+    var head = document.head || document.getElementsByTagName('head')[0];
+    var style = document.createElement('style');
+    style.appendChild(document.createTextNode(css));
+    head.appendChild(style);
+  }
+};

package/dist/css.cjs

@@ -1,431 +0,0 @@
-'use strict';
-
-require('@utrecht/calendar-css/src/index.scss');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var jsxRuntime = require('react/jsx-runtime');
-var dateFns = require('date-fns');
-var locale = require('date-fns/locale');
-var chunk = require('lodash.chunk');
-var react = require('react');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var buttonReact = require('@utrecht/button-react');
-var clsx = require('clsx');
-
-var _excluded$c = ["children"];
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CalendarNavigation = function CalendarNavigation(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$c);
-  return jsxRuntime.jsx("div", _objectSpread$c(_objectSpread$c({
-    className: "utrecht-calendar__navigation"
-  }, props), {}, {
-    children: children
-  }));
-};
-
-var _excluded$b = ["children", "className"];
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CalendarButton = function CalendarButton(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$b);
-  return jsxRuntime.jsx(buttonReact.Button, _objectSpread$b(_objectSpread$b({
-    appearance: "subtle-button"
-  }, props), {}, {
-    className: clsx.clsx('utrecht-calendar__button', className),
-    children: children
-  }));
-};
-
-var _excluded$a = ["children"];
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CalendarIcon = function CalendarIcon(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$a);
-  return jsxRuntime.jsx("div", _objectSpread$a(_objectSpread$a({
-    className: clsx.clsx('utrecht-calendar__icon')
-  }, props), {}, {
-    children: children
-  }));
-};
-
-var _excluded$9 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
-  var onPreviousClick = _ref.onPreviousClick,
-    onNextClick = _ref.onNextClick,
-    previousIcon = _ref.previousIcon,
-    nextIcon = _ref.nextIcon,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$9);
-  return jsxRuntime.jsxs("div", {
-    className: "utrecht-calendar__navigation-buttons",
-    children: [jsxRuntime.jsx(CalendarButton, _objectSpread$9(_objectSpread$9({
-      onClick: onPreviousClick
-    }, props), {}, {
-      children: jsxRuntime.jsx(CalendarIcon, {
-        children: previousIcon
-      })
-    })), children, jsxRuntime.jsx(CalendarButton, _objectSpread$9(_objectSpread$9({
-      onClick: onNextClick
-    }, props), {}, {
-      children: jsxRuntime.jsx(CalendarIcon, {
-        children: nextIcon
-      })
-    }))]
-  });
-};
-
-var _excluded$8 = ["children"];
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$8);
-  return jsxRuntime.jsx("time", _objectSpread$8(_objectSpread$8({
-    className: "utrecht-calendar__navigation-label"
-  }, props), {}, {
-    children: children
-  }));
-};
-
-var _excluded$7 = ["children"];
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$7);
-  return jsxRuntime.jsx("tbody", _objectSpread$7(_objectSpread$7({}, props), {}, {
-    className: "utrecht-calendar__table-days-container",
-    children: children
-  }));
-};
-
-var _excluded$6 = ["children"];
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$6);
-  return jsxRuntime.jsx("tr", _objectSpread$6(_objectSpread$6({}, props), {}, {
-    children: children
-  }));
-};
-
-var _excluded$5 = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
-  var day = _ref.day,
-    dayOutOfTheMonth = _ref.dayOutOfTheMonth,
-    isToday = _ref.isToday,
-    emphasis = _ref.emphasis,
-    selected = _ref.selected,
-    disabled = _ref.disabled,
-    props = _objectWithoutProperties(_ref, _excluded$5);
-  return jsxRuntime.jsx("td", {
-    children: jsxRuntime.jsx(CalendarButton, _objectSpread$5(_objectSpread$5({
-      className: clsx('utrecht-calendar__table-days-item-day', {
-        'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
-      }, {
-        'utrecht-calendar__table-days-item-day--is-today': isToday
-      }, {
-        'utrecht-calendar__table-days-item-day--emphasis': emphasis
-      }, {
-        'utrecht-calendar__table-days-item-day--selected': selected
-      }),
-      disabled: disabled
-    }, props), {}, {
-      children: day
-    }))
-  });
-};
-
-var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
-  var children = _ref.children;
-  return jsxRuntime.jsx("thead", {
-    className: "utrecht-calendar__table-weeks-container",
-    children: jsxRuntime.jsx("tr", {
-      className: "utrecht-calendar__table-weeks-container-content",
-      children: children
-    })
-  });
-};
-
-var _excluded$4 = ["children"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$4);
-  return jsxRuntime.jsx("th", _objectSpread$4(_objectSpread$4({}, props), {}, {
-    className: "utrecht-calendar__table-weeks-item",
-    children: children
-  }));
-};
-
-var _excluded$3 = ["title", "titleId"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var IconArrowLeft = function IconArrowLeft(_ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    props = _objectWithoutProperties(_ref, _excluded$3);
-  return jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({
-    width: "100%",
-    height: "100%",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": titleId
-  }, props), {}, {
-    children: [title ? jsxRuntime.jsx("title", {
-      id: titleId,
-      children: title
-    }) : null, jsxRuntime.jsx("path", {
-      d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41Z",
-      fill: "currentColor"
-    })]
-  }));
-};
-
-var _excluded$2 = ["title", "titleId"];
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    props = _objectWithoutProperties(_ref, _excluded$2);
-  return jsxRuntime.jsxs("svg", _objectSpread$2(_objectSpread$2({
-    width: "100%",
-    height: "100%",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": titleId
-  }, props), {}, {
-    children: [title ? jsxRuntime.jsx("title", {
-      id: titleId,
-      children: title
-    }) : null, jsxRuntime.jsx("path", {
-      d: "M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6 6 6Z",
-      fill: "currentColor"
-    }), jsxRuntime.jsx("path", {
-      d: "m11 18 1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6 6 6Z",
-      fill: "currentColor"
-    })]
-  }));
-};
-
-var _excluded$1 = ["title", "titleId"];
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var IconArrowRight = function IconArrowRight(_ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    props = _objectWithoutProperties(_ref, _excluded$1);
-  return jsxRuntime.jsxs("svg", _objectSpread$1(_objectSpread$1({
-    width: "100%",
-    height: "100%",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": titleId
-  }, props), {}, {
-    children: [title ? jsxRuntime.jsx("title", {
-      id: titleId,
-      children: title
-    }) : null, jsxRuntime.jsx("path", {
-      d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41Z",
-      fill: "currentColor"
-    })]
-  }));
-};
-
-var _excluded = ["title", "titleId"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return jsxRuntime.jsxs("svg", _objectSpread(_objectSpread({
-    fill: "none",
-    width: "100%",
-    height: "100%",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": titleId
-  }, props), {}, {
-    children: [title ? jsxRuntime.jsx("title", {
-      id: titleId,
-      children: title
-    }) : null, jsxRuntime.jsx("path", {
-      d: "M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6-6-6Z",
-      fill: "currentColor"
-    }), jsxRuntime.jsx("path", {
-      d: "m13 6-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6-6-6Z",
-      fill: "currentColor"
-    })]
-  }));
-};
-
-function createCalendar(today) {
-  var start = dateFns.startOfWeek(dateFns.startOfMonth(today), {
-    weekStartsOn: 1 /* Monday */
-  });
-  var end = dateFns.endOfWeek(dateFns.addWeeks(start, 5), {
-    weekStartsOn: 1 /* Monday */
-  });
-  return dateFns.eachDayOfInterval({
-    start: start,
-    end: end
-  });
-}
-/**
- * Calendar Component
- * powered by date-fns, so that make it easy to use the `date-fns` date functions & locale
- * */
-var Calendar = function Calendar(_ref) {
-  var onCalendarClick = _ref.onCalendarClick,
-    events = _ref.events,
-    currentDate = _ref.currentDate,
-    _ref$locale = _ref.locale,
-    locale$1 = _ref$locale === void 0 ? locale.enUS : _ref$locale,
-    _ref$previousYearButt = _ref.previousYearButtonTitle,
-    previousYearButtonTitle = _ref$previousYearButt === void 0 ? 'Previous year' : _ref$previousYearButt,
-    _ref$nextYearButtonTi = _ref.nextYearButtonTitle,
-    nextYearButtonTitle = _ref$nextYearButtonTi === void 0 ? 'Next year' : _ref$nextYearButtonTi,
-    _ref$previousMonthBut = _ref.previousMonthButtonTitle,
-    previousMonthButtonTitle = _ref$previousMonthBut === void 0 ? 'Previous month' : _ref$previousMonthBut,
-    _ref$nextMonthButtonT = _ref.nextMonthButtonTitle,
-    nextMonthButtonTitle = _ref$nextMonthButtonT === void 0 ? 'Next month' : _ref$nextMonthButtonT,
-    minDate = _ref.minDate,
-    maxDate = _ref.maxDate;
-  var _useState = react.useState(currentDate || new Date()),
-    _useState2 = _slicedToArray(_useState, 2),
-    visibleMonth = _useState2[0],
-    setVisibleMonth = _useState2[1];
-  var _useState3 = react.useState(currentDate),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedDate = _useState4[0],
-    setSelectedDate = _useState4[1];
-  var calendar = createCalendar(visibleMonth);
-  var start = dateFns.startOfWeek(visibleMonth, {
-    weekStartsOn: 1
-  });
-  var end = dateFns.endOfWeek(visibleMonth, {
-    weekStartsOn: 1
-  });
-  var currentWeek = dateFns.eachDayOfInterval({
-    start: start,
-    end: end
-  }).map(function (day) {
-    return day;
-  });
-  var chunksWeeks = chunk(calendar, calendar.length / 6);
-  var weeks = chunksWeeks.map(function (week) {
-    return week.map(function (date) {
-      var currentEvent = events && events.length > 0 && events.find(function (e) {
-        return dateFns.isSameDay(dateFns.endOfDay(dateFns.parseISO(e.date)), date);
-      });
-      if (currentEvent) {
-        return {
-          date: date,
-          emphasis: currentEvent.emphasis,
-          selected: currentEvent.selected,
-          disabled: currentEvent.disabled
-        };
-      } else {
-        return {
-          date: date,
-          emphasis: false,
-          selected: false,
-          disabled: false
-        };
-      }
-    });
-  });
-  return jsxRuntime.jsxs("div", {
-    className: "utrecht-calendar",
-    children: [jsxRuntime.jsx(CalendarNavigation, {
-      children: jsxRuntime.jsx(CalendarNavigationButtons, {
-        previousIcon: jsxRuntime.jsx(IconArrowLeftDouble, {
-          title: previousYearButtonTitle
-        }),
-        nextIcon: jsxRuntime.jsx(IconArrowRightDouble, {
-          title: nextYearButtonTitle
-        }),
-        onPreviousClick: function onPreviousClick() {
-          return setVisibleMonth(dateFns.setYear(visibleMonth, dateFns.getYear(visibleMonth) - 1));
-        },
-        onNextClick: function onNextClick() {
-          return setVisibleMonth(dateFns.addYears(visibleMonth, 1));
-        },
-        children: jsxRuntime.jsx(CalendarNavigationButtons, {
-          previousIcon: jsxRuntime.jsx(IconArrowLeft, {
-            title: previousMonthButtonTitle
-          }),
-          nextIcon: jsxRuntime.jsx(IconArrowRight, {
-            title: nextMonthButtonTitle
-          }),
-          onPreviousClick: function onPreviousClick() {
-            return setVisibleMonth(dateFns.setMonth(visibleMonth, visibleMonth.getMonth() - 1));
-          },
-          onNextClick: function onNextClick() {
-            return setVisibleMonth(dateFns.addMonths(visibleMonth, 1));
-          },
-          children: jsxRuntime.jsx(CalendarNavigationLabel, {
-            dateTime: dateFns.format(visibleMonth, 'yyyy-mm'),
-            children: dateFns.format(visibleMonth, 'LLLL Y', {
-              locale: locale$1
-            })
-          })
-        })
-      })
-    }), jsxRuntime.jsxs("table", {
-      className: "utrecht-calendar__table",
-      role: "grid",
-      children: [jsxRuntime.jsx(CalendarTableWeeksContainer, {
-        children: currentWeek && currentWeek.length > 0 && currentWeek.map(function (day, index) {
-          return jsxRuntime.jsx(CalendarTableWeeksItem, {
-            scope: "col",
-            abbr: dateFns.format(day, 'EEEE', {
-              locale: locale$1
-            }),
-            children: dateFns.format(day, 'EEEEEE', {
-              locale: locale$1
-            })
-          }, index);
-        })
-      }), jsxRuntime.jsx(CalendarTableDaysContainer, {
-        children: weeks && weeks.length > 0 && weeks.map(function (week, index) {
-          return jsxRuntime.jsx(CalendarTableDaysItem, {
-            children: week.map(function (day, index) {
-              return jsxRuntime.jsx(CalendarTableDaysItemDay, {
-                isToday: dateFns.isSameDay(day.date, Date.now()),
-                dayOutOfTheMonth: !dateFns.isSameMonth(day.date, visibleMonth),
-                onClick: function onClick() {
-                  setVisibleMonth(day.date);
-                  setSelectedDate(day.date);
-                  onCalendarClick(dateFns.formatISO(day.date));
-                },
-                "aria-label": dateFns.format(day.date, 'eeee dd LLLL Y', {
-                  locale: locale$1
-                }),
-                day: day.date.getDate().toString(),
-                emphasis: day.emphasis,
-                selected: day.selected || selectedDate && dateFns.isSameDay(day.date, selectedDate),
-                disabled: day.disabled || minDate && dateFns.isBefore(day.date, dateFns.startOfDay(minDate)) || maxDate && dateFns.isAfter(day.date, dateFns.endOfDay(maxDate))
-              }, index);
-            })
-          }, index);
-        })
-      })]
-    })]
-  });
-};
-
-exports.Calendar = Calendar;
-//# sourceMappingURL=css.cjs.map