@nulogy/components 12.2.1 → 13.0.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/main.js +1345 -208
- package/dist/main.module.js +1343 -206
- package/dist/src/Alert/Alert.d.ts +1 -1
- package/dist/src/AsyncSelect/AsyncSelect.d.ts +2 -0
- package/dist/src/AsyncSelect/AsyncSelect.story.d.ts +3 -12
- package/dist/src/AsyncSelect/AsyncSelectComponents.d.ts +5 -2
- package/dist/src/Icon/Icon.d.ts +2 -1
- package/dist/src/Select/MenuList.d.ts +3 -0
- package/dist/src/Select/Select.d.ts +22 -23
- package/dist/src/Select/Select.story.d.ts +4 -8
- package/dist/src/Select/Select.story.fixture.d.ts +24 -0
- package/dist/src/Select/SelectComponents.d.ts +9 -7
- package/dist/src/Select/SelectOption.d.ts +6 -8
- package/dist/src/Select/customReactSelectStyles.d.ts +8 -3
- package/dist/src/Select/index.d.ts +2 -2
- package/dist/src/Select/lib.d.ts +20 -0
- package/dist/src/StatusIndicator/StatusIndicator.d.ts +1 -1
- package/dist/src/index.d.ts +1 -1
- package/package.json +4 -2
package/dist/main.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inheritsLoose'), require('react-fast-compare'), require('warning'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('stylis'), require('hoist-non-react-statics'), require('react-dom'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/createSuper'), require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('prop-types'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('deep-equal'), require('@hypnosphi/create-react-context'), require('react-
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inheritsLoose', 'react-fast-compare', 'warning', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', 'stylis', 'hoist-non-react-statics', 'react-dom', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/createSuper', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/taggedTemplateLiteral', 'prop-types', '@babel/runtime/helpers/objectWithoutPropertiesLoose', 'deep-equal', '@hypnosphi/create-react-context', 'react-
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.assign, global.icons, global["extends"], global.assertThisInitialized, global.inheritsLoose, global.isEqual, global.warning, global.slicedToArray, global.defineProperty, global["typeof"], global.classCallCheck, global.createClass, global.stylis, null, global.reactDom, null, null, null, null, global.objectWithoutProperties, null, global.PropTypes, global.objectWithoutPropertiesLoose, global.deepEqual, global.createContext, global.
|
|
5
|
-
})(this, (function (exports, React, styled, assign$1, icons, _extends$5, _assertThisInitialized$2, _inheritsLoose$3, isEqual$
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inheritsLoose'), require('react-fast-compare'), require('warning'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('stylis'), require('hoist-non-react-statics'), require('react-dom'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/createSuper'), require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('prop-types'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('deep-equal'), require('@hypnosphi/create-react-context'), require('react-resize-detector'), require('classnames'), require('exenv'), require('react-hot-toast')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inheritsLoose', 'react-fast-compare', 'warning', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', 'stylis', 'hoist-non-react-statics', 'react-dom', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/createSuper', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/taggedTemplateLiteral', 'prop-types', '@babel/runtime/helpers/objectWithoutPropertiesLoose', 'deep-equal', '@hypnosphi/create-react-context', 'react-resize-detector', 'classnames', 'exenv', 'react-hot-toast'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.assign, global.icons, global["extends"], global.assertThisInitialized, global.inheritsLoose, global.isEqual, global.warning, global.slicedToArray, global.defineProperty, global["typeof"], global.classCallCheck, global.createClass, global.stylis, null, global.reactDom, null, null, null, null, global.objectWithoutProperties, null, global.PropTypes, global.objectWithoutPropertiesLoose, global.deepEqual, global.createContext, global.ReactResizeDetector, global.t, global.exenv, global.reactHotToast));
|
|
5
|
+
})(this, (function (exports, React, styled, assign$1, icons, _extends$5, _assertThisInitialized$2, _inheritsLoose$3, isEqual$3, warning$2, _slicedToArray$1, _defineProperty$2, _typeof$2, _classCallCheck$1, _createClass$1, stylis, hoistNonReactStatics$1, ne, objectSpread2, inherits, createSuper, toConsumableArray, _objectWithoutProperties$1, taggedTemplateLiteral, PropTypes, _objectWithoutPropertiesLoose$4, deepEqual, createContext, ReactResizeDetector, t, exenv, reactHotToast) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$5);
|
|
33
33
|
var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized$2);
|
|
34
34
|
var _inheritsLoose__default = /*#__PURE__*/_interopDefaultLegacy(_inheritsLoose$3);
|
|
35
|
-
var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual$
|
|
35
|
+
var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual$3);
|
|
36
36
|
var warning__default = /*#__PURE__*/_interopDefaultLegacy(warning$2);
|
|
37
37
|
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray$1);
|
|
38
38
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$2);
|
|
@@ -44,11 +44,9 @@
|
|
|
44
44
|
var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose$4);
|
|
45
45
|
var deepEqual__default = /*#__PURE__*/_interopDefaultLegacy(deepEqual);
|
|
46
46
|
var createContext__default = /*#__PURE__*/_interopDefaultLegacy(createContext);
|
|
47
|
-
var WindowedSelect__default = /*#__PURE__*/_interopDefaultLegacy(WindowedSelect);
|
|
48
47
|
var ReactResizeDetector__default = /*#__PURE__*/_interopDefaultLegacy(ReactResizeDetector);
|
|
49
48
|
var t__default = /*#__PURE__*/_interopDefaultLegacy(t);
|
|
50
49
|
var exenv__default = /*#__PURE__*/_interopDefaultLegacy(exenv);
|
|
51
|
-
var smoothscroll__default = /*#__PURE__*/_interopDefaultLegacy(smoothscroll);
|
|
52
50
|
|
|
53
51
|
/*! *****************************************************************************
|
|
54
52
|
Copyright (c) Microsoft Corporation.
|
|
@@ -8374,7 +8372,7 @@
|
|
|
8374
8372
|
minHeight = layout.minHeight,
|
|
8375
8373
|
maxWidth = layout.maxWidth,
|
|
8376
8374
|
maxHeight = layout.maxHeight,
|
|
8377
|
-
size = layout.size,
|
|
8375
|
+
size$1 = layout.size,
|
|
8378
8376
|
verticalAlign = layout.verticalAlign,
|
|
8379
8377
|
display = layout.display,
|
|
8380
8378
|
overflow = layout.overflow;
|
|
@@ -8460,7 +8458,7 @@
|
|
|
8460
8458
|
};
|
|
8461
8459
|
};
|
|
8462
8460
|
var addStyledProps = compose( // After
|
|
8463
|
-
space, margin, padding, width, fontSize, color, fontFamily, textAlign, lineHeight, fontWeight, fontStyle, letterSpacing, display, maxWidth, minWidth, height, maxHeight, minHeight, size, verticalAlign, alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexBasis, flexDirection, flex, flexbox, justifySelf, alignSelf, order$1, grid, gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea, border, borderTop, borderRight, borderBottom, borderLeft, border, borderColor, borderRadius$1, shadow, opacity, overflow, position, zIndex, top$1, right$1, bottom$1, left$1, textStyle, colorStyle, buttonStyle, background, backgroundSize, backgroundRepeat, backgroundPosition, backgroundImage, layout, flexGrow, typography, system({
|
|
8461
|
+
space, margin, padding, width, fontSize, color, fontFamily, textAlign, lineHeight, fontWeight, fontStyle, letterSpacing, display, maxWidth, minWidth, height, maxHeight, minHeight, size$1, verticalAlign, alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexBasis, flexDirection, flex, flexbox, justifySelf, alignSelf, order$1, grid, gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea, border, borderTop, borderRight, borderBottom, borderLeft, border, borderColor, borderRadius$1, shadow, opacity, overflow, position, zIndex, top$1, right$1, bottom$1, left$1, textStyle, colorStyle, buttonStyle, background, backgroundSize, backgroundRepeat, backgroundPosition, backgroundImage, layout, flexGrow, typography, system({
|
|
8464
8462
|
visibility: true,
|
|
8465
8463
|
transition: true,
|
|
8466
8464
|
transform: true,
|
|
@@ -8654,6 +8652,19 @@
|
|
|
8654
8652
|
size: ICON_SIZE_RATIO + "em"
|
|
8655
8653
|
}, props)));
|
|
8656
8654
|
}
|
|
8655
|
+
var InputIcon = styled__default["default"](Icon).withConfig({
|
|
8656
|
+
displayName: "Icon__InputIcon",
|
|
8657
|
+
componentId: "sc-150w9kl-3"
|
|
8658
|
+
})(function (_ref2) {
|
|
8659
|
+
var theme = _ref2.theme;
|
|
8660
|
+
return {
|
|
8661
|
+
position: "absolute",
|
|
8662
|
+
color: theme.colors.midGrey,
|
|
8663
|
+
bottom: "50%",
|
|
8664
|
+
transform: "translateY(50%)",
|
|
8665
|
+
pointerEvents: "none"
|
|
8666
|
+
};
|
|
8667
|
+
}, position);
|
|
8657
8668
|
|
|
8658
8669
|
var Flex = styled__default["default"](Box).withConfig({
|
|
8659
8670
|
displayName: "Flex",
|
|
@@ -16838,7 +16849,7 @@
|
|
|
16838
16849
|
paddingTop: baseUnit
|
|
16839
16850
|
});
|
|
16840
16851
|
};
|
|
16841
|
-
var MenuList = function MenuList(props) {
|
|
16852
|
+
var MenuList$1 = function MenuList(props) {
|
|
16842
16853
|
var children = props.children,
|
|
16843
16854
|
innerProps = props.innerProps,
|
|
16844
16855
|
innerRef = props.innerRef,
|
|
@@ -17632,7 +17643,7 @@
|
|
|
17632
17643
|
Input: Input$1$1,
|
|
17633
17644
|
LoadingIndicator: LoadingIndicator,
|
|
17634
17645
|
Menu: Menu$1$1,
|
|
17635
|
-
MenuList: MenuList,
|
|
17646
|
+
MenuList: MenuList$1,
|
|
17636
17647
|
MenuPortal: MenuPortal,
|
|
17637
17648
|
LoadingMessage: LoadingMessage,
|
|
17638
17649
|
NoOptionsMessage: NoOptionsMessage,
|
|
@@ -17650,33 +17661,33 @@
|
|
|
17650
17661
|
return _objectSpread2(_objectSpread2({}, components), props.components);
|
|
17651
17662
|
};
|
|
17652
17663
|
|
|
17653
|
-
var safeIsNaN = Number.isNaN ||
|
|
17664
|
+
var safeIsNaN$1 = Number.isNaN ||
|
|
17654
17665
|
function ponyfill(value) {
|
|
17655
17666
|
return typeof value === 'number' && value !== value;
|
|
17656
17667
|
};
|
|
17657
|
-
function isEqual$
|
|
17668
|
+
function isEqual$2(first, second) {
|
|
17658
17669
|
if (first === second) {
|
|
17659
17670
|
return true;
|
|
17660
17671
|
}
|
|
17661
|
-
if (safeIsNaN(first) && safeIsNaN(second)) {
|
|
17672
|
+
if (safeIsNaN$1(first) && safeIsNaN$1(second)) {
|
|
17662
17673
|
return true;
|
|
17663
17674
|
}
|
|
17664
17675
|
return false;
|
|
17665
17676
|
}
|
|
17666
|
-
function areInputsEqual(newInputs, lastInputs) {
|
|
17677
|
+
function areInputsEqual$1(newInputs, lastInputs) {
|
|
17667
17678
|
if (newInputs.length !== lastInputs.length) {
|
|
17668
17679
|
return false;
|
|
17669
17680
|
}
|
|
17670
17681
|
for (var i = 0; i < newInputs.length; i++) {
|
|
17671
|
-
if (!isEqual$
|
|
17682
|
+
if (!isEqual$2(newInputs[i], lastInputs[i])) {
|
|
17672
17683
|
return false;
|
|
17673
17684
|
}
|
|
17674
17685
|
}
|
|
17675
17686
|
return true;
|
|
17676
17687
|
}
|
|
17677
17688
|
|
|
17678
|
-
function memoizeOne(resultFn, isEqual) {
|
|
17679
|
-
if (isEqual === void 0) { isEqual = areInputsEqual; }
|
|
17689
|
+
function memoizeOne$1(resultFn, isEqual) {
|
|
17690
|
+
if (isEqual === void 0) { isEqual = areInputsEqual$1; }
|
|
17680
17691
|
var cache = null;
|
|
17681
17692
|
function memoized() {
|
|
17682
17693
|
var newArgs = [];
|
|
@@ -18187,7 +18198,7 @@
|
|
|
18187
18198
|
});
|
|
18188
18199
|
};
|
|
18189
18200
|
|
|
18190
|
-
var memoizedStripDiacriticsForInput = memoizeOne(stripDiacritics);
|
|
18201
|
+
var memoizedStripDiacriticsForInput = memoizeOne$1(stripDiacritics);
|
|
18191
18202
|
var trimString = function trimString(str) {
|
|
18192
18203
|
return str.replace(/^\s+|\s+$/g, '');
|
|
18193
18204
|
};
|
|
@@ -24170,6 +24181,7 @@
|
|
|
24170
24181
|
error = _ref6.error,
|
|
24171
24182
|
maxHeight = _ref6.maxHeight,
|
|
24172
24183
|
windowed = _ref6.windowed,
|
|
24184
|
+
hasIcon = _ref6.hasIcon,
|
|
24173
24185
|
variant = _ref6.variant,
|
|
24174
24186
|
_ref6$hasDefaultOptio = _ref6.hasDefaultOptions,
|
|
24175
24187
|
hasDefaultOptions = _ref6$hasDefaultOptio === void 0 ? true : _ref6$hasDefaultOptio;
|
|
@@ -24185,7 +24197,7 @@
|
|
|
24185
24197
|
});
|
|
24186
24198
|
},
|
|
24187
24199
|
control: function control(provided, state) {
|
|
24188
|
-
return Object.assign(Object.assign({}, provided), {
|
|
24200
|
+
return Object.assign(Object.assign(Object.assign({}, provided), {
|
|
24189
24201
|
display: "flex",
|
|
24190
24202
|
minHeight: theme.space.x5,
|
|
24191
24203
|
paddingLeft: theme.space.x1,
|
|
@@ -24246,6 +24258,8 @@
|
|
|
24246
24258
|
theme: theme
|
|
24247
24259
|
})
|
|
24248
24260
|
}
|
|
24261
|
+
}), hasIcon && {
|
|
24262
|
+
paddingLeft: "calc(" + theme.space.x3 + " + " + theme.space.x1_5 + ")"
|
|
24249
24263
|
});
|
|
24250
24264
|
},
|
|
24251
24265
|
dropdownIndicator: function dropdownIndicator(provided) {
|
|
@@ -24454,6 +24468,14 @@
|
|
|
24454
24468
|
}, {});
|
|
24455
24469
|
};
|
|
24456
24470
|
|
|
24471
|
+
var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
24472
|
+
var baseSelectProps = useStateManager(props);
|
|
24473
|
+
return /*#__PURE__*/React__namespace.createElement(Select, _extends$3({
|
|
24474
|
+
ref: ref
|
|
24475
|
+
}, baseSelectProps));
|
|
24476
|
+
});
|
|
24477
|
+
var StateManagedSelect$1 = StateManagedSelect;
|
|
24478
|
+
|
|
24457
24479
|
var StyledOption = styled__default["default"].div.withConfig({
|
|
24458
24480
|
displayName: "SelectOption__StyledOption",
|
|
24459
24481
|
componentId: "sc-i7ae6z-0"
|
|
@@ -24498,24 +24520,29 @@
|
|
|
24498
24520
|
});
|
|
24499
24521
|
});
|
|
24500
24522
|
function SelectOption$1(props) {
|
|
24501
|
-
var variant = useComponentVariant(props.variant);
|
|
24502
24523
|
return /*#__PURE__*/React__default["default"].createElement(StyledOption, {
|
|
24503
24524
|
isSelected: props.isSelected,
|
|
24504
24525
|
isFocused: props.isFocused,
|
|
24505
|
-
variant: variant,
|
|
24506
24526
|
"data-testid": "select-option"
|
|
24507
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
24527
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.Option, Object.assign({}, props), props.children));
|
|
24508
24528
|
}
|
|
24509
24529
|
|
|
24510
|
-
var SelectControl$1 = function SelectControl(
|
|
24511
|
-
|
|
24512
|
-
|
|
24530
|
+
var SelectControl$1 = function SelectControl(_a) {
|
|
24531
|
+
var iconLeft = _a.iconLeft,
|
|
24532
|
+
isFocused = _a.isFocused,
|
|
24533
|
+
children = _a.children,
|
|
24534
|
+
props = __rest$3(_a, ["iconLeft", "isFocused", "children"]);
|
|
24535
|
+
|
|
24513
24536
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24514
24537
|
"data-testid": "select-control"
|
|
24515
24538
|
}, /*#__PURE__*/React__default["default"].createElement(components.Control, Object.assign({
|
|
24516
24539
|
className: isFocused ? "nds-select--is-focused" : null,
|
|
24517
24540
|
isFocused: isFocused
|
|
24518
|
-
}, props),
|
|
24541
|
+
}, props), iconLeft && /*#__PURE__*/React__default["default"].createElement(InputIcon, {
|
|
24542
|
+
left: "x1",
|
|
24543
|
+
icon: iconLeft,
|
|
24544
|
+
size: "x3"
|
|
24545
|
+
}), children));
|
|
24519
24546
|
};
|
|
24520
24547
|
var SelectMultiValue$1 = function SelectMultiValue(props) {
|
|
24521
24548
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -24552,11 +24579,9 @@
|
|
|
24552
24579
|
}, /*#__PURE__*/React__default["default"].createElement(components.Menu, Object.assign({}, props), props.children));
|
|
24553
24580
|
};
|
|
24554
24581
|
function SelectOption(props) {
|
|
24555
|
-
var variant = useComponentVariant(props.variant);
|
|
24556
24582
|
return /*#__PURE__*/React__default["default"].createElement(StyledOption, {
|
|
24557
24583
|
isSelected: props.isSelected,
|
|
24558
24584
|
isFocused: props.isFocused,
|
|
24559
|
-
variant: variant,
|
|
24560
24585
|
"data-testid": "select-option"
|
|
24561
24586
|
}, /*#__PURE__*/React__default["default"].createElement(components.Option, Object.assign({}, props), props.children));
|
|
24562
24587
|
}
|
|
@@ -24595,12 +24620,13 @@
|
|
|
24595
24620
|
defaultOptions = _a.defaultOptions,
|
|
24596
24621
|
loadOptions = _a.loadOptions,
|
|
24597
24622
|
isClearable = _a.isClearable,
|
|
24598
|
-
|
|
24599
|
-
props = __rest$3(_a, ["autocomplete", "labelText", "required", "requirementText", "helpText", "noOptionsMessage", "disabled", "errorMessage", "errorList", "id", "initialIsOpen", "maxHeight", "menuPosition", "multiselect", "name", "onChange", "placeholder", "value", "defaultValue", "className", "classNamePrefix", "onBlur", "menuIsOpen", "onMenuOpen", "onMenuClose", "onInputChange", "components", "aria-label", "cacheOptions", "defaultOptions", "loadOptions", "isClearable", "
|
|
24623
|
+
iconLeft = _a.iconLeft,
|
|
24624
|
+
props = __rest$3(_a, ["autocomplete", "labelText", "required", "requirementText", "helpText", "noOptionsMessage", "disabled", "errorMessage", "errorList", "id", "initialIsOpen", "maxHeight", "menuPosition", "multiselect", "name", "onChange", "placeholder", "value", "defaultValue", "className", "classNamePrefix", "onBlur", "menuIsOpen", "onMenuOpen", "onMenuClose", "onInputChange", "components", "aria-label", "cacheOptions", "defaultOptions", "loadOptions", "isClearable", "iconLeft"]);
|
|
24600
24625
|
|
|
24601
24626
|
var _useTranslation = useTranslation(),
|
|
24602
24627
|
t = _useTranslation.t;
|
|
24603
24628
|
|
|
24629
|
+
var variant = useComponentVariant();
|
|
24604
24630
|
var theme = styled.useTheme();
|
|
24605
24631
|
var spaceProps = getSubset(props, propTypes$1.space);
|
|
24606
24632
|
var error = !!(errorMessage || errorList);
|
|
@@ -24618,8 +24644,10 @@
|
|
|
24618
24644
|
defaultInputValue: defaultValue,
|
|
24619
24645
|
placeholder: placeholder || t("start typing"),
|
|
24620
24646
|
styles: customStyles({
|
|
24647
|
+
hasIcon: Boolean(iconLeft),
|
|
24621
24648
|
theme: theme,
|
|
24622
24649
|
error: error,
|
|
24650
|
+
variant: variant,
|
|
24623
24651
|
maxHeight: maxHeight,
|
|
24624
24652
|
windowed: false,
|
|
24625
24653
|
hasDefaultOptions: Boolean(defaultOptions)
|
|
@@ -24647,7 +24675,11 @@
|
|
|
24647
24675
|
variant: componentVariant
|
|
24648
24676
|
}, props), props.children);
|
|
24649
24677
|
},
|
|
24650
|
-
Control:
|
|
24678
|
+
Control: function Control(props) {
|
|
24679
|
+
return /*#__PURE__*/React__default["default"].createElement(SelectControl$1, Object.assign({
|
|
24680
|
+
iconLeft: iconLeft
|
|
24681
|
+
}, props), props.children);
|
|
24682
|
+
},
|
|
24651
24683
|
MultiValue: SelectMultiValue$1,
|
|
24652
24684
|
ClearIndicator: SelectClearIndicator$1,
|
|
24653
24685
|
DropdownIndicator: SelectDropdownIndicator$1,
|
|
@@ -29357,11 +29389,10 @@
|
|
|
29357
29389
|
textAlign: prefixAlignment
|
|
29358
29390
|
}), /*#__PURE__*/React__default["default"].createElement(InputWrapper, {
|
|
29359
29391
|
maxWidth: inputWidth
|
|
29360
|
-
}, iconLeft && /*#__PURE__*/React__default["default"].createElement(
|
|
29392
|
+
}, iconLeft && /*#__PURE__*/React__default["default"].createElement(InputIcon, {
|
|
29361
29393
|
left: "x1",
|
|
29362
29394
|
icon: iconLeft,
|
|
29363
|
-
size: iconLeftSize
|
|
29364
|
-
variant: variant
|
|
29395
|
+
size: iconLeftSize
|
|
29365
29396
|
}), /*#__PURE__*/React__default["default"].createElement(StyledInput, Object.assign({
|
|
29366
29397
|
paddingLeft: iconLeft ? "calc(" + theme.space[iconLeftSize] + " + " + theme.space.x1_5 + ")" : theme.space.x1,
|
|
29367
29398
|
paddingRight: iconRight ? "calc(" + theme.space[iconRightSize] + " + " + theme.space.x1_5 + ")" : theme.space.x1,
|
|
@@ -29373,11 +29404,10 @@
|
|
|
29373
29404
|
size: htmlSize,
|
|
29374
29405
|
variant: componentVariant,
|
|
29375
29406
|
inputWidth: inputWidth
|
|
29376
|
-
}, props)), iconRight && /*#__PURE__*/React__default["default"].createElement(
|
|
29407
|
+
}, props)), iconRight && /*#__PURE__*/React__default["default"].createElement(InputIcon, {
|
|
29377
29408
|
right: "x1",
|
|
29378
29409
|
icon: iconRight,
|
|
29379
|
-
size: iconRightSize
|
|
29380
|
-
variant: variant
|
|
29410
|
+
size: iconRightSize
|
|
29381
29411
|
})), /*#__PURE__*/React__default["default"].createElement(Suffix, {
|
|
29382
29412
|
suffix: suffix,
|
|
29383
29413
|
suffixWidth: suffixWidth,
|
|
@@ -29449,24 +29479,11 @@
|
|
|
29449
29479
|
theme: theme
|
|
29450
29480
|
});
|
|
29451
29481
|
}, space);
|
|
29452
|
-
var StyledInputIcon = styled__default["default"](Icon).withConfig({
|
|
29453
|
-
displayName: "InputField__StyledInputIcon",
|
|
29454
|
-
componentId: "sc-a97ghf-2"
|
|
29455
|
-
})(function (_ref4) {
|
|
29456
|
-
var theme = _ref4.theme;
|
|
29457
|
-
return {
|
|
29458
|
-
position: "absolute",
|
|
29459
|
-
color: theme.colors.midGrey,
|
|
29460
|
-
bottom: "50%",
|
|
29461
|
-
transform: "translateY(50%)",
|
|
29462
|
-
pointerEvents: "none"
|
|
29463
|
-
};
|
|
29464
|
-
}, position);
|
|
29465
29482
|
|
|
29466
|
-
var cssForState = function cssForState(
|
|
29467
|
-
var disabled =
|
|
29468
|
-
error =
|
|
29469
|
-
theme =
|
|
29483
|
+
var cssForState = function cssForState(_ref4) {
|
|
29484
|
+
var disabled = _ref4.disabled,
|
|
29485
|
+
error = _ref4.error,
|
|
29486
|
+
theme = _ref4.theme;
|
|
29470
29487
|
if (disabled) return {
|
|
29471
29488
|
color: theme.colors.midGrey,
|
|
29472
29489
|
borderColor: theme.colors.lightGrey,
|
|
@@ -34390,7 +34407,7 @@
|
|
|
34390
34407
|
* //=> false
|
|
34391
34408
|
*/
|
|
34392
34409
|
|
|
34393
|
-
function isEqual(dirtyLeftDate, dirtyRightDate) {
|
|
34410
|
+
function isEqual$1(dirtyLeftDate, dirtyRightDate) {
|
|
34394
34411
|
requiredArgs$1(2, arguments);
|
|
34395
34412
|
var dateLeft = toDate$1(dirtyLeftDate);
|
|
34396
34413
|
var dateRight = toDate$1(dirtyRightDate);
|
|
@@ -37698,7 +37715,7 @@
|
|
|
37698
37715
|
});
|
|
37699
37716
|
}
|
|
37700
37717
|
|
|
37701
|
-
function oe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n);}return r}function ae(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(r),!0).forEach((function(t){le(e,t,r[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):oe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t));}));}return e}function se(e){return (se="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function pe(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ie(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n);}}function ce(e,t,r){return t&&ie(e.prototype,t),r&&ie(e,r),e}function le(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function de$1(){return (de$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e}).apply(this,arguments)}function ue(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&me(e,t);}function he(e){return (he=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function me(e,t){return (me=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function fe(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ye(e,t){return !t||"object"!=typeof t&&"function"!=typeof t?fe(e):t}function ve(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return !1}}();return function(){var r,n=he(e);if(t){var o=he(this).constructor;r=Reflect.construct(n,arguments,o);}else r=n.apply(this,arguments);return ye(this,r)}}function De(e){return function(e){if(Array.isArray(e))return we(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return we(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return we(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function we(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function ke(e,t){switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}}function ge(e,t){switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}}var be={p:ge,P:function(e,t){var r,n=e.match(/(P+)(p+)?/),o=n[1],a=n[2];if(!a)return ke(e,t);switch(o){case"P":r=t.dateTime({width:"short"});break;case"PP":r=t.dateTime({width:"medium"});break;case"PPP":r=t.dateTime({width:"long"});break;case"PPPP":default:r=t.dateTime({width:"full"});}return r.replace("{{date}}",ke(o,t)).replace("{{time}}",ge(a,t))}},Ce=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;function _e(e){var t=e?"string"==typeof e||e instanceof String?parseISO(e):toDate$1(e):new Date;return Me(t)?t:null}function Se(e,t,r,n,a){var s=null,p=qe(r)||qe(Ve()),i=!0;return Array.isArray(t)?(t.forEach((function(t){var r=parse(e,t,new Date,{locale:p});n&&(i=Me(r,a)&&e===format$1(r,t,{awareOfUnicodeTokens:!0})),Me(r,a)&&i&&(s=r);})),s):(s=parse(e,t,new Date,{locale:p}),n?i=Me(s)&&e===format$1(s,t,{awareOfUnicodeTokens:!0}):Me(s)||(t=t.match(Ce).map((function(e){var t=e[0];return "p"===t||"P"===t?p?(0, be[t])(e,p.formatLong):t:e})).join(""),e.length>0&&(s=parse(e,t.slice(0,e.length),new Date)),Me(s)||(s=new Date(e))),Me(s)&&i?s:null)}function Me(e,t){return t=t||new Date("1/1/1000"),isValid$1(e)&&isAfter$1(e,t)}function Pe(e,t,r){if("en"===r)return format$1(e,t,{awareOfUnicodeTokens:!0});var n=qe(r);return r&&!n&&console.warn('A locale object was not found for the provided string ["'.concat(r,'"].')),!n&&Ve()&&qe(Ve())&&(n=qe(Ve())),format$1(e,t,{locale:n||null,awareOfUnicodeTokens:!0})}function Ee(e,t){var r=t.dateFormat,n=t.locale;return e&&Pe(e,Array.isArray(r)?r[0]:r,n)||""}function Ne(e,t){var r=t.hour,n=void 0===r?0:r,o=t.minute,a=void 0===o?0:o,s=t.second;return setHours(setMinutes$1(setSeconds(e,void 0===s?0:s),a),n)}function Oe(e,t){var r=t&&qe(t)||Ve()&&qe(Ve());return getISOWeek(e,r?{locale:r}:null)}function xe(e,t){return Pe(e,"ddd",t)}function Te(e){return startOfDay$1(e)}function Ye(e,t,r){var n=qe(t||Ve());return startOfWeek(e,{locale:n,weekStartsOn:r})}function Ie(e){return startOfMonth(e)}function Le(e){return startOfYear(e)}function Fe(e){return startOfQuarter(e)}function Re(e,t){return e&&t?isSameYear(e,t):!e&&!t}function Ae(e,t){return e&&t?isSameMonth(e,t):!e&&!t}function Be(e,t){return e&&t?isSameQuarter(e,t):!e&&!t}function We(e,t){return e&&t?isSameDay$1(e,t):!e&&!t}function Ke(e,t){return e&&t?isEqual(e,t):!e&&!t}function je(e,t,r){var n,o=startOfDay$1(t),a=endOfDay(r);try{n=isWithinInterval(e,{start:o,end:a});}catch(e){n=!1;}return n}function He(e,t){var r="undefined"!=typeof window?window:global;r.__localeData__||(r.__localeData__={}),r.__localeData__[e]=t;}function Ve(){return ("undefined"!=typeof window?window:global).__localeId__}function qe(e){if("string"==typeof e){var t="undefined"!=typeof window?window:global;return t.__localeData__?t.__localeData__[e]:null}return e}function Ue(e,t){return Pe(setMonth(_e(),e),"LLLL",t)}function $e(e,t){return Pe(setMonth(_e(),e),"LLL",t)}function ze(e,t){return Pe(setQuarter(_e(),e),"QQQ",t)}function Ge(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return We(e,t)}))||a&&!a.some((function(t){return We(e,t)}))||s&&!s(_e(e))||!1}function Je(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeDates;return r&&r.some((function(t){return We(e,t)}))||!1}function Xe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return Ae(e,t)}))||a&&!a.some((function(t){return Ae(e,t)}))||s&&!s(_e(e))||!1}function Ze(e,t,r,n){var o=getYear(e),a=getMonth(e),s=getYear(t),p=getMonth(t),i=getYear(n);return o===s&&o===i?a<=r&&r<=p:o<s?i===o&&a<=r||i===s&&p>=r||i<s&&i>o:void 0}function et(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return Be(e,t)}))||a&&!a.some((function(t){return Be(e,t)}))||s&&!s(_e(e))||!1}function tt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=new Date(e,0,1);return nt(o,{minDate:r,maxDate:n})||!1}function rt(e,t,r,n){var o=getYear(e),a=getQuarter(e),s=getYear(t),p=getQuarter(t),i=getYear(n);return o===s&&o===i?a<=r&&r<=p:o<s?i===o&&a<=r||i===s&&p>=r||i<s&&i>o:void 0}function nt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate;return r&&differenceInCalendarDays$1(e,r)<0||n&&differenceInCalendarDays$1(e,n)>0}function ot(e,t){return t.some((function(t){return getHours(t)===getHours(e)&&getMinutes(t)===getMinutes(e)}))}function at(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeTimes,n=t.includeTimes,o=t.filterTime;return r&&ot(e,r)||n&&!ot(e,n)||o&&!o(e)||!1}function st(e,t){var r=t.minTime,n=t.maxTime;if(!r||!n)throw new Error("Both minTime and maxTime props required");var o,a=_e(),s=setHours(setMinutes$1(a,getMinutes(e)),getHours(e)),p=setHours(setMinutes$1(a,getMinutes(r)),getHours(r)),i=setHours(setMinutes$1(a,getMinutes(n)),getHours(n));try{o=!isWithinInterval(s,{start:p,end:i});}catch(e){o=!1;}return o}function pt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.includeDates,o=subMonths(e,1);return r&&differenceInCalendarMonths(r,o)>0||n&&n.every((function(e){return differenceInCalendarMonths(e,o)>0}))||!1}function it(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.includeDates,o=addMonths(e,1);return r&&differenceInCalendarMonths(o,r)>0||n&&n.every((function(e){return differenceInCalendarMonths(o,e)>0}))||!1}function ct(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.includeDates,o=subYears(e,1);return r&&differenceInCalendarYears(r,o)>0||n&&n.every((function(e){return differenceInCalendarYears(e,o)>0}))||!1}function lt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.includeDates,o=addYears(e,1);return r&&differenceInCalendarYears(o,r)>0||n&&n.every((function(e){return differenceInCalendarYears(o,e)>0}))||!1}function dt(e){var t=e.minDate,r=e.includeDates;if(r&&t){var n=r.filter((function(e){return differenceInCalendarDays$1(e,t)>=0}));return min(n)}return r?min(r):t}function ut(e){var t=e.maxDate,r=e.includeDates;if(r&&t){var n=r.filter((function(e){return differenceInCalendarDays$1(e,t)<=0}));return max(n)}return r?max(r):t}function ht(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"react-datepicker__day--highlighted",n=new Map,o=0,a=e.length;o<a;o++){var s=e[o];if(isDate(s)){var p=Pe(s,"MM.dd.yyyy"),i=n.get(p)||[];i.includes(t)||(i.push(t),n.set(p,i));}else if("object"===se(s)){var c=Object.keys(s),l=c[0],d=s[c[0]];if("string"==typeof l&&d.constructor===Array)for(var u=0,h=d.length;u<h;u++){var m=Pe(d[u],"MM.dd.yyyy"),f=n.get(m)||[];f.includes(l)||(f.push(l),n.set(m,f));}}}return n}function mt(e,t,r,n,o){for(var p=o.length,i=[],c=0;c<p;c++){var l=addMinutes(addHours(e,getHours(o[c])),getMinutes(o[c])),d=addMinutes(e,(r+1)*n);isAfter$1(l,t)&&isBefore$1(l,d)&&i.push(o[c]);}return i}function ft(e){return e<10?"0".concat(e):"".concat(e)}function yt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:12,r=Math.ceil(getYear(e)/t)*t,n=r-(t-1);return {startPeriod:n,endPeriod:r}}function vt(e,t,r,n){for(var o=[],a=0;a<2*t+1;a++){var s=e+t-a,p=!0;r&&(p=getYear(r)<=s),n&&p&&(p=getYear(n)>=s),p&&o.push(s);}return o}var Dt=onClickOutsideHOC(function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(t){var r;pe(this,o),le(fe(r=n.call(this,t)),"renderOptions",(function(){var t=r.props.year,n=r.state.yearsList.map((function(n){return React__default["default"].createElement("div",{className:t===n?"react-datepicker__year-option react-datepicker__year-option--selected_year":"react-datepicker__year-option",key:n,onClick:r.onChange.bind(fe(r),n)},t===n?React__default["default"].createElement("span",{className:"react-datepicker__year-option--selected"},"✓"):"",n)})),o=r.props.minDate?getYear(r.props.minDate):null,a=r.props.maxDate?getYear(r.props.maxDate):null;return a&&r.state.yearsList.find((function(e){return e===a}))||n.unshift(React__default["default"].createElement("div",{className:"react-datepicker__year-option",key:"upcoming",onClick:r.incrementYears},React__default["default"].createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming"}))),o&&r.state.yearsList.find((function(e){return e===o}))||n.push(React__default["default"].createElement("div",{className:"react-datepicker__year-option",key:"previous",onClick:r.decrementYears},React__default["default"].createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous"}))),n})),le(fe(r),"onChange",(function(e){r.props.onChange(e);})),le(fe(r),"handleClickOutside",(function(){r.props.onCancel();})),le(fe(r),"shiftYears",(function(e){var t=r.state.yearsList.map((function(t){return t+e}));r.setState({yearsList:t});})),le(fe(r),"incrementYears",(function(){return r.shiftYears(1)})),le(fe(r),"decrementYears",(function(){return r.shiftYears(-1)}));var a=t.yearDropdownItemNumber,s=t.scrollableYearDropdown,p=a||(s?10:5);return r.state={yearsList:vt(r.props.year,p,r.props.minDate,r.props.maxDate)},r}return ce(o,[{key:"render",value:function(){var r=t__default["default"]({"react-datepicker__year-dropdown":!0,"react-datepicker__year-dropdown--scrollable":this.props.scrollableYearDropdown});return React__default["default"].createElement("div",{className:r},this.renderOptions())}}]),o}()),wt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(){for(var r=t.props.minDate?getYear(t.props.minDate):1900,n=t.props.maxDate?getYear(t.props.maxDate):2100,o=[],a=r;a<=n;a++)o.push(React__default["default"].createElement("option",{key:a,value:a},a));return o})),le(fe(t),"onSelectChange",(function(e){t.onChange(e.target.value);})),le(fe(t),"renderSelectMode",(function(){return React__default["default"].createElement("select",{value:t.props.year,className:"react-datepicker__year-select",onChange:t.onSelectChange},t.renderSelectOptions())})),le(fe(t),"renderReadView",(function(r){return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__year-read-view",onClick:function(e){return t.toggleDropdown(e)}},React__default["default"].createElement("span",{className:"react-datepicker__year-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__year-read-view--selected-year"},t.props.year))})),le(fe(t),"renderDropdown",(function(){return React__default["default"].createElement(Dt,{key:"dropdown",year:t.props.year,onChange:t.onChange,onCancel:t.toggleDropdown,minDate:t.props.minDate,maxDate:t.props.maxDate,scrollableYearDropdown:t.props.scrollableYearDropdown,yearDropdownItemNumber:t.props.yearDropdownItemNumber})})),le(fe(t),"renderScrollMode",(function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r})),le(fe(t),"onChange",(function(e){t.toggleDropdown(),e!==t.props.year&&t.props.onChange(e);})),le(fe(t),"toggleDropdown",(function(e){t.setState({dropdownVisible:!t.state.dropdownVisible},(function(){t.props.adjustDateOnChange&&t.handleYearChange(t.props.date,e);}));})),le(fe(t),"handleYearChange",(function(e,r){t.onSelect(e,r),t.setOpen();})),le(fe(t),"onSelect",(function(e,r){t.props.onSelect&&t.props.onSelect(e,r);})),le(fe(t),"setOpen",(function(){t.props.setOpen&&t.props.setOpen(!0);})),t}return ce(n,[{key:"render",value:function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();}return React__default["default"].createElement("div",{className:"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}(),kt=onClickOutsideHOC(function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"renderOptions",(function(){return t.props.monthNames.map((function(r,n){return React__default["default"].createElement("div",{className:t.props.month===n?"react-datepicker__month-option react-datepicker__month-option--selected_month":"react-datepicker__month-option",key:r,onClick:t.onChange.bind(fe(t),n)},t.props.month===n?React__default["default"].createElement("span",{className:"react-datepicker__month-option--selected"},"✓"):"",r)}))})),le(fe(t),"onChange",(function(e){return t.props.onChange(e)})),le(fe(t),"handleClickOutside",(function(){return t.props.onCancel()})),t}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__month-dropdown"},this.renderOptions())}}]),n}()),gt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(t){return t.map((function(t,r){return React__default["default"].createElement("option",{key:r,value:r},t)}))})),le(fe(t),"renderSelectMode",(function(r){return React__default["default"].createElement("select",{value:t.props.month,className:"react-datepicker__month-select",onChange:function(e){return t.onChange(e.target.value)}},t.renderSelectOptions(r))})),le(fe(t),"renderReadView",(function(r,n){return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__month-read-view",onClick:t.toggleDropdown},React__default["default"].createElement("span",{className:"react-datepicker__month-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__month-read-view--selected-month"},n[t.props.month]))})),le(fe(t),"renderDropdown",(function(r){return React__default["default"].createElement(kt,{key:"dropdown",month:t.props.month,monthNames:r,onChange:t.onChange,onCancel:t.toggleDropdown})})),le(fe(t),"renderScrollMode",(function(e){var r=t.state.dropdownVisible,n=[t.renderReadView(!r,e)];return r&&n.unshift(t.renderDropdown(e)),n})),le(fe(t),"onChange",(function(e){t.toggleDropdown(),e!==t.props.month&&t.props.onChange(e);})),le(fe(t),"toggleDropdown",(function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})})),t}return ce(n,[{key:"render",value:function(){var t,r=this,n=[0,1,2,3,4,5,6,7,8,9,10,11].map(this.props.useShortMonthInDropdown?function(e){return $e(e,r.props.locale)}:function(e){return Ue(e,r.props.locale)});switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode(n);break;case"select":t=this.renderSelectMode(n);}return React__default["default"].createElement("div",{className:"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}();function bt(e,t){for(var r=[],n=Ie(e),o=Ie(t);!isAfter$1(n,o);)r.push(_e(n)),n=addMonths(n,1);return r}var Ct=onClickOutsideHOC(function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(t){var r;return pe(this,o),le(fe(r=n.call(this,t)),"renderOptions",(function(){return r.state.monthYearsList.map((function(t){var n=getTime(t),o=Re(r.props.date,t)&&Ae(r.props.date,t);return React__default["default"].createElement("div",{className:o?"react-datepicker__month-year-option --selected_month-year":"react-datepicker__month-year-option",key:n,onClick:r.onChange.bind(fe(r),n)},o?React__default["default"].createElement("span",{className:"react-datepicker__month-year-option--selected"},"✓"):"",Pe(t,r.props.dateFormat,r.props.locale))}))})),le(fe(r),"onChange",(function(e){return r.props.onChange(e)})),le(fe(r),"handleClickOutside",(function(){r.props.onCancel();})),r.state={monthYearsList:bt(r.props.minDate,r.props.maxDate)},r}return ce(o,[{key:"render",value:function(){var r=t__default["default"]({"react-datepicker__month-year-dropdown":!0,"react-datepicker__month-year-dropdown--scrollable":this.props.scrollableMonthYearDropdown});return React__default["default"].createElement("div",{className:r},this.renderOptions())}}]),o}()),_t=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(){for(var r=Ie(t.props.minDate),n=Ie(t.props.maxDate),o=[];!isAfter$1(r,n);){var a=getTime(r);o.push(React__default["default"].createElement("option",{key:a,value:a},Pe(r,t.props.dateFormat,t.props.locale))),r=addMonths(r,1);}return o})),le(fe(t),"onSelectChange",(function(e){t.onChange(e.target.value);})),le(fe(t),"renderSelectMode",(function(){return React__default["default"].createElement("select",{value:getTime(Ie(t.props.date)),className:"react-datepicker__month-year-select",onChange:t.onSelectChange},t.renderSelectOptions())})),le(fe(t),"renderReadView",(function(r){var n=Pe(t.props.date,t.props.dateFormat,t.props.locale);return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__month-year-read-view",onClick:function(e){return t.toggleDropdown(e)}},React__default["default"].createElement("span",{className:"react-datepicker__month-year-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__month-year-read-view--selected-month-year"},n))})),le(fe(t),"renderDropdown",(function(){return React__default["default"].createElement(Ct,{key:"dropdown",date:t.props.date,dateFormat:t.props.dateFormat,onChange:t.onChange,onCancel:t.toggleDropdown,minDate:t.props.minDate,maxDate:t.props.maxDate,scrollableMonthYearDropdown:t.props.scrollableMonthYearDropdown,locale:t.props.locale})})),le(fe(t),"renderScrollMode",(function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r})),le(fe(t),"onChange",(function(e){t.toggleDropdown();var r=_e(parseInt(e));Re(t.props.date,r)&&Ae(t.props.date,r)||t.props.onChange(r);})),le(fe(t),"toggleDropdown",(function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})})),t}return ce(n,[{key:"render",value:function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();}return React__default["default"].createElement("div",{className:"react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}(),St=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var r;pe(this,o);for(var a=arguments.length,s=new Array(a),p=0;p<a;p++)s[p]=arguments[p];return le(fe(r=n.call.apply(n,[this].concat(s))),"dayEl",React__default["default"].createRef()),le(fe(r),"handleClick",(function(e){!r.isDisabled()&&r.props.onClick&&r.props.onClick(e);})),le(fe(r),"handleMouseEnter",(function(e){!r.isDisabled()&&r.props.onMouseEnter&&r.props.onMouseEnter(e);})),le(fe(r),"handleOnKeyDown",(function(e){" "===e.key&&(e.preventDefault(),e.key="Enter"),r.props.handleOnKeyDown(e);})),le(fe(r),"isSameDay",(function(e){return We(r.props.day,e)})),le(fe(r),"isKeyboardSelected",(function(){return !r.props.disabledKeyboardNavigation&&!r.isSameDay(r.props.selected)&&r.isSameDay(r.props.preSelection)})),le(fe(r),"isDisabled",(function(){return Ge(r.props.day,r.props)})),le(fe(r),"isExcluded",(function(){return Je(r.props.day,r.props)})),le(fe(r),"getHighLightedClass",(function(e){var t=r.props,n=t.day,o=t.highlightDates;if(!o)return !1;var a=Pe(n,"MM.dd.yyyy");return o.get(a)})),le(fe(r),"isInRange",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&je(t,n,o)})),le(fe(r),"isInSelectingRange",(function(){var e,t=r.props,n=t.day,o=t.selectsStart,a=t.selectsEnd,s=t.selectsRange,p=t.startDate,i=t.endDate,c=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return !(!(o||a||s)||!c||r.isDisabled())&&(o&&i&&(isBefore$1(c,i)||Ke(c,i))?je(n,c,i):(a&&p&&(isAfter$1(c,p)||Ke(c,p))||!(!s||!p||i||!isAfter$1(c,p)&&!Ke(c,p)))&&je(n,p,c))})),le(fe(r),"isSelectingRangeStart",(function(){var e;if(!r.isInSelectingRange())return !1;var t=r.props,n=t.day,o=t.startDate,a=t.selectsStart,s=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return We(n,a?s:o)})),le(fe(r),"isSelectingRangeEnd",(function(){var e;if(!r.isInSelectingRange())return !1;var t=r.props,n=t.day,o=t.endDate,a=t.selectsEnd,s=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return We(n,a?s:o)})),le(fe(r),"isRangeStart",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&We(n,t)})),le(fe(r),"isRangeEnd",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&We(o,t)})),le(fe(r),"isWeekend",(function(){var e=getDay(r.props.day);return 0===e||6===e})),le(fe(r),"isOutsideMonth",(function(){return void 0!==r.props.month&&r.props.month!==getMonth(r.props.day)})),le(fe(r),"getClassNames",(function(e){var n=r.props.dayClassName?r.props.dayClassName(e):void 0;return t__default["default"]("react-datepicker__day",n,"react-datepicker__day--"+xe(r.props.day),{"react-datepicker__day--disabled":r.isDisabled(),"react-datepicker__day--excluded":r.isExcluded(),"react-datepicker__day--selected":r.isSameDay(r.props.selected),"react-datepicker__day--keyboard-selected":r.isKeyboardSelected(),"react-datepicker__day--range-start":r.isRangeStart(),"react-datepicker__day--range-end":r.isRangeEnd(),"react-datepicker__day--in-range":r.isInRange(),"react-datepicker__day--in-selecting-range":r.isInSelectingRange(),"react-datepicker__day--selecting-range-start":r.isSelectingRangeStart(),"react-datepicker__day--selecting-range-end":r.isSelectingRangeEnd(),"react-datepicker__day--today":r.isSameDay(_e()),"react-datepicker__day--weekend":r.isWeekend(),"react-datepicker__day--outside-month":r.isOutsideMonth()},r.getHighLightedClass("react-datepicker__day--highlighted"))})),le(fe(r),"getAriaLabel",(function(){var e=r.props,t=e.day,n=e.ariaLabelPrefixWhenEnabled,o=void 0===n?"Choose":n,a=e.ariaLabelPrefixWhenDisabled,s=void 0===a?"Not available":a,p=r.isDisabled()||r.isExcluded()?s:o;return "".concat(p," ").concat(Pe(t,"PPPP",r.props.locale))})),le(fe(r),"getTabIndex",(function(e,t){var n=e||r.props.selected,o=t||r.props.preSelection;return r.isKeyboardSelected()||r.isSameDay(n)&&We(o,n)?0:-1})),le(fe(r),"handleFocusDay",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=!1;0===r.getTabIndex()&&!e.isInputFocused&&r.isSameDay(r.props.preSelection)&&(document.activeElement&&document.activeElement!==document.body||(t=!0),r.props.inline&&!r.props.shouldFocusDayInline&&(t=!1),r.props.containerRef&&r.props.containerRef.current&&r.props.containerRef.current.contains(document.activeElement)&&document.activeElement.classList.contains("react-datepicker__day")&&(t=!0)),t&&r.dayEl.current.focus({preventScroll:!0});})),le(fe(r),"renderDayContents",(function(){if(r.isOutsideMonth()){if(r.props.monthShowsDuplicateDaysEnd&&getDate(r.props.day)<10)return null;if(r.props.monthShowsDuplicateDaysStart&&getDate(r.props.day)>20)return null}return r.props.renderDayContents?r.props.renderDayContents(getDate(r.props.day),r.props.day):getDate(r.props.day)})),le(fe(r),"render",(function(){return React__default["default"].createElement("div",{ref:r.dayEl,className:r.getClassNames(r.props.day),onKeyDown:r.handleOnKeyDown,onClick:r.handleClick,onMouseEnter:r.handleMouseEnter,tabIndex:r.getTabIndex(),"aria-label":r.getAriaLabel(),role:"button","aria-disabled":r.isDisabled()},r.renderDayContents())})),r}return ce(o,[{key:"componentDidMount",value:function(){this.handleFocusDay();}},{key:"componentDidUpdate",value:function(e){this.handleFocusDay(e);}}]),o}(),Mt=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var e;pe(this,o);for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];return le(fe(e=n.call.apply(n,[this].concat(r))),"handleClick",(function(t){e.props.onClick&&e.props.onClick(t);})),e}return ce(o,[{key:"render",value:function(){var r=this.props,n=r.weekNumber,o=r.ariaLabelPrefix,a=void 0===o?"week ":o,s={"react-datepicker__week-number":!0,"react-datepicker__week-number--clickable":!!r.onClick};return React__default["default"].createElement("div",{className:t__default["default"](s),"aria-label":"".concat(a," ").concat(this.props.weekNumber),onClick:this.handleClick},n)}}]),o}(),Pt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"handleDayClick",(function(e,r){t.props.onDayClick&&t.props.onDayClick(e,r);})),le(fe(t),"handleDayMouseEnter",(function(e){t.props.onDayMouseEnter&&t.props.onDayMouseEnter(e);})),le(fe(t),"handleWeekClick",(function(e,r,n){"function"==typeof t.props.onWeekSelect&&t.props.onWeekSelect(e,r,n),t.props.shouldCloseOnSelect&&t.props.setOpen(!1);})),le(fe(t),"formatWeekNumber",(function(e){return t.props.formatWeekNumber?t.props.formatWeekNumber(e):Oe(e)})),le(fe(t),"renderDays",(function(){var r=Ye(t.props.day,t.props.locale,t.props.calendarStartDay),n=[],o=t.formatWeekNumber(r);if(t.props.showWeekNumber){var a=t.props.onWeekSelect?t.handleWeekClick.bind(fe(t),r,o):void 0;n.push(React__default["default"].createElement(Mt,{key:"W",weekNumber:o,onClick:a,ariaLabelPrefix:t.props.ariaLabelPrefix}));}return n.concat([0,1,2,3,4,5,6].map((function(n){var o=addDays$1(r,n);return React__default["default"].createElement(St,{ariaLabelPrefixWhenEnabled:t.props.chooseDayAriaLabelPrefix,ariaLabelPrefixWhenDisabled:t.props.disabledDayAriaLabelPrefix,key:o.valueOf(),day:o,month:t.props.month,onClick:t.handleDayClick.bind(fe(t),o),onMouseEnter:t.handleDayMouseEnter.bind(fe(t),o),minDate:t.props.minDate,maxDate:t.props.maxDate,excludeDates:t.props.excludeDates,includeDates:t.props.includeDates,highlightDates:t.props.highlightDates,selectingDate:t.props.selectingDate,filterDate:t.props.filterDate,preSelection:t.props.preSelection,selected:t.props.selected,selectsStart:t.props.selectsStart,selectsEnd:t.props.selectsEnd,selectsRange:t.props.selectsRange,startDate:t.props.startDate,endDate:t.props.endDate,dayClassName:t.props.dayClassName,renderDayContents:t.props.renderDayContents,disabledKeyboardNavigation:t.props.disabledKeyboardNavigation,handleOnKeyDown:t.props.handleOnKeyDown,isInputFocused:t.props.isInputFocused,containerRef:t.props.containerRef,inline:t.props.inline,shouldFocusDayInline:t.props.shouldFocusDayInline,monthShowsDuplicateDaysEnd:t.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:t.props.monthShowsDuplicateDaysStart,locale:t.props.locale})})))})),t}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__week"},this.renderDays())}}],[{key:"defaultProps",get:function(){return {shouldCloseOnSelect:!0}}}]),n}(),Et=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var r;pe(this,o);for(var a=arguments.length,s=new Array(a),l=0;l<a;l++)s[l]=arguments[l];return le(fe(r=n.call.apply(n,[this].concat(s))),"MONTH_REFS",De(Array(12)).map((function(){return React__default["default"].createRef()}))),le(fe(r),"isDisabled",(function(e){return Ge(e,r.props)})),le(fe(r),"isExcluded",(function(e){return Je(e,r.props)})),le(fe(r),"handleDayClick",(function(e,t){r.props.onDayClick&&r.props.onDayClick(e,t,r.props.orderInDisplay);})),le(fe(r),"handleDayMouseEnter",(function(e){r.props.onDayMouseEnter&&r.props.onDayMouseEnter(e);})),le(fe(r),"handleMouseLeave",(function(){r.props.onMouseLeave&&r.props.onMouseLeave();})),le(fe(r),"isRangeStartMonth",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Ae(setMonth(n,e),o)})),le(fe(r),"isRangeStartQuarter",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Be(setQuarter(n,e),o)})),le(fe(r),"isRangeEndMonth",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Ae(setMonth(n,e),a)})),le(fe(r),"isRangeEndQuarter",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Be(setQuarter(n,e),a)})),le(fe(r),"isWeekInMonth",(function(e){var t=r.props.day,n=addDays$1(e,6);return Ae(e,t)||Ae(n,t)})),le(fe(r),"renderWeeks",(function(){for(var t=[],n=r.props.fixedHeight,o=0,a=!1,s=Ye(Ie(r.props.day),r.props.locale,r.props.calendarStartDay);t.push(React__default["default"].createElement(Pt,{ariaLabelPrefix:r.props.weekAriaLabelPrefix,chooseDayAriaLabelPrefix:r.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:r.props.disabledDayAriaLabelPrefix,key:o,day:s,month:getMonth(r.props.day),onDayClick:r.handleDayClick,onDayMouseEnter:r.handleDayMouseEnter,onWeekSelect:r.props.onWeekSelect,formatWeekNumber:r.props.formatWeekNumber,locale:r.props.locale,minDate:r.props.minDate,maxDate:r.props.maxDate,excludeDates:r.props.excludeDates,includeDates:r.props.includeDates,inline:r.props.inline,shouldFocusDayInline:r.props.shouldFocusDayInline,highlightDates:r.props.highlightDates,selectingDate:r.props.selectingDate,filterDate:r.props.filterDate,preSelection:r.props.preSelection,selected:r.props.selected,selectsStart:r.props.selectsStart,selectsEnd:r.props.selectsEnd,selectsRange:r.props.selectsRange,showWeekNumber:r.props.showWeekNumbers,startDate:r.props.startDate,endDate:r.props.endDate,dayClassName:r.props.dayClassName,setOpen:r.props.setOpen,shouldCloseOnSelect:r.props.shouldCloseOnSelect,disabledKeyboardNavigation:r.props.disabledKeyboardNavigation,renderDayContents:r.props.renderDayContents,handleOnKeyDown:r.props.handleOnKeyDown,isInputFocused:r.props.isInputFocused,containerRef:r.props.containerRef,calendarStartDay:r.props.calendarStartDay,monthShowsDuplicateDaysEnd:r.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:r.props.monthShowsDuplicateDaysStart})),!a;){o++,s=addWeeks(s,1);var p=n&&o>=6,c=!n&&!r.isWeekInMonth(s);if(p||c){if(!r.props.peekNextMonth)break;a=!0;}}return t})),le(fe(r),"onMonthClick",(function(e,t){r.handleDayClick(Ie(setMonth(r.props.day,t)),e);})),le(fe(r),"handleMonthNavigation",(function(e,t){r.isDisabled(t)||r.isExcluded(t)||(r.props.setPreSelection(t),r.MONTH_REFS[e].current&&r.MONTH_REFS[e].current.focus());})),le(fe(r),"onMonthKeyDown",(function(e,t){var n=e.key;if(!r.props.disabledKeyboardNavigation)switch(n){case"Enter":r.onMonthClick(e,t),r.props.setPreSelection(r.props.selected);break;case"ArrowRight":r.handleMonthNavigation(11===t?0:t+1,addMonths(r.props.preSelection,1));break;case"ArrowLeft":r.handleMonthNavigation(0===t?11:t-1,subMonths(r.props.preSelection,1));}})),le(fe(r),"onQuarterClick",(function(e,t){r.handleDayClick(Fe(setQuarter(r.props.day,t)),e);})),le(fe(r),"getMonthClassNames",(function(e){var n=r.props,o=n.day,a=n.startDate,s=n.endDate,p=n.selected,i=n.minDate,c=n.maxDate,l=n.preSelection,d=n.monthClassName,u=d?d(o):void 0;return t__default["default"]("react-datepicker__month-text","react-datepicker__month-".concat(e),u,{"react-datepicker__month--disabled":(i||c)&&Xe(setMonth(o,e),r.props),"react-datepicker__month--selected":getMonth(o)===e&&getYear(o)===getYear(p),"react-datepicker__month-text--keyboard-selected":getMonth(l)===e,"react-datepicker__month--in-range":Ze(a,s,e,o),"react-datepicker__month--range-start":r.isRangeStartMonth(e),"react-datepicker__month--range-end":r.isRangeEndMonth(e)})})),le(fe(r),"getTabIndex",(function(e){var t=getMonth(r.props.preSelection);return r.props.disabledKeyboardNavigation||e!==t?"-1":"0"})),le(fe(r),"getAriaLabel",(function(e){var t=r.props,n=t.ariaLabelPrefix,o=void 0===n?"Choose":n,a=t.disabledDayAriaLabelPrefix,s=void 0===a?"Not available":a,p=t.day,i=setMonth(p,e),c=r.isDisabled(i)||r.isExcluded(i)?s:o;return "".concat(c," ").concat(Pe(i,"MMMM yyyy"))})),le(fe(r),"getQuarterClassNames",(function(e){var n=r.props,o=n.day,a=n.startDate,s=n.endDate,p=n.selected,i=n.minDate,c=n.maxDate;return t__default["default"]("react-datepicker__quarter-text","react-datepicker__quarter-".concat(e),{"react-datepicker__quarter--disabled":(i||c)&&et(setQuarter(o,e),r.props),"react-datepicker__quarter--selected":getQuarter(o)===e&&getYear(o)===getYear(p),"react-datepicker__quarter--in-range":rt(a,s,e,o),"react-datepicker__quarter--range-start":r.isRangeStartQuarter(e),"react-datepicker__quarter--range-end":r.isRangeEndQuarter(e)})})),le(fe(r),"renderMonths",(function(){var t=r.props,n=t.showFullMonthYearPicker,o=t.showTwoColumnMonthYearPicker,a=t.showFourColumnMonthYearPicker,s=t.locale;return (a?[[0,1,2,3],[4,5,6,7],[8,9,10,11]]:o?[[0,1],[2,3],[4,5],[6,7],[8,9],[10,11]]:[[0,1,2],[3,4,5],[6,7,8],[9,10,11]]).map((function(t,o){return React__default["default"].createElement("div",{className:"react-datepicker__month-wrapper",key:o},t.map((function(t,o){return React__default["default"].createElement("div",{ref:r.MONTH_REFS[t],key:o,onClick:function(e){r.onMonthClick(e,t);},onKeyDown:function(e){r.onMonthKeyDown(e,t);},tabIndex:r.getTabIndex(t),className:r.getMonthClassNames(t),role:"button","aria-label":r.getAriaLabel(t)},n?Ue(t,s):$e(t,s))})))}))})),le(fe(r),"renderQuarters",(function(){return React__default["default"].createElement("div",{className:"react-datepicker__quarter-wrapper"},[1,2,3,4].map((function(t,n){return React__default["default"].createElement("div",{key:n,onClick:function(e){r.onQuarterClick(e,t);},className:r.getQuarterClassNames(t)},ze(t,r.props.locale))})))})),le(fe(r),"getClassNames",(function(){var e=r.props;e.day;var n=e.selectingDate,o=e.selectsStart,a=e.selectsEnd,s=e.showMonthYearPicker,p=e.showQuarterYearPicker;return t__default["default"]("react-datepicker__month",{"react-datepicker__month--selecting-range":n&&(o||a)},{"react-datepicker__monthPicker":s},{"react-datepicker__quarterPicker":p})})),r}return ce(o,[{key:"render",value:function(){var t=this.props,r=t.showMonthYearPicker,n=t.showQuarterYearPicker,o=t.day,a=t.ariaLabelPrefix,s=void 0===a?"month ":a;return React__default["default"].createElement("div",{className:this.getClassNames(),onMouseLeave:this.handleMouseLeave,"aria-label":"".concat(s," ").concat(Pe(o,"yyyy-MM"))},r?this.renderMonths():n?this.renderQuarters():this.renderWeeks())}}]),o}(),Nt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,s=new Array(o),p=0;p<o;p++)s[p]=arguments[p];return le(fe(t=r.call.apply(r,[this].concat(s))),"state",{height:null}),le(fe(t),"handleClick",(function(e){(t.props.minTime||t.props.maxTime)&&st(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&at(e,t.props)||t.props.onChange(e);})),le(fe(t),"liClasses",(function(e,r,n){var o=["react-datepicker__time-list-item",t.props.timeClassName?t.props.timeClassName(e,r,n):void 0];return t.props.selected&&r===getHours(e)&&n===getMinutes(e)&&o.push("react-datepicker__time-list-item--selected"),((t.props.minTime||t.props.maxTime)&&st(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&at(e,t.props))&&o.push("react-datepicker__time-list-item--disabled"),t.props.injectTimes&&(60*getHours(e)+getMinutes(e))%t.props.intervals!=0&&o.push("react-datepicker__time-list-item--injected"),o.join(" ")})),le(fe(t),"handleOnKeyDown",(function(e,r){" "===e.key&&(e.preventDefault(),e.key="Enter"),"Enter"===e.key&&t.handleClick(r),t.props.handleOnKeyDown(e);})),le(fe(t),"renderTimes",(function(){for(var r=[],n=t.props.format?t.props.format:"p",o=t.props.intervals,s=Te(_e(t.props.selected)),p=1440/o,i=t.props.injectTimes&&t.props.injectTimes.sort((function(e,t){return e-t})),c=t.props.selected||t.props.openToDate||_e(),l=getHours(c),d=getMinutes(c),u=setHours(setMinutes$1(s,d),l),h=0;h<p;h++){var m=addMinutes(s,h*o);if(r.push(m),i){var f=mt(s,m,h,o,i);r=r.concat(f);}}return r.map((function(r,o){return React__default["default"].createElement("li",{key:o,onClick:t.handleClick.bind(fe(t),r),className:t.liClasses(r,l,d),ref:function(e){(isBefore$1(r,u)||Ke(r,u))&&(t.centerLi=e);},onKeyDown:function(e){t.handleOnKeyDown(e,r);},tabIndex:"0"},Pe(r,n,t.props.locale))}))})),t}return ce(n,[{key:"componentDidMount",value:function(){this.list.scrollTop=n.calcCenterPosition(this.props.monthRef?this.props.monthRef.clientHeight-this.header.clientHeight:this.list.clientHeight,this.centerLi),this.props.monthRef&&this.header&&this.setState({height:this.props.monthRef.clientHeight-this.header.clientHeight});}},{key:"render",value:function(){var t=this,r=this.state.height;return React__default["default"].createElement("div",{className:"react-datepicker__time-container ".concat(this.props.todayButton?"react-datepicker__time-container--with-today-button":"")},React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker__header--time ".concat(this.props.showTimeSelectOnly?"react-datepicker__header--time--only":""),ref:function(e){t.header=e;}},React__default["default"].createElement("div",{className:"react-datepicker-time__header"},this.props.timeCaption)),React__default["default"].createElement("div",{className:"react-datepicker__time"},React__default["default"].createElement("div",{className:"react-datepicker__time-box"},React__default["default"].createElement("ul",{className:"react-datepicker__time-list",ref:function(e){t.list=e;},style:r?{height:r}:{},tabIndex:"0"},this.renderTimes()))))}}],[{key:"defaultProps",get:function(){return {intervals:30,onTimeChange:function(){},todayButton:null,timeCaption:"Time"}}}]),n}();le(Nt,"calcCenterPosition",(function(e,t){return t.offsetTop-(e/2-t.clientHeight/2)}));var Ot=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(e){var r;return pe(this,o),le(fe(r=n.call(this,e)),"handleYearClick",(function(e,t){r.props.onDayClick&&r.props.onDayClick(e,t);})),le(fe(r),"isSameDay",(function(e,t){return We(e,t)})),le(fe(r),"isKeyboardSelected",(function(e){var t=Le(setYear(r.props.date,e));return !r.props.disabledKeyboardNavigation&&!r.props.inline&&!We(t,Le(r.props.selected))&&We(t,Le(r.props.preSelection))})),le(fe(r),"onYearClick",(function(e,t){var n=r.props.date;r.handleYearClick(Le(setYear(n,t)),e);})),le(fe(r),"getYearClassNames",(function(e){var n=r.props,o=n.minDate,a=n.maxDate,s=n.selected;return t__default["default"]("react-datepicker__year-text",{"react-datepicker__year-text--selected":e===getYear(s),"react-datepicker__year-text--disabled":(o||a)&&tt(e,r.props),"react-datepicker__year-text--keyboard-selected":r.isKeyboardSelected(e),"react-datepicker__year-text--today":e===getYear(_e())})})),r}return ce(o,[{key:"render",value:function(){for(var t=this,r=[],n=this.props,o=yt(n.date,n.yearItemNumber),a=o.startPeriod,s=o.endPeriod,p=function(n){r.push(React__default["default"].createElement("div",{onClick:function(e){t.onYearClick(e,n);},className:t.getYearClassNames(n),key:n},n));},i=a;i<=s;i++)p(i);return React__default["default"].createElement("div",{className:"react-datepicker__year"},React__default["default"].createElement("div",{className:"react-datepicker__year-wrapper"},r))}}]),o}(),xt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(t){var o;return pe(this,n),le(fe(o=r.call(this,t)),"onTimeChange",(function(e){o.setState({time:e});var t=new Date;t.setHours(e.split(":")[0]),t.setMinutes(e.split(":")[1]),o.props.onChange(t);})),le(fe(o),"renderTimeInput",(function(){var t=o.state.time,r=o.props,n=r.date,a=r.timeString,s=r.customTimeInput;return s?React__default["default"].cloneElement(s,{date:n,value:t,onChange:o.onTimeChange}):React__default["default"].createElement("input",{type:"time",className:"react-datepicker-time__input",placeholder:"Time",name:"time-input",required:!0,value:t,onChange:function(e){o.onTimeChange(e.target.value||a);}})})),o.state={time:o.props.timeString},o}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__input-time-container"},React__default["default"].createElement("div",{className:"react-datepicker-time__caption"},this.props.timeInputLabel),React__default["default"].createElement("div",{className:"react-datepicker-time__input-container"},React__default["default"].createElement("div",{className:"react-datepicker-time__input"},this.renderTimeInput())))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return e.timeString!==t.time?{time:e.timeString}:null}}]),n}();function Tt(t){var r=t.className,n=t.children,o=t.showPopperArrow,a=t.arrowProps,s=void 0===a?{}:a;return React__default["default"].createElement("div",{className:r},o&&React__default["default"].createElement("div",de$1({className:"react-datepicker__triangle"},s)),n)}var Yt=["react-datepicker__year-select","react-datepicker__month-select","react-datepicker__month-year-select"],It=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(r){var a;return pe(this,o),le(fe(a=n.call(this,r)),"handleClickOutside",(function(e){a.props.onClickOutside(e);})),le(fe(a),"setClickOutsideRef",(function(){return a.containerRef.current})),le(fe(a),"handleDropdownFocus",(function(e){(function(){var e=((arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).className||"").split(/\s+/);return Yt.some((function(t){return e.indexOf(t)>=0}))})(e.target)&&a.props.onDropdownFocus();})),le(fe(a),"getDateInView",(function(){var e=a.props,t=e.preSelection,r=e.selected,n=e.openToDate,o=dt(a.props),s=ut(a.props),p=_e(),i=n||r||t;return i||(o&&isBefore$1(p,o)?o:s&&isAfter$1(p,s)?s:p)})),le(fe(a),"increaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:addMonths(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"decreaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:subMonths(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"handleDayClick",(function(e,t,r){a.props.onSelect(e,t,r),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleDayMouseEnter",(function(e){a.setState({selectingDate:e}),a.props.onDayMouseEnter&&a.props.onDayMouseEnter(e);})),le(fe(a),"handleMonthMouseLeave",(function(){a.setState({selectingDate:null}),a.props.onMonthMouseLeave&&a.props.onMonthMouseLeave();})),le(fe(a),"handleYearChange",(function(e){a.props.onYearChange&&a.props.onYearChange(e),a.props.adjustDateOnChange&&(a.props.onSelect&&a.props.onSelect(e),a.props.setOpen&&a.props.setOpen(!0)),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleMonthChange",(function(e){a.props.onMonthChange&&a.props.onMonthChange(e),a.props.adjustDateOnChange&&(a.props.onSelect&&a.props.onSelect(e),a.props.setOpen&&a.props.setOpen(!0)),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleMonthYearChange",(function(e){a.handleYearChange(e),a.handleMonthChange(e);})),le(fe(a),"changeYear",(function(e){a.setState((function(t){var r=t.date;return {date:setYear(r,e)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"changeMonth",(function(e){a.setState((function(t){var r=t.date;return {date:setMonth(r,e)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"changeMonthYear",(function(e){a.setState((function(t){var r=t.date;return {date:setYear(setMonth(r,getMonth(e)),getYear(e))}}),(function(){return a.handleMonthYearChange(a.state.date)}));})),le(fe(a),"header",(function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,n=Ye(r,a.props.locale,a.props.calendarStartDay),o=[];return a.props.showWeekNumbers&&o.push(React__default["default"].createElement("div",{key:"W",className:"react-datepicker__day-name"},a.props.weekLabel||"#")),o.concat([0,1,2,3,4,5,6].map((function(r){var o=addDays$1(n,r),s=a.formatWeekday(o,a.props.locale),i=a.props.weekDayClassName?a.props.weekDayClassName(o):void 0;return React__default["default"].createElement("div",{key:r,className:t__default["default"]("react-datepicker__day-name",i)},s)})))})),le(fe(a),"formatWeekday",(function(e,t){return a.props.formatWeekDay?function(e,t,r){return t(Pe(e,"EEEE",r))}(e,a.props.formatWeekDay,t):a.props.useWeekdaysShort?function(e,t){return Pe(e,"EEE",t)}(e,t):function(e,t){return Pe(e,"EEEEEE",t)}(e,t)})),le(fe(a),"decreaseYear",(function(){a.setState((function(e){var t=e.date;return {date:subYears(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"renderPreviousButton",(function(){if(!a.props.renderCustomHeader){var t;switch(!0){case a.props.showMonthYearPicker:t=ct(a.state.date,a.props);break;case a.props.showYearPicker:t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.yearItemNumber,o=void 0===n?12:n,a=yt(Le(subYears(e,o)),o).endPeriod,s=r&&getYear(r);return s&&s>a||!1}(a.state.date,a.props);break;default:t=pt(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!t)&&!a.props.showTimeSelectOnly){var r=["react-datepicker__navigation","react-datepicker__navigation--previous"],n=a.decreaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(n=a.decreaseYear),t&&a.props.showDisabledMonthNavigation&&(r.push("react-datepicker__navigation--previous--disabled"),n=null);var o=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,s=a.props,p=s.previousMonthAriaLabel,i=void 0===p?"Previous Month":p,c=s.previousYearAriaLabel,l=void 0===c?"Previous Year":c;return React__default["default"].createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?l:i},React__default["default"].createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--previous"].join(" ")},o?a.props.previousYearButtonLabel:a.props.previousMonthButtonLabel))}}})),le(fe(a),"increaseYear",(function(){a.setState((function(e){var t=e.date;return {date:addYears(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"renderNextButton",(function(){if(!a.props.renderCustomHeader){var t;switch(!0){case a.props.showMonthYearPicker:t=lt(a.state.date,a.props);break;case a.props.showYearPicker:t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.yearItemNumber,o=void 0===n?12:n,a=yt(addYears(e,o),o).startPeriod,s=r&&getYear(r);return s&&s<a||!1}(a.state.date,a.props);break;default:t=it(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!t)&&!a.props.showTimeSelectOnly){var r=["react-datepicker__navigation","react-datepicker__navigation--next"];a.props.showTimeSelect&&r.push("react-datepicker__navigation--next--with-time"),a.props.todayButton&&r.push("react-datepicker__navigation--next--with-today-button");var n=a.increaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(n=a.increaseYear),t&&a.props.showDisabledMonthNavigation&&(r.push("react-datepicker__navigation--next--disabled"),n=null);var o=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,s=a.props,p=s.nextMonthAriaLabel,i=void 0===p?"Next Month":p,c=s.nextYearAriaLabel,d=void 0===c?"Next Year":c;return React__default["default"].createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?d:i},React__default["default"].createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--next"].join(" ")},o?a.props.nextYearButtonLabel:a.props.nextMonthButtonLabel))}}})),le(fe(a),"renderCurrentMonth",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,r=["react-datepicker__current-month"];return a.props.showYearDropdown&&r.push("react-datepicker__current-month--hasYearDropdown"),a.props.showMonthDropdown&&r.push("react-datepicker__current-month--hasMonthDropdown"),a.props.showMonthYearDropdown&&r.push("react-datepicker__current-month--hasMonthYearDropdown"),React__default["default"].createElement("div",{className:r.join(" ")},Pe(t,a.props.dateFormat,a.props.locale))})),le(fe(a),"renderYearDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showYearDropdown&&!t)return React__default["default"].createElement(wt,{adjustDateOnChange:a.props.adjustDateOnChange,date:a.state.date,onSelect:a.props.onSelect,setOpen:a.props.setOpen,dropdownMode:a.props.dropdownMode,onChange:a.changeYear,minDate:a.props.minDate,maxDate:a.props.maxDate,year:getYear(a.state.date),scrollableYearDropdown:a.props.scrollableYearDropdown,yearDropdownItemNumber:a.props.yearDropdownItemNumber})})),le(fe(a),"renderMonthDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthDropdown&&!t)return React__default["default"].createElement(gt,{dropdownMode:a.props.dropdownMode,locale:a.props.locale,onChange:a.changeMonth,month:getMonth(a.state.date),useShortMonthInDropdown:a.props.useShortMonthInDropdown})})),le(fe(a),"renderMonthYearDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthYearDropdown&&!t)return React__default["default"].createElement(_t,{dropdownMode:a.props.dropdownMode,locale:a.props.locale,dateFormat:a.props.dateFormat,onChange:a.changeMonthYear,minDate:a.props.minDate,maxDate:a.props.maxDate,date:a.state.date,scrollableMonthYearDropdown:a.props.scrollableMonthYearDropdown})})),le(fe(a),"renderTodayButton",(function(){if(a.props.todayButton&&!a.props.showTimeSelectOnly)return React__default["default"].createElement("div",{className:"react-datepicker__today-button",onClick:function(e){return a.props.onSelect(startOfDay$1(_e()),e)}},a.props.todayButton)})),le(fe(a),"renderDefaultHeader",(function(t){var r=t.monthDate,n=t.i;return React__default["default"].createElement("div",{className:"react-datepicker__header ".concat(a.props.showTimeSelect?"react-datepicker__header--has-time-select":"")},a.renderCurrentMonth(r),React__default["default"].createElement("div",{className:"react-datepicker__header__dropdown react-datepicker__header__dropdown--".concat(a.props.dropdownMode),onFocus:a.handleDropdownFocus},a.renderMonthDropdown(0!==n),a.renderMonthYearDropdown(0!==n),a.renderYearDropdown(0!==n)),React__default["default"].createElement("div",{className:"react-datepicker__day-names"},a.header(r)))})),le(fe(a),"renderCustomHeader",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=t.monthDate,n=t.i;if(a.props.showTimeSelect&&!a.state.monthContainer||a.props.showTimeSelectOnly)return null;var o=pt(a.state.date,a.props),s=it(a.state.date,a.props),p=ct(a.state.date,a.props),i=lt(a.state.date,a.props),c=!a.props.showMonthYearPicker&&!a.props.showQuarterYearPicker&&!a.props.showYearPicker;return React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker__header--custom",onFocus:a.props.onDropdownFocus},a.props.renderCustomHeader(ae(ae({},a.state),{},{customHeaderCount:n,monthDate:r,changeMonth:a.changeMonth,changeYear:a.changeYear,decreaseMonth:a.decreaseMonth,increaseMonth:a.increaseMonth,decreaseYear:a.decreaseYear,increaseYear:a.increaseYear,prevMonthButtonDisabled:o,nextMonthButtonDisabled:s,prevYearButtonDisabled:p,nextYearButtonDisabled:i})),c&&React__default["default"].createElement("div",{className:"react-datepicker__day-names"},a.header(r)))})),le(fe(a),"renderYearHeader",(function(){var t=a.state.date,r=a.props,n=r.showYearPicker,o=yt(t,r.yearItemNumber),s=o.startPeriod,p=o.endPeriod;return React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker-year-header"},n?"".concat(s," - ").concat(p):getYear(t))})),le(fe(a),"renderHeader",(function(e){switch(!0){case void 0!==a.props.renderCustomHeader:return a.renderCustomHeader(e);case a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker:return a.renderYearHeader(e);default:return a.renderDefaultHeader(e)}})),le(fe(a),"renderMonths",(function(){if(!a.props.showTimeSelectOnly&&!a.props.showYearPicker){for(var t=[],r=a.props.showPreviousMonths?a.props.monthsShown-1:0,n=subMonths(a.state.date,r),o=0;o<a.props.monthsShown;++o){var s=o-a.props.monthSelectedIn,p=addMonths(n,s),i="month-".concat(o),l=o<a.props.monthsShown-1,d=o>0;t.push(React__default["default"].createElement("div",{key:i,ref:function(e){a.monthContainer=e;},className:"react-datepicker__month-container"},a.renderHeader({monthDate:p,i:o}),React__default["default"].createElement(Et,{chooseDayAriaLabelPrefix:a.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:a.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:a.props.weekAriaLabelPrefix,onChange:a.changeMonthYear,day:p,dayClassName:a.props.dayClassName,calendarStartDay:a.props.calendarStartDay,monthClassName:a.props.monthClassName,onDayClick:a.handleDayClick,handleOnKeyDown:a.props.handleOnKeyDown,onDayMouseEnter:a.handleDayMouseEnter,onMouseLeave:a.handleMonthMouseLeave,onWeekSelect:a.props.onWeekSelect,orderInDisplay:o,formatWeekNumber:a.props.formatWeekNumber,locale:a.props.locale,minDate:a.props.minDate,maxDate:a.props.maxDate,excludeDates:a.props.excludeDates,highlightDates:a.props.highlightDates,selectingDate:a.state.selectingDate,includeDates:a.props.includeDates,inline:a.props.inline,shouldFocusDayInline:a.props.shouldFocusDayInline,fixedHeight:a.props.fixedHeight,filterDate:a.props.filterDate,preSelection:a.props.preSelection,setPreSelection:a.props.setPreSelection,selected:a.props.selected,selectsStart:a.props.selectsStart,selectsEnd:a.props.selectsEnd,selectsRange:a.props.selectsRange,showWeekNumbers:a.props.showWeekNumbers,startDate:a.props.startDate,endDate:a.props.endDate,peekNextMonth:a.props.peekNextMonth,setOpen:a.props.setOpen,shouldCloseOnSelect:a.props.shouldCloseOnSelect,renderDayContents:a.props.renderDayContents,disabledKeyboardNavigation:a.props.disabledKeyboardNavigation,showMonthYearPicker:a.props.showMonthYearPicker,showFullMonthYearPicker:a.props.showFullMonthYearPicker,showTwoColumnMonthYearPicker:a.props.showTwoColumnMonthYearPicker,showFourColumnMonthYearPicker:a.props.showFourColumnMonthYearPicker,showYearPicker:a.props.showYearPicker,showQuarterYearPicker:a.props.showQuarterYearPicker,isInputFocused:a.props.isInputFocused,containerRef:a.containerRef,monthShowsDuplicateDaysEnd:l,monthShowsDuplicateDaysStart:d})));}return t}})),le(fe(a),"renderYears",(function(){if(!a.props.showTimeSelectOnly)return a.props.showYearPicker?React__default["default"].createElement("div",{className:"react-datepicker__year--container"},a.renderHeader(),React__default["default"].createElement(Ot,de$1({onDayClick:a.handleDayClick,date:a.state.date},a.props))):void 0})),le(fe(a),"renderTimeSection",(function(){if(a.props.showTimeSelect&&(a.state.monthContainer||a.props.showTimeSelectOnly))return React__default["default"].createElement(Nt,{selected:a.props.selected,openToDate:a.props.openToDate,onChange:a.props.onTimeChange,timeClassName:a.props.timeClassName,format:a.props.timeFormat,includeTimes:a.props.includeTimes,intervals:a.props.timeIntervals,minTime:a.props.minTime,maxTime:a.props.maxTime,excludeTimes:a.props.excludeTimes,filterTime:a.props.filterTime,timeCaption:a.props.timeCaption,todayButton:a.props.todayButton,showMonthDropdown:a.props.showMonthDropdown,showMonthYearDropdown:a.props.showMonthYearDropdown,showYearDropdown:a.props.showYearDropdown,withPortal:a.props.withPortal,monthRef:a.state.monthContainer,injectTimes:a.props.injectTimes,locale:a.props.locale,handleOnKeyDown:a.props.handleTimeKeyDown,showTimeSelectOnly:a.props.showTimeSelectOnly})})),le(fe(a),"renderInputTimeSection",(function(){var t=new Date(a.props.selected),r=Me(t)&&Boolean(a.props.selected)?"".concat(ft(t.getHours()),":").concat(ft(t.getMinutes())):"";if(a.props.showTimeInput)return React__default["default"].createElement(xt,{date:t,timeString:r,timeInputLabel:a.props.timeInputLabel,onChange:a.props.onTimeChange,customTimeInput:a.props.customTimeInput})})),a.containerRef=React__default["default"].createRef(),a.state={date:a.getDateInView(),selectingDate:null,monthContainer:null},a}return ce(o,[{key:"componentDidMount",value:function(){var e=this;this.props.showTimeSelect&&(this.assignMonthContainer=void e.setState({monthContainer:e.monthContainer}));}},{key:"componentDidUpdate",value:function(e){this.props.preSelection&&!We(this.props.preSelection,e.preSelection)?this.setState({date:this.props.preSelection}):this.props.openToDate&&!We(this.props.openToDate,e.openToDate)&&this.setState({date:this.props.openToDate});}},{key:"render",value:function(){var r=this.props.container||Tt;return React__default["default"].createElement("div",{ref:this.containerRef},React__default["default"].createElement(r,{className:t__default["default"]("react-datepicker",this.props.className,{"react-datepicker--time-only":this.props.showTimeSelectOnly}),showPopperArrow:this.props.showPopperArrow,arrowProps:this.props.arrowProps},this.renderPreviousButton(),this.renderNextButton(),this.renderMonths(),this.renderYears(),this.renderTodayButton(),this.renderTimeSection(),this.renderInputTimeSection(),this.props.children))}}],[{key:"defaultProps",get:function(){return {onDropdownFocus:function(){},monthsShown:1,monthSelectedIn:0,forceShowMonthNavigation:!1,timeCaption:"Time",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",customTimeInput:null,yearItemNumber:12}}}]),o}(),Lt=function(e){return !e.disabled&&-1!==e.tabIndex},Ft=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(t){var o;return pe(this,n),le(fe(o=r.call(this,t)),"getTabChildren",(function(){return Array.prototype.slice.call(o.tabLoopRef.current.querySelectorAll("[tabindex], a, button, input, select, textarea"),1,-1).filter(Lt)})),le(fe(o),"handleFocusStart",(function(e){var t=o.getTabChildren();t&&t.length>1&&t[t.length-1].focus();})),le(fe(o),"handleFocusEnd",(function(e){var t=o.getTabChildren();t&&t.length>1&&t[0].focus();})),o.tabLoopRef=React__default["default"].createRef(),o}return ce(n,[{key:"render",value:function(){return this.props.enableTabLoop?React__default["default"].createElement("div",{className:"react-datepicker__tab-loop",ref:this.tabLoopRef},React__default["default"].createElement("div",{className:"react-datepicker__tab-loop__start",tabIndex:"0",onFocus:this.handleFocusStart}),this.props.children,React__default["default"].createElement("div",{className:"react-datepicker__tab-loop__end",tabIndex:"0",onFocus:this.handleFocusEnd})):this.props.children}}],[{key:"defaultProps",get:function(){return {enableTabLoop:!0}}}]),n}(),Rt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(e){var t;return pe(this,n),(t=r.call(this,e)).el=document.createElement("div"),t}return ce(n,[{key:"componentDidMount",value:function(){this.portalRoot=document.getElementById(this.props.portalId),this.portalRoot||(this.portalRoot=document.createElement("div"),this.portalRoot.setAttribute("id",this.props.portalId),document.body.appendChild(this.portalRoot)),this.portalRoot.appendChild(this.el);}},{key:"componentWillUnmount",value:function(){this.portalRoot.removeChild(this.el);}},{key:"render",value:function(){return ne__default["default"].createPortal(this.props.children,this.el)}}]),n}(),At=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){return pe(this,o),n.apply(this,arguments)}return ce(o,[{key:"render",value:function(){var r,n=this.props,o=n.className,a=n.wrapperClassName,s=n.hidePopper,p=n.popperComponent,i=n.popperModifiers,c=n.popperPlacement,l=n.popperProps,d=n.targetComponent,u=n.enableTabLoop,h=n.popperOnKeyDown,m=n.portalId;if(!s){var f=t__default["default"]("react-datepicker-popper",o);r=React__default["default"].createElement(Popper,de$1({modifiers:i,placement:c},l),(function(t){var r=t.ref,n=t.style,o=t.placement,a=t.arrowProps;return React__default["default"].createElement(Ft,{enableTabLoop:u},React__default["default"].createElement("div",{ref:r,style:n,className:f,"data-placement":o,onKeyDown:h},React__default["default"].cloneElement(p,{arrowProps:a})))}));}this.props.popperContainer&&(r=React__default["default"].createElement(this.props.popperContainer,{},r)),m&&!s&&(r=React__default["default"].createElement(Rt,{portalId:m},r));var y=t__default["default"]("react-datepicker-wrapper",a);return React__default["default"].createElement(Manager,{className:"react-datepicker-manager"},React__default["default"].createElement(Reference,null,(function(t){var r=t.ref;return React__default["default"].createElement("div",{ref:r,className:y},d)})),r)}}],[{key:"defaultProps",get:function(){return {hidePopper:!0,popperModifiers:[],popperProps:{},popperPlacement:"bottom-start"}}}]),o}(),Bt=onClickOutsideHOC(It);var Wt=function(n){ue(a,React__default["default"].Component);var o=ve(a);function a(n){var s;return pe(this,a),le(fe(s=o.call(this,n)),"getPreSelection",(function(){return s.props.openToDate?s.props.openToDate:s.props.selectsEnd&&s.props.startDate?s.props.startDate:s.props.selectsStart&&s.props.endDate?s.props.endDate:_e()})),le(fe(s),"calcInitialState",(function(){var e,t=s.getPreSelection(),r=dt(s.props),n=ut(s.props),o=r&&isBefore$1(t,startOfDay$1(r))?r:n&&isAfter$1(t,endOfDay(n))?n:t;return {open:s.props.startOpen||!1,preventFocus:!1,preSelection:null!==(e=s.props.selectsRange?s.props.startDate:s.props.selected)&&void 0!==e?e:o,highlightDates:ht(s.props.highlightDates),focused:!1,shouldFocusDayInline:!1}})),le(fe(s),"clearPreventFocusTimeout",(function(){s.preventFocusTimeout&&clearTimeout(s.preventFocusTimeout);})),le(fe(s),"setFocus",(function(){s.input&&s.input.focus&&s.input.focus({preventScroll:!0});})),le(fe(s),"setBlur",(function(){s.input&&s.input.blur&&s.input.blur(),s.cancelFocusInput();})),le(fe(s),"setOpen",(function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];s.setState({open:e,preSelection:e&&s.state.open?s.state.preSelection:s.calcInitialState().preSelection,lastPreSelectChange:jt},(function(){e||s.setState((function(e){return {focused:!!t&&e.focused}}),(function(){!t&&s.setBlur(),s.setState({inputValue:null});}));}));})),le(fe(s),"inputOk",(function(){return isDate(s.state.preSelection)})),le(fe(s),"isCalendarOpen",(function(){return void 0===s.props.open?s.state.open&&!s.props.disabled&&!s.props.readOnly:s.props.open})),le(fe(s),"handleFocus",(function(e){s.state.preventFocus||(s.props.onFocus(e),s.props.preventOpenOnFocus||s.props.readOnly||s.setOpen(!0)),s.setState({focused:!0});})),le(fe(s),"cancelFocusInput",(function(){clearTimeout(s.inputFocusTimeout),s.inputFocusTimeout=null;})),le(fe(s),"deferFocusInput",(function(){s.cancelFocusInput(),s.inputFocusTimeout=setTimeout((function(){return s.setFocus()}),1);})),le(fe(s),"handleDropdownFocus",(function(){s.cancelFocusInput();})),le(fe(s),"handleBlur",(function(e){(!s.state.open||s.props.withPortal||s.props.showTimeInput)&&s.props.onBlur(e),s.setState({focused:!1});})),le(fe(s),"handleCalendarClickOutside",(function(e){s.props.inline||s.setOpen(!1),s.props.onClickOutside(e),s.props.withPortal&&e.preventDefault();})),le(fe(s),"handleChange",(function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=t[0];if(!s.props.onChangeRaw||(s.props.onChangeRaw.apply(fe(s),t),"function"==typeof n.isDefaultPrevented&&!n.isDefaultPrevented())){s.setState({inputValue:n.target.value,lastPreSelectChange:Kt});var o=Se(n.target.value,s.props.dateFormat,s.props.locale,s.props.strictParsing,s.props.minDate);!o&&n.target.value||s.setSelected(o,n,!0);}})),le(fe(s),"handleSelect",(function(e,t,r){if(s.setState({preventFocus:!0},(function(){return s.preventFocusTimeout=setTimeout((function(){return s.setState({preventFocus:!1})}),50),s.preventFocusTimeout})),s.props.onChangeRaw&&s.props.onChangeRaw(t),s.setSelected(e,t,!1,r),!s.props.shouldCloseOnSelect||s.props.showTimeSelect)s.setPreSelection(e);else if(!s.props.inline){s.props.selectsRange||s.setOpen(!1);var n=s.props,o=n.startDate,a=n.endDate;!o||a||isBefore$1(e,o)||s.setOpen(!1);}})),le(fe(s),"setSelected",(function(e,t,r,n){var o=e;if(null===o||!Ge(o,s.props)){var a=s.props,p=a.onChange,i=a.selectsRange,c=a.startDate,l=a.endDate;if(!Ke(s.props.selected,o)||s.props.allowSameDay||i)if(null!==o&&(!s.props.selected||r&&(s.props.showTimeSelect||s.props.showTimeSelectOnly||s.props.showTimeInput)||(o=Ne(o,{hour:getHours(s.props.selected),minute:getMinutes(s.props.selected),second:getSeconds(s.props.selected)})),s.props.inline||s.setState({preSelection:o}),s.props.focusSelectedMonth||s.setState({monthSelectedIn:n})),i){var d=c&&!l,u=c&&l;!c&&!l?p([o,null],t):d&&(isBefore$1(o,c)?p([o,null],t):p([c,o],t)),u&&p([o,null],t);}else p(o,t);r||(s.props.onSelect(o,t),s.setState({inputValue:null}));}})),le(fe(s),"setPreSelection",(function(e){var t=void 0!==s.props.minDate,r=void 0!==s.props.maxDate,n=!0;if(e){var o=startOfDay$1(e);if(t&&r)n=je(e,s.props.minDate,s.props.maxDate);else if(t){var a=startOfDay$1(s.props.minDate);n=isAfter$1(e,a)||Ke(o,a);}else if(r){var p=endOfDay(s.props.maxDate);n=isBefore$1(e,p)||Ke(o,p);}}n&&s.setState({preSelection:e});})),le(fe(s),"handleTimeChange",(function(e){var t=Ne(s.props.selected?s.props.selected:s.getPreSelection(),{hour:getHours(e),minute:getMinutes(e)});s.setState({preSelection:t}),s.props.onChange(t),s.props.shouldCloseOnSelect&&s.setOpen(!1),s.props.showTimeInput&&s.setOpen(!0),s.setState({inputValue:null});})),le(fe(s),"onInputClick",(function(){s.props.disabled||s.props.readOnly||s.setOpen(!0),s.props.onInputClick();})),le(fe(s),"onInputKeyDown",(function(e){s.props.onKeyDown(e);var t=e.key;if(s.state.open||s.props.inline||s.props.preventOpenOnFocus){if(s.state.open){if("ArrowDown"===t||"ArrowUp"===t){e.preventDefault();var r=s.calendar.componentNode&&s.calendar.componentNode.querySelector('.react-datepicker__day[tabindex="0"]');return void(r&&r.focus({preventScroll:!0}))}var n=_e(s.state.preSelection);"Enter"===t?(e.preventDefault(),s.inputOk()&&s.state.lastPreSelectChange===jt?(s.handleSelect(n,e),!s.props.shouldCloseOnSelect&&s.setPreSelection(n)):s.setOpen(!1)):"Escape"===t&&(e.preventDefault(),s.setOpen(!1)),s.inputOk()||s.props.onInputError({code:1,msg:"Date input not valid."});}}else "ArrowDown"!==t&&"ArrowUp"!==t&&"Enter"!==t||s.onInputClick();})),le(fe(s),"onDayKeyDown",(function(e){s.props.onKeyDown(e);var t=e.key,r=_e(s.state.preSelection);if("Enter"===t)e.preventDefault(),s.handleSelect(r,e),!s.props.shouldCloseOnSelect&&s.setPreSelection(r);else if("Escape"===t)e.preventDefault(),s.setOpen(!1),s.inputOk()||s.props.onInputError({code:1,msg:"Date input not valid."});else if(!s.props.disabledKeyboardNavigation){var n;switch(t){case"ArrowLeft":n=subDays$1(r,1);break;case"ArrowRight":n=addDays$1(r,1);break;case"ArrowUp":n=subWeeks(r,1);break;case"ArrowDown":n=addWeeks(r,1);break;case"PageUp":n=subMonths(r,1);break;case"PageDown":n=addMonths(r,1);break;case"Home":n=subYears(r,1);break;case"End":n=addYears(r,1);}if(!n)return void(s.props.onInputError&&s.props.onInputError({code:1,msg:"Date input not valid."}));if(e.preventDefault(),s.setState({lastPreSelectChange:jt}),s.props.adjustDateOnChange&&s.setSelected(n),s.setPreSelection(n),s.props.inline){var o=getMonth(r),a=getMonth(n),f=getYear(r),y=getYear(n);o!==a||f!==y?s.setState({shouldFocusDayInline:!0}):s.setState({shouldFocusDayInline:!1});}}})),le(fe(s),"onPopperKeyDown",(function(e){"Escape"===e.key&&(e.preventDefault(),s.setState({preventFocus:!0},(function(){s.setOpen(!1),setTimeout((function(){s.setFocus(),s.setState({preventFocus:!1});}));})));})),le(fe(s),"onClearClick",(function(e){e&&e.preventDefault&&e.preventDefault(),s.props.selectsRange?s.props.onChange([null,null],e):s.props.onChange(null,e),s.setState({inputValue:null});})),le(fe(s),"clear",(function(){s.onClearClick();})),le(fe(s),"onScroll",(function(e){"boolean"==typeof s.props.closeOnScroll&&s.props.closeOnScroll?e.target!==document&&e.target!==document.documentElement&&e.target!==document.body||s.setOpen(!1):"function"==typeof s.props.closeOnScroll&&s.props.closeOnScroll(e)&&s.setOpen(!1);})),le(fe(s),"renderCalendar",(function(){return s.props.inline||s.isCalendarOpen()?React__default["default"].createElement(Bt,{ref:function(e){s.calendar=e;},locale:s.props.locale,calendarStartDay:s.props.calendarStartDay,chooseDayAriaLabelPrefix:s.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:s.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:s.props.weekAriaLabelPrefix,adjustDateOnChange:s.props.adjustDateOnChange,setOpen:s.setOpen,shouldCloseOnSelect:s.props.shouldCloseOnSelect,dateFormat:s.props.dateFormatCalendar,useWeekdaysShort:s.props.useWeekdaysShort,formatWeekDay:s.props.formatWeekDay,dropdownMode:s.props.dropdownMode,selected:s.props.selected,preSelection:s.state.preSelection,onSelect:s.handleSelect,onWeekSelect:s.props.onWeekSelect,openToDate:s.props.openToDate,minDate:s.props.minDate,maxDate:s.props.maxDate,selectsStart:s.props.selectsStart,selectsEnd:s.props.selectsEnd,selectsRange:s.props.selectsRange,startDate:s.props.startDate,endDate:s.props.endDate,excludeDates:s.props.excludeDates,filterDate:s.props.filterDate,onClickOutside:s.handleCalendarClickOutside,formatWeekNumber:s.props.formatWeekNumber,highlightDates:s.state.highlightDates,includeDates:s.props.includeDates,includeTimes:s.props.includeTimes,injectTimes:s.props.injectTimes,inline:s.props.inline,shouldFocusDayInline:s.state.shouldFocusDayInline,peekNextMonth:s.props.peekNextMonth,showMonthDropdown:s.props.showMonthDropdown,showPreviousMonths:s.props.showPreviousMonths,useShortMonthInDropdown:s.props.useShortMonthInDropdown,showMonthYearDropdown:s.props.showMonthYearDropdown,showWeekNumbers:s.props.showWeekNumbers,showYearDropdown:s.props.showYearDropdown,withPortal:s.props.withPortal,forceShowMonthNavigation:s.props.forceShowMonthNavigation,showDisabledMonthNavigation:s.props.showDisabledMonthNavigation,scrollableYearDropdown:s.props.scrollableYearDropdown,scrollableMonthYearDropdown:s.props.scrollableMonthYearDropdown,todayButton:s.props.todayButton,weekLabel:s.props.weekLabel,outsideClickIgnoreClass:"react-datepicker-ignore-onclickoutside",fixedHeight:s.props.fixedHeight,monthsShown:s.props.monthsShown,monthSelectedIn:s.state.monthSelectedIn,onDropdownFocus:s.handleDropdownFocus,onMonthChange:s.props.onMonthChange,onYearChange:s.props.onYearChange,dayClassName:s.props.dayClassName,weekDayClassName:s.props.weekDayClassName,monthClassName:s.props.monthClassName,timeClassName:s.props.timeClassName,showTimeSelect:s.props.showTimeSelect,showTimeSelectOnly:s.props.showTimeSelectOnly,onTimeChange:s.handleTimeChange,timeFormat:s.props.timeFormat,timeIntervals:s.props.timeIntervals,minTime:s.props.minTime,maxTime:s.props.maxTime,excludeTimes:s.props.excludeTimes,filterTime:s.props.filterTime,timeCaption:s.props.timeCaption,className:s.props.calendarClassName,container:s.props.calendarContainer,yearItemNumber:s.props.yearItemNumber,yearDropdownItemNumber:s.props.yearDropdownItemNumber,previousMonthButtonLabel:s.props.previousMonthButtonLabel,nextMonthButtonLabel:s.props.nextMonthButtonLabel,previousYearButtonLabel:s.props.previousYearButtonLabel,nextYearButtonLabel:s.props.nextYearButtonLabel,timeInputLabel:s.props.timeInputLabel,disabledKeyboardNavigation:s.props.disabledKeyboardNavigation,renderCustomHeader:s.props.renderCustomHeader,popperProps:s.props.popperProps,renderDayContents:s.props.renderDayContents,onDayMouseEnter:s.props.onDayMouseEnter,onMonthMouseLeave:s.props.onMonthMouseLeave,showTimeInput:s.props.showTimeInput,showMonthYearPicker:s.props.showMonthYearPicker,showFullMonthYearPicker:s.props.showFullMonthYearPicker,showTwoColumnMonthYearPicker:s.props.showTwoColumnMonthYearPicker,showFourColumnMonthYearPicker:s.props.showFourColumnMonthYearPicker,showYearPicker:s.props.showYearPicker,showQuarterYearPicker:s.props.showQuarterYearPicker,showPopperArrow:s.props.showPopperArrow,excludeScrollbar:s.props.excludeScrollbar,handleOnKeyDown:s.onDayKeyDown,handleTimeKeyDown:s.props.onKeyDown,isInputFocused:s.state.focused,customTimeInput:s.props.customTimeInput,setPreSelection:s.setPreSelection},s.props.children):null})),le(fe(s),"renderDateInput",(function(){var r,n=t__default["default"](s.props.className,le({},"react-datepicker-ignore-onclickoutside",s.state.open)),o=s.props.customInput||React__default["default"].createElement("input",{type:"text"}),a=s.props.customInputRef||"ref",p="string"==typeof s.props.value?s.props.value:"string"==typeof s.state.inputValue?s.state.inputValue:s.props.selectsRange?function(e,t,r){if(!e)return "";var n=Ee(e,r),o=t?Ee(t,r):"";return "".concat(n," - ").concat(o)}(s.props.startDate,s.props.endDate,s.props):Ee(s.props.selected,s.props);return React__default["default"].cloneElement(o,(le(r={},a,(function(e){s.input=e;})),le(r,"value",p),le(r,"onBlur",s.handleBlur),le(r,"onChange",s.handleChange),le(r,"onClick",s.onInputClick),le(r,"onFocus",s.handleFocus),le(r,"onKeyDown",s.onInputKeyDown),le(r,"id",s.props.id),le(r,"name",s.props.name),le(r,"autoFocus",s.props.autoFocus),le(r,"placeholder",s.props.placeholderText),le(r,"disabled",s.props.disabled),le(r,"autoComplete",s.props.autoComplete),le(r,"className",t__default["default"](o.props.className,n)),le(r,"title",s.props.title),le(r,"readOnly",s.props.readOnly),le(r,"required",s.props.required),le(r,"tabIndex",s.props.tabIndex),le(r,"aria-describedby",s.props.ariaDescribedBy),le(r,"aria-invalid",s.props.ariaInvalid),le(r,"aria-labelledby",s.props.ariaLabelledBy),le(r,"aria-required",s.props.ariaRequired),r))})),le(fe(s),"renderClearButton",(function(){var t=s.props,r=t.isClearable,n=t.selected,o=t.startDate,a=t.endDate,p=t.clearButtonTitle,i=t.clearButtonClassName,c=void 0===i?"":i,l=t.ariaLabelClose,d=void 0===l?"Close":l;return !r||null==n&&null==o&&null==a?null:React__default["default"].createElement("button",{type:"button",className:"react-datepicker__close-icon ".concat(c).trim(),"aria-label":d,onClick:s.onClearClick,title:p,tabIndex:-1})})),s.state=s.calcInitialState(),s}return ce(a,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.onScroll,!0);}},{key:"componentDidUpdate",value:function(e,t){var r,n;e.inline&&(r=e.selected,n=this.props.selected,r&&n?getMonth(r)!==getMonth(n)||getYear(r)!==getYear(n):r!==n)&&this.setPreSelection(this.props.selected),void 0!==this.state.monthSelectedIn&&e.monthsShown!==this.props.monthsShown&&this.setState({monthSelectedIn:0}),e.highlightDates!==this.props.highlightDates&&this.setState({highlightDates:ht(this.props.highlightDates)}),t.focused||Ke(e.selected,this.props.selected)||this.setState({inputValue:null}),t.open!==this.state.open&&(!1===t.open&&!0===this.state.open&&this.props.onCalendarOpen(),!0===t.open&&!1===this.state.open&&this.props.onCalendarClose());}},{key:"componentWillUnmount",value:function(){this.clearPreventFocusTimeout(),window.removeEventListener("scroll",this.onScroll,!0);}},{key:"render",value:function(){var t=this.renderCalendar();return this.props.inline&&!this.props.withPortal?t:this.props.withPortal?React__default["default"].createElement("div",null,this.props.inline?null:React__default["default"].createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton()),this.state.open||this.props.inline?React__default["default"].createElement("div",{className:"react-datepicker__portal"},t):null):React__default["default"].createElement(At,{className:this.props.popperClassName,wrapperClassName:this.props.wrapperClassName,hidePopper:!this.isCalendarOpen(),portalId:this.props.portalId,popperModifiers:this.props.popperModifiers,targetComponent:React__default["default"].createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton()),popperContainer:this.props.popperContainer,popperComponent:t,popperPlacement:this.props.popperPlacement,popperProps:this.props.popperProps,popperOnKeyDown:this.onPopperKeyDown,enableTabLoop:this.props.enableTabLoop})}}],[{key:"defaultProps",get:function(){return {allowSameDay:!1,dateFormat:"MM/dd/yyyy",dateFormatCalendar:"LLLL yyyy",onChange:function(){},disabled:!1,disabledKeyboardNavigation:!1,dropdownMode:"scroll",onFocus:function(){},onBlur:function(){},onKeyDown:function(){},onInputClick:function(){},onSelect:function(){},onClickOutside:function(){},onMonthChange:function(){},onCalendarOpen:function(){},onCalendarClose:function(){},preventOpenOnFocus:!1,onYearChange:function(){},onInputError:function(){},monthsShown:1,readOnly:!1,withPortal:!1,shouldCloseOnSelect:!0,showTimeSelect:!1,showTimeInput:!1,showPreviousMonths:!1,showMonthYearPicker:!1,showFullMonthYearPicker:!1,showTwoColumnMonthYearPicker:!1,showFourColumnMonthYearPicker:!1,showYearPicker:!1,showQuarterYearPicker:!1,strictParsing:!1,timeIntervals:30,timeCaption:"Time",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",timeInputLabel:"Time",enableTabLoop:!0,yearItemNumber:12,renderDayContents:function(e){return e},focusSelectedMonth:!1,showPopperArrow:!0,excludeScrollbar:!0,customTimeInput:null,calendarStartDay:0}}}]),a}(),Kt="input",jt="navigate";var ReactDatePicker = Wt;
|
|
37718
|
+
function oe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n);}return r}function ae(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(r),!0).forEach((function(t){le(e,t,r[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):oe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t));}));}return e}function se(e){return (se="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function pe(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ie(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n);}}function ce(e,t,r){return t&&ie(e.prototype,t),r&&ie(e,r),e}function le(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function de$1(){return (de$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e}).apply(this,arguments)}function ue(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&me(e,t);}function he(e){return (he=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function me(e,t){return (me=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function fe(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ye(e,t){return !t||"object"!=typeof t&&"function"!=typeof t?fe(e):t}function ve(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return !1}}();return function(){var r,n=he(e);if(t){var o=he(this).constructor;r=Reflect.construct(n,arguments,o);}else r=n.apply(this,arguments);return ye(this,r)}}function De(e){return function(e){if(Array.isArray(e))return we(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return we(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return we(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function we(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function ke(e,t){switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}}function ge(e,t){switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}}var be={p:ge,P:function(e,t){var r,n=e.match(/(P+)(p+)?/),o=n[1],a=n[2];if(!a)return ke(e,t);switch(o){case"P":r=t.dateTime({width:"short"});break;case"PP":r=t.dateTime({width:"medium"});break;case"PPP":r=t.dateTime({width:"long"});break;case"PPPP":default:r=t.dateTime({width:"full"});}return r.replace("{{date}}",ke(o,t)).replace("{{time}}",ge(a,t))}},Ce=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;function _e(e){var t=e?"string"==typeof e||e instanceof String?parseISO(e):toDate$1(e):new Date;return Me(t)?t:null}function Se(e,t,r,n,a){var s=null,p=qe(r)||qe(Ve()),i=!0;return Array.isArray(t)?(t.forEach((function(t){var r=parse(e,t,new Date,{locale:p});n&&(i=Me(r,a)&&e===format$1(r,t,{awareOfUnicodeTokens:!0})),Me(r,a)&&i&&(s=r);})),s):(s=parse(e,t,new Date,{locale:p}),n?i=Me(s)&&e===format$1(s,t,{awareOfUnicodeTokens:!0}):Me(s)||(t=t.match(Ce).map((function(e){var t=e[0];return "p"===t||"P"===t?p?(0, be[t])(e,p.formatLong):t:e})).join(""),e.length>0&&(s=parse(e,t.slice(0,e.length),new Date)),Me(s)||(s=new Date(e))),Me(s)&&i?s:null)}function Me(e,t){return t=t||new Date("1/1/1000"),isValid$1(e)&&isAfter$1(e,t)}function Pe(e,t,r){if("en"===r)return format$1(e,t,{awareOfUnicodeTokens:!0});var n=qe(r);return r&&!n&&console.warn('A locale object was not found for the provided string ["'.concat(r,'"].')),!n&&Ve()&&qe(Ve())&&(n=qe(Ve())),format$1(e,t,{locale:n||null,awareOfUnicodeTokens:!0})}function Ee(e,t){var r=t.dateFormat,n=t.locale;return e&&Pe(e,Array.isArray(r)?r[0]:r,n)||""}function Ne(e,t){var r=t.hour,n=void 0===r?0:r,o=t.minute,a=void 0===o?0:o,s=t.second;return setHours(setMinutes$1(setSeconds(e,void 0===s?0:s),a),n)}function Oe(e,t){var r=t&&qe(t)||Ve()&&qe(Ve());return getISOWeek(e,r?{locale:r}:null)}function xe(e,t){return Pe(e,"ddd",t)}function Te(e){return startOfDay$1(e)}function Ye(e,t,r){var n=qe(t||Ve());return startOfWeek(e,{locale:n,weekStartsOn:r})}function Ie(e){return startOfMonth(e)}function Le(e){return startOfYear(e)}function Fe(e){return startOfQuarter(e)}function Re(e,t){return e&&t?isSameYear(e,t):!e&&!t}function Ae(e,t){return e&&t?isSameMonth(e,t):!e&&!t}function Be(e,t){return e&&t?isSameQuarter(e,t):!e&&!t}function We(e,t){return e&&t?isSameDay$1(e,t):!e&&!t}function Ke(e,t){return e&&t?isEqual$1(e,t):!e&&!t}function je(e,t,r){var n,o=startOfDay$1(t),a=endOfDay(r);try{n=isWithinInterval(e,{start:o,end:a});}catch(e){n=!1;}return n}function He(e,t){var r="undefined"!=typeof window?window:global;r.__localeData__||(r.__localeData__={}),r.__localeData__[e]=t;}function Ve(){return ("undefined"!=typeof window?window:global).__localeId__}function qe(e){if("string"==typeof e){var t="undefined"!=typeof window?window:global;return t.__localeData__?t.__localeData__[e]:null}return e}function Ue(e,t){return Pe(setMonth(_e(),e),"LLLL",t)}function $e(e,t){return Pe(setMonth(_e(),e),"LLL",t)}function ze(e,t){return Pe(setQuarter(_e(),e),"QQQ",t)}function Ge(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return We(e,t)}))||a&&!a.some((function(t){return We(e,t)}))||s&&!s(_e(e))||!1}function Je(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeDates;return r&&r.some((function(t){return We(e,t)}))||!1}function Xe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return Ae(e,t)}))||a&&!a.some((function(t){return Ae(e,t)}))||s&&!s(_e(e))||!1}function Ze(e,t,r,n){var o=getYear(e),a=getMonth(e),s=getYear(t),p=getMonth(t),i=getYear(n);return o===s&&o===i?a<=r&&r<=p:o<s?i===o&&a<=r||i===s&&p>=r||i<s&&i>o:void 0}function et(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=t.excludeDates,a=t.includeDates,s=t.filterDate;return nt(e,{minDate:r,maxDate:n})||o&&o.some((function(t){return Be(e,t)}))||a&&!a.some((function(t){return Be(e,t)}))||s&&!s(_e(e))||!1}function tt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate,o=new Date(e,0,1);return nt(o,{minDate:r,maxDate:n})||!1}function rt(e,t,r,n){var o=getYear(e),a=getQuarter(e),s=getYear(t),p=getQuarter(t),i=getYear(n);return o===s&&o===i?a<=r&&r<=p:o<s?i===o&&a<=r||i===s&&p>=r||i<s&&i>o:void 0}function nt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.maxDate;return r&&differenceInCalendarDays$1(e,r)<0||n&&differenceInCalendarDays$1(e,n)>0}function ot(e,t){return t.some((function(t){return getHours(t)===getHours(e)&&getMinutes(t)===getMinutes(e)}))}function at(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeTimes,n=t.includeTimes,o=t.filterTime;return r&&ot(e,r)||n&&!ot(e,n)||o&&!o(e)||!1}function st(e,t){var r=t.minTime,n=t.maxTime;if(!r||!n)throw new Error("Both minTime and maxTime props required");var o,a=_e(),s=setHours(setMinutes$1(a,getMinutes(e)),getHours(e)),p=setHours(setMinutes$1(a,getMinutes(r)),getHours(r)),i=setHours(setMinutes$1(a,getMinutes(n)),getHours(n));try{o=!isWithinInterval(s,{start:p,end:i});}catch(e){o=!1;}return o}function pt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.includeDates,o=subMonths(e,1);return r&&differenceInCalendarMonths(r,o)>0||n&&n.every((function(e){return differenceInCalendarMonths(e,o)>0}))||!1}function it(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.includeDates,o=addMonths(e,1);return r&&differenceInCalendarMonths(o,r)>0||n&&n.every((function(e){return differenceInCalendarMonths(o,e)>0}))||!1}function ct(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.includeDates,o=subYears(e,1);return r&&differenceInCalendarYears(r,o)>0||n&&n.every((function(e){return differenceInCalendarYears(e,o)>0}))||!1}function lt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.includeDates,o=addYears(e,1);return r&&differenceInCalendarYears(o,r)>0||n&&n.every((function(e){return differenceInCalendarYears(o,e)>0}))||!1}function dt(e){var t=e.minDate,r=e.includeDates;if(r&&t){var n=r.filter((function(e){return differenceInCalendarDays$1(e,t)>=0}));return min(n)}return r?min(r):t}function ut(e){var t=e.maxDate,r=e.includeDates;if(r&&t){var n=r.filter((function(e){return differenceInCalendarDays$1(e,t)<=0}));return max(n)}return r?max(r):t}function ht(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"react-datepicker__day--highlighted",n=new Map,o=0,a=e.length;o<a;o++){var s=e[o];if(isDate(s)){var p=Pe(s,"MM.dd.yyyy"),i=n.get(p)||[];i.includes(t)||(i.push(t),n.set(p,i));}else if("object"===se(s)){var c=Object.keys(s),l=c[0],d=s[c[0]];if("string"==typeof l&&d.constructor===Array)for(var u=0,h=d.length;u<h;u++){var m=Pe(d[u],"MM.dd.yyyy"),f=n.get(m)||[];f.includes(l)||(f.push(l),n.set(m,f));}}}return n}function mt(e,t,r,n,o){for(var p=o.length,i=[],c=0;c<p;c++){var l=addMinutes(addHours(e,getHours(o[c])),getMinutes(o[c])),d=addMinutes(e,(r+1)*n);isAfter$1(l,t)&&isBefore$1(l,d)&&i.push(o[c]);}return i}function ft(e){return e<10?"0".concat(e):"".concat(e)}function yt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:12,r=Math.ceil(getYear(e)/t)*t,n=r-(t-1);return {startPeriod:n,endPeriod:r}}function vt(e,t,r,n){for(var o=[],a=0;a<2*t+1;a++){var s=e+t-a,p=!0;r&&(p=getYear(r)<=s),n&&p&&(p=getYear(n)>=s),p&&o.push(s);}return o}var Dt=onClickOutsideHOC(function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(t){var r;pe(this,o),le(fe(r=n.call(this,t)),"renderOptions",(function(){var t=r.props.year,n=r.state.yearsList.map((function(n){return React__default["default"].createElement("div",{className:t===n?"react-datepicker__year-option react-datepicker__year-option--selected_year":"react-datepicker__year-option",key:n,onClick:r.onChange.bind(fe(r),n)},t===n?React__default["default"].createElement("span",{className:"react-datepicker__year-option--selected"},"✓"):"",n)})),o=r.props.minDate?getYear(r.props.minDate):null,a=r.props.maxDate?getYear(r.props.maxDate):null;return a&&r.state.yearsList.find((function(e){return e===a}))||n.unshift(React__default["default"].createElement("div",{className:"react-datepicker__year-option",key:"upcoming",onClick:r.incrementYears},React__default["default"].createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming"}))),o&&r.state.yearsList.find((function(e){return e===o}))||n.push(React__default["default"].createElement("div",{className:"react-datepicker__year-option",key:"previous",onClick:r.decrementYears},React__default["default"].createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous"}))),n})),le(fe(r),"onChange",(function(e){r.props.onChange(e);})),le(fe(r),"handleClickOutside",(function(){r.props.onCancel();})),le(fe(r),"shiftYears",(function(e){var t=r.state.yearsList.map((function(t){return t+e}));r.setState({yearsList:t});})),le(fe(r),"incrementYears",(function(){return r.shiftYears(1)})),le(fe(r),"decrementYears",(function(){return r.shiftYears(-1)}));var a=t.yearDropdownItemNumber,s=t.scrollableYearDropdown,p=a||(s?10:5);return r.state={yearsList:vt(r.props.year,p,r.props.minDate,r.props.maxDate)},r}return ce(o,[{key:"render",value:function(){var r=t__default["default"]({"react-datepicker__year-dropdown":!0,"react-datepicker__year-dropdown--scrollable":this.props.scrollableYearDropdown});return React__default["default"].createElement("div",{className:r},this.renderOptions())}}]),o}()),wt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(){for(var r=t.props.minDate?getYear(t.props.minDate):1900,n=t.props.maxDate?getYear(t.props.maxDate):2100,o=[],a=r;a<=n;a++)o.push(React__default["default"].createElement("option",{key:a,value:a},a));return o})),le(fe(t),"onSelectChange",(function(e){t.onChange(e.target.value);})),le(fe(t),"renderSelectMode",(function(){return React__default["default"].createElement("select",{value:t.props.year,className:"react-datepicker__year-select",onChange:t.onSelectChange},t.renderSelectOptions())})),le(fe(t),"renderReadView",(function(r){return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__year-read-view",onClick:function(e){return t.toggleDropdown(e)}},React__default["default"].createElement("span",{className:"react-datepicker__year-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__year-read-view--selected-year"},t.props.year))})),le(fe(t),"renderDropdown",(function(){return React__default["default"].createElement(Dt,{key:"dropdown",year:t.props.year,onChange:t.onChange,onCancel:t.toggleDropdown,minDate:t.props.minDate,maxDate:t.props.maxDate,scrollableYearDropdown:t.props.scrollableYearDropdown,yearDropdownItemNumber:t.props.yearDropdownItemNumber})})),le(fe(t),"renderScrollMode",(function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r})),le(fe(t),"onChange",(function(e){t.toggleDropdown(),e!==t.props.year&&t.props.onChange(e);})),le(fe(t),"toggleDropdown",(function(e){t.setState({dropdownVisible:!t.state.dropdownVisible},(function(){t.props.adjustDateOnChange&&t.handleYearChange(t.props.date,e);}));})),le(fe(t),"handleYearChange",(function(e,r){t.onSelect(e,r),t.setOpen();})),le(fe(t),"onSelect",(function(e,r){t.props.onSelect&&t.props.onSelect(e,r);})),le(fe(t),"setOpen",(function(){t.props.setOpen&&t.props.setOpen(!0);})),t}return ce(n,[{key:"render",value:function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();}return React__default["default"].createElement("div",{className:"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}(),kt=onClickOutsideHOC(function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"renderOptions",(function(){return t.props.monthNames.map((function(r,n){return React__default["default"].createElement("div",{className:t.props.month===n?"react-datepicker__month-option react-datepicker__month-option--selected_month":"react-datepicker__month-option",key:r,onClick:t.onChange.bind(fe(t),n)},t.props.month===n?React__default["default"].createElement("span",{className:"react-datepicker__month-option--selected"},"✓"):"",r)}))})),le(fe(t),"onChange",(function(e){return t.props.onChange(e)})),le(fe(t),"handleClickOutside",(function(){return t.props.onCancel()})),t}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__month-dropdown"},this.renderOptions())}}]),n}()),gt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(t){return t.map((function(t,r){return React__default["default"].createElement("option",{key:r,value:r},t)}))})),le(fe(t),"renderSelectMode",(function(r){return React__default["default"].createElement("select",{value:t.props.month,className:"react-datepicker__month-select",onChange:function(e){return t.onChange(e.target.value)}},t.renderSelectOptions(r))})),le(fe(t),"renderReadView",(function(r,n){return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__month-read-view",onClick:t.toggleDropdown},React__default["default"].createElement("span",{className:"react-datepicker__month-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__month-read-view--selected-month"},n[t.props.month]))})),le(fe(t),"renderDropdown",(function(r){return React__default["default"].createElement(kt,{key:"dropdown",month:t.props.month,monthNames:r,onChange:t.onChange,onCancel:t.toggleDropdown})})),le(fe(t),"renderScrollMode",(function(e){var r=t.state.dropdownVisible,n=[t.renderReadView(!r,e)];return r&&n.unshift(t.renderDropdown(e)),n})),le(fe(t),"onChange",(function(e){t.toggleDropdown(),e!==t.props.month&&t.props.onChange(e);})),le(fe(t),"toggleDropdown",(function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})})),t}return ce(n,[{key:"render",value:function(){var t,r=this,n=[0,1,2,3,4,5,6,7,8,9,10,11].map(this.props.useShortMonthInDropdown?function(e){return $e(e,r.props.locale)}:function(e){return Ue(e,r.props.locale)});switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode(n);break;case"select":t=this.renderSelectMode(n);}return React__default["default"].createElement("div",{className:"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}();function bt(e,t){for(var r=[],n=Ie(e),o=Ie(t);!isAfter$1(n,o);)r.push(_e(n)),n=addMonths(n,1);return r}var Ct=onClickOutsideHOC(function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(t){var r;return pe(this,o),le(fe(r=n.call(this,t)),"renderOptions",(function(){return r.state.monthYearsList.map((function(t){var n=getTime(t),o=Re(r.props.date,t)&&Ae(r.props.date,t);return React__default["default"].createElement("div",{className:o?"react-datepicker__month-year-option --selected_month-year":"react-datepicker__month-year-option",key:n,onClick:r.onChange.bind(fe(r),n)},o?React__default["default"].createElement("span",{className:"react-datepicker__month-year-option--selected"},"✓"):"",Pe(t,r.props.dateFormat,r.props.locale))}))})),le(fe(r),"onChange",(function(e){return r.props.onChange(e)})),le(fe(r),"handleClickOutside",(function(){r.props.onCancel();})),r.state={monthYearsList:bt(r.props.minDate,r.props.maxDate)},r}return ce(o,[{key:"render",value:function(){var r=t__default["default"]({"react-datepicker__month-year-dropdown":!0,"react-datepicker__month-year-dropdown--scrollable":this.props.scrollableMonthYearDropdown});return React__default["default"].createElement("div",{className:r},this.renderOptions())}}]),o}()),_t=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"state",{dropdownVisible:!1}),le(fe(t),"renderSelectOptions",(function(){for(var r=Ie(t.props.minDate),n=Ie(t.props.maxDate),o=[];!isAfter$1(r,n);){var a=getTime(r);o.push(React__default["default"].createElement("option",{key:a,value:a},Pe(r,t.props.dateFormat,t.props.locale))),r=addMonths(r,1);}return o})),le(fe(t),"onSelectChange",(function(e){t.onChange(e.target.value);})),le(fe(t),"renderSelectMode",(function(){return React__default["default"].createElement("select",{value:getTime(Ie(t.props.date)),className:"react-datepicker__month-year-select",onChange:t.onSelectChange},t.renderSelectOptions())})),le(fe(t),"renderReadView",(function(r){var n=Pe(t.props.date,t.props.dateFormat,t.props.locale);return React__default["default"].createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__month-year-read-view",onClick:function(e){return t.toggleDropdown(e)}},React__default["default"].createElement("span",{className:"react-datepicker__month-year-read-view--down-arrow"}),React__default["default"].createElement("span",{className:"react-datepicker__month-year-read-view--selected-month-year"},n))})),le(fe(t),"renderDropdown",(function(){return React__default["default"].createElement(Ct,{key:"dropdown",date:t.props.date,dateFormat:t.props.dateFormat,onChange:t.onChange,onCancel:t.toggleDropdown,minDate:t.props.minDate,maxDate:t.props.maxDate,scrollableMonthYearDropdown:t.props.scrollableMonthYearDropdown,locale:t.props.locale})})),le(fe(t),"renderScrollMode",(function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r})),le(fe(t),"onChange",(function(e){t.toggleDropdown();var r=_e(parseInt(e));Re(t.props.date,r)&&Ae(t.props.date,r)||t.props.onChange(r);})),le(fe(t),"toggleDropdown",(function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})})),t}return ce(n,[{key:"render",value:function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();}return React__default["default"].createElement("div",{className:"react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode)},t)}}]),n}(),St=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var r;pe(this,o);for(var a=arguments.length,s=new Array(a),p=0;p<a;p++)s[p]=arguments[p];return le(fe(r=n.call.apply(n,[this].concat(s))),"dayEl",React__default["default"].createRef()),le(fe(r),"handleClick",(function(e){!r.isDisabled()&&r.props.onClick&&r.props.onClick(e);})),le(fe(r),"handleMouseEnter",(function(e){!r.isDisabled()&&r.props.onMouseEnter&&r.props.onMouseEnter(e);})),le(fe(r),"handleOnKeyDown",(function(e){" "===e.key&&(e.preventDefault(),e.key="Enter"),r.props.handleOnKeyDown(e);})),le(fe(r),"isSameDay",(function(e){return We(r.props.day,e)})),le(fe(r),"isKeyboardSelected",(function(){return !r.props.disabledKeyboardNavigation&&!r.isSameDay(r.props.selected)&&r.isSameDay(r.props.preSelection)})),le(fe(r),"isDisabled",(function(){return Ge(r.props.day,r.props)})),le(fe(r),"isExcluded",(function(){return Je(r.props.day,r.props)})),le(fe(r),"getHighLightedClass",(function(e){var t=r.props,n=t.day,o=t.highlightDates;if(!o)return !1;var a=Pe(n,"MM.dd.yyyy");return o.get(a)})),le(fe(r),"isInRange",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&je(t,n,o)})),le(fe(r),"isInSelectingRange",(function(){var e,t=r.props,n=t.day,o=t.selectsStart,a=t.selectsEnd,s=t.selectsRange,p=t.startDate,i=t.endDate,c=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return !(!(o||a||s)||!c||r.isDisabled())&&(o&&i&&(isBefore$1(c,i)||Ke(c,i))?je(n,c,i):(a&&p&&(isAfter$1(c,p)||Ke(c,p))||!(!s||!p||i||!isAfter$1(c,p)&&!Ke(c,p)))&&je(n,p,c))})),le(fe(r),"isSelectingRangeStart",(function(){var e;if(!r.isInSelectingRange())return !1;var t=r.props,n=t.day,o=t.startDate,a=t.selectsStart,s=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return We(n,a?s:o)})),le(fe(r),"isSelectingRangeEnd",(function(){var e;if(!r.isInSelectingRange())return !1;var t=r.props,n=t.day,o=t.endDate,a=t.selectsEnd,s=null!==(e=r.props.selectingDate)&&void 0!==e?e:r.props.preSelection;return We(n,a?s:o)})),le(fe(r),"isRangeStart",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&We(n,t)})),le(fe(r),"isRangeEnd",(function(){var e=r.props,t=e.day,n=e.startDate,o=e.endDate;return !(!n||!o)&&We(o,t)})),le(fe(r),"isWeekend",(function(){var e=getDay(r.props.day);return 0===e||6===e})),le(fe(r),"isOutsideMonth",(function(){return void 0!==r.props.month&&r.props.month!==getMonth(r.props.day)})),le(fe(r),"getClassNames",(function(e){var n=r.props.dayClassName?r.props.dayClassName(e):void 0;return t__default["default"]("react-datepicker__day",n,"react-datepicker__day--"+xe(r.props.day),{"react-datepicker__day--disabled":r.isDisabled(),"react-datepicker__day--excluded":r.isExcluded(),"react-datepicker__day--selected":r.isSameDay(r.props.selected),"react-datepicker__day--keyboard-selected":r.isKeyboardSelected(),"react-datepicker__day--range-start":r.isRangeStart(),"react-datepicker__day--range-end":r.isRangeEnd(),"react-datepicker__day--in-range":r.isInRange(),"react-datepicker__day--in-selecting-range":r.isInSelectingRange(),"react-datepicker__day--selecting-range-start":r.isSelectingRangeStart(),"react-datepicker__day--selecting-range-end":r.isSelectingRangeEnd(),"react-datepicker__day--today":r.isSameDay(_e()),"react-datepicker__day--weekend":r.isWeekend(),"react-datepicker__day--outside-month":r.isOutsideMonth()},r.getHighLightedClass("react-datepicker__day--highlighted"))})),le(fe(r),"getAriaLabel",(function(){var e=r.props,t=e.day,n=e.ariaLabelPrefixWhenEnabled,o=void 0===n?"Choose":n,a=e.ariaLabelPrefixWhenDisabled,s=void 0===a?"Not available":a,p=r.isDisabled()||r.isExcluded()?s:o;return "".concat(p," ").concat(Pe(t,"PPPP",r.props.locale))})),le(fe(r),"getTabIndex",(function(e,t){var n=e||r.props.selected,o=t||r.props.preSelection;return r.isKeyboardSelected()||r.isSameDay(n)&&We(o,n)?0:-1})),le(fe(r),"handleFocusDay",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=!1;0===r.getTabIndex()&&!e.isInputFocused&&r.isSameDay(r.props.preSelection)&&(document.activeElement&&document.activeElement!==document.body||(t=!0),r.props.inline&&!r.props.shouldFocusDayInline&&(t=!1),r.props.containerRef&&r.props.containerRef.current&&r.props.containerRef.current.contains(document.activeElement)&&document.activeElement.classList.contains("react-datepicker__day")&&(t=!0)),t&&r.dayEl.current.focus({preventScroll:!0});})),le(fe(r),"renderDayContents",(function(){if(r.isOutsideMonth()){if(r.props.monthShowsDuplicateDaysEnd&&getDate(r.props.day)<10)return null;if(r.props.monthShowsDuplicateDaysStart&&getDate(r.props.day)>20)return null}return r.props.renderDayContents?r.props.renderDayContents(getDate(r.props.day),r.props.day):getDate(r.props.day)})),le(fe(r),"render",(function(){return React__default["default"].createElement("div",{ref:r.dayEl,className:r.getClassNames(r.props.day),onKeyDown:r.handleOnKeyDown,onClick:r.handleClick,onMouseEnter:r.handleMouseEnter,tabIndex:r.getTabIndex(),"aria-label":r.getAriaLabel(),role:"button","aria-disabled":r.isDisabled()},r.renderDayContents())})),r}return ce(o,[{key:"componentDidMount",value:function(){this.handleFocusDay();}},{key:"componentDidUpdate",value:function(e){this.handleFocusDay(e);}}]),o}(),Mt=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var e;pe(this,o);for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];return le(fe(e=n.call.apply(n,[this].concat(r))),"handleClick",(function(t){e.props.onClick&&e.props.onClick(t);})),e}return ce(o,[{key:"render",value:function(){var r=this.props,n=r.weekNumber,o=r.ariaLabelPrefix,a=void 0===o?"week ":o,s={"react-datepicker__week-number":!0,"react-datepicker__week-number--clickable":!!r.onClick};return React__default["default"].createElement("div",{className:t__default["default"](s),"aria-label":"".concat(a," ").concat(this.props.weekNumber),onClick:this.handleClick},n)}}]),o}(),Pt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return le(fe(t=r.call.apply(r,[this].concat(a))),"handleDayClick",(function(e,r){t.props.onDayClick&&t.props.onDayClick(e,r);})),le(fe(t),"handleDayMouseEnter",(function(e){t.props.onDayMouseEnter&&t.props.onDayMouseEnter(e);})),le(fe(t),"handleWeekClick",(function(e,r,n){"function"==typeof t.props.onWeekSelect&&t.props.onWeekSelect(e,r,n),t.props.shouldCloseOnSelect&&t.props.setOpen(!1);})),le(fe(t),"formatWeekNumber",(function(e){return t.props.formatWeekNumber?t.props.formatWeekNumber(e):Oe(e)})),le(fe(t),"renderDays",(function(){var r=Ye(t.props.day,t.props.locale,t.props.calendarStartDay),n=[],o=t.formatWeekNumber(r);if(t.props.showWeekNumber){var a=t.props.onWeekSelect?t.handleWeekClick.bind(fe(t),r,o):void 0;n.push(React__default["default"].createElement(Mt,{key:"W",weekNumber:o,onClick:a,ariaLabelPrefix:t.props.ariaLabelPrefix}));}return n.concat([0,1,2,3,4,5,6].map((function(n){var o=addDays$1(r,n);return React__default["default"].createElement(St,{ariaLabelPrefixWhenEnabled:t.props.chooseDayAriaLabelPrefix,ariaLabelPrefixWhenDisabled:t.props.disabledDayAriaLabelPrefix,key:o.valueOf(),day:o,month:t.props.month,onClick:t.handleDayClick.bind(fe(t),o),onMouseEnter:t.handleDayMouseEnter.bind(fe(t),o),minDate:t.props.minDate,maxDate:t.props.maxDate,excludeDates:t.props.excludeDates,includeDates:t.props.includeDates,highlightDates:t.props.highlightDates,selectingDate:t.props.selectingDate,filterDate:t.props.filterDate,preSelection:t.props.preSelection,selected:t.props.selected,selectsStart:t.props.selectsStart,selectsEnd:t.props.selectsEnd,selectsRange:t.props.selectsRange,startDate:t.props.startDate,endDate:t.props.endDate,dayClassName:t.props.dayClassName,renderDayContents:t.props.renderDayContents,disabledKeyboardNavigation:t.props.disabledKeyboardNavigation,handleOnKeyDown:t.props.handleOnKeyDown,isInputFocused:t.props.isInputFocused,containerRef:t.props.containerRef,inline:t.props.inline,shouldFocusDayInline:t.props.shouldFocusDayInline,monthShowsDuplicateDaysEnd:t.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:t.props.monthShowsDuplicateDaysStart,locale:t.props.locale})})))})),t}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__week"},this.renderDays())}}],[{key:"defaultProps",get:function(){return {shouldCloseOnSelect:!0}}}]),n}(),Et=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){var r;pe(this,o);for(var a=arguments.length,s=new Array(a),l=0;l<a;l++)s[l]=arguments[l];return le(fe(r=n.call.apply(n,[this].concat(s))),"MONTH_REFS",De(Array(12)).map((function(){return React__default["default"].createRef()}))),le(fe(r),"isDisabled",(function(e){return Ge(e,r.props)})),le(fe(r),"isExcluded",(function(e){return Je(e,r.props)})),le(fe(r),"handleDayClick",(function(e,t){r.props.onDayClick&&r.props.onDayClick(e,t,r.props.orderInDisplay);})),le(fe(r),"handleDayMouseEnter",(function(e){r.props.onDayMouseEnter&&r.props.onDayMouseEnter(e);})),le(fe(r),"handleMouseLeave",(function(){r.props.onMouseLeave&&r.props.onMouseLeave();})),le(fe(r),"isRangeStartMonth",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Ae(setMonth(n,e),o)})),le(fe(r),"isRangeStartQuarter",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Be(setQuarter(n,e),o)})),le(fe(r),"isRangeEndMonth",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Ae(setMonth(n,e),a)})),le(fe(r),"isRangeEndQuarter",(function(e){var t=r.props,n=t.day,o=t.startDate,a=t.endDate;return !(!o||!a)&&Be(setQuarter(n,e),a)})),le(fe(r),"isWeekInMonth",(function(e){var t=r.props.day,n=addDays$1(e,6);return Ae(e,t)||Ae(n,t)})),le(fe(r),"renderWeeks",(function(){for(var t=[],n=r.props.fixedHeight,o=0,a=!1,s=Ye(Ie(r.props.day),r.props.locale,r.props.calendarStartDay);t.push(React__default["default"].createElement(Pt,{ariaLabelPrefix:r.props.weekAriaLabelPrefix,chooseDayAriaLabelPrefix:r.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:r.props.disabledDayAriaLabelPrefix,key:o,day:s,month:getMonth(r.props.day),onDayClick:r.handleDayClick,onDayMouseEnter:r.handleDayMouseEnter,onWeekSelect:r.props.onWeekSelect,formatWeekNumber:r.props.formatWeekNumber,locale:r.props.locale,minDate:r.props.minDate,maxDate:r.props.maxDate,excludeDates:r.props.excludeDates,includeDates:r.props.includeDates,inline:r.props.inline,shouldFocusDayInline:r.props.shouldFocusDayInline,highlightDates:r.props.highlightDates,selectingDate:r.props.selectingDate,filterDate:r.props.filterDate,preSelection:r.props.preSelection,selected:r.props.selected,selectsStart:r.props.selectsStart,selectsEnd:r.props.selectsEnd,selectsRange:r.props.selectsRange,showWeekNumber:r.props.showWeekNumbers,startDate:r.props.startDate,endDate:r.props.endDate,dayClassName:r.props.dayClassName,setOpen:r.props.setOpen,shouldCloseOnSelect:r.props.shouldCloseOnSelect,disabledKeyboardNavigation:r.props.disabledKeyboardNavigation,renderDayContents:r.props.renderDayContents,handleOnKeyDown:r.props.handleOnKeyDown,isInputFocused:r.props.isInputFocused,containerRef:r.props.containerRef,calendarStartDay:r.props.calendarStartDay,monthShowsDuplicateDaysEnd:r.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:r.props.monthShowsDuplicateDaysStart})),!a;){o++,s=addWeeks(s,1);var p=n&&o>=6,c=!n&&!r.isWeekInMonth(s);if(p||c){if(!r.props.peekNextMonth)break;a=!0;}}return t})),le(fe(r),"onMonthClick",(function(e,t){r.handleDayClick(Ie(setMonth(r.props.day,t)),e);})),le(fe(r),"handleMonthNavigation",(function(e,t){r.isDisabled(t)||r.isExcluded(t)||(r.props.setPreSelection(t),r.MONTH_REFS[e].current&&r.MONTH_REFS[e].current.focus());})),le(fe(r),"onMonthKeyDown",(function(e,t){var n=e.key;if(!r.props.disabledKeyboardNavigation)switch(n){case"Enter":r.onMonthClick(e,t),r.props.setPreSelection(r.props.selected);break;case"ArrowRight":r.handleMonthNavigation(11===t?0:t+1,addMonths(r.props.preSelection,1));break;case"ArrowLeft":r.handleMonthNavigation(0===t?11:t-1,subMonths(r.props.preSelection,1));}})),le(fe(r),"onQuarterClick",(function(e,t){r.handleDayClick(Fe(setQuarter(r.props.day,t)),e);})),le(fe(r),"getMonthClassNames",(function(e){var n=r.props,o=n.day,a=n.startDate,s=n.endDate,p=n.selected,i=n.minDate,c=n.maxDate,l=n.preSelection,d=n.monthClassName,u=d?d(o):void 0;return t__default["default"]("react-datepicker__month-text","react-datepicker__month-".concat(e),u,{"react-datepicker__month--disabled":(i||c)&&Xe(setMonth(o,e),r.props),"react-datepicker__month--selected":getMonth(o)===e&&getYear(o)===getYear(p),"react-datepicker__month-text--keyboard-selected":getMonth(l)===e,"react-datepicker__month--in-range":Ze(a,s,e,o),"react-datepicker__month--range-start":r.isRangeStartMonth(e),"react-datepicker__month--range-end":r.isRangeEndMonth(e)})})),le(fe(r),"getTabIndex",(function(e){var t=getMonth(r.props.preSelection);return r.props.disabledKeyboardNavigation||e!==t?"-1":"0"})),le(fe(r),"getAriaLabel",(function(e){var t=r.props,n=t.ariaLabelPrefix,o=void 0===n?"Choose":n,a=t.disabledDayAriaLabelPrefix,s=void 0===a?"Not available":a,p=t.day,i=setMonth(p,e),c=r.isDisabled(i)||r.isExcluded(i)?s:o;return "".concat(c," ").concat(Pe(i,"MMMM yyyy"))})),le(fe(r),"getQuarterClassNames",(function(e){var n=r.props,o=n.day,a=n.startDate,s=n.endDate,p=n.selected,i=n.minDate,c=n.maxDate;return t__default["default"]("react-datepicker__quarter-text","react-datepicker__quarter-".concat(e),{"react-datepicker__quarter--disabled":(i||c)&&et(setQuarter(o,e),r.props),"react-datepicker__quarter--selected":getQuarter(o)===e&&getYear(o)===getYear(p),"react-datepicker__quarter--in-range":rt(a,s,e,o),"react-datepicker__quarter--range-start":r.isRangeStartQuarter(e),"react-datepicker__quarter--range-end":r.isRangeEndQuarter(e)})})),le(fe(r),"renderMonths",(function(){var t=r.props,n=t.showFullMonthYearPicker,o=t.showTwoColumnMonthYearPicker,a=t.showFourColumnMonthYearPicker,s=t.locale;return (a?[[0,1,2,3],[4,5,6,7],[8,9,10,11]]:o?[[0,1],[2,3],[4,5],[6,7],[8,9],[10,11]]:[[0,1,2],[3,4,5],[6,7,8],[9,10,11]]).map((function(t,o){return React__default["default"].createElement("div",{className:"react-datepicker__month-wrapper",key:o},t.map((function(t,o){return React__default["default"].createElement("div",{ref:r.MONTH_REFS[t],key:o,onClick:function(e){r.onMonthClick(e,t);},onKeyDown:function(e){r.onMonthKeyDown(e,t);},tabIndex:r.getTabIndex(t),className:r.getMonthClassNames(t),role:"button","aria-label":r.getAriaLabel(t)},n?Ue(t,s):$e(t,s))})))}))})),le(fe(r),"renderQuarters",(function(){return React__default["default"].createElement("div",{className:"react-datepicker__quarter-wrapper"},[1,2,3,4].map((function(t,n){return React__default["default"].createElement("div",{key:n,onClick:function(e){r.onQuarterClick(e,t);},className:r.getQuarterClassNames(t)},ze(t,r.props.locale))})))})),le(fe(r),"getClassNames",(function(){var e=r.props;e.day;var n=e.selectingDate,o=e.selectsStart,a=e.selectsEnd,s=e.showMonthYearPicker,p=e.showQuarterYearPicker;return t__default["default"]("react-datepicker__month",{"react-datepicker__month--selecting-range":n&&(o||a)},{"react-datepicker__monthPicker":s},{"react-datepicker__quarterPicker":p})})),r}return ce(o,[{key:"render",value:function(){var t=this.props,r=t.showMonthYearPicker,n=t.showQuarterYearPicker,o=t.day,a=t.ariaLabelPrefix,s=void 0===a?"month ":a;return React__default["default"].createElement("div",{className:this.getClassNames(),onMouseLeave:this.handleMouseLeave,"aria-label":"".concat(s," ").concat(Pe(o,"yyyy-MM"))},r?this.renderMonths():n?this.renderQuarters():this.renderWeeks())}}]),o}(),Nt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(){var t;pe(this,n);for(var o=arguments.length,s=new Array(o),p=0;p<o;p++)s[p]=arguments[p];return le(fe(t=r.call.apply(r,[this].concat(s))),"state",{height:null}),le(fe(t),"handleClick",(function(e){(t.props.minTime||t.props.maxTime)&&st(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&at(e,t.props)||t.props.onChange(e);})),le(fe(t),"liClasses",(function(e,r,n){var o=["react-datepicker__time-list-item",t.props.timeClassName?t.props.timeClassName(e,r,n):void 0];return t.props.selected&&r===getHours(e)&&n===getMinutes(e)&&o.push("react-datepicker__time-list-item--selected"),((t.props.minTime||t.props.maxTime)&&st(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&at(e,t.props))&&o.push("react-datepicker__time-list-item--disabled"),t.props.injectTimes&&(60*getHours(e)+getMinutes(e))%t.props.intervals!=0&&o.push("react-datepicker__time-list-item--injected"),o.join(" ")})),le(fe(t),"handleOnKeyDown",(function(e,r){" "===e.key&&(e.preventDefault(),e.key="Enter"),"Enter"===e.key&&t.handleClick(r),t.props.handleOnKeyDown(e);})),le(fe(t),"renderTimes",(function(){for(var r=[],n=t.props.format?t.props.format:"p",o=t.props.intervals,s=Te(_e(t.props.selected)),p=1440/o,i=t.props.injectTimes&&t.props.injectTimes.sort((function(e,t){return e-t})),c=t.props.selected||t.props.openToDate||_e(),l=getHours(c),d=getMinutes(c),u=setHours(setMinutes$1(s,d),l),h=0;h<p;h++){var m=addMinutes(s,h*o);if(r.push(m),i){var f=mt(s,m,h,o,i);r=r.concat(f);}}return r.map((function(r,o){return React__default["default"].createElement("li",{key:o,onClick:t.handleClick.bind(fe(t),r),className:t.liClasses(r,l,d),ref:function(e){(isBefore$1(r,u)||Ke(r,u))&&(t.centerLi=e);},onKeyDown:function(e){t.handleOnKeyDown(e,r);},tabIndex:"0"},Pe(r,n,t.props.locale))}))})),t}return ce(n,[{key:"componentDidMount",value:function(){this.list.scrollTop=n.calcCenterPosition(this.props.monthRef?this.props.monthRef.clientHeight-this.header.clientHeight:this.list.clientHeight,this.centerLi),this.props.monthRef&&this.header&&this.setState({height:this.props.monthRef.clientHeight-this.header.clientHeight});}},{key:"render",value:function(){var t=this,r=this.state.height;return React__default["default"].createElement("div",{className:"react-datepicker__time-container ".concat(this.props.todayButton?"react-datepicker__time-container--with-today-button":"")},React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker__header--time ".concat(this.props.showTimeSelectOnly?"react-datepicker__header--time--only":""),ref:function(e){t.header=e;}},React__default["default"].createElement("div",{className:"react-datepicker-time__header"},this.props.timeCaption)),React__default["default"].createElement("div",{className:"react-datepicker__time"},React__default["default"].createElement("div",{className:"react-datepicker__time-box"},React__default["default"].createElement("ul",{className:"react-datepicker__time-list",ref:function(e){t.list=e;},style:r?{height:r}:{},tabIndex:"0"},this.renderTimes()))))}}],[{key:"defaultProps",get:function(){return {intervals:30,onTimeChange:function(){},todayButton:null,timeCaption:"Time"}}}]),n}();le(Nt,"calcCenterPosition",(function(e,t){return t.offsetTop-(e/2-t.clientHeight/2)}));var Ot=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(e){var r;return pe(this,o),le(fe(r=n.call(this,e)),"handleYearClick",(function(e,t){r.props.onDayClick&&r.props.onDayClick(e,t);})),le(fe(r),"isSameDay",(function(e,t){return We(e,t)})),le(fe(r),"isKeyboardSelected",(function(e){var t=Le(setYear(r.props.date,e));return !r.props.disabledKeyboardNavigation&&!r.props.inline&&!We(t,Le(r.props.selected))&&We(t,Le(r.props.preSelection))})),le(fe(r),"onYearClick",(function(e,t){var n=r.props.date;r.handleYearClick(Le(setYear(n,t)),e);})),le(fe(r),"getYearClassNames",(function(e){var n=r.props,o=n.minDate,a=n.maxDate,s=n.selected;return t__default["default"]("react-datepicker__year-text",{"react-datepicker__year-text--selected":e===getYear(s),"react-datepicker__year-text--disabled":(o||a)&&tt(e,r.props),"react-datepicker__year-text--keyboard-selected":r.isKeyboardSelected(e),"react-datepicker__year-text--today":e===getYear(_e())})})),r}return ce(o,[{key:"render",value:function(){for(var t=this,r=[],n=this.props,o=yt(n.date,n.yearItemNumber),a=o.startPeriod,s=o.endPeriod,p=function(n){r.push(React__default["default"].createElement("div",{onClick:function(e){t.onYearClick(e,n);},className:t.getYearClassNames(n),key:n},n));},i=a;i<=s;i++)p(i);return React__default["default"].createElement("div",{className:"react-datepicker__year"},React__default["default"].createElement("div",{className:"react-datepicker__year-wrapper"},r))}}]),o}(),xt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(t){var o;return pe(this,n),le(fe(o=r.call(this,t)),"onTimeChange",(function(e){o.setState({time:e});var t=new Date;t.setHours(e.split(":")[0]),t.setMinutes(e.split(":")[1]),o.props.onChange(t);})),le(fe(o),"renderTimeInput",(function(){var t=o.state.time,r=o.props,n=r.date,a=r.timeString,s=r.customTimeInput;return s?React__default["default"].cloneElement(s,{date:n,value:t,onChange:o.onTimeChange}):React__default["default"].createElement("input",{type:"time",className:"react-datepicker-time__input",placeholder:"Time",name:"time-input",required:!0,value:t,onChange:function(e){o.onTimeChange(e.target.value||a);}})})),o.state={time:o.props.timeString},o}return ce(n,[{key:"render",value:function(){return React__default["default"].createElement("div",{className:"react-datepicker__input-time-container"},React__default["default"].createElement("div",{className:"react-datepicker-time__caption"},this.props.timeInputLabel),React__default["default"].createElement("div",{className:"react-datepicker-time__input-container"},React__default["default"].createElement("div",{className:"react-datepicker-time__input"},this.renderTimeInput())))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return e.timeString!==t.time?{time:e.timeString}:null}}]),n}();function Tt(t){var r=t.className,n=t.children,o=t.showPopperArrow,a=t.arrowProps,s=void 0===a?{}:a;return React__default["default"].createElement("div",{className:r},o&&React__default["default"].createElement("div",de$1({className:"react-datepicker__triangle"},s)),n)}var Yt=["react-datepicker__year-select","react-datepicker__month-select","react-datepicker__month-year-select"],It=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(r){var a;return pe(this,o),le(fe(a=n.call(this,r)),"handleClickOutside",(function(e){a.props.onClickOutside(e);})),le(fe(a),"setClickOutsideRef",(function(){return a.containerRef.current})),le(fe(a),"handleDropdownFocus",(function(e){(function(){var e=((arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).className||"").split(/\s+/);return Yt.some((function(t){return e.indexOf(t)>=0}))})(e.target)&&a.props.onDropdownFocus();})),le(fe(a),"getDateInView",(function(){var e=a.props,t=e.preSelection,r=e.selected,n=e.openToDate,o=dt(a.props),s=ut(a.props),p=_e(),i=n||r||t;return i||(o&&isBefore$1(p,o)?o:s&&isAfter$1(p,s)?s:p)})),le(fe(a),"increaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:addMonths(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"decreaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:subMonths(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"handleDayClick",(function(e,t,r){a.props.onSelect(e,t,r),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleDayMouseEnter",(function(e){a.setState({selectingDate:e}),a.props.onDayMouseEnter&&a.props.onDayMouseEnter(e);})),le(fe(a),"handleMonthMouseLeave",(function(){a.setState({selectingDate:null}),a.props.onMonthMouseLeave&&a.props.onMonthMouseLeave();})),le(fe(a),"handleYearChange",(function(e){a.props.onYearChange&&a.props.onYearChange(e),a.props.adjustDateOnChange&&(a.props.onSelect&&a.props.onSelect(e),a.props.setOpen&&a.props.setOpen(!0)),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleMonthChange",(function(e){a.props.onMonthChange&&a.props.onMonthChange(e),a.props.adjustDateOnChange&&(a.props.onSelect&&a.props.onSelect(e),a.props.setOpen&&a.props.setOpen(!0)),a.props.setPreSelection&&a.props.setPreSelection(e);})),le(fe(a),"handleMonthYearChange",(function(e){a.handleYearChange(e),a.handleMonthChange(e);})),le(fe(a),"changeYear",(function(e){a.setState((function(t){var r=t.date;return {date:setYear(r,e)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"changeMonth",(function(e){a.setState((function(t){var r=t.date;return {date:setMonth(r,e)}}),(function(){return a.handleMonthChange(a.state.date)}));})),le(fe(a),"changeMonthYear",(function(e){a.setState((function(t){var r=t.date;return {date:setYear(setMonth(r,getMonth(e)),getYear(e))}}),(function(){return a.handleMonthYearChange(a.state.date)}));})),le(fe(a),"header",(function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,n=Ye(r,a.props.locale,a.props.calendarStartDay),o=[];return a.props.showWeekNumbers&&o.push(React__default["default"].createElement("div",{key:"W",className:"react-datepicker__day-name"},a.props.weekLabel||"#")),o.concat([0,1,2,3,4,5,6].map((function(r){var o=addDays$1(n,r),s=a.formatWeekday(o,a.props.locale),i=a.props.weekDayClassName?a.props.weekDayClassName(o):void 0;return React__default["default"].createElement("div",{key:r,className:t__default["default"]("react-datepicker__day-name",i)},s)})))})),le(fe(a),"formatWeekday",(function(e,t){return a.props.formatWeekDay?function(e,t,r){return t(Pe(e,"EEEE",r))}(e,a.props.formatWeekDay,t):a.props.useWeekdaysShort?function(e,t){return Pe(e,"EEE",t)}(e,t):function(e,t){return Pe(e,"EEEEEE",t)}(e,t)})),le(fe(a),"decreaseYear",(function(){a.setState((function(e){var t=e.date;return {date:subYears(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"renderPreviousButton",(function(){if(!a.props.renderCustomHeader){var t;switch(!0){case a.props.showMonthYearPicker:t=ct(a.state.date,a.props);break;case a.props.showYearPicker:t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,n=t.yearItemNumber,o=void 0===n?12:n,a=yt(Le(subYears(e,o)),o).endPeriod,s=r&&getYear(r);return s&&s>a||!1}(a.state.date,a.props);break;default:t=pt(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!t)&&!a.props.showTimeSelectOnly){var r=["react-datepicker__navigation","react-datepicker__navigation--previous"],n=a.decreaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(n=a.decreaseYear),t&&a.props.showDisabledMonthNavigation&&(r.push("react-datepicker__navigation--previous--disabled"),n=null);var o=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,s=a.props,p=s.previousMonthAriaLabel,i=void 0===p?"Previous Month":p,c=s.previousYearAriaLabel,l=void 0===c?"Previous Year":c;return React__default["default"].createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?l:i},React__default["default"].createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--previous"].join(" ")},o?a.props.previousYearButtonLabel:a.props.previousMonthButtonLabel))}}})),le(fe(a),"increaseYear",(function(){a.setState((function(e){var t=e.date;return {date:addYears(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),le(fe(a),"renderNextButton",(function(){if(!a.props.renderCustomHeader){var t;switch(!0){case a.props.showMonthYearPicker:t=lt(a.state.date,a.props);break;case a.props.showYearPicker:t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,n=t.yearItemNumber,o=void 0===n?12:n,a=yt(addYears(e,o),o).startPeriod,s=r&&getYear(r);return s&&s<a||!1}(a.state.date,a.props);break;default:t=it(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!t)&&!a.props.showTimeSelectOnly){var r=["react-datepicker__navigation","react-datepicker__navigation--next"];a.props.showTimeSelect&&r.push("react-datepicker__navigation--next--with-time"),a.props.todayButton&&r.push("react-datepicker__navigation--next--with-today-button");var n=a.increaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(n=a.increaseYear),t&&a.props.showDisabledMonthNavigation&&(r.push("react-datepicker__navigation--next--disabled"),n=null);var o=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,s=a.props,p=s.nextMonthAriaLabel,i=void 0===p?"Next Month":p,c=s.nextYearAriaLabel,d=void 0===c?"Next Year":c;return React__default["default"].createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?d:i},React__default["default"].createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--next"].join(" ")},o?a.props.nextYearButtonLabel:a.props.nextMonthButtonLabel))}}})),le(fe(a),"renderCurrentMonth",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,r=["react-datepicker__current-month"];return a.props.showYearDropdown&&r.push("react-datepicker__current-month--hasYearDropdown"),a.props.showMonthDropdown&&r.push("react-datepicker__current-month--hasMonthDropdown"),a.props.showMonthYearDropdown&&r.push("react-datepicker__current-month--hasMonthYearDropdown"),React__default["default"].createElement("div",{className:r.join(" ")},Pe(t,a.props.dateFormat,a.props.locale))})),le(fe(a),"renderYearDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showYearDropdown&&!t)return React__default["default"].createElement(wt,{adjustDateOnChange:a.props.adjustDateOnChange,date:a.state.date,onSelect:a.props.onSelect,setOpen:a.props.setOpen,dropdownMode:a.props.dropdownMode,onChange:a.changeYear,minDate:a.props.minDate,maxDate:a.props.maxDate,year:getYear(a.state.date),scrollableYearDropdown:a.props.scrollableYearDropdown,yearDropdownItemNumber:a.props.yearDropdownItemNumber})})),le(fe(a),"renderMonthDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthDropdown&&!t)return React__default["default"].createElement(gt,{dropdownMode:a.props.dropdownMode,locale:a.props.locale,onChange:a.changeMonth,month:getMonth(a.state.date),useShortMonthInDropdown:a.props.useShortMonthInDropdown})})),le(fe(a),"renderMonthYearDropdown",(function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthYearDropdown&&!t)return React__default["default"].createElement(_t,{dropdownMode:a.props.dropdownMode,locale:a.props.locale,dateFormat:a.props.dateFormat,onChange:a.changeMonthYear,minDate:a.props.minDate,maxDate:a.props.maxDate,date:a.state.date,scrollableMonthYearDropdown:a.props.scrollableMonthYearDropdown})})),le(fe(a),"renderTodayButton",(function(){if(a.props.todayButton&&!a.props.showTimeSelectOnly)return React__default["default"].createElement("div",{className:"react-datepicker__today-button",onClick:function(e){return a.props.onSelect(startOfDay$1(_e()),e)}},a.props.todayButton)})),le(fe(a),"renderDefaultHeader",(function(t){var r=t.monthDate,n=t.i;return React__default["default"].createElement("div",{className:"react-datepicker__header ".concat(a.props.showTimeSelect?"react-datepicker__header--has-time-select":"")},a.renderCurrentMonth(r),React__default["default"].createElement("div",{className:"react-datepicker__header__dropdown react-datepicker__header__dropdown--".concat(a.props.dropdownMode),onFocus:a.handleDropdownFocus},a.renderMonthDropdown(0!==n),a.renderMonthYearDropdown(0!==n),a.renderYearDropdown(0!==n)),React__default["default"].createElement("div",{className:"react-datepicker__day-names"},a.header(r)))})),le(fe(a),"renderCustomHeader",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=t.monthDate,n=t.i;if(a.props.showTimeSelect&&!a.state.monthContainer||a.props.showTimeSelectOnly)return null;var o=pt(a.state.date,a.props),s=it(a.state.date,a.props),p=ct(a.state.date,a.props),i=lt(a.state.date,a.props),c=!a.props.showMonthYearPicker&&!a.props.showQuarterYearPicker&&!a.props.showYearPicker;return React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker__header--custom",onFocus:a.props.onDropdownFocus},a.props.renderCustomHeader(ae(ae({},a.state),{},{customHeaderCount:n,monthDate:r,changeMonth:a.changeMonth,changeYear:a.changeYear,decreaseMonth:a.decreaseMonth,increaseMonth:a.increaseMonth,decreaseYear:a.decreaseYear,increaseYear:a.increaseYear,prevMonthButtonDisabled:o,nextMonthButtonDisabled:s,prevYearButtonDisabled:p,nextYearButtonDisabled:i})),c&&React__default["default"].createElement("div",{className:"react-datepicker__day-names"},a.header(r)))})),le(fe(a),"renderYearHeader",(function(){var t=a.state.date,r=a.props,n=r.showYearPicker,o=yt(t,r.yearItemNumber),s=o.startPeriod,p=o.endPeriod;return React__default["default"].createElement("div",{className:"react-datepicker__header react-datepicker-year-header"},n?"".concat(s," - ").concat(p):getYear(t))})),le(fe(a),"renderHeader",(function(e){switch(!0){case void 0!==a.props.renderCustomHeader:return a.renderCustomHeader(e);case a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker:return a.renderYearHeader(e);default:return a.renderDefaultHeader(e)}})),le(fe(a),"renderMonths",(function(){if(!a.props.showTimeSelectOnly&&!a.props.showYearPicker){for(var t=[],r=a.props.showPreviousMonths?a.props.monthsShown-1:0,n=subMonths(a.state.date,r),o=0;o<a.props.monthsShown;++o){var s=o-a.props.monthSelectedIn,p=addMonths(n,s),i="month-".concat(o),l=o<a.props.monthsShown-1,d=o>0;t.push(React__default["default"].createElement("div",{key:i,ref:function(e){a.monthContainer=e;},className:"react-datepicker__month-container"},a.renderHeader({monthDate:p,i:o}),React__default["default"].createElement(Et,{chooseDayAriaLabelPrefix:a.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:a.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:a.props.weekAriaLabelPrefix,onChange:a.changeMonthYear,day:p,dayClassName:a.props.dayClassName,calendarStartDay:a.props.calendarStartDay,monthClassName:a.props.monthClassName,onDayClick:a.handleDayClick,handleOnKeyDown:a.props.handleOnKeyDown,onDayMouseEnter:a.handleDayMouseEnter,onMouseLeave:a.handleMonthMouseLeave,onWeekSelect:a.props.onWeekSelect,orderInDisplay:o,formatWeekNumber:a.props.formatWeekNumber,locale:a.props.locale,minDate:a.props.minDate,maxDate:a.props.maxDate,excludeDates:a.props.excludeDates,highlightDates:a.props.highlightDates,selectingDate:a.state.selectingDate,includeDates:a.props.includeDates,inline:a.props.inline,shouldFocusDayInline:a.props.shouldFocusDayInline,fixedHeight:a.props.fixedHeight,filterDate:a.props.filterDate,preSelection:a.props.preSelection,setPreSelection:a.props.setPreSelection,selected:a.props.selected,selectsStart:a.props.selectsStart,selectsEnd:a.props.selectsEnd,selectsRange:a.props.selectsRange,showWeekNumbers:a.props.showWeekNumbers,startDate:a.props.startDate,endDate:a.props.endDate,peekNextMonth:a.props.peekNextMonth,setOpen:a.props.setOpen,shouldCloseOnSelect:a.props.shouldCloseOnSelect,renderDayContents:a.props.renderDayContents,disabledKeyboardNavigation:a.props.disabledKeyboardNavigation,showMonthYearPicker:a.props.showMonthYearPicker,showFullMonthYearPicker:a.props.showFullMonthYearPicker,showTwoColumnMonthYearPicker:a.props.showTwoColumnMonthYearPicker,showFourColumnMonthYearPicker:a.props.showFourColumnMonthYearPicker,showYearPicker:a.props.showYearPicker,showQuarterYearPicker:a.props.showQuarterYearPicker,isInputFocused:a.props.isInputFocused,containerRef:a.containerRef,monthShowsDuplicateDaysEnd:l,monthShowsDuplicateDaysStart:d})));}return t}})),le(fe(a),"renderYears",(function(){if(!a.props.showTimeSelectOnly)return a.props.showYearPicker?React__default["default"].createElement("div",{className:"react-datepicker__year--container"},a.renderHeader(),React__default["default"].createElement(Ot,de$1({onDayClick:a.handleDayClick,date:a.state.date},a.props))):void 0})),le(fe(a),"renderTimeSection",(function(){if(a.props.showTimeSelect&&(a.state.monthContainer||a.props.showTimeSelectOnly))return React__default["default"].createElement(Nt,{selected:a.props.selected,openToDate:a.props.openToDate,onChange:a.props.onTimeChange,timeClassName:a.props.timeClassName,format:a.props.timeFormat,includeTimes:a.props.includeTimes,intervals:a.props.timeIntervals,minTime:a.props.minTime,maxTime:a.props.maxTime,excludeTimes:a.props.excludeTimes,filterTime:a.props.filterTime,timeCaption:a.props.timeCaption,todayButton:a.props.todayButton,showMonthDropdown:a.props.showMonthDropdown,showMonthYearDropdown:a.props.showMonthYearDropdown,showYearDropdown:a.props.showYearDropdown,withPortal:a.props.withPortal,monthRef:a.state.monthContainer,injectTimes:a.props.injectTimes,locale:a.props.locale,handleOnKeyDown:a.props.handleTimeKeyDown,showTimeSelectOnly:a.props.showTimeSelectOnly})})),le(fe(a),"renderInputTimeSection",(function(){var t=new Date(a.props.selected),r=Me(t)&&Boolean(a.props.selected)?"".concat(ft(t.getHours()),":").concat(ft(t.getMinutes())):"";if(a.props.showTimeInput)return React__default["default"].createElement(xt,{date:t,timeString:r,timeInputLabel:a.props.timeInputLabel,onChange:a.props.onTimeChange,customTimeInput:a.props.customTimeInput})})),a.containerRef=React__default["default"].createRef(),a.state={date:a.getDateInView(),selectingDate:null,monthContainer:null},a}return ce(o,[{key:"componentDidMount",value:function(){var e=this;this.props.showTimeSelect&&(this.assignMonthContainer=void e.setState({monthContainer:e.monthContainer}));}},{key:"componentDidUpdate",value:function(e){this.props.preSelection&&!We(this.props.preSelection,e.preSelection)?this.setState({date:this.props.preSelection}):this.props.openToDate&&!We(this.props.openToDate,e.openToDate)&&this.setState({date:this.props.openToDate});}},{key:"render",value:function(){var r=this.props.container||Tt;return React__default["default"].createElement("div",{ref:this.containerRef},React__default["default"].createElement(r,{className:t__default["default"]("react-datepicker",this.props.className,{"react-datepicker--time-only":this.props.showTimeSelectOnly}),showPopperArrow:this.props.showPopperArrow,arrowProps:this.props.arrowProps},this.renderPreviousButton(),this.renderNextButton(),this.renderMonths(),this.renderYears(),this.renderTodayButton(),this.renderTimeSection(),this.renderInputTimeSection(),this.props.children))}}],[{key:"defaultProps",get:function(){return {onDropdownFocus:function(){},monthsShown:1,monthSelectedIn:0,forceShowMonthNavigation:!1,timeCaption:"Time",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",customTimeInput:null,yearItemNumber:12}}}]),o}(),Lt=function(e){return !e.disabled&&-1!==e.tabIndex},Ft=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(t){var o;return pe(this,n),le(fe(o=r.call(this,t)),"getTabChildren",(function(){return Array.prototype.slice.call(o.tabLoopRef.current.querySelectorAll("[tabindex], a, button, input, select, textarea"),1,-1).filter(Lt)})),le(fe(o),"handleFocusStart",(function(e){var t=o.getTabChildren();t&&t.length>1&&t[t.length-1].focus();})),le(fe(o),"handleFocusEnd",(function(e){var t=o.getTabChildren();t&&t.length>1&&t[0].focus();})),o.tabLoopRef=React__default["default"].createRef(),o}return ce(n,[{key:"render",value:function(){return this.props.enableTabLoop?React__default["default"].createElement("div",{className:"react-datepicker__tab-loop",ref:this.tabLoopRef},React__default["default"].createElement("div",{className:"react-datepicker__tab-loop__start",tabIndex:"0",onFocus:this.handleFocusStart}),this.props.children,React__default["default"].createElement("div",{className:"react-datepicker__tab-loop__end",tabIndex:"0",onFocus:this.handleFocusEnd})):this.props.children}}],[{key:"defaultProps",get:function(){return {enableTabLoop:!0}}}]),n}(),Rt=function(t){ue(n,React__default["default"].Component);var r=ve(n);function n(e){var t;return pe(this,n),(t=r.call(this,e)).el=document.createElement("div"),t}return ce(n,[{key:"componentDidMount",value:function(){this.portalRoot=document.getElementById(this.props.portalId),this.portalRoot||(this.portalRoot=document.createElement("div"),this.portalRoot.setAttribute("id",this.props.portalId),document.body.appendChild(this.portalRoot)),this.portalRoot.appendChild(this.el);}},{key:"componentWillUnmount",value:function(){this.portalRoot.removeChild(this.el);}},{key:"render",value:function(){return ne__default["default"].createPortal(this.props.children,this.el)}}]),n}(),At=function(r){ue(o,React__default["default"].Component);var n=ve(o);function o(){return pe(this,o),n.apply(this,arguments)}return ce(o,[{key:"render",value:function(){var r,n=this.props,o=n.className,a=n.wrapperClassName,s=n.hidePopper,p=n.popperComponent,i=n.popperModifiers,c=n.popperPlacement,l=n.popperProps,d=n.targetComponent,u=n.enableTabLoop,h=n.popperOnKeyDown,m=n.portalId;if(!s){var f=t__default["default"]("react-datepicker-popper",o);r=React__default["default"].createElement(Popper,de$1({modifiers:i,placement:c},l),(function(t){var r=t.ref,n=t.style,o=t.placement,a=t.arrowProps;return React__default["default"].createElement(Ft,{enableTabLoop:u},React__default["default"].createElement("div",{ref:r,style:n,className:f,"data-placement":o,onKeyDown:h},React__default["default"].cloneElement(p,{arrowProps:a})))}));}this.props.popperContainer&&(r=React__default["default"].createElement(this.props.popperContainer,{},r)),m&&!s&&(r=React__default["default"].createElement(Rt,{portalId:m},r));var y=t__default["default"]("react-datepicker-wrapper",a);return React__default["default"].createElement(Manager,{className:"react-datepicker-manager"},React__default["default"].createElement(Reference,null,(function(t){var r=t.ref;return React__default["default"].createElement("div",{ref:r,className:y},d)})),r)}}],[{key:"defaultProps",get:function(){return {hidePopper:!0,popperModifiers:[],popperProps:{},popperPlacement:"bottom-start"}}}]),o}(),Bt=onClickOutsideHOC(It);var Wt=function(n){ue(a,React__default["default"].Component);var o=ve(a);function a(n){var s;return pe(this,a),le(fe(s=o.call(this,n)),"getPreSelection",(function(){return s.props.openToDate?s.props.openToDate:s.props.selectsEnd&&s.props.startDate?s.props.startDate:s.props.selectsStart&&s.props.endDate?s.props.endDate:_e()})),le(fe(s),"calcInitialState",(function(){var e,t=s.getPreSelection(),r=dt(s.props),n=ut(s.props),o=r&&isBefore$1(t,startOfDay$1(r))?r:n&&isAfter$1(t,endOfDay(n))?n:t;return {open:s.props.startOpen||!1,preventFocus:!1,preSelection:null!==(e=s.props.selectsRange?s.props.startDate:s.props.selected)&&void 0!==e?e:o,highlightDates:ht(s.props.highlightDates),focused:!1,shouldFocusDayInline:!1}})),le(fe(s),"clearPreventFocusTimeout",(function(){s.preventFocusTimeout&&clearTimeout(s.preventFocusTimeout);})),le(fe(s),"setFocus",(function(){s.input&&s.input.focus&&s.input.focus({preventScroll:!0});})),le(fe(s),"setBlur",(function(){s.input&&s.input.blur&&s.input.blur(),s.cancelFocusInput();})),le(fe(s),"setOpen",(function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];s.setState({open:e,preSelection:e&&s.state.open?s.state.preSelection:s.calcInitialState().preSelection,lastPreSelectChange:jt},(function(){e||s.setState((function(e){return {focused:!!t&&e.focused}}),(function(){!t&&s.setBlur(),s.setState({inputValue:null});}));}));})),le(fe(s),"inputOk",(function(){return isDate(s.state.preSelection)})),le(fe(s),"isCalendarOpen",(function(){return void 0===s.props.open?s.state.open&&!s.props.disabled&&!s.props.readOnly:s.props.open})),le(fe(s),"handleFocus",(function(e){s.state.preventFocus||(s.props.onFocus(e),s.props.preventOpenOnFocus||s.props.readOnly||s.setOpen(!0)),s.setState({focused:!0});})),le(fe(s),"cancelFocusInput",(function(){clearTimeout(s.inputFocusTimeout),s.inputFocusTimeout=null;})),le(fe(s),"deferFocusInput",(function(){s.cancelFocusInput(),s.inputFocusTimeout=setTimeout((function(){return s.setFocus()}),1);})),le(fe(s),"handleDropdownFocus",(function(){s.cancelFocusInput();})),le(fe(s),"handleBlur",(function(e){(!s.state.open||s.props.withPortal||s.props.showTimeInput)&&s.props.onBlur(e),s.setState({focused:!1});})),le(fe(s),"handleCalendarClickOutside",(function(e){s.props.inline||s.setOpen(!1),s.props.onClickOutside(e),s.props.withPortal&&e.preventDefault();})),le(fe(s),"handleChange",(function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=t[0];if(!s.props.onChangeRaw||(s.props.onChangeRaw.apply(fe(s),t),"function"==typeof n.isDefaultPrevented&&!n.isDefaultPrevented())){s.setState({inputValue:n.target.value,lastPreSelectChange:Kt});var o=Se(n.target.value,s.props.dateFormat,s.props.locale,s.props.strictParsing,s.props.minDate);!o&&n.target.value||s.setSelected(o,n,!0);}})),le(fe(s),"handleSelect",(function(e,t,r){if(s.setState({preventFocus:!0},(function(){return s.preventFocusTimeout=setTimeout((function(){return s.setState({preventFocus:!1})}),50),s.preventFocusTimeout})),s.props.onChangeRaw&&s.props.onChangeRaw(t),s.setSelected(e,t,!1,r),!s.props.shouldCloseOnSelect||s.props.showTimeSelect)s.setPreSelection(e);else if(!s.props.inline){s.props.selectsRange||s.setOpen(!1);var n=s.props,o=n.startDate,a=n.endDate;!o||a||isBefore$1(e,o)||s.setOpen(!1);}})),le(fe(s),"setSelected",(function(e,t,r,n){var o=e;if(null===o||!Ge(o,s.props)){var a=s.props,p=a.onChange,i=a.selectsRange,c=a.startDate,l=a.endDate;if(!Ke(s.props.selected,o)||s.props.allowSameDay||i)if(null!==o&&(!s.props.selected||r&&(s.props.showTimeSelect||s.props.showTimeSelectOnly||s.props.showTimeInput)||(o=Ne(o,{hour:getHours(s.props.selected),minute:getMinutes(s.props.selected),second:getSeconds(s.props.selected)})),s.props.inline||s.setState({preSelection:o}),s.props.focusSelectedMonth||s.setState({monthSelectedIn:n})),i){var d=c&&!l,u=c&&l;!c&&!l?p([o,null],t):d&&(isBefore$1(o,c)?p([o,null],t):p([c,o],t)),u&&p([o,null],t);}else p(o,t);r||(s.props.onSelect(o,t),s.setState({inputValue:null}));}})),le(fe(s),"setPreSelection",(function(e){var t=void 0!==s.props.minDate,r=void 0!==s.props.maxDate,n=!0;if(e){var o=startOfDay$1(e);if(t&&r)n=je(e,s.props.minDate,s.props.maxDate);else if(t){var a=startOfDay$1(s.props.minDate);n=isAfter$1(e,a)||Ke(o,a);}else if(r){var p=endOfDay(s.props.maxDate);n=isBefore$1(e,p)||Ke(o,p);}}n&&s.setState({preSelection:e});})),le(fe(s),"handleTimeChange",(function(e){var t=Ne(s.props.selected?s.props.selected:s.getPreSelection(),{hour:getHours(e),minute:getMinutes(e)});s.setState({preSelection:t}),s.props.onChange(t),s.props.shouldCloseOnSelect&&s.setOpen(!1),s.props.showTimeInput&&s.setOpen(!0),s.setState({inputValue:null});})),le(fe(s),"onInputClick",(function(){s.props.disabled||s.props.readOnly||s.setOpen(!0),s.props.onInputClick();})),le(fe(s),"onInputKeyDown",(function(e){s.props.onKeyDown(e);var t=e.key;if(s.state.open||s.props.inline||s.props.preventOpenOnFocus){if(s.state.open){if("ArrowDown"===t||"ArrowUp"===t){e.preventDefault();var r=s.calendar.componentNode&&s.calendar.componentNode.querySelector('.react-datepicker__day[tabindex="0"]');return void(r&&r.focus({preventScroll:!0}))}var n=_e(s.state.preSelection);"Enter"===t?(e.preventDefault(),s.inputOk()&&s.state.lastPreSelectChange===jt?(s.handleSelect(n,e),!s.props.shouldCloseOnSelect&&s.setPreSelection(n)):s.setOpen(!1)):"Escape"===t&&(e.preventDefault(),s.setOpen(!1)),s.inputOk()||s.props.onInputError({code:1,msg:"Date input not valid."});}}else "ArrowDown"!==t&&"ArrowUp"!==t&&"Enter"!==t||s.onInputClick();})),le(fe(s),"onDayKeyDown",(function(e){s.props.onKeyDown(e);var t=e.key,r=_e(s.state.preSelection);if("Enter"===t)e.preventDefault(),s.handleSelect(r,e),!s.props.shouldCloseOnSelect&&s.setPreSelection(r);else if("Escape"===t)e.preventDefault(),s.setOpen(!1),s.inputOk()||s.props.onInputError({code:1,msg:"Date input not valid."});else if(!s.props.disabledKeyboardNavigation){var n;switch(t){case"ArrowLeft":n=subDays$1(r,1);break;case"ArrowRight":n=addDays$1(r,1);break;case"ArrowUp":n=subWeeks(r,1);break;case"ArrowDown":n=addWeeks(r,1);break;case"PageUp":n=subMonths(r,1);break;case"PageDown":n=addMonths(r,1);break;case"Home":n=subYears(r,1);break;case"End":n=addYears(r,1);}if(!n)return void(s.props.onInputError&&s.props.onInputError({code:1,msg:"Date input not valid."}));if(e.preventDefault(),s.setState({lastPreSelectChange:jt}),s.props.adjustDateOnChange&&s.setSelected(n),s.setPreSelection(n),s.props.inline){var o=getMonth(r),a=getMonth(n),f=getYear(r),y=getYear(n);o!==a||f!==y?s.setState({shouldFocusDayInline:!0}):s.setState({shouldFocusDayInline:!1});}}})),le(fe(s),"onPopperKeyDown",(function(e){"Escape"===e.key&&(e.preventDefault(),s.setState({preventFocus:!0},(function(){s.setOpen(!1),setTimeout((function(){s.setFocus(),s.setState({preventFocus:!1});}));})));})),le(fe(s),"onClearClick",(function(e){e&&e.preventDefault&&e.preventDefault(),s.props.selectsRange?s.props.onChange([null,null],e):s.props.onChange(null,e),s.setState({inputValue:null});})),le(fe(s),"clear",(function(){s.onClearClick();})),le(fe(s),"onScroll",(function(e){"boolean"==typeof s.props.closeOnScroll&&s.props.closeOnScroll?e.target!==document&&e.target!==document.documentElement&&e.target!==document.body||s.setOpen(!1):"function"==typeof s.props.closeOnScroll&&s.props.closeOnScroll(e)&&s.setOpen(!1);})),le(fe(s),"renderCalendar",(function(){return s.props.inline||s.isCalendarOpen()?React__default["default"].createElement(Bt,{ref:function(e){s.calendar=e;},locale:s.props.locale,calendarStartDay:s.props.calendarStartDay,chooseDayAriaLabelPrefix:s.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:s.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:s.props.weekAriaLabelPrefix,adjustDateOnChange:s.props.adjustDateOnChange,setOpen:s.setOpen,shouldCloseOnSelect:s.props.shouldCloseOnSelect,dateFormat:s.props.dateFormatCalendar,useWeekdaysShort:s.props.useWeekdaysShort,formatWeekDay:s.props.formatWeekDay,dropdownMode:s.props.dropdownMode,selected:s.props.selected,preSelection:s.state.preSelection,onSelect:s.handleSelect,onWeekSelect:s.props.onWeekSelect,openToDate:s.props.openToDate,minDate:s.props.minDate,maxDate:s.props.maxDate,selectsStart:s.props.selectsStart,selectsEnd:s.props.selectsEnd,selectsRange:s.props.selectsRange,startDate:s.props.startDate,endDate:s.props.endDate,excludeDates:s.props.excludeDates,filterDate:s.props.filterDate,onClickOutside:s.handleCalendarClickOutside,formatWeekNumber:s.props.formatWeekNumber,highlightDates:s.state.highlightDates,includeDates:s.props.includeDates,includeTimes:s.props.includeTimes,injectTimes:s.props.injectTimes,inline:s.props.inline,shouldFocusDayInline:s.state.shouldFocusDayInline,peekNextMonth:s.props.peekNextMonth,showMonthDropdown:s.props.showMonthDropdown,showPreviousMonths:s.props.showPreviousMonths,useShortMonthInDropdown:s.props.useShortMonthInDropdown,showMonthYearDropdown:s.props.showMonthYearDropdown,showWeekNumbers:s.props.showWeekNumbers,showYearDropdown:s.props.showYearDropdown,withPortal:s.props.withPortal,forceShowMonthNavigation:s.props.forceShowMonthNavigation,showDisabledMonthNavigation:s.props.showDisabledMonthNavigation,scrollableYearDropdown:s.props.scrollableYearDropdown,scrollableMonthYearDropdown:s.props.scrollableMonthYearDropdown,todayButton:s.props.todayButton,weekLabel:s.props.weekLabel,outsideClickIgnoreClass:"react-datepicker-ignore-onclickoutside",fixedHeight:s.props.fixedHeight,monthsShown:s.props.monthsShown,monthSelectedIn:s.state.monthSelectedIn,onDropdownFocus:s.handleDropdownFocus,onMonthChange:s.props.onMonthChange,onYearChange:s.props.onYearChange,dayClassName:s.props.dayClassName,weekDayClassName:s.props.weekDayClassName,monthClassName:s.props.monthClassName,timeClassName:s.props.timeClassName,showTimeSelect:s.props.showTimeSelect,showTimeSelectOnly:s.props.showTimeSelectOnly,onTimeChange:s.handleTimeChange,timeFormat:s.props.timeFormat,timeIntervals:s.props.timeIntervals,minTime:s.props.minTime,maxTime:s.props.maxTime,excludeTimes:s.props.excludeTimes,filterTime:s.props.filterTime,timeCaption:s.props.timeCaption,className:s.props.calendarClassName,container:s.props.calendarContainer,yearItemNumber:s.props.yearItemNumber,yearDropdownItemNumber:s.props.yearDropdownItemNumber,previousMonthButtonLabel:s.props.previousMonthButtonLabel,nextMonthButtonLabel:s.props.nextMonthButtonLabel,previousYearButtonLabel:s.props.previousYearButtonLabel,nextYearButtonLabel:s.props.nextYearButtonLabel,timeInputLabel:s.props.timeInputLabel,disabledKeyboardNavigation:s.props.disabledKeyboardNavigation,renderCustomHeader:s.props.renderCustomHeader,popperProps:s.props.popperProps,renderDayContents:s.props.renderDayContents,onDayMouseEnter:s.props.onDayMouseEnter,onMonthMouseLeave:s.props.onMonthMouseLeave,showTimeInput:s.props.showTimeInput,showMonthYearPicker:s.props.showMonthYearPicker,showFullMonthYearPicker:s.props.showFullMonthYearPicker,showTwoColumnMonthYearPicker:s.props.showTwoColumnMonthYearPicker,showFourColumnMonthYearPicker:s.props.showFourColumnMonthYearPicker,showYearPicker:s.props.showYearPicker,showQuarterYearPicker:s.props.showQuarterYearPicker,showPopperArrow:s.props.showPopperArrow,excludeScrollbar:s.props.excludeScrollbar,handleOnKeyDown:s.onDayKeyDown,handleTimeKeyDown:s.props.onKeyDown,isInputFocused:s.state.focused,customTimeInput:s.props.customTimeInput,setPreSelection:s.setPreSelection},s.props.children):null})),le(fe(s),"renderDateInput",(function(){var r,n=t__default["default"](s.props.className,le({},"react-datepicker-ignore-onclickoutside",s.state.open)),o=s.props.customInput||React__default["default"].createElement("input",{type:"text"}),a=s.props.customInputRef||"ref",p="string"==typeof s.props.value?s.props.value:"string"==typeof s.state.inputValue?s.state.inputValue:s.props.selectsRange?function(e,t,r){if(!e)return "";var n=Ee(e,r),o=t?Ee(t,r):"";return "".concat(n," - ").concat(o)}(s.props.startDate,s.props.endDate,s.props):Ee(s.props.selected,s.props);return React__default["default"].cloneElement(o,(le(r={},a,(function(e){s.input=e;})),le(r,"value",p),le(r,"onBlur",s.handleBlur),le(r,"onChange",s.handleChange),le(r,"onClick",s.onInputClick),le(r,"onFocus",s.handleFocus),le(r,"onKeyDown",s.onInputKeyDown),le(r,"id",s.props.id),le(r,"name",s.props.name),le(r,"autoFocus",s.props.autoFocus),le(r,"placeholder",s.props.placeholderText),le(r,"disabled",s.props.disabled),le(r,"autoComplete",s.props.autoComplete),le(r,"className",t__default["default"](o.props.className,n)),le(r,"title",s.props.title),le(r,"readOnly",s.props.readOnly),le(r,"required",s.props.required),le(r,"tabIndex",s.props.tabIndex),le(r,"aria-describedby",s.props.ariaDescribedBy),le(r,"aria-invalid",s.props.ariaInvalid),le(r,"aria-labelledby",s.props.ariaLabelledBy),le(r,"aria-required",s.props.ariaRequired),r))})),le(fe(s),"renderClearButton",(function(){var t=s.props,r=t.isClearable,n=t.selected,o=t.startDate,a=t.endDate,p=t.clearButtonTitle,i=t.clearButtonClassName,c=void 0===i?"":i,l=t.ariaLabelClose,d=void 0===l?"Close":l;return !r||null==n&&null==o&&null==a?null:React__default["default"].createElement("button",{type:"button",className:"react-datepicker__close-icon ".concat(c).trim(),"aria-label":d,onClick:s.onClearClick,title:p,tabIndex:-1})})),s.state=s.calcInitialState(),s}return ce(a,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.onScroll,!0);}},{key:"componentDidUpdate",value:function(e,t){var r,n;e.inline&&(r=e.selected,n=this.props.selected,r&&n?getMonth(r)!==getMonth(n)||getYear(r)!==getYear(n):r!==n)&&this.setPreSelection(this.props.selected),void 0!==this.state.monthSelectedIn&&e.monthsShown!==this.props.monthsShown&&this.setState({monthSelectedIn:0}),e.highlightDates!==this.props.highlightDates&&this.setState({highlightDates:ht(this.props.highlightDates)}),t.focused||Ke(e.selected,this.props.selected)||this.setState({inputValue:null}),t.open!==this.state.open&&(!1===t.open&&!0===this.state.open&&this.props.onCalendarOpen(),!0===t.open&&!1===this.state.open&&this.props.onCalendarClose());}},{key:"componentWillUnmount",value:function(){this.clearPreventFocusTimeout(),window.removeEventListener("scroll",this.onScroll,!0);}},{key:"render",value:function(){var t=this.renderCalendar();return this.props.inline&&!this.props.withPortal?t:this.props.withPortal?React__default["default"].createElement("div",null,this.props.inline?null:React__default["default"].createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton()),this.state.open||this.props.inline?React__default["default"].createElement("div",{className:"react-datepicker__portal"},t):null):React__default["default"].createElement(At,{className:this.props.popperClassName,wrapperClassName:this.props.wrapperClassName,hidePopper:!this.isCalendarOpen(),portalId:this.props.portalId,popperModifiers:this.props.popperModifiers,targetComponent:React__default["default"].createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton()),popperContainer:this.props.popperContainer,popperComponent:t,popperPlacement:this.props.popperPlacement,popperProps:this.props.popperProps,popperOnKeyDown:this.onPopperKeyDown,enableTabLoop:this.props.enableTabLoop})}}],[{key:"defaultProps",get:function(){return {allowSameDay:!1,dateFormat:"MM/dd/yyyy",dateFormatCalendar:"LLLL yyyy",onChange:function(){},disabled:!1,disabledKeyboardNavigation:!1,dropdownMode:"scroll",onFocus:function(){},onBlur:function(){},onKeyDown:function(){},onInputClick:function(){},onSelect:function(){},onClickOutside:function(){},onMonthChange:function(){},onCalendarOpen:function(){},onCalendarClose:function(){},preventOpenOnFocus:!1,onYearChange:function(){},onInputError:function(){},monthsShown:1,readOnly:!1,withPortal:!1,shouldCloseOnSelect:!0,showTimeSelect:!1,showTimeInput:!1,showPreviousMonths:!1,showMonthYearPicker:!1,showFullMonthYearPicker:!1,showTwoColumnMonthYearPicker:!1,showFourColumnMonthYearPicker:!1,showYearPicker:!1,showQuarterYearPicker:!1,strictParsing:!1,timeIntervals:30,timeCaption:"Time",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",timeInputLabel:"Time",enableTabLoop:!0,yearItemNumber:12,renderDayContents:function(e){return e},focusSelectedMonth:!1,showPopperArrow:!0,excludeScrollbar:!0,customTimeInput:null,calendarStartDay:0}}}]),a}(),Kt="input",jt="navigate";var ReactDatePicker = Wt;
|
|
37702
37719
|
|
|
37703
37720
|
function toInteger(dirtyNumber) {
|
|
37704
37721
|
if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
|
|
@@ -51739,139 +51756,1321 @@
|
|
|
51739
51756
|
return radioButtons;
|
|
51740
51757
|
};
|
|
51741
51758
|
|
|
51742
|
-
|
|
51743
|
-
// eslint-disable-next-line react/prop-types
|
|
51759
|
+
function SelectControl(props) {
|
|
51744
51760
|
var isFocused = props.isFocused;
|
|
51745
51761
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51746
51762
|
"data-testid": "select-control"
|
|
51747
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51763
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.Control, Object.assign({
|
|
51748
51764
|
className: isFocused ? "nds-select--is-focused" : null,
|
|
51749
51765
|
isFocused: isFocused
|
|
51750
|
-
}, props)));
|
|
51751
|
-
}
|
|
51752
|
-
|
|
51766
|
+
}, props), props.children));
|
|
51767
|
+
}
|
|
51768
|
+
function SelectMultiValue(props) {
|
|
51753
51769
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51754
51770
|
"data-testid": "select-multivalue"
|
|
51755
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51756
|
-
}
|
|
51757
|
-
|
|
51771
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.MultiValue, Object.assign({}, props), props.children));
|
|
51772
|
+
}
|
|
51773
|
+
function SelectClearIndicator(props) {
|
|
51758
51774
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51759
51775
|
"data-testid": "select-clear"
|
|
51760
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51761
|
-
}
|
|
51762
|
-
|
|
51776
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.ClearIndicator, Object.assign({}, props)));
|
|
51777
|
+
}
|
|
51778
|
+
function SelectDropdownIndicator(props) {
|
|
51763
51779
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51764
51780
|
"data-testid": "select-arrow"
|
|
51765
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51766
|
-
}
|
|
51767
|
-
|
|
51781
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.DropdownIndicator, Object.assign({}, props)));
|
|
51782
|
+
}
|
|
51783
|
+
function SelectMenu(props) {
|
|
51768
51784
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51769
51785
|
"data-testid": "select-dropdown"
|
|
51770
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51771
|
-
}
|
|
51772
|
-
|
|
51786
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.Menu, Object.assign({}, props), props.children));
|
|
51787
|
+
}
|
|
51788
|
+
function SelectContainer(props) {
|
|
51773
51789
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51774
51790
|
"data-testid": "select-container"
|
|
51775
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51776
|
-
}
|
|
51777
|
-
|
|
51791
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.SelectContainer, Object.assign({}, props), props.children));
|
|
51792
|
+
}
|
|
51793
|
+
function SelectInput(props) {
|
|
51778
51794
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51779
51795
|
"data-testid": "select-input"
|
|
51780
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51796
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.Input, Object.assign({}, props), props.children));
|
|
51797
|
+
}
|
|
51798
|
+
|
|
51799
|
+
var safeIsNaN = Number.isNaN ||
|
|
51800
|
+
function ponyfill(value) {
|
|
51801
|
+
return typeof value === 'number' && value !== value;
|
|
51802
|
+
};
|
|
51803
|
+
function isEqual(first, second) {
|
|
51804
|
+
if (first === second) {
|
|
51805
|
+
return true;
|
|
51806
|
+
}
|
|
51807
|
+
if (safeIsNaN(first) && safeIsNaN(second)) {
|
|
51808
|
+
return true;
|
|
51809
|
+
}
|
|
51810
|
+
return false;
|
|
51811
|
+
}
|
|
51812
|
+
function areInputsEqual(newInputs, lastInputs) {
|
|
51813
|
+
if (newInputs.length !== lastInputs.length) {
|
|
51814
|
+
return false;
|
|
51815
|
+
}
|
|
51816
|
+
for (var i = 0; i < newInputs.length; i++) {
|
|
51817
|
+
if (!isEqual(newInputs[i], lastInputs[i])) {
|
|
51818
|
+
return false;
|
|
51819
|
+
}
|
|
51820
|
+
}
|
|
51821
|
+
return true;
|
|
51822
|
+
}
|
|
51823
|
+
|
|
51824
|
+
function memoizeOne(resultFn, isEqual) {
|
|
51825
|
+
if (isEqual === void 0) { isEqual = areInputsEqual; }
|
|
51826
|
+
var lastThis;
|
|
51827
|
+
var lastArgs = [];
|
|
51828
|
+
var lastResult;
|
|
51829
|
+
var calledOnce = false;
|
|
51830
|
+
function memoized() {
|
|
51831
|
+
var newArgs = [];
|
|
51832
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
51833
|
+
newArgs[_i] = arguments[_i];
|
|
51834
|
+
}
|
|
51835
|
+
if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
|
|
51836
|
+
return lastResult;
|
|
51837
|
+
}
|
|
51838
|
+
lastResult = resultFn.apply(this, newArgs);
|
|
51839
|
+
calledOnce = true;
|
|
51840
|
+
lastThis = this;
|
|
51841
|
+
lastArgs = newArgs;
|
|
51842
|
+
return lastResult;
|
|
51843
|
+
}
|
|
51844
|
+
return memoized;
|
|
51845
|
+
}
|
|
51846
|
+
|
|
51847
|
+
// Animation frame based implementation of setTimeout.
|
|
51848
|
+
// Inspired by Joe Lambert, https://gist.github.com/joelambert/1002116#file-requesttimeout-js
|
|
51849
|
+
var hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
|
|
51850
|
+
var now = hasNativePerformanceNow ? function () {
|
|
51851
|
+
return performance.now();
|
|
51852
|
+
} : function () {
|
|
51853
|
+
return Date.now();
|
|
51781
51854
|
};
|
|
51855
|
+
function cancelTimeout(timeoutID) {
|
|
51856
|
+
cancelAnimationFrame(timeoutID.id);
|
|
51857
|
+
}
|
|
51858
|
+
function requestTimeout(callback, delay) {
|
|
51859
|
+
var start = now();
|
|
51782
51860
|
|
|
51783
|
-
|
|
51784
|
-
|
|
51785
|
-
|
|
51861
|
+
function tick() {
|
|
51862
|
+
if (now() - start >= delay) {
|
|
51863
|
+
callback.call(null);
|
|
51864
|
+
} else {
|
|
51865
|
+
timeoutID.id = requestAnimationFrame(tick);
|
|
51866
|
+
}
|
|
51867
|
+
}
|
|
51868
|
+
|
|
51869
|
+
var timeoutID = {
|
|
51870
|
+
id: requestAnimationFrame(tick)
|
|
51871
|
+
};
|
|
51872
|
+
return timeoutID;
|
|
51873
|
+
}
|
|
51874
|
+
|
|
51875
|
+
var size = -1; // This utility copied from "dom-helpers" package.
|
|
51876
|
+
|
|
51877
|
+
function getScrollbarSize(recalculate) {
|
|
51878
|
+
if (recalculate === void 0) {
|
|
51879
|
+
recalculate = false;
|
|
51880
|
+
}
|
|
51881
|
+
|
|
51882
|
+
if (size === -1 || recalculate) {
|
|
51883
|
+
var div = document.createElement('div');
|
|
51884
|
+
var style = div.style;
|
|
51885
|
+
style.width = '50px';
|
|
51886
|
+
style.height = '50px';
|
|
51887
|
+
style.overflow = 'scroll';
|
|
51888
|
+
document.body.appendChild(div);
|
|
51889
|
+
size = div.offsetWidth - div.clientWidth;
|
|
51890
|
+
document.body.removeChild(div);
|
|
51891
|
+
}
|
|
51892
|
+
|
|
51893
|
+
return size;
|
|
51894
|
+
}
|
|
51895
|
+
var cachedRTLResult = null; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
|
|
51896
|
+
// Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).
|
|
51897
|
+
// Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.
|
|
51898
|
+
// The safest way to check this is to intentionally set a negative offset,
|
|
51899
|
+
// and then verify that the subsequent "scroll" event matches the negative offset.
|
|
51900
|
+
// If it does not match, then we can assume a non-standard RTL scroll implementation.
|
|
51901
|
+
|
|
51902
|
+
function getRTLOffsetType(recalculate) {
|
|
51903
|
+
if (recalculate === void 0) {
|
|
51904
|
+
recalculate = false;
|
|
51905
|
+
}
|
|
51906
|
+
|
|
51907
|
+
if (cachedRTLResult === null || recalculate) {
|
|
51908
|
+
var outerDiv = document.createElement('div');
|
|
51909
|
+
var outerStyle = outerDiv.style;
|
|
51910
|
+
outerStyle.width = '50px';
|
|
51911
|
+
outerStyle.height = '50px';
|
|
51912
|
+
outerStyle.overflow = 'scroll';
|
|
51913
|
+
outerStyle.direction = 'rtl';
|
|
51914
|
+
var innerDiv = document.createElement('div');
|
|
51915
|
+
var innerStyle = innerDiv.style;
|
|
51916
|
+
innerStyle.width = '100px';
|
|
51917
|
+
innerStyle.height = '100px';
|
|
51918
|
+
outerDiv.appendChild(innerDiv);
|
|
51919
|
+
document.body.appendChild(outerDiv);
|
|
51920
|
+
|
|
51921
|
+
if (outerDiv.scrollLeft > 0) {
|
|
51922
|
+
cachedRTLResult = 'positive-descending';
|
|
51923
|
+
} else {
|
|
51924
|
+
outerDiv.scrollLeft = 1;
|
|
51925
|
+
|
|
51926
|
+
if (outerDiv.scrollLeft === 0) {
|
|
51927
|
+
cachedRTLResult = 'negative';
|
|
51928
|
+
} else {
|
|
51929
|
+
cachedRTLResult = 'positive-ascending';
|
|
51930
|
+
}
|
|
51931
|
+
}
|
|
51932
|
+
|
|
51933
|
+
document.body.removeChild(outerDiv);
|
|
51934
|
+
return cachedRTLResult;
|
|
51935
|
+
}
|
|
51936
|
+
|
|
51937
|
+
return cachedRTLResult;
|
|
51938
|
+
}
|
|
51939
|
+
|
|
51940
|
+
if (process.env.NODE_ENV !== 'production') ;
|
|
51941
|
+
|
|
51942
|
+
var IS_SCROLLING_DEBOUNCE_INTERVAL$1 = 150;
|
|
51943
|
+
|
|
51944
|
+
var defaultItemKey$1 = function defaultItemKey(index, data) {
|
|
51945
|
+
return index;
|
|
51946
|
+
}; // In DEV mode, this Set helps us only log a warning once per component instance.
|
|
51947
|
+
// This avoids spamming the console every time a render happens.
|
|
51948
|
+
|
|
51949
|
+
|
|
51950
|
+
var devWarningsDirection = null;
|
|
51951
|
+
var devWarningsTagName$1 = null;
|
|
51952
|
+
|
|
51953
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
51954
|
+
if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {
|
|
51955
|
+
devWarningsDirection = /*#__PURE__*/new WeakSet();
|
|
51956
|
+
devWarningsTagName$1 = /*#__PURE__*/new WeakSet();
|
|
51957
|
+
}
|
|
51958
|
+
}
|
|
51959
|
+
|
|
51960
|
+
function createListComponent(_ref) {
|
|
51961
|
+
var _class;
|
|
51962
|
+
|
|
51963
|
+
var getItemOffset = _ref.getItemOffset,
|
|
51964
|
+
getEstimatedTotalSize = _ref.getEstimatedTotalSize,
|
|
51965
|
+
getItemSize = _ref.getItemSize,
|
|
51966
|
+
getOffsetForIndexAndAlignment = _ref.getOffsetForIndexAndAlignment,
|
|
51967
|
+
getStartIndexForOffset = _ref.getStartIndexForOffset,
|
|
51968
|
+
getStopIndexForStartIndex = _ref.getStopIndexForStartIndex,
|
|
51969
|
+
initInstanceProps = _ref.initInstanceProps,
|
|
51970
|
+
shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,
|
|
51971
|
+
validateProps = _ref.validateProps;
|
|
51972
|
+
return _class = /*#__PURE__*/function (_PureComponent) {
|
|
51973
|
+
_inheritsLoose$2(List, _PureComponent);
|
|
51974
|
+
|
|
51975
|
+
// Always use explicit constructor for React components.
|
|
51976
|
+
// It produces less code after transpilation. (#26)
|
|
51977
|
+
// eslint-disable-next-line no-useless-constructor
|
|
51978
|
+
function List(props) {
|
|
51979
|
+
var _this;
|
|
51980
|
+
|
|
51981
|
+
_this = _PureComponent.call(this, props) || this;
|
|
51982
|
+
_this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$1(_this));
|
|
51983
|
+
_this._outerRef = void 0;
|
|
51984
|
+
_this._resetIsScrollingTimeoutId = null;
|
|
51985
|
+
_this.state = {
|
|
51986
|
+
instance: _assertThisInitialized$1(_this),
|
|
51987
|
+
isScrolling: false,
|
|
51988
|
+
scrollDirection: 'forward',
|
|
51989
|
+
scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
|
|
51990
|
+
scrollUpdateWasRequested: false
|
|
51991
|
+
};
|
|
51992
|
+
_this._callOnItemsRendered = void 0;
|
|
51993
|
+
_this._callOnItemsRendered = memoizeOne(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {
|
|
51994
|
+
return _this.props.onItemsRendered({
|
|
51995
|
+
overscanStartIndex: overscanStartIndex,
|
|
51996
|
+
overscanStopIndex: overscanStopIndex,
|
|
51997
|
+
visibleStartIndex: visibleStartIndex,
|
|
51998
|
+
visibleStopIndex: visibleStopIndex
|
|
51999
|
+
});
|
|
52000
|
+
});
|
|
52001
|
+
_this._callOnScroll = void 0;
|
|
52002
|
+
_this._callOnScroll = memoizeOne(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {
|
|
52003
|
+
return _this.props.onScroll({
|
|
52004
|
+
scrollDirection: scrollDirection,
|
|
52005
|
+
scrollOffset: scrollOffset,
|
|
52006
|
+
scrollUpdateWasRequested: scrollUpdateWasRequested
|
|
52007
|
+
});
|
|
52008
|
+
});
|
|
52009
|
+
_this._getItemStyle = void 0;
|
|
52010
|
+
|
|
52011
|
+
_this._getItemStyle = function (index) {
|
|
52012
|
+
var _this$props = _this.props,
|
|
52013
|
+
direction = _this$props.direction,
|
|
52014
|
+
itemSize = _this$props.itemSize,
|
|
52015
|
+
layout = _this$props.layout;
|
|
52016
|
+
|
|
52017
|
+
var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize, shouldResetStyleCacheOnItemSizeChange && layout, shouldResetStyleCacheOnItemSizeChange && direction);
|
|
52018
|
+
|
|
52019
|
+
var style;
|
|
52020
|
+
|
|
52021
|
+
if (itemStyleCache.hasOwnProperty(index)) {
|
|
52022
|
+
style = itemStyleCache[index];
|
|
52023
|
+
} else {
|
|
52024
|
+
var _offset = getItemOffset(_this.props, index, _this._instanceProps);
|
|
52025
|
+
|
|
52026
|
+
var size = getItemSize(_this.props, index, _this._instanceProps); // TODO Deprecate direction "horizontal"
|
|
52027
|
+
|
|
52028
|
+
var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
|
|
52029
|
+
var isRtl = direction === 'rtl';
|
|
52030
|
+
var offsetHorizontal = isHorizontal ? _offset : 0;
|
|
52031
|
+
itemStyleCache[index] = style = {
|
|
52032
|
+
position: 'absolute',
|
|
52033
|
+
left: isRtl ? undefined : offsetHorizontal,
|
|
52034
|
+
right: isRtl ? offsetHorizontal : undefined,
|
|
52035
|
+
top: !isHorizontal ? _offset : 0,
|
|
52036
|
+
height: !isHorizontal ? size : '100%',
|
|
52037
|
+
width: isHorizontal ? size : '100%'
|
|
52038
|
+
};
|
|
52039
|
+
}
|
|
52040
|
+
|
|
52041
|
+
return style;
|
|
52042
|
+
};
|
|
52043
|
+
|
|
52044
|
+
_this._getItemStyleCache = void 0;
|
|
52045
|
+
_this._getItemStyleCache = memoizeOne(function (_, __, ___) {
|
|
52046
|
+
return {};
|
|
52047
|
+
});
|
|
52048
|
+
|
|
52049
|
+
_this._onScrollHorizontal = function (event) {
|
|
52050
|
+
var _event$currentTarget = event.currentTarget,
|
|
52051
|
+
clientWidth = _event$currentTarget.clientWidth,
|
|
52052
|
+
scrollLeft = _event$currentTarget.scrollLeft,
|
|
52053
|
+
scrollWidth = _event$currentTarget.scrollWidth;
|
|
52054
|
+
|
|
52055
|
+
_this.setState(function (prevState) {
|
|
52056
|
+
if (prevState.scrollOffset === scrollLeft) {
|
|
52057
|
+
// Scroll position may have been updated by cDM/cDU,
|
|
52058
|
+
// In which case we don't need to trigger another render,
|
|
52059
|
+
// And we don't want to update state.isScrolling.
|
|
52060
|
+
return null;
|
|
52061
|
+
}
|
|
52062
|
+
|
|
52063
|
+
var direction = _this.props.direction;
|
|
52064
|
+
var scrollOffset = scrollLeft;
|
|
52065
|
+
|
|
52066
|
+
if (direction === 'rtl') {
|
|
52067
|
+
// TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
|
|
52068
|
+
// This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
|
|
52069
|
+
// It's also easier for this component if we convert offsets to the same format as they would be in for ltr.
|
|
52070
|
+
// So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.
|
|
52071
|
+
switch (getRTLOffsetType()) {
|
|
52072
|
+
case 'negative':
|
|
52073
|
+
scrollOffset = -scrollLeft;
|
|
52074
|
+
break;
|
|
52075
|
+
|
|
52076
|
+
case 'positive-descending':
|
|
52077
|
+
scrollOffset = scrollWidth - clientWidth - scrollLeft;
|
|
52078
|
+
break;
|
|
52079
|
+
}
|
|
52080
|
+
} // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
|
|
52081
|
+
|
|
52082
|
+
|
|
52083
|
+
scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
|
|
52084
|
+
return {
|
|
52085
|
+
isScrolling: true,
|
|
52086
|
+
scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
|
|
52087
|
+
scrollOffset: scrollOffset,
|
|
52088
|
+
scrollUpdateWasRequested: false
|
|
52089
|
+
};
|
|
52090
|
+
}, _this._resetIsScrollingDebounced);
|
|
52091
|
+
};
|
|
52092
|
+
|
|
52093
|
+
_this._onScrollVertical = function (event) {
|
|
52094
|
+
var _event$currentTarget2 = event.currentTarget,
|
|
52095
|
+
clientHeight = _event$currentTarget2.clientHeight,
|
|
52096
|
+
scrollHeight = _event$currentTarget2.scrollHeight,
|
|
52097
|
+
scrollTop = _event$currentTarget2.scrollTop;
|
|
52098
|
+
|
|
52099
|
+
_this.setState(function (prevState) {
|
|
52100
|
+
if (prevState.scrollOffset === scrollTop) {
|
|
52101
|
+
// Scroll position may have been updated by cDM/cDU,
|
|
52102
|
+
// In which case we don't need to trigger another render,
|
|
52103
|
+
// And we don't want to update state.isScrolling.
|
|
52104
|
+
return null;
|
|
52105
|
+
} // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
|
|
52106
|
+
|
|
52107
|
+
|
|
52108
|
+
var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
|
|
52109
|
+
return {
|
|
52110
|
+
isScrolling: true,
|
|
52111
|
+
scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
|
|
52112
|
+
scrollOffset: scrollOffset,
|
|
52113
|
+
scrollUpdateWasRequested: false
|
|
52114
|
+
};
|
|
52115
|
+
}, _this._resetIsScrollingDebounced);
|
|
52116
|
+
};
|
|
52117
|
+
|
|
52118
|
+
_this._outerRefSetter = function (ref) {
|
|
52119
|
+
var outerRef = _this.props.outerRef;
|
|
52120
|
+
_this._outerRef = ref;
|
|
52121
|
+
|
|
52122
|
+
if (typeof outerRef === 'function') {
|
|
52123
|
+
outerRef(ref);
|
|
52124
|
+
} else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {
|
|
52125
|
+
outerRef.current = ref;
|
|
52126
|
+
}
|
|
52127
|
+
};
|
|
52128
|
+
|
|
52129
|
+
_this._resetIsScrollingDebounced = function () {
|
|
52130
|
+
if (_this._resetIsScrollingTimeoutId !== null) {
|
|
52131
|
+
cancelTimeout(_this._resetIsScrollingTimeoutId);
|
|
52132
|
+
}
|
|
52133
|
+
|
|
52134
|
+
_this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL$1);
|
|
52135
|
+
};
|
|
52136
|
+
|
|
52137
|
+
_this._resetIsScrolling = function () {
|
|
52138
|
+
_this._resetIsScrollingTimeoutId = null;
|
|
52139
|
+
|
|
52140
|
+
_this.setState({
|
|
52141
|
+
isScrolling: false
|
|
52142
|
+
}, function () {
|
|
52143
|
+
// Clear style cache after state update has been committed.
|
|
52144
|
+
// This way we don't break pure sCU for items that don't use isScrolling param.
|
|
52145
|
+
_this._getItemStyleCache(-1, null);
|
|
52146
|
+
});
|
|
52147
|
+
};
|
|
52148
|
+
|
|
52149
|
+
return _this;
|
|
52150
|
+
}
|
|
52151
|
+
|
|
52152
|
+
List.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
|
|
52153
|
+
validateSharedProps$1(nextProps, prevState);
|
|
52154
|
+
validateProps(nextProps);
|
|
52155
|
+
return null;
|
|
52156
|
+
};
|
|
52157
|
+
|
|
52158
|
+
var _proto = List.prototype;
|
|
52159
|
+
|
|
52160
|
+
_proto.scrollTo = function scrollTo(scrollOffset) {
|
|
52161
|
+
scrollOffset = Math.max(0, scrollOffset);
|
|
52162
|
+
this.setState(function (prevState) {
|
|
52163
|
+
if (prevState.scrollOffset === scrollOffset) {
|
|
52164
|
+
return null;
|
|
52165
|
+
}
|
|
52166
|
+
|
|
52167
|
+
return {
|
|
52168
|
+
scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
|
|
52169
|
+
scrollOffset: scrollOffset,
|
|
52170
|
+
scrollUpdateWasRequested: true
|
|
52171
|
+
};
|
|
52172
|
+
}, this._resetIsScrollingDebounced);
|
|
52173
|
+
};
|
|
52174
|
+
|
|
52175
|
+
_proto.scrollToItem = function scrollToItem(index, align) {
|
|
52176
|
+
if (align === void 0) {
|
|
52177
|
+
align = 'auto';
|
|
52178
|
+
}
|
|
52179
|
+
|
|
52180
|
+
var _this$props2 = this.props,
|
|
52181
|
+
itemCount = _this$props2.itemCount,
|
|
52182
|
+
layout = _this$props2.layout;
|
|
52183
|
+
var scrollOffset = this.state.scrollOffset;
|
|
52184
|
+
index = Math.max(0, Math.min(index, itemCount - 1)); // The scrollbar size should be considered when scrolling an item into view, to ensure it's fully visible.
|
|
52185
|
+
// But we only need to account for its size when it's actually visible.
|
|
52186
|
+
// This is an edge case for lists; normally they only scroll in the dominant direction.
|
|
52187
|
+
|
|
52188
|
+
var scrollbarSize = 0;
|
|
52189
|
+
|
|
52190
|
+
if (this._outerRef) {
|
|
52191
|
+
var outerRef = this._outerRef;
|
|
52192
|
+
|
|
52193
|
+
if (layout === 'vertical') {
|
|
52194
|
+
scrollbarSize = outerRef.scrollWidth > outerRef.clientWidth ? getScrollbarSize() : 0;
|
|
52195
|
+
} else {
|
|
52196
|
+
scrollbarSize = outerRef.scrollHeight > outerRef.clientHeight ? getScrollbarSize() : 0;
|
|
52197
|
+
}
|
|
52198
|
+
}
|
|
52199
|
+
|
|
52200
|
+
this.scrollTo(getOffsetForIndexAndAlignment(this.props, index, align, scrollOffset, this._instanceProps, scrollbarSize));
|
|
52201
|
+
};
|
|
52202
|
+
|
|
52203
|
+
_proto.componentDidMount = function componentDidMount() {
|
|
52204
|
+
var _this$props3 = this.props,
|
|
52205
|
+
direction = _this$props3.direction,
|
|
52206
|
+
initialScrollOffset = _this$props3.initialScrollOffset,
|
|
52207
|
+
layout = _this$props3.layout;
|
|
52208
|
+
|
|
52209
|
+
if (typeof initialScrollOffset === 'number' && this._outerRef != null) {
|
|
52210
|
+
var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
|
|
52211
|
+
|
|
52212
|
+
if (direction === 'horizontal' || layout === 'horizontal') {
|
|
52213
|
+
outerRef.scrollLeft = initialScrollOffset;
|
|
52214
|
+
} else {
|
|
52215
|
+
outerRef.scrollTop = initialScrollOffset;
|
|
52216
|
+
}
|
|
52217
|
+
}
|
|
52218
|
+
|
|
52219
|
+
this._callPropsCallbacks();
|
|
52220
|
+
};
|
|
52221
|
+
|
|
52222
|
+
_proto.componentDidUpdate = function componentDidUpdate() {
|
|
52223
|
+
var _this$props4 = this.props,
|
|
52224
|
+
direction = _this$props4.direction,
|
|
52225
|
+
layout = _this$props4.layout;
|
|
52226
|
+
var _this$state = this.state,
|
|
52227
|
+
scrollOffset = _this$state.scrollOffset,
|
|
52228
|
+
scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;
|
|
52229
|
+
|
|
52230
|
+
if (scrollUpdateWasRequested && this._outerRef != null) {
|
|
52231
|
+
var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
|
|
52232
|
+
|
|
52233
|
+
if (direction === 'horizontal' || layout === 'horizontal') {
|
|
52234
|
+
if (direction === 'rtl') {
|
|
52235
|
+
// TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
|
|
52236
|
+
// This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
|
|
52237
|
+
// So we need to determine which browser behavior we're dealing with, and mimic it.
|
|
52238
|
+
switch (getRTLOffsetType()) {
|
|
52239
|
+
case 'negative':
|
|
52240
|
+
outerRef.scrollLeft = -scrollOffset;
|
|
52241
|
+
break;
|
|
52242
|
+
|
|
52243
|
+
case 'positive-ascending':
|
|
52244
|
+
outerRef.scrollLeft = scrollOffset;
|
|
52245
|
+
break;
|
|
52246
|
+
|
|
52247
|
+
default:
|
|
52248
|
+
var clientWidth = outerRef.clientWidth,
|
|
52249
|
+
scrollWidth = outerRef.scrollWidth;
|
|
52250
|
+
outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;
|
|
52251
|
+
break;
|
|
52252
|
+
}
|
|
52253
|
+
} else {
|
|
52254
|
+
outerRef.scrollLeft = scrollOffset;
|
|
52255
|
+
}
|
|
52256
|
+
} else {
|
|
52257
|
+
outerRef.scrollTop = scrollOffset;
|
|
52258
|
+
}
|
|
52259
|
+
}
|
|
52260
|
+
|
|
52261
|
+
this._callPropsCallbacks();
|
|
52262
|
+
};
|
|
52263
|
+
|
|
52264
|
+
_proto.componentWillUnmount = function componentWillUnmount() {
|
|
52265
|
+
if (this._resetIsScrollingTimeoutId !== null) {
|
|
52266
|
+
cancelTimeout(this._resetIsScrollingTimeoutId);
|
|
52267
|
+
}
|
|
52268
|
+
};
|
|
52269
|
+
|
|
52270
|
+
_proto.render = function render() {
|
|
52271
|
+
var _this$props5 = this.props,
|
|
52272
|
+
children = _this$props5.children,
|
|
52273
|
+
className = _this$props5.className,
|
|
52274
|
+
direction = _this$props5.direction,
|
|
52275
|
+
height = _this$props5.height,
|
|
52276
|
+
innerRef = _this$props5.innerRef,
|
|
52277
|
+
innerElementType = _this$props5.innerElementType,
|
|
52278
|
+
innerTagName = _this$props5.innerTagName,
|
|
52279
|
+
itemCount = _this$props5.itemCount,
|
|
52280
|
+
itemData = _this$props5.itemData,
|
|
52281
|
+
_this$props5$itemKey = _this$props5.itemKey,
|
|
52282
|
+
itemKey = _this$props5$itemKey === void 0 ? defaultItemKey$1 : _this$props5$itemKey,
|
|
52283
|
+
layout = _this$props5.layout,
|
|
52284
|
+
outerElementType = _this$props5.outerElementType,
|
|
52285
|
+
outerTagName = _this$props5.outerTagName,
|
|
52286
|
+
style = _this$props5.style,
|
|
52287
|
+
useIsScrolling = _this$props5.useIsScrolling,
|
|
52288
|
+
width = _this$props5.width;
|
|
52289
|
+
var isScrolling = this.state.isScrolling; // TODO Deprecate direction "horizontal"
|
|
52290
|
+
|
|
52291
|
+
var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
|
|
52292
|
+
var onScroll = isHorizontal ? this._onScrollHorizontal : this._onScrollVertical;
|
|
52293
|
+
|
|
52294
|
+
var _this$_getRangeToRend = this._getRangeToRender(),
|
|
52295
|
+
startIndex = _this$_getRangeToRend[0],
|
|
52296
|
+
stopIndex = _this$_getRangeToRend[1];
|
|
52297
|
+
|
|
52298
|
+
var items = [];
|
|
52299
|
+
|
|
52300
|
+
if (itemCount > 0) {
|
|
52301
|
+
for (var _index = startIndex; _index <= stopIndex; _index++) {
|
|
52302
|
+
items.push(React.createElement(children, {
|
|
52303
|
+
data: itemData,
|
|
52304
|
+
key: itemKey(_index, itemData),
|
|
52305
|
+
index: _index,
|
|
52306
|
+
isScrolling: useIsScrolling ? isScrolling : undefined,
|
|
52307
|
+
style: this._getItemStyle(_index)
|
|
52308
|
+
}));
|
|
52309
|
+
}
|
|
52310
|
+
} // Read this value AFTER items have been created,
|
|
52311
|
+
// So their actual sizes (if variable) are taken into consideration.
|
|
52312
|
+
|
|
52313
|
+
|
|
52314
|
+
var estimatedTotalSize = getEstimatedTotalSize(this.props, this._instanceProps);
|
|
52315
|
+
return React.createElement(outerElementType || outerTagName || 'div', {
|
|
52316
|
+
className: className,
|
|
52317
|
+
onScroll: onScroll,
|
|
52318
|
+
ref: this._outerRefSetter,
|
|
52319
|
+
style: _extends$3({
|
|
52320
|
+
position: 'relative',
|
|
52321
|
+
height: height,
|
|
52322
|
+
width: width,
|
|
52323
|
+
overflow: 'auto',
|
|
52324
|
+
WebkitOverflowScrolling: 'touch',
|
|
52325
|
+
willChange: 'transform',
|
|
52326
|
+
direction: direction
|
|
52327
|
+
}, style)
|
|
52328
|
+
}, React.createElement(innerElementType || innerTagName || 'div', {
|
|
52329
|
+
children: items,
|
|
52330
|
+
ref: innerRef,
|
|
52331
|
+
style: {
|
|
52332
|
+
height: isHorizontal ? '100%' : estimatedTotalSize,
|
|
52333
|
+
pointerEvents: isScrolling ? 'none' : undefined,
|
|
52334
|
+
width: isHorizontal ? estimatedTotalSize : '100%'
|
|
52335
|
+
}
|
|
52336
|
+
}));
|
|
52337
|
+
};
|
|
52338
|
+
|
|
52339
|
+
_proto._callPropsCallbacks = function _callPropsCallbacks() {
|
|
52340
|
+
if (typeof this.props.onItemsRendered === 'function') {
|
|
52341
|
+
var itemCount = this.props.itemCount;
|
|
52342
|
+
|
|
52343
|
+
if (itemCount > 0) {
|
|
52344
|
+
var _this$_getRangeToRend2 = this._getRangeToRender(),
|
|
52345
|
+
_overscanStartIndex = _this$_getRangeToRend2[0],
|
|
52346
|
+
_overscanStopIndex = _this$_getRangeToRend2[1],
|
|
52347
|
+
_visibleStartIndex = _this$_getRangeToRend2[2],
|
|
52348
|
+
_visibleStopIndex = _this$_getRangeToRend2[3];
|
|
52349
|
+
|
|
52350
|
+
this._callOnItemsRendered(_overscanStartIndex, _overscanStopIndex, _visibleStartIndex, _visibleStopIndex);
|
|
52351
|
+
}
|
|
52352
|
+
}
|
|
52353
|
+
|
|
52354
|
+
if (typeof this.props.onScroll === 'function') {
|
|
52355
|
+
var _this$state2 = this.state,
|
|
52356
|
+
_scrollDirection = _this$state2.scrollDirection,
|
|
52357
|
+
_scrollOffset = _this$state2.scrollOffset,
|
|
52358
|
+
_scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;
|
|
52359
|
+
|
|
52360
|
+
this._callOnScroll(_scrollDirection, _scrollOffset, _scrollUpdateWasRequested);
|
|
52361
|
+
}
|
|
52362
|
+
} // Lazily create and cache item styles while scrolling,
|
|
52363
|
+
// So that pure component sCU will prevent re-renders.
|
|
52364
|
+
// We maintain this cache, and pass a style prop rather than index,
|
|
52365
|
+
// So that List can clear cached styles and force item re-render if necessary.
|
|
52366
|
+
;
|
|
52367
|
+
|
|
52368
|
+
_proto._getRangeToRender = function _getRangeToRender() {
|
|
52369
|
+
var _this$props6 = this.props,
|
|
52370
|
+
itemCount = _this$props6.itemCount,
|
|
52371
|
+
overscanCount = _this$props6.overscanCount;
|
|
52372
|
+
var _this$state3 = this.state,
|
|
52373
|
+
isScrolling = _this$state3.isScrolling,
|
|
52374
|
+
scrollDirection = _this$state3.scrollDirection,
|
|
52375
|
+
scrollOffset = _this$state3.scrollOffset;
|
|
52376
|
+
|
|
52377
|
+
if (itemCount === 0) {
|
|
52378
|
+
return [0, 0, 0, 0];
|
|
52379
|
+
}
|
|
52380
|
+
|
|
52381
|
+
var startIndex = getStartIndexForOffset(this.props, scrollOffset, this._instanceProps);
|
|
52382
|
+
var stopIndex = getStopIndexForStartIndex(this.props, startIndex, scrollOffset, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.
|
|
52383
|
+
// If there isn't at least one extra item, tab loops back around.
|
|
52384
|
+
|
|
52385
|
+
var overscanBackward = !isScrolling || scrollDirection === 'backward' ? Math.max(1, overscanCount) : 1;
|
|
52386
|
+
var overscanForward = !isScrolling || scrollDirection === 'forward' ? Math.max(1, overscanCount) : 1;
|
|
52387
|
+
return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(itemCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
|
|
52388
|
+
};
|
|
52389
|
+
|
|
52390
|
+
return List;
|
|
52391
|
+
}(React.PureComponent), _class.defaultProps = {
|
|
52392
|
+
direction: 'ltr',
|
|
52393
|
+
itemData: undefined,
|
|
52394
|
+
layout: 'vertical',
|
|
52395
|
+
overscanCount: 2,
|
|
52396
|
+
useIsScrolling: false
|
|
52397
|
+
}, _class;
|
|
52398
|
+
} // NOTE: I considered further wrapping individual items with a pure ListItem component.
|
|
52399
|
+
// This would avoid ever calling the render function for the same index more than once,
|
|
52400
|
+
// But it would also add the overhead of a lot of components/fibers.
|
|
52401
|
+
// I assume people already do this (render function returning a class component),
|
|
52402
|
+
// So my doing it would just unnecessarily double the wrappers.
|
|
52403
|
+
|
|
52404
|
+
var validateSharedProps$1 = function validateSharedProps(_ref2, _ref3) {
|
|
52405
|
+
var children = _ref2.children,
|
|
52406
|
+
direction = _ref2.direction,
|
|
52407
|
+
height = _ref2.height,
|
|
52408
|
+
layout = _ref2.layout,
|
|
52409
|
+
innerTagName = _ref2.innerTagName,
|
|
52410
|
+
outerTagName = _ref2.outerTagName,
|
|
52411
|
+
width = _ref2.width;
|
|
52412
|
+
var instance = _ref3.instance;
|
|
52413
|
+
|
|
52414
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
52415
|
+
if (innerTagName != null || outerTagName != null) {
|
|
52416
|
+
if (devWarningsTagName$1 && !devWarningsTagName$1.has(instance)) {
|
|
52417
|
+
devWarningsTagName$1.add(instance);
|
|
52418
|
+
console.warn('The innerTagName and outerTagName props have been deprecated. ' + 'Please use the innerElementType and outerElementType props instead.');
|
|
52419
|
+
}
|
|
52420
|
+
} // TODO Deprecate direction "horizontal"
|
|
52421
|
+
|
|
52422
|
+
|
|
52423
|
+
var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
|
|
52424
|
+
|
|
52425
|
+
switch (direction) {
|
|
52426
|
+
case 'horizontal':
|
|
52427
|
+
case 'vertical':
|
|
52428
|
+
if (devWarningsDirection && !devWarningsDirection.has(instance)) {
|
|
52429
|
+
devWarningsDirection.add(instance);
|
|
52430
|
+
console.warn('The direction prop should be either "ltr" (default) or "rtl". ' + 'Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.');
|
|
52431
|
+
}
|
|
52432
|
+
|
|
52433
|
+
break;
|
|
52434
|
+
|
|
52435
|
+
case 'ltr':
|
|
52436
|
+
case 'rtl':
|
|
52437
|
+
// Valid values
|
|
52438
|
+
break;
|
|
52439
|
+
|
|
52440
|
+
default:
|
|
52441
|
+
throw Error('An invalid "direction" prop has been specified. ' + 'Value should be either "ltr" or "rtl". ' + ("\"" + direction + "\" was specified."));
|
|
52442
|
+
}
|
|
52443
|
+
|
|
52444
|
+
switch (layout) {
|
|
52445
|
+
case 'horizontal':
|
|
52446
|
+
case 'vertical':
|
|
52447
|
+
// Valid values
|
|
52448
|
+
break;
|
|
52449
|
+
|
|
52450
|
+
default:
|
|
52451
|
+
throw Error('An invalid "layout" prop has been specified. ' + 'Value should be either "horizontal" or "vertical". ' + ("\"" + layout + "\" was specified."));
|
|
52452
|
+
}
|
|
52453
|
+
|
|
52454
|
+
if (children == null) {
|
|
52455
|
+
throw Error('An invalid "children" prop has been specified. ' + 'Value should be a React component. ' + ("\"" + (children === null ? 'null' : typeof children) + "\" was specified."));
|
|
52456
|
+
}
|
|
52457
|
+
|
|
52458
|
+
if (isHorizontal && typeof width !== 'number') {
|
|
52459
|
+
throw Error('An invalid "width" prop has been specified. ' + 'Horizontal lists must specify a number for width. ' + ("\"" + (width === null ? 'null' : typeof width) + "\" was specified."));
|
|
52460
|
+
} else if (!isHorizontal && typeof height !== 'number') {
|
|
52461
|
+
throw Error('An invalid "height" prop has been specified. ' + 'Vertical lists must specify a number for height. ' + ("\"" + (height === null ? 'null' : typeof height) + "\" was specified."));
|
|
52462
|
+
}
|
|
52463
|
+
}
|
|
52464
|
+
};
|
|
52465
|
+
|
|
52466
|
+
var DEFAULT_ESTIMATED_ITEM_SIZE$1 = 50;
|
|
52467
|
+
|
|
52468
|
+
var getItemMetadata$1 = function getItemMetadata(props, index, instanceProps) {
|
|
52469
|
+
var _ref = props,
|
|
52470
|
+
itemSize = _ref.itemSize;
|
|
52471
|
+
var itemMetadataMap = instanceProps.itemMetadataMap,
|
|
52472
|
+
lastMeasuredIndex = instanceProps.lastMeasuredIndex;
|
|
52473
|
+
|
|
52474
|
+
if (index > lastMeasuredIndex) {
|
|
52475
|
+
var offset = 0;
|
|
52476
|
+
|
|
52477
|
+
if (lastMeasuredIndex >= 0) {
|
|
52478
|
+
var itemMetadata = itemMetadataMap[lastMeasuredIndex];
|
|
52479
|
+
offset = itemMetadata.offset + itemMetadata.size;
|
|
52480
|
+
}
|
|
52481
|
+
|
|
52482
|
+
for (var i = lastMeasuredIndex + 1; i <= index; i++) {
|
|
52483
|
+
var size = itemSize(i);
|
|
52484
|
+
itemMetadataMap[i] = {
|
|
52485
|
+
offset: offset,
|
|
52486
|
+
size: size
|
|
52487
|
+
};
|
|
52488
|
+
offset += size;
|
|
52489
|
+
}
|
|
52490
|
+
|
|
52491
|
+
instanceProps.lastMeasuredIndex = index;
|
|
52492
|
+
}
|
|
52493
|
+
|
|
52494
|
+
return itemMetadataMap[index];
|
|
52495
|
+
};
|
|
52496
|
+
|
|
52497
|
+
var findNearestItem$1 = function findNearestItem(props, instanceProps, offset) {
|
|
52498
|
+
var itemMetadataMap = instanceProps.itemMetadataMap,
|
|
52499
|
+
lastMeasuredIndex = instanceProps.lastMeasuredIndex;
|
|
52500
|
+
var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;
|
|
52501
|
+
|
|
52502
|
+
if (lastMeasuredItemOffset >= offset) {
|
|
52503
|
+
// If we've already measured items within this range just use a binary search as it's faster.
|
|
52504
|
+
return findNearestItemBinarySearch$1(props, instanceProps, lastMeasuredIndex, 0, offset);
|
|
52505
|
+
} else {
|
|
52506
|
+
// If we haven't yet measured this high, fallback to an exponential search with an inner binary search.
|
|
52507
|
+
// The exponential search avoids pre-computing sizes for the full set of items as a binary search would.
|
|
52508
|
+
// The overall complexity for this approach is O(log n).
|
|
52509
|
+
return findNearestItemExponentialSearch$1(props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
|
|
52510
|
+
}
|
|
52511
|
+
};
|
|
52512
|
+
|
|
52513
|
+
var findNearestItemBinarySearch$1 = function findNearestItemBinarySearch(props, instanceProps, high, low, offset) {
|
|
52514
|
+
while (low <= high) {
|
|
52515
|
+
var middle = low + Math.floor((high - low) / 2);
|
|
52516
|
+
var currentOffset = getItemMetadata$1(props, middle, instanceProps).offset;
|
|
52517
|
+
|
|
52518
|
+
if (currentOffset === offset) {
|
|
52519
|
+
return middle;
|
|
52520
|
+
} else if (currentOffset < offset) {
|
|
52521
|
+
low = middle + 1;
|
|
52522
|
+
} else if (currentOffset > offset) {
|
|
52523
|
+
high = middle - 1;
|
|
52524
|
+
}
|
|
52525
|
+
}
|
|
52526
|
+
|
|
52527
|
+
if (low > 0) {
|
|
52528
|
+
return low - 1;
|
|
52529
|
+
} else {
|
|
52530
|
+
return 0;
|
|
52531
|
+
}
|
|
52532
|
+
};
|
|
52533
|
+
|
|
52534
|
+
var findNearestItemExponentialSearch$1 = function findNearestItemExponentialSearch(props, instanceProps, index, offset) {
|
|
52535
|
+
var itemCount = props.itemCount;
|
|
52536
|
+
var interval = 1;
|
|
52537
|
+
|
|
52538
|
+
while (index < itemCount && getItemMetadata$1(props, index, instanceProps).offset < offset) {
|
|
52539
|
+
index += interval;
|
|
52540
|
+
interval *= 2;
|
|
52541
|
+
}
|
|
52542
|
+
|
|
52543
|
+
return findNearestItemBinarySearch$1(props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);
|
|
52544
|
+
};
|
|
52545
|
+
|
|
52546
|
+
var getEstimatedTotalSize = function getEstimatedTotalSize(_ref2, _ref3) {
|
|
52547
|
+
var itemCount = _ref2.itemCount;
|
|
52548
|
+
var itemMetadataMap = _ref3.itemMetadataMap,
|
|
52549
|
+
estimatedItemSize = _ref3.estimatedItemSize,
|
|
52550
|
+
lastMeasuredIndex = _ref3.lastMeasuredIndex;
|
|
52551
|
+
var totalSizeOfMeasuredItems = 0; // Edge case check for when the number of items decreases while a scroll is in progress.
|
|
52552
|
+
// https://github.com/bvaughn/react-window/pull/138
|
|
52553
|
+
|
|
52554
|
+
if (lastMeasuredIndex >= itemCount) {
|
|
52555
|
+
lastMeasuredIndex = itemCount - 1;
|
|
52556
|
+
}
|
|
52557
|
+
|
|
52558
|
+
if (lastMeasuredIndex >= 0) {
|
|
52559
|
+
var itemMetadata = itemMetadataMap[lastMeasuredIndex];
|
|
52560
|
+
totalSizeOfMeasuredItems = itemMetadata.offset + itemMetadata.size;
|
|
52561
|
+
}
|
|
52562
|
+
|
|
52563
|
+
var numUnmeasuredItems = itemCount - lastMeasuredIndex - 1;
|
|
52564
|
+
var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;
|
|
52565
|
+
return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;
|
|
52566
|
+
};
|
|
52567
|
+
|
|
52568
|
+
var VariableSizeList = /*#__PURE__*/createListComponent({
|
|
52569
|
+
getItemOffset: function getItemOffset(props, index, instanceProps) {
|
|
52570
|
+
return getItemMetadata$1(props, index, instanceProps).offset;
|
|
52571
|
+
},
|
|
52572
|
+
getItemSize: function getItemSize(props, index, instanceProps) {
|
|
52573
|
+
return instanceProps.itemMetadataMap[index].size;
|
|
52574
|
+
},
|
|
52575
|
+
getEstimatedTotalSize: getEstimatedTotalSize,
|
|
52576
|
+
getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {
|
|
52577
|
+
var direction = props.direction,
|
|
52578
|
+
height = props.height,
|
|
52579
|
+
layout = props.layout,
|
|
52580
|
+
width = props.width; // TODO Deprecate direction "horizontal"
|
|
52581
|
+
|
|
52582
|
+
var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
|
|
52583
|
+
var size = isHorizontal ? width : height;
|
|
52584
|
+
var itemMetadata = getItemMetadata$1(props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,
|
|
52585
|
+
// To ensure it reflects actual measurements instead of just estimates.
|
|
52586
|
+
|
|
52587
|
+
var estimatedTotalSize = getEstimatedTotalSize(props, instanceProps);
|
|
52588
|
+
var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
|
|
52589
|
+
var minOffset = Math.max(0, itemMetadata.offset - size + itemMetadata.size + scrollbarSize);
|
|
52590
|
+
|
|
52591
|
+
if (align === 'smart') {
|
|
52592
|
+
if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
|
|
52593
|
+
align = 'auto';
|
|
52594
|
+
} else {
|
|
52595
|
+
align = 'center';
|
|
52596
|
+
}
|
|
52597
|
+
}
|
|
52598
|
+
|
|
52599
|
+
switch (align) {
|
|
52600
|
+
case 'start':
|
|
52601
|
+
return maxOffset;
|
|
52602
|
+
|
|
52603
|
+
case 'end':
|
|
52604
|
+
return minOffset;
|
|
52605
|
+
|
|
52606
|
+
case 'center':
|
|
52607
|
+
return Math.round(minOffset + (maxOffset - minOffset) / 2);
|
|
52608
|
+
|
|
52609
|
+
case 'auto':
|
|
52610
|
+
default:
|
|
52611
|
+
if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
|
|
52612
|
+
return scrollOffset;
|
|
52613
|
+
} else if (scrollOffset < minOffset) {
|
|
52614
|
+
return minOffset;
|
|
52615
|
+
} else {
|
|
52616
|
+
return maxOffset;
|
|
52617
|
+
}
|
|
52618
|
+
|
|
52619
|
+
}
|
|
52620
|
+
},
|
|
52621
|
+
getStartIndexForOffset: function getStartIndexForOffset(props, offset, instanceProps) {
|
|
52622
|
+
return findNearestItem$1(props, instanceProps, offset);
|
|
52623
|
+
},
|
|
52624
|
+
getStopIndexForStartIndex: function getStopIndexForStartIndex(props, startIndex, scrollOffset, instanceProps) {
|
|
52625
|
+
var direction = props.direction,
|
|
52626
|
+
height = props.height,
|
|
52627
|
+
itemCount = props.itemCount,
|
|
52628
|
+
layout = props.layout,
|
|
52629
|
+
width = props.width; // TODO Deprecate direction "horizontal"
|
|
52630
|
+
|
|
52631
|
+
var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
|
|
52632
|
+
var size = isHorizontal ? width : height;
|
|
52633
|
+
var itemMetadata = getItemMetadata$1(props, startIndex, instanceProps);
|
|
52634
|
+
var maxOffset = scrollOffset + size;
|
|
52635
|
+
var offset = itemMetadata.offset + itemMetadata.size;
|
|
52636
|
+
var stopIndex = startIndex;
|
|
52637
|
+
|
|
52638
|
+
while (stopIndex < itemCount - 1 && offset < maxOffset) {
|
|
52639
|
+
stopIndex++;
|
|
52640
|
+
offset += getItemMetadata$1(props, stopIndex, instanceProps).size;
|
|
52641
|
+
}
|
|
52642
|
+
|
|
52643
|
+
return stopIndex;
|
|
52644
|
+
},
|
|
52645
|
+
initInstanceProps: function initInstanceProps(props, instance) {
|
|
52646
|
+
var _ref4 = props,
|
|
52647
|
+
estimatedItemSize = _ref4.estimatedItemSize;
|
|
52648
|
+
var instanceProps = {
|
|
52649
|
+
itemMetadataMap: {},
|
|
52650
|
+
estimatedItemSize: estimatedItemSize || DEFAULT_ESTIMATED_ITEM_SIZE$1,
|
|
52651
|
+
lastMeasuredIndex: -1
|
|
52652
|
+
};
|
|
52653
|
+
|
|
52654
|
+
instance.resetAfterIndex = function (index, shouldForceUpdate) {
|
|
52655
|
+
if (shouldForceUpdate === void 0) {
|
|
52656
|
+
shouldForceUpdate = true;
|
|
52657
|
+
}
|
|
52658
|
+
|
|
52659
|
+
instanceProps.lastMeasuredIndex = Math.min(instanceProps.lastMeasuredIndex, index - 1); // We could potentially optimize further by only evicting styles after this index,
|
|
52660
|
+
// But since styles are only cached while scrolling is in progress-
|
|
52661
|
+
// It seems an unnecessary optimization.
|
|
52662
|
+
// It's unlikely that resetAfterIndex() will be called while a user is scrolling.
|
|
52663
|
+
|
|
52664
|
+
instance._getItemStyleCache(-1);
|
|
52665
|
+
|
|
52666
|
+
if (shouldForceUpdate) {
|
|
52667
|
+
instance.forceUpdate();
|
|
52668
|
+
}
|
|
52669
|
+
};
|
|
52670
|
+
|
|
52671
|
+
return instanceProps;
|
|
52672
|
+
},
|
|
52673
|
+
shouldResetStyleCacheOnItemSizeChange: false,
|
|
52674
|
+
validateProps: function validateProps(_ref5) {
|
|
52675
|
+
var itemSize = _ref5.itemSize;
|
|
52676
|
+
|
|
52677
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
52678
|
+
if (typeof itemSize !== 'function') {
|
|
52679
|
+
throw Error('An invalid "itemSize" prop has been specified. ' + 'Value should be a function. ' + ("\"" + (itemSize === null ? 'null' : typeof itemSize) + "\" was specified."));
|
|
52680
|
+
}
|
|
52681
|
+
}
|
|
52682
|
+
}
|
|
52683
|
+
});
|
|
52684
|
+
|
|
52685
|
+
function calcOptionsLength(options) {
|
|
52686
|
+
options = options || [];
|
|
52687
|
+
var head = options[0] || {};
|
|
52688
|
+
var isGrouped = head.options !== undefined;
|
|
52689
|
+
return isGrouped ? options.reduce(function (result, group) {
|
|
52690
|
+
return result + group.options.length;
|
|
52691
|
+
}, 0) : options.length;
|
|
52692
|
+
}
|
|
52693
|
+
function flattenGroupedChildren(children) {
|
|
52694
|
+
return children.reduce(function (result, child) {
|
|
52695
|
+
if (child.props.children != null && typeof child.props.children === "string") {
|
|
52696
|
+
return [].concat(result, [child]);
|
|
52697
|
+
} else {
|
|
52698
|
+
var _child$props$children = child.props.children,
|
|
52699
|
+
nestedChildren = _child$props$children === void 0 ? [] : _child$props$children;
|
|
52700
|
+
return [].concat(result, [/*#__PURE__*/React__namespace.cloneElement(child, {
|
|
52701
|
+
type: "group"
|
|
52702
|
+
}, [])], nestedChildren);
|
|
52703
|
+
}
|
|
52704
|
+
}, []);
|
|
52705
|
+
}
|
|
52706
|
+
function isFocused(_ref) {
|
|
52707
|
+
var isFocused = _ref.props.isFocused;
|
|
52708
|
+
return isFocused === true;
|
|
52709
|
+
}
|
|
52710
|
+
function getCurrentIndex(children) {
|
|
52711
|
+
return Math.max(children.findIndex(isFocused), 0);
|
|
52712
|
+
}
|
|
52713
|
+
function createGetHeight(_ref2) {
|
|
52714
|
+
var groupHeadingStyles = _ref2.groupHeadingStyles,
|
|
52715
|
+
noOptionsMsgStyles = _ref2.noOptionsMsgStyles,
|
|
52716
|
+
optionStyles = _ref2.optionStyles,
|
|
52717
|
+
loadingMsgStyles = _ref2.loadingMsgStyles;
|
|
52718
|
+
return function getHeight(child) {
|
|
52719
|
+
var _child$props = child.props,
|
|
52720
|
+
type = _child$props.type,
|
|
52721
|
+
children = _child$props.children,
|
|
52722
|
+
inputValue = _child$props.inputValue,
|
|
52723
|
+
_child$props$selectPr = _child$props.selectProps,
|
|
52724
|
+
noOptionsMessage = _child$props$selectPr.noOptionsMessage,
|
|
52725
|
+
loadingMessage = _child$props$selectPr.loadingMessage;
|
|
52726
|
+
|
|
52727
|
+
if (type === "group") {
|
|
52728
|
+
var _groupHeadingStyles$h = groupHeadingStyles.height,
|
|
52729
|
+
height = _groupHeadingStyles$h === void 0 ? 25 : _groupHeadingStyles$h;
|
|
52730
|
+
return height;
|
|
52731
|
+
} else if (type === "option") {
|
|
52732
|
+
var _optionStyles$height = optionStyles.height,
|
|
52733
|
+
_height = _optionStyles$height === void 0 ? 35 : _optionStyles$height;
|
|
52734
|
+
|
|
52735
|
+
return _height;
|
|
52736
|
+
} else if (typeof noOptionsMessage === "function" && children === noOptionsMessage({
|
|
52737
|
+
inputValue: inputValue
|
|
52738
|
+
})) {
|
|
52739
|
+
var _noOptionsMsgStyles$h = noOptionsMsgStyles.height,
|
|
52740
|
+
_height2 = _noOptionsMsgStyles$h === void 0 ? 35 : _noOptionsMsgStyles$h;
|
|
52741
|
+
|
|
52742
|
+
return _height2;
|
|
52743
|
+
} else if (typeof loadingMessage === "function" && children === loadingMessage({
|
|
52744
|
+
inputValue: inputValue
|
|
52745
|
+
})) {
|
|
52746
|
+
var _loadingMsgStyles$hei = loadingMsgStyles.height,
|
|
52747
|
+
_height3 = _loadingMsgStyles$hei === void 0 ? 35 : _loadingMsgStyles$hei;
|
|
52748
|
+
|
|
52749
|
+
return _height3;
|
|
52750
|
+
} else {
|
|
52751
|
+
return 35;
|
|
52752
|
+
}
|
|
52753
|
+
};
|
|
52754
|
+
}
|
|
52755
|
+
function checkOptionsAreValid(options) {
|
|
52756
|
+
if (options && process.env.NODE_ENV === "development") {
|
|
52757
|
+
var uniq = function uniq(a) {
|
|
52758
|
+
return Array.from(new Set(a));
|
|
52759
|
+
};
|
|
52760
|
+
|
|
52761
|
+
var uniqueValues = uniq(options.map(function (_ref3) {
|
|
52762
|
+
var value = _ref3.value;
|
|
52763
|
+
return value === null ? "_null_" : value;
|
|
52764
|
+
}));
|
|
52765
|
+
|
|
52766
|
+
if (uniqueValues.length < options.length) {
|
|
52767
|
+
console.warn("NDS: The options prop passed to Select must have unique values for each option", options);
|
|
52768
|
+
}
|
|
52769
|
+
}
|
|
52770
|
+
}
|
|
52771
|
+
function getOption(options, value) {
|
|
52772
|
+
var _a;
|
|
52773
|
+
|
|
52774
|
+
if (Array.isArray(value)) {
|
|
52775
|
+
return value.map(function (o) {
|
|
52776
|
+
return getOption(options, o);
|
|
52777
|
+
});
|
|
52778
|
+
}
|
|
52779
|
+
|
|
52780
|
+
if (options.length > 0 && value !== undefined) {
|
|
52781
|
+
return (_a = options.find(function (o) {
|
|
52782
|
+
return o.value === value;
|
|
52783
|
+
})) !== null && _a !== void 0 ? _a : null;
|
|
52784
|
+
}
|
|
52785
|
+
|
|
52786
|
+
return value;
|
|
52787
|
+
}
|
|
52788
|
+
function getReactSelectValue(options, input) {
|
|
52789
|
+
if (Array.isArray(input)) {
|
|
52790
|
+
return input.map(function (i) {
|
|
52791
|
+
return getOption(options, i);
|
|
52792
|
+
});
|
|
52793
|
+
}
|
|
52794
|
+
|
|
52795
|
+
return getOption(options, input);
|
|
52796
|
+
}
|
|
52797
|
+
function extractValue(options, isMulti) {
|
|
52798
|
+
if (options === null) {
|
|
52799
|
+
return null;
|
|
52800
|
+
}
|
|
52801
|
+
|
|
52802
|
+
if (!Array.isArray(options)) {
|
|
52803
|
+
return options.value;
|
|
52804
|
+
}
|
|
52805
|
+
|
|
52806
|
+
if (isMulti) {
|
|
52807
|
+
return options && options.length ? options.map(function (o) {
|
|
52808
|
+
return o.value;
|
|
52809
|
+
}) : [];
|
|
52810
|
+
}
|
|
52811
|
+
|
|
52812
|
+
throw new Error("UNEXPECTED ERROR: don't forget to enable isMulti");
|
|
52813
|
+
}
|
|
52814
|
+
|
|
52815
|
+
/*
|
|
52816
|
+
Copied as is from: https://github.com/jacobworrel/react-windowed-select/blob/master/src/MenuList.tsx
|
|
52817
|
+
MIT License
|
|
52818
|
+
Copyright (c) 2019 Jacob Worrel
|
|
52819
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
52820
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
52821
|
+
in the Software without restriction, including without limitation the rights
|
|
52822
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
52823
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
52824
|
+
furnished to do so, subject to the following conditions:
|
|
52825
|
+
The above copyright notice and this permission notice shall be included in all
|
|
52826
|
+
copies or substantial portions of the Software.
|
|
52827
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
52828
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
52829
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
52830
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
52831
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
52832
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
52833
|
+
SOFTWARE.
|
|
52834
|
+
*/
|
|
52835
|
+
|
|
52836
|
+
function MenuList(props) {
|
|
52837
|
+
var children = React__namespace.useMemo(function () {
|
|
52838
|
+
var children = React__namespace.Children.toArray(props.children);
|
|
52839
|
+
var head = children[0] || {};
|
|
52840
|
+
|
|
52841
|
+
if ( /*#__PURE__*/React__namespace.isValidElement(head)) {
|
|
52842
|
+
var _head$props = head.props;
|
|
52843
|
+
_head$props = _head$props === void 0 ? {} : _head$props;
|
|
52844
|
+
var _head$props$data = _head$props.data;
|
|
52845
|
+
_head$props$data = _head$props$data === void 0 ? {} : _head$props$data;
|
|
52846
|
+
var _head$props$data$opti = _head$props$data.options,
|
|
52847
|
+
options = _head$props$data$opti === void 0 ? [] : _head$props$data$opti;
|
|
52848
|
+
var groupedChildrenLength = options.length;
|
|
52849
|
+
var isGrouped = groupedChildrenLength > 0;
|
|
52850
|
+
var flattenedChildren = isGrouped && flattenGroupedChildren(children);
|
|
52851
|
+
return isGrouped ? flattenedChildren : children;
|
|
52852
|
+
} else {
|
|
52853
|
+
return [];
|
|
52854
|
+
}
|
|
52855
|
+
}, [props.children]);
|
|
52856
|
+
var getStyles = props.getStyles;
|
|
52857
|
+
var groupHeadingStyles = getStyles("groupHeading", props);
|
|
52858
|
+
var loadingMsgStyles = getStyles("loadingMessage", props);
|
|
52859
|
+
var noOptionsMsgStyles = getStyles("noOptionsMessage", props);
|
|
52860
|
+
var optionStyles = getStyles("option", props);
|
|
52861
|
+
var getHeight = createGetHeight({
|
|
52862
|
+
groupHeadingStyles: groupHeadingStyles,
|
|
52863
|
+
noOptionsMsgStyles: noOptionsMsgStyles,
|
|
52864
|
+
optionStyles: optionStyles,
|
|
52865
|
+
loadingMsgStyles: loadingMsgStyles
|
|
52866
|
+
});
|
|
52867
|
+
var heights = React__namespace.useMemo(function () {
|
|
52868
|
+
return children.map(getHeight);
|
|
52869
|
+
}, [children]);
|
|
52870
|
+
var currentIndex = React__namespace.useMemo(function () {
|
|
52871
|
+
return getCurrentIndex(children);
|
|
52872
|
+
}, [children]);
|
|
52873
|
+
var itemCount = children.length;
|
|
52874
|
+
|
|
52875
|
+
var _React$useState = React__namespace.useState({}),
|
|
52876
|
+
measuredHeights = _React$useState[0],
|
|
52877
|
+
setMeasuredHeights = _React$useState[1]; // calc menu height
|
|
52878
|
+
|
|
52879
|
+
|
|
52880
|
+
var _a = getStyles("menuList", props),
|
|
52881
|
+
maxHeight = _a.maxHeight,
|
|
52882
|
+
_a$paddingBottom = _a.paddingBottom,
|
|
52883
|
+
paddingBottom = _a$paddingBottom === void 0 ? 0 : _a$paddingBottom,
|
|
52884
|
+
_a$paddingTop = _a.paddingTop,
|
|
52885
|
+
paddingTop = _a$paddingTop === void 0 ? 0 : _a$paddingTop,
|
|
52886
|
+
menuListStyle = __rest$3(_a, ["maxHeight", "paddingBottom", "paddingTop"]);
|
|
52887
|
+
|
|
52888
|
+
var totalHeight = React__namespace.useMemo(function () {
|
|
52889
|
+
return heights.reduce(function (sum, height, idx) {
|
|
52890
|
+
if (measuredHeights[idx]) {
|
|
52891
|
+
return sum + measuredHeights[idx];
|
|
52892
|
+
} else {
|
|
52893
|
+
return sum + height;
|
|
52894
|
+
}
|
|
52895
|
+
}, 0);
|
|
52896
|
+
}, [heights, measuredHeights]);
|
|
52897
|
+
var totalMenuHeight = totalHeight + paddingBottom + paddingTop;
|
|
52898
|
+
var menuHeight = Math.min(maxHeight, totalMenuHeight);
|
|
52899
|
+
var estimatedItemSize = Math.floor(totalHeight / itemCount);
|
|
52900
|
+
var innerRef = props.innerRef,
|
|
52901
|
+
selectProps = props.selectProps;
|
|
52902
|
+
|
|
52903
|
+
var _ref = selectProps || {},
|
|
52904
|
+
classNamePrefix = _ref.classNamePrefix,
|
|
52905
|
+
isMulti = _ref.isMulti;
|
|
52906
|
+
|
|
52907
|
+
var list = React__namespace.useRef(null);
|
|
52908
|
+
React__namespace.useEffect(function () {
|
|
52909
|
+
setMeasuredHeights({});
|
|
52910
|
+
}, [props.children]); // method to pass to inner item to set this items outer height
|
|
52911
|
+
|
|
52912
|
+
var setMeasuredHeight = function setMeasuredHeight(_ref2) {
|
|
52913
|
+
var index = _ref2.index,
|
|
52914
|
+
measuredHeight = _ref2.measuredHeight;
|
|
52915
|
+
|
|
52916
|
+
if (measuredHeights[index] !== undefined && measuredHeights[index] === measuredHeight) {
|
|
52917
|
+
return;
|
|
52918
|
+
}
|
|
52919
|
+
|
|
52920
|
+
setMeasuredHeights(function (measuredHeights) {
|
|
52921
|
+
var _Object$assign;
|
|
52922
|
+
|
|
52923
|
+
return Object.assign(Object.assign({}, measuredHeights), (_Object$assign = {}, _Object$assign[index] = measuredHeight, _Object$assign));
|
|
52924
|
+
}); // this forces the list to rerender items after the item positions resizing
|
|
52925
|
+
|
|
52926
|
+
if (list.current) {
|
|
52927
|
+
list.current.resetAfterIndex(index);
|
|
52928
|
+
}
|
|
52929
|
+
};
|
|
52930
|
+
|
|
52931
|
+
React__namespace.useEffect(function () {
|
|
52932
|
+
/**
|
|
52933
|
+
* enables scrolling on key down arrow
|
|
52934
|
+
*/
|
|
52935
|
+
if (currentIndex >= 0 && list.current !== null) {
|
|
52936
|
+
list.current.scrollToItem(currentIndex);
|
|
52937
|
+
}
|
|
52938
|
+
}, [currentIndex, children, list]);
|
|
52939
|
+
return /*#__PURE__*/React__namespace.createElement(VariableSizeList, {
|
|
52940
|
+
className: classNamePrefix ? classNamePrefix + "__menu-list" + (isMulti ? " " + classNamePrefix + "__menu-list--is-multi" : "") : "",
|
|
52941
|
+
style: menuListStyle,
|
|
52942
|
+
ref: list,
|
|
52943
|
+
outerRef: innerRef,
|
|
52944
|
+
estimatedItemSize: estimatedItemSize,
|
|
52945
|
+
innerElementType: /*#__PURE__*/React__namespace.forwardRef(function (_a, ref) {
|
|
52946
|
+
var style = _a.style,
|
|
52947
|
+
rest = __rest$3(_a, ["style"]);
|
|
52948
|
+
|
|
52949
|
+
return /*#__PURE__*/React__namespace.createElement("div", Object.assign({
|
|
52950
|
+
ref: ref,
|
|
52951
|
+
style: Object.assign(Object.assign({}, style), {
|
|
52952
|
+
height: parseFloat(style.height) + paddingBottom + paddingTop + "px"
|
|
52953
|
+
})
|
|
52954
|
+
}, rest));
|
|
52955
|
+
}),
|
|
52956
|
+
height: menuHeight,
|
|
52957
|
+
width: "100%",
|
|
52958
|
+
itemCount: itemCount,
|
|
52959
|
+
itemData: children,
|
|
52960
|
+
itemSize: function itemSize(index) {
|
|
52961
|
+
return measuredHeights[index] || heights[index];
|
|
52962
|
+
}
|
|
52963
|
+
}, function (_ref3) {
|
|
52964
|
+
var data = _ref3.data,
|
|
52965
|
+
index = _ref3.index,
|
|
52966
|
+
style = _ref3.style;
|
|
52967
|
+
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
52968
|
+
style: Object.assign(Object.assign({}, style), {
|
|
52969
|
+
top: parseFloat(style.top.toString()) + paddingTop + "px"
|
|
52970
|
+
})
|
|
52971
|
+
}, /*#__PURE__*/React__namespace.createElement(MenuItem$1, {
|
|
52972
|
+
data: data[index],
|
|
52973
|
+
index: index,
|
|
52974
|
+
setMeasuredHeight: setMeasuredHeight
|
|
52975
|
+
}));
|
|
52976
|
+
});
|
|
52977
|
+
}
|
|
52978
|
+
|
|
52979
|
+
function MenuItem$1(_ref4) {
|
|
52980
|
+
var data = _ref4.data,
|
|
52981
|
+
index = _ref4.index,
|
|
52982
|
+
setMeasuredHeight = _ref4.setMeasuredHeight;
|
|
52983
|
+
var ref = React__namespace.useRef(null); // using useLayoutEffect prevents bounciness of options of re-renders
|
|
52984
|
+
|
|
52985
|
+
React__namespace.useLayoutEffect(function () {
|
|
52986
|
+
if (ref.current) {
|
|
52987
|
+
var measuredHeight = ref.current.getBoundingClientRect().height;
|
|
52988
|
+
setMeasuredHeight({
|
|
52989
|
+
index: index,
|
|
52990
|
+
measuredHeight: measuredHeight
|
|
52991
|
+
});
|
|
52992
|
+
}
|
|
52993
|
+
}, [ref.current]);
|
|
52994
|
+
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
52995
|
+
key: "option-" + index,
|
|
52996
|
+
ref: ref
|
|
52997
|
+
}, data);
|
|
52998
|
+
}
|
|
52999
|
+
|
|
53000
|
+
var NDSSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
53001
|
+
var autocomplete = _a.autocomplete,
|
|
53002
|
+
value = _a.value,
|
|
53003
|
+
_onChange = _a.onChange,
|
|
53004
|
+
defaultValue = _a.defaultValue,
|
|
51786
53005
|
labelText = _a.labelText,
|
|
53006
|
+
required = _a.required,
|
|
51787
53007
|
requirementText = _a.requirementText,
|
|
51788
53008
|
helpText = _a.helpText,
|
|
51789
53009
|
disabled = _a.disabled,
|
|
51790
53010
|
errorMessage = _a.errorMessage,
|
|
51791
53011
|
errorList = _a.errorList,
|
|
51792
|
-
_a$error = _a.error,
|
|
51793
|
-
error = _a$error === void 0 ? !!(errorMessage || errorList) : _a$error,
|
|
51794
53012
|
id = _a.id,
|
|
51795
53013
|
initialIsOpen = _a.initialIsOpen,
|
|
51796
|
-
|
|
53014
|
+
maxHeight = _a.maxHeight,
|
|
53015
|
+
multiselect = _a.multiselect,
|
|
51797
53016
|
placeholder = _a.placeholder,
|
|
51798
|
-
value = _a.value,
|
|
51799
|
-
defaultValue = _a.defaultValue,
|
|
51800
53017
|
components = _a.components,
|
|
51801
|
-
|
|
51802
|
-
|
|
51803
|
-
|
|
51804
|
-
|
|
51805
|
-
autocomplete = _a$autocomplete === void 0 ? true : _a$autocomplete,
|
|
51806
|
-
_a$maxHeight = _a.maxHeight,
|
|
51807
|
-
maxHeight = _a$maxHeight === void 0 ? "248px" : _a$maxHeight,
|
|
51808
|
-
_a$required = _a.required,
|
|
51809
|
-
required = _a$required === void 0 ? false : _a$required,
|
|
51810
|
-
_a$menuPosition = _a.menuPosition,
|
|
51811
|
-
menuPosition = _a$menuPosition === void 0 ? "absolute" : _a$menuPosition,
|
|
51812
|
-
_a$menuPlacement = _a.menuPlacement,
|
|
51813
|
-
menuPlacement = _a$menuPlacement === void 0 ? "bottom" : _a$menuPlacement,
|
|
51814
|
-
multiselect = _a.multiselect,
|
|
51815
|
-
_a$classNamePrefix = _a.classNamePrefix,
|
|
51816
|
-
classNamePrefix = _a$classNamePrefix === void 0 ? "ndsSelect" : _a$classNamePrefix,
|
|
51817
|
-
_a$closeMenuOnSelect = _a.closeMenuOnSelect,
|
|
51818
|
-
closeMenuOnSelect = _a$closeMenuOnSelect === void 0 ? true : _a$closeMenuOnSelect,
|
|
51819
|
-
props = __rest$3(_a, ["variant", "options", "labelText", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "onChange", "placeholder", "value", "defaultValue", "components", "aria-label", "windowThreshold", "autocomplete", "maxHeight", "required", "menuPosition", "menuPlacement", "multiselect", "classNamePrefix", "closeMenuOnSelect"]);
|
|
53018
|
+
windowThreshold = _a.windowThreshold,
|
|
53019
|
+
options = _a.options,
|
|
53020
|
+
styles = _a.styles,
|
|
53021
|
+
props = __rest$3(_a, ["autocomplete", "value", "onChange", "defaultValue", "labelText", "required", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "id", "initialIsOpen", "maxHeight", "multiselect", "placeholder", "components", "windowThreshold", "options", "styles"]);
|
|
51820
53022
|
|
|
51821
53023
|
var _useTranslation = useTranslation(),
|
|
51822
53024
|
t = _useTranslation.t;
|
|
51823
53025
|
|
|
51824
|
-
var
|
|
51825
|
-
var
|
|
51826
|
-
var
|
|
53026
|
+
var variant = useComponentVariant();
|
|
53027
|
+
var theme = styled.useTheme();
|
|
53028
|
+
var styledProps = getSubset(props, addStyledProps);
|
|
53029
|
+
var error = !!(errorMessage || errorList);
|
|
51827
53030
|
var optionsRef = React__default["default"].useRef(options);
|
|
51828
|
-
var
|
|
53031
|
+
var optionsLength = React__default["default"].useMemo(function () {
|
|
53032
|
+
return calcOptionsLength(options);
|
|
53033
|
+
}, [options]);
|
|
53034
|
+
var isWindowed = optionsLength >= windowThreshold;
|
|
51829
53035
|
React__default["default"].useEffect(function () {
|
|
51830
53036
|
checkOptionsAreValid(options);
|
|
51831
53037
|
optionsRef.current = options;
|
|
51832
53038
|
}, [options]);
|
|
51833
|
-
|
|
51834
|
-
|
|
51835
|
-
|
|
51836
|
-
|
|
51837
|
-
|
|
51838
|
-
|
|
51839
|
-
}
|
|
51840
|
-
return /*#__PURE__*/React__default["default"].createElement(Field, Object.assign({},
|
|
53039
|
+
var stylesConfig = customStyles({
|
|
53040
|
+
theme: theme,
|
|
53041
|
+
error: error,
|
|
53042
|
+
variant: variant,
|
|
53043
|
+
maxHeight: maxHeight,
|
|
53044
|
+
windowed: options.length > windowThreshold
|
|
53045
|
+
});
|
|
53046
|
+
return /*#__PURE__*/React__default["default"].createElement(Field, Object.assign({}, styledProps), /*#__PURE__*/React__default["default"].createElement(MaybeFieldLabel, {
|
|
51841
53047
|
labelText: labelText,
|
|
51842
53048
|
requirementText: requirementText,
|
|
51843
53049
|
helpText: helpText
|
|
51844
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51845
|
-
ref:
|
|
51846
|
-
placeholder: placeholder || t("select"),
|
|
51847
|
-
windowThreshold: windowThreshold,
|
|
51848
|
-
styles: customStyles({
|
|
51849
|
-
theme: themeContext,
|
|
51850
|
-
error: error,
|
|
51851
|
-
maxHeight: maxHeight,
|
|
51852
|
-
variant: componentVariant,
|
|
51853
|
-
windowed: options.length > windowThreshold
|
|
51854
|
-
}),
|
|
51855
|
-
isDisabled: disabled,
|
|
53050
|
+
}, /*#__PURE__*/React__default["default"].createElement(StateManagedSelect$1, Object.assign({
|
|
53051
|
+
ref: ref,
|
|
51856
53052
|
isSearchable: autocomplete,
|
|
51857
|
-
|
|
51858
|
-
"aria-invalid": error,
|
|
53053
|
+
isDisabled: disabled,
|
|
51859
53054
|
defaultMenuIsOpen: initialIsOpen,
|
|
51860
|
-
|
|
51861
|
-
|
|
53055
|
+
isMulti: multiselect,
|
|
53056
|
+
defaultValue: getReactSelectValue(options, defaultValue),
|
|
53057
|
+
value: getReactSelectValue(options, value),
|
|
53058
|
+
options: options,
|
|
53059
|
+
onChange: function onChange(newValue) {
|
|
51862
53060
|
if (!_onChange) return;
|
|
51863
|
-
var value = extractValue(
|
|
53061
|
+
var value = extractValue(newValue, multiselect);
|
|
51864
53062
|
|
|
51865
53063
|
_onChange(value);
|
|
51866
53064
|
},
|
|
51867
|
-
|
|
51868
|
-
|
|
51869
|
-
|
|
51870
|
-
|
|
53065
|
+
placeholder: placeholder || t("select"),
|
|
53066
|
+
"aria-required": required,
|
|
53067
|
+
required: required,
|
|
53068
|
+
"aria-invalid": error,
|
|
53069
|
+
inputId: id,
|
|
53070
|
+
styles: styles ? styles(stylesConfig) : stylesConfig,
|
|
53071
|
+
components: Object.assign(Object.assign({
|
|
51871
53072
|
Option: function Option(props) {
|
|
51872
|
-
return /*#__PURE__*/React__default["default"].createElement(SelectOption$1, Object.assign({
|
|
51873
|
-
variant: componentVariant
|
|
51874
|
-
}, props));
|
|
53073
|
+
return /*#__PURE__*/React__default["default"].createElement(SelectOption$1, Object.assign({}, props), props.children);
|
|
51875
53074
|
},
|
|
51876
53075
|
Control: SelectControl,
|
|
51877
53076
|
MultiValue: SelectMultiValue,
|
|
@@ -51880,13 +53079,9 @@
|
|
|
51880
53079
|
SelectContainer: SelectContainer,
|
|
51881
53080
|
Menu: SelectMenu,
|
|
51882
53081
|
Input: SelectInput
|
|
51883
|
-
},
|
|
51884
|
-
|
|
51885
|
-
|
|
51886
|
-
menuPosition: menuPosition,
|
|
51887
|
-
menuPlacement: menuPlacement,
|
|
51888
|
-
classNamePrefix: classNamePrefix,
|
|
51889
|
-
closeMenuOnSelect: closeMenuOnSelect
|
|
53082
|
+
}, isWindowed ? {
|
|
53083
|
+
MenuList: MenuList
|
|
53084
|
+
} : {}), components)
|
|
51890
53085
|
}, props)), /*#__PURE__*/React__default["default"].createElement(InlineValidation, {
|
|
51891
53086
|
mt: "x1",
|
|
51892
53087
|
errorMessage: errorMessage,
|
|
@@ -51894,63 +53089,6 @@
|
|
|
51894
53089
|
})));
|
|
51895
53090
|
});
|
|
51896
53091
|
|
|
51897
|
-
var checkOptionsAreValid = function checkOptionsAreValid(options) {
|
|
51898
|
-
if (options && process.env.NODE_ENV === "development") {
|
|
51899
|
-
var uniq = function uniq(a) {
|
|
51900
|
-
return Array.from(new Set(a));
|
|
51901
|
-
};
|
|
51902
|
-
|
|
51903
|
-
var uniqueValues = uniq(options.map(function (_ref) {
|
|
51904
|
-
var value = _ref.value;
|
|
51905
|
-
return value === null ? "_null_" : value;
|
|
51906
|
-
}));
|
|
51907
|
-
|
|
51908
|
-
if (uniqueValues.length < options.length) {
|
|
51909
|
-
console.warn("NDS: The options prop passed to Select must have unique values for each option", options);
|
|
51910
|
-
}
|
|
51911
|
-
}
|
|
51912
|
-
};
|
|
51913
|
-
|
|
51914
|
-
var getOption = function getOption(options, value) {
|
|
51915
|
-
// allows an option with a null value to be matched
|
|
51916
|
-
if (options.length > 0 && value !== undefined) {
|
|
51917
|
-
var optionWithMatchingValue = options.find(function (o) {
|
|
51918
|
-
return o.value === value;
|
|
51919
|
-
});
|
|
51920
|
-
return optionWithMatchingValue || null;
|
|
51921
|
-
}
|
|
51922
|
-
|
|
51923
|
-
return value;
|
|
51924
|
-
};
|
|
51925
|
-
|
|
51926
|
-
var getReactSelectValue = function getReactSelectValue(options, input) {
|
|
51927
|
-
if (Array.isArray(input)) {
|
|
51928
|
-
return input.map(function (i) {
|
|
51929
|
-
return getOption(options, i);
|
|
51930
|
-
});
|
|
51931
|
-
}
|
|
51932
|
-
|
|
51933
|
-
return getOption(options, input);
|
|
51934
|
-
};
|
|
51935
|
-
|
|
51936
|
-
function extractValue(options, isMulti) {
|
|
51937
|
-
if (Array.isArray(options)) {
|
|
51938
|
-
if (isMulti) {
|
|
51939
|
-
return options && options.length ? options.map(function (o) {
|
|
51940
|
-
return o.value;
|
|
51941
|
-
}) : [];
|
|
51942
|
-
} else {
|
|
51943
|
-
throw new Error("UNEXPECTED ERROR: don't forget to enable isMulti");
|
|
51944
|
-
}
|
|
51945
|
-
}
|
|
51946
|
-
|
|
51947
|
-
if (options === null) {
|
|
51948
|
-
return options;
|
|
51949
|
-
} else {
|
|
51950
|
-
return options.value;
|
|
51951
|
-
}
|
|
51952
|
-
}
|
|
51953
|
-
|
|
51954
53092
|
var stickyStyles = function stickyStyles(theme) {
|
|
51955
53093
|
return {
|
|
51956
53094
|
position: "sticky",
|
|
@@ -53528,7 +54666,6 @@
|
|
|
53528
54666
|
|
|
53529
54667
|
_proto.componentDidMount = function componentDidMount() {
|
|
53530
54668
|
this.conditionallyUpdateState();
|
|
53531
|
-
smoothscroll__default["default"].polyfill();
|
|
53532
54669
|
};
|
|
53533
54670
|
|
|
53534
54671
|
_proto.getScrollLeftValueByTabIndex = function getScrollLeftValueByTabIndex(index) {
|
|
@@ -55168,7 +56305,7 @@
|
|
|
55168
56305
|
exports.RadioGroup = RadioGroup;
|
|
55169
56306
|
exports.RangeContainer = RangeContainer;
|
|
55170
56307
|
exports.RequirementText = RequirementText;
|
|
55171
|
-
exports.Select =
|
|
56308
|
+
exports.Select = NDSSelect;
|
|
55172
56309
|
exports.SelectClearIndicator = SelectClearIndicator;
|
|
55173
56310
|
exports.SelectContainer = SelectContainer;
|
|
55174
56311
|
exports.SelectControl = SelectControl;
|