@alfalab/core-components-calendar-range 7.1.6 → 7.2.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 (110) hide show
  1. package/Component-5684a67d.d.ts +18 -0
  2. package/Component-63dec22f.d.ts +24 -0
  3. package/Component-e2b6c730.d.ts +23 -0
  4. package/Component.desktop-2e2b2125.d.ts +6 -0
  5. package/Component.desktop-e2b6c730.d.ts +134 -0
  6. package/Component.js +4 -2
  7. package/Component.responsive-2e2b2125.d.ts +68 -0
  8. package/components/divider/Component.js +1 -1
  9. package/components/divider/index.css +8 -8
  10. package/cssm/Component-5684a67d.d.ts +18 -0
  11. package/cssm/Component-63dec22f.d.ts +24 -0
  12. package/cssm/Component-e2b6c730.d.ts +23 -0
  13. package/cssm/Component.desktop-2e2b2125.d.ts +6 -0
  14. package/cssm/Component.desktop-e2b6c730.d.ts +134 -0
  15. package/cssm/Component.js +3 -1
  16. package/cssm/Component.responsive-2e2b2125.d.ts +68 -0
  17. package/cssm/desktop-63dec22f.d.ts +2 -0
  18. package/cssm/index-9211a437.d.ts +2 -0
  19. package/cssm/index-ebda875c.d.ts +2 -0
  20. package/cssm/index-f034f741.d.ts +2 -0
  21. package/cssm/index.js +3 -1
  22. package/cssm/shared-848397c5.d.ts +35 -0
  23. package/cssm/shared-c111a9fd.d.ts +13 -0
  24. package/cssm/typings-5684a67d.d.ts +23 -0
  25. package/cssm/typings-9211a437.d.ts +95 -0
  26. package/cssm/useCalendar-71d94e2b.d.ts +97 -0
  27. package/cssm/utils-e0a54580.d.ts +8 -0
  28. package/cssm/utils-e2b6c730.d.ts +88 -0
  29. package/cssm/views/popover.js +9 -8
  30. package/cssm/views/static.js +18 -17
  31. package/desktop-63dec22f.d.ts +2 -0
  32. package/esm/Component-5684a67d.d.ts +18 -0
  33. package/esm/Component-63dec22f.d.ts +24 -0
  34. package/esm/Component-e2b6c730.d.ts +23 -0
  35. package/esm/Component.desktop-2e2b2125.d.ts +6 -0
  36. package/esm/Component.desktop-e2b6c730.d.ts +134 -0
  37. package/esm/Component.js +4 -2
  38. package/esm/Component.responsive-2e2b2125.d.ts +68 -0
  39. package/esm/components/divider/Component.js +1 -1
  40. package/esm/components/divider/index.css +8 -8
  41. package/esm/desktop-63dec22f.d.ts +2 -0
  42. package/esm/index-9211a437.d.ts +2 -0
  43. package/esm/index-ebda875c.d.ts +2 -0
  44. package/esm/index-f034f741.d.ts +2 -0
  45. package/esm/index.js +4 -2
  46. package/esm/index.module-46b1abbe.js +4 -0
  47. package/esm/shared-848397c5.d.ts +35 -0
  48. package/esm/shared-c111a9fd.d.ts +13 -0
  49. package/esm/typings-5684a67d.d.ts +23 -0
  50. package/esm/typings-9211a437.d.ts +95 -0
  51. package/esm/useCalendar-71d94e2b.d.ts +97 -0
  52. package/esm/utils-e0a54580.d.ts +8 -0
  53. package/esm/utils-e2b6c730.d.ts +88 -0
  54. package/esm/views/index.css +7 -7
  55. package/esm/views/popover.js +3 -2
  56. package/esm/views/static.js +6 -5
  57. package/index-9211a437.d.ts +2 -0
  58. package/index-ebda875c.d.ts +2 -0
  59. package/index-f034f741.d.ts +2 -0
  60. package/index.js +4 -2
  61. package/index.module-2681dffc.js +6 -0
  62. package/modern/Component-5684a67d.d.ts +18 -0
  63. package/modern/Component-63dec22f.d.ts +24 -0
  64. package/modern/Component-e2b6c730.d.ts +23 -0
  65. package/modern/Component.desktop-2e2b2125.d.ts +6 -0
  66. package/modern/Component.desktop-e2b6c730.d.ts +134 -0
  67. package/modern/Component.js +4 -2
  68. package/modern/Component.responsive-2e2b2125.d.ts +68 -0
  69. package/modern/components/divider/Component.js +1 -1
  70. package/modern/components/divider/index.css +8 -8
  71. package/modern/desktop-63dec22f.d.ts +2 -0
  72. package/modern/index-9211a437.d.ts +2 -0
  73. package/modern/index-ebda875c.d.ts +2 -0
  74. package/modern/index-f034f741.d.ts +2 -0
  75. package/modern/index.js +4 -2
  76. package/modern/index.module-95129248.js +4 -0
  77. package/modern/shared-848397c5.d.ts +35 -0
  78. package/modern/shared-c111a9fd.d.ts +13 -0
  79. package/modern/typings-5684a67d.d.ts +23 -0
  80. package/modern/typings-9211a437.d.ts +95 -0
  81. package/modern/useCalendar-71d94e2b.d.ts +97 -0
  82. package/modern/utils-e0a54580.d.ts +8 -0
  83. package/modern/utils-e2b6c730.d.ts +88 -0
  84. package/modern/views/index.css +7 -7
  85. package/modern/views/popover.js +3 -2
  86. package/modern/views/static.js +6 -5
  87. package/package.json +4 -4
  88. package/shared-848397c5.d.ts +35 -0
  89. package/shared-c111a9fd.d.ts +13 -0
  90. package/src/Component.tsx +113 -0
  91. package/src/components/divider/Component.tsx +23 -0
  92. package/src/components/divider/index.module.css +41 -0
  93. package/src/components/divider/index.ts +1 -0
  94. package/src/hooks.ts +201 -0
  95. package/src/index.ts +1 -0
  96. package/src/utils.ts +2 -0
  97. package/src/views/index.module.css +28 -0
  98. package/src/views/popover.tsx +223 -0
  99. package/src/views/static.tsx +338 -0
  100. package/typings-5684a67d.d.ts +23 -0
  101. package/typings-9211a437.d.ts +95 -0
  102. package/useCalendar-71d94e2b.d.ts +97 -0
  103. package/utils-e0a54580.d.ts +8 -0
  104. package/utils-e2b6c730.d.ts +88 -0
  105. package/views/index.css +7 -7
  106. package/views/popover.js +10 -9
  107. package/views/static.js +19 -18
  108. package/esm/index.module-8ff2af7b.js +0 -4
  109. package/index.module-bda4cfcc.js +0 -6
  110. package/modern/index.module-0176534f.js +0 -4
