@spothero/ui 17.1.0-beta.3 → 17.1.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 (38) hide show
  1. package/dist/components/Alert/Alert.js +29 -18
  2. package/dist/components/Alert/Alert.stories.js +56 -39
  3. package/dist/components/FormControl/FormControl.js +3 -2
  4. package/dist/components/Modal/Modal.js +11 -2
  5. package/dist/components/Toast/Toast.stories.js +102 -0
  6. package/dist/components/index.js +7 -16
  7. package/dist/components/styles.js +12 -20
  8. package/dist/theme/base/index.js +21 -1
  9. package/dist/{components/Alert/styles/index.js → theme/base/notifications.js} +79 -65
  10. package/package.json +6 -6
  11. package/dist/components/Datepicker/Range/DatepickerRange.js +0 -67
  12. package/dist/components/Datepicker/Range/DatepickerRange.stories.js +0 -427
  13. package/dist/components/Datepicker/Range/DatepickerRangeContext.js +0 -80
  14. package/dist/components/Datepicker/Range/components/DateRow.js +0 -261
  15. package/dist/components/Datepicker/Range/components/DatepickerRangeContainer.js +0 -227
  16. package/dist/components/Datepicker/Range/components/DatepickerRangeControls.js +0 -80
  17. package/dist/components/Datepicker/Range/components/index.js +0 -31
  18. package/dist/components/Datepicker/Range/utils/propTypes.js +0 -158
  19. package/dist/components/Datepicker/Single/Datepicker.stories.js +0 -314
  20. package/dist/components/Datepicker/Single/DatepickerContext.js +0 -65
  21. package/dist/components/Datepicker/Single/DatepickerSingle.js +0 -54
  22. package/dist/components/Datepicker/Single/components/DateRow.js +0 -146
  23. package/dist/components/Datepicker/Single/components/DatepickerContainer.js +0 -167
  24. package/dist/components/Datepicker/Single/components/DatepickerControl.js +0 -51
  25. package/dist/components/Datepicker/Single/components/index.js +0 -31
  26. package/dist/components/Datepicker/Single/utils/propTypes.js +0 -88
  27. package/dist/components/Datepicker/common/components/DatepickerDays.js +0 -111
  28. package/dist/components/Datepicker/common/components/DatepickerHeader.js +0 -118
  29. package/dist/components/Datepicker/common/components/DatepickerInput.js +0 -127
  30. package/dist/components/Datepicker/common/components/WithPopoverAnchor.js +0 -23
  31. package/dist/components/Datepicker/common/components/WithPortal.js +0 -26
  32. package/dist/components/Datepicker/common/components/index.js +0 -39
  33. package/dist/components/Datepicker/common/utils/constants.js +0 -43
  34. package/dist/components/Datepicker/common/utils/dateRowCalculations.js +0 -92
  35. package/dist/components/Datepicker/common/utils/generalCalculations.js +0 -71
  36. package/dist/components/Datepicker/common/utils/getWeeksOfMonth.js +0 -51
  37. package/dist/components/Datepicker/common/utils/sharedPropTypes.js +0 -147
  38. package/dist/components/Datepicker/index.js +0 -23
