@utrecht/calendar-react 1.0.0 → 1.0.2

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 (38) hide show
  1. package/dist/CalendarButton.d.ts +5 -5
  2. package/dist/CalendarButton.d.ts.map +1 -1
  3. package/dist/CalendarIcon.d.ts +4 -4
  4. package/dist/CalendarIcon.d.ts.map +1 -1
  5. package/dist/CalendarNavigation.d.ts +4 -4
  6. package/dist/CalendarNavigation.d.ts.map +1 -1
  7. package/dist/CalendarNavigationButtons.d.ts +12 -12
  8. package/dist/CalendarNavigationButtons.d.ts.map +1 -1
  9. package/dist/CalendarNavigationLabel.d.ts +4 -4
  10. package/dist/CalendarNavigationLabel.d.ts.map +1 -1
  11. package/dist/CalendarTableDaysContainer.d.ts +4 -4
  12. package/dist/CalendarTableDaysContainer.d.ts.map +1 -1
  13. package/dist/CalendarTableDaysItem.d.ts +4 -4
  14. package/dist/CalendarTableDaysItem.d.ts.map +1 -1
  15. package/dist/CalendarTableDaysItemDay.d.ts +11 -11
  16. package/dist/CalendarTableDaysItemDay.d.ts.map +1 -1
  17. package/dist/CalendarTableWeeksContainer.d.ts +2 -2
  18. package/dist/CalendarTableWeeksItem.d.ts +4 -4
  19. package/dist/CalendarTableWeeksItem.d.ts.map +1 -1
  20. package/dist/IconArrowLeft.d.ts +7 -7
  21. package/dist/IconArrowLeft.d.ts.map +1 -1
  22. package/dist/IconArrowLeftDouble.d.ts +7 -7
  23. package/dist/IconArrowLeftDouble.d.ts.map +1 -1
  24. package/dist/IconArrowRight.d.ts +7 -7
  25. package/dist/IconArrowRight.d.ts.map +1 -1
  26. package/dist/IconArrowRightDouble.d.ts +7 -7
  27. package/dist/IconArrowRightDouble.d.ts.map +1 -1
  28. package/dist/css.d.ts +7 -7
  29. package/dist/css.js +271 -333
  30. package/dist/css.js.map +1 -1
  31. package/dist/css.mjs +276 -338
  32. package/dist/css.mjs.map +1 -1
  33. package/dist/index.cjs.js +270 -333
  34. package/dist/index.cjs.js.map +1 -1
  35. package/dist/index.d.ts +41 -41
  36. package/dist/index.esm.js +275 -338
  37. package/dist/index.esm.js.map +1 -1
  38. package/package.json +38 -10
package/dist/index.cjs.js CHANGED
@@ -1,218 +1,134 @@
1
1
  'use strict';
2
2
 
3
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
3
4
  var jsxRuntime = require('react/jsx-runtime');
4
5
  var dateFns = require('date-fns');
5
6
  var locale = require('date-fns/locale');
6
7
  var chunk = require('lodash.chunk');
7
8
  var react = require('react');
9
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
10
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
11
+ var buttonReact = require('@utrecht/button-react');
8
12
  var clsx = require('clsx');
9
13
 