package/views/popover.js CHANGED
@@ -7,11 +7,12 @@ var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var startOfMonth = require('date-fns/startOfMonth');
9
9
  var coreComponentsCalendarInput = require('@alfalab/core-components-calendar-input');
10
+ var shared = require('@alfalab/core-components-calendar-input/shared');
10
11
  var coreComponentsDateInput = require('@alfalab/core-components-date-input');
11
12
  var hooks$1 = require('@alfalab/hooks');
12
13
  var components_divider_Component = require('../components/divider/Component.js');
13
14
  var hooks = require('../hooks.js');
14
- var index_module = require('../index.module-bda4cfcc.js');
15
+ var index_module = require('../index.module-2681dffc.js');
15
16
  require('date-fns/addMonths');
16
17
  require('date-fns/isEqual');
17
18
  require('date-fns/max');
@@ -34,17 +35,17 @@ var CalendarRangePopover = function (_a) {
34
35
  * — при следующем открытии в календаре будет установлен начальный месяц
35
36
  */
36
37
  var _o = React.useState(0), resetKey = _o[0], setResetKey = _o[1];
37
- var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
38
- ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime()
38
+ var dateFrom = shared.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
39
+ ? shared.parseDateString(inputFromValue).getTime()
39
40
  : null;
40
- var dateTo = coreComponentsCalendarInput.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
41
- ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
41
+ var dateTo = shared.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
42
+ ? shared.parseDateString(inputToValue).getTime()
42
43
  : null;
43
44
  var _p = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
44
45
  var _q = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _q[0], setInputToInvalid = _q[1];
45
46
  var bothInvalid = coreComponentsDateInput.isCompleteDateInput(inputFromValue) &&
46
47
  coreComponentsDateInput.isCompleteDateInput(inputToValue) &&
47
- coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() > coreComponentsCalendarInput.parseDateString(inputToValue).getTime();
48
+ shared.parseDateString(inputFromValue).getTime() > shared.parseDateString(inputToValue).getTime();
48
49
  var hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;
49
50
  var _r = hooks.usePopoverViewMonthes({
50
51
  dateFrom: dateFrom,
@@ -53,11 +54,11 @@ var CalendarRangePopover = function (_a) {
53
54
  resetKey: resetKey,
54
55
  }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
55
56
  var handleValidInputFrom = React.useCallback(function () {
56
- setInputFromInvalid(inputFromValue !== '' && !coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays));
57
+ setInputFromInvalid(inputFromValue !== '' && !shared.isValidInputValue(inputFromValue, minDate, maxDate, offDays));
57
58
  }, [inputFromValue, maxDate, minDate, offDays]);
58
59
  var handleValidInputTo = React.useCallback(function () {
59
60
  setInputToInvalid(inputToValue !== '' &&
60
- !coreComponentsCalendarInput.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays));
61
+ !shared.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays));
61
62
  }, [dateFrom, inputToValue, maxDate, minDate, offDays]);