@@ -1,118 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
-
5
- var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
-
7
- var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
-
9
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
- Object.defineProperty(exports, "__esModule", {
12
- value: true
13
- });
14
- exports.default = void 0;
15
-
16
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
17
-
18
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
19
-
20
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
21
-
22
- var _react = _interopRequireWildcard(require("react"));
23
-
24
- var _react2 = require("@chakra-ui/react");
25
-
26
- var _chevronLeft = _interopRequireDefault(require("@spothero/icons/chevron-left"));
27
-
28
- var _chevronRight = _interopRequireDefault(require("@spothero/icons/chevron-right"));
29
-
30
- var _constants = require("../utils/constants");
31
-
32
- var _sharedPropTypes = require("../utils/sharedPropTypes");
33
-
34
- function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
35
-
36
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
37
-
38
- var monthSelectionButtonStyleProps = {
39
- size: 'sm',
40
- variant: 'ghost',
41
- borderColor: 'transparent',
42
- _hover: {
43
- backgroundColor: 'gray.200'
44
- }
45
- };
46
- var monthTitleStyleProps = {
47
- flex: '1',
48
- justifyContent: 'center',
49
- fontWeight: 'semibold',
50
- fontSize: 'xl'
51
- };
52
-
53
- var DatepickerHeader = function DatepickerHeader(_ref) {
54
- var _context;
55
-
56
- var datepickerHeaderOverrides = _ref.datepickerHeaderOverrides,
57
- context = _ref.context;
58
-
59
- var _useContext = (0, _react.useContext)(context),
60
- _useContext$date = (0, _slicedToArray2.default)(_useContext.date, 2),
61
- date = _useContext$date[0],
62
- setDate = _useContext$date[1];
63
-
64
- var month = date.getMonth();
65
- var year = date.getFullYear();
66
-
67
- var onChange = function onChange(dir) {
68
- return function () {
69
- var terminator = dir === _constants.CALENDAR_CONTROL_DIRECTIONS.Backward ? 0 : 11;
70
- var adder = dir === _constants.CALENDAR_CONTROL_DIRECTIONS.Backward ? -1 : 1;
71
-
72
- if (month === terminator) {
73
- date.setFullYear(year + adder, Math.abs(11 - month));
74
- } else {
75
- date.setMonth(month + adder);
76
- }
77
-
78
- setDate(new Date(date));
79
- };
80
- };
81
-
82
- var monthName = _constants.FULL_MONTH_NAMES[date.getMonth()];
83
- /* eslint-disable react/jsx-curly-brace-presence */
84
-
85
-
86
- return /*#__PURE__*/_react.default.createElement(_react2.Flex, (0, _extends2.default)({
87
- "data-testid": "DatepickerHeader-HeaderContainer",
88
- alignItems: "center",
89
- marginBottom: 2,
90
- width: "100%"
91
- }, datepickerHeaderOverrides === null || datepickerHeaderOverrides === void 0 ? void 0 : datepickerHeaderOverrides.headerContainer), /*#__PURE__*/_react.default.createElement(_react2.IconButton, (0, _extends2.default)({
92
- "data-testid": "DatepickerHeader-IconButton-Left",
93
- icon: /*#__PURE__*/_react.default.createElement(_chevronLeft.default, {
94
- height: 16,
95
- width: 16,
96
- fill: "black"
97
- }),
98
- onClick: onChange(_constants.CALENDAR_CONTROL_DIRECTIONS.Backward),
99
- "aria-label": "previous month"
100
- }, monthSelectionButtonStyleProps, datepickerHeaderOverrides === null || datepickerHeaderOverrides === void 0 ? void 0 : datepickerHeaderOverrides.iconButton)), /*#__PURE__*/_react.default.createElement(_react2.Flex, (0, _extends2.default)({
101
- "data-testid": "DatepickerHeader-MonthTitle",
102
- "aria-live": "polite",
103
- id: "id-grid-label"
104
- }, monthTitleStyleProps, datepickerHeaderOverrides === null || datepickerHeaderOverrides === void 0 ? void 0 : datepickerHeaderOverrides.title), (0, _concat.default)(_context = "".concat(monthName, " ")).call(_context, year)), /*#__PURE__*/_react.default.createElement(_react2.IconButton, (0, _extends2.default)({
105
- "data-testid": "DatepickerHeader-IconButton-Right",
106
- icon: /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
107
- height: 16,
108
- width: 16,
109
- fill: "black"
110
- }),
111
- onClick: onChange(_constants.CALENDAR_CONTROL_DIRECTIONS.Forward),
112
- "aria-label": "next month"
113
- }, monthSelectionButtonStyleProps, datepickerHeaderOverrides === null || datepickerHeaderOverrides === void 0 ? void 0 : datepickerHeaderOverrides.iconButton)));
114
- /* eslint-enable react/jsx-curly-brace-presence */
115
- };
116
-
117
- var _default = DatepickerHeader;
118
- exports.default = _default;
@@ -1,127 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
-
5
- var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
-
7
- var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
-
9
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
- Object.defineProperty(exports, "__esModule", {
12
- value: true
13
- });
14
- exports.default = void 0;
15
-
16
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _react2 = require("@chakra-ui/react");
21
-
22
- var _calendar = _interopRequireDefault(require("@spothero/icons/calendar"));
23
-
24
- var _sharedPropTypes = require("../utils/sharedPropTypes");
25
-
26
- var _generalCalculations = require("../utils/generalCalculations");
27
-
28
- var _WithPopoverAnchor = _interopRequireDefault(require("./WithPopoverAnchor"));
29
-
30
- function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
-
32
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
33
-
34
- var formLabelStyleProps = {
35
- as: 'label',
36
- fontSize: 'sm',
37
- fontWeight: 'semibold',
38
- color: 'text.secondary.light',
39
- marginBottom: 1
40
- };
41
- var formErrorMessageStyleProps = {
42
- color: 'error',
43
- fontSize: 'xs',
44
- marginTop: 1
45
- };
46
-
47
- var getInputStyleProps = function getInputStyleProps(isOpen, isSelected, useInputIcons) {
48
- return {
49
- paddingRight: useInputIcons ? '2.625rem' : 'initial',
50
- borderColor: isOpen && isSelected ? 'brandBlue' : 'gray.medium',
51
- _hover: {
52
- borderColor: isOpen && isSelected ? 'primary.600' : 'gray.300'
53
- }
54
- };
55
- };
56
-
57
- var DatepickerInput = function DatepickerInput(_ref) {
58
- var _ref$asSingle = _ref.asSingle,
59
- asSingle = _ref$asSingle === void 0 ? false : _ref$asSingle,
60
- isSelected = _ref.isSelected,
61
- onClick = _ref.onClick,
62
- selectionPosition = _ref.selectionPosition,
63
- value = _ref.value,
64
- useInputIcons = _ref.useInputIcons,
65
- isInputInvalid = _ref.isInputInvalid,
66
- inputLabelText = _ref.inputLabelText,
67
- placeholderText = _ref.placeholderText,
68
- errorText = _ref.errorText,
69
- context = _ref.context,
70
- inputComponentOverrides = _ref.inputComponentOverrides;
71
-
72
- var _useContext = (0, _react.useContext)(context),
73
- _useContext$disclosur = _useContext.disclosure,
74
- onOpen = _useContext$disclosur.onOpen,
75
- onClose = _useContext$disclosur.onClose,
76
- isOpen = _useContext$disclosur.isOpen;
77
-
78
- var dataTestIDString = "DatepickerInput".concat(asSingle ? '' : "-".concat(selectionPosition));
79
-
80
- var handleKeyboardControls = function handleKeyboardControls(evt) {
81
- var keyCode = evt.code;
82
-
83
- if (keyCode === 'Enter' || keyCode === 'Space') {
84
- onOpen();
85
- } else if (keyCode === 'Escape') {
86
- onClose();
87
- }
88
- };
89
-
90
- return /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _extends2.default)({
91
- "data-testid": "".concat(dataTestIDString, "-InputComponentContainer"),
92
- width: "100%"
93
- }, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.inputGroupContainer), /*#__PURE__*/_react.default.createElement(_react2.FormControl, (0, _extends2.default)({
94
- "data-testid": "".concat(dataTestIDString, "-FormControl"),
95
- isInvalid: isInputInvalid
96
- }, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.formControl), inputLabelText && /*#__PURE__*/_react.default.createElement(_react2.FormLabel, (0, _extends2.default)({
97
- "data-testid": "".concat(dataTestIDString, "-FormLabel")
98
- }, formLabelStyleProps, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.formLabel), inputLabelText), /*#__PURE__*/_react.default.createElement(_WithPopoverAnchor.default, {
99
- isSelected: asSingle ? isOpen : isSelected
100
- }, /*#__PURE__*/_react.default.createElement(_react2.InputGroup, (0, _extends2.default)({
101
- "data-testid": "".concat(dataTestIDString, "-InputGroup")
102
- }, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.inputGroup), /*#__PURE__*/_react.default.createElement(_react2.Input, (0, _extends2.default)({
103
- "data-testid": "".concat(dataTestIDString, "-InputField"),
104
- name: dataTestIDString,
105
- placeholder: placeholderText,
106
- value: (0, _generalCalculations.formatValueForInputDisplay)(value),
107
- onClick: onClick,
108
- onKeyDown: handleKeyboardControls,
109
- isReadOnly: true
110
- }, getInputStyleProps(isOpen, asSingle ? true : isSelected, useInputIcons), inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.input)), useInputIcons && /*#__PURE__*/_react.default.createElement(_react2.InputRightElement, (0, _extends2.default)({
111
- "data-testid": "".concat(dataTestIDString, "-InputRightElement"),
112
- color: isInputInvalid ? 'error' : 'gray.dark',
113
- pointerEvents: "none",
114
- zIndex: "base"
115
- }, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.inputRightElement), /*#__PURE__*/_react.default.createElement(_react2.Icon, {
116
- "data-testid": "".concat(dataTestIDString, "-InputRightElement-Icon"),
117
- as: _calendar.default,
118
- color: "inherit",
119
- height: 5,
120
- width: 5
121
- })))), /*#__PURE__*/_react.default.createElement(_react2.FormErrorMessage, (0, _extends2.default)({
122
- "data-testid": "".concat(dataTestIDString, "-FormErrorMessage")
123
- }, formErrorMessageStyleProps, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.formErrorMessage), errorText)));
124
- };
125
-
126
- var _default = DatepickerInput;
127
- exports.default = _default;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _react2 = require("@chakra-ui/react");
13
-
14
- var WithPopoverAnchor = function WithPopoverAnchor(_ref) {
15
- var isSelected = _ref.isSelected,
16
- children = _ref.children;
17
- return isSelected ? /*#__PURE__*/_react.default.createElement(_react2.PopoverAnchor, {
18
- "data-testid": "Datepicker-PopoverAnchor"
19
- }, children) : children;
20
- };
21
-
22
- var _default = WithPopoverAnchor;
23
- exports.default = _default;
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _react2 = require("@chakra-ui/react");
15
-
16
- var WithPortal = function WithPortal(_ref) {
17
- var usePortal = _ref.usePortal,
18
- children = _ref.children,
19
- overrideProps = _ref.overrideProps;
20
- return usePortal ? /*#__PURE__*/_react.default.createElement(_react2.Portal, (0, _extends2.default)({
21
- "data-testid": "Datepicker-Portal"
22
- }, overrideProps), children) : children;
23
- };
24
-
25
- var _default = WithPortal;
26
- exports.default = _default;
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "DatepickerDays", {
9
- enumerable: true,
10
- get: function get() {
11
- return _DatepickerDays.default;
12
- }
13
- });
14
- Object.defineProperty(exports, "DatepickerHeader", {
15
- enumerable: true,
16
- get: function get() {
17
- return _DatepickerHeader.default;
18
- }
19
- });
20
- Object.defineProperty(exports, "DatepickerInput", {
21
- enumerable: true,
22
- get: function get() {
23
- return _DatepickerInput.default;
24
- }
25
- });
26
- Object.defineProperty(exports, "WithPortal", {
27
- enumerable: true,
28
- get: function get() {
29
- return _WithPortal.default;
30
- }
31
- });
32
-
33
- var _WithPortal = _interopRequireDefault(require("./WithPortal"));
34
-
35
- var _DatepickerDays = _interopRequireDefault(require("./DatepickerDays"));
36
-
37
- var _DatepickerInput = _interopRequireDefault(require("./DatepickerInput"));
38
-
39
- var _DatepickerHeader = _interopRequireDefault(require("./DatepickerHeader"));
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.FULL_MONTH_NAMES = exports.DAY_NAMES = exports.CALENDAR_CONTROL_DIRECTIONS = void 0;
9
-
10
- var _freeze = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/freeze"));
11
-
12
- var _symbol = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol"));
13
-
14
- var DAY_NAMES = [{
15
- abbv: 'Su',
16
- full: 'Sunday'
17
- }, {
18
- abbv: 'Mo',
19
- full: 'Monday'
20
- }, {
21
- abbv: 'Tu',
22
- full: 'Tuesday'
23
- }, {
24
- abbv: 'We',
25
- full: 'Wednesday'
26
- }, {
27
- abbv: 'Th',
28
- full: 'Thursday'
29
- }, {
30
- abbv: 'Fr',
31
- full: 'Friday'
32
- }, {
33
- abbv: 'Sa',
34
- full: 'Saturday'
35
- }];
36
- exports.DAY_NAMES = DAY_NAMES;
37
- var FULL_MONTH_NAMES = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
38
- exports.FULL_MONTH_NAMES = FULL_MONTH_NAMES;
39
- var CALENDAR_CONTROL_DIRECTIONS = (0, _freeze.default)({
40
- Forward: (0, _symbol.default)('forward'),
41
- Backward: (0, _symbol.default)('backward')
42
- });
43
- exports.CALENDAR_CONTROL_DIRECTIONS = CALENDAR_CONTROL_DIRECTIONS;
@@ -1,92 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.areEqual = areEqual;
7
- exports.getButtonText = getButtonText;
8
- exports.isAfterDisabledDate = isAfterDisabledDate;
9
- exports.isAfterStart = isAfterStart;
10
- exports.isBeforeDisabledDate = isBeforeDisabledDate;
11
- exports.isBeforeStart = isBeforeStart;
12
- exports.isDateBeforeToday = isDateBeforeToday;
13
- exports.isToday = isToday;
14
- exports.outOfMonth = outOfMonth;
15
- exports.selectedRange = selectedRange;
16
- exports.selectedSingle = selectedSingle;
17
- exports.withinRange = withinRange;
18
- exports.withinRangeAfterStart = withinRangeAfterStart;
19
- exports.withinRangeBeforeStart = withinRangeBeforeStart;
20
-
21
- function selectedSingle(calendarDate, selectedDate) {
22
- return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getTime());
23
- }
24
-
25
- function selectedRange(calendarDate, selectedStartDate, selectedEndDate) {
26
- return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime()) || (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedEndDate === null || selectedEndDate === void 0 ? void 0 : selectedEndDate.getTime());
27
- }
28
-
29
- function outOfMonth(calendarDate, date) {
30
- var isOutOfMonth = (date === null || date === void 0 ? void 0 : date.getMonth()) !== (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth());
31
- return isOutOfMonth;
32
- }
33
-
34
- function getButtonText(calendarDate) {
35
- return calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate();
36
- }
37
-
38
- function areEqual(dateOne, dateTwo) {
39
- var areDatesEqual = (dateOne === null || dateOne === void 0 ? void 0 : dateOne.getTime()) === (dateTwo === null || dateTwo === void 0 ? void 0 : dateTwo.getTime());
40
- return areDatesEqual;
41
- }
42
-
43
- function isBeforeStart(calendarDate, selectedStartDate) {
44
- var beforeStart = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) < (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime());
45
- return beforeStart;
46
- }
47
-
48
- function isAfterStart(calendarDate, selectedStartDate) {
49
- var afterStart = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) > (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime());
50
- return afterStart;
51
- }
52
-
53
- function withinRangeBeforeStart(calendarDate, dateToCompare, selectedStartDate) {
54
- var isWithinRangeBeforeStart = (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime()) < (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) && (dateToCompare === null || dateToCompare === void 0 ? void 0 : dateToCompare.getTime()) > (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime());
55
- return isWithinRangeBeforeStart;
56
- }
57
-
58
- function withinRangeAfterStart(calendarDate, dateToCompare, selectedStartDate) {
59
- var isWithinRangeAfterStart = (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime()) > (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) && (dateToCompare === null || dateToCompare === void 0 ? void 0 : dateToCompare.getTime()) < (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime());
60
- return isWithinRangeAfterStart;
61
- }
62
-
63
- function withinRange(calendarDate, dateToCompare, selectedStartDate) {
64
- return withinRangeBeforeStart(calendarDate, dateToCompare, selectedStartDate) || withinRangeAfterStart(calendarDate, dateToCompare, selectedStartDate);
65
- }
66
-
67
- function isBeforeDisabledDate(calendarDate, disableBeforeDate) {
68
- var beforeDisabledDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) < (disableBeforeDate === null || disableBeforeDate === void 0 ? void 0 : disableBeforeDate.getTime());
69
- return beforeDisabledDate;
70
- }
71
-
72
- function isAfterDisabledDate(calendarDate, disableAfterDate) {
73
- var afterDisabledDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) > (disableAfterDate === null || disableAfterDate === void 0 ? void 0 : disableAfterDate.getTime());
74
- return afterDisabledDate;
75
- }
76
-
77
- function isDateBeforeToday(calendarDate, today) {
78
- var isBeforeToday = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getFullYear()) <= (today === null || today === void 0 ? void 0 : today.getFullYear()) && (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) < (today === null || today === void 0 ? void 0 : today.getMonth()) || (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) === (today === null || today === void 0 ? void 0 : today.getMonth()) && (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate()) < (today === null || today === void 0 ? void 0 : today.getDate());
79
- return isBeforeToday;
80
- }
81
-
82
- function isToday(calendarDate, today) {
83
- var isSameDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate()) === (today === null || today === void 0 ? void 0 : today.getDate());
84
- var isSameMonth = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) === (today === null || today === void 0 ? void 0 : today.getMonth());
85
- var isSameYear = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getFullYear()) === (today === null || today === void 0 ? void 0 : today.getFullYear());
86
-
87
- if (isSameDate && isSameMonth && isSameYear) {
88
- return true;
89
- } else {
90
- return false;
91
- }
92
- }
@@ -1,71 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.formatForDataDate = formatForDataDate;
9
- exports.formatValueForInputDisplay = formatValueForInputDisplay;
10
- exports.isCurrentMonthAndYearInView = isCurrentMonthAndYearInView;
11
-
12
- var _flat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/flat"));
13
-
14
- var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
15
-
16
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
17
-
18
- function isCurrentMonthAndYearInView(currentDate, arrayOfCalendarDates) {
19
- /* eslint-disable func-names */
20
-
21
- /* eslint-disable no-multi-assign */
22
- function mode(arr) {
23
- return arr === null || arr === void 0 ? void 0 : arr.reduce(function (current, item) {
24
- var val = current.numMapping[item] = (current.numMapping[item] || 0) + 1;
25
-
26
- if (val > current.greatestFreq) {
27
- current.greatestFreq = val;
28
- current.mode = item;
29
- }
30
-
31
- return current;
32
- }, {
33
- mode: null,
34
- greatestFreq: -Infinity,
35
- numMapping: {}
36
- }).mode;
37
- }
38
- /* eslint-enable no-multi-assign */
39
-
40
- /* eslint-enable func-names */
41
-
42
-
43
- var flattendCalendarArray = arrayOfCalendarDates === null || arrayOfCalendarDates === void 0 ? void 0 : (0, _flat.default)(arrayOfCalendarDates).call(arrayOfCalendarDates);
44
- var yearInView = mode(flattendCalendarArray === null || flattendCalendarArray === void 0 ? void 0 : (0, _map.default)(flattendCalendarArray).call(flattendCalendarArray, function (calendarDate) {
45
- return calendarDate.getFullYear();
46
- }));
47
- var monthInView = mode(flattendCalendarArray === null || flattendCalendarArray === void 0 ? void 0 : (0, _map.default)(flattendCalendarArray).call(flattendCalendarArray, function (calendarDate) {
48
- return calendarDate.getMonth();
49
- }));
50
- var currentYear = currentDate.getFullYear();
51
- var currentMonth = currentDate.getMonth();
52
- return currentYear === yearInView && currentMonth === monthInView;
53
- }
54
-
55
- function formatForDataDate(dateToFormat) {
56
- var _context, _context2;
57
-
58
- var year = dateToFormat.getFullYear();
59
- var month = dateToFormat.getMonth() + 1;
60
- var dateNumber = dateToFormat.getDate();
61
- var formattedDate = (0, _concat.default)(_context = (0, _concat.default)(_context2 = "".concat(year, "-")).call(_context2, month, "-")).call(_context, dateNumber);
62
- return formattedDate;
63
- }
64
-
65
- function formatValueForInputDisplay(selectedDate) {
66
- return (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getTime()) === 0 || !selectedDate ? '' : new Intl.DateTimeFormat('en-US', {
67
- weekday: 'long',
68
- month: 'short',
69
- day: 'numeric'
70
- }).format(selectedDate);
71
- }
@@ -1,51 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.getWeeksOfMonth = getWeeksOfMonth;
9
-
10
- var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
11
-
12
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
13
-
14
- function getWeeksOfMonth(input) {
15
- var date = new Date(input);
16
- var year = date.getFullYear();
17
- var month = date.getMonth();
18
- var firstDayOfMonth = new Date(year, month, 1).getDay();
19
- var lastDateOfMonth = new Date(year, month + 1, 0).getDate();
20
- var lastDayOfMonth = new Date(year, month + 1, 0).getDay();
21
- var lastDayOfLastMonth = new Date(year, month, 0).getDate();
22
- var weeks = [];
23
- var firstWeekDiff = lastDayOfLastMonth - firstDayOfMonth;
24
- var daysInMonth = lastDateOfMonth + firstDayOfMonth + (7 - lastDayOfMonth);
25
- var numberOfWeeks = Math.round(daysInMonth / 7);
26
- (0, _toConsumableArray2.default)(new Array(numberOfWeeks)).forEach(function (_, weekIndex) {
27
- var _weeks$6$getDate, _weeks, _weeks$, _weeks$$getDate, _context;
28
-
29
- var start = (_weeks$6$getDate = weeks === null || weeks === void 0 ? void 0 : (_weeks = weeks[weekIndex - 1]) === null || _weeks === void 0 ? void 0 : (_weeks$ = _weeks[6]) === null || _weeks$ === void 0 ? void 0 : (_weeks$$getDate = _weeks$.getDate) === null || _weeks$$getDate === void 0 ? void 0 : _weeks$$getDate.call(_weeks$)) !== null && _weeks$6$getDate !== void 0 ? _weeks$6$getDate : firstWeekDiff;
30
- var week = (0, _map.default)(_context = (0, _toConsumableArray2.default)(new Array(7))).call(_context, function (__, dayIndex) {
31
- // First week of month
32
- if (weekIndex === 0) {
33
- if (dayIndex >= firstDayOfMonth) {
34
- return new Date(year, month, dayIndex - firstDayOfMonth + 1);
35
- } else {
36
- return new Date(year, month - 1, lastDayOfLastMonth - (firstDayOfMonth - dayIndex - 1));
37
- }
38
- } // Last week of month
39
-
40
-
41
- if (start + 1 + dayIndex > lastDateOfMonth) {
42
- return new Date(year, month + 1, start + 1 + dayIndex - lastDateOfMonth);
43
- } // Any other day
44
-
45
-
46
- return new Date(year, month, start + 1 + dayIndex);
47
- });
48
- weeks.push(week);
49
- });
50
- return weeks;
51
- }