@nulogy/components 12.2.1 → 13.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +1345 -208
- package/dist/main.module.js +1343 -206
- package/dist/src/Alert/Alert.d.ts +1 -1
- package/dist/src/AsyncSelect/AsyncSelect.d.ts +2 -0
- package/dist/src/AsyncSelect/AsyncSelect.story.d.ts +3 -12
- package/dist/src/AsyncSelect/AsyncSelectComponents.d.ts +5 -2
- package/dist/src/Icon/Icon.d.ts +2 -1
- package/dist/src/Select/MenuList.d.ts +3 -0
- package/dist/src/Select/Select.d.ts +22 -23
- package/dist/src/Select/Select.story.d.ts +4 -8
- package/dist/src/Select/Select.story.fixture.d.ts +24 -0
- package/dist/src/Select/SelectComponents.d.ts +9 -7
- package/dist/src/Select/SelectOption.d.ts +6 -8
- package/dist/src/Select/customReactSelectStyles.d.ts +8 -3
- package/dist/src/Select/index.d.ts +2 -2
- package/dist/src/Select/lib.d.ts +20 -0
- package/dist/src/StatusIndicator/StatusIndicator.d.ts +1 -1
- package/dist/src/index.d.ts +1 -1
- package/package.json +4 -2
package/dist/main.module.js
CHANGED
|
@@ -6,7 +6,7 @@ import icons from '@nulogy/icons';
|
|
|
6
6
|
import _extends$5 from '@babel/runtime/helpers/extends';
|
|
7
7
|
import _assertThisInitialized$2 from '@babel/runtime/helpers/assertThisInitialized';
|
|
8
8
|
import _inheritsLoose$3 from '@babel/runtime/helpers/inheritsLoose';
|
|
9
|
-
import isEqual$
|
|
9
|
+
import isEqual$3 from 'react-fast-compare';
|
|
10
10
|
import warning$2 from 'warning';
|
|
11
11
|
import _slicedToArray$1 from '@babel/runtime/helpers/slicedToArray';
|
|
12
12
|
import _defineProperty$2 from '@babel/runtime/helpers/defineProperty';
|
|
@@ -26,11 +26,9 @@ import PropTypes, { node, bool, oneOfType, object, func, string, arrayOf, any }
|
|
|
26
26
|
import _objectWithoutPropertiesLoose$4 from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
|
|
27
27
|
import deepEqual from 'deep-equal';
|
|
28
28
|
import createContext$1 from '@hypnosphi/create-react-context';
|
|
29
|
-
import WindowedSelect, { components as components$1 } from 'react-windowed-select';
|
|
30
29
|
import ReactResizeDetector from 'react-resize-detector';
|
|
31
30
|
import t from 'classnames';
|
|
32
31
|
import exenv from 'exenv';
|
|
33
|
-
import smoothscroll from 'smoothscroll-polyfill';
|
|
34
32
|
import { useToasterStore, toast as toast$1, Toaster } from 'react-hot-toast';
|
|
35
33
|
|
|
36
34
|
/*! *****************************************************************************
|
|
@@ -8357,7 +8355,7 @@ var width = layout.width,
|
|
|
8357
8355
|
minHeight = layout.minHeight,
|
|
8358
8356
|
maxWidth = layout.maxWidth,
|
|
8359
8357
|
maxHeight = layout.maxHeight,
|
|
8360
|
-
size = layout.size,
|
|
8358
|
+
size$1 = layout.size,
|
|
8361
8359
|
verticalAlign = layout.verticalAlign,
|
|
8362
8360
|
display = layout.display,
|
|
8363
8361
|
overflow = layout.overflow;
|
|
@@ -8443,7 +8441,7 @@ var variant = function variant(variants) {
|
|
|
8443
8441
|
};
|
|
8444
8442
|
};
|
|
8445
8443
|
var addStyledProps = compose( // After
|
|
8446
|
-
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({
|
|
8444
|
+
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({
|
|
8447
8445
|
visibility: true,
|
|
8448
8446
|
transition: true,
|
|
8449
8447
|
transform: true,
|
|
@@ -8637,6 +8635,19 @@ function InlineIcon(props) {
|
|
|
8637
8635
|
size: ICON_SIZE_RATIO + "em"
|
|
8638
8636
|
}, props)));
|
|
8639
8637
|
}
|
|
8638
|
+
var InputIcon = styled(Icon).withConfig({
|
|
8639
|
+
displayName: "Icon__InputIcon",
|
|
8640
|
+
componentId: "sc-150w9kl-3"
|
|
8641
|
+
})(function (_ref2) {
|
|
8642
|
+
var theme = _ref2.theme;
|
|
8643
|
+
return {
|
|
8644
|
+
position: "absolute",
|
|
8645
|
+
color: theme.colors.midGrey,
|
|
8646
|
+
bottom: "50%",
|
|
8647
|
+
transform: "translateY(50%)",
|
|
8648
|
+
pointerEvents: "none"
|
|
8649
|
+
};
|
|
8650
|
+
}, position);
|
|
8640
8651
|
|
|
8641
8652
|
var Flex = styled(Box).withConfig({
|
|
8642
8653
|
displayName: "Flex",
|
|
@@ -13162,7 +13173,7 @@ var usePopper$1 = function usePopper(referenceElement, popperElement, options) {
|
|
|
13162
13173
|
}])
|
|
13163
13174
|
};
|
|
13164
13175
|
|
|
13165
|
-
if (isEqual$
|
|
13176
|
+
if (isEqual$3(prevOptions.current, newOptions)) {
|
|
13166
13177
|
return prevOptions.current || newOptions;
|
|
13167
13178
|
} else {
|
|
13168
13179
|
prevOptions.current = newOptions;
|
|
@@ -16821,7 +16832,7 @@ var menuListCSS = function menuListCSS(_ref4, unstyled) {
|
|
|
16821
16832
|
paddingTop: baseUnit
|
|
16822
16833
|
});
|
|
16823
16834
|
};
|
|
16824
|
-
var MenuList = function MenuList(props) {
|
|
16835
|
+
var MenuList$1 = function MenuList(props) {
|
|
16825
16836
|
var children = props.children,
|
|
16826
16837
|
innerProps = props.innerProps,
|
|
16827
16838
|
innerRef = props.innerRef,
|
|
@@ -17615,7 +17626,7 @@ var components = {
|
|
|
17615
17626
|
Input: Input$1$1,
|
|
17616
17627
|
LoadingIndicator: LoadingIndicator,
|
|
17617
17628
|
Menu: Menu$1$1,
|
|
17618
|
-
MenuList: MenuList,
|
|
17629
|
+
MenuList: MenuList$1,
|
|
17619
17630
|
MenuPortal: MenuPortal,
|
|
17620
17631
|
LoadingMessage: LoadingMessage,
|
|
17621
17632
|
NoOptionsMessage: NoOptionsMessage,
|
|
@@ -17633,33 +17644,33 @@ var defaultComponents = function defaultComponents(props) {
|
|
|
17633
17644
|
return _objectSpread2(_objectSpread2({}, components), props.components);
|
|
17634
17645
|
};
|
|
17635
17646
|
|
|
17636
|
-
var safeIsNaN = Number.isNaN ||
|
|
17647
|
+
var safeIsNaN$1 = Number.isNaN ||
|
|
17637
17648
|
function ponyfill(value) {
|
|
17638
17649
|
return typeof value === 'number' && value !== value;
|
|
17639
17650
|
};
|
|
17640
|
-
function isEqual$
|
|
17651
|
+
function isEqual$2(first, second) {
|
|
17641
17652
|
if (first === second) {
|
|
17642
17653
|
return true;
|
|
17643
17654
|
}
|
|
17644
|
-
if (safeIsNaN(first) && safeIsNaN(second)) {
|
|
17655
|
+
if (safeIsNaN$1(first) && safeIsNaN$1(second)) {
|
|
17645
17656
|
return true;
|
|
17646
17657
|
}
|
|
17647
17658
|
return false;
|
|
17648
17659
|
}
|
|
17649
|
-
function areInputsEqual(newInputs, lastInputs) {
|
|
17660
|
+
function areInputsEqual$1(newInputs, lastInputs) {
|
|
17650
17661
|
if (newInputs.length !== lastInputs.length) {
|
|
17651
17662
|
return false;
|
|
17652
17663
|
}
|
|
17653
17664
|
for (var i = 0; i < newInputs.length; i++) {
|
|
17654
|
-
if (!isEqual$
|
|
17665
|
+
if (!isEqual$2(newInputs[i], lastInputs[i])) {
|
|
17655
17666
|
return false;
|
|
17656
17667
|
}
|
|
17657
17668
|
}
|
|
17658
17669
|
return true;
|
|
17659
17670
|
}
|
|
17660
17671
|
|
|
17661
|
-
function memoizeOne(resultFn, isEqual) {
|
|
17662
|
-
if (isEqual === void 0) { isEqual = areInputsEqual; }
|
|
17672
|
+
function memoizeOne$1(resultFn, isEqual) {
|
|
17673
|
+
if (isEqual === void 0) { isEqual = areInputsEqual$1; }
|
|
17663
17674
|
var cache = null;
|
|
17664
17675
|
function memoized() {
|
|
17665
17676
|
var newArgs = [];
|
|
@@ -18170,7 +18181,7 @@ var stripDiacritics = function stripDiacritics(str) {
|
|
|
18170
18181
|
});
|
|
18171
18182
|
};
|
|
18172
18183
|
|
|
18173
|
-
var memoizedStripDiacriticsForInput = memoizeOne(stripDiacritics);
|
|
18184
|
+
var memoizedStripDiacriticsForInput = memoizeOne$1(stripDiacritics);
|
|
18174
18185
|
var trimString = function trimString(str) {
|
|
18175
18186
|
return str.replace(/^\s+|\s+$/g, '');
|
|
18176
18187
|
};
|
|
@@ -24153,6 +24164,7 @@ var customStyles = function customStyles(_ref6) {
|
|
|
24153
24164
|
error = _ref6.error,
|
|
24154
24165
|
maxHeight = _ref6.maxHeight,
|
|
24155
24166
|
windowed = _ref6.windowed,
|
|
24167
|
+
hasIcon = _ref6.hasIcon,
|
|
24156
24168
|
variant = _ref6.variant,
|
|
24157
24169
|
_ref6$hasDefaultOptio = _ref6.hasDefaultOptions,
|
|
24158
24170
|
hasDefaultOptions = _ref6$hasDefaultOptio === void 0 ? true : _ref6$hasDefaultOptio;
|
|
@@ -24168,7 +24180,7 @@ var customStyles = function customStyles(_ref6) {
|
|
|
24168
24180
|
});
|
|
24169
24181
|
},
|
|
24170
24182
|
control: function control(provided, state) {
|
|
24171
|
-
return Object.assign(Object.assign({}, provided), {
|
|
24183
|
+
return Object.assign(Object.assign(Object.assign({}, provided), {
|
|
24172
24184
|
display: "flex",
|
|
24173
24185
|
minHeight: theme.space.x5,
|
|
24174
24186
|
paddingLeft: theme.space.x1,
|
|
@@ -24229,6 +24241,8 @@ var customStyles = function customStyles(_ref6) {
|
|
|
24229
24241
|
theme: theme
|
|
24230
24242
|
})
|
|
24231
24243
|
}
|
|
24244
|
+
}), hasIcon && {
|
|
24245
|
+
paddingLeft: "calc(" + theme.space.x3 + " + " + theme.space.x1_5 + ")"
|
|
24232
24246
|
});
|
|
24233
24247
|
},
|
|
24234
24248
|
dropdownIndicator: function dropdownIndicator(provided) {
|
|
@@ -24437,6 +24451,14 @@ var pick = function pick(o) {
|
|
|
24437
24451
|
}, {});
|
|
24438
24452
|
};
|
|
24439
24453
|
|
|
24454
|
+
var StateManagedSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
24455
|
+
var baseSelectProps = useStateManager(props);
|
|
24456
|
+
return /*#__PURE__*/React.createElement(Select, _extends$3({
|
|
24457
|
+
ref: ref
|
|
24458
|
+
}, baseSelectProps));
|
|
24459
|
+
});
|
|
24460
|
+
var StateManagedSelect$1 = StateManagedSelect;
|
|
24461
|
+
|
|
24440
24462
|
var StyledOption = styled.div.withConfig({
|
|
24441
24463
|
displayName: "SelectOption__StyledOption",
|
|
24442
24464
|
componentId: "sc-i7ae6z-0"
|
|
@@ -24481,24 +24503,29 @@ var StyledOption = styled.div.withConfig({
|
|
|
24481
24503
|
});
|
|
24482
24504
|
});
|
|
24483
24505
|
function SelectOption$1(props) {
|
|
24484
|
-
var variant = useComponentVariant(props.variant);
|
|
24485
24506
|
return /*#__PURE__*/React__default.createElement(StyledOption, {
|
|
24486
24507
|
isSelected: props.isSelected,
|
|
24487
24508
|
isFocused: props.isFocused,
|
|
24488
|
-
variant: variant,
|
|
24489
24509
|
"data-testid": "select-option"
|
|
24490
|
-
}, /*#__PURE__*/React__default.createElement(components
|
|
24510
|
+
}, /*#__PURE__*/React__default.createElement(components.Option, Object.assign({}, props), props.children));
|
|
24491
24511
|
}
|
|
24492
24512
|
|
|
24493
|
-
var SelectControl$1 = function SelectControl(
|
|
24494
|
-
|
|
24495
|
-
|
|
24513
|
+
var SelectControl$1 = function SelectControl(_a) {
|
|
24514
|
+
var iconLeft = _a.iconLeft,
|
|
24515
|
+
isFocused = _a.isFocused,
|
|
24516
|
+
children = _a.children,
|
|
24517
|
+
props = __rest$3(_a, ["iconLeft", "isFocused", "children"]);
|
|
24518
|
+
|
|
24496
24519
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
24497
24520
|
"data-testid": "select-control"
|
|
24498
24521
|
}, /*#__PURE__*/React__default.createElement(components.Control, Object.assign({
|
|
24499
24522
|
className: isFocused ? "nds-select--is-focused" : null,
|
|
24500
24523
|
isFocused: isFocused
|
|
24501
|
-
}, props),
|
|
24524
|
+
}, props), iconLeft && /*#__PURE__*/React__default.createElement(InputIcon, {
|
|
24525
|
+
left: "x1",
|
|
24526
|
+
icon: iconLeft,
|
|
24527
|
+
size: "x3"
|
|
24528
|
+
}), children));
|
|
24502
24529
|
};
|
|
24503
24530
|
var SelectMultiValue$1 = function SelectMultiValue(props) {
|
|
24504
24531
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -24535,11 +24562,9 @@ var SelectMenu$1 = function SelectMenu(props) {
|
|
|
24535
24562
|
}, /*#__PURE__*/React__default.createElement(components.Menu, Object.assign({}, props), props.children));
|
|
24536
24563
|
};
|
|
24537
24564
|
function SelectOption(props) {
|
|
24538
|
-
var variant = useComponentVariant(props.variant);
|
|
24539
24565
|
return /*#__PURE__*/React__default.createElement(StyledOption, {
|
|
24540
24566
|
isSelected: props.isSelected,
|
|
24541
24567
|
isFocused: props.isFocused,
|
|
24542
|
-
variant: variant,
|
|
24543
24568
|
"data-testid": "select-option"
|
|
24544
24569
|
}, /*#__PURE__*/React__default.createElement(components.Option, Object.assign({}, props), props.children));
|
|
24545
24570
|
}
|
|
@@ -24578,12 +24603,13 @@ var AsyncSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
24578
24603
|
defaultOptions = _a.defaultOptions,
|
|
24579
24604
|
loadOptions = _a.loadOptions,
|
|
24580
24605
|
isClearable = _a.isClearable,
|
|
24581
|
-
|
|
24582
|
-
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", "
|
|
24606
|
+
iconLeft = _a.iconLeft,
|
|
24607
|
+
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"]);
|
|
24583
24608
|
|
|
24584
24609
|
var _useTranslation = useTranslation(),
|
|
24585
24610
|
t = _useTranslation.t;
|
|
24586
24611
|
|
|
24612
|
+
var variant = useComponentVariant();
|
|
24587
24613
|
var theme = useTheme();
|
|
24588
24614
|
var spaceProps = getSubset(props, propTypes$1.space);
|
|
24589
24615
|
var error = !!(errorMessage || errorList);
|
|
@@ -24601,8 +24627,10 @@ var AsyncSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
24601
24627
|
defaultInputValue: defaultValue,
|
|
24602
24628
|
placeholder: placeholder || t("start typing"),
|
|
24603
24629
|
styles: customStyles({
|
|
24630
|
+
hasIcon: Boolean(iconLeft),
|
|
24604
24631
|
theme: theme,
|
|
24605
24632
|
error: error,
|
|
24633
|
+
variant: variant,
|
|
24606
24634
|
maxHeight: maxHeight,
|
|
24607
24635
|
windowed: false,
|
|
24608
24636
|
hasDefaultOptions: Boolean(defaultOptions)
|
|
@@ -24630,7 +24658,11 @@ var AsyncSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
24630
24658
|
variant: componentVariant
|
|
24631
24659
|
}, props), props.children);
|
|
24632
24660
|
},
|
|
24633
|
-
Control:
|
|
24661
|
+
Control: function Control(props) {
|
|
24662
|
+
return /*#__PURE__*/React__default.createElement(SelectControl$1, Object.assign({
|
|
24663
|
+
iconLeft: iconLeft
|
|
24664
|
+
}, props), props.children);
|
|
24665
|
+
},
|
|
24634
24666
|
MultiValue: SelectMultiValue$1,
|
|
24635
24667
|
ClearIndicator: SelectClearIndicator$1,
|
|
24636
24668
|
DropdownIndicator: SelectDropdownIndicator$1,
|
|
@@ -29340,11 +29372,10 @@ var InputField = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29340
29372
|
textAlign: prefixAlignment
|
|
29341
29373
|
}), /*#__PURE__*/React__default.createElement(InputWrapper, {
|
|
29342
29374
|
maxWidth: inputWidth
|
|
29343
|
-
}, iconLeft && /*#__PURE__*/React__default.createElement(
|
|
29375
|
+
}, iconLeft && /*#__PURE__*/React__default.createElement(InputIcon, {
|
|
29344
29376
|
left: "x1",
|
|
29345
29377
|
icon: iconLeft,
|
|
29346
|
-
size: iconLeftSize
|
|
29347
|
-
variant: variant
|
|
29378
|
+
size: iconLeftSize
|
|
29348
29379
|
}), /*#__PURE__*/React__default.createElement(StyledInput, Object.assign({
|
|
29349
29380
|
paddingLeft: iconLeft ? "calc(" + theme.space[iconLeftSize] + " + " + theme.space.x1_5 + ")" : theme.space.x1,
|
|
29350
29381
|
paddingRight: iconRight ? "calc(" + theme.space[iconRightSize] + " + " + theme.space.x1_5 + ")" : theme.space.x1,
|
|
@@ -29356,11 +29387,10 @@ var InputField = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29356
29387
|
size: htmlSize,
|
|
29357
29388
|
variant: componentVariant,
|
|
29358
29389
|
inputWidth: inputWidth
|
|
29359
|
-
}, props)), iconRight && /*#__PURE__*/React__default.createElement(
|
|
29390
|
+
}, props)), iconRight && /*#__PURE__*/React__default.createElement(InputIcon, {
|
|
29360
29391
|
right: "x1",
|
|
29361
29392
|
icon: iconRight,
|
|
29362
|
-
size: iconRightSize
|
|
29363
|
-
variant: variant
|
|
29393
|
+
size: iconRightSize
|
|
29364
29394
|
})), /*#__PURE__*/React__default.createElement(Suffix, {
|
|
29365
29395
|
suffix: suffix,
|
|
29366
29396
|
suffixWidth: suffixWidth,
|
|
@@ -29432,24 +29462,11 @@ var StyledInput = styled.input.withConfig({
|
|
|
29432
29462
|
theme: theme
|
|
29433
29463
|
});
|
|
29434
29464
|
}, space);
|
|
29435
|
-
var StyledInputIcon = styled(Icon).withConfig({
|
|
29436
|
-
displayName: "InputField__StyledInputIcon",
|
|
29437
|
-
componentId: "sc-a97ghf-2"
|
|
29438
|
-
})(function (_ref4) {
|
|
29439
|
-
var theme = _ref4.theme;
|
|
29440
|
-
return {
|
|
29441
|
-
position: "absolute",
|
|
29442
|
-
color: theme.colors.midGrey,
|
|
29443
|
-
bottom: "50%",
|
|
29444
|
-
transform: "translateY(50%)",
|
|
29445
|
-
pointerEvents: "none"
|
|
29446
|
-
};
|
|
29447
|
-
}, position);
|
|
29448
29465
|
|
|
29449
|
-
var cssForState = function cssForState(
|
|
29450
|
-
var disabled =
|
|
29451
|
-
error =
|
|
29452
|
-
theme =
|
|
29466
|
+
var cssForState = function cssForState(_ref4) {
|
|
29467
|
+
var disabled = _ref4.disabled,
|
|
29468
|
+
error = _ref4.error,
|
|
29469
|
+
theme = _ref4.theme;
|
|
29453
29470
|
if (disabled) return {
|
|
29454
29471
|
color: theme.colors.midGrey,
|
|
29455
29472
|
borderColor: theme.colors.lightGrey,
|
|
@@ -34373,7 +34390,7 @@ function endOfDay(dirtyDate) {
|
|
|
34373
34390
|
* //=> false
|
|
34374
34391
|
*/
|
|
34375
34392
|
|
|
34376
|
-
function isEqual(dirtyLeftDate, dirtyRightDate) {
|
|
34393
|
+
function isEqual$1(dirtyLeftDate, dirtyRightDate) {
|
|
34377
34394
|
requiredArgs$1(2, arguments);
|
|
34378
34395
|
var dateLeft = toDate$1(dirtyLeftDate);
|
|
34379
34396
|
var dateRight = toDate$1(dirtyRightDate);
|
|
@@ -37552,7 +37569,7 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
|
|
|
37552
37569
|
}])
|
|
37553
37570
|
};
|
|
37554
37571
|
|
|
37555
|
-
if (isEqual$
|
|
37572
|
+
if (isEqual$3(prevOptions.current, newOptions)) {
|
|
37556
37573
|
return prevOptions.current || newOptions;
|
|
37557
37574
|
} else {
|
|
37558
37575
|
prevOptions.current = newOptions;
|
|
@@ -37681,7 +37698,7 @@ function Reference(_ref) {
|
|
|
37681
37698
|
});
|
|
37682
37699
|
}
|
|
37683
37700
|
|
|
37684
|
-
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.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.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.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.createElement("div",{className:"react-datepicker__year-option",key:"upcoming",onClick:r.incrementYears},React__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.createElement("div",{className:"react-datepicker__year-option",key:"previous",onClick:r.decrementYears},React__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({"react-datepicker__year-dropdown":!0,"react-datepicker__year-dropdown--scrollable":this.props.scrollableYearDropdown});return React__default.createElement("div",{className:r},this.renderOptions())}}]),o}()),wt=function(t){ue(n,React__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.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.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.createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__year-read-view",onClick:function(e){return t.toggleDropdown(e)}},React__default.createElement("span",{className:"react-datepicker__year-read-view--down-arrow"}),React__default.createElement("span",{className:"react-datepicker__year-read-view--selected-year"},t.props.year))})),le(fe(t),"renderDropdown",(function(){return React__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.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.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.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.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.createElement("div",{className:"react-datepicker__month-dropdown"},this.renderOptions())}}]),n}()),gt=function(t){ue(n,React__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.createElement("option",{key:r,value:r},t)}))})),le(fe(t),"renderSelectMode",(function(r){return React__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.createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__month-read-view",onClick:t.toggleDropdown},React__default.createElement("span",{className:"react-datepicker__month-read-view--down-arrow"}),React__default.createElement("span",{className:"react-datepicker__month-read-view--selected-month"},n[t.props.month]))})),le(fe(t),"renderDropdown",(function(r){return React__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.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.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.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.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({"react-datepicker__month-year-dropdown":!0,"react-datepicker__month-year-dropdown--scrollable":this.props.scrollableMonthYearDropdown});return React__default.createElement("div",{className:r},this.renderOptions())}}]),o}()),_t=function(t){ue(n,React__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.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.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.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.createElement("span",{className:"react-datepicker__month-year-read-view--down-arrow"}),React__default.createElement("span",{className:"react-datepicker__month-year-read-view--selected-month-year"},n))})),le(fe(t),"renderDropdown",(function(){return React__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.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.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.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("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.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.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.createElement("div",{className:t(s),"aria-label":"".concat(a," ").concat(this.props.weekNumber),onClick:this.handleClick},n)}}]),o}(),Pt=function(t){ue(n,React__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.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.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.createElement("div",{className:"react-datepicker__week"},this.renderDays())}}],[{key:"defaultProps",get:function(){return {shouldCloseOnSelect:!0}}}]),n}(),Et=function(r){ue(o,React__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.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.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("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("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.createElement("div",{className:"react-datepicker__month-wrapper",key:o},t.map((function(t,o){return React__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.createElement("div",{className:"react-datepicker__quarter-wrapper"},[1,2,3,4].map((function(t,n){return React__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("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.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.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.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.createElement("div",{className:"react-datepicker__time-container ".concat(this.props.todayButton?"react-datepicker__time-container--with-today-button":"")},React__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.createElement("div",{className:"react-datepicker-time__header"},this.props.timeCaption)),React__default.createElement("div",{className:"react-datepicker__time"},React__default.createElement("div",{className:"react-datepicker__time-box"},React__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.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("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.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.createElement("div",{className:"react-datepicker__year"},React__default.createElement("div",{className:"react-datepicker__year-wrapper"},r))}}]),o}(),xt=function(t){ue(n,React__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.cloneElement(s,{date:n,value:t,onChange:o.onTimeChange}):React__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.createElement("div",{className:"react-datepicker__input-time-container"},React__default.createElement("div",{className:"react-datepicker-time__caption"},this.props.timeInputLabel),React__default.createElement("div",{className:"react-datepicker-time__input-container"},React__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.createElement("div",{className:r},o&&React__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.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.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.createElement("div",{key:r,className:t("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.createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?l:i},React__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.createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?d:i},React__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.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.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.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.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.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.createElement("div",{className:"react-datepicker__header ".concat(a.props.showTimeSelect?"react-datepicker__header--has-time-select":"")},a.renderCurrentMonth(r),React__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.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.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.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.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.createElement("div",{key:i,ref:function(e){a.monthContainer=e;},className:"react-datepicker__month-container"},a.renderHeader({monthDate:p,i:o}),React__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.createElement("div",{className:"react-datepicker__year--container"},a.renderHeader(),React__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.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.createElement(xt,{date:t,timeString:r,timeInputLabel:a.props.timeInputLabel,onChange:a.props.onTimeChange,customTimeInput:a.props.customTimeInput})})),a.containerRef=React__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.createElement("div",{ref:this.containerRef},React__default.createElement(r,{className:t("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.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.createRef(),o}return ce(n,[{key:"render",value:function(){return this.props.enableTabLoop?React__default.createElement("div",{className:"react-datepicker__tab-loop",ref:this.tabLoopRef},React__default.createElement("div",{className:"react-datepicker__tab-loop__start",tabIndex:"0",onFocus:this.handleFocusStart}),this.props.children,React__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.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.createPortal(this.props.children,this.el)}}]),n}(),At=function(r){ue(o,React__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("react-datepicker-popper",o);r=React__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.createElement(Ft,{enableTabLoop:u},React__default.createElement("div",{ref:r,style:n,className:f,"data-placement":o,onKeyDown:h},React__default.cloneElement(p,{arrowProps:a})))}));}this.props.popperContainer&&(r=React__default.createElement(this.props.popperContainer,{},r)),m&&!s&&(r=React__default.createElement(Rt,{portalId:m},r));var y=t("react-datepicker-wrapper",a);return React__default.createElement(Manager,{className:"react-datepicker-manager"},React__default.createElement(Reference,null,(function(t){var r=t.ref;return React__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.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.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(s.props.className,le({},"react-datepicker-ignore-onclickoutside",s.state.open)),o=s.props.customInput||React__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.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(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.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.createElement("div",null,this.props.inline?null:React__default.createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton()),this.state.open||this.props.inline?React__default.createElement("div",{className:"react-datepicker__portal"},t):null):React__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.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;
|
|
37701
|
+
function oe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n);}return r}function ae(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(r),!0).forEach((function(t){le(e,t,r[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):oe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t));}));}return e}function se(e){return (se="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function pe(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ie(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n);}}function ce(e,t,r){return t&&ie(e.prototype,t),r&&ie(e,r),e}function le(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function de$1(){return (de$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e}).apply(this,arguments)}function ue(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&me(e,t);}function he(e){return (he=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function me(e,t){return (me=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function fe(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ye(e,t){return !t||"object"!=typeof t&&"function"!=typeof t?fe(e):t}function ve(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return !1}}();return function(){var r,n=he(e);if(t){var o=he(this).constructor;r=Reflect.construct(n,arguments,o);}else r=n.apply(this,arguments);return ye(this,r)}}function De(e){return function(e){if(Array.isArray(e))return we(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return we(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return we(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function we(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function ke(e,t){switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}}function ge(e,t){switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}}var be={p:ge,P:function(e,t){var r,n=e.match(/(P+)(p+)?/),o=n[1],a=n[2];if(!a)return ke(e,t);switch(o){case"P":r=t.dateTime({width:"short"});break;case"PP":r=t.dateTime({width:"medium"});break;case"PPP":r=t.dateTime({width:"long"});break;case"PPPP":default:r=t.dateTime({width:"full"});}return r.replace("{{date}}",ke(o,t)).replace("{{time}}",ge(a,t))}},Ce=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;function _e(e){var t=e?"string"==typeof e||e instanceof String?parseISO(e):toDate$1(e):new Date;return Me(t)?t:null}function Se(e,t,r,n,a){var s=null,p=qe(r)||qe(Ve()),i=!0;return Array.isArray(t)?(t.forEach((function(t){var r=parse(e,t,new Date,{locale:p});n&&(i=Me(r,a)&&e===format$1(r,t,{awareOfUnicodeTokens:!0})),Me(r,a)&&i&&(s=r);})),s):(s=parse(e,t,new Date,{locale:p}),n?i=Me(s)&&e===format$1(s,t,{awareOfUnicodeTokens:!0}):Me(s)||(t=t.match(Ce).map((function(e){var t=e[0];return "p"===t||"P"===t?p?(0, be[t])(e,p.formatLong):t:e})).join(""),e.length>0&&(s=parse(e,t.slice(0,e.length),new Date)),Me(s)||(s=new Date(e))),Me(s)&&i?s:null)}function Me(e,t){return t=t||new Date("1/1/1000"),isValid$1(e)&&isAfter$1(e,t)}function Pe(e,t,r){if("en"===r)return format$1(e,t,{awareOfUnicodeTokens:!0});var n=qe(r);return r&&!n&&console.warn('A locale object was not found for the provided string ["'.concat(r,'"].')),!n&&Ve()&&qe(Ve())&&(n=qe(Ve())),format$1(e,t,{locale:n||null,awareOfUnicodeTokens:!0})}function Ee(e,t){var r=t.dateFormat,n=t.locale;return e&&Pe(e,Array.isArray(r)?r[0]:r,n)||""}function Ne(e,t){var r=t.hour,n=void 0===r?0:r,o=t.minute,a=void 0===o?0:o,s=t.second;return setHours(setMinutes$1(setSeconds(e,void 0===s?0:s),a),n)}function Oe(e,t){var r=t&&qe(t)||Ve()&&qe(Ve());return getISOWeek(e,r?{locale:r}:null)}function xe(e,t){return Pe(e,"ddd",t)}function Te(e){return startOfDay$1(e)}function Ye(e,t,r){var n=qe(t||Ve());return startOfWeek(e,{locale:n,weekStartsOn:r})}function Ie(e){return startOfMonth(e)}function Le(e){return startOfYear(e)}function Fe(e){return startOfQuarter(e)}function Re(e,t){return e&&t?isSameYear(e,t):!e&&!t}function Ae(e,t){return e&&t?isSameMonth(e,t):!e&&!t}function Be(e,t){return e&&t?isSameQuarter(e,t):!e&&!t}function We(e,t){return e&&t?isSameDay$1(e,t):!e&&!t}function Ke(e,t){return e&&t?isEqual$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.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.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.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.createElement("div",{className:"react-datepicker__year-option",key:"upcoming",onClick:r.incrementYears},React__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.createElement("div",{className:"react-datepicker__year-option",key:"previous",onClick:r.decrementYears},React__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({"react-datepicker__year-dropdown":!0,"react-datepicker__year-dropdown--scrollable":this.props.scrollableYearDropdown});return React__default.createElement("div",{className:r},this.renderOptions())}}]),o}()),wt=function(t){ue(n,React__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.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.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.createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__year-read-view",onClick:function(e){return t.toggleDropdown(e)}},React__default.createElement("span",{className:"react-datepicker__year-read-view--down-arrow"}),React__default.createElement("span",{className:"react-datepicker__year-read-view--selected-year"},t.props.year))})),le(fe(t),"renderDropdown",(function(){return React__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.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.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.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.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.createElement("div",{className:"react-datepicker__month-dropdown"},this.renderOptions())}}]),n}()),gt=function(t){ue(n,React__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.createElement("option",{key:r,value:r},t)}))})),le(fe(t),"renderSelectMode",(function(r){return React__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.createElement("div",{key:"read",style:{visibility:r?"visible":"hidden"},className:"react-datepicker__month-read-view",onClick:t.toggleDropdown},React__default.createElement("span",{className:"react-datepicker__month-read-view--down-arrow"}),React__default.createElement("span",{className:"react-datepicker__month-read-view--selected-month"},n[t.props.month]))})),le(fe(t),"renderDropdown",(function(r){return React__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.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.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.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.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({"react-datepicker__month-year-dropdown":!0,"react-datepicker__month-year-dropdown--scrollable":this.props.scrollableMonthYearDropdown});return React__default.createElement("div",{className:r},this.renderOptions())}}]),o}()),_t=function(t){ue(n,React__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.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.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.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.createElement("span",{className:"react-datepicker__month-year-read-view--down-arrow"}),React__default.createElement("span",{className:"react-datepicker__month-year-read-view--selected-month-year"},n))})),le(fe(t),"renderDropdown",(function(){return React__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.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.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.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("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.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.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.createElement("div",{className:t(s),"aria-label":"".concat(a," ").concat(this.props.weekNumber),onClick:this.handleClick},n)}}]),o}(),Pt=function(t){ue(n,React__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.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.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.createElement("div",{className:"react-datepicker__week"},this.renderDays())}}],[{key:"defaultProps",get:function(){return {shouldCloseOnSelect:!0}}}]),n}(),Et=function(r){ue(o,React__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.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.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("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("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.createElement("div",{className:"react-datepicker__month-wrapper",key:o},t.map((function(t,o){return React__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.createElement("div",{className:"react-datepicker__quarter-wrapper"},[1,2,3,4].map((function(t,n){return React__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("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.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.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.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.createElement("div",{className:"react-datepicker__time-container ".concat(this.props.todayButton?"react-datepicker__time-container--with-today-button":"")},React__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.createElement("div",{className:"react-datepicker-time__header"},this.props.timeCaption)),React__default.createElement("div",{className:"react-datepicker__time"},React__default.createElement("div",{className:"react-datepicker__time-box"},React__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.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("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.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.createElement("div",{className:"react-datepicker__year"},React__default.createElement("div",{className:"react-datepicker__year-wrapper"},r))}}]),o}(),xt=function(t){ue(n,React__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.cloneElement(s,{date:n,value:t,onChange:o.onTimeChange}):React__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.createElement("div",{className:"react-datepicker__input-time-container"},React__default.createElement("div",{className:"react-datepicker-time__caption"},this.props.timeInputLabel),React__default.createElement("div",{className:"react-datepicker-time__input-container"},React__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.createElement("div",{className:r},o&&React__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.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.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.createElement("div",{key:r,className:t("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.createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?l:i},React__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.createElement("button",{type:"button",className:r.join(" "),onClick:n,"aria-label":o?d:i},React__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.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.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.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.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.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.createElement("div",{className:"react-datepicker__header ".concat(a.props.showTimeSelect?"react-datepicker__header--has-time-select":"")},a.renderCurrentMonth(r),React__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.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.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.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.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.createElement("div",{key:i,ref:function(e){a.monthContainer=e;},className:"react-datepicker__month-container"},a.renderHeader({monthDate:p,i:o}),React__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.createElement("div",{className:"react-datepicker__year--container"},a.renderHeader(),React__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.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.createElement(xt,{date:t,timeString:r,timeInputLabel:a.props.timeInputLabel,onChange:a.props.onTimeChange,customTimeInput:a.props.customTimeInput})})),a.containerRef=React__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.createElement("div",{ref:this.containerRef},React__default.createElement(r,{className:t("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.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.createRef(),o}return ce(n,[{key:"render",value:function(){return this.props.enableTabLoop?React__default.createElement("div",{className:"react-datepicker__tab-loop",ref:this.tabLoopRef},React__default.createElement("div",{className:"react-datepicker__tab-loop__start",tabIndex:"0",onFocus:this.handleFocusStart}),this.props.children,React__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.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.createPortal(this.props.children,this.el)}}]),n}(),At=function(r){ue(o,React__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("react-datepicker-popper",o);r=React__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.createElement(Ft,{enableTabLoop:u},React__default.createElement("div",{ref:r,style:n,className:f,"data-placement":o,onKeyDown:h},React__default.cloneElement(p,{arrowProps:a})))}));}this.props.popperContainer&&(r=React__default.createElement(this.props.popperContainer,{},r)),m&&!s&&(r=React__default.createElement(Rt,{portalId:m},r));var y=t("react-datepicker-wrapper",a);return React__default.createElement(Manager,{className:"react-datepicker-manager"},React__default.createElement(Reference,null,(function(t){var r=t.ref;return React__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.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.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(s.props.className,le({},"react-datepicker-ignore-onclickoutside",s.state.open)),o=s.props.customInput||React__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.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(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.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.createElement("div",null,this.props.inline?null:React__default.createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton()),this.state.open||this.props.inline?React__default.createElement("div",{className:"react-datepicker__portal"},t):null):React__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.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;
|
|
37685
37702
|
|
|
37686
37703
|
function toInteger(dirtyNumber) {
|
|
37687
37704
|
if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
|
|
@@ -51722,139 +51739,1321 @@ var getRadioButtons = function getRadioButtons(props) {
|
|
|
51722
51739
|
return radioButtons;
|
|
51723
51740
|
};
|
|
51724
51741
|
|
|
51725
|
-
|
|
51726
|
-
// eslint-disable-next-line react/prop-types
|
|
51742
|
+
function SelectControl(props) {
|
|
51727
51743
|
var isFocused = props.isFocused;
|
|
51728
51744
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
51729
51745
|
"data-testid": "select-control"
|
|
51730
|
-
}, /*#__PURE__*/React__default.createElement(components
|
|
51746
|
+
}, /*#__PURE__*/React__default.createElement(components.Control, Object.assign({
|
|
51731
51747
|
className: isFocused ? "nds-select--is-focused" : null,
|
|
51732
51748
|
isFocused: isFocused
|
|
51733
|
-
}, props)));
|
|
51734
|
-
}
|
|
51735
|
-
|
|
51749
|
+
}, props), props.children));
|
|
51750
|
+
}
|
|
51751
|
+
function SelectMultiValue(props) {
|
|
51736
51752
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
51737
51753
|
"data-testid": "select-multivalue"
|
|
51738
|
-
}, /*#__PURE__*/React__default.createElement(components
|
|
51739
|
-
}
|
|
51740
|
-
|
|
51754
|
+
}, /*#__PURE__*/React__default.createElement(components.MultiValue, Object.assign({}, props), props.children));
|
|
51755
|
+
}
|
|
51756
|
+
function SelectClearIndicator(props) {
|
|
51741
51757
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
51742
51758
|
"data-testid": "select-clear"
|
|
51743
|
-
}, /*#__PURE__*/React__default.createElement(components
|
|
51744
|
-
}
|
|
51745
|
-
|
|
51759
|
+
}, /*#__PURE__*/React__default.createElement(components.ClearIndicator, Object.assign({}, props)));
|
|
51760
|
+
}
|
|
51761
|
+
function SelectDropdownIndicator(props) {
|
|
51746
51762
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
51747
51763
|
"data-testid": "select-arrow"
|
|
51748
|
-
}, /*#__PURE__*/React__default.createElement(components
|
|
51749
|
-
}
|
|
51750
|
-
|
|
51764
|
+
}, /*#__PURE__*/React__default.createElement(components.DropdownIndicator, Object.assign({}, props)));
|
|
51765
|
+
}
|
|
51766
|
+
function SelectMenu(props) {
|
|
51751
51767
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
51752
51768
|
"data-testid": "select-dropdown"
|
|
51753
|
-
}, /*#__PURE__*/React__default.createElement(components
|
|
51754
|
-
}
|
|
51755
|
-
|
|
51769
|
+
}, /*#__PURE__*/React__default.createElement(components.Menu, Object.assign({}, props), props.children));
|
|
51770
|
+
}
|
|
51771
|
+
function SelectContainer(props) {
|
|
51756
51772
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
51757
51773
|
"data-testid": "select-container"
|
|
51758
|
-
}, /*#__PURE__*/React__default.createElement(components
|
|
51759
|
-
}
|
|
51760
|
-
|
|
51774
|
+
}, /*#__PURE__*/React__default.createElement(components.SelectContainer, Object.assign({}, props), props.children));
|
|
51775
|
+
}
|
|
51776
|
+
function SelectInput(props) {
|
|
51761
51777
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
51762
51778
|
"data-testid": "select-input"
|
|
51763
|
-
}, /*#__PURE__*/React__default.createElement(components
|
|
51779
|
+
}, /*#__PURE__*/React__default.createElement(components.Input, Object.assign({}, props), props.children));
|
|
51780
|
+
}
|
|
51781
|
+
|
|
51782
|
+
var safeIsNaN = Number.isNaN ||
|
|
51783
|
+
function ponyfill(value) {
|
|
51784
|
+
return typeof value === 'number' && value !== value;
|
|
51785
|
+
};
|
|
51786
|
+
function isEqual(first, second) {
|
|
51787
|
+
if (first === second) {
|
|
51788
|
+
return true;
|
|
51789
|
+
}
|
|
51790
|
+
if (safeIsNaN(first) && safeIsNaN(second)) {
|
|
51791
|
+
return true;
|
|
51792
|
+
}
|
|
51793
|
+
return false;
|
|
51794
|
+
}
|
|
51795
|
+
function areInputsEqual(newInputs, lastInputs) {
|
|
51796
|
+
if (newInputs.length !== lastInputs.length) {
|
|
51797
|
+
return false;
|
|
51798
|
+
}
|
|
51799
|
+
for (var i = 0; i < newInputs.length; i++) {
|
|
51800
|
+
if (!isEqual(newInputs[i], lastInputs[i])) {
|
|
51801
|
+
return false;
|
|
51802
|
+
}
|
|
51803
|
+
}
|
|
51804
|
+
return true;
|
|
51805
|
+
}
|
|
51806
|
+
|
|
51807
|
+
function memoizeOne(resultFn, isEqual) {
|
|
51808
|
+
if (isEqual === void 0) { isEqual = areInputsEqual; }
|
|
51809
|
+
var lastThis;
|
|
51810
|
+
var lastArgs = [];
|
|
51811
|
+
var lastResult;
|
|
51812
|
+
var calledOnce = false;
|
|
51813
|
+
function memoized() {
|
|
51814
|
+
var newArgs = [];
|
|
51815
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
51816
|
+
newArgs[_i] = arguments[_i];
|
|
51817
|
+
}
|
|
51818
|
+
if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
|
|
51819
|
+
return lastResult;
|
|
51820
|
+
}
|
|
51821
|
+
lastResult = resultFn.apply(this, newArgs);
|
|
51822
|
+
calledOnce = true;
|
|
51823
|
+
lastThis = this;
|
|
51824
|
+
lastArgs = newArgs;
|
|
51825
|
+
return lastResult;
|
|
51826
|
+
}
|
|
51827
|
+
return memoized;
|
|
51828
|
+
}
|
|
51829
|
+
|
|
51830
|
+
// Animation frame based implementation of setTimeout.
|
|
51831
|
+
// Inspired by Joe Lambert, https://gist.github.com/joelambert/1002116#file-requesttimeout-js
|
|
51832
|
+
var hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
|
|
51833
|
+
var now = hasNativePerformanceNow ? function () {
|
|
51834
|
+
return performance.now();
|
|
51835
|
+
} : function () {
|
|
51836
|
+
return Date.now();
|
|
51764
51837
|
};
|
|
51838
|
+
function cancelTimeout(timeoutID) {
|
|
51839
|
+
cancelAnimationFrame(timeoutID.id);
|
|
51840
|
+
}
|
|
51841
|
+
function requestTimeout(callback, delay) {
|
|
51842
|
+
var start = now();
|
|
51765
51843
|
|
|
51766
|
-
|
|
51767
|
-
|
|
51768
|
-
|
|
51844
|
+
function tick() {
|
|
51845
|
+
if (now() - start >= delay) {
|
|
51846
|
+
callback.call(null);
|
|
51847
|
+
} else {
|
|
51848
|
+
timeoutID.id = requestAnimationFrame(tick);
|
|
51849
|
+
}
|
|
51850
|
+
}
|
|
51851
|
+
|
|
51852
|
+
var timeoutID = {
|
|
51853
|
+
id: requestAnimationFrame(tick)
|
|
51854
|
+
};
|
|
51855
|
+
return timeoutID;
|
|
51856
|
+
}
|
|
51857
|
+
|
|
51858
|
+
var size = -1; // This utility copied from "dom-helpers" package.
|
|
51859
|
+
|
|
51860
|
+
function getScrollbarSize(recalculate) {
|
|
51861
|
+
if (recalculate === void 0) {
|
|
51862
|
+
recalculate = false;
|
|
51863
|
+
}
|
|
51864
|
+
|
|
51865
|
+
if (size === -1 || recalculate) {
|
|
51866
|
+
var div = document.createElement('div');
|
|
51867
|
+
var style = div.style;
|
|
51868
|
+
style.width = '50px';
|
|
51869
|
+
style.height = '50px';
|
|
51870
|
+
style.overflow = 'scroll';
|
|
51871
|
+
document.body.appendChild(div);
|
|
51872
|
+
size = div.offsetWidth - div.clientWidth;
|
|
51873
|
+
document.body.removeChild(div);
|
|
51874
|
+
}
|
|
51875
|
+
|
|
51876
|
+
return size;
|
|
51877
|
+
}
|
|
51878
|
+
var cachedRTLResult = null; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
|
|
51879
|
+
// Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).
|
|
51880
|
+
// Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.
|
|
51881
|
+
// The safest way to check this is to intentionally set a negative offset,
|
|
51882
|
+
// and then verify that the subsequent "scroll" event matches the negative offset.
|
|
51883
|
+
// If it does not match, then we can assume a non-standard RTL scroll implementation.
|
|
51884
|
+
|
|
51885
|
+
function getRTLOffsetType(recalculate) {
|
|
51886
|
+
if (recalculate === void 0) {
|
|
51887
|
+
recalculate = false;
|
|
51888
|
+
}
|
|
51889
|
+
|
|
51890
|
+
if (cachedRTLResult === null || recalculate) {
|
|
51891
|
+
var outerDiv = document.createElement('div');
|
|
51892
|
+
var outerStyle = outerDiv.style;
|
|
51893
|
+
outerStyle.width = '50px';
|
|
51894
|
+
outerStyle.height = '50px';
|
|
51895
|
+
outerStyle.overflow = 'scroll';
|
|
51896
|
+
outerStyle.direction = 'rtl';
|
|
51897
|
+
var innerDiv = document.createElement('div');
|
|
51898
|
+
var innerStyle = innerDiv.style;
|
|
51899
|
+
innerStyle.width = '100px';
|
|
51900
|
+
innerStyle.height = '100px';
|
|
51901
|
+
outerDiv.appendChild(innerDiv);
|
|
51902
|
+
document.body.appendChild(outerDiv);
|
|
51903
|
+
|
|
51904
|
+
if (outerDiv.scrollLeft > 0) {
|
|
51905
|
+
cachedRTLResult = 'positive-descending';
|
|
51906
|
+
} else {
|
|
51907
|
+
outerDiv.scrollLeft = 1;
|
|
51908
|
+
|
|
51909
|
+
if (outerDiv.scrollLeft === 0) {
|
|
51910
|
+
cachedRTLResult = 'negative';
|
|
51911
|
+
} else {
|
|
51912
|
+
cachedRTLResult = 'positive-ascending';
|
|
51913
|
+
}
|
|
51914
|
+
}
|
|
51915
|
+
|
|
51916
|
+
document.body.removeChild(outerDiv);
|
|
51917
|
+
return cachedRTLResult;
|
|
51918
|
+
}
|
|
51919
|
+
|
|
51920
|
+
return cachedRTLResult;
|
|
51921
|
+
}
|
|
51922
|
+
|
|
51923
|
+
if (process.env.NODE_ENV !== 'production') ;
|
|
51924
|
+
|
|
51925
|
+
var IS_SCROLLING_DEBOUNCE_INTERVAL$1 = 150;
|
|
51926
|
+
|
|
51927
|
+
var defaultItemKey$1 = function defaultItemKey(index, data) {
|
|
51928
|
+
return index;
|
|
51929
|
+
}; // In DEV mode, this Set helps us only log a warning once per component instance.
|
|
51930
|
+
// This avoids spamming the console every time a render happens.
|
|
51931
|
+
|
|
51932
|
+
|
|
51933
|
+
var devWarningsDirection = null;
|
|
51934
|
+
var devWarningsTagName$1 = null;
|
|
51935
|
+
|
|
51936
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
51937
|
+
if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {
|
|
51938
|
+
devWarningsDirection = /*#__PURE__*/new WeakSet();
|
|
51939
|
+
devWarningsTagName$1 = /*#__PURE__*/new WeakSet();
|
|
51940
|
+
}
|
|
51941
|
+
}
|
|
51942
|
+
|
|
51943
|
+
function createListComponent(_ref) {
|
|
51944
|
+
var _class;
|
|
51945
|
+
|
|
51946
|
+
var getItemOffset = _ref.getItemOffset,
|
|
51947
|
+
getEstimatedTotalSize = _ref.getEstimatedTotalSize,
|
|
51948
|
+
getItemSize = _ref.getItemSize,
|
|
51949
|
+
getOffsetForIndexAndAlignment = _ref.getOffsetForIndexAndAlignment,
|
|
51950
|
+
getStartIndexForOffset = _ref.getStartIndexForOffset,
|
|
51951
|
+
getStopIndexForStartIndex = _ref.getStopIndexForStartIndex,
|
|
51952
|
+
initInstanceProps = _ref.initInstanceProps,
|
|
51953
|
+
shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,
|
|
51954
|
+
validateProps = _ref.validateProps;
|
|
51955
|
+
return _class = /*#__PURE__*/function (_PureComponent) {
|
|
51956
|
+
_inheritsLoose$2(List, _PureComponent);
|
|
51957
|
+
|
|
51958
|
+
// Always use explicit constructor for React components.
|
|
51959
|
+
// It produces less code after transpilation. (#26)
|
|
51960
|
+
// eslint-disable-next-line no-useless-constructor
|
|
51961
|
+
function List(props) {
|
|
51962
|
+
var _this;
|
|
51963
|
+
|
|
51964
|
+
_this = _PureComponent.call(this, props) || this;
|
|
51965
|
+
_this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$1(_this));
|
|
51966
|
+
_this._outerRef = void 0;
|
|
51967
|
+
_this._resetIsScrollingTimeoutId = null;
|
|
51968
|
+
_this.state = {
|
|
51969
|
+
instance: _assertThisInitialized$1(_this),
|
|
51970
|
+
isScrolling: false,
|
|
51971
|
+
scrollDirection: 'forward',
|
|
51972
|
+
scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
|
|
51973
|
+
scrollUpdateWasRequested: false
|
|
51974
|
+
};
|
|
51975
|
+
_this._callOnItemsRendered = void 0;
|
|
51976
|
+
_this._callOnItemsRendered = memoizeOne(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {
|
|
51977
|
+
return _this.props.onItemsRendered({
|
|
51978
|
+
overscanStartIndex: overscanStartIndex,
|
|
51979
|
+
overscanStopIndex: overscanStopIndex,
|
|
51980
|
+
visibleStartIndex: visibleStartIndex,
|
|
51981
|
+
visibleStopIndex: visibleStopIndex
|
|
51982
|
+
});
|
|
51983
|
+
});
|
|
51984
|
+
_this._callOnScroll = void 0;
|
|
51985
|
+
_this._callOnScroll = memoizeOne(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {
|
|
51986
|
+
return _this.props.onScroll({
|
|
51987
|
+
scrollDirection: scrollDirection,
|
|
51988
|
+
scrollOffset: scrollOffset,
|
|
51989
|
+
scrollUpdateWasRequested: scrollUpdateWasRequested
|
|
51990
|
+
});
|
|
51991
|
+
});
|
|
51992
|
+
_this._getItemStyle = void 0;
|
|
51993
|
+
|
|
51994
|
+
_this._getItemStyle = function (index) {
|
|
51995
|
+
var _this$props = _this.props,
|
|
51996
|
+
direction = _this$props.direction,
|
|
51997
|
+
itemSize = _this$props.itemSize,
|
|
51998
|
+
layout = _this$props.layout;
|
|
51999
|
+
|
|
52000
|
+
var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize, shouldResetStyleCacheOnItemSizeChange && layout, shouldResetStyleCacheOnItemSizeChange && direction);
|
|
52001
|
+
|
|
52002
|
+
var style;
|
|
52003
|
+
|
|
52004
|
+
if (itemStyleCache.hasOwnProperty(index)) {
|
|
52005
|
+
style = itemStyleCache[index];
|
|
52006
|
+
} else {
|
|
52007
|
+
var _offset = getItemOffset(_this.props, index, _this._instanceProps);
|
|
52008
|
+
|
|
52009
|
+
var size = getItemSize(_this.props, index, _this._instanceProps); // TODO Deprecate direction "horizontal"
|
|
52010
|
+
|
|
52011
|
+
var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
|
|
52012
|
+
var isRtl = direction === 'rtl';
|
|
52013
|
+
var offsetHorizontal = isHorizontal ? _offset : 0;
|
|
52014
|
+
itemStyleCache[index] = style = {
|
|
52015
|
+
position: 'absolute',
|
|
52016
|
+
left: isRtl ? undefined : offsetHorizontal,
|
|
52017
|
+
right: isRtl ? offsetHorizontal : undefined,
|
|
52018
|
+
top: !isHorizontal ? _offset : 0,
|
|
52019
|
+
height: !isHorizontal ? size : '100%',
|
|
52020
|
+
width: isHorizontal ? size : '100%'
|
|
52021
|
+
};
|
|
52022
|
+
}
|
|
52023
|
+
|
|
52024
|
+
return style;
|
|
52025
|
+
};
|
|
52026
|
+
|
|
52027
|
+
_this._getItemStyleCache = void 0;
|
|
52028
|
+
_this._getItemStyleCache = memoizeOne(function (_, __, ___) {
|
|
52029
|
+
return {};
|
|
52030
|
+
});
|
|
52031
|
+
|
|
52032
|
+
_this._onScrollHorizontal = function (event) {
|
|
52033
|
+
var _event$currentTarget = event.currentTarget,
|
|
52034
|
+
clientWidth = _event$currentTarget.clientWidth,
|
|
52035
|
+
scrollLeft = _event$currentTarget.scrollLeft,
|
|
52036
|
+
scrollWidth = _event$currentTarget.scrollWidth;
|
|
52037
|
+
|
|
52038
|
+
_this.setState(function (prevState) {
|
|
52039
|
+
if (prevState.scrollOffset === scrollLeft) {
|
|
52040
|
+
// Scroll position may have been updated by cDM/cDU,
|
|
52041
|
+
// In which case we don't need to trigger another render,
|
|
52042
|
+
// And we don't want to update state.isScrolling.
|
|
52043
|
+
return null;
|
|
52044
|
+
}
|
|
52045
|
+
|
|
52046
|
+
var direction = _this.props.direction;
|
|
52047
|
+
var scrollOffset = scrollLeft;
|
|
52048
|
+
|
|
52049
|
+
if (direction === 'rtl') {
|
|
52050
|
+
// TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
|
|
52051
|
+
// This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
|
|
52052
|
+
// It's also easier for this component if we convert offsets to the same format as they would be in for ltr.
|
|
52053
|
+
// So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.
|
|
52054
|
+
switch (getRTLOffsetType()) {
|
|
52055
|
+
case 'negative':
|
|
52056
|
+
scrollOffset = -scrollLeft;
|
|
52057
|
+
break;
|
|
52058
|
+
|
|
52059
|
+
case 'positive-descending':
|
|
52060
|
+
scrollOffset = scrollWidth - clientWidth - scrollLeft;
|
|
52061
|
+
break;
|
|
52062
|
+
}
|
|
52063
|
+
} // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
|
|
52064
|
+
|
|
52065
|
+
|
|
52066
|
+
scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
|
|
52067
|
+
return {
|
|
52068
|
+
isScrolling: true,
|
|
52069
|
+
scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
|
|
52070
|
+
scrollOffset: scrollOffset,
|
|
52071
|
+
scrollUpdateWasRequested: false
|
|
52072
|
+
};
|
|
52073
|
+
}, _this._resetIsScrollingDebounced);
|
|
52074
|
+
};
|
|
52075
|
+
|
|
52076
|
+
_this._onScrollVertical = function (event) {
|
|
52077
|
+
var _event$currentTarget2 = event.currentTarget,
|
|
52078
|
+
clientHeight = _event$currentTarget2.clientHeight,
|
|
52079
|
+
scrollHeight = _event$currentTarget2.scrollHeight,
|
|
52080
|
+
scrollTop = _event$currentTarget2.scrollTop;
|
|
52081
|
+
|
|
52082
|
+
_this.setState(function (prevState) {
|
|
52083
|
+
if (prevState.scrollOffset === scrollTop) {
|
|
52084
|
+
// Scroll position may have been updated by cDM/cDU,
|
|
52085
|
+
// In which case we don't need to trigger another render,
|
|
52086
|
+
// And we don't want to update state.isScrolling.
|
|
52087
|
+
return null;
|
|
52088
|
+
} // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
|
|
52089
|
+
|
|
52090
|
+
|
|
52091
|
+
var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
|
|
52092
|
+
return {
|
|
52093
|
+
isScrolling: true,
|
|
52094
|
+
scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
|
|
52095
|
+
scrollOffset: scrollOffset,
|
|
52096
|
+
scrollUpdateWasRequested: false
|
|
52097
|
+
};
|
|
52098
|
+
}, _this._resetIsScrollingDebounced);
|
|
52099
|
+
};
|
|
52100
|
+
|
|
52101
|
+
_this._outerRefSetter = function (ref) {
|
|
52102
|
+
var outerRef = _this.props.outerRef;
|
|
52103
|
+
_this._outerRef = ref;
|
|
52104
|
+
|
|
52105
|
+
if (typeof outerRef === 'function') {
|
|
52106
|
+
outerRef(ref);
|
|
52107
|
+
} else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {
|
|
52108
|
+
outerRef.current = ref;
|
|
52109
|
+
}
|
|
52110
|
+
};
|
|
52111
|
+
|
|
52112
|
+
_this._resetIsScrollingDebounced = function () {
|
|
52113
|
+
if (_this._resetIsScrollingTimeoutId !== null) {
|
|
52114
|
+
cancelTimeout(_this._resetIsScrollingTimeoutId);
|
|
52115
|
+
}
|
|
52116
|
+
|
|
52117
|
+
_this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL$1);
|
|
52118
|
+
};
|
|
52119
|
+
|
|
52120
|
+
_this._resetIsScrolling = function () {
|
|
52121
|
+
_this._resetIsScrollingTimeoutId = null;
|
|
52122
|
+
|
|
52123
|
+
_this.setState({
|
|
52124
|
+
isScrolling: false
|
|
52125
|
+
}, function () {
|
|
52126
|
+
// Clear style cache after state update has been committed.
|
|
52127
|
+
// This way we don't break pure sCU for items that don't use isScrolling param.
|
|
52128
|
+
_this._getItemStyleCache(-1, null);
|
|
52129
|
+
});
|
|
52130
|
+
};
|
|
52131
|
+
|
|
52132
|
+
return _this;
|
|
52133
|
+
}
|
|
52134
|
+
|
|
52135
|
+
List.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
|
|
52136
|
+
validateSharedProps$1(nextProps, prevState);
|
|
52137
|
+
validateProps(nextProps);
|
|
52138
|
+
return null;
|
|
52139
|
+
};
|
|
52140
|
+
|
|
52141
|
+
var _proto = List.prototype;
|
|
52142
|
+
|
|
52143
|
+
_proto.scrollTo = function scrollTo(scrollOffset) {
|
|
52144
|
+
scrollOffset = Math.max(0, scrollOffset);
|
|
52145
|
+
this.setState(function (prevState) {
|
|
52146
|
+
if (prevState.scrollOffset === scrollOffset) {
|
|
52147
|
+
return null;
|
|
52148
|
+
}
|
|
52149
|
+
|
|
52150
|
+
return {
|
|
52151
|
+
scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
|
|
52152
|
+
scrollOffset: scrollOffset,
|
|
52153
|
+
scrollUpdateWasRequested: true
|
|
52154
|
+
};
|
|
52155
|
+
}, this._resetIsScrollingDebounced);
|
|
52156
|
+
};
|
|
52157
|
+
|
|
52158
|
+
_proto.scrollToItem = function scrollToItem(index, align) {
|
|
52159
|
+
if (align === void 0) {
|
|
52160
|
+
align = 'auto';
|
|
52161
|
+
}
|
|
52162
|
+
|
|
52163
|
+
var _this$props2 = this.props,
|
|
52164
|
+
itemCount = _this$props2.itemCount,
|
|
52165
|
+
layout = _this$props2.layout;
|
|
52166
|
+
var scrollOffset = this.state.scrollOffset;
|
|
52167
|
+
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.
|
|
52168
|
+
// But we only need to account for its size when it's actually visible.
|
|
52169
|
+
// This is an edge case for lists; normally they only scroll in the dominant direction.
|
|
52170
|
+
|
|
52171
|
+
var scrollbarSize = 0;
|
|
52172
|
+
|
|
52173
|
+
if (this._outerRef) {
|
|
52174
|
+
var outerRef = this._outerRef;
|
|
52175
|
+
|
|
52176
|
+
if (layout === 'vertical') {
|
|
52177
|
+
scrollbarSize = outerRef.scrollWidth > outerRef.clientWidth ? getScrollbarSize() : 0;
|
|
52178
|
+
} else {
|
|
52179
|
+
scrollbarSize = outerRef.scrollHeight > outerRef.clientHeight ? getScrollbarSize() : 0;
|
|
52180
|
+
}
|
|
52181
|
+
}
|
|
52182
|
+
|
|
52183
|
+
this.scrollTo(getOffsetForIndexAndAlignment(this.props, index, align, scrollOffset, this._instanceProps, scrollbarSize));
|
|
52184
|
+
};
|
|
52185
|
+
|
|
52186
|
+
_proto.componentDidMount = function componentDidMount() {
|
|
52187
|
+
var _this$props3 = this.props,
|
|
52188
|
+
direction = _this$props3.direction,
|
|
52189
|
+
initialScrollOffset = _this$props3.initialScrollOffset,
|
|
52190
|
+
layout = _this$props3.layout;
|
|
52191
|
+
|
|
52192
|
+
if (typeof initialScrollOffset === 'number' && this._outerRef != null) {
|
|
52193
|
+
var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
|
|
52194
|
+
|
|
52195
|
+
if (direction === 'horizontal' || layout === 'horizontal') {
|
|
52196
|
+
outerRef.scrollLeft = initialScrollOffset;
|
|
52197
|
+
} else {
|
|
52198
|
+
outerRef.scrollTop = initialScrollOffset;
|
|
52199
|
+
}
|
|
52200
|
+
}
|
|
52201
|
+
|
|
52202
|
+
this._callPropsCallbacks();
|
|
52203
|
+
};
|
|
52204
|
+
|
|
52205
|
+
_proto.componentDidUpdate = function componentDidUpdate() {
|
|
52206
|
+
var _this$props4 = this.props,
|
|
52207
|
+
direction = _this$props4.direction,
|
|
52208
|
+
layout = _this$props4.layout;
|
|
52209
|
+
var _this$state = this.state,
|
|
52210
|
+
scrollOffset = _this$state.scrollOffset,
|
|
52211
|
+
scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;
|
|
52212
|
+
|
|
52213
|
+
if (scrollUpdateWasRequested && this._outerRef != null) {
|
|
52214
|
+
var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
|
|
52215
|
+
|
|
52216
|
+
if (direction === 'horizontal' || layout === 'horizontal') {
|
|
52217
|
+
if (direction === 'rtl') {
|
|
52218
|
+
// TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
|
|
52219
|
+
// This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
|
|
52220
|
+
// So we need to determine which browser behavior we're dealing with, and mimic it.
|
|
52221
|
+
switch (getRTLOffsetType()) {
|
|
52222
|
+
case 'negative':
|
|
52223
|
+
outerRef.scrollLeft = -scrollOffset;
|
|
52224
|
+
break;
|
|
52225
|
+
|
|
52226
|
+
case 'positive-ascending':
|
|
52227
|
+
outerRef.scrollLeft = scrollOffset;
|
|
52228
|
+
break;
|
|
52229
|
+
|
|
52230
|
+
default:
|
|
52231
|
+
var clientWidth = outerRef.clientWidth,
|
|
52232
|
+
scrollWidth = outerRef.scrollWidth;
|
|
52233
|
+
outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;
|
|
52234
|
+
break;
|
|
52235
|
+
}
|
|
52236
|
+
} else {
|
|
52237
|
+
outerRef.scrollLeft = scrollOffset;
|
|
52238
|
+
}
|
|
52239
|
+
} else {
|
|
52240
|
+
outerRef.scrollTop = scrollOffset;
|
|
52241
|
+
}
|
|
52242
|
+
}
|
|
52243
|
+
|
|
52244
|
+
this._callPropsCallbacks();
|
|
52245
|
+
};
|
|
52246
|
+
|
|
52247
|
+
_proto.componentWillUnmount = function componentWillUnmount() {
|
|
52248
|
+
if (this._resetIsScrollingTimeoutId !== null) {
|
|
52249
|
+
cancelTimeout(this._resetIsScrollingTimeoutId);
|
|
52250
|
+
}
|
|
52251
|
+
};
|
|
52252
|
+
|
|
52253
|
+
_proto.render = function render() {
|
|
52254
|
+
var _this$props5 = this.props,
|
|
52255
|
+
children = _this$props5.children,
|
|
52256
|
+
className = _this$props5.className,
|
|
52257
|
+
direction = _this$props5.direction,
|
|
52258
|
+
height = _this$props5.height,
|
|
52259
|
+
innerRef = _this$props5.innerRef,
|
|
52260
|
+
innerElementType = _this$props5.innerElementType,
|
|
52261
|
+
innerTagName = _this$props5.innerTagName,
|
|
52262
|
+
itemCount = _this$props5.itemCount,
|
|
52263
|
+
itemData = _this$props5.itemData,
|
|
52264
|
+
_this$props5$itemKey = _this$props5.itemKey,
|
|
52265
|
+
itemKey = _this$props5$itemKey === void 0 ? defaultItemKey$1 : _this$props5$itemKey,
|
|
52266
|
+
layout = _this$props5.layout,
|
|
52267
|
+
outerElementType = _this$props5.outerElementType,
|
|
52268
|
+
outerTagName = _this$props5.outerTagName,
|
|
52269
|
+
style = _this$props5.style,
|
|
52270
|
+
useIsScrolling = _this$props5.useIsScrolling,
|
|
52271
|
+
width = _this$props5.width;
|
|
52272
|
+
var isScrolling = this.state.isScrolling; // TODO Deprecate direction "horizontal"
|
|
52273
|
+
|
|
52274
|
+
var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
|
|
52275
|
+
var onScroll = isHorizontal ? this._onScrollHorizontal : this._onScrollVertical;
|
|
52276
|
+
|
|
52277
|
+
var _this$_getRangeToRend = this._getRangeToRender(),
|
|
52278
|
+
startIndex = _this$_getRangeToRend[0],
|
|
52279
|
+
stopIndex = _this$_getRangeToRend[1];
|
|
52280
|
+
|
|
52281
|
+
var items = [];
|
|
52282
|
+
|
|
52283
|
+
if (itemCount > 0) {
|
|
52284
|
+
for (var _index = startIndex; _index <= stopIndex; _index++) {
|
|
52285
|
+
items.push(createElement(children, {
|
|
52286
|
+
data: itemData,
|
|
52287
|
+
key: itemKey(_index, itemData),
|
|
52288
|
+
index: _index,
|
|
52289
|
+
isScrolling: useIsScrolling ? isScrolling : undefined,
|
|
52290
|
+
style: this._getItemStyle(_index)
|
|
52291
|
+
}));
|
|
52292
|
+
}
|
|
52293
|
+
} // Read this value AFTER items have been created,
|
|
52294
|
+
// So their actual sizes (if variable) are taken into consideration.
|
|
52295
|
+
|
|
52296
|
+
|
|
52297
|
+
var estimatedTotalSize = getEstimatedTotalSize(this.props, this._instanceProps);
|
|
52298
|
+
return createElement(outerElementType || outerTagName || 'div', {
|
|
52299
|
+
className: className,
|
|
52300
|
+
onScroll: onScroll,
|
|
52301
|
+
ref: this._outerRefSetter,
|
|
52302
|
+
style: _extends$3({
|
|
52303
|
+
position: 'relative',
|
|
52304
|
+
height: height,
|
|
52305
|
+
width: width,
|
|
52306
|
+
overflow: 'auto',
|
|
52307
|
+
WebkitOverflowScrolling: 'touch',
|
|
52308
|
+
willChange: 'transform',
|
|
52309
|
+
direction: direction
|
|
52310
|
+
}, style)
|
|
52311
|
+
}, createElement(innerElementType || innerTagName || 'div', {
|
|
52312
|
+
children: items,
|
|
52313
|
+
ref: innerRef,
|
|
52314
|
+
style: {
|
|
52315
|
+
height: isHorizontal ? '100%' : estimatedTotalSize,
|
|
52316
|
+
pointerEvents: isScrolling ? 'none' : undefined,
|
|
52317
|
+
width: isHorizontal ? estimatedTotalSize : '100%'
|
|
52318
|
+
}
|
|
52319
|
+
}));
|
|
52320
|
+
};
|
|
52321
|
+
|
|
52322
|
+
_proto._callPropsCallbacks = function _callPropsCallbacks() {
|
|
52323
|
+
if (typeof this.props.onItemsRendered === 'function') {
|
|
52324
|
+
var itemCount = this.props.itemCount;
|
|
52325
|
+
|
|
52326
|
+
if (itemCount > 0) {
|
|
52327
|
+
var _this$_getRangeToRend2 = this._getRangeToRender(),
|
|
52328
|
+
_overscanStartIndex = _this$_getRangeToRend2[0],
|
|
52329
|
+
_overscanStopIndex = _this$_getRangeToRend2[1],
|
|
52330
|
+
_visibleStartIndex = _this$_getRangeToRend2[2],
|
|
52331
|
+
_visibleStopIndex = _this$_getRangeToRend2[3];
|
|
52332
|
+
|
|
52333
|
+
this._callOnItemsRendered(_overscanStartIndex, _overscanStopIndex, _visibleStartIndex, _visibleStopIndex);
|
|
52334
|
+
}
|
|
52335
|
+
}
|
|
52336
|
+
|
|
52337
|
+
if (typeof this.props.onScroll === 'function') {
|
|
52338
|
+
var _this$state2 = this.state,
|
|
52339
|
+
_scrollDirection = _this$state2.scrollDirection,
|
|
52340
|
+
_scrollOffset = _this$state2.scrollOffset,
|
|
52341
|
+
_scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;
|
|
52342
|
+
|
|
52343
|
+
this._callOnScroll(_scrollDirection, _scrollOffset, _scrollUpdateWasRequested);
|
|
52344
|
+
}
|
|
52345
|
+
} // Lazily create and cache item styles while scrolling,
|
|
52346
|
+
// So that pure component sCU will prevent re-renders.
|
|
52347
|
+
// We maintain this cache, and pass a style prop rather than index,
|
|
52348
|
+
// So that List can clear cached styles and force item re-render if necessary.
|
|
52349
|
+
;
|
|
52350
|
+
|
|
52351
|
+
_proto._getRangeToRender = function _getRangeToRender() {
|
|
52352
|
+
var _this$props6 = this.props,
|
|
52353
|
+
itemCount = _this$props6.itemCount,
|
|
52354
|
+
overscanCount = _this$props6.overscanCount;
|
|
52355
|
+
var _this$state3 = this.state,
|
|
52356
|
+
isScrolling = _this$state3.isScrolling,
|
|
52357
|
+
scrollDirection = _this$state3.scrollDirection,
|
|
52358
|
+
scrollOffset = _this$state3.scrollOffset;
|
|
52359
|
+
|
|
52360
|
+
if (itemCount === 0) {
|
|
52361
|
+
return [0, 0, 0, 0];
|
|
52362
|
+
}
|
|
52363
|
+
|
|
52364
|
+
var startIndex = getStartIndexForOffset(this.props, scrollOffset, this._instanceProps);
|
|
52365
|
+
var stopIndex = getStopIndexForStartIndex(this.props, startIndex, scrollOffset, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.
|
|
52366
|
+
// If there isn't at least one extra item, tab loops back around.
|
|
52367
|
+
|
|
52368
|
+
var overscanBackward = !isScrolling || scrollDirection === 'backward' ? Math.max(1, overscanCount) : 1;
|
|
52369
|
+
var overscanForward = !isScrolling || scrollDirection === 'forward' ? Math.max(1, overscanCount) : 1;
|
|
52370
|
+
return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(itemCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
|
|
52371
|
+
};
|
|
52372
|
+
|
|
52373
|
+
return List;
|
|
52374
|
+
}(PureComponent), _class.defaultProps = {
|
|
52375
|
+
direction: 'ltr',
|
|
52376
|
+
itemData: undefined,
|
|
52377
|
+
layout: 'vertical',
|
|
52378
|
+
overscanCount: 2,
|
|
52379
|
+
useIsScrolling: false
|
|
52380
|
+
}, _class;
|
|
52381
|
+
} // NOTE: I considered further wrapping individual items with a pure ListItem component.
|
|
52382
|
+
// This would avoid ever calling the render function for the same index more than once,
|
|
52383
|
+
// But it would also add the overhead of a lot of components/fibers.
|
|
52384
|
+
// I assume people already do this (render function returning a class component),
|
|
52385
|
+
// So my doing it would just unnecessarily double the wrappers.
|
|
52386
|
+
|
|
52387
|
+
var validateSharedProps$1 = function validateSharedProps(_ref2, _ref3) {
|
|
52388
|
+
var children = _ref2.children,
|
|
52389
|
+
direction = _ref2.direction,
|
|
52390
|
+
height = _ref2.height,
|
|
52391
|
+
layout = _ref2.layout,
|
|
52392
|
+
innerTagName = _ref2.innerTagName,
|
|
52393
|
+
outerTagName = _ref2.outerTagName,
|
|
52394
|
+
width = _ref2.width;
|
|
52395
|
+
var instance = _ref3.instance;
|
|
52396
|
+
|
|
52397
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
52398
|
+
if (innerTagName != null || outerTagName != null) {
|
|
52399
|
+
if (devWarningsTagName$1 && !devWarningsTagName$1.has(instance)) {
|
|
52400
|
+
devWarningsTagName$1.add(instance);
|
|
52401
|
+
console.warn('The innerTagName and outerTagName props have been deprecated. ' + 'Please use the innerElementType and outerElementType props instead.');
|
|
52402
|
+
}
|
|
52403
|
+
} // TODO Deprecate direction "horizontal"
|
|
52404
|
+
|
|
52405
|
+
|
|
52406
|
+
var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
|
|
52407
|
+
|
|
52408
|
+
switch (direction) {
|
|
52409
|
+
case 'horizontal':
|
|
52410
|
+
case 'vertical':
|
|
52411
|
+
if (devWarningsDirection && !devWarningsDirection.has(instance)) {
|
|
52412
|
+
devWarningsDirection.add(instance);
|
|
52413
|
+
console.warn('The direction prop should be either "ltr" (default) or "rtl". ' + 'Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.');
|
|
52414
|
+
}
|
|
52415
|
+
|
|
52416
|
+
break;
|
|
52417
|
+
|
|
52418
|
+
case 'ltr':
|
|
52419
|
+
case 'rtl':
|
|
52420
|
+
// Valid values
|
|
52421
|
+
break;
|
|
52422
|
+
|
|
52423
|
+
default:
|
|
52424
|
+
throw Error('An invalid "direction" prop has been specified. ' + 'Value should be either "ltr" or "rtl". ' + ("\"" + direction + "\" was specified."));
|
|
52425
|
+
}
|
|
52426
|
+
|
|
52427
|
+
switch (layout) {
|
|
52428
|
+
case 'horizontal':
|
|
52429
|
+
case 'vertical':
|
|
52430
|
+
// Valid values
|
|
52431
|
+
break;
|
|
52432
|
+
|
|
52433
|
+
default:
|
|
52434
|
+
throw Error('An invalid "layout" prop has been specified. ' + 'Value should be either "horizontal" or "vertical". ' + ("\"" + layout + "\" was specified."));
|
|
52435
|
+
}
|
|
52436
|
+
|
|
52437
|
+
if (children == null) {
|
|
52438
|
+
throw Error('An invalid "children" prop has been specified. ' + 'Value should be a React component. ' + ("\"" + (children === null ? 'null' : typeof children) + "\" was specified."));
|
|
52439
|
+
}
|
|
52440
|
+
|
|
52441
|
+
if (isHorizontal && typeof width !== 'number') {
|
|
52442
|
+
throw Error('An invalid "width" prop has been specified. ' + 'Horizontal lists must specify a number for width. ' + ("\"" + (width === null ? 'null' : typeof width) + "\" was specified."));
|
|
52443
|
+
} else if (!isHorizontal && typeof height !== 'number') {
|
|
52444
|
+
throw Error('An invalid "height" prop has been specified. ' + 'Vertical lists must specify a number for height. ' + ("\"" + (height === null ? 'null' : typeof height) + "\" was specified."));
|
|
52445
|
+
}
|
|
52446
|
+
}
|
|
52447
|
+
};
|
|
52448
|
+
|
|
52449
|
+
var DEFAULT_ESTIMATED_ITEM_SIZE$1 = 50;
|
|
52450
|
+
|
|
52451
|
+
var getItemMetadata$1 = function getItemMetadata(props, index, instanceProps) {
|
|
52452
|
+
var _ref = props,
|
|
52453
|
+
itemSize = _ref.itemSize;
|
|
52454
|
+
var itemMetadataMap = instanceProps.itemMetadataMap,
|
|
52455
|
+
lastMeasuredIndex = instanceProps.lastMeasuredIndex;
|
|
52456
|
+
|
|
52457
|
+
if (index > lastMeasuredIndex) {
|
|
52458
|
+
var offset = 0;
|
|
52459
|
+
|
|
52460
|
+
if (lastMeasuredIndex >= 0) {
|
|
52461
|
+
var itemMetadata = itemMetadataMap[lastMeasuredIndex];
|
|
52462
|
+
offset = itemMetadata.offset + itemMetadata.size;
|
|
52463
|
+
}
|
|
52464
|
+
|
|
52465
|
+
for (var i = lastMeasuredIndex + 1; i <= index; i++) {
|
|
52466
|
+
var size = itemSize(i);
|
|
52467
|
+
itemMetadataMap[i] = {
|
|
52468
|
+
offset: offset,
|
|
52469
|
+
size: size
|
|
52470
|
+
};
|
|
52471
|
+
offset += size;
|
|
52472
|
+
}
|
|
52473
|
+
|
|
52474
|
+
instanceProps.lastMeasuredIndex = index;
|
|
52475
|
+
}
|
|
52476
|
+
|
|
52477
|
+
return itemMetadataMap[index];
|
|
52478
|
+
};
|
|
52479
|
+
|
|
52480
|
+
var findNearestItem$1 = function findNearestItem(props, instanceProps, offset) {
|
|
52481
|
+
var itemMetadataMap = instanceProps.itemMetadataMap,
|
|
52482
|
+
lastMeasuredIndex = instanceProps.lastMeasuredIndex;
|
|
52483
|
+
var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;
|
|
52484
|
+
|
|
52485
|
+
if (lastMeasuredItemOffset >= offset) {
|
|
52486
|
+
// If we've already measured items within this range just use a binary search as it's faster.
|
|
52487
|
+
return findNearestItemBinarySearch$1(props, instanceProps, lastMeasuredIndex, 0, offset);
|
|
52488
|
+
} else {
|
|
52489
|
+
// If we haven't yet measured this high, fallback to an exponential search with an inner binary search.
|
|
52490
|
+
// The exponential search avoids pre-computing sizes for the full set of items as a binary search would.
|
|
52491
|
+
// The overall complexity for this approach is O(log n).
|
|
52492
|
+
return findNearestItemExponentialSearch$1(props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
|
|
52493
|
+
}
|
|
52494
|
+
};
|
|
52495
|
+
|
|
52496
|
+
var findNearestItemBinarySearch$1 = function findNearestItemBinarySearch(props, instanceProps, high, low, offset) {
|
|
52497
|
+
while (low <= high) {
|
|
52498
|
+
var middle = low + Math.floor((high - low) / 2);
|
|
52499
|
+
var currentOffset = getItemMetadata$1(props, middle, instanceProps).offset;
|
|
52500
|
+
|
|
52501
|
+
if (currentOffset === offset) {
|
|
52502
|
+
return middle;
|
|
52503
|
+
} else if (currentOffset < offset) {
|
|
52504
|
+
low = middle + 1;
|
|
52505
|
+
} else if (currentOffset > offset) {
|
|
52506
|
+
high = middle - 1;
|
|
52507
|
+
}
|
|
52508
|
+
}
|
|
52509
|
+
|
|
52510
|
+
if (low > 0) {
|
|
52511
|
+
return low - 1;
|
|
52512
|
+
} else {
|
|
52513
|
+
return 0;
|
|
52514
|
+
}
|
|
52515
|
+
};
|
|
52516
|
+
|
|
52517
|
+
var findNearestItemExponentialSearch$1 = function findNearestItemExponentialSearch(props, instanceProps, index, offset) {
|
|
52518
|
+
var itemCount = props.itemCount;
|
|
52519
|
+
var interval = 1;
|
|
52520
|
+
|
|
52521
|
+
while (index < itemCount && getItemMetadata$1(props, index, instanceProps).offset < offset) {
|
|
52522
|
+
index += interval;
|
|
52523
|
+
interval *= 2;
|
|
52524
|
+
}
|
|
52525
|
+
|
|
52526
|
+
return findNearestItemBinarySearch$1(props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);
|
|
52527
|
+
};
|
|
52528
|
+
|
|
52529
|
+
var getEstimatedTotalSize = function getEstimatedTotalSize(_ref2, _ref3) {
|
|
52530
|
+
var itemCount = _ref2.itemCount;
|
|
52531
|
+
var itemMetadataMap = _ref3.itemMetadataMap,
|
|
52532
|
+
estimatedItemSize = _ref3.estimatedItemSize,
|
|
52533
|
+
lastMeasuredIndex = _ref3.lastMeasuredIndex;
|
|
52534
|
+
var totalSizeOfMeasuredItems = 0; // Edge case check for when the number of items decreases while a scroll is in progress.
|
|
52535
|
+
// https://github.com/bvaughn/react-window/pull/138
|
|
52536
|
+
|
|
52537
|
+
if (lastMeasuredIndex >= itemCount) {
|
|
52538
|
+
lastMeasuredIndex = itemCount - 1;
|
|
52539
|
+
}
|
|
52540
|
+
|
|
52541
|
+
if (lastMeasuredIndex >= 0) {
|
|
52542
|
+
var itemMetadata = itemMetadataMap[lastMeasuredIndex];
|
|
52543
|
+
totalSizeOfMeasuredItems = itemMetadata.offset + itemMetadata.size;
|
|
52544
|
+
}
|
|
52545
|
+
|
|
52546
|
+
var numUnmeasuredItems = itemCount - lastMeasuredIndex - 1;
|
|
52547
|
+
var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;
|
|
52548
|
+
return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;
|
|
52549
|
+
};
|
|
52550
|
+
|
|
52551
|
+
var VariableSizeList = /*#__PURE__*/createListComponent({
|
|
52552
|
+
getItemOffset: function getItemOffset(props, index, instanceProps) {
|
|
52553
|
+
return getItemMetadata$1(props, index, instanceProps).offset;
|
|
52554
|
+
},
|
|
52555
|
+
getItemSize: function getItemSize(props, index, instanceProps) {
|
|
52556
|
+
return instanceProps.itemMetadataMap[index].size;
|
|
52557
|
+
},
|
|
52558
|
+
getEstimatedTotalSize: getEstimatedTotalSize,
|
|
52559
|
+
getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(props, index, align, scrollOffset, instanceProps, scrollbarSize) {
|
|
52560
|
+
var direction = props.direction,
|
|
52561
|
+
height = props.height,
|
|
52562
|
+
layout = props.layout,
|
|
52563
|
+
width = props.width; // TODO Deprecate direction "horizontal"
|
|
52564
|
+
|
|
52565
|
+
var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
|
|
52566
|
+
var size = isHorizontal ? width : height;
|
|
52567
|
+
var itemMetadata = getItemMetadata$1(props, index, instanceProps); // Get estimated total size after ItemMetadata is computed,
|
|
52568
|
+
// To ensure it reflects actual measurements instead of just estimates.
|
|
52569
|
+
|
|
52570
|
+
var estimatedTotalSize = getEstimatedTotalSize(props, instanceProps);
|
|
52571
|
+
var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
|
|
52572
|
+
var minOffset = Math.max(0, itemMetadata.offset - size + itemMetadata.size + scrollbarSize);
|
|
52573
|
+
|
|
52574
|
+
if (align === 'smart') {
|
|
52575
|
+
if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
|
|
52576
|
+
align = 'auto';
|
|
52577
|
+
} else {
|
|
52578
|
+
align = 'center';
|
|
52579
|
+
}
|
|
52580
|
+
}
|
|
52581
|
+
|
|
52582
|
+
switch (align) {
|
|
52583
|
+
case 'start':
|
|
52584
|
+
return maxOffset;
|
|
52585
|
+
|
|
52586
|
+
case 'end':
|
|
52587
|
+
return minOffset;
|
|
52588
|
+
|
|
52589
|
+
case 'center':
|
|
52590
|
+
return Math.round(minOffset + (maxOffset - minOffset) / 2);
|
|
52591
|
+
|
|
52592
|
+
case 'auto':
|
|
52593
|
+
default:
|
|
52594
|
+
if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
|
|
52595
|
+
return scrollOffset;
|
|
52596
|
+
} else if (scrollOffset < minOffset) {
|
|
52597
|
+
return minOffset;
|
|
52598
|
+
} else {
|
|
52599
|
+
return maxOffset;
|
|
52600
|
+
}
|
|
52601
|
+
|
|
52602
|
+
}
|
|
52603
|
+
},
|
|
52604
|
+
getStartIndexForOffset: function getStartIndexForOffset(props, offset, instanceProps) {
|
|
52605
|
+
return findNearestItem$1(props, instanceProps, offset);
|
|
52606
|
+
},
|
|
52607
|
+
getStopIndexForStartIndex: function getStopIndexForStartIndex(props, startIndex, scrollOffset, instanceProps) {
|
|
52608
|
+
var direction = props.direction,
|
|
52609
|
+
height = props.height,
|
|
52610
|
+
itemCount = props.itemCount,
|
|
52611
|
+
layout = props.layout,
|
|
52612
|
+
width = props.width; // TODO Deprecate direction "horizontal"
|
|
52613
|
+
|
|
52614
|
+
var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
|
|
52615
|
+
var size = isHorizontal ? width : height;
|
|
52616
|
+
var itemMetadata = getItemMetadata$1(props, startIndex, instanceProps);
|
|
52617
|
+
var maxOffset = scrollOffset + size;
|
|
52618
|
+
var offset = itemMetadata.offset + itemMetadata.size;
|
|
52619
|
+
var stopIndex = startIndex;
|
|
52620
|
+
|
|
52621
|
+
while (stopIndex < itemCount - 1 && offset < maxOffset) {
|
|
52622
|
+
stopIndex++;
|
|
52623
|
+
offset += getItemMetadata$1(props, stopIndex, instanceProps).size;
|
|
52624
|
+
}
|
|
52625
|
+
|
|
52626
|
+
return stopIndex;
|
|
52627
|
+
},
|
|
52628
|
+
initInstanceProps: function initInstanceProps(props, instance) {
|
|
52629
|
+
var _ref4 = props,
|
|
52630
|
+
estimatedItemSize = _ref4.estimatedItemSize;
|
|
52631
|
+
var instanceProps = {
|
|
52632
|
+
itemMetadataMap: {},
|
|
52633
|
+
estimatedItemSize: estimatedItemSize || DEFAULT_ESTIMATED_ITEM_SIZE$1,
|
|
52634
|
+
lastMeasuredIndex: -1
|
|
52635
|
+
};
|
|
52636
|
+
|
|
52637
|
+
instance.resetAfterIndex = function (index, shouldForceUpdate) {
|
|
52638
|
+
if (shouldForceUpdate === void 0) {
|
|
52639
|
+
shouldForceUpdate = true;
|
|
52640
|
+
}
|
|
52641
|
+
|
|
52642
|
+
instanceProps.lastMeasuredIndex = Math.min(instanceProps.lastMeasuredIndex, index - 1); // We could potentially optimize further by only evicting styles after this index,
|
|
52643
|
+
// But since styles are only cached while scrolling is in progress-
|
|
52644
|
+
// It seems an unnecessary optimization.
|
|
52645
|
+
// It's unlikely that resetAfterIndex() will be called while a user is scrolling.
|
|
52646
|
+
|
|
52647
|
+
instance._getItemStyleCache(-1);
|
|
52648
|
+
|
|
52649
|
+
if (shouldForceUpdate) {
|
|
52650
|
+
instance.forceUpdate();
|
|
52651
|
+
}
|
|
52652
|
+
};
|
|
52653
|
+
|
|
52654
|
+
return instanceProps;
|
|
52655
|
+
},
|
|
52656
|
+
shouldResetStyleCacheOnItemSizeChange: false,
|
|
52657
|
+
validateProps: function validateProps(_ref5) {
|
|
52658
|
+
var itemSize = _ref5.itemSize;
|
|
52659
|
+
|
|
52660
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
52661
|
+
if (typeof itemSize !== 'function') {
|
|
52662
|
+
throw Error('An invalid "itemSize" prop has been specified. ' + 'Value should be a function. ' + ("\"" + (itemSize === null ? 'null' : typeof itemSize) + "\" was specified."));
|
|
52663
|
+
}
|
|
52664
|
+
}
|
|
52665
|
+
}
|
|
52666
|
+
});
|
|
52667
|
+
|
|
52668
|
+
function calcOptionsLength(options) {
|
|
52669
|
+
options = options || [];
|
|
52670
|
+
var head = options[0] || {};
|
|
52671
|
+
var isGrouped = head.options !== undefined;
|
|
52672
|
+
return isGrouped ? options.reduce(function (result, group) {
|
|
52673
|
+
return result + group.options.length;
|
|
52674
|
+
}, 0) : options.length;
|
|
52675
|
+
}
|
|
52676
|
+
function flattenGroupedChildren(children) {
|
|
52677
|
+
return children.reduce(function (result, child) {
|
|
52678
|
+
if (child.props.children != null && typeof child.props.children === "string") {
|
|
52679
|
+
return [].concat(result, [child]);
|
|
52680
|
+
} else {
|
|
52681
|
+
var _child$props$children = child.props.children,
|
|
52682
|
+
nestedChildren = _child$props$children === void 0 ? [] : _child$props$children;
|
|
52683
|
+
return [].concat(result, [/*#__PURE__*/React.cloneElement(child, {
|
|
52684
|
+
type: "group"
|
|
52685
|
+
}, [])], nestedChildren);
|
|
52686
|
+
}
|
|
52687
|
+
}, []);
|
|
52688
|
+
}
|
|
52689
|
+
function isFocused(_ref) {
|
|
52690
|
+
var isFocused = _ref.props.isFocused;
|
|
52691
|
+
return isFocused === true;
|
|
52692
|
+
}
|
|
52693
|
+
function getCurrentIndex(children) {
|
|
52694
|
+
return Math.max(children.findIndex(isFocused), 0);
|
|
52695
|
+
}
|
|
52696
|
+
function createGetHeight(_ref2) {
|
|
52697
|
+
var groupHeadingStyles = _ref2.groupHeadingStyles,
|
|
52698
|
+
noOptionsMsgStyles = _ref2.noOptionsMsgStyles,
|
|
52699
|
+
optionStyles = _ref2.optionStyles,
|
|
52700
|
+
loadingMsgStyles = _ref2.loadingMsgStyles;
|
|
52701
|
+
return function getHeight(child) {
|
|
52702
|
+
var _child$props = child.props,
|
|
52703
|
+
type = _child$props.type,
|
|
52704
|
+
children = _child$props.children,
|
|
52705
|
+
inputValue = _child$props.inputValue,
|
|
52706
|
+
_child$props$selectPr = _child$props.selectProps,
|
|
52707
|
+
noOptionsMessage = _child$props$selectPr.noOptionsMessage,
|
|
52708
|
+
loadingMessage = _child$props$selectPr.loadingMessage;
|
|
52709
|
+
|
|
52710
|
+
if (type === "group") {
|
|
52711
|
+
var _groupHeadingStyles$h = groupHeadingStyles.height,
|
|
52712
|
+
height = _groupHeadingStyles$h === void 0 ? 25 : _groupHeadingStyles$h;
|
|
52713
|
+
return height;
|
|
52714
|
+
} else if (type === "option") {
|
|
52715
|
+
var _optionStyles$height = optionStyles.height,
|
|
52716
|
+
_height = _optionStyles$height === void 0 ? 35 : _optionStyles$height;
|
|
52717
|
+
|
|
52718
|
+
return _height;
|
|
52719
|
+
} else if (typeof noOptionsMessage === "function" && children === noOptionsMessage({
|
|
52720
|
+
inputValue: inputValue
|
|
52721
|
+
})) {
|
|
52722
|
+
var _noOptionsMsgStyles$h = noOptionsMsgStyles.height,
|
|
52723
|
+
_height2 = _noOptionsMsgStyles$h === void 0 ? 35 : _noOptionsMsgStyles$h;
|
|
52724
|
+
|
|
52725
|
+
return _height2;
|
|
52726
|
+
} else if (typeof loadingMessage === "function" && children === loadingMessage({
|
|
52727
|
+
inputValue: inputValue
|
|
52728
|
+
})) {
|
|
52729
|
+
var _loadingMsgStyles$hei = loadingMsgStyles.height,
|
|
52730
|
+
_height3 = _loadingMsgStyles$hei === void 0 ? 35 : _loadingMsgStyles$hei;
|
|
52731
|
+
|
|
52732
|
+
return _height3;
|
|
52733
|
+
} else {
|
|
52734
|
+
return 35;
|
|
52735
|
+
}
|
|
52736
|
+
};
|
|
52737
|
+
}
|
|
52738
|
+
function checkOptionsAreValid(options) {
|
|
52739
|
+
if (options && process.env.NODE_ENV === "development") {
|
|
52740
|
+
var uniq = function uniq(a) {
|
|
52741
|
+
return Array.from(new Set(a));
|
|
52742
|
+
};
|
|
52743
|
+
|
|
52744
|
+
var uniqueValues = uniq(options.map(function (_ref3) {
|
|
52745
|
+
var value = _ref3.value;
|
|
52746
|
+
return value === null ? "_null_" : value;
|
|
52747
|
+
}));
|
|
52748
|
+
|
|
52749
|
+
if (uniqueValues.length < options.length) {
|
|
52750
|
+
console.warn("NDS: The options prop passed to Select must have unique values for each option", options);
|
|
52751
|
+
}
|
|
52752
|
+
}
|
|
52753
|
+
}
|
|
52754
|
+
function getOption(options, value) {
|
|
52755
|
+
var _a;
|
|
52756
|
+
|
|
52757
|
+
if (Array.isArray(value)) {
|
|
52758
|
+
return value.map(function (o) {
|
|
52759
|
+
return getOption(options, o);
|
|
52760
|
+
});
|
|
52761
|
+
}
|
|
52762
|
+
|
|
52763
|
+
if (options.length > 0 && value !== undefined) {
|
|
52764
|
+
return (_a = options.find(function (o) {
|
|
52765
|
+
return o.value === value;
|
|
52766
|
+
})) !== null && _a !== void 0 ? _a : null;
|
|
52767
|
+
}
|
|
52768
|
+
|
|
52769
|
+
return value;
|
|
52770
|
+
}
|
|
52771
|
+
function getReactSelectValue(options, input) {
|
|
52772
|
+
if (Array.isArray(input)) {
|
|
52773
|
+
return input.map(function (i) {
|
|
52774
|
+
return getOption(options, i);
|
|
52775
|
+
});
|
|
52776
|
+
}
|
|
52777
|
+
|
|
52778
|
+
return getOption(options, input);
|
|
52779
|
+
}
|
|
52780
|
+
function extractValue(options, isMulti) {
|
|
52781
|
+
if (options === null) {
|
|
52782
|
+
return null;
|
|
52783
|
+
}
|
|
52784
|
+
|
|
52785
|
+
if (!Array.isArray(options)) {
|
|
52786
|
+
return options.value;
|
|
52787
|
+
}
|
|
52788
|
+
|
|
52789
|
+
if (isMulti) {
|
|
52790
|
+
return options && options.length ? options.map(function (o) {
|
|
52791
|
+
return o.value;
|
|
52792
|
+
}) : [];
|
|
52793
|
+
}
|
|
52794
|
+
|
|
52795
|
+
throw new Error("UNEXPECTED ERROR: don't forget to enable isMulti");
|
|
52796
|
+
}
|
|
52797
|
+
|
|
52798
|
+
/*
|
|
52799
|
+
Copied as is from: https://github.com/jacobworrel/react-windowed-select/blob/master/src/MenuList.tsx
|
|
52800
|
+
MIT License
|
|
52801
|
+
Copyright (c) 2019 Jacob Worrel
|
|
52802
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
52803
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
52804
|
+
in the Software without restriction, including without limitation the rights
|
|
52805
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
52806
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
52807
|
+
furnished to do so, subject to the following conditions:
|
|
52808
|
+
The above copyright notice and this permission notice shall be included in all
|
|
52809
|
+
copies or substantial portions of the Software.
|
|
52810
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
52811
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
52812
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
52813
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
52814
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
52815
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
52816
|
+
SOFTWARE.
|
|
52817
|
+
*/
|
|
52818
|
+
|
|
52819
|
+
function MenuList(props) {
|
|
52820
|
+
var children = React.useMemo(function () {
|
|
52821
|
+
var children = React.Children.toArray(props.children);
|
|
52822
|
+
var head = children[0] || {};
|
|
52823
|
+
|
|
52824
|
+
if ( /*#__PURE__*/React.isValidElement(head)) {
|
|
52825
|
+
var _head$props = head.props;
|
|
52826
|
+
_head$props = _head$props === void 0 ? {} : _head$props;
|
|
52827
|
+
var _head$props$data = _head$props.data;
|
|
52828
|
+
_head$props$data = _head$props$data === void 0 ? {} : _head$props$data;
|
|
52829
|
+
var _head$props$data$opti = _head$props$data.options,
|
|
52830
|
+
options = _head$props$data$opti === void 0 ? [] : _head$props$data$opti;
|
|
52831
|
+
var groupedChildrenLength = options.length;
|
|
52832
|
+
var isGrouped = groupedChildrenLength > 0;
|
|
52833
|
+
var flattenedChildren = isGrouped && flattenGroupedChildren(children);
|
|
52834
|
+
return isGrouped ? flattenedChildren : children;
|
|
52835
|
+
} else {
|
|
52836
|
+
return [];
|
|
52837
|
+
}
|
|
52838
|
+
}, [props.children]);
|
|
52839
|
+
var getStyles = props.getStyles;
|
|
52840
|
+
var groupHeadingStyles = getStyles("groupHeading", props);
|
|
52841
|
+
var loadingMsgStyles = getStyles("loadingMessage", props);
|
|
52842
|
+
var noOptionsMsgStyles = getStyles("noOptionsMessage", props);
|
|
52843
|
+
var optionStyles = getStyles("option", props);
|
|
52844
|
+
var getHeight = createGetHeight({
|
|
52845
|
+
groupHeadingStyles: groupHeadingStyles,
|
|
52846
|
+
noOptionsMsgStyles: noOptionsMsgStyles,
|
|
52847
|
+
optionStyles: optionStyles,
|
|
52848
|
+
loadingMsgStyles: loadingMsgStyles
|
|
52849
|
+
});
|
|
52850
|
+
var heights = React.useMemo(function () {
|
|
52851
|
+
return children.map(getHeight);
|
|
52852
|
+
}, [children]);
|
|
52853
|
+
var currentIndex = React.useMemo(function () {
|
|
52854
|
+
return getCurrentIndex(children);
|
|
52855
|
+
}, [children]);
|
|
52856
|
+
var itemCount = children.length;
|
|
52857
|
+
|
|
52858
|
+
var _React$useState = React.useState({}),
|
|
52859
|
+
measuredHeights = _React$useState[0],
|
|
52860
|
+
setMeasuredHeights = _React$useState[1]; // calc menu height
|
|
52861
|
+
|
|
52862
|
+
|
|
52863
|
+
var _a = getStyles("menuList", props),
|
|
52864
|
+
maxHeight = _a.maxHeight,
|
|
52865
|
+
_a$paddingBottom = _a.paddingBottom,
|
|
52866
|
+
paddingBottom = _a$paddingBottom === void 0 ? 0 : _a$paddingBottom,
|
|
52867
|
+
_a$paddingTop = _a.paddingTop,
|
|
52868
|
+
paddingTop = _a$paddingTop === void 0 ? 0 : _a$paddingTop,
|
|
52869
|
+
menuListStyle = __rest$3(_a, ["maxHeight", "paddingBottom", "paddingTop"]);
|
|
52870
|
+
|
|
52871
|
+
var totalHeight = React.useMemo(function () {
|
|
52872
|
+
return heights.reduce(function (sum, height, idx) {
|
|
52873
|
+
if (measuredHeights[idx]) {
|
|
52874
|
+
return sum + measuredHeights[idx];
|
|
52875
|
+
} else {
|
|
52876
|
+
return sum + height;
|
|
52877
|
+
}
|
|
52878
|
+
}, 0);
|
|
52879
|
+
}, [heights, measuredHeights]);
|
|
52880
|
+
var totalMenuHeight = totalHeight + paddingBottom + paddingTop;
|
|
52881
|
+
var menuHeight = Math.min(maxHeight, totalMenuHeight);
|
|
52882
|
+
var estimatedItemSize = Math.floor(totalHeight / itemCount);
|
|
52883
|
+
var innerRef = props.innerRef,
|
|
52884
|
+
selectProps = props.selectProps;
|
|
52885
|
+
|
|
52886
|
+
var _ref = selectProps || {},
|
|
52887
|
+
classNamePrefix = _ref.classNamePrefix,
|
|
52888
|
+
isMulti = _ref.isMulti;
|
|
52889
|
+
|
|
52890
|
+
var list = React.useRef(null);
|
|
52891
|
+
React.useEffect(function () {
|
|
52892
|
+
setMeasuredHeights({});
|
|
52893
|
+
}, [props.children]); // method to pass to inner item to set this items outer height
|
|
52894
|
+
|
|
52895
|
+
var setMeasuredHeight = function setMeasuredHeight(_ref2) {
|
|
52896
|
+
var index = _ref2.index,
|
|
52897
|
+
measuredHeight = _ref2.measuredHeight;
|
|
52898
|
+
|
|
52899
|
+
if (measuredHeights[index] !== undefined && measuredHeights[index] === measuredHeight) {
|
|
52900
|
+
return;
|
|
52901
|
+
}
|
|
52902
|
+
|
|
52903
|
+
setMeasuredHeights(function (measuredHeights) {
|
|
52904
|
+
var _Object$assign;
|
|
52905
|
+
|
|
52906
|
+
return Object.assign(Object.assign({}, measuredHeights), (_Object$assign = {}, _Object$assign[index] = measuredHeight, _Object$assign));
|
|
52907
|
+
}); // this forces the list to rerender items after the item positions resizing
|
|
52908
|
+
|
|
52909
|
+
if (list.current) {
|
|
52910
|
+
list.current.resetAfterIndex(index);
|
|
52911
|
+
}
|
|
52912
|
+
};
|
|
52913
|
+
|
|
52914
|
+
React.useEffect(function () {
|
|
52915
|
+
/**
|
|
52916
|
+
* enables scrolling on key down arrow
|
|
52917
|
+
*/
|
|
52918
|
+
if (currentIndex >= 0 && list.current !== null) {
|
|
52919
|
+
list.current.scrollToItem(currentIndex);
|
|
52920
|
+
}
|
|
52921
|
+
}, [currentIndex, children, list]);
|
|
52922
|
+
return /*#__PURE__*/React.createElement(VariableSizeList, {
|
|
52923
|
+
className: classNamePrefix ? classNamePrefix + "__menu-list" + (isMulti ? " " + classNamePrefix + "__menu-list--is-multi" : "") : "",
|
|
52924
|
+
style: menuListStyle,
|
|
52925
|
+
ref: list,
|
|
52926
|
+
outerRef: innerRef,
|
|
52927
|
+
estimatedItemSize: estimatedItemSize,
|
|
52928
|
+
innerElementType: /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
52929
|
+
var style = _a.style,
|
|
52930
|
+
rest = __rest$3(_a, ["style"]);
|
|
52931
|
+
|
|
52932
|
+
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
52933
|
+
ref: ref,
|
|
52934
|
+
style: Object.assign(Object.assign({}, style), {
|
|
52935
|
+
height: parseFloat(style.height) + paddingBottom + paddingTop + "px"
|
|
52936
|
+
})
|
|
52937
|
+
}, rest));
|
|
52938
|
+
}),
|
|
52939
|
+
height: menuHeight,
|
|
52940
|
+
width: "100%",
|
|
52941
|
+
itemCount: itemCount,
|
|
52942
|
+
itemData: children,
|
|
52943
|
+
itemSize: function itemSize(index) {
|
|
52944
|
+
return measuredHeights[index] || heights[index];
|
|
52945
|
+
}
|
|
52946
|
+
}, function (_ref3) {
|
|
52947
|
+
var data = _ref3.data,
|
|
52948
|
+
index = _ref3.index,
|
|
52949
|
+
style = _ref3.style;
|
|
52950
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
52951
|
+
style: Object.assign(Object.assign({}, style), {
|
|
52952
|
+
top: parseFloat(style.top.toString()) + paddingTop + "px"
|
|
52953
|
+
})
|
|
52954
|
+
}, /*#__PURE__*/React.createElement(MenuItem$1, {
|
|
52955
|
+
data: data[index],
|
|
52956
|
+
index: index,
|
|
52957
|
+
setMeasuredHeight: setMeasuredHeight
|
|
52958
|
+
}));
|
|
52959
|
+
});
|
|
52960
|
+
}
|
|
52961
|
+
|
|
52962
|
+
function MenuItem$1(_ref4) {
|
|
52963
|
+
var data = _ref4.data,
|
|
52964
|
+
index = _ref4.index,
|
|
52965
|
+
setMeasuredHeight = _ref4.setMeasuredHeight;
|
|
52966
|
+
var ref = React.useRef(null); // using useLayoutEffect prevents bounciness of options of re-renders
|
|
52967
|
+
|
|
52968
|
+
React.useLayoutEffect(function () {
|
|
52969
|
+
if (ref.current) {
|
|
52970
|
+
var measuredHeight = ref.current.getBoundingClientRect().height;
|
|
52971
|
+
setMeasuredHeight({
|
|
52972
|
+
index: index,
|
|
52973
|
+
measuredHeight: measuredHeight
|
|
52974
|
+
});
|
|
52975
|
+
}
|
|
52976
|
+
}, [ref.current]);
|
|
52977
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
52978
|
+
key: "option-" + index,
|
|
52979
|
+
ref: ref
|
|
52980
|
+
}, data);
|
|
52981
|
+
}
|
|
52982
|
+
|
|
52983
|
+
var NDSSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
52984
|
+
var autocomplete = _a.autocomplete,
|
|
52985
|
+
value = _a.value,
|
|
52986
|
+
_onChange = _a.onChange,
|
|
52987
|
+
defaultValue = _a.defaultValue,
|
|
51769
52988
|
labelText = _a.labelText,
|
|
52989
|
+
required = _a.required,
|
|
51770
52990
|
requirementText = _a.requirementText,
|
|
51771
52991
|
helpText = _a.helpText,
|
|
51772
52992
|
disabled = _a.disabled,
|
|
51773
52993
|
errorMessage = _a.errorMessage,
|
|
51774
52994
|
errorList = _a.errorList,
|
|
51775
|
-
_a$error = _a.error,
|
|
51776
|
-
error = _a$error === void 0 ? !!(errorMessage || errorList) : _a$error,
|
|
51777
52995
|
id = _a.id,
|
|
51778
52996
|
initialIsOpen = _a.initialIsOpen,
|
|
51779
|
-
|
|
52997
|
+
maxHeight = _a.maxHeight,
|
|
52998
|
+
multiselect = _a.multiselect,
|
|
51780
52999
|
placeholder = _a.placeholder,
|
|
51781
|
-
value = _a.value,
|
|
51782
|
-
defaultValue = _a.defaultValue,
|
|
51783
53000
|
components = _a.components,
|
|
51784
|
-
|
|
51785
|
-
|
|
51786
|
-
|
|
51787
|
-
|
|
51788
|
-
autocomplete = _a$autocomplete === void 0 ? true : _a$autocomplete,
|
|
51789
|
-
_a$maxHeight = _a.maxHeight,
|
|
51790
|
-
maxHeight = _a$maxHeight === void 0 ? "248px" : _a$maxHeight,
|
|
51791
|
-
_a$required = _a.required,
|
|
51792
|
-
required = _a$required === void 0 ? false : _a$required,
|
|
51793
|
-
_a$menuPosition = _a.menuPosition,
|
|
51794
|
-
menuPosition = _a$menuPosition === void 0 ? "absolute" : _a$menuPosition,
|
|
51795
|
-
_a$menuPlacement = _a.menuPlacement,
|
|
51796
|
-
menuPlacement = _a$menuPlacement === void 0 ? "bottom" : _a$menuPlacement,
|
|
51797
|
-
multiselect = _a.multiselect,
|
|
51798
|
-
_a$classNamePrefix = _a.classNamePrefix,
|
|
51799
|
-
classNamePrefix = _a$classNamePrefix === void 0 ? "ndsSelect" : _a$classNamePrefix,
|
|
51800
|
-
_a$closeMenuOnSelect = _a.closeMenuOnSelect,
|
|
51801
|
-
closeMenuOnSelect = _a$closeMenuOnSelect === void 0 ? true : _a$closeMenuOnSelect,
|
|
51802
|
-
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"]);
|
|
53001
|
+
windowThreshold = _a.windowThreshold,
|
|
53002
|
+
options = _a.options,
|
|
53003
|
+
styles = _a.styles,
|
|
53004
|
+
props = __rest$3(_a, ["autocomplete", "value", "onChange", "defaultValue", "labelText", "required", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "id", "initialIsOpen", "maxHeight", "multiselect", "placeholder", "components", "windowThreshold", "options", "styles"]);
|
|
51803
53005
|
|
|
51804
53006
|
var _useTranslation = useTranslation(),
|
|
51805
53007
|
t = _useTranslation.t;
|
|
51806
53008
|
|
|
51807
|
-
var
|
|
51808
|
-
var
|
|
51809
|
-
var
|
|
53009
|
+
var variant = useComponentVariant();
|
|
53010
|
+
var theme = useTheme();
|
|
53011
|
+
var styledProps = getSubset(props, addStyledProps);
|
|
53012
|
+
var error = !!(errorMessage || errorList);
|
|
51810
53013
|
var optionsRef = React__default.useRef(options);
|
|
51811
|
-
var
|
|
53014
|
+
var optionsLength = React__default.useMemo(function () {
|
|
53015
|
+
return calcOptionsLength(options);
|
|
53016
|
+
}, [options]);
|
|
53017
|
+
var isWindowed = optionsLength >= windowThreshold;
|
|
51812
53018
|
React__default.useEffect(function () {
|
|
51813
53019
|
checkOptionsAreValid(options);
|
|
51814
53020
|
optionsRef.current = options;
|
|
51815
53021
|
}, [options]);
|
|
51816
|
-
|
|
51817
|
-
|
|
51818
|
-
|
|
51819
|
-
|
|
51820
|
-
|
|
51821
|
-
|
|
51822
|
-
}
|
|
51823
|
-
return /*#__PURE__*/React__default.createElement(Field, Object.assign({},
|
|
53022
|
+
var stylesConfig = customStyles({
|
|
53023
|
+
theme: theme,
|
|
53024
|
+
error: error,
|
|
53025
|
+
variant: variant,
|
|
53026
|
+
maxHeight: maxHeight,
|
|
53027
|
+
windowed: options.length > windowThreshold
|
|
53028
|
+
});
|
|
53029
|
+
return /*#__PURE__*/React__default.createElement(Field, Object.assign({}, styledProps), /*#__PURE__*/React__default.createElement(MaybeFieldLabel, {
|
|
51824
53030
|
labelText: labelText,
|
|
51825
53031
|
requirementText: requirementText,
|
|
51826
53032
|
helpText: helpText
|
|
51827
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
51828
|
-
ref:
|
|
51829
|
-
placeholder: placeholder || t("select"),
|
|
51830
|
-
windowThreshold: windowThreshold,
|
|
51831
|
-
styles: customStyles({
|
|
51832
|
-
theme: themeContext,
|
|
51833
|
-
error: error,
|
|
51834
|
-
maxHeight: maxHeight,
|
|
51835
|
-
variant: componentVariant,
|
|
51836
|
-
windowed: options.length > windowThreshold
|
|
51837
|
-
}),
|
|
51838
|
-
isDisabled: disabled,
|
|
53033
|
+
}, /*#__PURE__*/React__default.createElement(StateManagedSelect$1, Object.assign({
|
|
53034
|
+
ref: ref,
|
|
51839
53035
|
isSearchable: autocomplete,
|
|
51840
|
-
|
|
51841
|
-
"aria-invalid": error,
|
|
53036
|
+
isDisabled: disabled,
|
|
51842
53037
|
defaultMenuIsOpen: initialIsOpen,
|
|
51843
|
-
|
|
51844
|
-
|
|
53038
|
+
isMulti: multiselect,
|
|
53039
|
+
defaultValue: getReactSelectValue(options, defaultValue),
|
|
53040
|
+
value: getReactSelectValue(options, value),
|
|
53041
|
+
options: options,
|
|
53042
|
+
onChange: function onChange(newValue) {
|
|
51845
53043
|
if (!_onChange) return;
|
|
51846
|
-
var value = extractValue(
|
|
53044
|
+
var value = extractValue(newValue, multiselect);
|
|
51847
53045
|
|
|
51848
53046
|
_onChange(value);
|
|
51849
53047
|
},
|
|
51850
|
-
|
|
51851
|
-
|
|
51852
|
-
|
|
51853
|
-
|
|
53048
|
+
placeholder: placeholder || t("select"),
|
|
53049
|
+
"aria-required": required,
|
|
53050
|
+
required: required,
|
|
53051
|
+
"aria-invalid": error,
|
|
53052
|
+
inputId: id,
|
|
53053
|
+
styles: styles ? styles(stylesConfig) : stylesConfig,
|
|
53054
|
+
components: Object.assign(Object.assign({
|
|
51854
53055
|
Option: function Option(props) {
|
|
51855
|
-
return /*#__PURE__*/React__default.createElement(SelectOption$1, Object.assign({
|
|
51856
|
-
variant: componentVariant
|
|
51857
|
-
}, props));
|
|
53056
|
+
return /*#__PURE__*/React__default.createElement(SelectOption$1, Object.assign({}, props), props.children);
|
|
51858
53057
|
},
|
|
51859
53058
|
Control: SelectControl,
|
|
51860
53059
|
MultiValue: SelectMultiValue,
|
|
@@ -51863,13 +53062,9 @@ var ReactSelect = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
|
|
|
51863
53062
|
SelectContainer: SelectContainer,
|
|
51864
53063
|
Menu: SelectMenu,
|
|
51865
53064
|
Input: SelectInput
|
|
51866
|
-
},
|
|
51867
|
-
|
|
51868
|
-
|
|
51869
|
-
menuPosition: menuPosition,
|
|
51870
|
-
menuPlacement: menuPlacement,
|
|
51871
|
-
classNamePrefix: classNamePrefix,
|
|
51872
|
-
closeMenuOnSelect: closeMenuOnSelect
|
|
53065
|
+
}, isWindowed ? {
|
|
53066
|
+
MenuList: MenuList
|
|
53067
|
+
} : {}), components)
|
|
51873
53068
|
}, props)), /*#__PURE__*/React__default.createElement(InlineValidation, {
|
|
51874
53069
|
mt: "x1",
|
|
51875
53070
|
errorMessage: errorMessage,
|
|
@@ -51877,63 +53072,6 @@ var ReactSelect = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
|
|
|
51877
53072
|
})));
|
|
51878
53073
|
});
|
|
51879
53074
|
|
|
51880
|
-
var checkOptionsAreValid = function checkOptionsAreValid(options) {
|
|
51881
|
-
if (options && process.env.NODE_ENV === "development") {
|
|
51882
|
-
var uniq = function uniq(a) {
|
|
51883
|
-
return Array.from(new Set(a));
|
|
51884
|
-
};
|
|
51885
|
-
|
|
51886
|
-
var uniqueValues = uniq(options.map(function (_ref) {
|
|
51887
|
-
var value = _ref.value;
|
|
51888
|
-
return value === null ? "_null_" : value;
|
|
51889
|
-
}));
|
|
51890
|
-
|
|
51891
|
-
if (uniqueValues.length < options.length) {
|
|
51892
|
-
console.warn("NDS: The options prop passed to Select must have unique values for each option", options);
|
|
51893
|
-
}
|
|
51894
|
-
}
|
|
51895
|
-
};
|
|
51896
|
-
|
|
51897
|
-
var getOption = function getOption(options, value) {
|
|
51898
|
-
// allows an option with a null value to be matched
|
|
51899
|
-
if (options.length > 0 && value !== undefined) {
|
|
51900
|
-
var optionWithMatchingValue = options.find(function (o) {
|
|
51901
|
-
return o.value === value;
|
|
51902
|
-
});
|
|
51903
|
-
return optionWithMatchingValue || null;
|
|
51904
|
-
}
|
|
51905
|
-
|
|
51906
|
-
return value;
|
|
51907
|
-
};
|
|
51908
|
-
|
|
51909
|
-
var getReactSelectValue = function getReactSelectValue(options, input) {
|
|
51910
|
-
if (Array.isArray(input)) {
|
|
51911
|
-
return input.map(function (i) {
|
|
51912
|
-
return getOption(options, i);
|
|
51913
|
-
});
|
|
51914
|
-
}
|
|
51915
|
-
|
|
51916
|
-
return getOption(options, input);
|
|
51917
|
-
};
|
|
51918
|
-
|
|
51919
|
-
function extractValue(options, isMulti) {
|
|
51920
|
-
if (Array.isArray(options)) {
|
|
51921
|
-
if (isMulti) {
|
|
51922
|
-
return options && options.length ? options.map(function (o) {
|
|
51923
|
-
return o.value;
|
|
51924
|
-
}) : [];
|
|
51925
|
-
} else {
|
|
51926
|
-
throw new Error("UNEXPECTED ERROR: don't forget to enable isMulti");
|
|
51927
|
-
}
|
|
51928
|
-
}
|
|
51929
|
-
|
|
51930
|
-
if (options === null) {
|
|
51931
|
-
return options;
|
|
51932
|
-
} else {
|
|
51933
|
-
return options.value;
|
|
51934
|
-
}
|
|
51935
|
-
}
|
|
51936
|
-
|
|
51937
53075
|
var stickyStyles = function stickyStyles(theme) {
|
|
51938
53076
|
return {
|
|
51939
53077
|
position: "sticky",
|
|
@@ -53511,7 +54649,6 @@ var TabScrollIndicators = /*#__PURE__*/function (_React$Component) {
|
|
|
53511
54649
|
|
|
53512
54650
|
_proto.componentDidMount = function componentDidMount() {
|
|
53513
54651
|
this.conditionallyUpdateState();
|
|
53514
|
-
smoothscroll.polyfill();
|
|
53515
54652
|
};
|
|
53516
54653
|
|
|
53517
54654
|
_proto.getScrollLeftValueByTabIndex = function getScrollLeftValueByTabIndex(index) {
|
|
@@ -55082,4 +56219,4 @@ var TruncatedText = function TruncatedText(_a) {
|
|
|
55082
56219
|
}, props), children);
|
|
55083
56220
|
};
|
|
55084
56221
|
|
|
55085
|
-
export { ALL_NDS_LOCALES, Alert$1 as Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Banner, BottomSheet, BottomSheetParts, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DescriptionDetails, DescriptionList, DescriptionTerm, DesktopMenu, Divider$1 as Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header$1 as Header, Heading1, Heading2, Heading3, Heading4, HelpText$1 as HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input, Link, List, ListItem, LoadingAnimation, MenuTrigger, Modal, NDSProvider, NavBarBackground, NotificationTypes, Overlay$1 as Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText,
|
|
56222
|
+
export { ALL_NDS_LOCALES, Alert$1 as Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Banner, BottomSheet, BottomSheetParts, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DescriptionDetails, DescriptionList, DescriptionTerm, DesktopMenu, Divider$1 as Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header$1 as Header, Heading1, Heading2, Heading3, Heading4, HelpText$1 as HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input, Link, List, ListItem, LoadingAnimation, MenuTrigger, Modal, NDSProvider, NavBarBackground, NotificationTypes, Overlay$1 as Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, NDSSelect as Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption$1 as SelectOption, Sidebar, SmallNavBar, SortingTable, StatusIndicator, StatusIndicatorValues, Summary, SummaryDivider, SummaryItem, Switch$1 as Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToastContainer, ToggleComponent as Toggle, Tooltip, TopBar, TruncatedText, addStyledProps, legacy as desktop, phone, tablet, themes, toast, useMediaQuery, useWindowDimensions };
|