@nulogy/components 12.3.0 → 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 +1302 -179
- package/dist/main.module.js +1300 -177
- package/dist/src/Alert/Alert.d.ts +1 -1
- package/dist/src/AsyncSelect/AsyncSelectComponents.d.ts +2 -2
- 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,
|
|
@@ -16851,7 +16849,7 @@
|
|
|
16851
16849
|
paddingTop: baseUnit
|
|
16852
16850
|
});
|
|
16853
16851
|
};
|
|
16854
|
-
var MenuList = function MenuList(props) {
|
|
16852
|
+
var MenuList$1 = function MenuList(props) {
|
|
16855
16853
|
var children = props.children,
|
|
16856
16854
|
innerProps = props.innerProps,
|
|
16857
16855
|
innerRef = props.innerRef,
|
|
@@ -17645,7 +17643,7 @@
|
|
|
17645
17643
|
Input: Input$1$1,
|
|
17646
17644
|
LoadingIndicator: LoadingIndicator,
|
|
17647
17645
|
Menu: Menu$1$1,
|
|
17648
|
-
MenuList: MenuList,
|
|
17646
|
+
MenuList: MenuList$1,
|
|
17649
17647
|
MenuPortal: MenuPortal,
|
|
17650
17648
|
LoadingMessage: LoadingMessage,
|
|
17651
17649
|
NoOptionsMessage: NoOptionsMessage,
|
|
@@ -17663,33 +17661,33 @@
|
|
|
17663
17661
|
return _objectSpread2(_objectSpread2({}, components), props.components);
|
|
17664
17662
|
};
|
|
17665
17663
|
|
|
17666
|
-
var safeIsNaN = Number.isNaN ||
|
|
17664
|
+
var safeIsNaN$1 = Number.isNaN ||
|
|
17667
17665
|
function ponyfill(value) {
|
|
17668
17666
|
return typeof value === 'number' && value !== value;
|
|
17669
17667
|
};
|
|
17670
|
-
function isEqual$
|
|
17668
|
+
function isEqual$2(first, second) {
|
|
17671
17669
|
if (first === second) {
|
|
17672
17670
|
return true;
|
|
17673
17671
|
}
|
|
17674
|
-
if (safeIsNaN(first) && safeIsNaN(second)) {
|
|
17672
|
+
if (safeIsNaN$1(first) && safeIsNaN$1(second)) {
|
|
17675
17673
|
return true;
|
|
17676
17674
|
}
|
|
17677
17675
|
return false;
|
|
17678
17676
|
}
|
|
17679
|
-
function areInputsEqual(newInputs, lastInputs) {
|
|
17677
|
+
function areInputsEqual$1(newInputs, lastInputs) {
|
|
17680
17678
|
if (newInputs.length !== lastInputs.length) {
|
|
17681
17679
|
return false;
|
|
17682
17680
|
}
|
|
17683
17681
|
for (var i = 0; i < newInputs.length; i++) {
|
|
17684
|
-
if (!isEqual$
|
|
17682
|
+
if (!isEqual$2(newInputs[i], lastInputs[i])) {
|
|
17685
17683
|
return false;
|
|
17686
17684
|
}
|
|
17687
17685
|
}
|
|
17688
17686
|
return true;
|
|
17689
17687
|
}
|
|
17690
17688
|
|
|
17691
|
-
function memoizeOne(resultFn, isEqual) {
|
|
17692
|
-
if (isEqual === void 0) { isEqual = areInputsEqual; }
|
|
17689
|
+
function memoizeOne$1(resultFn, isEqual) {
|
|
17690
|
+
if (isEqual === void 0) { isEqual = areInputsEqual$1; }
|
|
17693
17691
|
var cache = null;
|
|
17694
17692
|
function memoized() {
|
|
17695
17693
|
var newArgs = [];
|
|
@@ -18200,7 +18198,7 @@
|
|
|
18200
18198
|
});
|
|
18201
18199
|
};
|
|
18202
18200
|
|
|
18203
|
-
var memoizedStripDiacriticsForInput = memoizeOne(stripDiacritics);
|
|
18201
|
+
var memoizedStripDiacriticsForInput = memoizeOne$1(stripDiacritics);
|
|
18204
18202
|
var trimString = function trimString(str) {
|
|
18205
18203
|
return str.replace(/^\s+|\s+$/g, '');
|
|
18206
18204
|
};
|
|
@@ -24470,6 +24468,14 @@
|
|
|
24470
24468
|
}, {});
|
|
24471
24469
|
};
|
|
24472
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
|
+
|
|
24473
24479
|
var StyledOption = styled__default["default"].div.withConfig({
|
|
24474
24480
|
displayName: "SelectOption__StyledOption",
|
|
24475
24481
|
componentId: "sc-i7ae6z-0"
|
|
@@ -24514,13 +24520,11 @@
|
|
|
24514
24520
|
});
|
|
24515
24521
|
});
|
|
24516
24522
|
function SelectOption$1(props) {
|
|
24517
|
-
var variant = useComponentVariant(props.variant);
|
|
24518
24523
|
return /*#__PURE__*/React__default["default"].createElement(StyledOption, {
|
|
24519
24524
|
isSelected: props.isSelected,
|
|
24520
24525
|
isFocused: props.isFocused,
|
|
24521
|
-
variant: variant,
|
|
24522
24526
|
"data-testid": "select-option"
|
|
24523
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
24527
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.Option, Object.assign({}, props), props.children));
|
|
24524
24528
|
}
|
|
24525
24529
|
|
|
24526
24530
|
var SelectControl$1 = function SelectControl(_a) {
|
|
@@ -24575,11 +24579,9 @@
|
|
|
24575
24579
|
}, /*#__PURE__*/React__default["default"].createElement(components.Menu, Object.assign({}, props), props.children));
|
|
24576
24580
|
};
|
|
24577
24581
|
function SelectOption(props) {
|
|
24578
|
-
var variant = useComponentVariant(props.variant);
|
|
24579
24582
|
return /*#__PURE__*/React__default["default"].createElement(StyledOption, {
|
|
24580
24583
|
isSelected: props.isSelected,
|
|
24581
24584
|
isFocused: props.isFocused,
|
|
24582
|
-
variant: variant,
|
|
24583
24585
|
"data-testid": "select-option"
|
|
24584
24586
|
}, /*#__PURE__*/React__default["default"].createElement(components.Option, Object.assign({}, props), props.children));
|
|
24585
24587
|
}
|
|
@@ -24618,13 +24620,13 @@
|
|
|
24618
24620
|
defaultOptions = _a.defaultOptions,
|
|
24619
24621
|
loadOptions = _a.loadOptions,
|
|
24620
24622
|
isClearable = _a.isClearable,
|
|
24621
|
-
variant = _a.variant,
|
|
24622
24623
|
iconLeft = _a.iconLeft,
|
|
24623
|
-
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", "
|
|
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"]);
|
|
24624
24625
|
|
|
24625
24626
|
var _useTranslation = useTranslation(),
|
|
24626
24627
|
t = _useTranslation.t;
|
|
24627
24628
|
|
|
24629
|
+
var variant = useComponentVariant();
|
|
24628
24630
|
var theme = styled.useTheme();
|
|
24629
24631
|
var spaceProps = getSubset(props, propTypes$1.space);
|
|
24630
24632
|
var error = !!(errorMessage || errorList);
|
|
@@ -24645,6 +24647,7 @@
|
|
|
24645
24647
|
hasIcon: Boolean(iconLeft),
|
|
24646
24648
|
theme: theme,
|
|
24647
24649
|
error: error,
|
|
24650
|
+
variant: variant,
|
|
24648
24651
|
maxHeight: maxHeight,
|
|
24649
24652
|
windowed: false,
|
|
24650
24653
|
hasDefaultOptions: Boolean(defaultOptions)
|
|
@@ -34404,7 +34407,7 @@
|
|
|
34404
34407
|
* //=> false
|
|
34405
34408
|
*/
|
|
34406
34409
|
|
|
34407
|
-
function isEqual(dirtyLeftDate, dirtyRightDate) {
|
|
34410
|
+
function isEqual$1(dirtyLeftDate, dirtyRightDate) {
|
|
34408
34411
|
requiredArgs$1(2, arguments);
|
|
34409
34412
|
var dateLeft = toDate$1(dirtyLeftDate);
|
|
34410
34413
|
var dateRight = toDate$1(dirtyRightDate);
|
|
@@ -37712,7 +37715,7 @@
|
|
|
37712
37715
|
});
|
|
37713
37716
|
}
|
|
37714
37717
|
|
|
37715
|
-
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;
|
|
37716
37719
|
|
|
37717
37720
|
function toInteger(dirtyNumber) {
|
|
37718
37721
|
if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
|
|
@@ -51753,139 +51756,1321 @@
|
|
|
51753
51756
|
return radioButtons;
|
|
51754
51757
|
};
|
|
51755
51758
|
|
|
51756
|
-
|
|
51757
|
-
// eslint-disable-next-line react/prop-types
|
|
51759
|
+
function SelectControl(props) {
|
|
51758
51760
|
var isFocused = props.isFocused;
|
|
51759
51761
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51760
51762
|
"data-testid": "select-control"
|
|
51761
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51763
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.Control, Object.assign({
|
|
51762
51764
|
className: isFocused ? "nds-select--is-focused" : null,
|
|
51763
51765
|
isFocused: isFocused
|
|
51764
|
-
}, props)));
|
|
51765
|
-
}
|
|
51766
|
-
|
|
51766
|
+
}, props), props.children));
|
|
51767
|
+
}
|
|
51768
|
+
function SelectMultiValue(props) {
|
|
51767
51769
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51768
51770
|
"data-testid": "select-multivalue"
|
|
51769
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51770
|
-
}
|
|
51771
|
-
|
|
51771
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.MultiValue, Object.assign({}, props), props.children));
|
|
51772
|
+
}
|
|
51773
|
+
function SelectClearIndicator(props) {
|
|
51772
51774
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51773
51775
|
"data-testid": "select-clear"
|
|
51774
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51775
|
-
}
|
|
51776
|
-
|
|
51776
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.ClearIndicator, Object.assign({}, props)));
|
|
51777
|
+
}
|
|
51778
|
+
function SelectDropdownIndicator(props) {
|
|
51777
51779
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51778
51780
|
"data-testid": "select-arrow"
|
|
51779
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51780
|
-
}
|
|
51781
|
-
|
|
51781
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.DropdownIndicator, Object.assign({}, props)));
|
|
51782
|
+
}
|
|
51783
|
+
function SelectMenu(props) {
|
|
51782
51784
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51783
51785
|
"data-testid": "select-dropdown"
|
|
51784
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51785
|
-
}
|
|
51786
|
-
|
|
51786
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.Menu, Object.assign({}, props), props.children));
|
|
51787
|
+
}
|
|
51788
|
+
function SelectContainer(props) {
|
|
51787
51789
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51788
51790
|
"data-testid": "select-container"
|
|
51789
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51790
|
-
}
|
|
51791
|
-
|
|
51791
|
+
}, /*#__PURE__*/React__default["default"].createElement(components.SelectContainer, Object.assign({}, props), props.children));
|
|
51792
|
+
}
|
|
51793
|
+
function SelectInput(props) {
|
|
51792
51794
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51793
51795
|
"data-testid": "select-input"
|
|
51794
|
-
}, /*#__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();
|
|
51795
51854
|
};
|
|
51855
|
+
function cancelTimeout(timeoutID) {
|
|
51856
|
+
cancelAnimationFrame(timeoutID.id);
|
|
51857
|
+
}
|
|
51858
|
+
function requestTimeout(callback, delay) {
|
|
51859
|
+
var start = now();
|
|
51796
51860
|
|
|
51797
|
-
|
|
51798
|
-
|
|
51799
|
-
|
|
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,
|
|
51800
53005
|
labelText = _a.labelText,
|
|
53006
|
+
required = _a.required,
|
|
51801
53007
|
requirementText = _a.requirementText,
|
|
51802
53008
|
helpText = _a.helpText,
|
|
51803
53009
|
disabled = _a.disabled,
|
|
51804
53010
|
errorMessage = _a.errorMessage,
|
|
51805
53011
|
errorList = _a.errorList,
|
|
51806
|
-
_a$error = _a.error,
|
|
51807
|
-
error = _a$error === void 0 ? !!(errorMessage || errorList) : _a$error,
|
|
51808
53012
|
id = _a.id,
|
|
51809
53013
|
initialIsOpen = _a.initialIsOpen,
|
|
51810
|
-
|
|
53014
|
+
maxHeight = _a.maxHeight,
|
|
53015
|
+
multiselect = _a.multiselect,
|
|
51811
53016
|
placeholder = _a.placeholder,
|
|
51812
|
-
value = _a.value,
|
|
51813
|
-
defaultValue = _a.defaultValue,
|
|
51814
53017
|
components = _a.components,
|
|
51815
|
-
|
|
51816
|
-
|
|
51817
|
-
|
|
51818
|
-
|
|
51819
|
-
autocomplete = _a$autocomplete === void 0 ? true : _a$autocomplete,
|
|
51820
|
-
_a$maxHeight = _a.maxHeight,
|
|
51821
|
-
maxHeight = _a$maxHeight === void 0 ? "248px" : _a$maxHeight,
|
|
51822
|
-
_a$required = _a.required,
|
|
51823
|
-
required = _a$required === void 0 ? false : _a$required,
|
|
51824
|
-
_a$menuPosition = _a.menuPosition,
|
|
51825
|
-
menuPosition = _a$menuPosition === void 0 ? "absolute" : _a$menuPosition,
|
|
51826
|
-
_a$menuPlacement = _a.menuPlacement,
|
|
51827
|
-
menuPlacement = _a$menuPlacement === void 0 ? "bottom" : _a$menuPlacement,
|
|
51828
|
-
multiselect = _a.multiselect,
|
|
51829
|
-
_a$classNamePrefix = _a.classNamePrefix,
|
|
51830
|
-
classNamePrefix = _a$classNamePrefix === void 0 ? "ndsSelect" : _a$classNamePrefix,
|
|
51831
|
-
_a$closeMenuOnSelect = _a.closeMenuOnSelect,
|
|
51832
|
-
closeMenuOnSelect = _a$closeMenuOnSelect === void 0 ? true : _a$closeMenuOnSelect,
|
|
51833
|
-
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"]);
|
|
51834
53022
|
|
|
51835
53023
|
var _useTranslation = useTranslation(),
|
|
51836
53024
|
t = _useTranslation.t;
|
|
51837
53025
|
|
|
51838
|
-
var
|
|
51839
|
-
var
|
|
51840
|
-
var
|
|
53026
|
+
var variant = useComponentVariant();
|
|
53027
|
+
var theme = styled.useTheme();
|
|
53028
|
+
var styledProps = getSubset(props, addStyledProps);
|
|
53029
|
+
var error = !!(errorMessage || errorList);
|
|
51841
53030
|
var optionsRef = React__default["default"].useRef(options);
|
|
51842
|
-
var
|
|
53031
|
+
var optionsLength = React__default["default"].useMemo(function () {
|
|
53032
|
+
return calcOptionsLength(options);
|
|
53033
|
+
}, [options]);
|
|
53034
|
+
var isWindowed = optionsLength >= windowThreshold;
|
|
51843
53035
|
React__default["default"].useEffect(function () {
|
|
51844
53036
|
checkOptionsAreValid(options);
|
|
51845
53037
|
optionsRef.current = options;
|
|
51846
53038
|
}, [options]);
|
|
51847
|
-
|
|
51848
|
-
|
|
51849
|
-
|
|
51850
|
-
|
|
51851
|
-
|
|
51852
|
-
|
|
51853
|
-
}
|
|
51854
|
-
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, {
|
|
51855
53047
|
labelText: labelText,
|
|
51856
53048
|
requirementText: requirementText,
|
|
51857
53049
|
helpText: helpText
|
|
51858
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
51859
|
-
ref:
|
|
51860
|
-
placeholder: placeholder || t("select"),
|
|
51861
|
-
windowThreshold: windowThreshold,
|
|
51862
|
-
styles: customStyles({
|
|
51863
|
-
theme: themeContext,
|
|
51864
|
-
error: error,
|
|
51865
|
-
maxHeight: maxHeight,
|
|
51866
|
-
variant: componentVariant,
|
|
51867
|
-
windowed: options.length > windowThreshold
|
|
51868
|
-
}),
|
|
51869
|
-
isDisabled: disabled,
|
|
53050
|
+
}, /*#__PURE__*/React__default["default"].createElement(StateManagedSelect$1, Object.assign({
|
|
53051
|
+
ref: ref,
|
|
51870
53052
|
isSearchable: autocomplete,
|
|
51871
|
-
|
|
51872
|
-
"aria-invalid": error,
|
|
53053
|
+
isDisabled: disabled,
|
|
51873
53054
|
defaultMenuIsOpen: initialIsOpen,
|
|
51874
|
-
|
|
51875
|
-
|
|
53055
|
+
isMulti: multiselect,
|
|
53056
|
+
defaultValue: getReactSelectValue(options, defaultValue),
|
|
53057
|
+
value: getReactSelectValue(options, value),
|
|
53058
|
+
options: options,
|
|
53059
|
+
onChange: function onChange(newValue) {
|
|
51876
53060
|
if (!_onChange) return;
|
|
51877
|
-
var value = extractValue(
|
|
53061
|
+
var value = extractValue(newValue, multiselect);
|
|
51878
53062
|
|
|
51879
53063
|
_onChange(value);
|
|
51880
53064
|
},
|
|
51881
|
-
|
|
51882
|
-
|
|
51883
|
-
|
|
51884
|
-
|
|
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({
|
|
51885
53072
|
Option: function Option(props) {
|
|
51886
|
-
return /*#__PURE__*/React__default["default"].createElement(SelectOption$1, Object.assign({
|
|
51887
|
-
variant: componentVariant
|
|
51888
|
-
}, props));
|
|
53073
|
+
return /*#__PURE__*/React__default["default"].createElement(SelectOption$1, Object.assign({}, props), props.children);
|
|
51889
53074
|
},
|
|
51890
53075
|
Control: SelectControl,
|
|
51891
53076
|
MultiValue: SelectMultiValue,
|
|
@@ -51894,13 +53079,9 @@
|
|
|
51894
53079
|
SelectContainer: SelectContainer,
|
|
51895
53080
|
Menu: SelectMenu,
|
|
51896
53081
|
Input: SelectInput
|
|
51897
|
-
},
|
|
51898
|
-
|
|
51899
|
-
|
|
51900
|
-
menuPosition: menuPosition,
|
|
51901
|
-
menuPlacement: menuPlacement,
|
|
51902
|
-
classNamePrefix: classNamePrefix,
|
|
51903
|
-
closeMenuOnSelect: closeMenuOnSelect
|
|
53082
|
+
}, isWindowed ? {
|
|
53083
|
+
MenuList: MenuList
|
|
53084
|
+
} : {}), components)
|
|
51904
53085
|
}, props)), /*#__PURE__*/React__default["default"].createElement(InlineValidation, {
|
|
51905
53086
|
mt: "x1",
|
|
51906
53087
|
errorMessage: errorMessage,
|
|
@@ -51908,63 +53089,6 @@
|
|
|
51908
53089
|
})));
|
|
51909
53090
|
});
|
|
51910
53091
|
|
|
51911
|
-
var checkOptionsAreValid = function checkOptionsAreValid(options) {
|
|
51912
|
-
if (options && process.env.NODE_ENV === "development") {
|
|
51913
|
-
var uniq = function uniq(a) {
|
|
51914
|
-
return Array.from(new Set(a));
|
|
51915
|
-
};
|
|
51916
|
-
|
|
51917
|
-
var uniqueValues = uniq(options.map(function (_ref) {
|
|
51918
|
-
var value = _ref.value;
|
|
51919
|
-
return value === null ? "_null_" : value;
|
|
51920
|
-
}));
|
|
51921
|
-
|
|
51922
|
-
if (uniqueValues.length < options.length) {
|
|
51923
|
-
console.warn("NDS: The options prop passed to Select must have unique values for each option", options);
|
|
51924
|
-
}
|
|
51925
|
-
}
|
|
51926
|
-
};
|
|
51927
|
-
|
|
51928
|
-
var getOption = function getOption(options, value) {
|
|
51929
|
-
// allows an option with a null value to be matched
|
|
51930
|
-
if (options.length > 0 && value !== undefined) {
|
|
51931
|
-
var optionWithMatchingValue = options.find(function (o) {
|
|
51932
|
-
return o.value === value;
|
|
51933
|
-
});
|
|
51934
|
-
return optionWithMatchingValue || null;
|
|
51935
|
-
}
|
|
51936
|
-
|
|
51937
|
-
return value;
|
|
51938
|
-
};
|
|
51939
|
-
|
|
51940
|
-
var getReactSelectValue = function getReactSelectValue(options, input) {
|
|
51941
|
-
if (Array.isArray(input)) {
|
|
51942
|
-
return input.map(function (i) {
|
|
51943
|
-
return getOption(options, i);
|
|
51944
|
-
});
|
|
51945
|
-
}
|
|
51946
|
-
|
|
51947
|
-
return getOption(options, input);
|
|
51948
|
-
};
|
|
51949
|
-
|
|
51950
|
-
function extractValue(options, isMulti) {
|
|
51951
|
-
if (Array.isArray(options)) {
|
|
51952
|
-
if (isMulti) {
|
|
51953
|
-
return options && options.length ? options.map(function (o) {
|
|
51954
|
-
return o.value;
|
|
51955
|
-
}) : [];
|
|
51956
|
-
} else {
|
|
51957
|
-
throw new Error("UNEXPECTED ERROR: don't forget to enable isMulti");
|
|
51958
|
-
}
|
|
51959
|
-
}
|
|
51960
|
-
|
|
51961
|
-
if (options === null) {
|
|
51962
|
-
return options;
|
|
51963
|
-
} else {
|
|
51964
|
-
return options.value;
|
|
51965
|
-
}
|
|
51966
|
-
}
|
|
51967
|
-
|
|
51968
53092
|
var stickyStyles = function stickyStyles(theme) {
|
|
51969
53093
|
return {
|
|
51970
53094
|
position: "sticky",
|
|
@@ -53542,7 +54666,6 @@
|
|
|
53542
54666
|
|
|
53543
54667
|
_proto.componentDidMount = function componentDidMount() {
|
|
53544
54668
|
this.conditionallyUpdateState();
|
|
53545
|
-
smoothscroll__default["default"].polyfill();
|
|
53546
54669
|
};
|
|
53547
54670
|
|
|
53548
54671
|
_proto.getScrollLeftValueByTabIndex = function getScrollLeftValueByTabIndex(index) {
|
|
@@ -55182,7 +56305,7 @@
|
|
|
55182
56305
|
exports.RadioGroup = RadioGroup;
|
|
55183
56306
|
exports.RangeContainer = RangeContainer;
|
|
55184
56307
|
exports.RequirementText = RequirementText;
|
|
55185
|
-
exports.Select =
|
|
56308
|
+
exports.Select = NDSSelect;
|
|
55186
56309
|
exports.SelectClearIndicator = SelectClearIndicator;
|
|
55187
56310
|
exports.SelectContainer = SelectContainer;
|
|
55188
56311
|
exports.SelectControl = SelectControl;
|