@alfalab/core-components-calendar-range 7.7.7 → 7.8.0

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 (60) hide show
  1. package/@alfalab/core-components-shared/node_modules/@alfalab/hooks/package.json +42 -0
  2. package/@alfalab/core-components-shared/package.json +25 -0
  3. package/@alfalab/data/package.json +27 -0
  4. package/@alfalab/utils/package.json +33 -0
  5. package/Component.d.ts +4 -0
  6. package/components/divider/Component.js +1 -1
  7. package/components/divider/index.css +8 -8
  8. package/cssm/Component.d.ts +4 -0
  9. package/cssm/shared/index.d.ts +1 -0
  10. package/cssm/shared/index.js +9 -0
  11. package/cssm/utils.d.ts +6 -1
  12. package/cssm/utils.js +10 -0
  13. package/cssm/views/index.module.css +5 -1
  14. package/cssm/views/static.js +11 -7
  15. package/esm/Component.d.ts +4 -0
  16. package/esm/components/divider/Component.js +1 -1
  17. package/esm/components/divider/index.css +8 -8
  18. package/esm/index.module-310fc5cc.js +4 -0
  19. package/esm/shared/index.d.ts +1 -0
  20. package/esm/shared/index.js +1 -0
  21. package/esm/utils.d.ts +6 -1
  22. package/esm/utils.js +10 -1
  23. package/esm/views/index.css +12 -8
  24. package/esm/views/popover.js +1 -1
  25. package/esm/views/static.js +12 -8
  26. package/index.module-ed2ad236.js +6 -0
  27. package/modern/Component.d.ts +4 -0
  28. package/modern/components/divider/Component.js +1 -1
  29. package/modern/components/divider/index.css +8 -8
  30. package/modern/index.module-33e98a48.js +4 -0
  31. package/modern/shared/index.d.ts +1 -0
  32. package/modern/shared/index.js +1 -0
  33. package/modern/utils.d.ts +6 -1
  34. package/modern/utils.js +10 -1
  35. package/modern/views/index.css +12 -8
  36. package/modern/views/popover.js +1 -1
  37. package/modern/views/static.js +12 -8
  38. package/moderncssm/Component.d.ts +4 -0
  39. package/moderncssm/shared/index.d.ts +1 -0
  40. package/moderncssm/shared/index.js +1 -0
  41. package/moderncssm/utils.d.ts +6 -1
  42. package/moderncssm/utils.js +10 -1
  43. package/moderncssm/views/index.module.css +5 -0
  44. package/moderncssm/views/static.js +11 -7
  45. package/package.json +7 -6
  46. package/shared/index.d.ts +1 -0
  47. package/shared/index.js +9 -0
  48. package/src/Component.tsx +5 -0
  49. package/src/shared/index.ts +1 -0
  50. package/src/utils.ts +10 -0
  51. package/src/views/index.module.css +6 -0
  52. package/src/views/static.tsx +44 -34
  53. package/utils.d.ts +6 -1
  54. package/utils.js +10 -0
  55. package/views/index.css +12 -8
  56. package/views/popover.js +1 -1
  57. package/views/static.js +12 -8
  58. package/esm/index.module-b43c1a3b.js +0 -4
  59. package/index.module-f3dff99a.js +0 -6
  60. package/modern/index.module-fdd1725d.js +0 -4
@@ -20,6 +20,7 @@ import {
20
20
  DateInputProps,
21
21
  isCompleteDateInput,
22
22
  } from '@alfalab/core-components-date-input';
23
+ import { getDataTestId } from '@alfalab/core-components-shared';
23
24
 
24
25
  import { CalendarRangeProps } from '../Component';
25
26
  import { Divider } from '../components/divider';
