tp-react-elements-dev 1.13.0 → 1.14.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.
- package/dist/_virtual/_commonjsHelpers.esm.js +30 -0
- package/dist/_virtual/defaultRanges.esm.js +3 -0
- package/dist/_virtual/index.esm.esm.js +6 -0
- package/dist/_virtual/index.esm.js +5 -0
- package/dist/_virtual/index.esm10.js +3 -0
- package/dist/_virtual/index.esm11.js +3 -0
- package/dist/_virtual/index.esm12.js +3 -0
- package/dist/_virtual/index.esm13.js +3 -0
- package/dist/_virtual/index.esm14.js +3 -0
- package/dist/_virtual/index.esm2.js +3 -0
- package/dist/_virtual/index.esm3.js +3 -0
- package/dist/_virtual/index.esm4.js +3 -0
- package/dist/_virtual/index.esm5.js +3 -0
- package/dist/_virtual/index.esm6.js +3 -0
- package/dist/_virtual/index.esm7.js +3 -0
- package/dist/_virtual/index.esm8.js +3 -0
- package/dist/_virtual/index.esm9.js +3 -0
- package/dist/_virtual/react-is.development.esm.js +3 -0
- package/dist/_virtual/react-is.production.min.esm.js +3 -0
- package/dist/_virtual/react-list.esm.js +3 -0
- package/dist/_virtual/styles.esm.js +3 -0
- package/dist/_virtual/utils.esm.js +3 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +6 -0
- package/dist/components/DateRangePicker/DateRangePicker.esm.js +83 -0
- package/dist/components/DateRangePicker/index.d.ts +2 -0
- package/dist/components/DateRangePicker/index.esm.js +5 -0
- package/dist/components/Form/FormRender.esm.js +4 -0
- package/dist/index.esm.css +1 -1
- package/dist/node_modules/classnames/index.esm.js +85 -0
- package/dist/node_modules/object-assign/index.esm.js +99 -0
- package/dist/node_modules/prop-types/checkPropTypes.esm.js +115 -0
- package/dist/node_modules/prop-types/factoryWithThrowingShims.esm.js +74 -0
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.esm.js +625 -0
- package/dist/node_modules/prop-types/index.esm.js +33 -0
- package/dist/node_modules/prop-types/lib/ReactPropTypesSecret.esm.js +21 -0
- package/dist/node_modules/prop-types/lib/has.esm.js +11 -0
- package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.esm.js +190 -0
- package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.esm.js +26 -0
- package/dist/node_modules/prop-types/node_modules/react-is/index.esm.js +19 -0
- package/dist/node_modules/react-date-range/dist/accessibility/index.esm.js +29 -0
- package/dist/node_modules/react-date-range/dist/components/Calendar/index.esm.js +644 -0
- package/dist/node_modules/react-date-range/dist/components/DateInput/index.esm.js +153 -0
- package/dist/node_modules/react-date-range/dist/components/DateRange/index.esm.js +212 -0
- package/dist/node_modules/react-date-range/dist/components/DateRangePicker/index.esm.js +72 -0
- package/dist/node_modules/react-date-range/dist/components/DayCell/index.esm.js +252 -0
- package/dist/node_modules/react-date-range/dist/components/DefinedRange/index.esm.js +166 -0
- package/dist/node_modules/react-date-range/dist/components/InputRangeField/index.esm.js +91 -0
- package/dist/node_modules/react-date-range/dist/components/Month/index.esm.js +146 -0
- package/dist/node_modules/react-date-range/dist/defaultRanges.esm.js +111 -0
- package/dist/node_modules/react-date-range/dist/index.esm.js +70 -0
- package/dist/node_modules/react-date-range/dist/styles.esm.js +69 -0
- package/dist/node_modules/react-date-range/dist/utils.esm.js +93 -0
- package/dist/node_modules/react-list/react-list.esm.js +647 -0
- package/dist/node_modules/shallow-equal/dist/index.esm.esm.js +53 -0
- package/dist/utils/Interface/FormInterface.d.ts +1 -1
- package/package.json +5 -11
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
import { __exports as DefinedRange } from '../../../../../_virtual/index.esm5.js';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
|
|
4
|
+
import { __require as requireStyles } from '../../styles.esm.js';
|
|
5
|
+
import { __require as requireDefaultRanges } from '../../defaultRanges.esm.js';
|
|
6
|
+
import { __require as requireDayCell } from '../DayCell/index.esm.js';
|
|
7
|
+
import { __require as requireInputRangeField } from '../InputRangeField/index.esm.js';
|
|
8
|
+
import { __require as requireClassnames } from '../../../../classnames/index.esm.js';
|
|
9
|
+
|
|
10
|
+
var hasRequiredDefinedRange;
|
|
11
|
+
|
|
12
|
+
function requireDefinedRange () {
|
|
13
|
+
if (hasRequiredDefinedRange) return DefinedRange;
|
|
14
|
+
hasRequiredDefinedRange = 1;
|
|
15
|
+
|
|
16
|
+
Object.defineProperty(DefinedRange, "__esModule", {
|
|
17
|
+
value: true
|
|
18
|
+
});
|
|
19
|
+
DefinedRange.default = void 0;
|
|
20
|
+
var _react = _interopRequireWildcard(React__default);
|
|
21
|
+
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
22
|
+
var _styles = _interopRequireDefault(requireStyles());
|
|
23
|
+
var _defaultRanges = requireDefaultRanges();
|
|
24
|
+
var _DayCell = requireDayCell();
|
|
25
|
+
var _InputRangeField = _interopRequireDefault(requireInputRangeField());
|
|
26
|
+
var _classnames = _interopRequireDefault(requireClassnames());
|
|
27
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
28
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
29
|
+
function _interopRequireWildcard(e, r) { if (e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
30
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
31
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
|
|
32
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
33
|
+
let DefinedRange$1 = class DefinedRange extends _react.Component {
|
|
34
|
+
constructor(props) {
|
|
35
|
+
super(props);
|
|
36
|
+
_defineProperty(this, "handleRangeChange", range => {
|
|
37
|
+
const {
|
|
38
|
+
onChange,
|
|
39
|
+
ranges,
|
|
40
|
+
focusedRange
|
|
41
|
+
} = this.props;
|
|
42
|
+
const selectedRange = ranges[focusedRange[0]];
|
|
43
|
+
if (!onChange || !selectedRange) return;
|
|
44
|
+
onChange({
|
|
45
|
+
[selectedRange.key || `range${focusedRange[0] + 1}`]: {
|
|
46
|
+
...selectedRange,
|
|
47
|
+
...range
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
this.state = {
|
|
52
|
+
rangeOffset: 0,
|
|
53
|
+
focusedInput: -1
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
getRangeOptionValue(option) {
|
|
57
|
+
const {
|
|
58
|
+
ranges = [],
|
|
59
|
+
focusedRange = []
|
|
60
|
+
} = this.props;
|
|
61
|
+
if (typeof option.getCurrentValue !== 'function') {
|
|
62
|
+
return '';
|
|
63
|
+
}
|
|
64
|
+
const selectedRange = ranges[focusedRange[0]] || {};
|
|
65
|
+
return option.getCurrentValue(selectedRange) || '';
|
|
66
|
+
}
|
|
67
|
+
getSelectedRange(ranges, staticRange) {
|
|
68
|
+
const focusedRangeIndex = ranges.findIndex(range => {
|
|
69
|
+
if (!range.startDate || !range.endDate || range.disabled) return false;
|
|
70
|
+
return staticRange.isSelected(range);
|
|
71
|
+
});
|
|
72
|
+
const selectedRange = ranges[focusedRangeIndex];
|
|
73
|
+
return {
|
|
74
|
+
selectedRange,
|
|
75
|
+
focusedRangeIndex
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
render() {
|
|
79
|
+
const {
|
|
80
|
+
headerContent,
|
|
81
|
+
footerContent,
|
|
82
|
+
onPreviewChange,
|
|
83
|
+
inputRanges,
|
|
84
|
+
staticRanges,
|
|
85
|
+
ranges,
|
|
86
|
+
renderStaticRangeLabel,
|
|
87
|
+
rangeColors,
|
|
88
|
+
className
|
|
89
|
+
} = this.props;
|
|
90
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
91
|
+
className: (0, _classnames.default)(_styles.default.definedRangesWrapper, className)
|
|
92
|
+
}, headerContent, /*#__PURE__*/_react.default.createElement("div", {
|
|
93
|
+
className: _styles.default.staticRanges
|
|
94
|
+
}, staticRanges.map((staticRange, i) => {
|
|
95
|
+
const {
|
|
96
|
+
selectedRange,
|
|
97
|
+
focusedRangeIndex
|
|
98
|
+
} = this.getSelectedRange(ranges, staticRange);
|
|
99
|
+
let labelContent;
|
|
100
|
+
if (staticRange.hasCustomRendering) {
|
|
101
|
+
labelContent = renderStaticRangeLabel(staticRange);
|
|
102
|
+
} else {
|
|
103
|
+
labelContent = staticRange.label;
|
|
104
|
+
}
|
|
105
|
+
return /*#__PURE__*/_react.default.createElement("button", {
|
|
106
|
+
type: "button",
|
|
107
|
+
className: (0, _classnames.default)(_styles.default.staticRange, {
|
|
108
|
+
[_styles.default.staticRangeSelected]: Boolean(selectedRange)
|
|
109
|
+
}),
|
|
110
|
+
style: {
|
|
111
|
+
color: selectedRange ? selectedRange.color || rangeColors[focusedRangeIndex] : null
|
|
112
|
+
},
|
|
113
|
+
key: i,
|
|
114
|
+
onClick: () => this.handleRangeChange(staticRange.range(this.props)),
|
|
115
|
+
onFocus: () => onPreviewChange && onPreviewChange(staticRange.range(this.props)),
|
|
116
|
+
onMouseOver: () => onPreviewChange && onPreviewChange(staticRange.range(this.props)),
|
|
117
|
+
onMouseLeave: () => {
|
|
118
|
+
onPreviewChange && onPreviewChange();
|
|
119
|
+
}
|
|
120
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
121
|
+
tabIndex: -1,
|
|
122
|
+
className: _styles.default.staticRangeLabel
|
|
123
|
+
}, labelContent));
|
|
124
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
125
|
+
className: _styles.default.inputRanges
|
|
126
|
+
}, inputRanges.map((rangeOption, i) => /*#__PURE__*/_react.default.createElement(_InputRangeField.default, {
|
|
127
|
+
key: i,
|
|
128
|
+
styles: _styles.default,
|
|
129
|
+
label: rangeOption.label,
|
|
130
|
+
onFocus: () => this.setState({
|
|
131
|
+
focusedInput: i,
|
|
132
|
+
rangeOffset: 0
|
|
133
|
+
}),
|
|
134
|
+
onBlur: () => this.setState({
|
|
135
|
+
rangeOffset: 0
|
|
136
|
+
}),
|
|
137
|
+
onChange: value => this.handleRangeChange(rangeOption.range(value, this.props)),
|
|
138
|
+
value: this.getRangeOptionValue(rangeOption)
|
|
139
|
+
}))), footerContent);
|
|
140
|
+
}
|
|
141
|
+
};
|
|
142
|
+
DefinedRange$1.propTypes = {
|
|
143
|
+
inputRanges: _propTypes.default.array,
|
|
144
|
+
staticRanges: _propTypes.default.array,
|
|
145
|
+
ranges: _propTypes.default.arrayOf(_DayCell.rangeShape),
|
|
146
|
+
focusedRange: _propTypes.default.arrayOf(_propTypes.default.number),
|
|
147
|
+
onPreviewChange: _propTypes.default.func,
|
|
148
|
+
onChange: _propTypes.default.func,
|
|
149
|
+
footerContent: _propTypes.default.any,
|
|
150
|
+
headerContent: _propTypes.default.any,
|
|
151
|
+
rangeColors: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
152
|
+
className: _propTypes.default.string,
|
|
153
|
+
renderStaticRangeLabel: _propTypes.default.func
|
|
154
|
+
};
|
|
155
|
+
DefinedRange$1.defaultProps = {
|
|
156
|
+
inputRanges: _defaultRanges.defaultInputRanges,
|
|
157
|
+
staticRanges: _defaultRanges.defaultStaticRanges,
|
|
158
|
+
ranges: [],
|
|
159
|
+
rangeColors: ['#3d91ff', '#3ecf8e', '#fed14c'],
|
|
160
|
+
focusedRange: [0, 0]
|
|
161
|
+
};
|
|
162
|
+
DefinedRange.default = DefinedRange$1;
|
|
163
|
+
return DefinedRange;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
export { requireDefinedRange as __require };
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { __exports as InputRangeField } from '../../../../../_virtual/index.esm13.js';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
|
|
4
|
+
|
|
5
|
+
var hasRequiredInputRangeField;
|
|
6
|
+
|
|
7
|
+
function requireInputRangeField () {
|
|
8
|
+
if (hasRequiredInputRangeField) return InputRangeField;
|
|
9
|
+
hasRequiredInputRangeField = 1;
|
|
10
|
+
|
|
11
|
+
Object.defineProperty(InputRangeField, "__esModule", {
|
|
12
|
+
value: true
|
|
13
|
+
});
|
|
14
|
+
InputRangeField.default = void 0;
|
|
15
|
+
var _react = _interopRequireWildcard(React__default);
|
|
16
|
+
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
17
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
|
|
22
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
|
+
const MIN = 0;
|
|
24
|
+
const MAX = 99999;
|
|
25
|
+
let InputRangeField$1 = class InputRangeField extends _react.Component {
|
|
26
|
+
constructor(props, context) {
|
|
27
|
+
super(props, context);
|
|
28
|
+
_defineProperty(this, "onChange", e => {
|
|
29
|
+
const {
|
|
30
|
+
onChange
|
|
31
|
+
} = this.props;
|
|
32
|
+
let value = parseInt(e.target.value, 10);
|
|
33
|
+
value = isNaN(value) ? 0 : Math.max(Math.min(MAX, value), MIN);
|
|
34
|
+
onChange(value);
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
shouldComponentUpdate(nextProps) {
|
|
38
|
+
const {
|
|
39
|
+
value,
|
|
40
|
+
label,
|
|
41
|
+
placeholder
|
|
42
|
+
} = this.props;
|
|
43
|
+
return value !== nextProps.value || label !== nextProps.label || placeholder !== nextProps.placeholder;
|
|
44
|
+
}
|
|
45
|
+
render() {
|
|
46
|
+
const {
|
|
47
|
+
label,
|
|
48
|
+
placeholder,
|
|
49
|
+
value,
|
|
50
|
+
styles,
|
|
51
|
+
onBlur,
|
|
52
|
+
onFocus
|
|
53
|
+
} = this.props;
|
|
54
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
55
|
+
className: styles.inputRange
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
57
|
+
className: styles.inputRangeInput,
|
|
58
|
+
placeholder: placeholder,
|
|
59
|
+
value: value,
|
|
60
|
+
min: MIN,
|
|
61
|
+
max: MAX,
|
|
62
|
+
onChange: this.onChange,
|
|
63
|
+
onFocus: onFocus,
|
|
64
|
+
onBlur: onBlur
|
|
65
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
66
|
+
className: styles.inputRangeLabel
|
|
67
|
+
}, label));
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
InputRangeField$1.propTypes = {
|
|
71
|
+
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
72
|
+
label: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.node]).isRequired,
|
|
73
|
+
placeholder: _propTypes.default.string,
|
|
74
|
+
styles: _propTypes.default.shape({
|
|
75
|
+
inputRange: _propTypes.default.string,
|
|
76
|
+
inputRangeInput: _propTypes.default.string,
|
|
77
|
+
inputRangeLabel: _propTypes.default.string
|
|
78
|
+
}).isRequired,
|
|
79
|
+
onBlur: _propTypes.default.func.isRequired,
|
|
80
|
+
onFocus: _propTypes.default.func.isRequired,
|
|
81
|
+
onChange: _propTypes.default.func.isRequired
|
|
82
|
+
};
|
|
83
|
+
InputRangeField$1.defaultProps = {
|
|
84
|
+
value: '',
|
|
85
|
+
placeholder: '-'
|
|
86
|
+
};
|
|
87
|
+
InputRangeField.default = InputRangeField$1;
|
|
88
|
+
return InputRangeField;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
export { requireInputRangeField as __require };
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { __exports as Month } from '../../../../../_virtual/index.esm11.js';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
|
|
4
|
+
import { __require as requireDayCell } from '../DayCell/index.esm.js';
|
|
5
|
+
import require$$3 from 'date-fns';
|
|
6
|
+
import { __require as requireUtils } from '../../utils.esm.js';
|
|
7
|
+
|
|
8
|
+
var hasRequiredMonth;
|
|
9
|
+
|
|
10
|
+
function requireMonth () {
|
|
11
|
+
if (hasRequiredMonth) return Month;
|
|
12
|
+
hasRequiredMonth = 1;
|
|
13
|
+
|
|
14
|
+
Object.defineProperty(Month, "__esModule", {
|
|
15
|
+
value: true
|
|
16
|
+
});
|
|
17
|
+
Month.default = void 0;
|
|
18
|
+
var _react = _interopRequireWildcard(React__default);
|
|
19
|
+
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
20
|
+
var _DayCell = _interopRequireWildcard(requireDayCell());
|
|
21
|
+
var _dateFns = require$$3;
|
|
22
|
+
var _utils = requireUtils();
|
|
23
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
25
|
+
function _interopRequireWildcard(e, r) { if (e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
26
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable no-fallthrough */
|
|
27
|
+
function renderWeekdays(styles, dateOptions, weekdayDisplayFormat) {
|
|
28
|
+
const now = new Date();
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
30
|
+
className: styles.weekDays
|
|
31
|
+
}, (0, _dateFns.eachDayOfInterval)({
|
|
32
|
+
start: (0, _dateFns.startOfWeek)(now, dateOptions),
|
|
33
|
+
end: (0, _dateFns.endOfWeek)(now, dateOptions)
|
|
34
|
+
}).map((day, i) => /*#__PURE__*/_react.default.createElement("span", {
|
|
35
|
+
className: styles.weekDay,
|
|
36
|
+
key: i
|
|
37
|
+
}, (0, _dateFns.format)(day, weekdayDisplayFormat, dateOptions))));
|
|
38
|
+
}
|
|
39
|
+
let Month$1 = class Month extends _react.PureComponent {
|
|
40
|
+
render() {
|
|
41
|
+
const now = new Date();
|
|
42
|
+
const {
|
|
43
|
+
displayMode,
|
|
44
|
+
focusedRange,
|
|
45
|
+
drag,
|
|
46
|
+
styles,
|
|
47
|
+
disabledDates,
|
|
48
|
+
disabledDay
|
|
49
|
+
} = this.props;
|
|
50
|
+
const minDate = this.props.minDate && (0, _dateFns.startOfDay)(this.props.minDate);
|
|
51
|
+
const maxDate = this.props.maxDate && (0, _dateFns.endOfDay)(this.props.maxDate);
|
|
52
|
+
const monthDisplay = (0, _utils.getMonthDisplayRange)(this.props.month, this.props.dateOptions, this.props.fixedHeight);
|
|
53
|
+
let ranges = this.props.ranges;
|
|
54
|
+
if (displayMode === 'dateRange' && drag.status) {
|
|
55
|
+
let {
|
|
56
|
+
startDate,
|
|
57
|
+
endDate
|
|
58
|
+
} = drag.range;
|
|
59
|
+
ranges = ranges.map((range, i) => {
|
|
60
|
+
if (i !== focusedRange[0]) return range;
|
|
61
|
+
return {
|
|
62
|
+
...range,
|
|
63
|
+
startDate,
|
|
64
|
+
endDate
|
|
65
|
+
};
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
const showPreview = this.props.showPreview && !drag.disablePreview;
|
|
69
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
70
|
+
className: styles.month,
|
|
71
|
+
style: this.props.style
|
|
72
|
+
}, this.props.showMonthName ? /*#__PURE__*/_react.default.createElement("div", {
|
|
73
|
+
className: styles.monthName
|
|
74
|
+
}, (0, _dateFns.format)(this.props.month, this.props.monthDisplayFormat, this.props.dateOptions)) : null, this.props.showWeekDays && renderWeekdays(styles, this.props.dateOptions, this.props.weekdayDisplayFormat), /*#__PURE__*/_react.default.createElement("div", {
|
|
75
|
+
className: styles.days,
|
|
76
|
+
onMouseLeave: this.props.onMouseLeave
|
|
77
|
+
}, (0, _dateFns.eachDayOfInterval)({
|
|
78
|
+
start: monthDisplay.start,
|
|
79
|
+
end: monthDisplay.end
|
|
80
|
+
}).map((day, index) => {
|
|
81
|
+
const isStartOfMonth = (0, _dateFns.isSameDay)(day, monthDisplay.startDateOfMonth);
|
|
82
|
+
const isEndOfMonth = (0, _dateFns.isSameDay)(day, monthDisplay.endDateOfMonth);
|
|
83
|
+
const isOutsideMinMax = minDate && (0, _dateFns.isBefore)(day, minDate) || maxDate && (0, _dateFns.isAfter)(day, maxDate);
|
|
84
|
+
const isDisabledSpecifically = disabledDates.some(disabledDate => (0, _dateFns.isSameDay)(disabledDate, day));
|
|
85
|
+
const isDisabledDay = disabledDay(day);
|
|
86
|
+
return /*#__PURE__*/_react.default.createElement(_DayCell.default, _extends({}, this.props, {
|
|
87
|
+
ranges: ranges,
|
|
88
|
+
day: day,
|
|
89
|
+
preview: showPreview ? this.props.preview : null,
|
|
90
|
+
isWeekend: (0, _dateFns.isWeekend)(day, this.props.dateOptions),
|
|
91
|
+
isToday: (0, _dateFns.isSameDay)(day, now),
|
|
92
|
+
isStartOfWeek: (0, _dateFns.isSameDay)(day, (0, _dateFns.startOfWeek)(day, this.props.dateOptions)),
|
|
93
|
+
isEndOfWeek: (0, _dateFns.isSameDay)(day, (0, _dateFns.endOfWeek)(day, this.props.dateOptions)),
|
|
94
|
+
isStartOfMonth: isStartOfMonth,
|
|
95
|
+
isEndOfMonth: isEndOfMonth,
|
|
96
|
+
key: index,
|
|
97
|
+
disabled: isOutsideMinMax || isDisabledSpecifically || isDisabledDay,
|
|
98
|
+
isPassive: !(0, _dateFns.isWithinInterval)(day, {
|
|
99
|
+
start: monthDisplay.startDateOfMonth,
|
|
100
|
+
end: monthDisplay.endDateOfMonth
|
|
101
|
+
}),
|
|
102
|
+
styles: styles,
|
|
103
|
+
onMouseDown: this.props.onDragSelectionStart,
|
|
104
|
+
onMouseUp: this.props.onDragSelectionEnd,
|
|
105
|
+
onMouseEnter: this.props.onDragSelectionMove,
|
|
106
|
+
dragRange: drag.range,
|
|
107
|
+
drag: drag.status
|
|
108
|
+
}));
|
|
109
|
+
})));
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
Month$1.defaultProps = {};
|
|
113
|
+
Month$1.propTypes = {
|
|
114
|
+
style: _propTypes.default.object,
|
|
115
|
+
styles: _propTypes.default.object,
|
|
116
|
+
month: _propTypes.default.object,
|
|
117
|
+
drag: _propTypes.default.object,
|
|
118
|
+
dateOptions: _propTypes.default.object,
|
|
119
|
+
disabledDates: _propTypes.default.array,
|
|
120
|
+
disabledDay: _propTypes.default.func,
|
|
121
|
+
preview: _propTypes.default.shape({
|
|
122
|
+
startDate: _propTypes.default.object,
|
|
123
|
+
endDate: _propTypes.default.object
|
|
124
|
+
}),
|
|
125
|
+
showPreview: _propTypes.default.bool,
|
|
126
|
+
displayMode: _propTypes.default.oneOf(['dateRange', 'date']),
|
|
127
|
+
minDate: _propTypes.default.object,
|
|
128
|
+
maxDate: _propTypes.default.object,
|
|
129
|
+
ranges: _propTypes.default.arrayOf(_DayCell.rangeShape),
|
|
130
|
+
focusedRange: _propTypes.default.arrayOf(_propTypes.default.number),
|
|
131
|
+
onDragSelectionStart: _propTypes.default.func,
|
|
132
|
+
onDragSelectionEnd: _propTypes.default.func,
|
|
133
|
+
onDragSelectionMove: _propTypes.default.func,
|
|
134
|
+
onMouseLeave: _propTypes.default.func,
|
|
135
|
+
monthDisplayFormat: _propTypes.default.string,
|
|
136
|
+
weekdayDisplayFormat: _propTypes.default.string,
|
|
137
|
+
dayDisplayFormat: _propTypes.default.string,
|
|
138
|
+
showWeekDays: _propTypes.default.bool,
|
|
139
|
+
showMonthName: _propTypes.default.bool,
|
|
140
|
+
fixedHeight: _propTypes.default.bool
|
|
141
|
+
};
|
|
142
|
+
Month.default = Month$1;
|
|
143
|
+
return Month;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
export { requireMonth as __require };
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { __exports as defaultRanges } from '../../../_virtual/defaultRanges.esm.js';
|
|
2
|
+
import require$$3 from 'date-fns';
|
|
3
|
+
|
|
4
|
+
var hasRequiredDefaultRanges;
|
|
5
|
+
|
|
6
|
+
function requireDefaultRanges () {
|
|
7
|
+
if (hasRequiredDefaultRanges) return defaultRanges;
|
|
8
|
+
hasRequiredDefaultRanges = 1;
|
|
9
|
+
|
|
10
|
+
Object.defineProperty(defaultRanges, "__esModule", {
|
|
11
|
+
value: true
|
|
12
|
+
});
|
|
13
|
+
defaultRanges.createStaticRanges = createStaticRanges;
|
|
14
|
+
defaultRanges.defaultStaticRanges = defaultRanges.defaultInputRanges = void 0;
|
|
15
|
+
var _dateFns = require$$3;
|
|
16
|
+
const defineds = {
|
|
17
|
+
startOfWeek: (0, _dateFns.startOfWeek)(new Date()),
|
|
18
|
+
endOfWeek: (0, _dateFns.endOfWeek)(new Date()),
|
|
19
|
+
startOfLastWeek: (0, _dateFns.startOfWeek)((0, _dateFns.addDays)(new Date(), -7)),
|
|
20
|
+
endOfLastWeek: (0, _dateFns.endOfWeek)((0, _dateFns.addDays)(new Date(), -7)),
|
|
21
|
+
startOfToday: (0, _dateFns.startOfDay)(new Date()),
|
|
22
|
+
endOfToday: (0, _dateFns.endOfDay)(new Date()),
|
|
23
|
+
startOfYesterday: (0, _dateFns.startOfDay)((0, _dateFns.addDays)(new Date(), -1)),
|
|
24
|
+
endOfYesterday: (0, _dateFns.endOfDay)((0, _dateFns.addDays)(new Date(), -1)),
|
|
25
|
+
startOfMonth: (0, _dateFns.startOfMonth)(new Date()),
|
|
26
|
+
endOfMonth: (0, _dateFns.endOfMonth)(new Date()),
|
|
27
|
+
startOfLastMonth: (0, _dateFns.startOfMonth)((0, _dateFns.addMonths)(new Date(), -1)),
|
|
28
|
+
endOfLastMonth: (0, _dateFns.endOfMonth)((0, _dateFns.addMonths)(new Date(), -1))
|
|
29
|
+
};
|
|
30
|
+
const staticRangeHandler = {
|
|
31
|
+
range: {},
|
|
32
|
+
isSelected(range) {
|
|
33
|
+
const definedRange = this.range();
|
|
34
|
+
return (0, _dateFns.isSameDay)(range.startDate, definedRange.startDate) && (0, _dateFns.isSameDay)(range.endDate, definedRange.endDate);
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
function createStaticRanges(ranges) {
|
|
38
|
+
return ranges.map(range => ({
|
|
39
|
+
...staticRangeHandler,
|
|
40
|
+
...range
|
|
41
|
+
}));
|
|
42
|
+
}
|
|
43
|
+
defaultRanges.defaultStaticRanges = createStaticRanges([{
|
|
44
|
+
label: 'Today',
|
|
45
|
+
range: () => ({
|
|
46
|
+
startDate: defineds.startOfToday,
|
|
47
|
+
endDate: defineds.endOfToday
|
|
48
|
+
})
|
|
49
|
+
}, {
|
|
50
|
+
label: 'Yesterday',
|
|
51
|
+
range: () => ({
|
|
52
|
+
startDate: defineds.startOfYesterday,
|
|
53
|
+
endDate: defineds.endOfYesterday
|
|
54
|
+
})
|
|
55
|
+
}, {
|
|
56
|
+
label: 'This Week',
|
|
57
|
+
range: () => ({
|
|
58
|
+
startDate: defineds.startOfWeek,
|
|
59
|
+
endDate: defineds.endOfWeek
|
|
60
|
+
})
|
|
61
|
+
}, {
|
|
62
|
+
label: 'Last Week',
|
|
63
|
+
range: () => ({
|
|
64
|
+
startDate: defineds.startOfLastWeek,
|
|
65
|
+
endDate: defineds.endOfLastWeek
|
|
66
|
+
})
|
|
67
|
+
}, {
|
|
68
|
+
label: 'This Month',
|
|
69
|
+
range: () => ({
|
|
70
|
+
startDate: defineds.startOfMonth,
|
|
71
|
+
endDate: defineds.endOfMonth
|
|
72
|
+
})
|
|
73
|
+
}, {
|
|
74
|
+
label: 'Last Month',
|
|
75
|
+
range: () => ({
|
|
76
|
+
startDate: defineds.startOfLastMonth,
|
|
77
|
+
endDate: defineds.endOfLastMonth
|
|
78
|
+
})
|
|
79
|
+
}]);
|
|
80
|
+
defaultRanges.defaultInputRanges = [{
|
|
81
|
+
label: 'days up to today',
|
|
82
|
+
range(value) {
|
|
83
|
+
return {
|
|
84
|
+
startDate: (0, _dateFns.addDays)(defineds.startOfToday, (Math.max(Number(value), 1) - 1) * -1),
|
|
85
|
+
endDate: defineds.endOfToday
|
|
86
|
+
};
|
|
87
|
+
},
|
|
88
|
+
getCurrentValue(range) {
|
|
89
|
+
if (!(0, _dateFns.isSameDay)(range.endDate, defineds.endOfToday)) return '-';
|
|
90
|
+
if (!range.startDate) return '∞';
|
|
91
|
+
return (0, _dateFns.differenceInCalendarDays)(defineds.endOfToday, range.startDate) + 1;
|
|
92
|
+
}
|
|
93
|
+
}, {
|
|
94
|
+
label: 'days starting today',
|
|
95
|
+
range(value) {
|
|
96
|
+
const today = new Date();
|
|
97
|
+
return {
|
|
98
|
+
startDate: today,
|
|
99
|
+
endDate: (0, _dateFns.addDays)(today, Math.max(Number(value), 1) - 1)
|
|
100
|
+
};
|
|
101
|
+
},
|
|
102
|
+
getCurrentValue(range) {
|
|
103
|
+
if (!(0, _dateFns.isSameDay)(range.startDate, defineds.startOfToday)) return '-';
|
|
104
|
+
if (!range.endDate) return '∞';
|
|
105
|
+
return (0, _dateFns.differenceInCalendarDays)(range.endDate, defineds.startOfToday) + 1;
|
|
106
|
+
}
|
|
107
|
+
}];
|
|
108
|
+
return defaultRanges;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
export { requireDefaultRanges as __require };
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { __exports as dist } from '../../../_virtual/index.esm2.js';
|
|
2
|
+
import { __require as requireDateRange } from './components/DateRange/index.esm.js';
|
|
3
|
+
import { __require as requireCalendar } from './components/Calendar/index.esm.js';
|
|
4
|
+
import { __require as requireDateRangePicker } from './components/DateRangePicker/index.esm.js';
|
|
5
|
+
import { __require as requireDefinedRange } from './components/DefinedRange/index.esm.js';
|
|
6
|
+
import { __require as requireDefaultRanges } from './defaultRanges.esm.js';
|
|
7
|
+
|
|
8
|
+
var hasRequiredDist;
|
|
9
|
+
|
|
10
|
+
function requireDist () {
|
|
11
|
+
if (hasRequiredDist) return dist;
|
|
12
|
+
hasRequiredDist = 1;
|
|
13
|
+
(function (exports) {
|
|
14
|
+
|
|
15
|
+
Object.defineProperty(exports, "__esModule", {
|
|
16
|
+
value: true
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "Calendar", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _Calendar.default;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "DateRange", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _DateRange.default;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "DateRangePicker", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _DateRangePicker.default;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "DefinedRange", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _DefinedRange.default;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "createStaticRanges", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () {
|
|
45
|
+
return _defaultRanges.createStaticRanges;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "defaultInputRanges", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function () {
|
|
51
|
+
return _defaultRanges.defaultInputRanges;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "defaultStaticRanges", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _defaultRanges.defaultStaticRanges;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
var _DateRange = _interopRequireDefault(requireDateRange());
|
|
61
|
+
var _Calendar = _interopRequireDefault(requireCalendar());
|
|
62
|
+
var _DateRangePicker = _interopRequireDefault(requireDateRangePicker());
|
|
63
|
+
var _DefinedRange = _interopRequireDefault(requireDefinedRange());
|
|
64
|
+
var _defaultRanges = requireDefaultRanges();
|
|
65
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
66
|
+
} (dist));
|
|
67
|
+
return dist;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
export { requireDist as __require };
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { __exports as styles } from '../../../_virtual/styles.esm.js';
|
|
2
|
+
|
|
3
|
+
var hasRequiredStyles;
|
|
4
|
+
|
|
5
|
+
function requireStyles () {
|
|
6
|
+
if (hasRequiredStyles) return styles;
|
|
7
|
+
hasRequiredStyles = 1;
|
|
8
|
+
|
|
9
|
+
Object.defineProperty(styles, "__esModule", {
|
|
10
|
+
value: true
|
|
11
|
+
});
|
|
12
|
+
styles.default = void 0;
|
|
13
|
+
styles.default = {
|
|
14
|
+
dateRangeWrapper: 'rdrDateRangeWrapper',
|
|
15
|
+
calendarWrapper: 'rdrCalendarWrapper',
|
|
16
|
+
dateDisplay: 'rdrDateDisplay',
|
|
17
|
+
dateDisplayItem: 'rdrDateDisplayItem',
|
|
18
|
+
dateDisplayItemActive: 'rdrDateDisplayItemActive',
|
|
19
|
+
monthAndYearWrapper: 'rdrMonthAndYearWrapper',
|
|
20
|
+
monthAndYearPickers: 'rdrMonthAndYearPickers',
|
|
21
|
+
nextPrevButton: 'rdrNextPrevButton',
|
|
22
|
+
month: 'rdrMonth',
|
|
23
|
+
weekDays: 'rdrWeekDays',
|
|
24
|
+
weekDay: 'rdrWeekDay',
|
|
25
|
+
days: 'rdrDays',
|
|
26
|
+
day: 'rdrDay',
|
|
27
|
+
dayNumber: 'rdrDayNumber',
|
|
28
|
+
dayPassive: 'rdrDayPassive',
|
|
29
|
+
dayToday: 'rdrDayToday',
|
|
30
|
+
dayStartOfWeek: 'rdrDayStartOfWeek',
|
|
31
|
+
dayEndOfWeek: 'rdrDayEndOfWeek',
|
|
32
|
+
daySelected: 'rdrDaySelected',
|
|
33
|
+
dayDisabled: 'rdrDayDisabled',
|
|
34
|
+
dayStartOfMonth: 'rdrDayStartOfMonth',
|
|
35
|
+
dayEndOfMonth: 'rdrDayEndOfMonth',
|
|
36
|
+
dayWeekend: 'rdrDayWeekend',
|
|
37
|
+
dayStartPreview: 'rdrDayStartPreview',
|
|
38
|
+
dayInPreview: 'rdrDayInPreview',
|
|
39
|
+
dayEndPreview: 'rdrDayEndPreview',
|
|
40
|
+
dayHovered: 'rdrDayHovered',
|
|
41
|
+
dayActive: 'rdrDayActive',
|
|
42
|
+
inRange: 'rdrInRange',
|
|
43
|
+
endEdge: 'rdrEndEdge',
|
|
44
|
+
startEdge: 'rdrStartEdge',
|
|
45
|
+
prevButton: 'rdrPprevButton',
|
|
46
|
+
nextButton: 'rdrNextButton',
|
|
47
|
+
selected: 'rdrSelected',
|
|
48
|
+
months: 'rdrMonths',
|
|
49
|
+
monthPicker: 'rdrMonthPicker',
|
|
50
|
+
yearPicker: 'rdrYearPicker',
|
|
51
|
+
dateDisplayWrapper: 'rdrDateDisplayWrapper',
|
|
52
|
+
definedRangesWrapper: 'rdrDefinedRangesWrapper',
|
|
53
|
+
staticRanges: 'rdrStaticRanges',
|
|
54
|
+
staticRange: 'rdrStaticRange',
|
|
55
|
+
inputRanges: 'rdrInputRanges',
|
|
56
|
+
inputRange: 'rdrInputRange',
|
|
57
|
+
inputRangeInput: 'rdrInputRangeInput',
|
|
58
|
+
dateRangePickerWrapper: 'rdrDateRangePickerWrapper',
|
|
59
|
+
staticRangeLabel: 'rdrStaticRangeLabel',
|
|
60
|
+
staticRangeSelected: 'rdrStaticRangeSelected',
|
|
61
|
+
monthName: 'rdrMonthName',
|
|
62
|
+
infiniteMonths: 'rdrInfiniteMonths',
|
|
63
|
+
monthsVertical: 'rdrMonthsVertical',
|
|
64
|
+
monthsHorizontal: 'rdrMonthsHorizontal'
|
|
65
|
+
};
|
|
66
|
+
return styles;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export { requireStyles as __require };
|