10
- /******************************************************************************
11
- Copyright (c) Microsoft Corporation.
12
-
13
- Permission to use, copy, modify, and/or distribute this software for any
14
- purpose with or without fee is hereby granted.
15
-
16
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
17
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
18
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
19
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
20
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
21
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
22
- PERFORMANCE OF THIS SOFTWARE.
23
- ***************************************************************************** */
24
- /* global Reflect, Promise, SuppressedError, Symbol */
25
-
26
-
27
- function __rest$1(s, e) {
28
- var t = {};
29
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
30
- t[p] = s[p];
31
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
32
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
33
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
34
- t[p[i]] = s[p[i]];
35
- }
36
- return t;
37
- }
38
-
39
- typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
40
- var e = new Error(message);
41
- return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
42
- };
43
-
44
- const CalendarNavigation = _a => {
45
- var {
46
- children
47
- } = _a,
48
- props = __rest$1(_a, ["children"]);
49
- return jsxRuntime.jsx("div", Object.assign({
14
+ var _excluded$c = ["children"];
15
+ 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; }
16
+ 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; }
17
+ var CalendarNavigation = function CalendarNavigation(_ref) {
18
+ var children = _ref.children,
19
+ props = _objectWithoutProperties(_ref, _excluded$c);
20
+ return jsxRuntime.jsx("div", _objectSpread$c(_objectSpread$c({
50
21
  className: "utrecht-calendar__navigation"
51
- }, props, {
22
+ }, props), {}, {
52
23
  children: children
53
24
  }));
54
25
  };
55
26
 
56
- /******************************************************************************
57
- Copyright (c) Microsoft Corporation.
58
-
59
- Permission to use, copy, modify, and/or distribute this software for any
60
- purpose with or without fee is hereby granted.
61
-
62
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
63
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
64
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
65
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
66
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
67
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
68
- PERFORMANCE OF THIS SOFTWARE.
69
- ***************************************************************************** */
70
- /* global Reflect, Promise, SuppressedError, Symbol */
71
-
72
-
73
- function __rest(s, e) {
74
- var t = {};
75
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
76
- t[p] = s[p];
77
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
78
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
79
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
80
- t[p[i]] = s[p[i]];
81
- }
82
- return t;
83
- }
84
-
85
- typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
86
- var e = new Error(message);
87
- return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
88
- };
89
-
90
- const Button = /*#__PURE__*/react.forwardRef((_a, ref) => {
91
- var {
92
- appearance,
93
- busy,
94
- disabled,
95
- children,
96
- className,
97
- hint,
98
- pressed,
99
- type
100
- } = _a,
101
- restProps = __rest(_a, ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"]);
102
- return jsxRuntime.jsx("button", Object.assign({
103
- ref: ref,
104
- className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),
105
- "aria-busy": busy || undefined,
106
- "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
107
- disabled: disabled,
108
- type: type || 'button'
109
- }, restProps, {
110
- children: children
111
- }));
112
- });
113
- Button.displayName = 'Button';
114
-
115
- const CalendarButton = _a => {
116
- var {
117
- children,
118
- className
119
- } = _a,
120
- props = __rest$1(_a, ["children", "className"]);
121
- return jsxRuntime.jsx(Button, Object.assign({
27
+ var _excluded$b = ["children", "className"];
28
+ 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; }
29
+ 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; }
30
+ var CalendarButton = function CalendarButton(_ref) {
31
+ var children = _ref.children,
32
+ className = _ref.className,
33
+ props = _objectWithoutProperties(_ref, _excluded$b);
34
+ return jsxRuntime.jsx(buttonReact.Button, _objectSpread$b(_objectSpread$b({
122
35
  appearance: "subtle-button"
123
- }, props, {
124
- className: clsx.clsx('utrecht-calendar__button', className)
125
- }, {
36
+ }, props), {}, {
37
+ className: clsx.clsx('utrecht-calendar__button', className),
126
38
  children: children
127
39
  }));
128
40
  };
129
41
 
130
- const CalendarIcon = _a => {
131
- var {
132
- children
133
- } = _a,
134
- props = __rest$1(_a, ["children"]);
135
- return jsxRuntime.jsx("div", Object.assign({
42
+ var _excluded$a = ["children"];
43
+ 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; }
44
+ 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; }
45
+ var CalendarIcon = function CalendarIcon(_ref) {
46
+ var children = _ref.children,
47
+ props = _objectWithoutProperties(_ref, _excluded$a);
48
+ return jsxRuntime.jsx("div", _objectSpread$a(_objectSpread$a({
136
49
  className: clsx.clsx('utrecht-calendar__icon')
137
- }, props, {
50
+ }, props), {}, {
138
51
  children: children
139
52
  }));
140
53
  };
141
54
 
142
- const CalendarNavigationButtons = _a => {
143
- var {
144
- onPreviousClick,
145
- onNextClick,
146
- previousIcon,
147
- nextIcon,
148
- children
149
- } = _a,
150
- props = __rest$1(_a, ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"]);
151
- return jsxRuntime.jsxs("div", Object.assign({
152
- className: "utrecht-calendar__navigation-buttons"
153
- }, {
154
- children: [jsxRuntime.jsx(CalendarButton, Object.assign({
55
+ var _excluded$9 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
56
+ 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; }
57
+ 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; }
58
+ var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
59
+ var onPreviousClick = _ref.onPreviousClick,
60
+ onNextClick = _ref.onNextClick,
61
+ previousIcon = _ref.previousIcon,
62
+ nextIcon = _ref.nextIcon,
63
+ children = _ref.children,
64
+ props = _objectWithoutProperties(_ref, _excluded$9);
65
+ return jsxRuntime.jsxs("div", {
66
+ className: "utrecht-calendar__navigation-buttons",
67
+ children: [jsxRuntime.jsx(CalendarButton, _objectSpread$9(_objectSpread$9({
155
68
  onClick: onPreviousClick
156
- }, props, {
69
+ }, props), {}, {
157
70
  children: jsxRuntime.jsx(CalendarIcon, {
158
71
  children: previousIcon
159
72
  })
160
- })), children, jsxRuntime.jsx(CalendarButton, Object.assign({
73
+ })), children, jsxRuntime.jsx(CalendarButton, _objectSpread$9(_objectSpread$9({
161
74
  onClick: onNextClick
162
- }, props, {
75
+ }, props), {}, {
163
76
  children: jsxRuntime.jsx(CalendarIcon, {
164
77
  children: nextIcon
165
78
  })
166
79
  }))]
167
- }));
80
+ });
168
81
  };
169
82
 
170
- const CalendarNavigationLabel = _a => {
171
- var {
172
- children
173
- } = _a,
174
- props = __rest$1(_a, ["children"]);
175
- return jsxRuntime.jsx("time", Object.assign({
83
+ var _excluded$8 = ["children"];
84
+ 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; }
85
+ 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; }
86
+ var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
87
+ var children = _ref.children,
88
+ props = _objectWithoutProperties(_ref, _excluded$8);
89
+ return jsxRuntime.jsx("time", _objectSpread$8(_objectSpread$8({
176
90
  className: "utrecht-calendar__navigation-label"
177
- }, props, {
91
+ }, props), {}, {
178
92
  children: children
179
93
  }));
180
94
  };
181
95
 
182
- const CalendarTableDaysContainer = _a => {
183
- var {
184
- children
185
- } = _a,
186
- props = __rest$1(_a, ["children"]);
187
- return jsxRuntime.jsx("tbody", Object.assign({}, props, {
188
- className: "utrecht-calendar__table-days-container"
189
- }, {
96
+ var _excluded$7 = ["children"];
97
+ 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; }
98
+ 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; }
99
+ var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
100
+ var children = _ref.children,
101
+ props = _objectWithoutProperties(_ref, _excluded$7);
102
+ return jsxRuntime.jsx("tbody", _objectSpread$7(_objectSpread$7({}, props), {}, {
103
+ className: "utrecht-calendar__table-days-container",
190
104
  children: children
191
105
  }));
192
106
  };
193
107
 
194
- const CalendarTableDaysItem = _a => {
195
- var {
196
- children
197
- } = _a,
198
- props = __rest$1(_a, ["children"]);
199
- return jsxRuntime.jsx("tr", Object.assign({}, props, {
108
+ var _excluded$6 = ["children"];
109
+ 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; }
110
+ 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; }
111
+ var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
112
+ var children = _ref.children,
113
+ props = _objectWithoutProperties(_ref, _excluded$6);
114
+ return jsxRuntime.jsx("tr", _objectSpread$6(_objectSpread$6({}, props), {}, {
200
115
  children: children
201
116
  }));
202
117
  };
203
118
 
204
- const CalendarTableDaysItemDay = _a => {
205
- var {
206
- day,
207
- dayOutOfTheMonth,
208
- isToday,
209
- emphasis,
210
- selected,
211
- disabled
212
- } = _a,
213
- props = __rest$1(_a, ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"]);
119
+ var _excluded$5 = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
120
+ 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; }
121
+ 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; }
122
+ var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
123
+ var day = _ref.day,
124
+ dayOutOfTheMonth = _ref.dayOutOfTheMonth,
125
+ isToday = _ref.isToday,
126
+ emphasis = _ref.emphasis,
127
+ selected = _ref.selected,
128
+ disabled = _ref.disabled,
129
+ props = _objectWithoutProperties(_ref, _excluded$5);
214
130
  return jsxRuntime.jsx("td", {
215
- children: jsxRuntime.jsx(CalendarButton, Object.assign({
131
+ children: jsxRuntime.jsx(CalendarButton, _objectSpread$5(_objectSpread$5({
216
132
  className: clsx('utrecht-calendar__table-days-item-day', {
217
133
  'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
218
134
  }, {
@@ -223,78 +139,77 @@ const CalendarTableDaysItemDay = _a => {
223
139
  'utrecht-calendar__table-days-item-day--selected': selected
224
140
  }),
225
141
  disabled: disabled
226
- }, props, {
142
+ }, props), {}, {
227
143
  children: day
228
144
  }))
229
145
  });
230
146
  };
231
147
 
232
- const CalendarTableWeeksContainer = ({
233
- children
234
- }) => jsxRuntime.jsx("thead", Object.assign({
235
- className: "utrecht-calendar__table-weeks-container"
236
- }, {
237
- children: jsxRuntime.jsx("tr", Object.assign({
238
- className: "utrecht-calendar__table-weeks-container-content"
239
- }, {
240
- children: children
241
- }))
242
- }));
148
+ var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
149
+ var children = _ref.children;
150
+ return jsxRuntime.jsx("thead", {
151
+ className: "utrecht-calendar__table-weeks-container",
152
+ children: jsxRuntime.jsx("tr", {
153
+ className: "utrecht-calendar__table-weeks-container-content",
154
+ children: children
155
+ })
156
+ });
157
+ };
243
158
 
244
- const CalendarTableWeeksItem = _a => {
245
- var {
246
- children
247
- } = _a,
248
- props = __rest$1(_a, ["children"]);
249
- return jsxRuntime.jsx("th", Object.assign({}, props, {
250
- className: "utrecht-calendar__table-weeks-item"
251
- }, {
159
+ var _excluded$4 = ["children"];
160
+ 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; }
161
+ 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; }
162
+ var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
163
+ var children = _ref.children,
164
+ props = _objectWithoutProperties(_ref, _excluded$4);
165
+ return jsxRuntime.jsx("th", _objectSpread$4(_objectSpread$4({}, props), {}, {
166
+ className: "utrecht-calendar__table-weeks-item",
252
167
  children: children
253
168
  }));
254
169
  };
255
170
 
256
- const IconArrowLeft = _a => {
257
- var {
258
- title,
259
- titleId
260
- } = _a,
261
- props = __rest$1(_a, ["title", "titleId"]);
262
- return jsxRuntime.jsxs("svg", Object.assign({
171
+ var _excluded$3 = ["title", "titleId"];
172
+ 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; }
173
+ 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; }
174
+ var IconArrowLeft = function IconArrowLeft(_ref) {
175
+ var title = _ref.title,
176
+ titleId = _ref.titleId,
177
+ props = _objectWithoutProperties(_ref, _excluded$3);
178
+ return jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({
263
179
  width: "100%",
264
180
  height: "100%",
265
181
  fill: "none",
266
182
  xmlns: "http://www.w3.org/2000/svg",
267
183
  "aria-labelledby": titleId
268
- }, props, {
269
- children: [title ? jsxRuntime.jsx("title", Object.assign({
270
- id: titleId
271
- }, {
184
+ }, props), {}, {
185
+ children: [title ? jsxRuntime.jsx("title", {
186
+ id: titleId,
272
187
  children: title
273
- })) : null, jsxRuntime.jsx("path", {
188
+ }) : null, jsxRuntime.jsx("path", {
274
189
  d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41Z",
275
190
  fill: "currentColor"
276
191
  })]
277
192
  }));
278
193
  };
279
194
 
280
- const IconArrowLeftDouble = _a => {
281
- var {
282
- title,
283
- titleId
284
- } = _a,
285
- props = __rest$1(_a, ["title", "titleId"]);
286
- return jsxRuntime.jsxs("svg", Object.assign({
195
+ var _excluded$2 = ["title", "titleId"];
196
+ 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; }
197
+ 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; }
198
+ var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
199
+ var title = _ref.title,
200
+ titleId = _ref.titleId,
201
+ props = _objectWithoutProperties(_ref, _excluded$2);
202
+ return jsxRuntime.jsxs("svg", _objectSpread$2(_objectSpread$2({
287
203
  width: "100%",
288
204
  height: "100%",
289
205
  fill: "none",
290
206
  xmlns: "http://www.w3.org/2000/svg",
291
207
  "aria-labelledby": titleId
292
- }, props, {
293
- children: [title ? jsxRuntime.jsx("title", Object.assign({
294
- id: titleId
295
- }, {
208
+ }, props), {}, {
209
+ children: [title ? jsxRuntime.jsx("title", {
210
+ id: titleId,
296
211
  children: title
297
- })) : null, jsxRuntime.jsx("path", {
212
+ }) : null, jsxRuntime.jsx("path", {
298
213
  d: "M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6 6 6Z",
299
214
  fill: "currentColor"
300
215
  }), jsxRuntime.jsx("path", {
@@ -304,48 +219,48 @@ const IconArrowLeftDouble = _a => {
304
219
  }));
305
220
  };
306
221
 
307
- const IconArrowRight = _a => {
308
- var {
309
- title,
310
- titleId
311
- } = _a,
312
- props = __rest$1(_a, ["title", "titleId"]);
313
- return jsxRuntime.jsxs("svg", Object.assign({
222
+ var _excluded$1 = ["title", "titleId"];
223
+ 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; }
224
+ 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; }
225
+ var IconArrowRight = function IconArrowRight(_ref) {
226
+ var title = _ref.title,
227
+ titleId = _ref.titleId,
228
+ props = _objectWithoutProperties(_ref, _excluded$1);
229
+ return jsxRuntime.jsxs("svg", _objectSpread$1(_objectSpread$1({
314
230
  width: "100%",
315
231
  height: "100%",
316
232
  fill: "none",
317
233
  xmlns: "http://www.w3.org/2000/svg",
318
234
  "aria-labelledby": titleId
319
- }, props, {
320
- children: [title ? jsxRuntime.jsx("title", Object.assign({
321
- id: titleId
322
- }, {
235
+ }, props), {}, {
236
+ children: [title ? jsxRuntime.jsx("title", {
237
+ id: titleId,
323
238
  children: title
324
- })) : null, jsxRuntime.jsx("path", {
239
+ }) : null, jsxRuntime.jsx("path", {
325
240
  d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41Z",
326
241
  fill: "currentColor"
327
242
  })]
328
243
  }));
329
244
  };
330
245
 
331
- const IconArrowRightDouble = _a => {
332
- var {
333
- title,
334
- titleId
335
- } = _a,
336
- props = __rest$1(_a, ["title", "titleId"]);
337
- return jsxRuntime.jsxs("svg", Object.assign({
246
+ var _excluded = ["title", "titleId"];
247
+ 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; }
248
+ 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; }
249
+ var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
250
+ var title = _ref.title,
251
+ titleId = _ref.titleId,
252
+ props = _objectWithoutProperties(_ref, _excluded);
253
+ return jsxRuntime.jsxs("svg", _objectSpread(_objectSpread({
338
254
  fill: "none",
339
255
  width: "100%",
340
256
  height: "100%",
341
257
  xmlns: "http://www.w3.org/2000/svg",
342
258
  "aria-labelledby": titleId
343
- }, props, {
344
- children: [title ? jsxRuntime.jsx("title", Object.assign({
345
- id: titleId
346
- }, {
259
+ }, props), {}, {
260
+ children: [title ? jsxRuntime.jsx("title", {
261
+ id: titleId,
347
262
  children: title
348
- })) : null, jsxRuntime.jsx("path", {
263
+ }) : null, jsxRuntime.jsx("path", {
349
264
  d: "M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6-6-6Z",
350
265
  fill: "currentColor"
351
266
  }), jsxRuntime.jsx("path", {
@@ -356,137 +271,159 @@ const IconArrowRightDouble = _a => {
356
271
  };
357
272
 
358
273
  function createCalendar(today) {
359
- const start = dateFns.startOfWeek(dateFns.startOfMonth(today), {
274
+ var start = dateFns.startOfWeek(dateFns.startOfMonth(today), {
360
275
  weekStartsOn: 1 /* Monday */
361
276
  });
362
- const end = dateFns.endOfWeek(dateFns.addWeeks(start, 5), {
277
+ var end = dateFns.endOfWeek(dateFns.addWeeks(start, 5), {
363
278
  weekStartsOn: 1 /* Monday */
364
279
  });
365
280
  return dateFns.eachDayOfInterval({
366
- start,
367
- end
281
+ start: start,
282
+ end: end
368
283
  });
369
284
  }
370
- /**
371
- * Calendar Component
372
- * powered by date-fns, so that make it easy to use the `date-fns` date functions & locale
285
+ /**
286
+ * Calendar Component
287
+ * powered by date-fns, so that make it easy to use the `date-fns` date functions & locale
373
288
  * */
374
- const Calendar = ({
375
- onCalendarClick,
376
- events,
377
- currentDate,
378
- locale: locale$1 = locale.enUS,
379
- previousYearButtonTitle = 'Previous year',
380
- nextYearButtonTitle = 'Next year',
381
- previousMonthButtonTitle = 'Previous month',
382
- nextMonthButtonTitle = 'Next month',
383
- minDate,
384
- maxDate
385
- }) => {
386
- const [visibleMonth, setVisibleMonth] = react.useState(currentDate || new Date());
387
- const [selectedDate, setSelectedDate] = react.useState(currentDate);
388
- const calendar = createCalendar(visibleMonth);
389
- const start = dateFns.startOfWeek(visibleMonth, {
289
+ var Calendar = function Calendar(_ref) {
290
+ var onCalendarClick = _ref.onCalendarClick,
291
+ events = _ref.events,
292
+ currentDate = _ref.currentDate,
293
+ _ref$locale = _ref.locale,
294
+ locale$1 = _ref$locale === void 0 ? locale.enUS : _ref$locale,
295
+ _ref$previousYearButt = _ref.previousYearButtonTitle,
296
+ previousYearButtonTitle = _ref$previousYearButt === void 0 ? 'Previous year' : _ref$previousYearButt,
297
+ _ref$nextYearButtonTi = _ref.nextYearButtonTitle,
298
+ nextYearButtonTitle = _ref$nextYearButtonTi === void 0 ? 'Next year' : _ref$nextYearButtonTi,
299
+ _ref$previousMonthBut = _ref.previousMonthButtonTitle,
300
+ previousMonthButtonTitle = _ref$previousMonthBut === void 0 ? 'Previous month' : _ref$previousMonthBut,
301
+ _ref$nextMonthButtonT = _ref.nextMonthButtonTitle,
302
+ nextMonthButtonTitle = _ref$nextMonthButtonT === void 0 ? 'Next month' : _ref$nextMonthButtonT,
303
+ minDate = _ref.minDate,
304
+ maxDate = _ref.maxDate;
305
+ var _useState = react.useState(currentDate || new Date()),
306
+ _useState2 = _slicedToArray(_useState, 2),
307
+ visibleMonth = _useState2[0],
308
+ setVisibleMonth = _useState2[1];
309
+ var _useState3 = react.useState(currentDate),
310
+ _useState4 = _slicedToArray(_useState3, 2),
311
+ selectedDate = _useState4[0],
312
+ setSelectedDate = _useState4[1];
313
+ var calendar = createCalendar(visibleMonth);
314
+ var start = dateFns.startOfWeek(visibleMonth, {
390
315
  weekStartsOn: 1
391
316
  });
392
- const end = dateFns.endOfWeek(visibleMonth, {
317
+ var end = dateFns.endOfWeek(visibleMonth, {
393
318
  weekStartsOn: 1
394
319
  });
395
- const currentWeek = dateFns.eachDayOfInterval({
396
- start,
397
- end
398
- }).map(day => day);
399
- const chunksWeeks = chunk(calendar, calendar.length / 6);
400
- const weeks = chunksWeeks.map(week => week.map(date => {
401
- const currentEvent = events && events.length > 0 && events.find(e => dateFns.isSameDay(dateFns.endOfDay(dateFns.parseISO(e.date)), date));
402
- if (currentEvent) {
403
- return {
404
- date,
405
- emphasis: currentEvent.emphasis,
406
- selected: currentEvent.selected,
407
- disabled: currentEvent.disabled
408
- };
409
- } else {
410
- return {
411
- date,
412
- emphasis: false,
413
- selected: false,
414
- disabled: false
415
- };
416
- }
417
- }));
418
- return jsxRuntime.jsxs("div", Object.assign({
419
- className: "utrecht-calendar"
420
- }, {
320
+ var currentWeek = dateFns.eachDayOfInterval({
321
+ start: start,
322
+ end: end
323
+ }).map(function (day) {
324
+ return day;
325
+ });
326
+ var chunksWeeks = chunk(calendar, calendar.length / 6);
327
+ var weeks = chunksWeeks.map(function (week) {
328
+ return week.map(function (date) {
329
+ var currentEvent = events && events.length > 0 && events.find(function (e) {
330
+ return dateFns.isSameDay(dateFns.endOfDay(dateFns.parseISO(e.date)), date);
331
+ });
332
+ if (currentEvent) {
333
+ return {
334
+ date: date,
335
+ emphasis: currentEvent.emphasis,
336
+ selected: currentEvent.selected,
337
+ disabled: currentEvent.disabled
338
+ };
339
+ } else {
340
+ return {
341
+ date: date,
342
+ emphasis: false,
343
+ selected: false,
344
+ disabled: false
345
+ };
346
+ }
347
+ });
348
+ });
349
+ return jsxRuntime.jsxs("div", {
350
+ className: "utrecht-calendar",
421
351
  children: [jsxRuntime.jsx(CalendarNavigation, {
422
- children: jsxRuntime.jsx(CalendarNavigationButtons, Object.assign({
352
+ children: jsxRuntime.jsx(CalendarNavigationButtons, {
423
353
  previousIcon: jsxRuntime.jsx(IconArrowLeftDouble, {
424
354
  title: previousYearButtonTitle
425
355
  }),
426
356
  nextIcon: jsxRuntime.jsx(IconArrowRightDouble, {
427
357
  title: nextYearButtonTitle
428
358
  }),
429
- onPreviousClick: () => setVisibleMonth(dateFns.setYear(visibleMonth, dateFns.getYear(visibleMonth) - 1)),
430
- onNextClick: () => setVisibleMonth(dateFns.addYears(visibleMonth, 1))
431
- }, {
432
- children: jsxRuntime.jsx(CalendarNavigationButtons, Object.assign({
359
+ onPreviousClick: function onPreviousClick() {
360
+ return setVisibleMonth(dateFns.setYear(visibleMonth, dateFns.getYear(visibleMonth) - 1));
361
+ },
362
+ onNextClick: function onNextClick() {
363
+ return setVisibleMonth(dateFns.addYears(visibleMonth, 1));
364
+ },
365
+ children: jsxRuntime.jsx(CalendarNavigationButtons, {
433
366
  previousIcon: jsxRuntime.jsx(IconArrowLeft, {
434
367
  title: previousMonthButtonTitle
435
368
  }),
436
369
  nextIcon: jsxRuntime.jsx(IconArrowRight, {
437
370
  title: nextMonthButtonTitle
438
371
  }),
439
- onPreviousClick: () => setVisibleMonth(dateFns.setMonth(visibleMonth, visibleMonth.getMonth() - 1)),
440
- onNextClick: () => setVisibleMonth(dateFns.addMonths(visibleMonth, 1))
441
- }, {
442
- children: jsxRuntime.jsx(CalendarNavigationLabel, Object.assign({
443
- dateTime: dateFns.format(visibleMonth, 'yyyy-mm')
444
- }, {
372
+ onPreviousClick: function onPreviousClick() {
373
+ return setVisibleMonth(dateFns.setMonth(visibleMonth, visibleMonth.getMonth() - 1));
374
+ },
375
+ onNextClick: function onNextClick() {
376
+ return setVisibleMonth(dateFns.addMonths(visibleMonth, 1));
377
+ },
378
+ children: jsxRuntime.jsx(CalendarNavigationLabel, {
379
+ dateTime: dateFns.format(visibleMonth, 'yyyy-mm'),
445
380
  children: dateFns.format(visibleMonth, 'LLLL Y', {
446
381
  locale: locale$1
447
382
  })
448
- }))
449
- }))
450
- }))
451
- }), jsxRuntime.jsxs("table", Object.assign({
383
+ })
384
+ })
385
+ })
386
+ }), jsxRuntime.jsxs("table", {
452
387
  className: "utrecht-calendar__table",
453
- role: "grid"
454
- }, {
388
+ role: "grid",
455
389
  children: [jsxRuntime.jsx(CalendarTableWeeksContainer, {
456
- children: currentWeek && currentWeek.length > 0 && currentWeek.map((day, index) => jsxRuntime.jsx(CalendarTableWeeksItem, Object.assign({
457
- scope: "col",
458
- abbr: dateFns.format(day, 'EEEE', {
459
- locale: locale$1
460
- })
461
- }, {
462
- children: dateFns.format(day, 'EEEEEE', {
463
- locale: locale$1
464
- })
465
- }), index))
390
+ children: currentWeek && currentWeek.length > 0 && currentWeek.map(function (day, index) {
391
+ return jsxRuntime.jsx(CalendarTableWeeksItem, {
392
+ scope: "col",
393
+ abbr: dateFns.format(day, 'EEEE', {
394
+ locale: locale$1
395
+ }),
396
+ children: dateFns.format(day, 'EEEEEE', {
397
+ locale: locale$1
398
+ })
399
+ }, index);
400
+ })
466
401
  }), jsxRuntime.jsx(CalendarTableDaysContainer, {
467
- children: weeks && weeks.length > 0 && weeks.map((week, index) => jsxRuntime.jsx(CalendarTableDaysItem, {
468
- children: week.map((day, index) => {
469
- return jsxRuntime.jsx(CalendarTableDaysItemDay, {
470
- isToday: dateFns.isSameDay(day.date, Date.now()),
471
- dayOutOfTheMonth: !dateFns.isSameMonth(day.date, visibleMonth),
472
- onClick: () => {
473
- setVisibleMonth(day.date);
474
- setSelectedDate(day.date);
475
- onCalendarClick(dateFns.formatISO(day.date));
476
- },
477
- "aria-label": dateFns.format(day.date, 'eeee dd LLLL Y', {
478
- locale: locale$1
479
- }),
480
- day: day.date.getDate().toString(),
481
- emphasis: day.emphasis,
482
- selected: day.selected || selectedDate && dateFns.isSameDay(day.date, selectedDate),
483
- disabled: day.disabled || minDate && dateFns.isBefore(day.date, dateFns.startOfDay(minDate)) || maxDate && dateFns.isAfter(day.date, dateFns.endOfDay(maxDate))
484
- }, index);
485
- })
486
- }, index))
402
+ children: weeks && weeks.length > 0 && weeks.map(function (week, index) {
403
+ return jsxRuntime.jsx(CalendarTableDaysItem, {
404
+ children: week.map(function (day, index) {
405
+ return jsxRuntime.jsx(CalendarTableDaysItemDay, {
406
+ isToday: dateFns.isSameDay(day.date, Date.now()),
407
+ dayOutOfTheMonth: !dateFns.isSameMonth(day.date, visibleMonth),
408
+ onClick: function onClick() {
409
+ setVisibleMonth(day.date);
410
+ setSelectedDate(day.date);
411
+ onCalendarClick(dateFns.formatISO(day.date));
412
+ },
413
+ "aria-label": dateFns.format(day.date, 'eeee dd LLLL Y', {
414
+ locale: locale$1
415
+ }),
416
+ day: day.date.getDate().toString(),
417
+ emphasis: day.emphasis,
418
+ selected: day.selected || selectedDate && dateFns.isSameDay(day.date, selectedDate),
419
+ disabled: day.disabled || minDate && dateFns.isBefore(day.date, dateFns.startOfDay(minDate)) || maxDate && dateFns.isAfter(day.date, dateFns.endOfDay(maxDate))
420
+ }, index);
421
+ })
422
+ }, index);
423
+ })
487
424
  })]
488
- }))]
489
- }));
425
+ })]
426
+ });
490
427
  };
491
428
 
492
429
  exports.Calendar = Calendar;