@alfalab/core-components-calendar-range 4.0.2 → 4.1.1

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 (9) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/Component.js +3 -3
  3. package/dist/cssm/Component.js +2 -2
  4. package/dist/esm/Component.js +3 -3
  5. package/dist/esm/index.css +5 -5
  6. package/dist/index.css +5 -5
  7. package/dist/modern/Component.js +3 -3
  8. package/dist/modern/index.css +5 -5
  9. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,41 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [4.1.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@4.1.0...@alfalab/core-components-calendar-range@4.1.1) (2021-12-08)
7
+
8
+ **Note:** Version bump only for package @alfalab/core-components-calendar-range
9
+
10
+
11
+
12
+
13
+
14
+ # [4.1.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@4.0.4...@alfalab/core-components-calendar-range@4.1.0) (2021-12-08)
15
+
16
+
17
+ ### Features
18
+
19
+ * **calendar:** мобильные стили ([#867](https://github.com/alfa-laboratory/core-components/issues/867)) ([febf545](https://github.com/alfa-laboratory/core-components/commit/febf54551f8179a1ba03fe65ed47aa3b20b01472))
20
+
21
+
22
+
23
+
24
+
25
+ ## [4.0.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@4.0.3...@alfalab/core-components-calendar-range@4.0.4) (2021-12-01)
26
+
27
+ **Note:** Version bump only for package @alfalab/core-components-calendar-range
28
+
29
+
30
+
31
+
32
+
33
+ ## [4.0.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@4.0.2...@alfalab/core-components-calendar-range@4.0.3) (2021-11-26)
34
+
35
+ **Note:** Version bump only for package @alfalab/core-components-calendar-range
36
+
37
+
38
+
39
+
40
+
6
41
  ## [4.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@4.0.1...@alfalab/core-components-calendar-range@4.0.2) (2021-11-22)
7
42
 
8
43
 
package/dist/Component.js CHANGED
@@ -43,7 +43,7 @@ var __assign = function () {
43
43
  return __assign.apply(this, arguments);
44
44
  };
45
45
 
46
- var styles = {"component":"calendar-range__component_7tepy","divider":"calendar-range__divider_7tepy"};
46
+ var styles = {"component":"calendar-range__component_1r5t2","divider":"calendar-range__divider_1r5t2"};
47
47
  require('./index.css')
48
48
 
49
49
  var CalendarRange = function (_a) {
@@ -187,11 +187,11 @@ var CalendarRange = function (_a) {
187
187
  minDate: minDate,
188
188
  });
189
189
  return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
190
- React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, __assign({}, inputFromProps, { calendarPosition: calendarPosition, onInputChange: handleInputFromChange, onCalendarChange: handleFromCalendarChange, value: inputValueFrom.value, minDate: maxMinDates.fromMinDate, maxDate: maxMinDates.fromMaxDate, calendarProps: __assign(__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: selectorView,
190
+ React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, __assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: calendarPosition, onInputChange: handleInputFromChange, onCalendarChange: handleFromCalendarChange, value: inputValueFrom.value, minDate: maxMinDates.fromMinDate, maxDate: maxMinDates.fromMaxDate, calendarProps: __assign(__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: selectorView,
191
191
  selectedFrom: selectedFrom, selectedTo: calendarSelectedTo }) })),
192
192
  React__default['default'].createElement("span", { className: styles.divider }),
193
193
  React__default['default'].createElement("div", { onMouseOver: handleCalendarToMouseOver },
194
- React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, __assign({}, inputToProps, { calendarPosition: calendarPosition, popoverPosition: 'bottom-end', onInputChange: handleInputToChange, onCalendarChange: handleToCalendarChange, value: inputValueTo.value, minDate: maxMinDates.toMinDate, maxDate: maxMinDates.toMaxDate, calendarProps: __assign(__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: selectorView,
194
+ React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, __assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: calendarPosition, popoverPosition: 'bottom-end', onInputChange: handleInputToChange, onCalendarChange: handleToCalendarChange, value: inputValueTo.value, minDate: maxMinDates.toMinDate, maxDate: maxMinDates.toMaxDate, calendarProps: __assign(__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: selectorView,
195
195
  selectedFrom: selectedFrom,
196
196
  selectedTo: selectedTo }) })))));