@@ -53,6 +54,7 @@ export const CalendarRangeStatic: FC<CalendarRangeStaticProps> = ({
53
54
  events,
54
55
  returnInvalidDates = false,
55
56
  dataTestId,
57
+ calendarContainerClassName,
56
58
  }) => {
57
59
  const [inputFromValue, setInputFromValue] = useState<string>(valueFrom);
58
60
  const [inputToValue, setInputToValue] = useState<string>(valueTo);
@@ -278,23 +280,29 @@ export const CalendarRangeStatic: FC<CalendarRangeStaticProps> = ({
278
280
  clear={true}
279
281
  block={true}
280
282
  />
281
- <CalendarFromComponent
282
- {...calendarFromProps}
283
- className={cn(styles.calendar, calendarFromProps?.className)}
284
- month={monthFrom}
285
- selectorView='month-only'
286
- offDays={offDays}
287
- events={events}
288
- onChange={period.updatePeriod}
289
- onMonthChange={handleMonthFromChange}
290
- minDate={minDate}
291
- maxDate={
292
- minMaxInSameMonth
293
- ? maxDate
294
- : maxDate && max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime()
295
- }
296
- {...rangeProps}
297
- />
283
+ <div
284
+ className={cn(styles.calendarContainer, calendarContainerClassName)}
285
+ data-test-id={getDataTestId(dataTestId, 'container-from')}
286
+ >
287
+ <CalendarFromComponent
288
+ {...calendarFromProps}
289
+ className={cn(styles.calendar, calendarFromProps?.className)}
290
+ month={monthFrom}
291
+ selectorView='month-only'
292
+ offDays={offDays}
293
+ events={events}
294
+ onChange={period.updatePeriod}
295
+ onMonthChange={handleMonthFromChange}
296
+ minDate={minDate}
297
+ maxDate={
298
+ minMaxInSameMonth
299
+ ? maxDate
300
+ : maxDate &&
301
+ max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime()
302
+ }
303
+ {...rangeProps}
304
+ />
305
+ </div>
298
306
  </div>
299
307
 
300
308
  <Divider inputFromProps={inputFromProps} inputToProps={inputToProps} />
@@ -315,23 +323,25 @@ export const CalendarRangeStatic: FC<CalendarRangeStaticProps> = ({
315
323
  clear={true}
316
324
  block={true}
317
325
  />
318
- <CalendarToComponent
319
- {...calendarToProps}
320
- className={cn(styles.calendar, calendarToProps?.className)}
321
- month={monthTo}
322
- selectorView='month-only'
323
- offDays={offDays}
324
- events={events}
325
- onChange={period.updatePeriod}
326
- onMonthChange={handleMonthToChange}
327
- minDate={
328
- minMaxInSameMonth
329
- ? minDate
330
- : minDate && startOfMonth(addMonths(minDate, 1)).getTime()
331
- }
332
- maxDate={maxDate}
333
- {...rangeProps}
334
- />
326
+ <div data-test-id={getDataTestId(dataTestId, 'container-to')}>
327
+ <CalendarToComponent
328
+ {...calendarToProps}
329
+ className={cn(styles.calendar, calendarToProps?.className)}
330
+ month={monthTo}
331
+ selectorView='month-only'
332
+ offDays={offDays}
333
+ events={events}
334
+ onChange={period.updatePeriod}
335
+ onMonthChange={handleMonthToChange}
336
+ minDate={
337
+ minMaxInSameMonth
338
+ ? minDate
339
+ : minDate && startOfMonth(addMonths(minDate, 1)).getTime()
340
+ }
341
+ maxDate={maxDate}
342
+ {...rangeProps}
343
+ />
344
+ </div>
335
345
  </div>
336
346
  </div>
337
347
  );
package/utils.d.ts CHANGED
@@ -1,2 +1,7 @@
1
1
  declare const isDayButton: (node: HTMLElement | null) => string | false | null | undefined;
2
- export { isDayButton };
2
+ declare function getCalendarRangeTestIds(dataTestId: string): {
3
+ component: string;
4
+ calendarContainerFrom: string;
5
+ calendarContainerTo: string;
6
+ };
7
+ export { isDayButton, getCalendarRangeTestIds };
package/utils.js CHANGED
@@ -2,8 +2,18 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var coreComponentsShared = require('@alfalab/core-components-shared');
6
+
5
7
  var isDayButton = function (node) {
6
8
  return node && node.tagName === 'BUTTON' && node.dataset.date;
7
9
  };
10
+ function getCalendarRangeTestIds(dataTestId) {
11
+ return {
12
+ component: dataTestId,
13
+ calendarContainerFrom: coreComponentsShared.getDataTestId(dataTestId, 'container-from'),
14
+ calendarContainerTo: coreComponentsShared.getDataTestId(dataTestId, 'container-to'),
15
+ };
16
+ }
8
17
 
18
+ exports.getCalendarRangeTestIds = getCalendarRangeTestIds;
9
19
  exports.isDayButton = isDayButton;
package/views/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1lrhc */
1
+ /* hash: y4y2j */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -45,16 +45,20 @@
45
45
  /* disabled */
46
46
 
47
47
  /* marker */
48
- } .calendar-range__component_12m5c {
48
+ } .calendar-range__component_1rriu {
49
49
  display: flex
50
- } .calendar-range__component_12m5c button[aria-selected='true'] {
50
+ } .calendar-range__component_1rriu button[aria-selected='true'] {
51
51
  cursor: pointer;
52
- } .calendar-range__component_12m5c *[class*='errorIcon_'] {
52
+ } .calendar-range__component_1rriu *[class*='errorIcon_'] {
53
53
  display: none;
54
- } .calendar-range__component_12m5c *[class*='calendarIcon_'] {
54
+ } .calendar-range__component_1rriu *[class*='calendarIcon_'] {
55
55
  margin-right: var(--gap-0);
56
- } .calendar-range__static_12m5c .calendar-range__calendar_12m5c {
56
+ } .calendar-range__static_1rriu .calendar-range__calendar_1rriu {
57
57
  width: var(--calendar-inner-width)
58
- } .calendar-range__static_12m5c .calendar-range__calendar_12m5c > div:first-child {
58
+ } .calendar-range__static_1rriu .calendar-range__calendar_1rriu > div:first-child {
59
59
  padding: var(--gap-16) var(--gap-0) var(--gap-12);
60
- }
60
+ } .calendar-range__calendarContainer_1rriu {
61
+ width: var(--calendar-inner-width);
62
+ display: flex;
63
+ justify-content: center;
64
+ }
package/views/popover.js CHANGED
@@ -12,7 +12,7 @@ var coreComponentsDateInput = require('@alfalab/core-components-date-input');
12
12
  var hooks$1 = require('@alfalab/hooks');
13
13
  var components_divider_Component = require('../components/divider/Component.js');
14
14
  var hooks = require('../hooks.js');
15
- var index_module = require('../index.module-f3dff99a.js');
15
+ var index_module = require('../index.module-ed2ad236.js');
16
16
 
17
17
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
18
18
 
package/views/static.js CHANGED
@@ -15,10 +15,11 @@ var desktop = require('@alfalab/core-components-calendar/desktop');
15
15
  var shared$1 = require('@alfalab/core-components-calendar/shared');
16
16
  var shared = require('@alfalab/core-components-calendar-input/shared');
17
17
  var coreComponentsDateInput = require('@alfalab/core-components-date-input');
18
+ var coreComponentsShared = require('@alfalab/core-components-shared');
18
19
  var components_divider_Component = require('../components/divider/Component.js');
19
20
  var hooks = require('../hooks.js');
20
21
  var utils = require('../utils.js');
21
- var index_module = require('../index.module-f3dff99a.js');
22
+ var index_module = require('../index.module-ed2ad236.js');
22
23
 
23
24
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
24
25
 
@@ -32,7 +33,7 @@ var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
32
33
  var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
33
34
 
34
35
  var CalendarRangeStatic = function (_a) {
35
- var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default.default(new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, _l = _a.returnInvalidDates, returnInvalidDates = _l === void 0 ? false : _l, dataTestId = _a.dataTestId;
36
+ var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default.default(new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, _l = _a.returnInvalidDates, returnInvalidDates = _l === void 0 ? false : _l, dataTestId = _a.dataTestId, calendarContainerClassName = _a.calendarContainerClassName;
36
37
  var _m = React.useState(valueFrom), inputFromValue = _m[0], setInputFromValue = _m[1];
37
38
  var _o = React.useState(valueTo), inputToValue = _o[0], setInputToValue = _o[1];
38
39
  var dateFrom = shared.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
@@ -176,17 +177,20 @@ var CalendarRangeStatic = function (_a) {
176
177
  React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
177
178
  ? 'input'
178
179
  : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true })),
179
- React__default.default.createElement(CalendarFromComponent, tslib.__assign({}, calendarFromProps, { className: cn__default.default(index_module.styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: minMaxInSameMonth
180
- ? maxDate
181
- : maxDate && max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps))),
180
+ React__default.default.createElement("div", { className: cn__default.default(index_module.styles.calendarContainer, calendarContainerClassName), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'container-from') },
181
+ React__default.default.createElement(CalendarFromComponent, tslib.__assign({}, calendarFromProps, { className: cn__default.default(index_module.styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: minMaxInSameMonth
182
+ ? maxDate
183
+ : maxDate &&
184
+ max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps)))),
182
185
  React__default.default.createElement(components_divider_Component.Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
183
186
  React__default.default.createElement("div", null,
184
187
  React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
185
188
  ? 'input'
186
189
  : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid || dateInputToProps.error, clear: true, block: true })),
187
- React__default.default.createElement(CalendarToComponent, tslib.__assign({}, calendarToProps, { className: cn__default.default(index_module.styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minMaxInSameMonth
188
- ? minDate
189
- : minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
190
+ React__default.default.createElement("div", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'container-to') },
191
+ React__default.default.createElement(CalendarToComponent, tslib.__assign({}, calendarToProps, { className: cn__default.default(index_module.styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minMaxInSameMonth
192
+ ? minDate
193
+ : minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps))))));
190
194
  };
191
195
 
192
196
  exports.CalendarRangeStatic = CalendarRangeStatic;
@@ -1,4 +0,0 @@
1
- var styles = {"component":"calendar-range__component_12m5c","static":"calendar-range__static_12m5c","calendar":"calendar-range__calendar_12m5c"};
2
- require('./views/index.css')
3
-
4
- export { styles as s };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var styles = {"component":"calendar-range__component_12m5c","static":"calendar-range__static_12m5c","calendar":"calendar-range__calendar_12m5c"};
4
- require('./views/index.css')
5
-
6
- exports.styles = styles;
@@ -1,4 +0,0 @@
1
- const styles = {"component":"calendar-range__component_12m5c","static":"calendar-range__static_12m5c","calendar":"calendar-range__calendar_12m5c"};
2
- require('./views/index.css')
3
-
4
- export { styles as s };