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