62
63
  var handleInputFromChange = function (event, payload) {
63
64
  var _a;
@@ -107,7 +108,7 @@ var CalendarRangePopover = function (_a) {
107
108
  // eslint-disable-next-line no-nested-ternary
108
109
  var inputDateTo = returnInvalidDates
109
110
  ? coreComponentsDateInput.isCompleteDateInput(inputToValue)
110
- ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
111
+ ? shared.parseDateString(inputToValue).getTime()
111
112
  : null
112
113
  : dateTo;
113
114
  onChange({
package/views/static.js CHANGED
@@ -11,13 +11,14 @@ var isSameMonth = require('date-fns/isSameMonth');
11
11
  var max = require('date-fns/max');
12
12
  var startOfMonth = require('date-fns/startOfMonth');
13
13
  var subMonths = require('date-fns/subMonths');
14
- var coreComponentsCalendar = require('@alfalab/core-components-calendar');
15
- var coreComponentsCalendarInput = require('@alfalab/core-components-calendar-input');
14
+ var desktop = require('@alfalab/core-components-calendar/desktop');
15
+ var shared$1 = require('@alfalab/core-components-calendar/shared');
16
+ var shared = require('@alfalab/core-components-calendar-input/shared');
16
17
  var coreComponentsDateInput = require('@alfalab/core-components-date-input');
17
18
  var components_divider_Component = require('../components/divider/Component.js');
18
19
  var hooks = require('../hooks.js');
19
20
  var utils = require('../utils.js');
20
- var index_module = require('../index.module-bda4cfcc.js');
21
+ var index_module = require('../index.module-2681dffc.js');
21
22
  require('date-fns/isEqual');
22
23
  require('date-fns/min');
23
24
 
@@ -36,25 +37,25 @@ var CalendarRangeStatic = function (_a) {
36
37
  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;
37
38
  var _m = React.useState(valueFrom), inputFromValue = _m[0], setInputFromValue = _m[1];
38
39
  var _o = React.useState(valueTo), inputToValue = _o[0], setInputToValue = _o[1];
39
- var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
40
- ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime()
40
+ var dateFrom = shared.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
41
+ ? shared.parseDateString(inputFromValue).getTime()
41
42
  : null;
42
- var dateTo = coreComponentsCalendarInput.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
43
- ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
43
+ var dateTo = shared.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
44
+ ? shared.parseDateString(inputToValue).getTime()
44
45
  : null;
45
46
  if (coreComponentsDateInput.isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {
46
47
  dateFrom = null;
47
48
  }
48
49
  var bothInvalid = coreComponentsDateInput.isCompleteDateInput(inputFromValue) &&
49
50
  coreComponentsDateInput.isCompleteDateInput(inputToValue) &&
50
- coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() > coreComponentsCalendarInput.parseDateString(inputToValue).getTime();
51
+ shared.parseDateString(inputFromValue).getTime() > shared.parseDateString(inputToValue).getTime();
51
52
  var _p = React.useState(undefined), highlightedDate = _p[0], setHighlightedDate = _p[1];
52
- var period = coreComponentsCalendar.usePeriodWithReset({
53
- initialSelectedFrom: dateFrom ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() : undefined,
54
- initialSelectedTo: dateTo ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime() : undefined,
53
+ var period = shared$1.usePeriodWithReset({
54
+ initialSelectedFrom: dateFrom ? shared.parseDateString(inputFromValue).getTime() : undefined,
55
+ initialSelectedTo: dateTo ? shared.parseDateString(inputToValue).getTime() : undefined,
55
56
  });
56
- var validateInputFromValue = React.useCallback(function (value) { return coreComponentsCalendarInput.isValidInputValue(value, minDate, dateFrom || maxDate, offDays); }, [dateFrom, maxDate, minDate, offDays]);
57
- var validateInputToValue = React.useCallback(function (value) { return coreComponentsCalendarInput.isValidInputValue(value, dateFrom || minDate, maxDate, offDays); }, [dateFrom, minDate, maxDate, offDays]);
57
+ var validateInputFromValue = React.useCallback(function (value) { return shared.isValidInputValue(value, minDate, dateFrom || maxDate, offDays); }, [dateFrom, maxDate, minDate, offDays]);
58
+ var validateInputToValue = React.useCallback(function (value) { return shared.isValidInputValue(value, dateFrom || minDate, maxDate, offDays); }, [dateFrom, minDate, maxDate, offDays]);
58
59
  var _q = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _q[0], setInputFromInvalid = _q[1];
59
60
  var _r = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _r[0], setInputToInvalid = _r[1];
60
61
  var hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;
@@ -99,10 +100,10 @@ var CalendarRangeStatic = function (_a) {
99
100
  setInputToValue('');
100
101
  }, []);
101
102
  React.useEffect(function () {
102
- setInputFromValue(period.selectedFrom ? coreComponentsCalendarInput.formatDate(period.selectedFrom) : '');
103
+ setInputFromValue(period.selectedFrom ? shared.formatDate(period.selectedFrom) : '');
103
104
  }, [period.selectedFrom]);
104
105
  React.useEffect(function () {
105
- setInputToValue(period.selectedTo ? coreComponentsCalendarInput.formatDate(period.selectedTo) : '');
106
+ setInputToValue(period.selectedTo ? shared.formatDate(period.selectedTo) : '');
106
107
  }, [period.selectedTo]);
107
108
  React.useEffect(function () {
108
109
  setInputFromValue(valueFrom);
@@ -144,7 +145,7 @@ var CalendarRangeStatic = function (_a) {
144
145
  // eslint-disable-next-line no-nested-ternary
145
146
  var inputDateTo = returnInvalidDates
146
147
  ? coreComponentsDateInput.isCompleteDateInput(inputToValue)
147
- ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
148
+ ? shared.parseDateString(inputToValue).getTime()
148
149
  : null
149
150
  : dateTo;
150
151
  onDateToChange({
@@ -167,8 +168,8 @@ var CalendarRangeStatic = function (_a) {
167
168
  // eslint-disable-next-line react-hooks/exhaustive-deps
168
169
  }, [hasValidateError]);
169
170
  var rangeProps = hooks.useSelectionProps(period.selectedFrom, period.selectedTo, highlightedDate);
170
- var CalendarFromComponent = dateInputFromProps.Calendar || coreComponentsCalendar.Calendar;
171
- var CalendarToComponent = dateInputToProps.Calendar || coreComponentsCalendar.Calendar;
171
+ var CalendarFromComponent = dateInputFromProps.Calendar || desktop.CalendarDesktop;
172
+ var CalendarToComponent = dateInputToProps.Calendar || desktop.CalendarDesktop;
172
173
  var minMaxInSameMonth = minDate && maxDate && isSameMonth__default.default(minDate, maxDate);
173
174
  return (
174
175
  // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
@@ -1,4 +0,0 @@
1
- var styles = {"component":"calendar-range__component_pekez","static":"calendar-range__static_pekez","calendar":"calendar-range__calendar_pekez"};
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_pekez","static":"calendar-range__static_pekez","calendar":"calendar-range__calendar_pekez"};
4
- require('./views/index.css')
5
-
6
- exports.styles = styles;
@@ -1,4 +0,0 @@
1
- const styles = {"component":"calendar-range__component_pekez","static":"calendar-range__static_pekez","calendar":"calendar-range__calendar_pekez"};
2
- require('./views/index.css')
3
-
4
- export { styles as s };