@alfalab/core-components-calendar-range 7.3.4 → 7.3.5
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.
- package/Component.js +0 -19
- package/components/divider/Component.js +1 -1
- package/components/divider/index.css +8 -8
- package/components/divider/index.js +0 -2
- package/cssm/Component.js +0 -20
- package/cssm/components/divider/index.js +0 -3
- package/cssm/index.js +0 -24
- package/cssm/views/popover.js +0 -6
- package/cssm/views/static.js +0 -3
- package/esm/Component.js +0 -19
- package/esm/components/divider/Component.js +1 -1
- package/esm/components/divider/index.css +8 -8
- package/esm/components/divider/index.js +0 -2
- package/esm/index.js +0 -23
- package/esm/index.module-3d98e7e2.js +4 -0
- package/esm/views/index.css +7 -7
- package/esm/views/popover.js +1 -6
- package/esm/views/static.js +1 -3
- package/index.js +0 -23
- package/index.module-25d3d918.js +6 -0
- package/modern/Component.js +0 -19
- package/modern/components/divider/Component.js +1 -1
- package/modern/components/divider/index.css +8 -8
- package/modern/components/divider/index.js +0 -2
- package/modern/index.js +0 -22
- package/modern/index.module-bb00d701.js +4 -0
- package/modern/views/index.css +7 -7
- package/modern/views/popover.js +1 -6
- package/modern/views/static.js +1 -3
- package/package.json +4 -4
- package/views/index.css +7 -7
- package/views/popover.js +1 -6
- package/views/static.js +1 -3
- package/esm/index.module-b2c67c2f.js +0 -4
- package/index.module-fc84ce8b.js +0 -6
- package/modern/index.module-c94fc1c3.js +0 -4
package/Component.js
CHANGED
|
@@ -6,25 +6,6 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var views_popover = require('./views/popover.js');
|
|
8
8
|
var views_static = require('./views/static.js');
|
|
9
|
-
require('classnames');
|
|
10
|
-
require('date-fns/startOfMonth');
|
|
11
|
-
require('@alfalab/core-components-calendar-input');
|
|
12
|
-
require('@alfalab/core-components-calendar-input/shared');
|
|
13
|
-
require('@alfalab/core-components-date-input');
|
|
14
|
-
require('@alfalab/hooks');
|
|
15
|
-
require('./components/divider/Component.js');
|
|
16
|
-
require('./hooks.js');
|
|
17
|
-
require('date-fns/addMonths');
|
|
18
|
-
require('date-fns/isEqual');
|
|
19
|
-
require('date-fns/max');
|
|
20
|
-
require('date-fns/min');
|
|
21
|
-
require('date-fns/subMonths');
|
|
22
|
-
require('./index.module-fc84ce8b.js');
|
|
23
|
-
require('date-fns/endOfMonth');
|
|
24
|
-
require('date-fns/isSameMonth');
|
|
25
|
-
require('@alfalab/core-components-calendar/desktop');
|
|
26
|
-
require('@alfalab/core-components-calendar/shared');
|
|
27
|
-
require('./utils.js');
|
|
28
9
|
|
|
29
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
30
11
|
|
|
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
11
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
12
12
|
|
|
13
|
-
var styles = {"component":"calendar-
|
|
13
|
+
var styles = {"component":"calendar-range__component_jkyln","outer":"calendar-range__outer_jkyln","s":"calendar-range__s_jkyln","m":"calendar-range__m_jkyln","l":"calendar-range__l_jkyln","xl":"calendar-range__xl_jkyln"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var Divider = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ykrm9 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-1500: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -41,29 +41,29 @@
|
|
|
41
41
|
/* disabled */
|
|
42
42
|
|
|
43
43
|
/* marker */
|
|
44
|
-
} .calendar-
|
|
44
|
+
} .calendar-range__component_jkyln {
|
|
45
45
|
display: flex;
|
|
46
46
|
align-items: center;
|
|
47
47
|
justify-content: center;
|
|
48
48
|
width: 16px;
|
|
49
49
|
margin: 0 var(--gap-xs)
|
|
50
|
-
} .calendar-
|
|
50
|
+
} .calendar-range__component_jkyln:after {
|
|
51
51
|
content: '';
|
|
52
52
|
display: block;
|
|
53
53
|
width: 100%;
|
|
54
54
|
height: 1px;
|
|
55
55
|
background-color: var(--color-light-neutral-1500);
|
|
56
|
-
} .calendar-
|
|
56
|
+
} .calendar-range__outer_jkyln {
|
|
57
57
|
position: relative;
|
|
58
58
|
|
|
59
59
|
/* FormControl .above height + margin-bottom */
|
|
60
60
|
top: 24px;
|
|
61
|
-
} .calendar-
|
|
61
|
+
} .calendar-range__s_jkyln {
|
|
62
62
|
height: var(--size-s-height);
|
|
63
|
-
} .calendar-
|
|
63
|
+
} .calendar-range__m_jkyln {
|
|
64
64
|
height: var(--size-m-height);
|
|
65
|
-
} .calendar-
|
|
65
|
+
} .calendar-range__l_jkyln {
|
|
66
66
|
height: var(--size-l-height);
|
|
67
|
-
} .calendar-
|
|
67
|
+
} .calendar-range__xl_jkyln {
|
|
68
68
|
height: var(--size-xl-height);
|
|
69
69
|
}
|
package/cssm/Component.js
CHANGED
|
@@ -6,26 +6,6 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var views_popover = require('./views/popover.js');
|
|
8
8
|
var views_static = require('./views/static.js');
|
|
9
|
-
require('classnames');
|
|
10
|
-
require('date-fns/startOfMonth');
|
|
11
|
-
require('@alfalab/core-components-calendar-input/cssm');
|
|
12
|
-
require('@alfalab/core-components-calendar-input/cssm/shared');
|
|
13
|
-
require('@alfalab/core-components-date-input/cssm');
|
|
14
|
-
require('@alfalab/hooks');
|
|
15
|
-
require('./components/divider/Component.js');
|
|
16
|
-
require('./components/divider/index.module.css');
|
|
17
|
-
require('./hooks.js');
|
|
18
|
-
require('date-fns/addMonths');
|
|
19
|
-
require('date-fns/isEqual');
|
|
20
|
-
require('date-fns/max');
|
|
21
|
-
require('date-fns/min');
|
|
22
|
-
require('date-fns/subMonths');
|
|
23
|
-
require('./views/index.module.css');
|
|
24
|
-
require('date-fns/endOfMonth');
|
|
25
|
-
require('date-fns/isSameMonth');
|
|
26
|
-
require('@alfalab/core-components-calendar/cssm/desktop');
|
|
27
|
-
require('@alfalab/core-components-calendar/cssm/shared');
|
|
28
|
-
require('./utils.js');
|
|
29
9
|
|
|
30
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
31
11
|
|
package/cssm/index.js
CHANGED
|
@@ -3,30 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var Component = require('./Component.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('./views/popover.js');
|
|
9
|
-
require('classnames');
|
|
10
|
-
require('date-fns/startOfMonth');
|
|
11
|
-
require('@alfalab/core-components-calendar-input/cssm');
|
|
12
|
-
require('@alfalab/core-components-calendar-input/cssm/shared');
|
|
13
|
-
require('@alfalab/core-components-date-input/cssm');
|
|
14
|
-
require('@alfalab/hooks');
|
|
15
|
-
require('./components/divider/Component.js');
|
|
16
|
-
require('./components/divider/index.module.css');
|
|
17
|
-
require('./hooks.js');
|
|
18
|
-
require('date-fns/addMonths');
|
|
19
|
-
require('date-fns/isEqual');
|
|
20
|
-
require('date-fns/max');
|
|
21
|
-
require('date-fns/min');
|
|
22
|
-
require('date-fns/subMonths');
|
|
23
|
-
require('./views/index.module.css');
|
|
24
|
-
require('./views/static.js');
|
|
25
|
-
require('date-fns/endOfMonth');
|
|
26
|
-
require('date-fns/isSameMonth');
|
|
27
|
-
require('@alfalab/core-components-calendar/cssm/desktop');
|
|
28
|
-
require('@alfalab/core-components-calendar/cssm/shared');
|
|
29
|
-
require('./utils.js');
|
|
30
6
|
|
|
31
7
|
|
|
32
8
|
|
package/cssm/views/popover.js
CHANGED
|
@@ -13,12 +13,6 @@ 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
15
|
var styles = require('./index.module.css');
|
|
16
|
-
require('../components/divider/index.module.css');
|
|
17
|
-
require('date-fns/addMonths');
|
|
18
|
-
require('date-fns/isEqual');
|
|
19
|
-
require('date-fns/max');
|
|
20
|
-
require('date-fns/min');
|
|
21
|
-
require('date-fns/subMonths');
|
|
22
16
|
|
|
23
17
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
24
18
|
|
package/cssm/views/static.js
CHANGED
|
@@ -19,9 +19,6 @@ var components_divider_Component = require('../components/divider/Component.js')
|
|
|
19
19
|
var hooks = require('../hooks.js');
|
|
20
20
|
var utils = require('../utils.js');
|
|
21
21
|
var styles = require('./index.module.css');
|
|
22
|
-
require('../components/divider/index.module.css');
|
|
23
|
-
require('date-fns/isEqual');
|
|
24
|
-
require('date-fns/min');
|
|
25
22
|
|
|
26
23
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
27
24
|
|
package/esm/Component.js
CHANGED
|
@@ -2,25 +2,6 @@ import { __rest, __assign } from 'tslib';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { CalendarRangePopover } from './views/popover.js';
|
|
4
4
|
import { CalendarRangeStatic } from './views/static.js';
|
|
5
|
-
import 'classnames';
|
|
6
|
-
import 'date-fns/startOfMonth';
|
|
7
|
-
import '@alfalab/core-components-calendar-input/esm';
|
|
8
|
-
import '@alfalab/core-components-calendar-input/esm/shared';
|
|
9
|
-
import '@alfalab/core-components-date-input/esm';
|
|
10
|
-
import '@alfalab/hooks';
|
|
11
|
-
import './components/divider/Component.js';
|
|
12
|
-
import './hooks.js';
|
|
13
|
-
import 'date-fns/addMonths';
|
|
14
|
-
import 'date-fns/isEqual';
|
|
15
|
-
import 'date-fns/max';
|
|
16
|
-
import 'date-fns/min';
|
|
17
|
-
import 'date-fns/subMonths';
|
|
18
|
-
import './index.module-b2c67c2f.js';
|
|
19
|
-
import 'date-fns/endOfMonth';
|
|
20
|
-
import 'date-fns/isSameMonth';
|
|
21
|
-
import '@alfalab/core-components-calendar/esm/desktop';
|
|
22
|
-
import '@alfalab/core-components-calendar/esm/shared';
|
|
23
|
-
import './utils.js';
|
|
24
5
|
|
|
25
6
|
var CalendarRange = function (_a) {
|
|
26
7
|
var _b = _a.calendarPosition, calendarPosition = _b === void 0 ? 'static' : _b, restProps = __rest(_a, ["calendarPosition"]);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
|
|
4
|
-
var styles = {"component":"calendar-
|
|
4
|
+
var styles = {"component":"calendar-range__component_jkyln","outer":"calendar-range__outer_jkyln","s":"calendar-range__s_jkyln","m":"calendar-range__m_jkyln","l":"calendar-range__l_jkyln","xl":"calendar-range__xl_jkyln"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
var Divider = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ykrm9 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-1500: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -41,29 +41,29 @@
|
|
|
41
41
|
/* disabled */
|
|
42
42
|
|
|
43
43
|
/* marker */
|
|
44
|
-
} .calendar-
|
|
44
|
+
} .calendar-range__component_jkyln {
|
|
45
45
|
display: flex;
|
|
46
46
|
align-items: center;
|
|
47
47
|
justify-content: center;
|
|
48
48
|
width: 16px;
|
|
49
49
|
margin: 0 var(--gap-xs)
|
|
50
|
-
} .calendar-
|
|
50
|
+
} .calendar-range__component_jkyln:after {
|
|
51
51
|
content: '';
|
|
52
52
|
display: block;
|
|
53
53
|
width: 100%;
|
|
54
54
|
height: 1px;
|
|
55
55
|
background-color: var(--color-light-neutral-1500);
|
|
56
|
-
} .calendar-
|
|
56
|
+
} .calendar-range__outer_jkyln {
|
|
57
57
|
position: relative;
|
|
58
58
|
|
|
59
59
|
/* FormControl .above height + margin-bottom */
|
|
60
60
|
top: 24px;
|
|
61
|
-
} .calendar-
|
|
61
|
+
} .calendar-range__s_jkyln {
|
|
62
62
|
height: var(--size-s-height);
|
|
63
|
-
} .calendar-
|
|
63
|
+
} .calendar-range__m_jkyln {
|
|
64
64
|
height: var(--size-m-height);
|
|
65
|
-
} .calendar-
|
|
65
|
+
} .calendar-range__l_jkyln {
|
|
66
66
|
height: var(--size-l-height);
|
|
67
|
-
} .calendar-
|
|
67
|
+
} .calendar-range__xl_jkyln {
|
|
68
68
|
height: var(--size-xl-height);
|
|
69
69
|
}
|
package/esm/index.js
CHANGED
|
@@ -1,24 +1 @@
|
|
|
1
1
|
export { CalendarRange } from './Component.js';
|
|
2
|
-
import 'tslib';
|
|
3
|
-
import 'react';
|
|
4
|
-
import './views/popover.js';
|
|
5
|
-
import 'classnames';
|
|
6
|
-
import 'date-fns/startOfMonth';
|
|
7
|
-
import '@alfalab/core-components-calendar-input/esm';
|
|
8
|
-
import '@alfalab/core-components-calendar-input/esm/shared';
|
|
9
|
-
import '@alfalab/core-components-date-input/esm';
|
|
10
|
-
import '@alfalab/hooks';
|
|
11
|
-
import './components/divider/Component.js';
|
|
12
|
-
import './hooks.js';
|
|
13
|
-
import 'date-fns/addMonths';
|
|
14
|
-
import 'date-fns/isEqual';
|
|
15
|
-
import 'date-fns/max';
|
|
16
|
-
import 'date-fns/min';
|
|
17
|
-
import 'date-fns/subMonths';
|
|
18
|
-
import './index.module-b2c67c2f.js';
|
|
19
|
-
import './views/static.js';
|
|
20
|
-
import 'date-fns/endOfMonth';
|
|
21
|
-
import 'date-fns/isSameMonth';
|
|
22
|
-
import '@alfalab/core-components-calendar/esm/desktop';
|
|
23
|
-
import '@alfalab/core-components-calendar/esm/shared';
|
|
24
|
-
import './utils.js';
|
package/esm/views/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1271r */
|
|
2
2
|
:root {
|
|
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 */
|
|
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 */
|
|
@@ -38,16 +38,16 @@
|
|
|
38
38
|
/* disabled */
|
|
39
39
|
|
|
40
40
|
/* marker */
|
|
41
|
-
} .calendar-
|
|
41
|
+
} .calendar-range__component_1jiqx {
|
|
42
42
|
display: flex
|
|
43
|
-
} .calendar-
|
|
43
|
+
} .calendar-range__component_1jiqx button[aria-selected='true'] {
|
|
44
44
|
cursor: pointer;
|
|
45
|
-
} .calendar-
|
|
45
|
+
} .calendar-range__component_1jiqx *[class*='errorIcon_'] {
|
|
46
46
|
display: none;
|
|
47
|
-
} .calendar-
|
|
47
|
+
} .calendar-range__component_1jiqx *[class*='calendarIcon_'] {
|
|
48
48
|
margin-right: 0;
|
|
49
|
-
} .calendar-
|
|
49
|
+
} .calendar-range__static_1jiqx .calendar-range__calendar_1jiqx {
|
|
50
50
|
width: var(--calendar-inner-width)
|
|
51
|
-
} .calendar-
|
|
51
|
+
} .calendar-range__static_1jiqx .calendar-range__calendar_1jiqx > div:first-child {
|
|
52
52
|
padding: var(--gap-m) 0 var(--gap-s);
|
|
53
53
|
}
|
package/esm/views/popover.js
CHANGED
|
@@ -8,12 +8,7 @@ import { isCompleteDateInput } from '@alfalab/core-components-date-input/esm';
|
|
|
8
8
|
import { useDidUpdateEffect } from '@alfalab/hooks';
|
|
9
9
|
import { Divider } from '../components/divider/Component.js';
|
|
10
10
|
import { usePopoverViewMonthes } from '../hooks.js';
|
|
11
|
-
import { s as styles } from '../index.module-
|
|
12
|
-
import 'date-fns/addMonths';
|
|
13
|
-
import 'date-fns/isEqual';
|
|
14
|
-
import 'date-fns/max';
|
|
15
|
-
import 'date-fns/min';
|
|
16
|
-
import 'date-fns/subMonths';
|
|
11
|
+
import { s as styles } from '../index.module-3d98e7e2.js';
|
|
17
12
|
|
|
18
13
|
var CalendarRangePopover = function (_a) {
|
|
19
14
|
var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth(new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, onError = _a.onError, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, _k = _a.returnInvalidDates, returnInvalidDates = _k === void 0 ? false : _k, dataTestId = _a.dataTestId;
|
package/esm/views/static.js
CHANGED
|
@@ -14,9 +14,7 @@ import { isCompleteDateInput, DateInput } from '@alfalab/core-components-date-in
|
|
|
14
14
|
import { Divider } from '../components/divider/Component.js';
|
|
15
15
|
import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
|
|
16
16
|
import { isDayButton } from '../utils.js';
|
|
17
|
-
import { s as styles } from '../index.module-
|
|
18
|
-
import 'date-fns/isEqual';
|
|
19
|
-
import 'date-fns/min';
|
|
17
|
+
import { s as styles } from '../index.module-3d98e7e2.js';
|
|
20
18
|
|
|
21
19
|
var CalendarRangeStatic = function (_a) {
|
|
22
20
|
var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth(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;
|
package/index.js
CHANGED
|
@@ -3,29 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var Component = require('./Component.js');
|
|
6
|
-
require('tslib');
|
|
7
|
-
require('react');
|
|
8
|
-
require('./views/popover.js');
|
|
9
|
-
require('classnames');
|
|
10
|
-
require('date-fns/startOfMonth');
|
|
11
|
-
require('@alfalab/core-components-calendar-input');
|
|
12
|
-
require('@alfalab/core-components-calendar-input/shared');
|
|
13
|
-
require('@alfalab/core-components-date-input');
|
|
14
|
-
require('@alfalab/hooks');
|
|
15
|
-
require('./components/divider/Component.js');
|
|
16
|
-
require('./hooks.js');
|
|
17
|
-
require('date-fns/addMonths');
|
|
18
|
-
require('date-fns/isEqual');
|
|
19
|
-
require('date-fns/max');
|
|
20
|
-
require('date-fns/min');
|
|
21
|
-
require('date-fns/subMonths');
|
|
22
|
-
require('./index.module-fc84ce8b.js');
|
|
23
|
-
require('./views/static.js');
|
|
24
|
-
require('date-fns/endOfMonth');
|
|
25
|
-
require('date-fns/isSameMonth');
|
|
26
|
-
require('@alfalab/core-components-calendar/desktop');
|
|
27
|
-
require('@alfalab/core-components-calendar/shared');
|
|
28
|
-
require('./utils.js');
|
|
29
6
|
|
|
30
7
|
|
|
31
8
|
|
package/modern/Component.js
CHANGED
|
@@ -1,25 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { CalendarRangePopover } from './views/popover.js';
|
|
3
3
|
import { CalendarRangeStatic } from './views/static.js';
|
|
4
|
-
import 'classnames';
|
|
5
|
-
import 'date-fns/startOfMonth';
|
|
6
|
-
import '@alfalab/core-components-calendar-input/modern';
|
|
7
|
-
import '@alfalab/core-components-calendar-input/modern/shared';
|
|
8
|
-
import '@alfalab/core-components-date-input/modern';
|
|
9
|
-
import '@alfalab/hooks';
|
|
10
|
-
import './components/divider/Component.js';
|
|
11
|
-
import './hooks.js';
|
|
12
|
-
import 'date-fns/addMonths';
|
|
13
|
-
import 'date-fns/isEqual';
|
|
14
|
-
import 'date-fns/max';
|
|
15
|
-
import 'date-fns/min';
|
|
16
|
-
import 'date-fns/subMonths';
|
|
17
|
-
import './index.module-c94fc1c3.js';
|
|
18
|
-
import 'date-fns/endOfMonth';
|
|
19
|
-
import 'date-fns/isSameMonth';
|
|
20
|
-
import '@alfalab/core-components-calendar/modern/desktop';
|
|
21
|
-
import '@alfalab/core-components-calendar/modern/shared';
|
|
22
|
-
import './utils.js';
|
|
23
4
|
|
|
24
5
|
const CalendarRange = ({ calendarPosition = 'static', ...restProps }) => {
|
|
25
6
|
const View = calendarPosition === 'popover' ? CalendarRangePopover : CalendarRangeStatic;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
|
|
4
|
-
const styles = {"component":"calendar-
|
|
4
|
+
const styles = {"component":"calendar-range__component_jkyln","outer":"calendar-range__outer_jkyln","s":"calendar-range__s_jkyln","m":"calendar-range__m_jkyln","l":"calendar-range__l_jkyln","xl":"calendar-range__xl_jkyln"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
const Divider = ({ inputFromProps, inputToProps }) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ykrm9 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-1500: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -41,29 +41,29 @@
|
|
|
41
41
|
/* disabled */
|
|
42
42
|
|
|
43
43
|
/* marker */
|
|
44
|
-
} .calendar-
|
|
44
|
+
} .calendar-range__component_jkyln {
|
|
45
45
|
display: flex;
|
|
46
46
|
align-items: center;
|
|
47
47
|
justify-content: center;
|
|
48
48
|
width: 16px;
|
|
49
49
|
margin: 0 var(--gap-xs)
|
|
50
|
-
} .calendar-
|
|
50
|
+
} .calendar-range__component_jkyln:after {
|
|
51
51
|
content: '';
|
|
52
52
|
display: block;
|
|
53
53
|
width: 100%;
|
|
54
54
|
height: 1px;
|
|
55
55
|
background-color: var(--color-light-neutral-1500);
|
|
56
|
-
} .calendar-
|
|
56
|
+
} .calendar-range__outer_jkyln {
|
|
57
57
|
position: relative;
|
|
58
58
|
|
|
59
59
|
/* FormControl .above height + margin-bottom */
|
|
60
60
|
top: 24px;
|
|
61
|
-
} .calendar-
|
|
61
|
+
} .calendar-range__s_jkyln {
|
|
62
62
|
height: var(--size-s-height);
|
|
63
|
-
} .calendar-
|
|
63
|
+
} .calendar-range__m_jkyln {
|
|
64
64
|
height: var(--size-m-height);
|
|
65
|
-
} .calendar-
|
|
65
|
+
} .calendar-range__l_jkyln {
|
|
66
66
|
height: var(--size-l-height);
|
|
67
|
-
} .calendar-
|
|
67
|
+
} .calendar-range__xl_jkyln {
|
|
68
68
|
height: var(--size-xl-height);
|
|
69
69
|
}
|
package/modern/index.js
CHANGED
|
@@ -1,23 +1 @@
|
|
|
1
1
|
export { CalendarRange } from './Component.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
import './views/popover.js';
|
|
4
|
-
import 'classnames';
|
|
5
|
-
import 'date-fns/startOfMonth';
|
|
6
|
-
import '@alfalab/core-components-calendar-input/modern';
|
|
7
|
-
import '@alfalab/core-components-calendar-input/modern/shared';
|
|
8
|
-
import '@alfalab/core-components-date-input/modern';
|
|
9
|
-
import '@alfalab/hooks';
|
|
10
|
-
import './components/divider/Component.js';
|
|
11
|
-
import './hooks.js';
|
|
12
|
-
import 'date-fns/addMonths';
|
|
13
|
-
import 'date-fns/isEqual';
|
|
14
|
-
import 'date-fns/max';
|
|
15
|
-
import 'date-fns/min';
|
|
16
|
-
import 'date-fns/subMonths';
|
|
17
|
-
import './index.module-c94fc1c3.js';
|
|
18
|
-
import './views/static.js';
|
|
19
|
-
import 'date-fns/endOfMonth';
|
|
20
|
-
import 'date-fns/isSameMonth';
|
|
21
|
-
import '@alfalab/core-components-calendar/modern/desktop';
|
|
22
|
-
import '@alfalab/core-components-calendar/modern/shared';
|
|
23
|
-
import './utils.js';
|
package/modern/views/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1271r */
|
|
2
2
|
:root {
|
|
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 */
|
|
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 */
|
|
@@ -38,16 +38,16 @@
|
|
|
38
38
|
/* disabled */
|
|
39
39
|
|
|
40
40
|
/* marker */
|
|
41
|
-
} .calendar-
|
|
41
|
+
} .calendar-range__component_1jiqx {
|
|
42
42
|
display: flex
|
|
43
|
-
} .calendar-
|
|
43
|
+
} .calendar-range__component_1jiqx button[aria-selected='true'] {
|
|
44
44
|
cursor: pointer;
|
|
45
|
-
} .calendar-
|
|
45
|
+
} .calendar-range__component_1jiqx *[class*='errorIcon_'] {
|
|
46
46
|
display: none;
|
|
47
|
-
} .calendar-
|
|
47
|
+
} .calendar-range__component_1jiqx *[class*='calendarIcon_'] {
|
|
48
48
|
margin-right: 0;
|
|
49
|
-
} .calendar-
|
|
49
|
+
} .calendar-range__static_1jiqx .calendar-range__calendar_1jiqx {
|
|
50
50
|
width: var(--calendar-inner-width)
|
|
51
|
-
} .calendar-
|
|
51
|
+
} .calendar-range__static_1jiqx .calendar-range__calendar_1jiqx > div:first-child {
|
|
52
52
|
padding: var(--gap-m) 0 var(--gap-s);
|
|
53
53
|
}
|
package/modern/views/popover.js
CHANGED
|
@@ -7,12 +7,7 @@ import { isCompleteDateInput } from '@alfalab/core-components-date-input/modern'
|
|
|
7
7
|
import { useDidUpdateEffect } from '@alfalab/hooks';
|
|
8
8
|
import { Divider } from '../components/divider/Component.js';
|
|
9
9
|
import { usePopoverViewMonthes } from '../hooks.js';
|
|
10
|
-
import { s as styles } from '../index.module-
|
|
11
|
-
import 'date-fns/addMonths';
|
|
12
|
-
import 'date-fns/isEqual';
|
|
13
|
-
import 'date-fns/max';
|
|
14
|
-
import 'date-fns/min';
|
|
15
|
-
import 'date-fns/subMonths';
|
|
10
|
+
import { s as styles } from '../index.module-bb00d701.js';
|
|
16
11
|
|
|
17
12
|
const CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, onError, inputFromProps = {}, inputToProps = {}, offDays, events, returnInvalidDates = false, dataTestId, }) => {
|
|
18
13
|
const [inputFromValue, setInputFromValue] = useState(valueFrom);
|
package/modern/views/static.js
CHANGED
|
@@ -13,9 +13,7 @@ import { isCompleteDateInput, DateInput } from '@alfalab/core-components-date-in
|
|
|
13
13
|
import { Divider } from '../components/divider/Component.js';
|
|
14
14
|
import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
|
|
15
15
|
import { isDayButton } from '../utils.js';
|
|
16
|
-
import { s as styles } from '../index.module-
|
|
17
|
-
import 'date-fns/isEqual';
|
|
18
|
-
import 'date-fns/min';
|
|
16
|
+
import { s as styles } from '../index.module-bb00d701.js';
|
|
19
17
|
|
|
20
18
|
/* eslint-disable complexity */
|
|
21
19
|
const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), defaultMonthPosition = 'left', minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, onError, inputFromProps = {}, inputToProps = {}, offDays, events, returnInvalidDates = false, dataTestId, }) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-calendar-range",
|
|
3
|
-
"version": "7.3.
|
|
3
|
+
"version": "7.3.5",
|
|
4
4
|
"description": "Calendar range component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@alfalab/core-components-calendar": "^7.3.
|
|
19
|
-
"@alfalab/core-components-calendar-input": "^10.2.
|
|
20
|
-
"@alfalab/core-components-date-input": "^4.3.
|
|
18
|
+
"@alfalab/core-components-calendar": "^7.3.2",
|
|
19
|
+
"@alfalab/core-components-calendar-input": "^10.2.3",
|
|
20
|
+
"@alfalab/core-components-date-input": "^4.3.19",
|
|
21
21
|
"@alfalab/hooks": "^1.13.0",
|
|
22
22
|
"classnames": "^2.3.1",
|
|
23
23
|
"date-fns": "^2.16.1",
|
package/views/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1271r */
|
|
2
2
|
:root {
|
|
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 */
|
|
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 */
|
|
@@ -38,16 +38,16 @@
|
|
|
38
38
|
/* disabled */
|
|
39
39
|
|
|
40
40
|
/* marker */
|
|
41
|
-
} .calendar-
|
|
41
|
+
} .calendar-range__component_1jiqx {
|
|
42
42
|
display: flex
|
|
43
|
-
} .calendar-
|
|
43
|
+
} .calendar-range__component_1jiqx button[aria-selected='true'] {
|
|
44
44
|
cursor: pointer;
|
|
45
|
-
} .calendar-
|
|
45
|
+
} .calendar-range__component_1jiqx *[class*='errorIcon_'] {
|
|
46
46
|
display: none;
|
|
47
|
-
} .calendar-
|
|
47
|
+
} .calendar-range__component_1jiqx *[class*='calendarIcon_'] {
|
|
48
48
|
margin-right: 0;
|
|
49
|
-
} .calendar-
|
|
49
|
+
} .calendar-range__static_1jiqx .calendar-range__calendar_1jiqx {
|
|
50
50
|
width: var(--calendar-inner-width)
|
|
51
|
-
} .calendar-
|
|
51
|
+
} .calendar-range__static_1jiqx .calendar-range__calendar_1jiqx > div:first-child {
|
|
52
52
|
padding: var(--gap-m) 0 var(--gap-s);
|
|
53
53
|
}
|
package/views/popover.js
CHANGED
|
@@ -12,12 +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-
|
|
16
|
-
require('date-fns/addMonths');
|
|
17
|
-
require('date-fns/isEqual');
|
|
18
|
-
require('date-fns/max');
|
|
19
|
-
require('date-fns/min');
|
|
20
|
-
require('date-fns/subMonths');
|
|
15
|
+
var index_module = require('../index.module-25d3d918.js');
|
|
21
16
|
|
|
22
17
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
23
18
|
|
package/views/static.js
CHANGED
|
@@ -18,9 +18,7 @@ var coreComponentsDateInput = require('@alfalab/core-components-date-input');
|
|
|
18
18
|
var components_divider_Component = require('../components/divider/Component.js');
|
|
19
19
|
var hooks = require('../hooks.js');
|
|
20
20
|
var utils = require('../utils.js');
|
|
21
|
-
var index_module = require('../index.module-
|
|
22
|
-
require('date-fns/isEqual');
|
|
23
|
-
require('date-fns/min');
|
|
21
|
+
var index_module = require('../index.module-25d3d918.js');
|
|
24
22
|
|
|
25
23
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
26
24
|
|
package/index.module-fc84ce8b.js
DELETED