197
197
  };
package/dist/cssm/Component.js CHANGED
@@ -186,11 +186,11 @@ var CalendarRange = function (_a) {
186
186
  minDate: minDate,
187
187
  });
188
188
  return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
189
- React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, __assign({}, inputFromProps, { calendarPosition: calendarPosition, onInputChange: handleInputFromChange, onCalendarChange: handleFromCalendarChange, value: inputValueFrom.value, minDate: maxMinDates.fromMinDate, maxDate: maxMinDates.fromMaxDate, calendarProps: __assign(__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: selectorView,
189
+ React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, __assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: calendarPosition, onInputChange: handleInputFromChange, onCalendarChange: handleFromCalendarChange, value: inputValueFrom.value, minDate: maxMinDates.fromMinDate, maxDate: maxMinDates.fromMaxDate, calendarProps: __assign(__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: selectorView,
190
190
  selectedFrom: selectedFrom, selectedTo: calendarSelectedTo }) })),
191
191
  React__default['default'].createElement("span", { className: styles__default['default'].divider }),
192
192
  React__default['default'].createElement("div", { onMouseOver: handleCalendarToMouseOver },
193
- React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, __assign({}, inputToProps, { calendarPosition: calendarPosition, popoverPosition: 'bottom-end', onInputChange: handleInputToChange, onCalendarChange: handleToCalendarChange, value: inputValueTo.value, minDate: maxMinDates.toMinDate, maxDate: maxMinDates.toMaxDate, calendarProps: __assign(__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: selectorView,
193
+ React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, __assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: calendarPosition, popoverPosition: 'bottom-end', onInputChange: handleInputToChange, onCalendarChange: handleToCalendarChange, value: inputValueTo.value, minDate: maxMinDates.toMinDate, maxDate: maxMinDates.toMaxDate, calendarProps: __assign(__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: selectorView,
194
194
  selectedFrom: selectedFrom,
195
195
  selectedTo: selectedTo }) })))));
196
196
  };
package/dist/esm/Component.js CHANGED
@@ -34,7 +34,7 @@ var __assign = function () {
34
34
  return __assign.apply(this, arguments);
35
35
  };
36
36
 
37
- var styles = {"component":"calendar-range__component_7tepy","divider":"calendar-range__divider_7tepy"};
37
+ var styles = {"component":"calendar-range__component_1r5t2","divider":"calendar-range__divider_1r5t2"};
38
38
  require('./index.css')
39
39
 
40
40
  var CalendarRange = function (_a) {
@@ -178,11 +178,11 @@ var CalendarRange = function (_a) {
178
178
  minDate: minDate,
179
179
  });
180
180
  return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
181
- React.createElement(CalendarInput, __assign({}, inputFromProps, { calendarPosition: calendarPosition, onInputChange: handleInputFromChange, onCalendarChange: handleFromCalendarChange, value: inputValueFrom.value, minDate: maxMinDates.fromMinDate, maxDate: maxMinDates.fromMaxDate, calendarProps: __assign(__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: selectorView,
181
+ React.createElement(CalendarInput, __assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: calendarPosition, onInputChange: handleInputFromChange, onCalendarChange: handleFromCalendarChange, value: inputValueFrom.value, minDate: maxMinDates.fromMinDate, maxDate: maxMinDates.fromMaxDate, calendarProps: __assign(__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: selectorView,
182
182
  selectedFrom: selectedFrom, selectedTo: calendarSelectedTo }) })),
183
183
  React.createElement("span", { className: styles.divider }),
184
184
  React.createElement("div", { onMouseOver: handleCalendarToMouseOver },
185
- React.createElement(CalendarInput, __assign({}, inputToProps, { calendarPosition: calendarPosition, popoverPosition: 'bottom-end', onInputChange: handleInputToChange, onCalendarChange: handleToCalendarChange, value: inputValueTo.value, minDate: maxMinDates.toMinDate, maxDate: maxMinDates.toMaxDate, calendarProps: __assign(__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: selectorView,
185
+ React.createElement(CalendarInput, __assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: calendarPosition, popoverPosition: 'bottom-end', onInputChange: handleInputToChange, onCalendarChange: handleToCalendarChange, value: inputValueTo.value, minDate: maxMinDates.toMinDate, maxDate: maxMinDates.toMaxDate, calendarProps: __assign(__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: selectorView,
186
186
  selectedFrom: selectedFrom,
187
187
  selectedTo: selectedTo }) })))));
188
188
  };
package/dist/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1yoop */
1
+ /* hash: 16ew0 */
2
2
  :root {
3
3
  --color-light-graphic-primary: #0b1f35;
4
4
  }
@@ -13,13 +13,13 @@
13
13
  :root {
14
14
  --gap-xs: 8px;
15
15
  }
16
- .calendar-range__component_7tepy {
16
+ .calendar-range__component_1r5t2 {
17
17
  display: flex
18
18
  }
19
- .calendar-range__component_7tepy button[aria-selected='true'] {
19
+ .calendar-range__component_1r5t2 button[aria-selected='true'] {
20
20
  cursor: pointer;
21
21
  }
22
- .calendar-range__divider_7tepy {
22
+ .calendar-range__divider_1r5t2 {
23
23
  height: 48px;
24
24
  display: flex;
25
25
  align-items: center;
@@ -27,7 +27,7 @@
27
27
  width: 16px;
28
28
  margin: 0 var(--gap-xs)
29
29
  }
30
- .calendar-range__divider_7tepy:after {
30
+ .calendar-range__divider_1r5t2:after {
31
31
  content: '';
32
32
  display: block;
33
33
  width: 100%;
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1yoop */
1
+ /* hash: 16ew0 */
2
2
  :root {
3
3
  --color-light-graphic-primary: #0b1f35;
4
4
  }
@@ -13,13 +13,13 @@
13
13
  :root {
14
14
  --gap-xs: 8px;
15
15
  }
16
- .calendar-range__component_7tepy {
16
+ .calendar-range__component_1r5t2 {
17
17
  display: flex
18
18
  }
19
- .calendar-range__component_7tepy button[aria-selected='true'] {
19
+ .calendar-range__component_1r5t2 button[aria-selected='true'] {
20
20
  cursor: pointer;
21
21
  }
22
- .calendar-range__divider_7tepy {
22
+ .calendar-range__divider_1r5t2 {
23
23
  height: 48px;
24
24
  display: flex;
25
25
  align-items: center;
@@ -27,7 +27,7 @@
27
27
  width: 16px;
28
28
  margin: 0 var(--gap-xs)
29
29
  }
30
- .calendar-range__divider_7tepy:after {
30
+ .calendar-range__divider_1r5t2:after {
31
31
  content: '';
32
32
  display: block;
33
33
  width: 100%;
package/dist/modern/Component.js CHANGED
@@ -7,7 +7,7 @@ import { initialValueState, getCorrectValueState, isDayButton } from './utils.js
7
7
  import { useCalendarMonthes } from './useCalendarMonthes.js';
8
8
  import { useCalendarMaxMinDates } from './useCalendarMaxMinDates.js';
9
9
 
10
- var styles = {"component":"calendar-range__component_7tepy","divider":"calendar-range__divider_7tepy"};
10
+ var styles = {"component":"calendar-range__component_1r5t2","divider":"calendar-range__divider_1r5t2"};
11
11
  require('./index.css')
12
12
 
13
13
  /* eslint-disable multiline-comment-style */
@@ -149,7 +149,7 @@ const CalendarRange = ({ className, defaultMonth = startOfMonth(new Date()).getT
149
149
  minDate,
150
150
  });
151
151
  return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
152
- React.createElement(CalendarInput, Object.assign({}, inputFromProps, { calendarPosition: calendarPosition, onInputChange: handleInputFromChange, onCalendarChange: handleFromCalendarChange, value: inputValueFrom.value, minDate: maxMinDates.fromMinDate, maxDate: maxMinDates.fromMaxDate, calendarProps: {
152
+ React.createElement(CalendarInput, Object.assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: calendarPosition, onInputChange: handleInputFromChange, onCalendarChange: handleFromCalendarChange, value: inputValueFrom.value, minDate: maxMinDates.fromMinDate, maxDate: maxMinDates.fromMaxDate, calendarProps: {
153
153
  ...inputFromProps.calendarProps,
154
154
  month: monthFrom,
155
155
  onMonthChange: handleMonthFromChange,
@@ -159,7 +159,7 @@ const CalendarRange = ({ className, defaultMonth = startOfMonth(new Date()).getT
159
159
  } })),
160
160
  React.createElement("span", { className: styles.divider }),
161
161
  React.createElement("div", { onMouseOver: handleCalendarToMouseOver },
162
- React.createElement(CalendarInput, Object.assign({}, inputToProps, { calendarPosition: calendarPosition, popoverPosition: 'bottom-end', onInputChange: handleInputToChange, onCalendarChange: handleToCalendarChange, value: inputValueTo.value, minDate: maxMinDates.toMinDate, maxDate: maxMinDates.toMaxDate, calendarProps: {
162
+ React.createElement(CalendarInput, Object.assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: calendarPosition, popoverPosition: 'bottom-end', onInputChange: handleInputToChange, onCalendarChange: handleToCalendarChange, value: inputValueTo.value, minDate: maxMinDates.toMinDate, maxDate: maxMinDates.toMaxDate, calendarProps: {
163
163
  ...inputToProps.calendarProps,
164
164
  month: monthTo,
165
165
  onMonthChange: handleMonthToChange,
package/dist/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1yoop */
1
+ /* hash: 16ew0 */
2
2
  :root {
3
3
  --color-light-graphic-primary: #0b1f35;
4
4
  }
@@ -13,13 +13,13 @@
13
13
  :root {
14
14
  --gap-xs: 8px;
15
15
  }
16
- .calendar-range__component_7tepy {
16
+ .calendar-range__component_1r5t2 {
17
17
  display: flex
18
18
  }
19
- .calendar-range__component_7tepy button[aria-selected='true'] {
19
+ .calendar-range__component_1r5t2 button[aria-selected='true'] {
20
20
  cursor: pointer;
21
21
  }
22
- .calendar-range__divider_7tepy {
22
+ .calendar-range__divider_1r5t2 {
23
23
  height: 48px;
24
24
  display: flex;
25
25
  align-items: center;
@@ -27,7 +27,7 @@
27
27
  width: 16px;
28
28
  margin: 0 var(--gap-xs)
29
29
  }
30
- .calendar-range__divider_7tepy:after {
30
+ .calendar-range__divider_1r5t2:after {
31
31
  content: '';
32
32
  display: block;
33
33
  width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-range",
3
- "version": "4.0.2",
3
+ "version": "4.1.1",
4
4
  "description": "Calendar range component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,11 +19,11 @@
19
19
  "react-dom": "^16.9.0 || ^17.0.1"
20
20
  },
21
21
  "dependencies": {
22
- "@alfalab/core-components-calendar": "^3.1.3",
23
- "@alfalab/core-components-calendar-input": "^5.0.1",
22
+ "@alfalab/core-components-calendar": "^3.2.1",
23
+ "@alfalab/core-components-calendar-input": "^5.1.1",
24
24
  "classnames": "^2.2.6",
25
25
  "date-fns": "^2.16.1",
26
26
  "react-merge-refs": "^1.1.0"
27
27
  },
28
- "gitHead": "2a8b800f1b882adc98f8cfc8e596d004cdceb6ae"
28
+ "gitHead": "d5c570e62d70bb812383c22a968f6743e843e82b"
29
29
  }