@equinor/echo-components 0.5.14 → 0.5.16
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/components/datePicker/ReactDatePicker.d.ts +1 -1
- package/dist/components/echoCard/Body.d.ts +1 -1
- package/dist/components/echoCard/DateSection.d.ts +1 -1
- package/dist/components/echoCard/LinkSection.d.ts +1 -1
- package/dist/components/echoCard/Title.d.ts +1 -1
- package/dist/components/echoCard/index.d.ts +1 -1
- package/dist/components/echoTooltip/Tooltip/Tooltip.d.ts +10 -0
- package/dist/components/echoTooltip/Tooltip/useTooltip.d.ts +51 -0
- package/dist/components/echoTooltip/index.d.ts +10 -0
- package/dist/components/floatingActionButton/FloatingActionButton.d.ts +2 -2
- package/dist/components/index.d.ts +2 -0
- package/dist/components/listItem/ListItem.d.ts +2 -2
- package/dist/components/sidebarButton/SidebarButton.d.ts +1 -1
- package/dist/components/splitView/index.d.ts +1 -1
- package/dist/components/workOrderListItem/WorkOrdertListItem.d.ts +10 -0
- package/dist/helpers/classnames.d.ts +1 -1
- package/dist/hooks/useEventListener.d.ts +1 -1
- package/dist/hooks/useKeyboardNavigation.d.ts +1 -1
- package/dist/icons/echoAssets/punches.d.ts +2 -0
- package/dist/index.js +2641 -439
- package/dist/index.js.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/menuItem.d.ts +1 -1
- package/dist/types/workOrderItem.d.ts +9 -0
- package/dist/utils/date.d.ts +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/workorder.d.ts +4 -0
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Icon as Icon$1, Button, DotProgress, Banner, CircularProgress, Typography, Dialog, Search, Radio, Slider, Menu, Autocomplete, Tooltip } from '@equinor/eds-core-react';
|
|
1
|
+
import { Icon as Icon$1, Button, DotProgress, Banner, CircularProgress, Typography, Dialog, Search, Radio, Slider, Menu, Autocomplete, Tooltip as Tooltip$1 } from '@equinor/eds-core-react';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import React__default, { useState, useEffect, useCallback, createElement, PureComponent, useRef, useMemo } from 'react';
|
|
4
|
-
import * as
|
|
5
|
-
import
|
|
3
|
+
import React__default, { useState, useEffect, useCallback, createElement, PureComponent, useRef, useLayoutEffect, useMemo, createContext, useContext, forwardRef, isValidElement, cloneElement } from 'react';
|
|
4
|
+
import * as ReactDOM from 'react-dom';
|
|
5
|
+
import ReactDOM__default, { createPortal } from 'react-dom';
|
|
6
6
|
import * as edsIcons from '@equinor/eds-icons';
|
|
7
7
|
import { arrow_back, arrow_forward, time } from '@equinor/eds-icons';
|
|
8
8
|
import EchoUtils from '@equinor/echo-utils';
|
|
@@ -34,8 +34,8 @@ function styleInject(css, ref) {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
var css_248z$
|
|
38
|
-
styleInject(css_248z$
|
|
37
|
+
var css_248z$B = ":root{--xSmall:0.25rem;--small:0.5rem;--medium:1rem;--large:1.5rem;--xLarge:2rem;--black:#000;--white:#fff;--equiBlue1:#233746;--equiBlue2:#d7e1ed;--equiBlue3:#d5eaf4;--equiGray1:#87929a;--equiGray2:#b4bbc0;--equiGray3:#d1d5d8;--equiGray4:#e3e6e8;--equiGray5:#f7f7f7;--equiRed1:#ff1243;--darkEquiRed:#ce183e;--equiGreen1:#006f79;--equiGreen2:#deedee;--equiGreen3:#e6faec;--equiGreen4:#c3f3d2;--echoText:#3d3d3d;--disabledBackgroundColor:#eaeaea;--disabledColor:#6f6f6f;--pm01:#0f0;--pm02:#ff1493;--pm03:#0ff;--pm04:#9400d3;--pm05:#1e90ff;--pm06:#ffdead;--pm010:#ff4500;--pm015:#228b22;--pm020:#00008b;--onGoing:#fbca36;--done:#4bb748;--asBuilt:#007079;--planned:#4bb748;--future:#52c0ff;--historic:#ff7d98;--outOfService:#ff9200;--reserved:#243746;--voided:#eb0000;--default:#dcdcdc;--ok:#23ef2a;--os:#adaead;--pa:#f94693;--pb:#fd0;--unknown:#525252;--rfccSent:#bcf316;--rfccPartly:#c7f316;--rfcc:#60f316;--rfocSent:#0dccf2;--rfocPartly:#1accf2;--rfoc:#0d59f2;--rfccRejected:#ff1243;--rfocRejected:#ff1243;--handoverError:#eb0000;--priorityHigh:#ff1243;--priorityMedium:#fbca36;--systems:#d5eaf4;--locations:#3eb54a;--ofpDark:#f4d6a2;--ofpLight:#faebce;--warningText:#ad6200;--warningIcon:#ff9200;--warningBackground:#ffe7d6;--dropDownButtonBackground:#f0f0f0;--dropDownTextColor:grey;--searchBarBackground:#f7f7f7;--highSeverity:#ffc1c1;--mediumSeverity:#ffe7d6;--lowSeverity:#dce6ee;--defaultSeverity:#d5eaf4;--highSeverityText:#eb0000;--mediumSeverityText:#52c0ff;--lowSeverityText:#4bb748;--defaultSeverityText:#3d3d3d;--toggleActive:#4bb748;--toggleInactive:#b30d2f;--hoverIcon:#004f55;--hoverIconWithNotification:#b30d2f;--tertiaryText:#6f6f6f}#root,body,html{height:100%;overflow:hidden;width:100%}html[data-theme=dark]{--equiGreen1:#006f79}body,h1,h2,h3,h4,h5,h6,label,p{color:var(--echoText)}body,html,span{font-family:Equinor!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f7f7f7;border-radius:5px}::-webkit-scrollbar-thumb{background:#007079;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#004f55}button,input{appearance:none;background:transparent;border:inherit;color:inherit;font:inherit;outline:0}input,input:after,input:before{-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:auto}";
|
|
38
|
+
styleInject(css_248z$B);
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
41
|
* Component that work's as a eds icon wrapper, it imports all eds possible icons
|
|
@@ -152,9 +152,16 @@ function getDefaultExportFromCjs (x) {
|
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
function getAugmentedNamespace(n) {
|
|
155
|
+
if (n.__esModule) return n;
|
|
155
156
|
var f = n.default;
|
|
156
157
|
if (typeof f == "function") {
|
|
157
|
-
var a = function () {
|
|
158
|
+
var a = function a () {
|
|
159
|
+
if (this instanceof a) {
|
|
160
|
+
var args = [null];
|
|
161
|
+
args.push.apply(args, arguments);
|
|
162
|
+
var Ctor = Function.bind.apply(f, args);
|
|
163
|
+
return new Ctor();
|
|
164
|
+
}
|
|
158
165
|
return f.apply(this, arguments);
|
|
159
166
|
};
|
|
160
167
|
a.prototype = f.prototype;
|
|
@@ -172,9 +179,17 @@ function getAugmentedNamespace(n) {
|
|
|
172
179
|
return a;
|
|
173
180
|
}
|
|
174
181
|
|
|
175
|
-
var
|
|
182
|
+
var slicedToArrayExports = {};
|
|
183
|
+
var slicedToArray = {
|
|
184
|
+
get exports(){ return slicedToArrayExports; },
|
|
185
|
+
set exports(v){ slicedToArrayExports = v; },
|
|
186
|
+
};
|
|
176
187
|
|
|
177
|
-
var
|
|
188
|
+
var arrayWithHolesExports = {};
|
|
189
|
+
var arrayWithHoles = {
|
|
190
|
+
get exports(){ return arrayWithHolesExports; },
|
|
191
|
+
set exports(v){ arrayWithHolesExports = v; },
|
|
192
|
+
};
|
|
178
193
|
|
|
179
194
|
(function (module) {
|
|
180
195
|
function _arrayWithHoles(arr) {
|
|
@@ -183,65 +198,82 @@ var arrayWithHoles = {exports: {}};
|
|
|
183
198
|
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
184
199
|
} (arrayWithHoles));
|
|
185
200
|
|
|
186
|
-
var
|
|
201
|
+
var iterableToArrayLimitExports = {};
|
|
202
|
+
var iterableToArrayLimit = {
|
|
203
|
+
get exports(){ return iterableToArrayLimitExports; },
|
|
204
|
+
set exports(v){ iterableToArrayLimitExports = v; },
|
|
205
|
+
};
|
|
187
206
|
|
|
188
207
|
(function (module) {
|
|
189
208
|
function _iterableToArrayLimit(arr, i) {
|
|
190
|
-
var _i =
|
|
191
|
-
if (
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
if (i && _arr.length === i) break;
|
|
200
|
-
}
|
|
201
|
-
} catch (err) {
|
|
202
|
-
_d = true;
|
|
203
|
-
_e = err;
|
|
204
|
-
} finally {
|
|
209
|
+
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
210
|
+
if (null != _i) {
|
|
211
|
+
var _s,
|
|
212
|
+
_e,
|
|
213
|
+
_x,
|
|
214
|
+
_r,
|
|
215
|
+
_arr = [],
|
|
216
|
+
_n = !0,
|
|
217
|
+
_d = !1;
|
|
205
218
|
try {
|
|
206
|
-
if (
|
|
219
|
+
if (_x = (_i = _i.call(arr)).next, 0 === i) {
|
|
220
|
+
if (Object(_i) !== _i) return;
|
|
221
|
+
_n = !1;
|
|
222
|
+
} else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
|
|
223
|
+
} catch (err) {
|
|
224
|
+
_d = !0, _e = err;
|
|
207
225
|
} finally {
|
|
208
|
-
|
|
226
|
+
try {
|
|
227
|
+
if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
|
|
228
|
+
} finally {
|
|
229
|
+
if (_d) throw _e;
|
|
230
|
+
}
|
|
209
231
|
}
|
|
232
|
+
return _arr;
|
|
210
233
|
}
|
|
211
|
-
return _arr;
|
|
212
234
|
}
|
|
213
235
|
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
214
236
|
} (iterableToArrayLimit));
|
|
215
237
|
|
|
216
|
-
var
|
|
238
|
+
var unsupportedIterableToArrayExports = {};
|
|
239
|
+
var unsupportedIterableToArray = {
|
|
240
|
+
get exports(){ return unsupportedIterableToArrayExports; },
|
|
241
|
+
set exports(v){ unsupportedIterableToArrayExports = v; },
|
|
242
|
+
};
|
|
217
243
|
|
|
218
|
-
var
|
|
244
|
+
var arrayLikeToArrayExports = {};
|
|
245
|
+
var arrayLikeToArray = {
|
|
246
|
+
get exports(){ return arrayLikeToArrayExports; },
|
|
247
|
+
set exports(v){ arrayLikeToArrayExports = v; },
|
|
248
|
+
};
|
|
219
249
|
|
|
220
250
|
(function (module) {
|
|
221
251
|
function _arrayLikeToArray(arr, len) {
|
|
222
252
|
if (len == null || len > arr.length) len = arr.length;
|
|
223
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
224
|
-
arr2[i] = arr[i];
|
|
225
|
-
}
|
|
253
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
226
254
|
return arr2;
|
|
227
255
|
}
|
|
228
256
|
module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
229
257
|
} (arrayLikeToArray));
|
|
230
258
|
|
|
231
259
|
(function (module) {
|
|
232
|
-
var arrayLikeToArray
|
|
260
|
+
var arrayLikeToArray = arrayLikeToArrayExports;
|
|
233
261
|
function _unsupportedIterableToArray(o, minLen) {
|
|
234
262
|
if (!o) return;
|
|
235
|
-
if (typeof o === "string") return arrayLikeToArray
|
|
263
|
+
if (typeof o === "string") return arrayLikeToArray(o, minLen);
|
|
236
264
|
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
237
265
|
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
238
266
|
if (n === "Map" || n === "Set") return Array.from(o);
|
|
239
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray
|
|
267
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
|
|
240
268
|
}
|
|
241
269
|
module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
242
270
|
} (unsupportedIterableToArray));
|
|
243
271
|
|
|
244
|
-
var
|
|
272
|
+
var nonIterableRestExports = {};
|
|
273
|
+
var nonIterableRest = {
|
|
274
|
+
get exports(){ return nonIterableRestExports; },
|
|
275
|
+
set exports(v){ nonIterableRestExports = v; },
|
|
276
|
+
};
|
|
245
277
|
|
|
246
278
|
(function (module) {
|
|
247
279
|
function _nonIterableRest() {
|
|
@@ -251,31 +283,43 @@ var nonIterableRest = {exports: {}};
|
|
|
251
283
|
} (nonIterableRest));
|
|
252
284
|
|
|
253
285
|
(function (module) {
|
|
254
|
-
var arrayWithHoles
|
|
255
|
-
var iterableToArrayLimit
|
|
256
|
-
var unsupportedIterableToArray
|
|
257
|
-
var nonIterableRest
|
|
286
|
+
var arrayWithHoles = arrayWithHolesExports;
|
|
287
|
+
var iterableToArrayLimit = iterableToArrayLimitExports;
|
|
288
|
+
var unsupportedIterableToArray = unsupportedIterableToArrayExports;
|
|
289
|
+
var nonIterableRest = nonIterableRestExports;
|
|
258
290
|
function _slicedToArray(arr, i) {
|
|
259
|
-
return arrayWithHoles
|
|
291
|
+
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
|
260
292
|
}
|
|
261
293
|
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
262
294
|
} (slicedToArray));
|
|
263
295
|
|
|
264
|
-
var _slicedToArray = /*@__PURE__*/getDefaultExportFromCjs(
|
|
296
|
+
var _slicedToArray = /*@__PURE__*/getDefaultExportFromCjs(slicedToArrayExports);
|
|
265
297
|
|
|
266
|
-
var
|
|
298
|
+
var toConsumableArrayExports = {};
|
|
299
|
+
var toConsumableArray = {
|
|
300
|
+
get exports(){ return toConsumableArrayExports; },
|
|
301
|
+
set exports(v){ toConsumableArrayExports = v; },
|
|
302
|
+
};
|
|
267
303
|
|
|
268
|
-
var
|
|
304
|
+
var arrayWithoutHolesExports = {};
|
|
305
|
+
var arrayWithoutHoles = {
|
|
306
|
+
get exports(){ return arrayWithoutHolesExports; },
|
|
307
|
+
set exports(v){ arrayWithoutHolesExports = v; },
|
|
308
|
+
};
|
|
269
309
|
|
|
270
310
|
(function (module) {
|
|
271
|
-
var arrayLikeToArray
|
|
311
|
+
var arrayLikeToArray = arrayLikeToArrayExports;
|
|
272
312
|
function _arrayWithoutHoles(arr) {
|
|
273
|
-
if (Array.isArray(arr)) return arrayLikeToArray
|
|
313
|
+
if (Array.isArray(arr)) return arrayLikeToArray(arr);
|
|
274
314
|
}
|
|
275
315
|
module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
276
316
|
} (arrayWithoutHoles));
|
|
277
317
|
|
|
278
|
-
var
|
|
318
|
+
var iterableToArrayExports = {};
|
|
319
|
+
var iterableToArray = {
|
|
320
|
+
get exports(){ return iterableToArrayExports; },
|
|
321
|
+
set exports(v){ iterableToArrayExports = v; },
|
|
322
|
+
};
|
|
279
323
|
|
|
280
324
|
(function (module) {
|
|
281
325
|
function _iterableToArray(iter) {
|
|
@@ -284,7 +328,11 @@ var iterableToArray = {exports: {}};
|
|
|
284
328
|
module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
285
329
|
} (iterableToArray));
|
|
286
330
|
|
|
287
|
-
var
|
|
331
|
+
var nonIterableSpreadExports = {};
|
|
332
|
+
var nonIterableSpread = {
|
|
333
|
+
get exports(){ return nonIterableSpreadExports; },
|
|
334
|
+
set exports(v){ nonIterableSpreadExports = v; },
|
|
335
|
+
};
|
|
288
336
|
|
|
289
337
|
(function (module) {
|
|
290
338
|
function _nonIterableSpread() {
|
|
@@ -294,21 +342,21 @@ var nonIterableSpread = {exports: {}};
|
|
|
294
342
|
} (nonIterableSpread));
|
|
295
343
|
|
|
296
344
|
(function (module) {
|
|
297
|
-
var arrayWithoutHoles
|
|
298
|
-
var iterableToArray
|
|
299
|
-
var unsupportedIterableToArray
|
|
300
|
-
var nonIterableSpread
|
|
345
|
+
var arrayWithoutHoles = arrayWithoutHolesExports;
|
|
346
|
+
var iterableToArray = iterableToArrayExports;
|
|
347
|
+
var unsupportedIterableToArray = unsupportedIterableToArrayExports;
|
|
348
|
+
var nonIterableSpread = nonIterableSpreadExports;
|
|
301
349
|
function _toConsumableArray(arr) {
|
|
302
|
-
return arrayWithoutHoles
|
|
350
|
+
return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
|
|
303
351
|
}
|
|
304
352
|
module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
305
353
|
} (toConsumableArray));
|
|
306
354
|
|
|
307
|
-
var _toConsumableArray$1 = /*@__PURE__*/getDefaultExportFromCjs(
|
|
355
|
+
var _toConsumableArray$1 = /*@__PURE__*/getDefaultExportFromCjs(toConsumableArrayExports);
|
|
308
356
|
|
|
309
|
-
var css_248z$
|
|
357
|
+
var css_248z$A = ".dataInfoButton-module_button__N4F5j{background-color:var(--white)!important;border:2px solid var(--equiGreen1)!important;box-shadow:0 4px 4px rgba(0,0,0,.25);color:var(--asBuilt)!important;height:48px!important;margin:3px!important;width:48px!important}.dataInfoButton-module_button__N4F5j:hover{background:#deedee!important}.dataInfoButton-module_buttonWithBadge__Qjm3a:after{background:var(--white);border:1px solid var(--asBuilt);border-radius:100%;box-sizing:unset;color:var(--equiGreen1);content:attr(data-count)!important;display:block;font-size:9px;font-style:normal;font-weight:700;height:18px!important;left:25px!important;line-height:20px;position:absolute;text-align:center;top:-5px!important;width:18px!important}";
|
|
310
358
|
var style$a = {"button":"dataInfoButton-module_button__N4F5j","buttonWithBadge":"dataInfoButton-module_buttonWithBadge__Qjm3a"};
|
|
311
|
-
styleInject(css_248z$
|
|
359
|
+
styleInject(css_248z$A);
|
|
312
360
|
|
|
313
361
|
/**
|
|
314
362
|
* Component that renders a data information button with a badge to indicate the number of items under that scoped type
|
|
@@ -334,9 +382,9 @@ var DataInfoButton = function DataInfoButton(_ref) {
|
|
|
334
382
|
}, data.label);
|
|
335
383
|
};
|
|
336
384
|
|
|
337
|
-
var css_248z$
|
|
385
|
+
var css_248z$z = ".dataInfoPopover-module_wrapper__l8JCd{display:flex;flex-direction:column;position:absolute;right:0;z-index:10}.dataInfoPopover-module_arrow__KXQ5a{align-self:flex-end;border-bottom:7px solid rgba(0,0,0,.4);border-left:7px solid transparent;border-right:7px solid transparent;height:0;margin-right:17px;margin-top:3px;position:relative;width:0}.dataInfoPopover-module_optionsPopover__ZPXbv .arrow:after{border-bottom-color:rgba(0,0,0,.4)}.dataInfoPopover-module_optionsPopover__ZPXbv .arrow:before{border-bottom:0}.dataInfoPopover-module_optionsPopover__ZPXbv{align-self:flex-end;background:rgba(0,0,0,.4);border:0;border-radius:5px;display:flex;justify-content:space-between;max-width:max-content;padding:var(--small);position:relative}@media screen and (max-width:440px){.dataInfoPopover-module_optionsPopover__ZPXbv{max-width:270px}}.dataInfoPopover-module_groupWrapper__InWuY{display:flex;flex-direction:column;flex-wrap:wrap}@media screen and (max-width:440px){.dataInfoPopover-module_wrapper__l8JCd{left:0}.dataInfoPopover-module_arrow__KXQ5a{align-self:flex-start;margin-left:15px}.dataInfoPopover-module_optionsPopover__ZPXbv{align-self:flex-start}}.dataInfoPopover-module_banner__QtiKf{white-space:nowrap}.dataInfoPopover-module_infoMessage__lqzTe{color:var(--equiGray4)!important}.dataInfoPopover-module_banner__QtiKf>div{padding:0 16px 0 0!important}.dataInfoPopover-module_banner__QtiKf>hr{display:none}";
|
|
338
386
|
var style$9 = {"wrapper":"dataInfoPopover-module_wrapper__l8JCd","arrow":"dataInfoPopover-module_arrow__KXQ5a","optionsPopover":"dataInfoPopover-module_optionsPopover__ZPXbv","groupWrapper":"dataInfoPopover-module_groupWrapper__InWuY","banner":"dataInfoPopover-module_banner__QtiKf","infoMessage":"dataInfoPopover-module_infoMessage__lqzTe"};
|
|
339
|
-
styleInject(css_248z$
|
|
387
|
+
styleInject(css_248z$z);
|
|
340
388
|
|
|
341
389
|
/**
|
|
342
390
|
* Component that renders a popover with data information buttons
|
|
@@ -403,9 +451,9 @@ var DataInfoPopover = function DataInfoPopover(_ref) {
|
|
|
403
451
|
})));
|
|
404
452
|
};
|
|
405
453
|
|
|
406
|
-
var css_248z$
|
|
454
|
+
var css_248z$y = ".buttonWithPopover-module_button__FDyTt{background-color:var(--white)!important;border:3px solid var(--white)!important;border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;height:46px!important;width:46px!important}.buttonWithPopover-module_button__FDyTt:hover{background:#deedee!important}.buttonWithPopover-module_wrapper__-pQfB{position:relative}.buttonWithPopover-module_spinner__LMbqe{height:34px!important;margin:3px;width:34px!important}";
|
|
407
455
|
var style$8 = {"button":"buttonWithPopover-module_button__FDyTt","wrapper":"buttonWithPopover-module_wrapper__-pQfB","spinner":"buttonWithPopover-module_spinner__LMbqe"};
|
|
408
|
-
styleInject(css_248z$
|
|
456
|
+
styleInject(css_248z$y);
|
|
409
457
|
|
|
410
458
|
/**
|
|
411
459
|
* Component that renders a round button, that opens a popover upon being clicked
|
|
@@ -455,9 +503,9 @@ var ButtonWithPopover = function ButtonWithPopover(_ref) {
|
|
|
455
503
|
}));
|
|
456
504
|
};
|
|
457
505
|
|
|
458
|
-
var css_248z$
|
|
459
|
-
var styles$
|
|
460
|
-
styleInject(css_248z$
|
|
506
|
+
var css_248z$x = ".tagIcon-module_icon__FVhlT{border:3px solid var(--white);border-radius:10rem;box-sizing:border-box;height:46px;padding:8px;position:relative;transform-origin:left top;width:46px}.tagIcon-module_shadow__dAk0l{border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);height:46px;width:46px}";
|
|
507
|
+
var styles$n = {"icon":"tagIcon-module_icon__FVhlT","shadow":"tagIcon-module_shadow__dAk0l"};
|
|
508
|
+
styleInject(css_248z$x);
|
|
461
509
|
|
|
462
510
|
/**
|
|
463
511
|
* Component that will wrap the provided icon with a background color (usually the legend color)
|
|
@@ -475,7 +523,7 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
475
523
|
style: {
|
|
476
524
|
background: legendColor
|
|
477
525
|
},
|
|
478
|
-
className: "".concat(styles$
|
|
526
|
+
className: "".concat(styles$n.icon)
|
|
479
527
|
}, icon);
|
|
480
528
|
};
|
|
481
529
|
|
|
@@ -489,13 +537,13 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
489
537
|
var TagIconShadowWrapper = function TagIconShadowWrapper(_ref) {
|
|
490
538
|
var children = _ref.children;
|
|
491
539
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
492
|
-
className: "".concat(styles$
|
|
540
|
+
className: "".concat(styles$n.shadow)
|
|
493
541
|
}, children);
|
|
494
542
|
};
|
|
495
543
|
|
|
496
|
-
var css_248z$
|
|
497
|
-
var styles$
|
|
498
|
-
styleInject(css_248z$
|
|
544
|
+
var css_248z$w = ".tagContextMenu-module_contextWrapper__o8wWz{border-radius:10rem;cursor:pointer;width:fit-content}.tagContextMenu-module_contextWrapperExpanded__FJI8c{cursor:pointer;display:flex;flex-wrap:wrap}.tagContextMenu-module_selected__4L6WK{box-shadow:0 0 10px 5px var(--toggleActive)}.tagContextMenu-module_tagInfoWrapper__y4LBf{align-items:center;background-color:var(--white);border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:unset;display:flex;height:52px;overflow:hidden;padding:1px;width:100%}.tagContextMenu-module_tagText__8GaFk{cursor:pointer;margin:auto;max-width:240px;min-width:55px;overflow:hidden;padding:0 var(--small) 0 var(--small);text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}@media screen and (max-width:440px){.tagContextMenu-module_tagText__8GaFk{max-width:140px;min-width:140px}}@media screen and (min-width:440px) and (max-width:560px){.tagContextMenu-module_tagText__8GaFk{max-width:240px}}.tagContextMenu-module_tagHeader__NW1El{color:var(--equiGreen1)!important;font-weight:700!important;overflow:hidden;text-overflow:ellipsis}.tagContextMenu-module_tagDescription__lrT1D{overflow:hidden;text-overflow:ellipsis}.tagContextMenu-module_tagInfoIcon__AMpqu{margin:3px}";
|
|
545
|
+
var styles$m = {"contextWrapper":"tagContextMenu-module_contextWrapper__o8wWz","contextWrapperExpanded":"tagContextMenu-module_contextWrapperExpanded__FJI8c","selected":"tagContextMenu-module_selected__4L6WK","tagInfoWrapper":"tagContextMenu-module_tagInfoWrapper__y4LBf","tagText":"tagContextMenu-module_tagText__8GaFk","tagHeader":"tagContextMenu-module_tagHeader__NW1El","tagDescription":"tagContextMenu-module_tagDescription__lrT1D","tagInfoIcon":"tagContextMenu-module_tagInfoIcon__AMpqu"};
|
|
546
|
+
styleInject(css_248z$w);
|
|
499
547
|
|
|
500
548
|
/**
|
|
501
549
|
* Component that renders a tag context menu that can be expanded and closed upon click
|
|
@@ -525,20 +573,20 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
525
573
|
children = _ref.children;
|
|
526
574
|
if (expanded) {
|
|
527
575
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
528
|
-
className: styles$
|
|
576
|
+
className: styles$m.contextWrapperExpanded,
|
|
529
577
|
onClick: openTagInformation
|
|
530
578
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
531
|
-
className: styles$
|
|
579
|
+
className: styles$m.tagInfoWrapper
|
|
532
580
|
}, children, /*#__PURE__*/React__default.createElement("div", {
|
|
533
|
-
className: styles$
|
|
581
|
+
className: styles$m.tagText
|
|
534
582
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
535
583
|
variant: "h5",
|
|
536
|
-
className: styles$
|
|
584
|
+
className: styles$m.tagHeader
|
|
537
585
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
538
586
|
variant: "body_short",
|
|
539
|
-
className: styles$
|
|
587
|
+
className: styles$m.tagDescription
|
|
540
588
|
}, description)), /*#__PURE__*/React__default.createElement("div", {
|
|
541
|
-
className: styles$
|
|
589
|
+
className: styles$m.tagInfoIcon
|
|
542
590
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
543
591
|
variant: "ghost_icon"
|
|
544
592
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -549,7 +597,7 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
549
597
|
} else {
|
|
550
598
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
551
599
|
"data-testid": "open-tag-info",
|
|
552
|
-
className: "".concat(styles$
|
|
600
|
+
className: "".concat(styles$m.contextWrapper, " ").concat(selected ? selectedClassName ? selectedClassName : styles$m.selected : ''),
|
|
553
601
|
onClick: function onClick() {
|
|
554
602
|
setExpanded(true);
|
|
555
603
|
}
|
|
@@ -557,9 +605,9 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
557
605
|
}
|
|
558
606
|
};
|
|
559
607
|
|
|
560
|
-
var css_248z$
|
|
608
|
+
var css_248z$v = ".contextMenu-module_wrapper__p-0Zc{display:flex;flex-wrap:wrap;position:absolute;width:fit-content}.contextMenu-module_wrapper__p-0Zc>div:first-child{margin-right:4px}@media screen and (max-width:440px){.contextMenu-module_wrapper__p-0Zc{max-width:250px}.contextMenu-module_wrapper__p-0Zc>div:first-child{margin-bottom:5px}}";
|
|
561
609
|
var style$7 = {"wrapper":"contextMenu-module_wrapper__p-0Zc"};
|
|
562
|
-
styleInject(css_248z$
|
|
610
|
+
styleInject(css_248z$v);
|
|
563
611
|
|
|
564
612
|
/**
|
|
565
613
|
* Component that renders full context menu functionality, meant for displaying tag context menu.
|
|
@@ -609,7 +657,11 @@ var ContextMenu = function ContextMenu(_ref) {
|
|
|
609
657
|
})), expanded && children);
|
|
610
658
|
};
|
|
611
659
|
|
|
612
|
-
var
|
|
660
|
+
var classnamesExports$1 = {};
|
|
661
|
+
var classnames$3 = {
|
|
662
|
+
get exports(){ return classnamesExports$1; },
|
|
663
|
+
set exports(v){ classnamesExports$1 = v; },
|
|
664
|
+
};
|
|
613
665
|
|
|
614
666
|
/*!
|
|
615
667
|
Copyright (c) 2018 Jed Watson.
|
|
@@ -668,7 +720,7 @@ var classnames$3 = {exports: {}};
|
|
|
668
720
|
}());
|
|
669
721
|
} (classnames$3));
|
|
670
722
|
|
|
671
|
-
var classnames$2 =
|
|
723
|
+
var classnames$2 = classnamesExports$1;
|
|
672
724
|
|
|
673
725
|
var formatDistanceLocale = {
|
|
674
726
|
lessThanXSeconds: {
|
|
@@ -1169,11 +1221,23 @@ var locale$1 = {
|
|
|
1169
1221
|
};
|
|
1170
1222
|
var enGb = locale$1;
|
|
1171
1223
|
|
|
1172
|
-
var
|
|
1224
|
+
var reactDatepicker_minExports = {};
|
|
1225
|
+
var reactDatepicker_min = {
|
|
1226
|
+
get exports(){ return reactDatepicker_minExports; },
|
|
1227
|
+
set exports(v){ reactDatepicker_minExports = v; },
|
|
1228
|
+
};
|
|
1173
1229
|
|
|
1174
|
-
var
|
|
1230
|
+
var propTypesExports = {};
|
|
1231
|
+
var propTypes = {
|
|
1232
|
+
get exports(){ return propTypesExports; },
|
|
1233
|
+
set exports(v){ propTypesExports = v; },
|
|
1234
|
+
};
|
|
1175
1235
|
|
|
1176
|
-
var
|
|
1236
|
+
var reactIsExports = {};
|
|
1237
|
+
var reactIs = {
|
|
1238
|
+
get exports(){ return reactIsExports; },
|
|
1239
|
+
set exports(v){ reactIsExports = v; },
|
|
1240
|
+
};
|
|
1177
1241
|
|
|
1178
1242
|
var reactIs_production_min = {};
|
|
1179
1243
|
|
|
@@ -1392,7 +1456,7 @@ function requireReactIs_development () {
|
|
|
1392
1456
|
var hasRequiredReactIs;
|
|
1393
1457
|
|
|
1394
1458
|
function requireReactIs () {
|
|
1395
|
-
if (hasRequiredReactIs) return
|
|
1459
|
+
if (hasRequiredReactIs) return reactIsExports;
|
|
1396
1460
|
hasRequiredReactIs = 1;
|
|
1397
1461
|
(function (module) {
|
|
1398
1462
|
|
|
@@ -1402,7 +1466,7 @@ function requireReactIs () {
|
|
|
1402
1466
|
module.exports = requireReactIs_development();
|
|
1403
1467
|
}
|
|
1404
1468
|
} (reactIs));
|
|
1405
|
-
return
|
|
1469
|
+
return reactIsExports;
|
|
1406
1470
|
}
|
|
1407
1471
|
|
|
1408
1472
|
/*
|
|
@@ -2343,7 +2407,7 @@ function requireFactoryWithThrowingShims () {
|
|
|
2343
2407
|
var hasRequiredPropTypes;
|
|
2344
2408
|
|
|
2345
2409
|
function requirePropTypes () {
|
|
2346
|
-
if (hasRequiredPropTypes) return
|
|
2410
|
+
if (hasRequiredPropTypes) return propTypesExports;
|
|
2347
2411
|
hasRequiredPropTypes = 1;
|
|
2348
2412
|
if (process.env.NODE_ENV !== 'production') {
|
|
2349
2413
|
var ReactIs = requireReactIs();
|
|
@@ -2357,7 +2421,7 @@ function requirePropTypes () {
|
|
|
2357
2421
|
// http://fb.me/prop-types-in-prod
|
|
2358
2422
|
propTypes.exports = requireFactoryWithThrowingShims()();
|
|
2359
2423
|
}
|
|
2360
|
-
return
|
|
2424
|
+
return propTypesExports;
|
|
2361
2425
|
}
|
|
2362
2426
|
|
|
2363
2427
|
function requiredArgs(required, args) {
|
|
@@ -10506,7 +10570,7 @@ var hasRequiredReactOnclickoutside_cjs;
|
|
|
10506
10570
|
function requireReactOnclickoutside_cjs () {
|
|
10507
10571
|
if (hasRequiredReactOnclickoutside_cjs) return reactOnclickoutside_cjs;
|
|
10508
10572
|
hasRequiredReactOnclickoutside_cjs = 1;
|
|
10509
|
-
Object.defineProperty(reactOnclickoutside_cjs,'__esModule',{value:true});var react=React__default,reactDom=
|
|
10573
|
+
Object.defineProperty(reactOnclickoutside_cjs,'__esModule',{value:true});var react=React__default,reactDom=ReactDOM__default;function _inheritsLoose(subClass, superClass) {
|
|
10510
10574
|
subClass.prototype = Object.create(superClass.prototype);
|
|
10511
10575
|
subClass.prototype.constructor = subClass;
|
|
10512
10576
|
|
|
@@ -10980,7 +11044,7 @@ function getNodeName(element) {
|
|
|
10980
11044
|
return element ? (element.nodeName || '').toLowerCase() : null;
|
|
10981
11045
|
}
|
|
10982
11046
|
|
|
10983
|
-
function getWindow(node) {
|
|
11047
|
+
function getWindow$1(node) {
|
|
10984
11048
|
if (node == null) {
|
|
10985
11049
|
return window;
|
|
10986
11050
|
}
|
|
@@ -10993,23 +11057,23 @@ function getWindow(node) {
|
|
|
10993
11057
|
return node;
|
|
10994
11058
|
}
|
|
10995
11059
|
|
|
10996
|
-
function isElement(node) {
|
|
10997
|
-
var OwnElement = getWindow(node).Element;
|
|
11060
|
+
function isElement$1(node) {
|
|
11061
|
+
var OwnElement = getWindow$1(node).Element;
|
|
10998
11062
|
return node instanceof OwnElement || node instanceof Element;
|
|
10999
11063
|
}
|
|
11000
11064
|
|
|
11001
|
-
function isHTMLElement(node) {
|
|
11002
|
-
var OwnElement = getWindow(node).HTMLElement;
|
|
11065
|
+
function isHTMLElement$1(node) {
|
|
11066
|
+
var OwnElement = getWindow$1(node).HTMLElement;
|
|
11003
11067
|
return node instanceof OwnElement || node instanceof HTMLElement;
|
|
11004
11068
|
}
|
|
11005
11069
|
|
|
11006
|
-
function isShadowRoot(node) {
|
|
11070
|
+
function isShadowRoot$1(node) {
|
|
11007
11071
|
// IE 11 has no ShadowRoot
|
|
11008
11072
|
if (typeof ShadowRoot === 'undefined') {
|
|
11009
11073
|
return false;
|
|
11010
11074
|
}
|
|
11011
11075
|
|
|
11012
|
-
var OwnElement = getWindow(node).ShadowRoot;
|
|
11076
|
+
var OwnElement = getWindow$1(node).ShadowRoot;
|
|
11013
11077
|
return node instanceof OwnElement || node instanceof ShadowRoot;
|
|
11014
11078
|
}
|
|
11015
11079
|
|
|
@@ -11022,7 +11086,7 @@ function applyStyles(_ref) {
|
|
|
11022
11086
|
var attributes = state.attributes[name] || {};
|
|
11023
11087
|
var element = state.elements[name]; // arrow is optional + virtual elements
|
|
11024
11088
|
|
|
11025
|
-
if (!isHTMLElement(element) || !getNodeName(element)) {
|
|
11089
|
+
if (!isHTMLElement$1(element) || !getNodeName(element)) {
|
|
11026
11090
|
return;
|
|
11027
11091
|
} // Flow doesn't support to extend this property, but it's the most
|
|
11028
11092
|
// effective way to apply styles to an HTMLElement
|
|
@@ -11074,7 +11138,7 @@ function effect$2(_ref2) {
|
|
|
11074
11138
|
return style;
|
|
11075
11139
|
}, {}); // arrow is optional + virtual elements
|
|
11076
11140
|
|
|
11077
|
-
if (!isHTMLElement(element) || !getNodeName(element)) {
|
|
11141
|
+
if (!isHTMLElement$1(element) || !getNodeName(element)) {
|
|
11078
11142
|
return;
|
|
11079
11143
|
}
|
|
11080
11144
|
|
|
@@ -11133,12 +11197,12 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy) {
|
|
|
11133
11197
|
var scaleX = 1;
|
|
11134
11198
|
var scaleY = 1;
|
|
11135
11199
|
|
|
11136
|
-
if (includeScale && isHTMLElement(element)) {
|
|
11200
|
+
if (includeScale && isHTMLElement$1(element)) {
|
|
11137
11201
|
scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
|
|
11138
11202
|
scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
|
|
11139
11203
|
}
|
|
11140
11204
|
|
|
11141
|
-
var _ref = isElement(element) ? getWindow(element) : window,
|
|
11205
|
+
var _ref = isElement$1(element) ? getWindow$1(element) : window,
|
|
11142
11206
|
visualViewport = _ref.visualViewport;
|
|
11143
11207
|
|
|
11144
11208
|
var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
|
|
@@ -11183,13 +11247,13 @@ function getLayoutRect(element) {
|
|
|
11183
11247
|
};
|
|
11184
11248
|
}
|
|
11185
11249
|
|
|
11186
|
-
function contains(parent, child) {
|
|
11250
|
+
function contains$1(parent, child) {
|
|
11187
11251
|
var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
|
|
11188
11252
|
|
|
11189
11253
|
if (parent.contains(child)) {
|
|
11190
11254
|
return true;
|
|
11191
11255
|
} // then fallback to custom implementation with Shadow DOM support
|
|
11192
|
-
else if (rootNode && isShadowRoot(rootNode)) {
|
|
11256
|
+
else if (rootNode && isShadowRoot$1(rootNode)) {
|
|
11193
11257
|
var next = child;
|
|
11194
11258
|
|
|
11195
11259
|
do {
|
|
@@ -11206,8 +11270,8 @@ function contains(parent, child) {
|
|
|
11206
11270
|
return false;
|
|
11207
11271
|
}
|
|
11208
11272
|
|
|
11209
|
-
function getComputedStyle(element) {
|
|
11210
|
-
return getWindow(element).getComputedStyle(element);
|
|
11273
|
+
function getComputedStyle$1(element) {
|
|
11274
|
+
return getWindow$1(element).getComputedStyle(element);
|
|
11211
11275
|
}
|
|
11212
11276
|
|
|
11213
11277
|
function isTableElement(element) {
|
|
@@ -11216,7 +11280,7 @@ function isTableElement(element) {
|
|
|
11216
11280
|
|
|
11217
11281
|
function getDocumentElement(element) {
|
|
11218
11282
|
// $FlowFixMe[incompatible-return]: assume body is always available
|
|
11219
|
-
return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]
|
|
11283
|
+
return ((isElement$1(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]
|
|
11220
11284
|
element.document) || window.document).documentElement;
|
|
11221
11285
|
}
|
|
11222
11286
|
|
|
@@ -11230,7 +11294,7 @@ function getParentNode(element) {
|
|
|
11230
11294
|
// $FlowFixMe[prop-missing]
|
|
11231
11295
|
element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
|
|
11232
11296
|
element.parentNode || ( // DOM Element detected
|
|
11233
|
-
isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
|
|
11297
|
+
isShadowRoot$1(element) ? element.host : null) || // ShadowRoot detected
|
|
11234
11298
|
// $FlowFixMe[incompatible-call]: HTMLElement is a Node
|
|
11235
11299
|
getDocumentElement(element) // fallback
|
|
11236
11300
|
|
|
@@ -11238,8 +11302,8 @@ function getParentNode(element) {
|
|
|
11238
11302
|
}
|
|
11239
11303
|
|
|
11240
11304
|
function getTrueOffsetParent(element) {
|
|
11241
|
-
if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
|
|
11242
|
-
getComputedStyle(element).position === 'fixed') {
|
|
11305
|
+
if (!isHTMLElement$1(element) || // https://github.com/popperjs/popper-core/issues/837
|
|
11306
|
+
getComputedStyle$1(element).position === 'fixed') {
|
|
11243
11307
|
return null;
|
|
11244
11308
|
}
|
|
11245
11309
|
|
|
@@ -11252,9 +11316,9 @@ function getContainingBlock(element) {
|
|
|
11252
11316
|
var isFirefox = /firefox/i.test(getUAString());
|
|
11253
11317
|
var isIE = /Trident/i.test(getUAString());
|
|
11254
11318
|
|
|
11255
|
-
if (isIE && isHTMLElement(element)) {
|
|
11319
|
+
if (isIE && isHTMLElement$1(element)) {
|
|
11256
11320
|
// In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
|
|
11257
|
-
var elementCss = getComputedStyle(element);
|
|
11321
|
+
var elementCss = getComputedStyle$1(element);
|
|
11258
11322
|
|
|
11259
11323
|
if (elementCss.position === 'fixed') {
|
|
11260
11324
|
return null;
|
|
@@ -11263,12 +11327,12 @@ function getContainingBlock(element) {
|
|
|
11263
11327
|
|
|
11264
11328
|
var currentNode = getParentNode(element);
|
|
11265
11329
|
|
|
11266
|
-
if (isShadowRoot(currentNode)) {
|
|
11330
|
+
if (isShadowRoot$1(currentNode)) {
|
|
11267
11331
|
currentNode = currentNode.host;
|
|
11268
11332
|
}
|
|
11269
11333
|
|
|
11270
|
-
while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
|
|
11271
|
-
var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that
|
|
11334
|
+
while (isHTMLElement$1(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
|
|
11335
|
+
var css = getComputedStyle$1(currentNode); // This is non-exhaustive but covers the most common CSS properties that
|
|
11272
11336
|
// create a containing block.
|
|
11273
11337
|
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
11274
11338
|
|
|
@@ -11285,14 +11349,14 @@ function getContainingBlock(element) {
|
|
|
11285
11349
|
|
|
11286
11350
|
|
|
11287
11351
|
function getOffsetParent(element) {
|
|
11288
|
-
var window = getWindow(element);
|
|
11352
|
+
var window = getWindow$1(element);
|
|
11289
11353
|
var offsetParent = getTrueOffsetParent(element);
|
|
11290
11354
|
|
|
11291
|
-
while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {
|
|
11355
|
+
while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
|
|
11292
11356
|
offsetParent = getTrueOffsetParent(offsetParent);
|
|
11293
11357
|
}
|
|
11294
11358
|
|
|
11295
|
-
if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {
|
|
11359
|
+
if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static')) {
|
|
11296
11360
|
return window;
|
|
11297
11361
|
}
|
|
11298
11362
|
|
|
@@ -11395,12 +11459,12 @@ function effect$1(_ref2) {
|
|
|
11395
11459
|
}
|
|
11396
11460
|
|
|
11397
11461
|
if (process.env.NODE_ENV !== "production") {
|
|
11398
|
-
if (!isHTMLElement(arrowElement)) {
|
|
11462
|
+
if (!isHTMLElement$1(arrowElement)) {
|
|
11399
11463
|
console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', 'To use an SVG arrow, wrap it in an HTMLElement that will be used as', 'the arrow.'].join(' '));
|
|
11400
11464
|
}
|
|
11401
11465
|
}
|
|
11402
11466
|
|
|
11403
|
-
if (!contains(state.elements.popper, arrowElement)) {
|
|
11467
|
+
if (!contains$1(state.elements.popper, arrowElement)) {
|
|
11404
11468
|
if (process.env.NODE_ENV !== "production") {
|
|
11405
11469
|
console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', 'element.'].join(' '));
|
|
11406
11470
|
}
|
|
@@ -11485,10 +11549,10 @@ function mapToStyles(_ref2) {
|
|
|
11485
11549
|
var heightProp = 'clientHeight';
|
|
11486
11550
|
var widthProp = 'clientWidth';
|
|
11487
11551
|
|
|
11488
|
-
if (offsetParent === getWindow(popper)) {
|
|
11552
|
+
if (offsetParent === getWindow$1(popper)) {
|
|
11489
11553
|
offsetParent = getDocumentElement(popper);
|
|
11490
11554
|
|
|
11491
|
-
if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') {
|
|
11555
|
+
if (getComputedStyle$1(offsetParent).position !== 'static' && position === 'absolute') {
|
|
11492
11556
|
heightProp = 'scrollHeight';
|
|
11493
11557
|
widthProp = 'scrollWidth';
|
|
11494
11558
|
}
|
|
@@ -11549,7 +11613,7 @@ function computeStyles(_ref5) {
|
|
|
11549
11613
|
roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
|
|
11550
11614
|
|
|
11551
11615
|
if (process.env.NODE_ENV !== "production") {
|
|
11552
|
-
var transitionProperty = getComputedStyle(state.elements.popper).transitionProperty || '';
|
|
11616
|
+
var transitionProperty = getComputedStyle$1(state.elements.popper).transitionProperty || '';
|
|
11553
11617
|
|
|
11554
11618
|
if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {
|
|
11555
11619
|
return transitionProperty.indexOf(property) >= 0;
|
|
@@ -11611,7 +11675,7 @@ function effect(_ref) {
|
|
|
11611
11675
|
scroll = _options$scroll === void 0 ? true : _options$scroll,
|
|
11612
11676
|
_options$resize = options.resize,
|
|
11613
11677
|
resize = _options$resize === void 0 ? true : _options$resize;
|
|
11614
|
-
var window = getWindow(state.elements.popper);
|
|
11678
|
+
var window = getWindow$1(state.elements.popper);
|
|
11615
11679
|
var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
|
|
11616
11680
|
|
|
11617
11681
|
if (scroll) {
|
|
@@ -11670,7 +11734,7 @@ function getOppositeVariationPlacement(placement) {
|
|
|
11670
11734
|
}
|
|
11671
11735
|
|
|
11672
11736
|
function getWindowScroll(node) {
|
|
11673
|
-
var win = getWindow(node);
|
|
11737
|
+
var win = getWindow$1(node);
|
|
11674
11738
|
var scrollLeft = win.pageXOffset;
|
|
11675
11739
|
var scrollTop = win.pageYOffset;
|
|
11676
11740
|
return {
|
|
@@ -11691,7 +11755,7 @@ function getWindowScrollBarX(element) {
|
|
|
11691
11755
|
}
|
|
11692
11756
|
|
|
11693
11757
|
function getViewportRect(element, strategy) {
|
|
11694
|
-
var win = getWindow(element);
|
|
11758
|
+
var win = getWindow$1(element);
|
|
11695
11759
|
var html = getDocumentElement(element);
|
|
11696
11760
|
var visualViewport = win.visualViewport;
|
|
11697
11761
|
var width = html.clientWidth;
|
|
@@ -11731,7 +11795,7 @@ function getDocumentRect(element) {
|
|
|
11731
11795
|
var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
|
|
11732
11796
|
var y = -winScroll.scrollTop;
|
|
11733
11797
|
|
|
11734
|
-
if (getComputedStyle(body || html).direction === 'rtl') {
|
|
11798
|
+
if (getComputedStyle$1(body || html).direction === 'rtl') {
|
|
11735
11799
|
x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
|
|
11736
11800
|
}
|
|
11737
11801
|
|
|
@@ -11745,7 +11809,7 @@ function getDocumentRect(element) {
|
|
|
11745
11809
|
|
|
11746
11810
|
function isScrollParent(element) {
|
|
11747
11811
|
// Firefox wants us to check `-x` and `-y` variations as well
|
|
11748
|
-
var _getComputedStyle = getComputedStyle(element),
|
|
11812
|
+
var _getComputedStyle = getComputedStyle$1(element),
|
|
11749
11813
|
overflow = _getComputedStyle.overflow,
|
|
11750
11814
|
overflowX = _getComputedStyle.overflowX,
|
|
11751
11815
|
overflowY = _getComputedStyle.overflowY;
|
|
@@ -11759,7 +11823,7 @@ function getScrollParent(node) {
|
|
|
11759
11823
|
return node.ownerDocument.body;
|
|
11760
11824
|
}
|
|
11761
11825
|
|
|
11762
|
-
if (isHTMLElement(node) && isScrollParent(node)) {
|
|
11826
|
+
if (isHTMLElement$1(node) && isScrollParent(node)) {
|
|
11763
11827
|
return node;
|
|
11764
11828
|
}
|
|
11765
11829
|
|
|
@@ -11782,7 +11846,7 @@ function listScrollParents(element, list) {
|
|
|
11782
11846
|
|
|
11783
11847
|
var scrollParent = getScrollParent(element);
|
|
11784
11848
|
var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
|
|
11785
|
-
var win = getWindow(scrollParent);
|
|
11849
|
+
var win = getWindow$1(scrollParent);
|
|
11786
11850
|
var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
|
|
11787
11851
|
var updatedList = list.concat(target);
|
|
11788
11852
|
return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
|
|
@@ -11812,7 +11876,7 @@ function getInnerBoundingClientRect(element, strategy) {
|
|
|
11812
11876
|
}
|
|
11813
11877
|
|
|
11814
11878
|
function getClientRectFromMixedType(element, clippingParent, strategy) {
|
|
11815
|
-
return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
|
|
11879
|
+
return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement$1(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
|
|
11816
11880
|
} // A "clipping parent" is an overflowable container with the characteristic of
|
|
11817
11881
|
// clipping (or hiding) overflowing elements with a position different from
|
|
11818
11882
|
// `initial`
|
|
@@ -11820,16 +11884,16 @@ function getClientRectFromMixedType(element, clippingParent, strategy) {
|
|
|
11820
11884
|
|
|
11821
11885
|
function getClippingParents(element) {
|
|
11822
11886
|
var clippingParents = listScrollParents(getParentNode(element));
|
|
11823
|
-
var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;
|
|
11824
|
-
var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
|
|
11887
|
+
var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle$1(element).position) >= 0;
|
|
11888
|
+
var clipperElement = canEscapeClipping && isHTMLElement$1(element) ? getOffsetParent(element) : element;
|
|
11825
11889
|
|
|
11826
|
-
if (!isElement(clipperElement)) {
|
|
11890
|
+
if (!isElement$1(clipperElement)) {
|
|
11827
11891
|
return [];
|
|
11828
11892
|
} // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414
|
|
11829
11893
|
|
|
11830
11894
|
|
|
11831
11895
|
return clippingParents.filter(function (clippingParent) {
|
|
11832
|
-
return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
|
|
11896
|
+
return isElement$1(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
|
|
11833
11897
|
});
|
|
11834
11898
|
} // Gets the maximum area that the element is visible in due to any number of
|
|
11835
11899
|
// clipping parents
|
|
@@ -11943,7 +12007,7 @@ function detectOverflow(state, options) {
|
|
|
11943
12007
|
var altContext = elementContext === popper ? reference : popper;
|
|
11944
12008
|
var popperRect = state.rects.popper;
|
|
11945
12009
|
var element = state.elements[altBoundary ? altContext : elementContext];
|
|
11946
|
-
var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
|
|
12010
|
+
var clippingClientRect = getClippingRect(isElement$1(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
|
|
11947
12011
|
var referenceClientRect = getBoundingClientRect(state.elements.reference);
|
|
11948
12012
|
var popperOffsets = computeOffsets({
|
|
11949
12013
|
reference: referenceClientRect,
|
|
@@ -12437,7 +12501,7 @@ function getHTMLElementScroll(element) {
|
|
|
12437
12501
|
}
|
|
12438
12502
|
|
|
12439
12503
|
function getNodeScroll(node) {
|
|
12440
|
-
if (node === getWindow(node) || !isHTMLElement(node)) {
|
|
12504
|
+
if (node === getWindow$1(node) || !isHTMLElement$1(node)) {
|
|
12441
12505
|
return getWindowScroll(node);
|
|
12442
12506
|
} else {
|
|
12443
12507
|
return getHTMLElementScroll(node);
|
|
@@ -12458,8 +12522,8 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
|
|
|
12458
12522
|
isFixed = false;
|
|
12459
12523
|
}
|
|
12460
12524
|
|
|
12461
|
-
var isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
12462
|
-
var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
|
|
12525
|
+
var isOffsetParentAnElement = isHTMLElement$1(offsetParent);
|
|
12526
|
+
var offsetParentIsScaled = isHTMLElement$1(offsetParent) && isElementScaled(offsetParent);
|
|
12463
12527
|
var documentElement = getDocumentElement(offsetParent);
|
|
12464
12528
|
var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
|
|
12465
12529
|
var scroll = {
|
|
@@ -12477,7 +12541,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
|
|
|
12477
12541
|
scroll = getNodeScroll(offsetParent);
|
|
12478
12542
|
}
|
|
12479
12543
|
|
|
12480
|
-
if (isHTMLElement(offsetParent)) {
|
|
12544
|
+
if (isHTMLElement$1(offsetParent)) {
|
|
12481
12545
|
offsets = getBoundingClientRect(offsetParent, true);
|
|
12482
12546
|
offsets.x += offsetParent.clientLeft;
|
|
12483
12547
|
offsets.y += offsetParent.clientTop;
|
|
@@ -12724,7 +12788,7 @@ function popperGenerator(generatorOptions) {
|
|
|
12724
12788
|
cleanupModifierEffects();
|
|
12725
12789
|
state.options = Object.assign({}, defaultOptions, state.options, options);
|
|
12726
12790
|
state.scrollParents = {
|
|
12727
|
-
reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
|
|
12791
|
+
reference: isElement$1(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
|
|
12728
12792
|
popper: listScrollParents(popper)
|
|
12729
12793
|
}; // Orders the modifiers based on their dependencies and `phase`
|
|
12730
12794
|
// properties
|
|
@@ -12754,7 +12818,7 @@ function popperGenerator(generatorOptions) {
|
|
|
12754
12818
|
}
|
|
12755
12819
|
}
|
|
12756
12820
|
|
|
12757
|
-
var _getComputedStyle = getComputedStyle(popper),
|
|
12821
|
+
var _getComputedStyle = getComputedStyle$1(popper),
|
|
12758
12822
|
marginTop = _getComputedStyle.marginTop,
|
|
12759
12823
|
marginRight = _getComputedStyle.marginRight,
|
|
12760
12824
|
marginBottom = _getComputedStyle.marginBottom,
|
|
@@ -13091,7 +13155,7 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
|
|
|
13091
13155
|
fn: function fn(_ref) {
|
|
13092
13156
|
var state = _ref.state;
|
|
13093
13157
|
var elements = Object.keys(state.elements);
|
|
13094
|
-
|
|
13158
|
+
ReactDOM.flushSync(function () {
|
|
13095
13159
|
setState({
|
|
13096
13160
|
styles: fromEntries(elements.map(function (element) {
|
|
13097
13161
|
return [element, state.styles[element] || {}];
|
|
@@ -13312,8 +13376,8 @@ function Reference(_ref) {
|
|
|
13312
13376
|
|
|
13313
13377
|
var esm = /*#__PURE__*/Object.freeze({
|
|
13314
13378
|
__proto__: null,
|
|
13315
|
-
Popper: Popper,
|
|
13316
13379
|
Manager: Manager,
|
|
13380
|
+
Popper: Popper,
|
|
13317
13381
|
Reference: Reference,
|
|
13318
13382
|
usePopper: usePopper
|
|
13319
13383
|
});
|
|
@@ -13321,21 +13385,21 @@ var esm = /*#__PURE__*/Object.freeze({
|
|
|
13321
13385
|
var require$$61 = /*@__PURE__*/getAugmentedNamespace(esm);
|
|
13322
13386
|
|
|
13323
13387
|
(function (module, exports) {
|
|
13324
|
-
!function(e,t){t(exports,React__default,requirePropTypes(),classnames$3.exports,require$$3$1,require$$4,require$$5,require$$6,require$$7,require$$8,require$$9,require$$10,require$$11,require$$12,require$$13,require$$14,require$$15,require$$16,require$$17,require$$18,require$$19,require$$20,require$$21,require$$22,require$$23,require$$24,require$$25,require$$26,require$$27,require$$28,require$$29,require$$30,require$$31,require$$32,require$$33,require$$34,require$$35,require$$36,require$$37,require$$38,require$$39,require$$40,require$$41,require$$42,require$$43,require$$44,require$$45,require$$46,require$$47,require$$48,require$$49,require$$50,require$$51,require$$52,require$$53,require$$54,require$$55,require$$56,require$$57,require$$58,requireReactOnclickoutside_cjs(),require$$1__default,require$$61);}(commonjsGlobal,(function(e,t,r,a,n,o,s,i,p,l,d,c,u,f,h,m,y,D,v,w,g,k,b,S,C,_,M,P,E,N,x,O,Y,I,T,L,R,F,A,q,W,B,K,H,j,Q,V,U,$,z,G,J,X,Z,ee,te,re,ae,ne,oe,se,ie,pe){function le(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var de=le(t),ce=le(a),ue=le(n),fe=le(o),he=le(s),me=le(i),ye=le(p),De=le(l),ve=le(d),we=le(c),ge=le(u),ke=le(m),be=le(y),Se=le(D),Ce=le(v),_e=le(w),Me=le(g),Pe=le(k),Ee=le(b),Ne=le(S),xe=le(C),Oe=le(_),Ye=le(M),Ie=le(P),Te=le(E),Le=le(N),Re=le(x),Fe=le(O),Ae=le(Y),qe=le(I),We=le(T),Be=le(L),Ke=le(R),He=le(F),je=le(A),Qe=le(W),Ve=le(B),Ue=le(K),$e=le(H),ze=le(j),Ge=le(Q),Je=le(V),Xe=le(z),Ze=le(G),et=le(J),tt=le(X),rt=le(Z),at=le(ee),nt=le(te),ot=le(re),st=le(ae),it=le(ne),pt=le(oe),lt=le(se),dt=le(ie);function ct(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a);}return r}function ut(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ct(Object(r),!0).forEach((function(t){Dt(e,t,r[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ct(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t));}));}return e}function ft(e){return (ft="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 ht(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function mt(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a);}}function yt(e,t,r){return t&&mt(e.prototype,t),r&&mt(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function Dt(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function vt(){return (vt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);}return e}).apply(this,arguments)}function wt(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");Object.defineProperty(e,"prototype",{value:Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),writable:!1}),t&&kt(e,t);}function gt(e){return (gt=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function kt(e,t){return (kt=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function bt(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function St(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return bt(e)}function Ct(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,a=gt(e);if(t){var n=gt(this).constructor;r=Reflect.construct(a,arguments,n);}else r=a.apply(this,arguments);return St(this,r)}}function _t(e){return function(e){if(Array.isArray(e))return Mt(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 Mt(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 Mt(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 Mt(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function Pt(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 Et(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 Nt={p:Et,P:function(e,t){var r,a=e.match(/(P+)(p+)?/)||[],n=a[1],o=a[2];if(!o)return Pt(e,t);switch(n){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}}",Pt(n,t)).replace("{{time}}",Et(o,t))}},xt=12,Ot=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;function Yt(e){var t=e?"string"==typeof e||e instanceof String?pt.default(e):st.default(e):new Date;return Tt(t)?t:null}function It(e,t,r,a,n){var o=null,s=Xt(r)||Xt(Jt()),i=!0;return Array.isArray(t)?(t.forEach((function(t){var p=it.default(e,t,new Date,{locale:s});a&&(i=Tt(p,n)&&e===Lt(p,t,r)),Tt(p,n)&&i&&(o=p);})),o):(o=it.default(e,t,new Date,{locale:s}),a?i=Tt(o)&&e===Lt(o,t,r):Tt(o)||(t=t.match(Ot).map((function(e){var t=e[0];return "p"===t||"P"===t?s?(0, Nt[t])(e,s.formatLong):t:e})).join(""),e.length>0&&(o=it.default(e,t.slice(0,e.length),new Date)),Tt(o)||(o=new Date(e))),Tt(o)&&i?o:null)}function Tt(e,t){return t=t||new Date("1/1/1000"),fe.default(e)&&!nt.default(e,t)}function Lt(e,t,r){if("en"===r)return he.default(e,t,{awareOfUnicodeTokens:!0});var a=Xt(r);return r&&!a&&console.warn('A locale object was not found for the provided string ["'.concat(r,'"].')),!a&&Jt()&&Xt(Jt())&&(a=Xt(Jt())),he.default(e,t,{locale:a||null,awareOfUnicodeTokens:!0})}function Rt(e,t){var r=t.dateFormat,a=t.locale;return e&&Lt(e,Array.isArray(r)?r[0]:r,a)||""}function Ft(e,t){var r=t.hour,a=void 0===r?0:r,n=t.minute,o=void 0===n?0:n,s=t.second,i=void 0===s?0:s;return Fe.default(Re.default(Le.default(e,i),o),a)}function At(e,t){var r=t&&Xt(t)||Jt()&&Xt(Jt());return xe.default(e,r?{locale:r}:null)}function qt(e,t){return Lt(e,"ddd",t)}function Wt(e){return Ve.default(e)}function Bt(e,t,r){var a=Xt(t||Jt());return Ue.default(e,{locale:a,weekStartsOn:r})}function Kt(e){return $e.default(e)}function Ht(e){return Ge.default(e)}function jt(e){return ze.default(e)}function Qt(e,t){return e&&t?tt.default(e,t):!e&&!t}function Vt(e,t){return e&&t?et.default(e,t):!e&&!t}function Ut(e,t){return e&&t?rt.default(e,t):!e&&!t}function $t(e,t){return e&&t?Ze.default(e,t):!e&&!t}function zt(e,t){return e&&t?Xe.default(e,t):!e&&!t}function Gt(e,t,r){var a,n=Ve.default(t),o=Je.default(r);try{a=ot.default(e,{start:n,end:o});}catch(e){a=!1;}return a}function Jt(){return ("undefined"!=typeof window?window:globalThis).__localeId__}function Xt(e){if("string"==typeof e){var t="undefined"!=typeof window?window:globalThis;return t.__localeData__?t.__localeData__[e]:null}return e}function Zt(e,t){return Lt(Ae.default(Yt(),e),"LLLL",t)}function er(e,t){return Lt(Ae.default(Yt(),e),"LLL",t)}function tr(e,t){return Lt(qe.default(Yt(),e),"QQQ",t)}function rr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.maxDate,n=t.excludeDates,o=t.excludeDateIntervals,s=t.includeDates,i=t.includeDateIntervals,p=t.filterDate;return lr(e,{minDate:r,maxDate:a})||n&&n.some((function(t){return $t(e,t)}))||o&&o.some((function(t){var r=t.start,a=t.end;return ot.default(e,{start:r,end:a})}))||s&&!s.some((function(t){return $t(e,t)}))||i&&!i.some((function(t){var r=t.start,a=t.end;return ot.default(e,{start:r,end:a})}))||p&&!p(Yt(e))||!1}function ar(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeDates,a=t.excludeDateIntervals;return a&&a.length>0?a.some((function(t){var r=t.start,a=t.end;return ot.default(e,{start:r,end:a})})):r&&r.some((function(t){return $t(e,t)}))||!1}function nr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.maxDate,n=t.excludeDates,o=t.includeDates,s=t.filterDate;return lr(e,{minDate:r,maxDate:a})||n&&n.some((function(t){return Vt(e,t)}))||o&&!o.some((function(t){return Vt(e,t)}))||s&&!s(Yt(e))||!1}function or(e,t,r,a){var n=Ie.default(e),o=Oe.default(e),s=Ie.default(t),i=Oe.default(t),p=Ie.default(a);return n===s&&n===p?o<=r&&r<=i:n<s?p===n&&o<=r||p===s&&i>=r||p<s&&p>n:void 0}function sr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.maxDate,n=t.excludeDates,o=t.includeDates,s=t.filterDate;return lr(e,{minDate:r,maxDate:a})||n&&n.some((function(t){return Ut(e,t)}))||o&&!o.some((function(t){return Ut(e,t)}))||s&&!s(Yt(e))||!1}function ir(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.maxDate,n=new Date(e,0,1);return lr(n,{minDate:r,maxDate:a})||!1}function pr(e,t,r,a){var n=Ie.default(e),o=Ye.default(e),s=Ie.default(t),i=Ye.default(t),p=Ie.default(a);return n===s&&n===p?o<=r&&r<=i:n<s?p===n&&o<=r||p===s&&i>=r||p<s&&p>n:void 0}function lr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.maxDate;return r&&He.default(e,r)<0||a&&He.default(e,a)>0}function dr(e,t){return t.some((function(t){return Pe.default(t)===Pe.default(e)&&Me.default(t)===Me.default(e)}))}function cr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeTimes,a=t.includeTimes,n=t.filterTime;return r&&dr(e,r)||a&&!dr(e,a)||n&&!n(e)||!1}function ur(e,t){var r=t.minTime,a=t.maxTime;if(!r||!a)throw new Error("Both minTime and maxTime props required");var n,o=Yt(),s=Fe.default(Re.default(o,Me.default(e)),Pe.default(e)),i=Fe.default(Re.default(o,Me.default(r)),Pe.default(r)),p=Fe.default(Re.default(o,Me.default(a)),Pe.default(a));try{n=!ot.default(s,{start:i,end:p});}catch(e){n=!1;}return n}function fr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.includeDates,n=Se.default(e,1);return r&&je.default(r,n)>0||a&&a.every((function(e){return je.default(e,n)>0}))||!1}function hr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,a=t.includeDates,n=we.default(e,1);return r&&je.default(n,r)>0||a&&a.every((function(e){return je.default(n,e)>0}))||!1}function mr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.includeDates,n=Ce.default(e,1);return r&&Qe.default(r,n)>0||a&&a.every((function(e){return Qe.default(e,n)>0}))||!1}function yr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,a=t.includeDates,n=ge.default(e,1);return r&&Qe.default(n,r)>0||a&&a.every((function(e){return Qe.default(n,e)>0}))||!1}function Dr(e){var t=e.minDate,r=e.includeDates;if(r&&t){var a=r.filter((function(e){return He.default(e,t)>=0}));return Be.default(a)}return r?Be.default(r):t}function vr(e){var t=e.maxDate,r=e.includeDates;if(r&&t){var a=r.filter((function(e){return He.default(e,t)<=0}));return Ke.default(a)}return r?Ke.default(r):t}function wr(){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",r=new Map,a=0,n=e.length;a<n;a++){var o=e[a];if(ue.default(o)){var s=Lt(o,"MM.dd.yyyy"),i=r.get(s)||[];i.includes(t)||(i.push(t),r.set(s,i));}else if("object"===ft(o)){var p=Object.keys(o),l=p[0],d=o[p[0]];if("string"==typeof l&&d.constructor===Array)for(var c=0,u=d.length;c<u;c++){var f=Lt(d[c],"MM.dd.yyyy"),h=r.get(f)||[];h.includes(l)||(h.push(l),r.set(f,h));}}}return r}function gr(e,t,r,a,n){for(var o=n.length,s=[],i=0;i<o;i++){var p=me.default(ye.default(e,Pe.default(n[i])),Me.default(n[i])),l=me.default(e,(r+1)*a);at.default(p,t)&&nt.default(p,l)&&s.push(n[i]);}return s}function kr(e){return e<10?"0".concat(e):"".concat(e)}function br(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:xt,r=Math.ceil(Ie.default(e)/t)*t,a=r-(t-1);return {startPeriod:a,endPeriod:r}}function Sr(e,t,r,a){for(var n=[],o=0;o<2*t+1;o++){var s=e+t-o,i=!0;r&&(i=Ie.default(r)<=s),a&&i&&(i=Ie.default(a)>=s),i&&n.push(s);}return n}var Cr=function(e){wt(a,e);var r=Ct(a);function a(e){var n;ht(this,a),Dt(bt(n=r.call(this,e)),"renderOptions",(function(){var e=n.props.year,t=n.state.yearsList.map((function(t){return de.default.createElement("div",{className:e===t?"react-datepicker__year-option react-datepicker__year-option--selected_year":"react-datepicker__year-option",key:t,onClick:n.onChange.bind(bt(n),t),"aria-selected":e===t?"true":void 0},e===t?de.default.createElement("span",{className:"react-datepicker__year-option--selected"},"✓"):"",t)})),r=n.props.minDate?Ie.default(n.props.minDate):null,a=n.props.maxDate?Ie.default(n.props.maxDate):null;return a&&n.state.yearsList.find((function(e){return e===a}))||t.unshift(de.default.createElement("div",{className:"react-datepicker__year-option",key:"upcoming",onClick:n.incrementYears},de.default.createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming"}))),r&&n.state.yearsList.find((function(e){return e===r}))||t.push(de.default.createElement("div",{className:"react-datepicker__year-option",key:"previous",onClick:n.decrementYears},de.default.createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous"}))),t})),Dt(bt(n),"onChange",(function(e){n.props.onChange(e);})),Dt(bt(n),"handleClickOutside",(function(){n.props.onCancel();})),Dt(bt(n),"shiftYears",(function(e){var t=n.state.yearsList.map((function(t){return t+e}));n.setState({yearsList:t});})),Dt(bt(n),"incrementYears",(function(){return n.shiftYears(1)})),Dt(bt(n),"decrementYears",(function(){return n.shiftYears(-1)}));var o=e.yearDropdownItemNumber,s=e.scrollableYearDropdown,i=o||(s?10:5);return n.state={yearsList:Sr(n.props.year,i,n.props.minDate,n.props.maxDate)},n.dropdownRef=t.createRef(),n}return yt(a,[{key:"componentDidMount",value:function(){var e=this.dropdownRef.current;e&&(e.scrollTop=e.scrollHeight/2-e.clientHeight/2);}},{key:"render",value:function(){var e=ce.default({"react-datepicker__year-dropdown":!0,"react-datepicker__year-dropdown--scrollable":this.props.scrollableYearDropdown});return de.default.createElement("div",{className:e,ref:this.dropdownRef},this.renderOptions())}}]),a}(de.default.Component),_r=lt.default(Cr),Mr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"state",{dropdownVisible:!1}),Dt(bt(e),"renderSelectOptions",(function(){for(var t=e.props.minDate?Ie.default(e.props.minDate):1900,r=e.props.maxDate?Ie.default(e.props.maxDate):2100,a=[],n=t;n<=r;n++)a.push(de.default.createElement("option",{key:n,value:n},n));return a})),Dt(bt(e),"onSelectChange",(function(t){e.onChange(t.target.value);})),Dt(bt(e),"renderSelectMode",(function(){return de.default.createElement("select",{value:e.props.year,className:"react-datepicker__year-select",onChange:e.onSelectChange},e.renderSelectOptions())})),Dt(bt(e),"renderReadView",(function(t){return de.default.createElement("div",{key:"read",style:{visibility:t?"visible":"hidden"},className:"react-datepicker__year-read-view",onClick:function(t){return e.toggleDropdown(t)}},de.default.createElement("span",{className:"react-datepicker__year-read-view--down-arrow"}),de.default.createElement("span",{className:"react-datepicker__year-read-view--selected-year"},e.props.year))})),Dt(bt(e),"renderDropdown",(function(){return de.default.createElement(_r,{key:"dropdown",year:e.props.year,onChange:e.onChange,onCancel:e.toggleDropdown,minDate:e.props.minDate,maxDate:e.props.maxDate,scrollableYearDropdown:e.props.scrollableYearDropdown,yearDropdownItemNumber:e.props.yearDropdownItemNumber})})),Dt(bt(e),"renderScrollMode",(function(){var t=e.state.dropdownVisible,r=[e.renderReadView(!t)];return t&&r.unshift(e.renderDropdown()),r})),Dt(bt(e),"onChange",(function(t){e.toggleDropdown(),t!==e.props.year&&e.props.onChange(t);})),Dt(bt(e),"toggleDropdown",(function(t){e.setState({dropdownVisible:!e.state.dropdownVisible},(function(){e.props.adjustDateOnChange&&e.handleYearChange(e.props.date,t);}));})),Dt(bt(e),"handleYearChange",(function(t,r){e.onSelect(t,r),e.setOpen();})),Dt(bt(e),"onSelect",(function(t,r){e.props.onSelect&&e.props.onSelect(t,r);})),Dt(bt(e),"setOpen",(function(){e.props.setOpen&&e.props.setOpen(!0);})),e}return yt(r,[{key:"render",value:function(){var e;switch(this.props.dropdownMode){case"scroll":e=this.renderScrollMode();break;case"select":e=this.renderSelectMode();}return de.default.createElement("div",{className:"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode)},e)}}]),r}(de.default.Component),Pr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"isSelectedMonth",(function(t){return e.props.month===t})),Dt(bt(e),"renderOptions",(function(){return e.props.monthNames.map((function(t,r){return de.default.createElement("div",{className:e.isSelectedMonth(r)?"react-datepicker__month-option react-datepicker__month-option--selected_month":"react-datepicker__month-option",key:t,onClick:e.onChange.bind(bt(e),r),"aria-selected":e.isSelectedMonth(r)?"true":void 0},e.isSelectedMonth(r)?de.default.createElement("span",{className:"react-datepicker__month-option--selected"},"✓"):"",t)}))})),Dt(bt(e),"onChange",(function(t){return e.props.onChange(t)})),Dt(bt(e),"handleClickOutside",(function(){return e.props.onCancel()})),e}return yt(r,[{key:"render",value:function(){return de.default.createElement("div",{className:"react-datepicker__month-dropdown"},this.renderOptions())}}]),r}(de.default.Component),Er=lt.default(Pr),Nr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"state",{dropdownVisible:!1}),Dt(bt(e),"renderSelectOptions",(function(e){return e.map((function(e,t){return de.default.createElement("option",{key:t,value:t},e)}))})),Dt(bt(e),"renderSelectMode",(function(t){return de.default.createElement("select",{value:e.props.month,className:"react-datepicker__month-select",onChange:function(t){return e.onChange(t.target.value)}},e.renderSelectOptions(t))})),Dt(bt(e),"renderReadView",(function(t,r){return de.default.createElement("div",{key:"read",style:{visibility:t?"visible":"hidden"},className:"react-datepicker__month-read-view",onClick:e.toggleDropdown},de.default.createElement("span",{className:"react-datepicker__month-read-view--down-arrow"}),de.default.createElement("span",{className:"react-datepicker__month-read-view--selected-month"},r[e.props.month]))})),Dt(bt(e),"renderDropdown",(function(t){return de.default.createElement(Er,{key:"dropdown",month:e.props.month,monthNames:t,onChange:e.onChange,onCancel:e.toggleDropdown})})),Dt(bt(e),"renderScrollMode",(function(t){var r=e.state.dropdownVisible,a=[e.renderReadView(!r,t)];return r&&a.unshift(e.renderDropdown(t)),a})),Dt(bt(e),"onChange",(function(t){e.toggleDropdown(),t!==e.props.month&&e.props.onChange(t);})),Dt(bt(e),"toggleDropdown",(function(){return e.setState({dropdownVisible:!e.state.dropdownVisible})})),e}return yt(r,[{key:"render",value:function(){var e,t=this,r=[0,1,2,3,4,5,6,7,8,9,10,11].map(this.props.useShortMonthInDropdown?function(e){return er(e,t.props.locale)}:function(e){return Zt(e,t.props.locale)});switch(this.props.dropdownMode){case"scroll":e=this.renderScrollMode(r);break;case"select":e=this.renderSelectMode(r);}return de.default.createElement("div",{className:"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode)},e)}}]),r}(de.default.Component);function xr(e,t){for(var r=[],a=Kt(e),n=Kt(t);!at.default(a,n);)r.push(Yt(a)),a=we.default(a,1);return r}var Or=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"renderOptions",(function(){return a.state.monthYearsList.map((function(e){var t=Te.default(e),r=Qt(a.props.date,e)&&Vt(a.props.date,e);return de.default.createElement("div",{className:r?"react-datepicker__month-year-option--selected_month-year":"react-datepicker__month-year-option",key:t,onClick:a.onChange.bind(bt(a),t),"aria-selected":r?"true":void 0},r?de.default.createElement("span",{className:"react-datepicker__month-year-option--selected"},"✓"):"",Lt(e,a.props.dateFormat,a.props.locale))}))})),Dt(bt(a),"onChange",(function(e){return a.props.onChange(e)})),Dt(bt(a),"handleClickOutside",(function(){a.props.onCancel();})),a.state={monthYearsList:xr(a.props.minDate,a.props.maxDate)},a}return yt(r,[{key:"render",value:function(){var e=ce.default({"react-datepicker__month-year-dropdown":!0,"react-datepicker__month-year-dropdown--scrollable":this.props.scrollableMonthYearDropdown});return de.default.createElement("div",{className:e},this.renderOptions())}}]),r}(de.default.Component),Yr=lt.default(Or),Ir=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"state",{dropdownVisible:!1}),Dt(bt(e),"renderSelectOptions",(function(){for(var t=Kt(e.props.minDate),r=Kt(e.props.maxDate),a=[];!at.default(t,r);){var n=Te.default(t);a.push(de.default.createElement("option",{key:n,value:n},Lt(t,e.props.dateFormat,e.props.locale))),t=we.default(t,1);}return a})),Dt(bt(e),"onSelectChange",(function(t){e.onChange(t.target.value);})),Dt(bt(e),"renderSelectMode",(function(){return de.default.createElement("select",{value:Te.default(Kt(e.props.date)),className:"react-datepicker__month-year-select",onChange:e.onSelectChange},e.renderSelectOptions())})),Dt(bt(e),"renderReadView",(function(t){var r=Lt(e.props.date,e.props.dateFormat,e.props.locale);return de.default.createElement("div",{key:"read",style:{visibility:t?"visible":"hidden"},className:"react-datepicker__month-year-read-view",onClick:function(t){return e.toggleDropdown(t)}},de.default.createElement("span",{className:"react-datepicker__month-year-read-view--down-arrow"}),de.default.createElement("span",{className:"react-datepicker__month-year-read-view--selected-month-year"},r))})),Dt(bt(e),"renderDropdown",(function(){return de.default.createElement(Yr,{key:"dropdown",date:e.props.date,dateFormat:e.props.dateFormat,onChange:e.onChange,onCancel:e.toggleDropdown,minDate:e.props.minDate,maxDate:e.props.maxDate,scrollableMonthYearDropdown:e.props.scrollableMonthYearDropdown,locale:e.props.locale})})),Dt(bt(e),"renderScrollMode",(function(){var t=e.state.dropdownVisible,r=[e.renderReadView(!t)];return t&&r.unshift(e.renderDropdown()),r})),Dt(bt(e),"onChange",(function(t){e.toggleDropdown();var r=Yt(parseInt(t));Qt(e.props.date,r)&&Vt(e.props.date,r)||e.props.onChange(r);})),Dt(bt(e),"toggleDropdown",(function(){return e.setState({dropdownVisible:!e.state.dropdownVisible})})),e}return yt(r,[{key:"render",value:function(){var e;switch(this.props.dropdownMode){case"scroll":e=this.renderScrollMode();break;case"select":e=this.renderSelectMode();}return de.default.createElement("div",{className:"react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode)},e)}}]),r}(de.default.Component),Tr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"dayEl",de.default.createRef()),Dt(bt(e),"handleClick",(function(t){!e.isDisabled()&&e.props.onClick&&e.props.onClick(t);})),Dt(bt(e),"handleMouseEnter",(function(t){!e.isDisabled()&&e.props.onMouseEnter&&e.props.onMouseEnter(t);})),Dt(bt(e),"handleOnKeyDown",(function(t){" "===t.key&&(t.preventDefault(),t.key="Enter"),e.props.handleOnKeyDown(t);})),Dt(bt(e),"isSameDay",(function(t){return $t(e.props.day,t)})),Dt(bt(e),"isKeyboardSelected",(function(){return !e.props.disabledKeyboardNavigation&&!e.isSameDay(e.props.selected)&&e.isSameDay(e.props.preSelection)})),Dt(bt(e),"isDisabled",(function(){return rr(e.props.day,e.props)})),Dt(bt(e),"isExcluded",(function(){return ar(e.props.day,e.props)})),Dt(bt(e),"getHighLightedClass",(function(t){var r=e.props,a=r.day,n=r.highlightDates;if(!n)return !1;var o=Lt(a,"MM.dd.yyyy");return n.get(o)})),Dt(bt(e),"isInRange",(function(){var t=e.props,r=t.day,a=t.startDate,n=t.endDate;return !(!a||!n)&&Gt(r,a,n)})),Dt(bt(e),"isInSelectingRange",(function(){var t,r=e.props,a=r.day,n=r.selectsStart,o=r.selectsEnd,s=r.selectsRange,i=r.selectsDisabledDaysInRange,p=r.startDate,l=r.endDate,d=null!==(t=e.props.selectingDate)&&void 0!==t?t:e.props.preSelection;return !(!(n||o||s)||!d||!i&&e.isDisabled())&&(n&&l&&(nt.default(d,l)||zt(d,l))?Gt(a,d,l):(o&&p&&(at.default(d,p)||zt(d,p))||!(!s||!p||l||!at.default(d,p)&&!zt(d,p)))&&Gt(a,p,d))})),Dt(bt(e),"isSelectingRangeStart",(function(){var t;if(!e.isInSelectingRange())return !1;var r=e.props,a=r.day,n=r.startDate,o=r.selectsStart,s=null!==(t=e.props.selectingDate)&&void 0!==t?t:e.props.preSelection;return $t(a,o?s:n)})),Dt(bt(e),"isSelectingRangeEnd",(function(){var t;if(!e.isInSelectingRange())return !1;var r=e.props,a=r.day,n=r.endDate,o=r.selectsEnd,s=null!==(t=e.props.selectingDate)&&void 0!==t?t:e.props.preSelection;return $t(a,o?s:n)})),Dt(bt(e),"isRangeStart",(function(){var t=e.props,r=t.day,a=t.startDate,n=t.endDate;return !(!a||!n)&&$t(a,r)})),Dt(bt(e),"isRangeEnd",(function(){var t=e.props,r=t.day,a=t.startDate,n=t.endDate;return !(!a||!n)&&$t(n,r)})),Dt(bt(e),"isWeekend",(function(){var t=Ee.default(e.props.day);return 0===t||6===t})),Dt(bt(e),"isAfterMonth",(function(){return void 0!==e.props.month&&(e.props.month+1)%12===Oe.default(e.props.day)})),Dt(bt(e),"isBeforeMonth",(function(){return void 0!==e.props.month&&(Oe.default(e.props.day)+1)%12===e.props.month})),Dt(bt(e),"isCurrentDay",(function(){return e.isSameDay(Yt())})),Dt(bt(e),"isSelected",(function(){return e.isSameDay(e.props.selected)})),Dt(bt(e),"getClassNames",(function(t){var r=e.props.dayClassName?e.props.dayClassName(t):void 0;return ce.default("react-datepicker__day",r,"react-datepicker__day--"+qt(e.props.day),{"react-datepicker__day--disabled":e.isDisabled(),"react-datepicker__day--excluded":e.isExcluded(),"react-datepicker__day--selected":e.isSelected(),"react-datepicker__day--keyboard-selected":e.isKeyboardSelected(),"react-datepicker__day--range-start":e.isRangeStart(),"react-datepicker__day--range-end":e.isRangeEnd(),"react-datepicker__day--in-range":e.isInRange(),"react-datepicker__day--in-selecting-range":e.isInSelectingRange(),"react-datepicker__day--selecting-range-start":e.isSelectingRangeStart(),"react-datepicker__day--selecting-range-end":e.isSelectingRangeEnd(),"react-datepicker__day--today":e.isCurrentDay(),"react-datepicker__day--weekend":e.isWeekend(),"react-datepicker__day--outside-month":e.isAfterMonth()||e.isBeforeMonth()},e.getHighLightedClass("react-datepicker__day--highlighted"))})),Dt(bt(e),"getAriaLabel",(function(){var t=e.props,r=t.day,a=t.ariaLabelPrefixWhenEnabled,n=void 0===a?"Choose":a,o=t.ariaLabelPrefixWhenDisabled,s=void 0===o?"Not available":o,i=e.isDisabled()||e.isExcluded()?s:n;return "".concat(i," ").concat(Lt(r,"PPPP",e.props.locale))})),Dt(bt(e),"getTabIndex",(function(t,r){var a=t||e.props.selected,n=r||e.props.preSelection;return e.isKeyboardSelected()||e.isSameDay(a)&&$t(n,a)?0:-1})),Dt(bt(e),"handleFocusDay",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=!1;0===e.getTabIndex()&&!t.isInputFocused&&e.isSameDay(e.props.preSelection)&&(document.activeElement&&document.activeElement!==document.body||(r=!0),e.props.inline&&!e.props.shouldFocusDayInline&&(r=!1),e.props.containerRef&&e.props.containerRef.current&&e.props.containerRef.current.contains(document.activeElement)&&document.activeElement.classList.contains("react-datepicker__day")&&(r=!0)),r&&e.dayEl.current.focus({preventScroll:!0});})),Dt(bt(e),"renderDayContents",(function(){return e.props.monthShowsDuplicateDaysEnd&&e.isAfterMonth()||e.props.monthShowsDuplicateDaysStart&&e.isBeforeMonth()?null:e.props.renderDayContents?e.props.renderDayContents(Ne.default(e.props.day),e.props.day):Ne.default(e.props.day)})),Dt(bt(e),"render",(function(){return de.default.createElement("div",{ref:e.dayEl,className:e.getClassNames(e.props.day),onKeyDown:e.handleOnKeyDown,onClick:e.handleClick,onMouseEnter:e.handleMouseEnter,tabIndex:e.getTabIndex(),"aria-label":e.getAriaLabel(),role:"option","aria-disabled":e.isDisabled(),"aria-current":e.isCurrentDay()?"date":void 0,"aria-selected":e.isSelected()},e.renderDayContents())})),e}return yt(r,[{key:"componentDidMount",value:function(){this.handleFocusDay();}},{key:"componentDidUpdate",value:function(e){this.handleFocusDay(e);}}]),r}(de.default.Component),Lr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"handleClick",(function(t){e.props.onClick&&e.props.onClick(t);})),e}return yt(r,[{key:"render",value:function(){var e=this.props,t=e.weekNumber,r=e.ariaLabelPrefix,a=void 0===r?"week ":r,n={"react-datepicker__week-number":!0,"react-datepicker__week-number--clickable":!!e.onClick};return de.default.createElement("div",{className:ce.default(n),"aria-label":"".concat(a," ").concat(this.props.weekNumber),onClick:this.handleClick},t)}}]),r}(de.default.Component),Rr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"handleDayClick",(function(t,r){e.props.onDayClick&&e.props.onDayClick(t,r);})),Dt(bt(e),"handleDayMouseEnter",(function(t){e.props.onDayMouseEnter&&e.props.onDayMouseEnter(t);})),Dt(bt(e),"handleWeekClick",(function(t,r,a){"function"==typeof e.props.onWeekSelect&&e.props.onWeekSelect(t,r,a),e.props.shouldCloseOnSelect&&e.props.setOpen(!1);})),Dt(bt(e),"formatWeekNumber",(function(t){return e.props.formatWeekNumber?e.props.formatWeekNumber(t):At(t)})),Dt(bt(e),"renderDays",(function(){var t=Bt(e.props.day,e.props.locale,e.props.calendarStartDay),r=[],a=e.formatWeekNumber(t);if(e.props.showWeekNumber){var n=e.props.onWeekSelect?e.handleWeekClick.bind(bt(e),t,a):void 0;r.push(de.default.createElement(Lr,{key:"W",weekNumber:a,onClick:n,ariaLabelPrefix:e.props.ariaLabelPrefix}));}return r.concat([0,1,2,3,4,5,6].map((function(r){var a=De.default(t,r);return de.default.createElement(Tr,{ariaLabelPrefixWhenEnabled:e.props.chooseDayAriaLabelPrefix,ariaLabelPrefixWhenDisabled:e.props.disabledDayAriaLabelPrefix,key:a.valueOf(),day:a,month:e.props.month,onClick:e.handleDayClick.bind(bt(e),a),onMouseEnter:e.handleDayMouseEnter.bind(bt(e),a),minDate:e.props.minDate,maxDate:e.props.maxDate,excludeDates:e.props.excludeDates,excludeDateIntervals:e.props.excludeDateIntervals,includeDates:e.props.includeDates,includeDateIntervals:e.props.includeDateIntervals,highlightDates:e.props.highlightDates,selectingDate:e.props.selectingDate,filterDate:e.props.filterDate,preSelection:e.props.preSelection,selected:e.props.selected,selectsStart:e.props.selectsStart,selectsEnd:e.props.selectsEnd,selectsRange:e.props.selectsRange,selectsDisabledDaysInRange:e.props.selectsDisabledDaysInRange,startDate:e.props.startDate,endDate:e.props.endDate,dayClassName:e.props.dayClassName,renderDayContents:e.props.renderDayContents,disabledKeyboardNavigation:e.props.disabledKeyboardNavigation,handleOnKeyDown:e.props.handleOnKeyDown,isInputFocused:e.props.isInputFocused,containerRef:e.props.containerRef,inline:e.props.inline,shouldFocusDayInline:e.props.shouldFocusDayInline,monthShowsDuplicateDaysEnd:e.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:e.props.monthShowsDuplicateDaysStart,locale:e.props.locale})})))})),e}return yt(r,[{key:"render",value:function(){return de.default.createElement("div",{className:"react-datepicker__week"},this.renderDays())}}],[{key:"defaultProps",get:function(){return {shouldCloseOnSelect:!0}}}]),r}(de.default.Component),Fr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"MONTH_REFS",_t(Array(12)).map((function(){return de.default.createRef()}))),Dt(bt(e),"isDisabled",(function(t){return rr(t,e.props)})),Dt(bt(e),"isExcluded",(function(t){return ar(t,e.props)})),Dt(bt(e),"handleDayClick",(function(t,r){e.props.onDayClick&&e.props.onDayClick(t,r,e.props.orderInDisplay);})),Dt(bt(e),"handleDayMouseEnter",(function(t){e.props.onDayMouseEnter&&e.props.onDayMouseEnter(t);})),Dt(bt(e),"handleMouseLeave",(function(){e.props.onMouseLeave&&e.props.onMouseLeave();})),Dt(bt(e),"isRangeStartMonth",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate;return !(!n||!o)&&Vt(Ae.default(a,t),n)})),Dt(bt(e),"isRangeStartQuarter",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate;return !(!n||!o)&&Ut(qe.default(a,t),n)})),Dt(bt(e),"isRangeEndMonth",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate;return !(!n||!o)&&Vt(Ae.default(a,t),o)})),Dt(bt(e),"isRangeEndQuarter",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate;return !(!n||!o)&&Ut(qe.default(a,t),o)})),Dt(bt(e),"isWeekInMonth",(function(t){var r=e.props.day,a=De.default(t,6);return Vt(t,r)||Vt(a,r)})),Dt(bt(e),"isCurrentMonth",(function(e,t){return Ie.default(e)===Ie.default(Yt())&&t===Oe.default(Yt())})),Dt(bt(e),"isSelectedMonth",(function(e,t,r){return Oe.default(e)===t&&Ie.default(e)===Ie.default(r)})),Dt(bt(e),"isSelectedQuarter",(function(e,t,r){return Ye.default(e)===t&&Ie.default(e)===Ie.default(r)})),Dt(bt(e),"renderWeeks",(function(){for(var t=[],r=e.props.fixedHeight,a=0,n=!1,o=Bt(Kt(e.props.day),e.props.locale,e.props.calendarStartDay);t.push(de.default.createElement(Rr,{ariaLabelPrefix:e.props.weekAriaLabelPrefix,chooseDayAriaLabelPrefix:e.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:e.props.disabledDayAriaLabelPrefix,key:a,day:o,month:Oe.default(e.props.day),onDayClick:e.handleDayClick,onDayMouseEnter:e.handleDayMouseEnter,onWeekSelect:e.props.onWeekSelect,formatWeekNumber:e.props.formatWeekNumber,locale:e.props.locale,minDate:e.props.minDate,maxDate:e.props.maxDate,excludeDates:e.props.excludeDates,excludeDateIntervals:e.props.excludeDateIntervals,includeDates:e.props.includeDates,includeDateIntervals:e.props.includeDateIntervals,inline:e.props.inline,shouldFocusDayInline:e.props.shouldFocusDayInline,highlightDates:e.props.highlightDates,selectingDate:e.props.selectingDate,filterDate:e.props.filterDate,preSelection:e.props.preSelection,selected:e.props.selected,selectsStart:e.props.selectsStart,selectsEnd:e.props.selectsEnd,selectsRange:e.props.selectsRange,selectsDisabledDaysInRange:e.props.selectsDisabledDaysInRange,showWeekNumber:e.props.showWeekNumbers,startDate:e.props.startDate,endDate:e.props.endDate,dayClassName:e.props.dayClassName,setOpen:e.props.setOpen,shouldCloseOnSelect:e.props.shouldCloseOnSelect,disabledKeyboardNavigation:e.props.disabledKeyboardNavigation,renderDayContents:e.props.renderDayContents,handleOnKeyDown:e.props.handleOnKeyDown,isInputFocused:e.props.isInputFocused,containerRef:e.props.containerRef,calendarStartDay:e.props.calendarStartDay,monthShowsDuplicateDaysEnd:e.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:e.props.monthShowsDuplicateDaysStart})),!n;){a++,o=ve.default(o,1);var s=r&&a>=6,i=!r&&!e.isWeekInMonth(o);if(s||i){if(!e.props.peekNextMonth)break;n=!0;}}return t})),Dt(bt(e),"onMonthClick",(function(t,r){e.handleDayClick(Kt(Ae.default(e.props.day,r)),t);})),Dt(bt(e),"handleMonthNavigation",(function(t,r){e.isDisabled(r)||e.isExcluded(r)||(e.props.setPreSelection(r),e.MONTH_REFS[t].current&&e.MONTH_REFS[t].current.focus());})),Dt(bt(e),"onMonthKeyDown",(function(t,r){var a=t.key;if(!e.props.disabledKeyboardNavigation)switch(a){case"Enter":e.onMonthClick(t,r),e.props.setPreSelection(e.props.selected);break;case"ArrowRight":e.handleMonthNavigation(11===r?0:r+1,we.default(e.props.preSelection,1));break;case"ArrowLeft":e.handleMonthNavigation(0===r?11:r-1,Se.default(e.props.preSelection,1));}})),Dt(bt(e),"onQuarterClick",(function(t,r){e.handleDayClick(jt(qe.default(e.props.day,r)),t);})),Dt(bt(e),"getMonthClassNames",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate,s=r.selected,i=r.minDate,p=r.maxDate,l=r.preSelection,d=r.monthClassName,c=d?d(a):void 0;return ce.default("react-datepicker__month-text","react-datepicker__month-".concat(t),c,{"react-datepicker__month--disabled":(i||p)&&nr(Ae.default(a,t),e.props),"react-datepicker__month--selected":e.isSelectedMonth(a,t,s),"react-datepicker__month-text--keyboard-selected":Oe.default(l)===t,"react-datepicker__month--in-range":or(n,o,t,a),"react-datepicker__month--range-start":e.isRangeStartMonth(t),"react-datepicker__month--range-end":e.isRangeEndMonth(t),"react-datepicker__month-text--today":e.isCurrentMonth(a,t)})})),Dt(bt(e),"getTabIndex",(function(t){var r=Oe.default(e.props.preSelection);return e.props.disabledKeyboardNavigation||t!==r?"-1":"0"})),Dt(bt(e),"getAriaLabel",(function(t){var r=e.props,a=r.chooseDayAriaLabelPrefix,n=void 0===a?"Choose":a,o=r.disabledDayAriaLabelPrefix,s=void 0===o?"Not available":o,i=r.day,p=Ae.default(i,t),l=e.isDisabled(p)||e.isExcluded(p)?s:n;return "".concat(l," ").concat(Lt(p,"MMMM yyyy"))})),Dt(bt(e),"getQuarterClassNames",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate,s=r.selected,i=r.minDate,p=r.maxDate;return ce.default("react-datepicker__quarter-text","react-datepicker__quarter-".concat(t),{"react-datepicker__quarter--disabled":(i||p)&&sr(qe.default(a,t),e.props),"react-datepicker__quarter--selected":e.isSelectedQuarter(a,t,s),"react-datepicker__quarter--in-range":pr(n,o,t,a),"react-datepicker__quarter--range-start":e.isRangeStartQuarter(t),"react-datepicker__quarter--range-end":e.isRangeEndQuarter(t)})})),Dt(bt(e),"renderMonths",(function(){var t=e.props,r=t.showFullMonthYearPicker,a=t.showTwoColumnMonthYearPicker,n=t.showFourColumnMonthYearPicker,o=t.locale,s=t.day,i=t.selected;return (n?[[0,1,2,3],[4,5,6,7],[8,9,10,11]]:a?[[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,a){return de.default.createElement("div",{className:"react-datepicker__month-wrapper",key:a},t.map((function(t,a){return de.default.createElement("div",{ref:e.MONTH_REFS[t],key:a,onClick:function(r){e.onMonthClick(r,t);},onKeyDown:function(r){e.onMonthKeyDown(r,t);},tabIndex:e.getTabIndex(t),className:e.getMonthClassNames(t),role:"option","aria-label":e.getAriaLabel(t),"aria-current":e.isCurrentMonth(s,t)?"date":void 0,"aria-selected":e.isSelectedMonth(s,t,i)},r?Zt(t,o):er(t,o))})))}))})),Dt(bt(e),"renderQuarters",(function(){var t=e.props,r=t.day,a=t.selected;return de.default.createElement("div",{className:"react-datepicker__quarter-wrapper"},[1,2,3,4].map((function(t,n){return de.default.createElement("div",{key:n,role:"option",onClick:function(r){e.onQuarterClick(r,t);},className:e.getQuarterClassNames(t),"aria-selected":e.isSelectedQuarter(r,t,a)},tr(t,e.props.locale))})))})),Dt(bt(e),"getClassNames",(function(){var t=e.props;t.day;var r=t.selectingDate,a=t.selectsStart,n=t.selectsEnd,o=t.showMonthYearPicker,s=t.showQuarterYearPicker;return ce.default("react-datepicker__month",{"react-datepicker__month--selecting-range":r&&(a||n)},{"react-datepicker__monthPicker":o},{"react-datepicker__quarterPicker":s})})),e}return yt(r,[{key:"render",value:function(){var e=this.props,t=e.showMonthYearPicker,r=e.showQuarterYearPicker,a=e.day,n=e.ariaLabelPrefix,o=void 0===n?"month ":n;return de.default.createElement("div",{className:this.getClassNames(),onMouseLeave:this.handleMouseLeave,"aria-label":"".concat(o," ").concat(Lt(a,"yyyy-MM")),role:"listbox"},t?this.renderMonths():r?this.renderQuarters():this.renderWeeks())}}]),r}(de.default.Component),Ar=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"state",{height:null}),Dt(bt(e),"handleClick",(function(t){(e.props.minTime||e.props.maxTime)&&ur(t,e.props)||(e.props.excludeTimes||e.props.includeTimes||e.props.filterTime)&&cr(t,e.props)||e.props.onChange(t);})),Dt(bt(e),"isSelectedTime",(function(t,r,a){return e.props.selected&&r===Pe.default(t)&&a===Me.default(t)})),Dt(bt(e),"liClasses",(function(t,r,a){var n=["react-datepicker__time-list-item",e.props.timeClassName?e.props.timeClassName(t,r,a):void 0];return e.isSelectedTime(t,r,a)&&n.push("react-datepicker__time-list-item--selected"),((e.props.minTime||e.props.maxTime)&&ur(t,e.props)||(e.props.excludeTimes||e.props.includeTimes||e.props.filterTime)&&cr(t,e.props))&&n.push("react-datepicker__time-list-item--disabled"),e.props.injectTimes&&(60*Pe.default(t)+Me.default(t))%e.props.intervals!=0&&n.push("react-datepicker__time-list-item--injected"),n.join(" ")})),Dt(bt(e),"handleOnKeyDown",(function(t,r){" "===t.key&&(t.preventDefault(),t.key="Enter"),"Enter"===t.key&&e.handleClick(r),e.props.handleOnKeyDown(t);})),Dt(bt(e),"renderTimes",(function(){for(var t=[],r=e.props.format?e.props.format:"p",a=e.props.intervals,n=Wt(Yt(e.props.selected)),o=1440/a,s=e.props.injectTimes&&e.props.injectTimes.sort((function(e,t){return e-t})),i=e.props.selected||e.props.openToDate||Yt(),p=Pe.default(i),l=Me.default(i),d=Fe.default(Re.default(n,l),p),c=0;c<o;c++){var u=me.default(n,c*a);if(t.push(u),s){var f=gr(n,u,c,a,s);t=t.concat(f);}}return t.map((function(t,a){return de.default.createElement("li",{key:a,onClick:e.handleClick.bind(bt(e),t),className:e.liClasses(t,p,l),ref:function(r){(nt.default(t,d)||zt(t,d))&&(e.centerLi=r);},onKeyDown:function(r){e.handleOnKeyDown(r,t);},tabIndex:"0","aria-selected":e.isSelectedTime(t,p,l)?"true":void 0},Lt(t,r,e.props.locale))}))})),e}return yt(r,[{key:"componentDidMount",value:function(){this.list.scrollTop=r.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 e=this,t=this.state.height;return de.default.createElement("div",{className:"react-datepicker__time-container ".concat(this.props.todayButton?"react-datepicker__time-container--with-today-button":"")},de.default.createElement("div",{className:"react-datepicker__header react-datepicker__header--time ".concat(this.props.showTimeSelectOnly?"react-datepicker__header--time--only":""),ref:function(t){e.header=t;}},de.default.createElement("div",{className:"react-datepicker-time__header"},this.props.timeCaption)),de.default.createElement("div",{className:"react-datepicker__time"},de.default.createElement("div",{className:"react-datepicker__time-box"},de.default.createElement("ul",{className:"react-datepicker__time-list",ref:function(t){e.list=t;},style:t?{height:t}:{},tabIndex:"0"},this.renderTimes()))))}}],[{key:"defaultProps",get:function(){return {intervals:30,onTimeChange:function(){},todayButton:null,timeCaption:"Time"}}}]),r}(de.default.Component);Dt(Ar,"calcCenterPosition",(function(e,t){return t.offsetTop-(e/2-t.clientHeight/2)}));var qr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"YEAR_REFS",_t(Array(a.props.yearItemNumber)).map((function(){return de.default.createRef()}))),Dt(bt(a),"isDisabled",(function(e){return rr(e,a.props)})),Dt(bt(a),"isExcluded",(function(e){return ar(e,a.props)})),Dt(bt(a),"updateFocusOnPaginate",(function(e){var t=function(){this.YEAR_REFS[e].current.focus();}.bind(bt(a));window.requestAnimationFrame(t);})),Dt(bt(a),"handleYearClick",(function(e,t){a.props.onDayClick&&a.props.onDayClick(e,t);})),Dt(bt(a),"handleYearNavigation",(function(e,t){var r=a.props,n=r.date,o=r.yearItemNumber,s=br(n,o).startPeriod;a.isDisabled(t)||a.isExcluded(t)||(a.props.setPreSelection(t),e-s==-1?a.updateFocusOnPaginate(o-1):e-s===o?a.updateFocusOnPaginate(0):a.YEAR_REFS[e-s].current.focus());})),Dt(bt(a),"isSameDay",(function(e,t){return $t(e,t)})),Dt(bt(a),"isCurrentYear",(function(e){return e===Ie.default(Yt())})),Dt(bt(a),"isKeyboardSelected",(function(e){var t=Ht(We.default(a.props.date,e));return !a.props.disabledKeyboardNavigation&&!a.props.inline&&!$t(t,Ht(a.props.selected))&&$t(t,Ht(a.props.preSelection))})),Dt(bt(a),"onYearClick",(function(e,t){var r=a.props.date;a.handleYearClick(Ht(We.default(r,t)),e);})),Dt(bt(a),"onYearKeyDown",(function(e,t){var r=e.key;if(!a.props.disabledKeyboardNavigation)switch(r){case"Enter":a.onYearClick(e,t),a.props.setPreSelection(a.props.selected);break;case"ArrowRight":a.handleYearNavigation(t+1,ge.default(a.props.preSelection,1));break;case"ArrowLeft":a.handleYearNavigation(t-1,Ce.default(a.props.preSelection,1));}})),Dt(bt(a),"getYearClassNames",(function(e){var t=a.props,r=t.minDate,n=t.maxDate,o=t.selected;return ce.default("react-datepicker__year-text",{"react-datepicker__year-text--selected":e===Ie.default(o),"react-datepicker__year-text--disabled":(r||n)&&ir(e,a.props),"react-datepicker__year-text--keyboard-selected":a.isKeyboardSelected(e),"react-datepicker__year-text--today":a.isCurrentYear(e)})})),Dt(bt(a),"getYearTabIndex",(function(e){return a.props.disabledKeyboardNavigation?"-1":e===Ie.default(a.props.preSelection)?"0":"-1"})),a}return yt(r,[{key:"render",value:function(){for(var e=this,t=[],r=this.props,a=br(r.date,r.yearItemNumber),n=a.startPeriod,o=a.endPeriod,s=function(r){t.push(de.default.createElement("div",{ref:e.YEAR_REFS[r-n],onClick:function(t){e.onYearClick(t,r);},onKeyDown:function(t){e.onYearKeyDown(t,r);},tabIndex:e.getYearTabIndex(r),className:e.getYearClassNames(r),key:r,"aria-current":e.isCurrentYear(r)?"date":void 0},r));},i=n;i<=o;i++)s(i);return de.default.createElement("div",{className:"react-datepicker__year"},de.default.createElement("div",{className:"react-datepicker__year-wrapper"},t))}}]),r}(de.default.Component),Wr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"onTimeChange",(function(e){a.setState({time:e});var t=new Date;t.setHours(e.split(":")[0]),t.setMinutes(e.split(":")[1]),a.props.onChange(t);})),Dt(bt(a),"renderTimeInput",(function(){var e=a.state.time,t=a.props,r=t.date,n=t.timeString,o=t.customTimeInput;return o?de.default.cloneElement(o,{date:r,value:e,onChange:a.onTimeChange}):de.default.createElement("input",{type:"time",className:"react-datepicker-time__input",placeholder:"Time",name:"time-input",required:!0,value:e,onChange:function(e){a.onTimeChange(e.target.value||n);}})})),a.state={time:a.props.timeString},a}return yt(r,[{key:"render",value:function(){return de.default.createElement("div",{className:"react-datepicker__input-time-container"},de.default.createElement("div",{className:"react-datepicker-time__caption"},this.props.timeInputLabel),de.default.createElement("div",{className:"react-datepicker-time__input-container"},de.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}}]),r}(de.default.Component);function Br(e){var t=e.className,r=e.children,a=e.showPopperArrow,n=e.arrowProps,o=void 0===n?{}:n;return de.default.createElement("div",{className:t},a&&de.default.createElement("div",vt({className:"react-datepicker__triangle"},o)),r)}var Kr=["react-datepicker__year-select","react-datepicker__month-select","react-datepicker__month-year-select"],Hr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"handleClickOutside",(function(e){a.props.onClickOutside(e);})),Dt(bt(a),"setClickOutsideRef",(function(){return a.containerRef.current})),Dt(bt(a),"handleDropdownFocus",(function(e){(function(){var e=((arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).className||"").split(/\s+/);return Kr.some((function(t){return e.indexOf(t)>=0}))})(e.target)&&a.props.onDropdownFocus();})),Dt(bt(a),"getDateInView",(function(){var e=a.props,t=e.preSelection,r=e.selected,n=e.openToDate,o=Dr(a.props),s=vr(a.props),i=Yt(),p=n||r||t;return p||(o&&nt.default(i,o)?o:s&&at.default(i,s)?s:i)})),Dt(bt(a),"increaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:we.default(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),Dt(bt(a),"decreaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:Se.default(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),Dt(bt(a),"handleDayClick",(function(e,t,r){a.props.onSelect(e,t,r),a.props.setPreSelection&&a.props.setPreSelection(e);})),Dt(bt(a),"handleDayMouseEnter",(function(e){a.setState({selectingDate:e}),a.props.onDayMouseEnter&&a.props.onDayMouseEnter(e);})),Dt(bt(a),"handleMonthMouseLeave",(function(){a.setState({selectingDate:null}),a.props.onMonthMouseLeave&&a.props.onMonthMouseLeave();})),Dt(bt(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);})),Dt(bt(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);})),Dt(bt(a),"handleMonthYearChange",(function(e){a.handleYearChange(e),a.handleMonthChange(e);})),Dt(bt(a),"changeYear",(function(e){a.setState((function(t){var r=t.date;return {date:We.default(r,e)}}),(function(){return a.handleYearChange(a.state.date)}));})),Dt(bt(a),"changeMonth",(function(e){a.setState((function(t){var r=t.date;return {date:Ae.default(r,e)}}),(function(){return a.handleMonthChange(a.state.date)}));})),Dt(bt(a),"changeMonthYear",(function(e){a.setState((function(t){var r=t.date;return {date:We.default(Ae.default(r,Oe.default(e)),Ie.default(e))}}),(function(){return a.handleMonthYearChange(a.state.date)}));})),Dt(bt(a),"header",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,t=Bt(e,a.props.locale,a.props.calendarStartDay),r=[];return a.props.showWeekNumbers&&r.push(de.default.createElement("div",{key:"W",className:"react-datepicker__day-name"},a.props.weekLabel||"#")),r.concat([0,1,2,3,4,5,6].map((function(e){var r=De.default(t,e),n=a.formatWeekday(r,a.props.locale),o=a.props.weekDayClassName?a.props.weekDayClassName(r):void 0;return de.default.createElement("div",{key:e,className:ce.default("react-datepicker__day-name",o)},n)})))})),Dt(bt(a),"formatWeekday",(function(e,t){return a.props.formatWeekDay?function(e,t,r){return t(Lt(e,"EEEE",r))}(e,a.props.formatWeekDay,t):a.props.useWeekdaysShort?function(e,t){return Lt(e,"EEE",t)}(e,t):function(e,t){return Lt(e,"EEEEEE",t)}(e,t)})),Dt(bt(a),"decreaseYear",(function(){a.setState((function(e){var t=e.date;return {date:Ce.default(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),Dt(bt(a),"renderPreviousButton",(function(){if(!a.props.renderCustomHeader){var e;switch(!0){case a.props.showMonthYearPicker:e=mr(a.state.date,a.props);break;case a.props.showYearPicker:e=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.yearItemNumber,n=void 0===a?xt:a,o=br(Ht(Ce.default(e,n)),n).endPeriod,s=r&&Ie.default(r);return s&&s>o||!1}(a.state.date,a.props);break;default:e=fr(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!e)&&!a.props.showTimeSelectOnly){var t=["react-datepicker__navigation","react-datepicker__navigation--previous"],r=a.decreaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(r=a.decreaseYear),e&&a.props.showDisabledMonthNavigation&&(t.push("react-datepicker__navigation--previous--disabled"),r=null);var n=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,o=a.props,s=o.previousMonthButtonLabel,i=o.previousYearButtonLabel,p=a.props,l=p.previousMonthAriaLabel,d=void 0===l?"string"==typeof s?s:"Previous Month":l,c=p.previousYearAriaLabel,u=void 0===c?"string"==typeof i?i:"Previous Year":c;return de.default.createElement("button",{type:"button",className:t.join(" "),onClick:r,onKeyDown:a.props.handleOnKeyDown,"aria-label":n?u:d},de.default.createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--previous"].join(" ")},n?a.props.previousYearButtonLabel:a.props.previousMonthButtonLabel))}}})),Dt(bt(a),"increaseYear",(function(){a.setState((function(e){var t=e.date;return {date:ge.default(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),Dt(bt(a),"renderNextButton",(function(){if(!a.props.renderCustomHeader){var e;switch(!0){case a.props.showMonthYearPicker:e=yr(a.state.date,a.props);break;case a.props.showYearPicker:e=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,a=t.yearItemNumber,n=void 0===a?xt:a,o=br(ge.default(e,n),n).startPeriod,s=r&&Ie.default(r);return s&&s<o||!1}(a.state.date,a.props);break;default:e=hr(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!e)&&!a.props.showTimeSelectOnly){var t=["react-datepicker__navigation","react-datepicker__navigation--next"];a.props.showTimeSelect&&t.push("react-datepicker__navigation--next--with-time"),a.props.todayButton&&t.push("react-datepicker__navigation--next--with-today-button");var r=a.increaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(r=a.increaseYear),e&&a.props.showDisabledMonthNavigation&&(t.push("react-datepicker__navigation--next--disabled"),r=null);var n=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,o=a.props,s=o.nextMonthButtonLabel,i=o.nextYearButtonLabel,p=a.props,l=p.nextMonthAriaLabel,d=void 0===l?"string"==typeof s?s:"Next Month":l,c=p.nextYearAriaLabel,u=void 0===c?"string"==typeof i?i:"Next Year":c;return de.default.createElement("button",{type:"button",className:t.join(" "),onClick:r,onKeyDown:a.props.handleOnKeyDown,"aria-label":n?u:d},de.default.createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--next"].join(" ")},n?a.props.nextYearButtonLabel:a.props.nextMonthButtonLabel))}}})),Dt(bt(a),"renderCurrentMonth",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,t=["react-datepicker__current-month"];return a.props.showYearDropdown&&t.push("react-datepicker__current-month--hasYearDropdown"),a.props.showMonthDropdown&&t.push("react-datepicker__current-month--hasMonthDropdown"),a.props.showMonthYearDropdown&&t.push("react-datepicker__current-month--hasMonthYearDropdown"),de.default.createElement("div",{className:t.join(" ")},Lt(e,a.props.dateFormat,a.props.locale))})),Dt(bt(a),"renderYearDropdown",(function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showYearDropdown&&!e)return de.default.createElement(Mr,{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:Ie.default(a.state.date),scrollableYearDropdown:a.props.scrollableYearDropdown,yearDropdownItemNumber:a.props.yearDropdownItemNumber})})),Dt(bt(a),"renderMonthDropdown",(function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthDropdown&&!e)return de.default.createElement(Nr,{dropdownMode:a.props.dropdownMode,locale:a.props.locale,onChange:a.changeMonth,month:Oe.default(a.state.date),useShortMonthInDropdown:a.props.useShortMonthInDropdown})})),Dt(bt(a),"renderMonthYearDropdown",(function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthYearDropdown&&!e)return de.default.createElement(Ir,{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})})),Dt(bt(a),"renderTodayButton",(function(){if(a.props.todayButton&&!a.props.showTimeSelectOnly)return de.default.createElement("div",{className:"react-datepicker__today-button",onClick:function(e){return a.props.onSelect(Ve.default(Yt()),e)}},a.props.todayButton)})),Dt(bt(a),"renderDefaultHeader",(function(e){var t=e.monthDate,r=e.i;return de.default.createElement("div",{className:"react-datepicker__header ".concat(a.props.showTimeSelect?"react-datepicker__header--has-time-select":"")},a.renderCurrentMonth(t),de.default.createElement("div",{className:"react-datepicker__header__dropdown react-datepicker__header__dropdown--".concat(a.props.dropdownMode),onFocus:a.handleDropdownFocus},a.renderMonthDropdown(0!==r),a.renderMonthYearDropdown(0!==r),a.renderYearDropdown(0!==r)),de.default.createElement("div",{className:"react-datepicker__day-names"},a.header(t)))})),Dt(bt(a),"renderCustomHeader",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.monthDate,r=e.i;if(a.props.showTimeSelect&&!a.state.monthContainer||a.props.showTimeSelectOnly)return null;var n=fr(a.state.date,a.props),o=hr(a.state.date,a.props),s=mr(a.state.date,a.props),i=yr(a.state.date,a.props),p=!a.props.showMonthYearPicker&&!a.props.showQuarterYearPicker&&!a.props.showYearPicker;return de.default.createElement("div",{className:"react-datepicker__header react-datepicker__header--custom",onFocus:a.props.onDropdownFocus},a.props.renderCustomHeader(ut(ut({},a.state),{},{customHeaderCount:r,monthDate:t,changeMonth:a.changeMonth,changeYear:a.changeYear,decreaseMonth:a.decreaseMonth,increaseMonth:a.increaseMonth,decreaseYear:a.decreaseYear,increaseYear:a.increaseYear,prevMonthButtonDisabled:n,nextMonthButtonDisabled:o,prevYearButtonDisabled:s,nextYearButtonDisabled:i})),p&&de.default.createElement("div",{className:"react-datepicker__day-names"},a.header(t)))})),Dt(bt(a),"renderYearHeader",(function(){var e=a.state.date,t=a.props,r=t.showYearPicker,n=br(e,t.yearItemNumber),o=n.startPeriod,s=n.endPeriod;return de.default.createElement("div",{className:"react-datepicker__header react-datepicker-year-header"},r?"".concat(o," - ").concat(s):Ie.default(e))})),Dt(bt(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)}})),Dt(bt(a),"renderMonths",(function(){if(!a.props.showTimeSelectOnly&&!a.props.showYearPicker){for(var e=[],t=a.props.showPreviousMonths?a.props.monthsShown-1:0,r=Se.default(a.state.date,t),n=0;n<a.props.monthsShown;++n){var o=n-a.props.monthSelectedIn,s=we.default(r,o),i="month-".concat(n),p=n<a.props.monthsShown-1,l=n>0;e.push(de.default.createElement("div",{key:i,ref:function(e){a.monthContainer=e;},className:"react-datepicker__month-container"},a.renderHeader({monthDate:s,i:n}),de.default.createElement(Fr,{chooseDayAriaLabelPrefix:a.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:a.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:a.props.weekAriaLabelPrefix,ariaLabelPrefix:a.props.monthAriaLabelPrefix,onChange:a.changeMonthYear,day:s,dayClassName:a.props.dayClassName,calendarStartDay:a.props.calendarStartDay,monthClassName:a.props.monthClassName,onDayClick:a.handleDayClick,handleOnKeyDown:a.props.handleOnDayKeyDown,onDayMouseEnter:a.handleDayMouseEnter,onMouseLeave:a.handleMonthMouseLeave,onWeekSelect:a.props.onWeekSelect,orderInDisplay:n,formatWeekNumber:a.props.formatWeekNumber,locale:a.props.locale,minDate:a.props.minDate,maxDate:a.props.maxDate,excludeDates:a.props.excludeDates,excludeDateIntervals:a.props.excludeDateIntervals,highlightDates:a.props.highlightDates,selectingDate:a.state.selectingDate,includeDates:a.props.includeDates,includeDateIntervals:a.props.includeDateIntervals,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,selectsDisabledDaysInRange:a.props.selectsDisabledDaysInRange,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:p,monthShowsDuplicateDaysStart:l})));}return e}})),Dt(bt(a),"renderYears",(function(){if(!a.props.showTimeSelectOnly)return a.props.showYearPicker?de.default.createElement("div",{className:"react-datepicker__year--container"},a.renderHeader(),de.default.createElement(qr,vt({onDayClick:a.handleDayClick,date:a.state.date},a.props))):void 0})),Dt(bt(a),"renderTimeSection",(function(){if(a.props.showTimeSelect&&(a.state.monthContainer||a.props.showTimeSelectOnly))return de.default.createElement(Ar,{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.handleOnKeyDown,showTimeSelectOnly:a.props.showTimeSelectOnly})})),Dt(bt(a),"renderInputTimeSection",(function(){var e=new Date(a.props.selected),t=Tt(e)&&Boolean(a.props.selected)?"".concat(kr(e.getHours()),":").concat(kr(e.getMinutes())):"";if(a.props.showTimeInput)return de.default.createElement(Wr,{date:e,timeString:t,timeInputLabel:a.props.timeInputLabel,onChange:a.props.onTimeChange,customTimeInput:a.props.customTimeInput})})),a.containerRef=de.default.createRef(),a.state={date:a.getDateInView(),selectingDate:null,monthContainer:null},a}return yt(r,[{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&&!$t(this.props.preSelection,e.preSelection)?this.setState({date:this.props.preSelection}):this.props.openToDate&&!$t(this.props.openToDate,e.openToDate)&&this.setState({date:this.props.openToDate});}},{key:"render",value:function(){var e=this.props.container||Br;return de.default.createElement("div",{ref:this.containerRef},de.default.createElement(e,{className:ce.default("react-datepicker",this.props.className,{"react-datepicker--time-only":this.props.showTimeSelectOnly}),showPopperArrow:this.props.showPopperArrow,arrowProps:this.props.arrowProps},this.renderPreviousButton(),this.renderNextButton(),this.renderMonths(),this.renderYears(),this.renderTodayButton(),this.renderTimeSection(),this.renderInputTimeSection(),this.props.children))}}],[{key:"defaultProps",get:function(){return {onDropdownFocus:function(){},monthsShown:1,monthSelectedIn:0,forceShowMonthNavigation:!1,timeCaption:"Time",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",customTimeInput:null,yearItemNumber:xt}}}]),r}(de.default.Component),jr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),(a=t.call(this,e)).el=document.createElement("div"),a}return yt(r,[{key:"componentDidMount",value:function(){this.portalRoot=(this.props.portalHost||document).getElementById(this.props.portalId),this.portalRoot||(this.portalRoot=document.createElement("div"),this.portalRoot.setAttribute("id",this.props.portalId),(this.props.portalHost||document.body).appendChild(this.portalRoot)),this.portalRoot.appendChild(this.el);}},{key:"componentWillUnmount",value:function(){this.portalRoot.removeChild(this.el);}},{key:"render",value:function(){return dt.default.createPortal(this.props.children,this.el)}}]),r}(de.default.Component),Qr=function(e){return !e.disabled&&-1!==e.tabIndex},Vr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"getTabChildren",(function(){return Array.prototype.slice.call(a.tabLoopRef.current.querySelectorAll("[tabindex], a, button, input, select, textarea"),1,-1).filter(Qr)})),Dt(bt(a),"handleFocusStart",(function(e){var t=a.getTabChildren();t&&t.length>1&&t[t.length-1].focus();})),Dt(bt(a),"handleFocusEnd",(function(e){var t=a.getTabChildren();t&&t.length>1&&t[0].focus();})),a.tabLoopRef=de.default.createRef(),a}return yt(r,[{key:"render",value:function(){return this.props.enableTabLoop?de.default.createElement("div",{className:"react-datepicker__tab-loop",ref:this.tabLoopRef},de.default.createElement("div",{className:"react-datepicker__tab-loop__start",tabIndex:"0",onFocus:this.handleFocusStart}),this.props.children,de.default.createElement("div",{className:"react-datepicker__tab-loop__end",tabIndex:"0",onFocus:this.handleFocusEnd})):this.props.children}}],[{key:"defaultProps",get:function(){return {enableTabLoop:!0}}}]),r}(de.default.Component),Ur=function(e){wt(r,e);var t=Ct(r);function r(){return ht(this,r),t.apply(this,arguments)}return yt(r,[{key:"render",value:function(){var e,t=this.props,r=t.className,a=t.wrapperClassName,n=t.hidePopper,o=t.popperComponent,s=t.popperModifiers,i=t.popperPlacement,p=t.popperProps,l=t.targetComponent,d=t.enableTabLoop,c=t.popperOnKeyDown,u=t.portalId,f=t.portalHost;if(!n){var h=ce.default("react-datepicker-popper",r);e=de.default.createElement(pe.Popper,vt({modifiers:s,placement:i},p),(function(e){var t=e.ref,r=e.style,a=e.placement,n=e.arrowProps;return de.default.createElement(Vr,{enableTabLoop:d},de.default.createElement("div",{ref:t,style:r,className:h,"data-placement":a,onKeyDown:c},de.default.cloneElement(o,{arrowProps:n})))}));}this.props.popperContainer&&(e=de.default.createElement(this.props.popperContainer,{},e)),u&&!n&&(e=de.default.createElement(jr,{portalId:u,portalHost:f},e));var m=ce.default("react-datepicker-wrapper",a);return de.default.createElement(pe.Manager,{className:"react-datepicker-manager"},de.default.createElement(pe.Reference,null,(function(e){var t=e.ref;return de.default.createElement("div",{ref:t,className:m},l)})),e)}}],[{key:"defaultProps",get:function(){return {hidePopper:!0,popperModifiers:[],popperProps:{},popperPlacement:"bottom-start"}}}]),r}(de.default.Component),$r="react-datepicker-ignore-onclickoutside",zr=lt.default(Hr);var Gr="Date input not valid.",Jr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"getPreSelection",(function(){return a.props.openToDate?a.props.openToDate:a.props.selectsEnd&&a.props.startDate?a.props.startDate:a.props.selectsStart&&a.props.endDate?a.props.endDate:Yt()})),Dt(bt(a),"calcInitialState",(function(){var e,t=a.getPreSelection(),r=Dr(a.props),n=vr(a.props),o=r&&nt.default(t,Ve.default(r))?r:n&&at.default(t,Je.default(n))?n:t;return {open:a.props.startOpen||!1,preventFocus:!1,preSelection:null!==(e=a.props.selectsRange?a.props.startDate:a.props.selected)&&void 0!==e?e:o,highlightDates:wr(a.props.highlightDates),focused:!1,shouldFocusDayInline:!1}})),Dt(bt(a),"clearPreventFocusTimeout",(function(){a.preventFocusTimeout&&clearTimeout(a.preventFocusTimeout);})),Dt(bt(a),"setFocus",(function(){a.input&&a.input.focus&&a.input.focus({preventScroll:!0});})),Dt(bt(a),"setBlur",(function(){a.input&&a.input.blur&&a.input.blur(),a.cancelFocusInput();})),Dt(bt(a),"setOpen",(function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];a.setState({open:e,preSelection:e&&a.state.open?a.state.preSelection:a.calcInitialState().preSelection,lastPreSelectChange:Zr},(function(){e||a.setState((function(e){return {focused:!!t&&e.focused}}),(function(){!t&&a.setBlur(),a.setState({inputValue:null});}));}));})),Dt(bt(a),"inputOk",(function(){return ue.default(a.state.preSelection)})),Dt(bt(a),"isCalendarOpen",(function(){return void 0===a.props.open?a.state.open&&!a.props.disabled&&!a.props.readOnly:a.props.open})),Dt(bt(a),"handleFocus",(function(e){a.state.preventFocus||(a.props.onFocus(e),a.props.preventOpenOnFocus||a.props.readOnly||a.setOpen(!0)),a.setState({focused:!0});})),Dt(bt(a),"cancelFocusInput",(function(){clearTimeout(a.inputFocusTimeout),a.inputFocusTimeout=null;})),Dt(bt(a),"deferFocusInput",(function(){a.cancelFocusInput(),a.inputFocusTimeout=setTimeout((function(){return a.setFocus()}),1);})),Dt(bt(a),"handleDropdownFocus",(function(){a.cancelFocusInput();})),Dt(bt(a),"handleBlur",(function(e){(!a.state.open||a.props.withPortal||a.props.showTimeInput)&&a.props.onBlur(e),a.setState({focused:!1});})),Dt(bt(a),"handleCalendarClickOutside",(function(e){a.props.inline||a.setOpen(!1),a.props.onClickOutside(e),a.props.withPortal&&e.preventDefault();})),Dt(bt(a),"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(!a.props.onChangeRaw||(a.props.onChangeRaw.apply(bt(a),t),"function"==typeof n.isDefaultPrevented&&!n.isDefaultPrevented())){a.setState({inputValue:n.target.value,lastPreSelectChange:Xr});var o=It(n.target.value,a.props.dateFormat,a.props.locale,a.props.strictParsing,a.props.minDate);!o&&n.target.value||a.setSelected(o,n,!0);}})),Dt(bt(a),"handleSelect",(function(e,t,r){if(a.setState({preventFocus:!0},(function(){return a.preventFocusTimeout=setTimeout((function(){return a.setState({preventFocus:!1})}),50),a.preventFocusTimeout})),a.props.onChangeRaw&&a.props.onChangeRaw(t),a.setSelected(e,t,!1,r),!a.props.shouldCloseOnSelect||a.props.showTimeSelect)a.setPreSelection(e);else if(!a.props.inline){a.props.selectsRange||a.setOpen(!1);var n=a.props,o=n.startDate,s=n.endDate;!o||s||nt.default(e,o)||a.setOpen(!1);}})),Dt(bt(a),"setSelected",(function(e,t,r,n){var o=e;if(null===o||!rr(o,a.props)){var s=a.props,i=s.onChange,p=s.selectsRange,l=s.startDate,d=s.endDate;if(!zt(a.props.selected,o)||a.props.allowSameDay||p)if(null!==o&&(!a.props.selected||r&&(a.props.showTimeSelect||a.props.showTimeSelectOnly||a.props.showTimeInput)||(o=Ft(o,{hour:Pe.default(a.props.selected),minute:Me.default(a.props.selected),second:_e.default(a.props.selected)})),a.props.inline||a.setState({preSelection:o}),a.props.focusSelectedMonth||a.setState({monthSelectedIn:n})),p){var c=l&&!d,u=l&&d;!l&&!d?i([o,null],t):c&&(nt.default(o,l)?i([o,null],t):i([l,o],t)),u&&i([o,null],t);}else i(o,t);r||(a.props.onSelect(o,t),a.setState({inputValue:null}));}})),Dt(bt(a),"setPreSelection",(function(e){var t=void 0!==a.props.minDate,r=void 0!==a.props.maxDate,n=!0;if(e){var o=Ve.default(e);if(t&&r)n=Gt(e,a.props.minDate,a.props.maxDate);else if(t){var s=Ve.default(a.props.minDate);n=at.default(e,s)||zt(o,s);}else if(r){var i=Je.default(a.props.maxDate);n=nt.default(e,i)||zt(o,i);}}n&&a.setState({preSelection:e});})),Dt(bt(a),"handleTimeChange",(function(e){var t=Ft(a.props.selected?a.props.selected:a.getPreSelection(),{hour:Pe.default(e),minute:Me.default(e)});a.setState({preSelection:t}),a.props.onChange(t),a.props.shouldCloseOnSelect&&a.setOpen(!1),a.props.showTimeInput&&a.setOpen(!0),a.setState({inputValue:null});})),Dt(bt(a),"onInputClick",(function(){a.props.disabled||a.props.readOnly||a.setOpen(!0),a.props.onInputClick();})),Dt(bt(a),"onInputKeyDown",(function(e){a.props.onKeyDown(e);var t=e.key;if(a.state.open||a.props.inline||a.props.preventOpenOnFocus){if(a.state.open){if("ArrowDown"===t||"ArrowUp"===t){e.preventDefault();var r=a.calendar.componentNode&&a.calendar.componentNode.querySelector('.react-datepicker__day[tabindex="0"]');return void(r&&r.focus({preventScroll:!0}))}var n=Yt(a.state.preSelection);"Enter"===t?(e.preventDefault(),a.inputOk()&&a.state.lastPreSelectChange===Zr?(a.handleSelect(n,e),!a.props.shouldCloseOnSelect&&a.setPreSelection(n)):a.setOpen(!1)):"Escape"===t&&(e.preventDefault(),a.setOpen(!1)),a.inputOk()||a.props.onInputError({code:1,msg:Gr});}}else "ArrowDown"!==t&&"ArrowUp"!==t&&"Enter"!==t||a.onInputClick();})),Dt(bt(a),"onDayKeyDown",(function(e){a.props.onKeyDown(e);var t=e.key,r=Yt(a.state.preSelection);if("Enter"===t)e.preventDefault(),a.handleSelect(r,e),!a.props.shouldCloseOnSelect&&a.setPreSelection(r);else if("Escape"===t)e.preventDefault(),a.setOpen(!1),a.inputOk()||a.props.onInputError({code:1,msg:Gr});else if(!a.props.disabledKeyboardNavigation){var n;switch(t){case"ArrowLeft":n=ke.default(r,1);break;case"ArrowRight":n=De.default(r,1);break;case"ArrowUp":n=be.default(r,1);break;case"ArrowDown":n=ve.default(r,1);break;case"PageUp":n=Se.default(r,1);break;case"PageDown":n=we.default(r,1);break;case"Home":n=Ce.default(r,1);break;case"End":n=ge.default(r,1);}if(!n)return void(a.props.onInputError&&a.props.onInputError({code:1,msg:Gr}));if(e.preventDefault(),a.setState({lastPreSelectChange:Zr}),a.props.adjustDateOnChange&&a.setSelected(n),a.setPreSelection(n),a.props.inline){var o=Oe.default(r),s=Oe.default(n),i=Ie.default(r),p=Ie.default(n);o!==s||i!==p?a.setState({shouldFocusDayInline:!0}):a.setState({shouldFocusDayInline:!1});}}})),Dt(bt(a),"onPopperKeyDown",(function(e){"Escape"===e.key&&(e.preventDefault(),a.setState({preventFocus:!0},(function(){a.setOpen(!1),setTimeout((function(){a.setFocus(),a.setState({preventFocus:!1});}));})));})),Dt(bt(a),"onClearClick",(function(e){e&&e.preventDefault&&e.preventDefault(),a.props.selectsRange?a.props.onChange([null,null],e):a.props.onChange(null,e),a.setState({inputValue:null});})),Dt(bt(a),"clear",(function(){a.onClearClick();})),Dt(bt(a),"onScroll",(function(e){"boolean"==typeof a.props.closeOnScroll&&a.props.closeOnScroll?e.target!==document&&e.target!==document.documentElement&&e.target!==document.body||a.setOpen(!1):"function"==typeof a.props.closeOnScroll&&a.props.closeOnScroll(e)&&a.setOpen(!1);})),Dt(bt(a),"renderCalendar",(function(){return a.props.inline||a.isCalendarOpen()?de.default.createElement(zr,{ref:function(e){a.calendar=e;},locale:a.props.locale,calendarStartDay:a.props.calendarStartDay,chooseDayAriaLabelPrefix:a.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:a.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:a.props.weekAriaLabelPrefix,monthAriaLabelPrefix:a.props.monthAriaLabelPrefix,adjustDateOnChange:a.props.adjustDateOnChange,setOpen:a.setOpen,shouldCloseOnSelect:a.props.shouldCloseOnSelect,dateFormat:a.props.dateFormatCalendar,useWeekdaysShort:a.props.useWeekdaysShort,formatWeekDay:a.props.formatWeekDay,dropdownMode:a.props.dropdownMode,selected:a.props.selected,preSelection:a.state.preSelection,onSelect:a.handleSelect,onWeekSelect:a.props.onWeekSelect,openToDate:a.props.openToDate,minDate:a.props.minDate,maxDate:a.props.maxDate,selectsStart:a.props.selectsStart,selectsEnd:a.props.selectsEnd,selectsRange:a.props.selectsRange,startDate:a.props.startDate,endDate:a.props.endDate,excludeDates:a.props.excludeDates,excludeDateIntervals:a.props.excludeDateIntervals,filterDate:a.props.filterDate,onClickOutside:a.handleCalendarClickOutside,formatWeekNumber:a.props.formatWeekNumber,highlightDates:a.state.highlightDates,includeDates:a.props.includeDates,includeDateIntervals:a.props.includeDateIntervals,includeTimes:a.props.includeTimes,injectTimes:a.props.injectTimes,inline:a.props.inline,shouldFocusDayInline:a.state.shouldFocusDayInline,peekNextMonth:a.props.peekNextMonth,showMonthDropdown:a.props.showMonthDropdown,showPreviousMonths:a.props.showPreviousMonths,useShortMonthInDropdown:a.props.useShortMonthInDropdown,showMonthYearDropdown:a.props.showMonthYearDropdown,showWeekNumbers:a.props.showWeekNumbers,showYearDropdown:a.props.showYearDropdown,withPortal:a.props.withPortal,forceShowMonthNavigation:a.props.forceShowMonthNavigation,showDisabledMonthNavigation:a.props.showDisabledMonthNavigation,scrollableYearDropdown:a.props.scrollableYearDropdown,scrollableMonthYearDropdown:a.props.scrollableMonthYearDropdown,todayButton:a.props.todayButton,weekLabel:a.props.weekLabel,outsideClickIgnoreClass:$r,fixedHeight:a.props.fixedHeight,monthsShown:a.props.monthsShown,monthSelectedIn:a.state.monthSelectedIn,onDropdownFocus:a.handleDropdownFocus,onMonthChange:a.props.onMonthChange,onYearChange:a.props.onYearChange,dayClassName:a.props.dayClassName,weekDayClassName:a.props.weekDayClassName,monthClassName:a.props.monthClassName,timeClassName:a.props.timeClassName,showTimeSelect:a.props.showTimeSelect,showTimeSelectOnly:a.props.showTimeSelectOnly,onTimeChange:a.handleTimeChange,timeFormat:a.props.timeFormat,timeIntervals:a.props.timeIntervals,minTime:a.props.minTime,maxTime:a.props.maxTime,excludeTimes:a.props.excludeTimes,filterTime:a.props.filterTime,timeCaption:a.props.timeCaption,className:a.props.calendarClassName,container:a.props.calendarContainer,yearItemNumber:a.props.yearItemNumber,yearDropdownItemNumber:a.props.yearDropdownItemNumber,previousMonthAriaLabel:a.props.previousMonthAriaLabel,previousMonthButtonLabel:a.props.previousMonthButtonLabel,nextMonthAriaLabel:a.props.nextMonthAriaLabel,nextMonthButtonLabel:a.props.nextMonthButtonLabel,previousYearAriaLabel:a.props.previousYearAriaLabel,previousYearButtonLabel:a.props.previousYearButtonLabel,nextYearAriaLabel:a.props.nextYearAriaLabel,nextYearButtonLabel:a.props.nextYearButtonLabel,timeInputLabel:a.props.timeInputLabel,disabledKeyboardNavigation:a.props.disabledKeyboardNavigation,renderCustomHeader:a.props.renderCustomHeader,popperProps:a.props.popperProps,renderDayContents:a.props.renderDayContents,onDayMouseEnter:a.props.onDayMouseEnter,onMonthMouseLeave:a.props.onMonthMouseLeave,selectsDisabledDaysInRange:a.props.selectsDisabledDaysInRange,showTimeInput:a.props.showTimeInput,showMonthYearPicker:a.props.showMonthYearPicker,showFullMonthYearPicker:a.props.showFullMonthYearPicker,showTwoColumnMonthYearPicker:a.props.showTwoColumnMonthYearPicker,showFourColumnMonthYearPicker:a.props.showFourColumnMonthYearPicker,showYearPicker:a.props.showYearPicker,showQuarterYearPicker:a.props.showQuarterYearPicker,showPopperArrow:a.props.showPopperArrow,excludeScrollbar:a.props.excludeScrollbar,handleOnKeyDown:a.props.onKeyDown,handleOnDayKeyDown:a.onDayKeyDown,isInputFocused:a.state.focused,customTimeInput:a.props.customTimeInput,setPreSelection:a.setPreSelection},a.props.children):null})),Dt(bt(a),"renderDateInput",(function(){var e,t=ce.default(a.props.className,Dt({},$r,a.state.open)),r=a.props.customInput||de.default.createElement("input",{type:"text"}),n=a.props.customInputRef||"ref",o="string"==typeof a.props.value?a.props.value:"string"==typeof a.state.inputValue?a.state.inputValue:a.props.selectsRange?function(e,t,r){if(!e)return "";var a=Rt(e,r),n=t?Rt(t,r):"";return "".concat(a," - ").concat(n)}(a.props.startDate,a.props.endDate,a.props):Rt(a.props.selected,a.props);return de.default.cloneElement(r,(Dt(e={},n,(function(e){a.input=e;})),Dt(e,"value",o),Dt(e,"onBlur",a.handleBlur),Dt(e,"onChange",a.handleChange),Dt(e,"onClick",a.onInputClick),Dt(e,"onFocus",a.handleFocus),Dt(e,"onKeyDown",a.onInputKeyDown),Dt(e,"id",a.props.id),Dt(e,"name",a.props.name),Dt(e,"autoFocus",a.props.autoFocus),Dt(e,"placeholder",a.props.placeholderText),Dt(e,"disabled",a.props.disabled),Dt(e,"autoComplete",a.props.autoComplete),Dt(e,"className",ce.default(r.props.className,t)),Dt(e,"title",a.props.title),Dt(e,"readOnly",a.props.readOnly),Dt(e,"required",a.props.required),Dt(e,"tabIndex",a.props.tabIndex),Dt(e,"aria-describedby",a.props.ariaDescribedBy),Dt(e,"aria-invalid",a.props.ariaInvalid),Dt(e,"aria-labelledby",a.props.ariaLabelledBy),Dt(e,"aria-required",a.props.ariaRequired),e))})),Dt(bt(a),"renderClearButton",(function(){var e=a.props,t=e.isClearable,r=e.selected,n=e.startDate,o=e.endDate,s=e.clearButtonTitle,i=e.clearButtonClassName,p=void 0===i?"":i,l=e.ariaLabelClose,d=void 0===l?"Close":l;return !t||null==r&&null==n&&null==o?null:de.default.createElement("button",{type:"button",className:"react-datepicker__close-icon ".concat(p).trim(),"aria-label":d,onClick:a.onClearClick,title:s,tabIndex:-1})})),a.state=a.calcInitialState(),a}return yt(r,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.onScroll,!0);}},{key:"componentDidUpdate",value:function(e,t){var r,a;e.inline&&(r=e.selected,a=this.props.selected,r&&a?Oe.default(r)!==Oe.default(a)||Ie.default(r)!==Ie.default(a):r!==a)&&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:wr(this.props.highlightDates)}),t.focused||zt(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:"renderInputContainer",value:function(){return de.default.createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton())}},{key:"render",value:function(){var e=this.renderCalendar();if(this.props.inline)return e;if(this.props.withPortal){var t=this.state.open?de.default.createElement("div",{className:"react-datepicker__portal"},e):null;return this.state.open&&this.props.portalId&&(t=de.default.createElement(jr,{portalId:this.props.portalId,portalHost:this.props.portalHost},t)),de.default.createElement("div",null,this.renderInputContainer(),t)}return de.default.createElement(Ur,{className:this.props.popperClassName,wrapperClassName:this.props.wrapperClassName,hidePopper:!this.isCalendarOpen(),portalId:this.props.portalId,portalHost:this.props.portalHost,popperModifiers:this.props.popperModifiers,targetComponent:this.renderInputContainer(),popperContainer:this.props.popperContainer,popperComponent:e,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,selectsDisabledDaysInRange:!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",previousMonthAriaLabel:"Previous Month",previousMonthButtonLabel:"Previous Month",nextMonthAriaLabel:"Next Month",nextMonthButtonLabel:"Next Month",previousYearAriaLabel:"Previous Year",previousYearButtonLabel:"Previous Year",nextYearAriaLabel:"Next Year",nextYearButtonLabel:"Next Year",timeInputLabel:"Time",enableTabLoop:!0,yearItemNumber:xt,renderDayContents:function(e){return e},focusSelectedMonth:!1,showPopperArrow:!0,excludeScrollbar:!0,customTimeInput:null,calendarStartDay:void 0}}}]),r}(de.default.Component),Xr="input",Zr="navigate";e.CalendarContainer=Br,e.default=Jr,e.getDefaultLocale=Jt,e.registerLocale=function(e,t){var r="undefined"!=typeof window?window:globalThis;r.__localeData__||(r.__localeData__={}),r.__localeData__[e]=t;},e.setDefaultLocale=function(e){("undefined"!=typeof window?window:globalThis).__localeId__=e;},Object.defineProperty(e,"__esModule",{value:!0});}));
|
|
13325
|
-
} (reactDatepicker_min,
|
|
13388
|
+
!function(e,t){t(exports,React__default,requirePropTypes(),classnamesExports$1,require$$3$1,require$$4,require$$5,require$$6,require$$7,require$$8,require$$9,require$$10,require$$11,require$$12,require$$13,require$$14,require$$15,require$$16,require$$17,require$$18,require$$19,require$$20,require$$21,require$$22,require$$23,require$$24,require$$25,require$$26,require$$27,require$$28,require$$29,require$$30,require$$31,require$$32,require$$33,require$$34,require$$35,require$$36,require$$37,require$$38,require$$39,require$$40,require$$41,require$$42,require$$43,require$$44,require$$45,require$$46,require$$47,require$$48,require$$49,require$$50,require$$51,require$$52,require$$53,require$$54,require$$55,require$$56,require$$57,require$$58,requireReactOnclickoutside_cjs(),ReactDOM__default,require$$61);}(commonjsGlobal,(function(e,t,r,a,n,o,s,i,p,l,d,c,u,f,h,m,y,D,v,w,g,k,b,S,C,_,M,P,E,N,x,O,Y,I,T,L,R,F,A,q,W,B,K,H,j,Q,V,U,$,z,G,J,X,Z,ee,te,re,ae,ne,oe,se,ie,pe){function le(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var de=le(t),ce=le(a),ue=le(n),fe=le(o),he=le(s),me=le(i),ye=le(p),De=le(l),ve=le(d),we=le(c),ge=le(u),ke=le(m),be=le(y),Se=le(D),Ce=le(v),_e=le(w),Me=le(g),Pe=le(k),Ee=le(b),Ne=le(S),xe=le(C),Oe=le(_),Ye=le(M),Ie=le(P),Te=le(E),Le=le(N),Re=le(x),Fe=le(O),Ae=le(Y),qe=le(I),We=le(T),Be=le(L),Ke=le(R),He=le(F),je=le(A),Qe=le(W),Ve=le(B),Ue=le(K),$e=le(H),ze=le(j),Ge=le(Q),Je=le(V),Xe=le(z),Ze=le(G),et=le(J),tt=le(X),rt=le(Z),at=le(ee),nt=le(te),ot=le(re),st=le(ae),it=le(ne),pt=le(oe),lt=le(se),dt=le(ie);function ct(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a);}return r}function ut(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ct(Object(r),!0).forEach((function(t){Dt(e,t,r[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ct(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t));}));}return e}function ft(e){return (ft="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 ht(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function mt(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a);}}function yt(e,t,r){return t&&mt(e.prototype,t),r&&mt(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function Dt(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function vt(){return (vt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);}return e}).apply(this,arguments)}function wt(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");Object.defineProperty(e,"prototype",{value:Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),writable:!1}),t&&kt(e,t);}function gt(e){return (gt=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function kt(e,t){return (kt=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function bt(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function St(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return bt(e)}function Ct(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,a=gt(e);if(t){var n=gt(this).constructor;r=Reflect.construct(a,arguments,n);}else r=a.apply(this,arguments);return St(this,r)}}function _t(e){return function(e){if(Array.isArray(e))return Mt(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 Mt(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 Mt(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 Mt(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function Pt(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 Et(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 Nt={p:Et,P:function(e,t){var r,a=e.match(/(P+)(p+)?/)||[],n=a[1],o=a[2];if(!o)return Pt(e,t);switch(n){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}}",Pt(n,t)).replace("{{time}}",Et(o,t))}},xt=12,Ot=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;function Yt(e){var t=e?"string"==typeof e||e instanceof String?pt.default(e):st.default(e):new Date;return Tt(t)?t:null}function It(e,t,r,a,n){var o=null,s=Xt(r)||Xt(Jt()),i=!0;return Array.isArray(t)?(t.forEach((function(t){var p=it.default(e,t,new Date,{locale:s});a&&(i=Tt(p,n)&&e===Lt(p,t,r)),Tt(p,n)&&i&&(o=p);})),o):(o=it.default(e,t,new Date,{locale:s}),a?i=Tt(o)&&e===Lt(o,t,r):Tt(o)||(t=t.match(Ot).map((function(e){var t=e[0];return "p"===t||"P"===t?s?(0, Nt[t])(e,s.formatLong):t:e})).join(""),e.length>0&&(o=it.default(e,t.slice(0,e.length),new Date)),Tt(o)||(o=new Date(e))),Tt(o)&&i?o:null)}function Tt(e,t){return t=t||new Date("1/1/1000"),fe.default(e)&&!nt.default(e,t)}function Lt(e,t,r){if("en"===r)return he.default(e,t,{awareOfUnicodeTokens:!0});var a=Xt(r);return r&&!a&&console.warn('A locale object was not found for the provided string ["'.concat(r,'"].')),!a&&Jt()&&Xt(Jt())&&(a=Xt(Jt())),he.default(e,t,{locale:a||null,awareOfUnicodeTokens:!0})}function Rt(e,t){var r=t.dateFormat,a=t.locale;return e&&Lt(e,Array.isArray(r)?r[0]:r,a)||""}function Ft(e,t){var r=t.hour,a=void 0===r?0:r,n=t.minute,o=void 0===n?0:n,s=t.second,i=void 0===s?0:s;return Fe.default(Re.default(Le.default(e,i),o),a)}function At(e,t){var r=t&&Xt(t)||Jt()&&Xt(Jt());return xe.default(e,r?{locale:r}:null)}function qt(e,t){return Lt(e,"ddd",t)}function Wt(e){return Ve.default(e)}function Bt(e,t,r){var a=Xt(t||Jt());return Ue.default(e,{locale:a,weekStartsOn:r})}function Kt(e){return $e.default(e)}function Ht(e){return Ge.default(e)}function jt(e){return ze.default(e)}function Qt(e,t){return e&&t?tt.default(e,t):!e&&!t}function Vt(e,t){return e&&t?et.default(e,t):!e&&!t}function Ut(e,t){return e&&t?rt.default(e,t):!e&&!t}function $t(e,t){return e&&t?Ze.default(e,t):!e&&!t}function zt(e,t){return e&&t?Xe.default(e,t):!e&&!t}function Gt(e,t,r){var a,n=Ve.default(t),o=Je.default(r);try{a=ot.default(e,{start:n,end:o});}catch(e){a=!1;}return a}function Jt(){return ("undefined"!=typeof window?window:globalThis).__localeId__}function Xt(e){if("string"==typeof e){var t="undefined"!=typeof window?window:globalThis;return t.__localeData__?t.__localeData__[e]:null}return e}function Zt(e,t){return Lt(Ae.default(Yt(),e),"LLLL",t)}function er(e,t){return Lt(Ae.default(Yt(),e),"LLL",t)}function tr(e,t){return Lt(qe.default(Yt(),e),"QQQ",t)}function rr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.maxDate,n=t.excludeDates,o=t.excludeDateIntervals,s=t.includeDates,i=t.includeDateIntervals,p=t.filterDate;return lr(e,{minDate:r,maxDate:a})||n&&n.some((function(t){return $t(e,t)}))||o&&o.some((function(t){var r=t.start,a=t.end;return ot.default(e,{start:r,end:a})}))||s&&!s.some((function(t){return $t(e,t)}))||i&&!i.some((function(t){var r=t.start,a=t.end;return ot.default(e,{start:r,end:a})}))||p&&!p(Yt(e))||!1}function ar(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeDates,a=t.excludeDateIntervals;return a&&a.length>0?a.some((function(t){var r=t.start,a=t.end;return ot.default(e,{start:r,end:a})})):r&&r.some((function(t){return $t(e,t)}))||!1}function nr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.maxDate,n=t.excludeDates,o=t.includeDates,s=t.filterDate;return lr(e,{minDate:r,maxDate:a})||n&&n.some((function(t){return Vt(e,t)}))||o&&!o.some((function(t){return Vt(e,t)}))||s&&!s(Yt(e))||!1}function or(e,t,r,a){var n=Ie.default(e),o=Oe.default(e),s=Ie.default(t),i=Oe.default(t),p=Ie.default(a);return n===s&&n===p?o<=r&&r<=i:n<s?p===n&&o<=r||p===s&&i>=r||p<s&&p>n:void 0}function sr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.maxDate,n=t.excludeDates,o=t.includeDates,s=t.filterDate;return lr(e,{minDate:r,maxDate:a})||n&&n.some((function(t){return Ut(e,t)}))||o&&!o.some((function(t){return Ut(e,t)}))||s&&!s(Yt(e))||!1}function ir(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.maxDate,n=new Date(e,0,1);return lr(n,{minDate:r,maxDate:a})||!1}function pr(e,t,r,a){var n=Ie.default(e),o=Ye.default(e),s=Ie.default(t),i=Ye.default(t),p=Ie.default(a);return n===s&&n===p?o<=r&&r<=i:n<s?p===n&&o<=r||p===s&&i>=r||p<s&&p>n:void 0}function lr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.maxDate;return r&&He.default(e,r)<0||a&&He.default(e,a)>0}function dr(e,t){return t.some((function(t){return Pe.default(t)===Pe.default(e)&&Me.default(t)===Me.default(e)}))}function cr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.excludeTimes,a=t.includeTimes,n=t.filterTime;return r&&dr(e,r)||a&&!dr(e,a)||n&&!n(e)||!1}function ur(e,t){var r=t.minTime,a=t.maxTime;if(!r||!a)throw new Error("Both minTime and maxTime props required");var n,o=Yt(),s=Fe.default(Re.default(o,Me.default(e)),Pe.default(e)),i=Fe.default(Re.default(o,Me.default(r)),Pe.default(r)),p=Fe.default(Re.default(o,Me.default(a)),Pe.default(a));try{n=!ot.default(s,{start:i,end:p});}catch(e){n=!1;}return n}function fr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.includeDates,n=Se.default(e,1);return r&&je.default(r,n)>0||a&&a.every((function(e){return je.default(e,n)>0}))||!1}function hr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,a=t.includeDates,n=we.default(e,1);return r&&je.default(n,r)>0||a&&a.every((function(e){return je.default(n,e)>0}))||!1}function mr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.includeDates,n=Ce.default(e,1);return r&&Qe.default(r,n)>0||a&&a.every((function(e){return Qe.default(e,n)>0}))||!1}function yr(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,a=t.includeDates,n=ge.default(e,1);return r&&Qe.default(n,r)>0||a&&a.every((function(e){return Qe.default(n,e)>0}))||!1}function Dr(e){var t=e.minDate,r=e.includeDates;if(r&&t){var a=r.filter((function(e){return He.default(e,t)>=0}));return Be.default(a)}return r?Be.default(r):t}function vr(e){var t=e.maxDate,r=e.includeDates;if(r&&t){var a=r.filter((function(e){return He.default(e,t)<=0}));return Ke.default(a)}return r?Ke.default(r):t}function wr(){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",r=new Map,a=0,n=e.length;a<n;a++){var o=e[a];if(ue.default(o)){var s=Lt(o,"MM.dd.yyyy"),i=r.get(s)||[];i.includes(t)||(i.push(t),r.set(s,i));}else if("object"===ft(o)){var p=Object.keys(o),l=p[0],d=o[p[0]];if("string"==typeof l&&d.constructor===Array)for(var c=0,u=d.length;c<u;c++){var f=Lt(d[c],"MM.dd.yyyy"),h=r.get(f)||[];h.includes(l)||(h.push(l),r.set(f,h));}}}return r}function gr(e,t,r,a,n){for(var o=n.length,s=[],i=0;i<o;i++){var p=me.default(ye.default(e,Pe.default(n[i])),Me.default(n[i])),l=me.default(e,(r+1)*a);at.default(p,t)&&nt.default(p,l)&&s.push(n[i]);}return s}function kr(e){return e<10?"0".concat(e):"".concat(e)}function br(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:xt,r=Math.ceil(Ie.default(e)/t)*t,a=r-(t-1);return {startPeriod:a,endPeriod:r}}function Sr(e,t,r,a){for(var n=[],o=0;o<2*t+1;o++){var s=e+t-o,i=!0;r&&(i=Ie.default(r)<=s),a&&i&&(i=Ie.default(a)>=s),i&&n.push(s);}return n}var Cr=function(e){wt(a,e);var r=Ct(a);function a(e){var n;ht(this,a),Dt(bt(n=r.call(this,e)),"renderOptions",(function(){var e=n.props.year,t=n.state.yearsList.map((function(t){return de.default.createElement("div",{className:e===t?"react-datepicker__year-option react-datepicker__year-option--selected_year":"react-datepicker__year-option",key:t,onClick:n.onChange.bind(bt(n),t),"aria-selected":e===t?"true":void 0},e===t?de.default.createElement("span",{className:"react-datepicker__year-option--selected"},"✓"):"",t)})),r=n.props.minDate?Ie.default(n.props.minDate):null,a=n.props.maxDate?Ie.default(n.props.maxDate):null;return a&&n.state.yearsList.find((function(e){return e===a}))||t.unshift(de.default.createElement("div",{className:"react-datepicker__year-option",key:"upcoming",onClick:n.incrementYears},de.default.createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming"}))),r&&n.state.yearsList.find((function(e){return e===r}))||t.push(de.default.createElement("div",{className:"react-datepicker__year-option",key:"previous",onClick:n.decrementYears},de.default.createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous"}))),t})),Dt(bt(n),"onChange",(function(e){n.props.onChange(e);})),Dt(bt(n),"handleClickOutside",(function(){n.props.onCancel();})),Dt(bt(n),"shiftYears",(function(e){var t=n.state.yearsList.map((function(t){return t+e}));n.setState({yearsList:t});})),Dt(bt(n),"incrementYears",(function(){return n.shiftYears(1)})),Dt(bt(n),"decrementYears",(function(){return n.shiftYears(-1)}));var o=e.yearDropdownItemNumber,s=e.scrollableYearDropdown,i=o||(s?10:5);return n.state={yearsList:Sr(n.props.year,i,n.props.minDate,n.props.maxDate)},n.dropdownRef=t.createRef(),n}return yt(a,[{key:"componentDidMount",value:function(){var e=this.dropdownRef.current;e&&(e.scrollTop=e.scrollHeight/2-e.clientHeight/2);}},{key:"render",value:function(){var e=ce.default({"react-datepicker__year-dropdown":!0,"react-datepicker__year-dropdown--scrollable":this.props.scrollableYearDropdown});return de.default.createElement("div",{className:e,ref:this.dropdownRef},this.renderOptions())}}]),a}(de.default.Component),_r=lt.default(Cr),Mr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"state",{dropdownVisible:!1}),Dt(bt(e),"renderSelectOptions",(function(){for(var t=e.props.minDate?Ie.default(e.props.minDate):1900,r=e.props.maxDate?Ie.default(e.props.maxDate):2100,a=[],n=t;n<=r;n++)a.push(de.default.createElement("option",{key:n,value:n},n));return a})),Dt(bt(e),"onSelectChange",(function(t){e.onChange(t.target.value);})),Dt(bt(e),"renderSelectMode",(function(){return de.default.createElement("select",{value:e.props.year,className:"react-datepicker__year-select",onChange:e.onSelectChange},e.renderSelectOptions())})),Dt(bt(e),"renderReadView",(function(t){return de.default.createElement("div",{key:"read",style:{visibility:t?"visible":"hidden"},className:"react-datepicker__year-read-view",onClick:function(t){return e.toggleDropdown(t)}},de.default.createElement("span",{className:"react-datepicker__year-read-view--down-arrow"}),de.default.createElement("span",{className:"react-datepicker__year-read-view--selected-year"},e.props.year))})),Dt(bt(e),"renderDropdown",(function(){return de.default.createElement(_r,{key:"dropdown",year:e.props.year,onChange:e.onChange,onCancel:e.toggleDropdown,minDate:e.props.minDate,maxDate:e.props.maxDate,scrollableYearDropdown:e.props.scrollableYearDropdown,yearDropdownItemNumber:e.props.yearDropdownItemNumber})})),Dt(bt(e),"renderScrollMode",(function(){var t=e.state.dropdownVisible,r=[e.renderReadView(!t)];return t&&r.unshift(e.renderDropdown()),r})),Dt(bt(e),"onChange",(function(t){e.toggleDropdown(),t!==e.props.year&&e.props.onChange(t);})),Dt(bt(e),"toggleDropdown",(function(t){e.setState({dropdownVisible:!e.state.dropdownVisible},(function(){e.props.adjustDateOnChange&&e.handleYearChange(e.props.date,t);}));})),Dt(bt(e),"handleYearChange",(function(t,r){e.onSelect(t,r),e.setOpen();})),Dt(bt(e),"onSelect",(function(t,r){e.props.onSelect&&e.props.onSelect(t,r);})),Dt(bt(e),"setOpen",(function(){e.props.setOpen&&e.props.setOpen(!0);})),e}return yt(r,[{key:"render",value:function(){var e;switch(this.props.dropdownMode){case"scroll":e=this.renderScrollMode();break;case"select":e=this.renderSelectMode();}return de.default.createElement("div",{className:"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode)},e)}}]),r}(de.default.Component),Pr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"isSelectedMonth",(function(t){return e.props.month===t})),Dt(bt(e),"renderOptions",(function(){return e.props.monthNames.map((function(t,r){return de.default.createElement("div",{className:e.isSelectedMonth(r)?"react-datepicker__month-option react-datepicker__month-option--selected_month":"react-datepicker__month-option",key:t,onClick:e.onChange.bind(bt(e),r),"aria-selected":e.isSelectedMonth(r)?"true":void 0},e.isSelectedMonth(r)?de.default.createElement("span",{className:"react-datepicker__month-option--selected"},"✓"):"",t)}))})),Dt(bt(e),"onChange",(function(t){return e.props.onChange(t)})),Dt(bt(e),"handleClickOutside",(function(){return e.props.onCancel()})),e}return yt(r,[{key:"render",value:function(){return de.default.createElement("div",{className:"react-datepicker__month-dropdown"},this.renderOptions())}}]),r}(de.default.Component),Er=lt.default(Pr),Nr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"state",{dropdownVisible:!1}),Dt(bt(e),"renderSelectOptions",(function(e){return e.map((function(e,t){return de.default.createElement("option",{key:t,value:t},e)}))})),Dt(bt(e),"renderSelectMode",(function(t){return de.default.createElement("select",{value:e.props.month,className:"react-datepicker__month-select",onChange:function(t){return e.onChange(t.target.value)}},e.renderSelectOptions(t))})),Dt(bt(e),"renderReadView",(function(t,r){return de.default.createElement("div",{key:"read",style:{visibility:t?"visible":"hidden"},className:"react-datepicker__month-read-view",onClick:e.toggleDropdown},de.default.createElement("span",{className:"react-datepicker__month-read-view--down-arrow"}),de.default.createElement("span",{className:"react-datepicker__month-read-view--selected-month"},r[e.props.month]))})),Dt(bt(e),"renderDropdown",(function(t){return de.default.createElement(Er,{key:"dropdown",month:e.props.month,monthNames:t,onChange:e.onChange,onCancel:e.toggleDropdown})})),Dt(bt(e),"renderScrollMode",(function(t){var r=e.state.dropdownVisible,a=[e.renderReadView(!r,t)];return r&&a.unshift(e.renderDropdown(t)),a})),Dt(bt(e),"onChange",(function(t){e.toggleDropdown(),t!==e.props.month&&e.props.onChange(t);})),Dt(bt(e),"toggleDropdown",(function(){return e.setState({dropdownVisible:!e.state.dropdownVisible})})),e}return yt(r,[{key:"render",value:function(){var e,t=this,r=[0,1,2,3,4,5,6,7,8,9,10,11].map(this.props.useShortMonthInDropdown?function(e){return er(e,t.props.locale)}:function(e){return Zt(e,t.props.locale)});switch(this.props.dropdownMode){case"scroll":e=this.renderScrollMode(r);break;case"select":e=this.renderSelectMode(r);}return de.default.createElement("div",{className:"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode)},e)}}]),r}(de.default.Component);function xr(e,t){for(var r=[],a=Kt(e),n=Kt(t);!at.default(a,n);)r.push(Yt(a)),a=we.default(a,1);return r}var Or=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"renderOptions",(function(){return a.state.monthYearsList.map((function(e){var t=Te.default(e),r=Qt(a.props.date,e)&&Vt(a.props.date,e);return de.default.createElement("div",{className:r?"react-datepicker__month-year-option--selected_month-year":"react-datepicker__month-year-option",key:t,onClick:a.onChange.bind(bt(a),t),"aria-selected":r?"true":void 0},r?de.default.createElement("span",{className:"react-datepicker__month-year-option--selected"},"✓"):"",Lt(e,a.props.dateFormat,a.props.locale))}))})),Dt(bt(a),"onChange",(function(e){return a.props.onChange(e)})),Dt(bt(a),"handleClickOutside",(function(){a.props.onCancel();})),a.state={monthYearsList:xr(a.props.minDate,a.props.maxDate)},a}return yt(r,[{key:"render",value:function(){var e=ce.default({"react-datepicker__month-year-dropdown":!0,"react-datepicker__month-year-dropdown--scrollable":this.props.scrollableMonthYearDropdown});return de.default.createElement("div",{className:e},this.renderOptions())}}]),r}(de.default.Component),Yr=lt.default(Or),Ir=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"state",{dropdownVisible:!1}),Dt(bt(e),"renderSelectOptions",(function(){for(var t=Kt(e.props.minDate),r=Kt(e.props.maxDate),a=[];!at.default(t,r);){var n=Te.default(t);a.push(de.default.createElement("option",{key:n,value:n},Lt(t,e.props.dateFormat,e.props.locale))),t=we.default(t,1);}return a})),Dt(bt(e),"onSelectChange",(function(t){e.onChange(t.target.value);})),Dt(bt(e),"renderSelectMode",(function(){return de.default.createElement("select",{value:Te.default(Kt(e.props.date)),className:"react-datepicker__month-year-select",onChange:e.onSelectChange},e.renderSelectOptions())})),Dt(bt(e),"renderReadView",(function(t){var r=Lt(e.props.date,e.props.dateFormat,e.props.locale);return de.default.createElement("div",{key:"read",style:{visibility:t?"visible":"hidden"},className:"react-datepicker__month-year-read-view",onClick:function(t){return e.toggleDropdown(t)}},de.default.createElement("span",{className:"react-datepicker__month-year-read-view--down-arrow"}),de.default.createElement("span",{className:"react-datepicker__month-year-read-view--selected-month-year"},r))})),Dt(bt(e),"renderDropdown",(function(){return de.default.createElement(Yr,{key:"dropdown",date:e.props.date,dateFormat:e.props.dateFormat,onChange:e.onChange,onCancel:e.toggleDropdown,minDate:e.props.minDate,maxDate:e.props.maxDate,scrollableMonthYearDropdown:e.props.scrollableMonthYearDropdown,locale:e.props.locale})})),Dt(bt(e),"renderScrollMode",(function(){var t=e.state.dropdownVisible,r=[e.renderReadView(!t)];return t&&r.unshift(e.renderDropdown()),r})),Dt(bt(e),"onChange",(function(t){e.toggleDropdown();var r=Yt(parseInt(t));Qt(e.props.date,r)&&Vt(e.props.date,r)||e.props.onChange(r);})),Dt(bt(e),"toggleDropdown",(function(){return e.setState({dropdownVisible:!e.state.dropdownVisible})})),e}return yt(r,[{key:"render",value:function(){var e;switch(this.props.dropdownMode){case"scroll":e=this.renderScrollMode();break;case"select":e=this.renderSelectMode();}return de.default.createElement("div",{className:"react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode)},e)}}]),r}(de.default.Component),Tr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"dayEl",de.default.createRef()),Dt(bt(e),"handleClick",(function(t){!e.isDisabled()&&e.props.onClick&&e.props.onClick(t);})),Dt(bt(e),"handleMouseEnter",(function(t){!e.isDisabled()&&e.props.onMouseEnter&&e.props.onMouseEnter(t);})),Dt(bt(e),"handleOnKeyDown",(function(t){" "===t.key&&(t.preventDefault(),t.key="Enter"),e.props.handleOnKeyDown(t);})),Dt(bt(e),"isSameDay",(function(t){return $t(e.props.day,t)})),Dt(bt(e),"isKeyboardSelected",(function(){return !e.props.disabledKeyboardNavigation&&!e.isSameDay(e.props.selected)&&e.isSameDay(e.props.preSelection)})),Dt(bt(e),"isDisabled",(function(){return rr(e.props.day,e.props)})),Dt(bt(e),"isExcluded",(function(){return ar(e.props.day,e.props)})),Dt(bt(e),"getHighLightedClass",(function(t){var r=e.props,a=r.day,n=r.highlightDates;if(!n)return !1;var o=Lt(a,"MM.dd.yyyy");return n.get(o)})),Dt(bt(e),"isInRange",(function(){var t=e.props,r=t.day,a=t.startDate,n=t.endDate;return !(!a||!n)&&Gt(r,a,n)})),Dt(bt(e),"isInSelectingRange",(function(){var t,r=e.props,a=r.day,n=r.selectsStart,o=r.selectsEnd,s=r.selectsRange,i=r.selectsDisabledDaysInRange,p=r.startDate,l=r.endDate,d=null!==(t=e.props.selectingDate)&&void 0!==t?t:e.props.preSelection;return !(!(n||o||s)||!d||!i&&e.isDisabled())&&(n&&l&&(nt.default(d,l)||zt(d,l))?Gt(a,d,l):(o&&p&&(at.default(d,p)||zt(d,p))||!(!s||!p||l||!at.default(d,p)&&!zt(d,p)))&&Gt(a,p,d))})),Dt(bt(e),"isSelectingRangeStart",(function(){var t;if(!e.isInSelectingRange())return !1;var r=e.props,a=r.day,n=r.startDate,o=r.selectsStart,s=null!==(t=e.props.selectingDate)&&void 0!==t?t:e.props.preSelection;return $t(a,o?s:n)})),Dt(bt(e),"isSelectingRangeEnd",(function(){var t;if(!e.isInSelectingRange())return !1;var r=e.props,a=r.day,n=r.endDate,o=r.selectsEnd,s=null!==(t=e.props.selectingDate)&&void 0!==t?t:e.props.preSelection;return $t(a,o?s:n)})),Dt(bt(e),"isRangeStart",(function(){var t=e.props,r=t.day,a=t.startDate,n=t.endDate;return !(!a||!n)&&$t(a,r)})),Dt(bt(e),"isRangeEnd",(function(){var t=e.props,r=t.day,a=t.startDate,n=t.endDate;return !(!a||!n)&&$t(n,r)})),Dt(bt(e),"isWeekend",(function(){var t=Ee.default(e.props.day);return 0===t||6===t})),Dt(bt(e),"isAfterMonth",(function(){return void 0!==e.props.month&&(e.props.month+1)%12===Oe.default(e.props.day)})),Dt(bt(e),"isBeforeMonth",(function(){return void 0!==e.props.month&&(Oe.default(e.props.day)+1)%12===e.props.month})),Dt(bt(e),"isCurrentDay",(function(){return e.isSameDay(Yt())})),Dt(bt(e),"isSelected",(function(){return e.isSameDay(e.props.selected)})),Dt(bt(e),"getClassNames",(function(t){var r=e.props.dayClassName?e.props.dayClassName(t):void 0;return ce.default("react-datepicker__day",r,"react-datepicker__day--"+qt(e.props.day),{"react-datepicker__day--disabled":e.isDisabled(),"react-datepicker__day--excluded":e.isExcluded(),"react-datepicker__day--selected":e.isSelected(),"react-datepicker__day--keyboard-selected":e.isKeyboardSelected(),"react-datepicker__day--range-start":e.isRangeStart(),"react-datepicker__day--range-end":e.isRangeEnd(),"react-datepicker__day--in-range":e.isInRange(),"react-datepicker__day--in-selecting-range":e.isInSelectingRange(),"react-datepicker__day--selecting-range-start":e.isSelectingRangeStart(),"react-datepicker__day--selecting-range-end":e.isSelectingRangeEnd(),"react-datepicker__day--today":e.isCurrentDay(),"react-datepicker__day--weekend":e.isWeekend(),"react-datepicker__day--outside-month":e.isAfterMonth()||e.isBeforeMonth()},e.getHighLightedClass("react-datepicker__day--highlighted"))})),Dt(bt(e),"getAriaLabel",(function(){var t=e.props,r=t.day,a=t.ariaLabelPrefixWhenEnabled,n=void 0===a?"Choose":a,o=t.ariaLabelPrefixWhenDisabled,s=void 0===o?"Not available":o,i=e.isDisabled()||e.isExcluded()?s:n;return "".concat(i," ").concat(Lt(r,"PPPP",e.props.locale))})),Dt(bt(e),"getTabIndex",(function(t,r){var a=t||e.props.selected,n=r||e.props.preSelection;return e.isKeyboardSelected()||e.isSameDay(a)&&$t(n,a)?0:-1})),Dt(bt(e),"handleFocusDay",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=!1;0===e.getTabIndex()&&!t.isInputFocused&&e.isSameDay(e.props.preSelection)&&(document.activeElement&&document.activeElement!==document.body||(r=!0),e.props.inline&&!e.props.shouldFocusDayInline&&(r=!1),e.props.containerRef&&e.props.containerRef.current&&e.props.containerRef.current.contains(document.activeElement)&&document.activeElement.classList.contains("react-datepicker__day")&&(r=!0)),r&&e.dayEl.current.focus({preventScroll:!0});})),Dt(bt(e),"renderDayContents",(function(){return e.props.monthShowsDuplicateDaysEnd&&e.isAfterMonth()||e.props.monthShowsDuplicateDaysStart&&e.isBeforeMonth()?null:e.props.renderDayContents?e.props.renderDayContents(Ne.default(e.props.day),e.props.day):Ne.default(e.props.day)})),Dt(bt(e),"render",(function(){return de.default.createElement("div",{ref:e.dayEl,className:e.getClassNames(e.props.day),onKeyDown:e.handleOnKeyDown,onClick:e.handleClick,onMouseEnter:e.handleMouseEnter,tabIndex:e.getTabIndex(),"aria-label":e.getAriaLabel(),role:"option","aria-disabled":e.isDisabled(),"aria-current":e.isCurrentDay()?"date":void 0,"aria-selected":e.isSelected()},e.renderDayContents())})),e}return yt(r,[{key:"componentDidMount",value:function(){this.handleFocusDay();}},{key:"componentDidUpdate",value:function(e){this.handleFocusDay(e);}}]),r}(de.default.Component),Lr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"handleClick",(function(t){e.props.onClick&&e.props.onClick(t);})),e}return yt(r,[{key:"render",value:function(){var e=this.props,t=e.weekNumber,r=e.ariaLabelPrefix,a=void 0===r?"week ":r,n={"react-datepicker__week-number":!0,"react-datepicker__week-number--clickable":!!e.onClick};return de.default.createElement("div",{className:ce.default(n),"aria-label":"".concat(a," ").concat(this.props.weekNumber),onClick:this.handleClick},t)}}]),r}(de.default.Component),Rr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"handleDayClick",(function(t,r){e.props.onDayClick&&e.props.onDayClick(t,r);})),Dt(bt(e),"handleDayMouseEnter",(function(t){e.props.onDayMouseEnter&&e.props.onDayMouseEnter(t);})),Dt(bt(e),"handleWeekClick",(function(t,r,a){"function"==typeof e.props.onWeekSelect&&e.props.onWeekSelect(t,r,a),e.props.shouldCloseOnSelect&&e.props.setOpen(!1);})),Dt(bt(e),"formatWeekNumber",(function(t){return e.props.formatWeekNumber?e.props.formatWeekNumber(t):At(t)})),Dt(bt(e),"renderDays",(function(){var t=Bt(e.props.day,e.props.locale,e.props.calendarStartDay),r=[],a=e.formatWeekNumber(t);if(e.props.showWeekNumber){var n=e.props.onWeekSelect?e.handleWeekClick.bind(bt(e),t,a):void 0;r.push(de.default.createElement(Lr,{key:"W",weekNumber:a,onClick:n,ariaLabelPrefix:e.props.ariaLabelPrefix}));}return r.concat([0,1,2,3,4,5,6].map((function(r){var a=De.default(t,r);return de.default.createElement(Tr,{ariaLabelPrefixWhenEnabled:e.props.chooseDayAriaLabelPrefix,ariaLabelPrefixWhenDisabled:e.props.disabledDayAriaLabelPrefix,key:a.valueOf(),day:a,month:e.props.month,onClick:e.handleDayClick.bind(bt(e),a),onMouseEnter:e.handleDayMouseEnter.bind(bt(e),a),minDate:e.props.minDate,maxDate:e.props.maxDate,excludeDates:e.props.excludeDates,excludeDateIntervals:e.props.excludeDateIntervals,includeDates:e.props.includeDates,includeDateIntervals:e.props.includeDateIntervals,highlightDates:e.props.highlightDates,selectingDate:e.props.selectingDate,filterDate:e.props.filterDate,preSelection:e.props.preSelection,selected:e.props.selected,selectsStart:e.props.selectsStart,selectsEnd:e.props.selectsEnd,selectsRange:e.props.selectsRange,selectsDisabledDaysInRange:e.props.selectsDisabledDaysInRange,startDate:e.props.startDate,endDate:e.props.endDate,dayClassName:e.props.dayClassName,renderDayContents:e.props.renderDayContents,disabledKeyboardNavigation:e.props.disabledKeyboardNavigation,handleOnKeyDown:e.props.handleOnKeyDown,isInputFocused:e.props.isInputFocused,containerRef:e.props.containerRef,inline:e.props.inline,shouldFocusDayInline:e.props.shouldFocusDayInline,monthShowsDuplicateDaysEnd:e.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:e.props.monthShowsDuplicateDaysStart,locale:e.props.locale})})))})),e}return yt(r,[{key:"render",value:function(){return de.default.createElement("div",{className:"react-datepicker__week"},this.renderDays())}}],[{key:"defaultProps",get:function(){return {shouldCloseOnSelect:!0}}}]),r}(de.default.Component),Fr=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"MONTH_REFS",_t(Array(12)).map((function(){return de.default.createRef()}))),Dt(bt(e),"isDisabled",(function(t){return rr(t,e.props)})),Dt(bt(e),"isExcluded",(function(t){return ar(t,e.props)})),Dt(bt(e),"handleDayClick",(function(t,r){e.props.onDayClick&&e.props.onDayClick(t,r,e.props.orderInDisplay);})),Dt(bt(e),"handleDayMouseEnter",(function(t){e.props.onDayMouseEnter&&e.props.onDayMouseEnter(t);})),Dt(bt(e),"handleMouseLeave",(function(){e.props.onMouseLeave&&e.props.onMouseLeave();})),Dt(bt(e),"isRangeStartMonth",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate;return !(!n||!o)&&Vt(Ae.default(a,t),n)})),Dt(bt(e),"isRangeStartQuarter",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate;return !(!n||!o)&&Ut(qe.default(a,t),n)})),Dt(bt(e),"isRangeEndMonth",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate;return !(!n||!o)&&Vt(Ae.default(a,t),o)})),Dt(bt(e),"isRangeEndQuarter",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate;return !(!n||!o)&&Ut(qe.default(a,t),o)})),Dt(bt(e),"isWeekInMonth",(function(t){var r=e.props.day,a=De.default(t,6);return Vt(t,r)||Vt(a,r)})),Dt(bt(e),"isCurrentMonth",(function(e,t){return Ie.default(e)===Ie.default(Yt())&&t===Oe.default(Yt())})),Dt(bt(e),"isSelectedMonth",(function(e,t,r){return Oe.default(e)===t&&Ie.default(e)===Ie.default(r)})),Dt(bt(e),"isSelectedQuarter",(function(e,t,r){return Ye.default(e)===t&&Ie.default(e)===Ie.default(r)})),Dt(bt(e),"renderWeeks",(function(){for(var t=[],r=e.props.fixedHeight,a=0,n=!1,o=Bt(Kt(e.props.day),e.props.locale,e.props.calendarStartDay);t.push(de.default.createElement(Rr,{ariaLabelPrefix:e.props.weekAriaLabelPrefix,chooseDayAriaLabelPrefix:e.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:e.props.disabledDayAriaLabelPrefix,key:a,day:o,month:Oe.default(e.props.day),onDayClick:e.handleDayClick,onDayMouseEnter:e.handleDayMouseEnter,onWeekSelect:e.props.onWeekSelect,formatWeekNumber:e.props.formatWeekNumber,locale:e.props.locale,minDate:e.props.minDate,maxDate:e.props.maxDate,excludeDates:e.props.excludeDates,excludeDateIntervals:e.props.excludeDateIntervals,includeDates:e.props.includeDates,includeDateIntervals:e.props.includeDateIntervals,inline:e.props.inline,shouldFocusDayInline:e.props.shouldFocusDayInline,highlightDates:e.props.highlightDates,selectingDate:e.props.selectingDate,filterDate:e.props.filterDate,preSelection:e.props.preSelection,selected:e.props.selected,selectsStart:e.props.selectsStart,selectsEnd:e.props.selectsEnd,selectsRange:e.props.selectsRange,selectsDisabledDaysInRange:e.props.selectsDisabledDaysInRange,showWeekNumber:e.props.showWeekNumbers,startDate:e.props.startDate,endDate:e.props.endDate,dayClassName:e.props.dayClassName,setOpen:e.props.setOpen,shouldCloseOnSelect:e.props.shouldCloseOnSelect,disabledKeyboardNavigation:e.props.disabledKeyboardNavigation,renderDayContents:e.props.renderDayContents,handleOnKeyDown:e.props.handleOnKeyDown,isInputFocused:e.props.isInputFocused,containerRef:e.props.containerRef,calendarStartDay:e.props.calendarStartDay,monthShowsDuplicateDaysEnd:e.props.monthShowsDuplicateDaysEnd,monthShowsDuplicateDaysStart:e.props.monthShowsDuplicateDaysStart})),!n;){a++,o=ve.default(o,1);var s=r&&a>=6,i=!r&&!e.isWeekInMonth(o);if(s||i){if(!e.props.peekNextMonth)break;n=!0;}}return t})),Dt(bt(e),"onMonthClick",(function(t,r){e.handleDayClick(Kt(Ae.default(e.props.day,r)),t);})),Dt(bt(e),"handleMonthNavigation",(function(t,r){e.isDisabled(r)||e.isExcluded(r)||(e.props.setPreSelection(r),e.MONTH_REFS[t].current&&e.MONTH_REFS[t].current.focus());})),Dt(bt(e),"onMonthKeyDown",(function(t,r){var a=t.key;if(!e.props.disabledKeyboardNavigation)switch(a){case"Enter":e.onMonthClick(t,r),e.props.setPreSelection(e.props.selected);break;case"ArrowRight":e.handleMonthNavigation(11===r?0:r+1,we.default(e.props.preSelection,1));break;case"ArrowLeft":e.handleMonthNavigation(0===r?11:r-1,Se.default(e.props.preSelection,1));}})),Dt(bt(e),"onQuarterClick",(function(t,r){e.handleDayClick(jt(qe.default(e.props.day,r)),t);})),Dt(bt(e),"getMonthClassNames",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate,s=r.selected,i=r.minDate,p=r.maxDate,l=r.preSelection,d=r.monthClassName,c=d?d(a):void 0;return ce.default("react-datepicker__month-text","react-datepicker__month-".concat(t),c,{"react-datepicker__month--disabled":(i||p)&&nr(Ae.default(a,t),e.props),"react-datepicker__month--selected":e.isSelectedMonth(a,t,s),"react-datepicker__month-text--keyboard-selected":Oe.default(l)===t,"react-datepicker__month--in-range":or(n,o,t,a),"react-datepicker__month--range-start":e.isRangeStartMonth(t),"react-datepicker__month--range-end":e.isRangeEndMonth(t),"react-datepicker__month-text--today":e.isCurrentMonth(a,t)})})),Dt(bt(e),"getTabIndex",(function(t){var r=Oe.default(e.props.preSelection);return e.props.disabledKeyboardNavigation||t!==r?"-1":"0"})),Dt(bt(e),"getAriaLabel",(function(t){var r=e.props,a=r.chooseDayAriaLabelPrefix,n=void 0===a?"Choose":a,o=r.disabledDayAriaLabelPrefix,s=void 0===o?"Not available":o,i=r.day,p=Ae.default(i,t),l=e.isDisabled(p)||e.isExcluded(p)?s:n;return "".concat(l," ").concat(Lt(p,"MMMM yyyy"))})),Dt(bt(e),"getQuarterClassNames",(function(t){var r=e.props,a=r.day,n=r.startDate,o=r.endDate,s=r.selected,i=r.minDate,p=r.maxDate;return ce.default("react-datepicker__quarter-text","react-datepicker__quarter-".concat(t),{"react-datepicker__quarter--disabled":(i||p)&&sr(qe.default(a,t),e.props),"react-datepicker__quarter--selected":e.isSelectedQuarter(a,t,s),"react-datepicker__quarter--in-range":pr(n,o,t,a),"react-datepicker__quarter--range-start":e.isRangeStartQuarter(t),"react-datepicker__quarter--range-end":e.isRangeEndQuarter(t)})})),Dt(bt(e),"renderMonths",(function(){var t=e.props,r=t.showFullMonthYearPicker,a=t.showTwoColumnMonthYearPicker,n=t.showFourColumnMonthYearPicker,o=t.locale,s=t.day,i=t.selected;return (n?[[0,1,2,3],[4,5,6,7],[8,9,10,11]]:a?[[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,a){return de.default.createElement("div",{className:"react-datepicker__month-wrapper",key:a},t.map((function(t,a){return de.default.createElement("div",{ref:e.MONTH_REFS[t],key:a,onClick:function(r){e.onMonthClick(r,t);},onKeyDown:function(r){e.onMonthKeyDown(r,t);},tabIndex:e.getTabIndex(t),className:e.getMonthClassNames(t),role:"option","aria-label":e.getAriaLabel(t),"aria-current":e.isCurrentMonth(s,t)?"date":void 0,"aria-selected":e.isSelectedMonth(s,t,i)},r?Zt(t,o):er(t,o))})))}))})),Dt(bt(e),"renderQuarters",(function(){var t=e.props,r=t.day,a=t.selected;return de.default.createElement("div",{className:"react-datepicker__quarter-wrapper"},[1,2,3,4].map((function(t,n){return de.default.createElement("div",{key:n,role:"option",onClick:function(r){e.onQuarterClick(r,t);},className:e.getQuarterClassNames(t),"aria-selected":e.isSelectedQuarter(r,t,a)},tr(t,e.props.locale))})))})),Dt(bt(e),"getClassNames",(function(){var t=e.props;t.day;var r=t.selectingDate,a=t.selectsStart,n=t.selectsEnd,o=t.showMonthYearPicker,s=t.showQuarterYearPicker;return ce.default("react-datepicker__month",{"react-datepicker__month--selecting-range":r&&(a||n)},{"react-datepicker__monthPicker":o},{"react-datepicker__quarterPicker":s})})),e}return yt(r,[{key:"render",value:function(){var e=this.props,t=e.showMonthYearPicker,r=e.showQuarterYearPicker,a=e.day,n=e.ariaLabelPrefix,o=void 0===n?"month ":n;return de.default.createElement("div",{className:this.getClassNames(),onMouseLeave:this.handleMouseLeave,"aria-label":"".concat(o," ").concat(Lt(a,"yyyy-MM")),role:"listbox"},t?this.renderMonths():r?this.renderQuarters():this.renderWeeks())}}]),r}(de.default.Component),Ar=function(e){wt(r,e);var t=Ct(r);function r(){var e;ht(this,r);for(var a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return Dt(bt(e=t.call.apply(t,[this].concat(n))),"state",{height:null}),Dt(bt(e),"handleClick",(function(t){(e.props.minTime||e.props.maxTime)&&ur(t,e.props)||(e.props.excludeTimes||e.props.includeTimes||e.props.filterTime)&&cr(t,e.props)||e.props.onChange(t);})),Dt(bt(e),"isSelectedTime",(function(t,r,a){return e.props.selected&&r===Pe.default(t)&&a===Me.default(t)})),Dt(bt(e),"liClasses",(function(t,r,a){var n=["react-datepicker__time-list-item",e.props.timeClassName?e.props.timeClassName(t,r,a):void 0];return e.isSelectedTime(t,r,a)&&n.push("react-datepicker__time-list-item--selected"),((e.props.minTime||e.props.maxTime)&&ur(t,e.props)||(e.props.excludeTimes||e.props.includeTimes||e.props.filterTime)&&cr(t,e.props))&&n.push("react-datepicker__time-list-item--disabled"),e.props.injectTimes&&(60*Pe.default(t)+Me.default(t))%e.props.intervals!=0&&n.push("react-datepicker__time-list-item--injected"),n.join(" ")})),Dt(bt(e),"handleOnKeyDown",(function(t,r){" "===t.key&&(t.preventDefault(),t.key="Enter"),"Enter"===t.key&&e.handleClick(r),e.props.handleOnKeyDown(t);})),Dt(bt(e),"renderTimes",(function(){for(var t=[],r=e.props.format?e.props.format:"p",a=e.props.intervals,n=Wt(Yt(e.props.selected)),o=1440/a,s=e.props.injectTimes&&e.props.injectTimes.sort((function(e,t){return e-t})),i=e.props.selected||e.props.openToDate||Yt(),p=Pe.default(i),l=Me.default(i),d=Fe.default(Re.default(n,l),p),c=0;c<o;c++){var u=me.default(n,c*a);if(t.push(u),s){var f=gr(n,u,c,a,s);t=t.concat(f);}}return t.map((function(t,a){return de.default.createElement("li",{key:a,onClick:e.handleClick.bind(bt(e),t),className:e.liClasses(t,p,l),ref:function(r){(nt.default(t,d)||zt(t,d))&&(e.centerLi=r);},onKeyDown:function(r){e.handleOnKeyDown(r,t);},tabIndex:"0","aria-selected":e.isSelectedTime(t,p,l)?"true":void 0},Lt(t,r,e.props.locale))}))})),e}return yt(r,[{key:"componentDidMount",value:function(){this.list.scrollTop=r.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 e=this,t=this.state.height;return de.default.createElement("div",{className:"react-datepicker__time-container ".concat(this.props.todayButton?"react-datepicker__time-container--with-today-button":"")},de.default.createElement("div",{className:"react-datepicker__header react-datepicker__header--time ".concat(this.props.showTimeSelectOnly?"react-datepicker__header--time--only":""),ref:function(t){e.header=t;}},de.default.createElement("div",{className:"react-datepicker-time__header"},this.props.timeCaption)),de.default.createElement("div",{className:"react-datepicker__time"},de.default.createElement("div",{className:"react-datepicker__time-box"},de.default.createElement("ul",{className:"react-datepicker__time-list",ref:function(t){e.list=t;},style:t?{height:t}:{},tabIndex:"0"},this.renderTimes()))))}}],[{key:"defaultProps",get:function(){return {intervals:30,onTimeChange:function(){},todayButton:null,timeCaption:"Time"}}}]),r}(de.default.Component);Dt(Ar,"calcCenterPosition",(function(e,t){return t.offsetTop-(e/2-t.clientHeight/2)}));var qr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"YEAR_REFS",_t(Array(a.props.yearItemNumber)).map((function(){return de.default.createRef()}))),Dt(bt(a),"isDisabled",(function(e){return rr(e,a.props)})),Dt(bt(a),"isExcluded",(function(e){return ar(e,a.props)})),Dt(bt(a),"updateFocusOnPaginate",(function(e){var t=function(){this.YEAR_REFS[e].current.focus();}.bind(bt(a));window.requestAnimationFrame(t);})),Dt(bt(a),"handleYearClick",(function(e,t){a.props.onDayClick&&a.props.onDayClick(e,t);})),Dt(bt(a),"handleYearNavigation",(function(e,t){var r=a.props,n=r.date,o=r.yearItemNumber,s=br(n,o).startPeriod;a.isDisabled(t)||a.isExcluded(t)||(a.props.setPreSelection(t),e-s==-1?a.updateFocusOnPaginate(o-1):e-s===o?a.updateFocusOnPaginate(0):a.YEAR_REFS[e-s].current.focus());})),Dt(bt(a),"isSameDay",(function(e,t){return $t(e,t)})),Dt(bt(a),"isCurrentYear",(function(e){return e===Ie.default(Yt())})),Dt(bt(a),"isKeyboardSelected",(function(e){var t=Ht(We.default(a.props.date,e));return !a.props.disabledKeyboardNavigation&&!a.props.inline&&!$t(t,Ht(a.props.selected))&&$t(t,Ht(a.props.preSelection))})),Dt(bt(a),"onYearClick",(function(e,t){var r=a.props.date;a.handleYearClick(Ht(We.default(r,t)),e);})),Dt(bt(a),"onYearKeyDown",(function(e,t){var r=e.key;if(!a.props.disabledKeyboardNavigation)switch(r){case"Enter":a.onYearClick(e,t),a.props.setPreSelection(a.props.selected);break;case"ArrowRight":a.handleYearNavigation(t+1,ge.default(a.props.preSelection,1));break;case"ArrowLeft":a.handleYearNavigation(t-1,Ce.default(a.props.preSelection,1));}})),Dt(bt(a),"getYearClassNames",(function(e){var t=a.props,r=t.minDate,n=t.maxDate,o=t.selected;return ce.default("react-datepicker__year-text",{"react-datepicker__year-text--selected":e===Ie.default(o),"react-datepicker__year-text--disabled":(r||n)&&ir(e,a.props),"react-datepicker__year-text--keyboard-selected":a.isKeyboardSelected(e),"react-datepicker__year-text--today":a.isCurrentYear(e)})})),Dt(bt(a),"getYearTabIndex",(function(e){return a.props.disabledKeyboardNavigation?"-1":e===Ie.default(a.props.preSelection)?"0":"-1"})),a}return yt(r,[{key:"render",value:function(){for(var e=this,t=[],r=this.props,a=br(r.date,r.yearItemNumber),n=a.startPeriod,o=a.endPeriod,s=function(r){t.push(de.default.createElement("div",{ref:e.YEAR_REFS[r-n],onClick:function(t){e.onYearClick(t,r);},onKeyDown:function(t){e.onYearKeyDown(t,r);},tabIndex:e.getYearTabIndex(r),className:e.getYearClassNames(r),key:r,"aria-current":e.isCurrentYear(r)?"date":void 0},r));},i=n;i<=o;i++)s(i);return de.default.createElement("div",{className:"react-datepicker__year"},de.default.createElement("div",{className:"react-datepicker__year-wrapper"},t))}}]),r}(de.default.Component),Wr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"onTimeChange",(function(e){a.setState({time:e});var t=new Date;t.setHours(e.split(":")[0]),t.setMinutes(e.split(":")[1]),a.props.onChange(t);})),Dt(bt(a),"renderTimeInput",(function(){var e=a.state.time,t=a.props,r=t.date,n=t.timeString,o=t.customTimeInput;return o?de.default.cloneElement(o,{date:r,value:e,onChange:a.onTimeChange}):de.default.createElement("input",{type:"time",className:"react-datepicker-time__input",placeholder:"Time",name:"time-input",required:!0,value:e,onChange:function(e){a.onTimeChange(e.target.value||n);}})})),a.state={time:a.props.timeString},a}return yt(r,[{key:"render",value:function(){return de.default.createElement("div",{className:"react-datepicker__input-time-container"},de.default.createElement("div",{className:"react-datepicker-time__caption"},this.props.timeInputLabel),de.default.createElement("div",{className:"react-datepicker-time__input-container"},de.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}}]),r}(de.default.Component);function Br(e){var t=e.className,r=e.children,a=e.showPopperArrow,n=e.arrowProps,o=void 0===n?{}:n;return de.default.createElement("div",{className:t},a&&de.default.createElement("div",vt({className:"react-datepicker__triangle"},o)),r)}var Kr=["react-datepicker__year-select","react-datepicker__month-select","react-datepicker__month-year-select"],Hr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"handleClickOutside",(function(e){a.props.onClickOutside(e);})),Dt(bt(a),"setClickOutsideRef",(function(){return a.containerRef.current})),Dt(bt(a),"handleDropdownFocus",(function(e){(function(){var e=((arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).className||"").split(/\s+/);return Kr.some((function(t){return e.indexOf(t)>=0}))})(e.target)&&a.props.onDropdownFocus();})),Dt(bt(a),"getDateInView",(function(){var e=a.props,t=e.preSelection,r=e.selected,n=e.openToDate,o=Dr(a.props),s=vr(a.props),i=Yt(),p=n||r||t;return p||(o&&nt.default(i,o)?o:s&&at.default(i,s)?s:i)})),Dt(bt(a),"increaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:we.default(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),Dt(bt(a),"decreaseMonth",(function(){a.setState((function(e){var t=e.date;return {date:Se.default(t,1)}}),(function(){return a.handleMonthChange(a.state.date)}));})),Dt(bt(a),"handleDayClick",(function(e,t,r){a.props.onSelect(e,t,r),a.props.setPreSelection&&a.props.setPreSelection(e);})),Dt(bt(a),"handleDayMouseEnter",(function(e){a.setState({selectingDate:e}),a.props.onDayMouseEnter&&a.props.onDayMouseEnter(e);})),Dt(bt(a),"handleMonthMouseLeave",(function(){a.setState({selectingDate:null}),a.props.onMonthMouseLeave&&a.props.onMonthMouseLeave();})),Dt(bt(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);})),Dt(bt(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);})),Dt(bt(a),"handleMonthYearChange",(function(e){a.handleYearChange(e),a.handleMonthChange(e);})),Dt(bt(a),"changeYear",(function(e){a.setState((function(t){var r=t.date;return {date:We.default(r,e)}}),(function(){return a.handleYearChange(a.state.date)}));})),Dt(bt(a),"changeMonth",(function(e){a.setState((function(t){var r=t.date;return {date:Ae.default(r,e)}}),(function(){return a.handleMonthChange(a.state.date)}));})),Dt(bt(a),"changeMonthYear",(function(e){a.setState((function(t){var r=t.date;return {date:We.default(Ae.default(r,Oe.default(e)),Ie.default(e))}}),(function(){return a.handleMonthYearChange(a.state.date)}));})),Dt(bt(a),"header",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,t=Bt(e,a.props.locale,a.props.calendarStartDay),r=[];return a.props.showWeekNumbers&&r.push(de.default.createElement("div",{key:"W",className:"react-datepicker__day-name"},a.props.weekLabel||"#")),r.concat([0,1,2,3,4,5,6].map((function(e){var r=De.default(t,e),n=a.formatWeekday(r,a.props.locale),o=a.props.weekDayClassName?a.props.weekDayClassName(r):void 0;return de.default.createElement("div",{key:e,className:ce.default("react-datepicker__day-name",o)},n)})))})),Dt(bt(a),"formatWeekday",(function(e,t){return a.props.formatWeekDay?function(e,t,r){return t(Lt(e,"EEEE",r))}(e,a.props.formatWeekDay,t):a.props.useWeekdaysShort?function(e,t){return Lt(e,"EEE",t)}(e,t):function(e,t){return Lt(e,"EEEEEE",t)}(e,t)})),Dt(bt(a),"decreaseYear",(function(){a.setState((function(e){var t=e.date;return {date:Ce.default(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),Dt(bt(a),"renderPreviousButton",(function(){if(!a.props.renderCustomHeader){var e;switch(!0){case a.props.showMonthYearPicker:e=mr(a.state.date,a.props);break;case a.props.showYearPicker:e=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.minDate,a=t.yearItemNumber,n=void 0===a?xt:a,o=br(Ht(Ce.default(e,n)),n).endPeriod,s=r&&Ie.default(r);return s&&s>o||!1}(a.state.date,a.props);break;default:e=fr(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!e)&&!a.props.showTimeSelectOnly){var t=["react-datepicker__navigation","react-datepicker__navigation--previous"],r=a.decreaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(r=a.decreaseYear),e&&a.props.showDisabledMonthNavigation&&(t.push("react-datepicker__navigation--previous--disabled"),r=null);var n=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,o=a.props,s=o.previousMonthButtonLabel,i=o.previousYearButtonLabel,p=a.props,l=p.previousMonthAriaLabel,d=void 0===l?"string"==typeof s?s:"Previous Month":l,c=p.previousYearAriaLabel,u=void 0===c?"string"==typeof i?i:"Previous Year":c;return de.default.createElement("button",{type:"button",className:t.join(" "),onClick:r,onKeyDown:a.props.handleOnKeyDown,"aria-label":n?u:d},de.default.createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--previous"].join(" ")},n?a.props.previousYearButtonLabel:a.props.previousMonthButtonLabel))}}})),Dt(bt(a),"increaseYear",(function(){a.setState((function(e){var t=e.date;return {date:ge.default(t,a.props.showYearPicker?a.props.yearItemNumber:1)}}),(function(){return a.handleYearChange(a.state.date)}));})),Dt(bt(a),"renderNextButton",(function(){if(!a.props.renderCustomHeader){var e;switch(!0){case a.props.showMonthYearPicker:e=yr(a.state.date,a.props);break;case a.props.showYearPicker:e=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.maxDate,a=t.yearItemNumber,n=void 0===a?xt:a,o=br(ge.default(e,n),n).startPeriod,s=r&&Ie.default(r);return s&&s<o||!1}(a.state.date,a.props);break;default:e=hr(a.state.date,a.props);}if((a.props.forceShowMonthNavigation||a.props.showDisabledMonthNavigation||!e)&&!a.props.showTimeSelectOnly){var t=["react-datepicker__navigation","react-datepicker__navigation--next"];a.props.showTimeSelect&&t.push("react-datepicker__navigation--next--with-time"),a.props.todayButton&&t.push("react-datepicker__navigation--next--with-today-button");var r=a.increaseMonth;(a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker)&&(r=a.increaseYear),e&&a.props.showDisabledMonthNavigation&&(t.push("react-datepicker__navigation--next--disabled"),r=null);var n=a.props.showMonthYearPicker||a.props.showQuarterYearPicker||a.props.showYearPicker,o=a.props,s=o.nextMonthButtonLabel,i=o.nextYearButtonLabel,p=a.props,l=p.nextMonthAriaLabel,d=void 0===l?"string"==typeof s?s:"Next Month":l,c=p.nextYearAriaLabel,u=void 0===c?"string"==typeof i?i:"Next Year":c;return de.default.createElement("button",{type:"button",className:t.join(" "),onClick:r,onKeyDown:a.props.handleOnKeyDown,"aria-label":n?u:d},de.default.createElement("span",{className:["react-datepicker__navigation-icon","react-datepicker__navigation-icon--next"].join(" ")},n?a.props.nextYearButtonLabel:a.props.nextMonthButtonLabel))}}})),Dt(bt(a),"renderCurrentMonth",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.state.date,t=["react-datepicker__current-month"];return a.props.showYearDropdown&&t.push("react-datepicker__current-month--hasYearDropdown"),a.props.showMonthDropdown&&t.push("react-datepicker__current-month--hasMonthDropdown"),a.props.showMonthYearDropdown&&t.push("react-datepicker__current-month--hasMonthYearDropdown"),de.default.createElement("div",{className:t.join(" ")},Lt(e,a.props.dateFormat,a.props.locale))})),Dt(bt(a),"renderYearDropdown",(function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showYearDropdown&&!e)return de.default.createElement(Mr,{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:Ie.default(a.state.date),scrollableYearDropdown:a.props.scrollableYearDropdown,yearDropdownItemNumber:a.props.yearDropdownItemNumber})})),Dt(bt(a),"renderMonthDropdown",(function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthDropdown&&!e)return de.default.createElement(Nr,{dropdownMode:a.props.dropdownMode,locale:a.props.locale,onChange:a.changeMonth,month:Oe.default(a.state.date),useShortMonthInDropdown:a.props.useShortMonthInDropdown})})),Dt(bt(a),"renderMonthYearDropdown",(function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(a.props.showMonthYearDropdown&&!e)return de.default.createElement(Ir,{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})})),Dt(bt(a),"renderTodayButton",(function(){if(a.props.todayButton&&!a.props.showTimeSelectOnly)return de.default.createElement("div",{className:"react-datepicker__today-button",onClick:function(e){return a.props.onSelect(Ve.default(Yt()),e)}},a.props.todayButton)})),Dt(bt(a),"renderDefaultHeader",(function(e){var t=e.monthDate,r=e.i;return de.default.createElement("div",{className:"react-datepicker__header ".concat(a.props.showTimeSelect?"react-datepicker__header--has-time-select":"")},a.renderCurrentMonth(t),de.default.createElement("div",{className:"react-datepicker__header__dropdown react-datepicker__header__dropdown--".concat(a.props.dropdownMode),onFocus:a.handleDropdownFocus},a.renderMonthDropdown(0!==r),a.renderMonthYearDropdown(0!==r),a.renderYearDropdown(0!==r)),de.default.createElement("div",{className:"react-datepicker__day-names"},a.header(t)))})),Dt(bt(a),"renderCustomHeader",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.monthDate,r=e.i;if(a.props.showTimeSelect&&!a.state.monthContainer||a.props.showTimeSelectOnly)return null;var n=fr(a.state.date,a.props),o=hr(a.state.date,a.props),s=mr(a.state.date,a.props),i=yr(a.state.date,a.props),p=!a.props.showMonthYearPicker&&!a.props.showQuarterYearPicker&&!a.props.showYearPicker;return de.default.createElement("div",{className:"react-datepicker__header react-datepicker__header--custom",onFocus:a.props.onDropdownFocus},a.props.renderCustomHeader(ut(ut({},a.state),{},{customHeaderCount:r,monthDate:t,changeMonth:a.changeMonth,changeYear:a.changeYear,decreaseMonth:a.decreaseMonth,increaseMonth:a.increaseMonth,decreaseYear:a.decreaseYear,increaseYear:a.increaseYear,prevMonthButtonDisabled:n,nextMonthButtonDisabled:o,prevYearButtonDisabled:s,nextYearButtonDisabled:i})),p&&de.default.createElement("div",{className:"react-datepicker__day-names"},a.header(t)))})),Dt(bt(a),"renderYearHeader",(function(){var e=a.state.date,t=a.props,r=t.showYearPicker,n=br(e,t.yearItemNumber),o=n.startPeriod,s=n.endPeriod;return de.default.createElement("div",{className:"react-datepicker__header react-datepicker-year-header"},r?"".concat(o," - ").concat(s):Ie.default(e))})),Dt(bt(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)}})),Dt(bt(a),"renderMonths",(function(){if(!a.props.showTimeSelectOnly&&!a.props.showYearPicker){for(var e=[],t=a.props.showPreviousMonths?a.props.monthsShown-1:0,r=Se.default(a.state.date,t),n=0;n<a.props.monthsShown;++n){var o=n-a.props.monthSelectedIn,s=we.default(r,o),i="month-".concat(n),p=n<a.props.monthsShown-1,l=n>0;e.push(de.default.createElement("div",{key:i,ref:function(e){a.monthContainer=e;},className:"react-datepicker__month-container"},a.renderHeader({monthDate:s,i:n}),de.default.createElement(Fr,{chooseDayAriaLabelPrefix:a.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:a.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:a.props.weekAriaLabelPrefix,ariaLabelPrefix:a.props.monthAriaLabelPrefix,onChange:a.changeMonthYear,day:s,dayClassName:a.props.dayClassName,calendarStartDay:a.props.calendarStartDay,monthClassName:a.props.monthClassName,onDayClick:a.handleDayClick,handleOnKeyDown:a.props.handleOnDayKeyDown,onDayMouseEnter:a.handleDayMouseEnter,onMouseLeave:a.handleMonthMouseLeave,onWeekSelect:a.props.onWeekSelect,orderInDisplay:n,formatWeekNumber:a.props.formatWeekNumber,locale:a.props.locale,minDate:a.props.minDate,maxDate:a.props.maxDate,excludeDates:a.props.excludeDates,excludeDateIntervals:a.props.excludeDateIntervals,highlightDates:a.props.highlightDates,selectingDate:a.state.selectingDate,includeDates:a.props.includeDates,includeDateIntervals:a.props.includeDateIntervals,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,selectsDisabledDaysInRange:a.props.selectsDisabledDaysInRange,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:p,monthShowsDuplicateDaysStart:l})));}return e}})),Dt(bt(a),"renderYears",(function(){if(!a.props.showTimeSelectOnly)return a.props.showYearPicker?de.default.createElement("div",{className:"react-datepicker__year--container"},a.renderHeader(),de.default.createElement(qr,vt({onDayClick:a.handleDayClick,date:a.state.date},a.props))):void 0})),Dt(bt(a),"renderTimeSection",(function(){if(a.props.showTimeSelect&&(a.state.monthContainer||a.props.showTimeSelectOnly))return de.default.createElement(Ar,{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.handleOnKeyDown,showTimeSelectOnly:a.props.showTimeSelectOnly})})),Dt(bt(a),"renderInputTimeSection",(function(){var e=new Date(a.props.selected),t=Tt(e)&&Boolean(a.props.selected)?"".concat(kr(e.getHours()),":").concat(kr(e.getMinutes())):"";if(a.props.showTimeInput)return de.default.createElement(Wr,{date:e,timeString:t,timeInputLabel:a.props.timeInputLabel,onChange:a.props.onTimeChange,customTimeInput:a.props.customTimeInput})})),a.containerRef=de.default.createRef(),a.state={date:a.getDateInView(),selectingDate:null,monthContainer:null},a}return yt(r,[{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&&!$t(this.props.preSelection,e.preSelection)?this.setState({date:this.props.preSelection}):this.props.openToDate&&!$t(this.props.openToDate,e.openToDate)&&this.setState({date:this.props.openToDate});}},{key:"render",value:function(){var e=this.props.container||Br;return de.default.createElement("div",{ref:this.containerRef},de.default.createElement(e,{className:ce.default("react-datepicker",this.props.className,{"react-datepicker--time-only":this.props.showTimeSelectOnly}),showPopperArrow:this.props.showPopperArrow,arrowProps:this.props.arrowProps},this.renderPreviousButton(),this.renderNextButton(),this.renderMonths(),this.renderYears(),this.renderTodayButton(),this.renderTimeSection(),this.renderInputTimeSection(),this.props.children))}}],[{key:"defaultProps",get:function(){return {onDropdownFocus:function(){},monthsShown:1,monthSelectedIn:0,forceShowMonthNavigation:!1,timeCaption:"Time",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",customTimeInput:null,yearItemNumber:xt}}}]),r}(de.default.Component),jr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),(a=t.call(this,e)).el=document.createElement("div"),a}return yt(r,[{key:"componentDidMount",value:function(){this.portalRoot=(this.props.portalHost||document).getElementById(this.props.portalId),this.portalRoot||(this.portalRoot=document.createElement("div"),this.portalRoot.setAttribute("id",this.props.portalId),(this.props.portalHost||document.body).appendChild(this.portalRoot)),this.portalRoot.appendChild(this.el);}},{key:"componentWillUnmount",value:function(){this.portalRoot.removeChild(this.el);}},{key:"render",value:function(){return dt.default.createPortal(this.props.children,this.el)}}]),r}(de.default.Component),Qr=function(e){return !e.disabled&&-1!==e.tabIndex},Vr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"getTabChildren",(function(){return Array.prototype.slice.call(a.tabLoopRef.current.querySelectorAll("[tabindex], a, button, input, select, textarea"),1,-1).filter(Qr)})),Dt(bt(a),"handleFocusStart",(function(e){var t=a.getTabChildren();t&&t.length>1&&t[t.length-1].focus();})),Dt(bt(a),"handleFocusEnd",(function(e){var t=a.getTabChildren();t&&t.length>1&&t[0].focus();})),a.tabLoopRef=de.default.createRef(),a}return yt(r,[{key:"render",value:function(){return this.props.enableTabLoop?de.default.createElement("div",{className:"react-datepicker__tab-loop",ref:this.tabLoopRef},de.default.createElement("div",{className:"react-datepicker__tab-loop__start",tabIndex:"0",onFocus:this.handleFocusStart}),this.props.children,de.default.createElement("div",{className:"react-datepicker__tab-loop__end",tabIndex:"0",onFocus:this.handleFocusEnd})):this.props.children}}],[{key:"defaultProps",get:function(){return {enableTabLoop:!0}}}]),r}(de.default.Component),Ur=function(e){wt(r,e);var t=Ct(r);function r(){return ht(this,r),t.apply(this,arguments)}return yt(r,[{key:"render",value:function(){var e,t=this.props,r=t.className,a=t.wrapperClassName,n=t.hidePopper,o=t.popperComponent,s=t.popperModifiers,i=t.popperPlacement,p=t.popperProps,l=t.targetComponent,d=t.enableTabLoop,c=t.popperOnKeyDown,u=t.portalId,f=t.portalHost;if(!n){var h=ce.default("react-datepicker-popper",r);e=de.default.createElement(pe.Popper,vt({modifiers:s,placement:i},p),(function(e){var t=e.ref,r=e.style,a=e.placement,n=e.arrowProps;return de.default.createElement(Vr,{enableTabLoop:d},de.default.createElement("div",{ref:t,style:r,className:h,"data-placement":a,onKeyDown:c},de.default.cloneElement(o,{arrowProps:n})))}));}this.props.popperContainer&&(e=de.default.createElement(this.props.popperContainer,{},e)),u&&!n&&(e=de.default.createElement(jr,{portalId:u,portalHost:f},e));var m=ce.default("react-datepicker-wrapper",a);return de.default.createElement(pe.Manager,{className:"react-datepicker-manager"},de.default.createElement(pe.Reference,null,(function(e){var t=e.ref;return de.default.createElement("div",{ref:t,className:m},l)})),e)}}],[{key:"defaultProps",get:function(){return {hidePopper:!0,popperModifiers:[],popperProps:{},popperPlacement:"bottom-start"}}}]),r}(de.default.Component),$r="react-datepicker-ignore-onclickoutside",zr=lt.default(Hr);var Gr="Date input not valid.",Jr=function(e){wt(r,e);var t=Ct(r);function r(e){var a;return ht(this,r),Dt(bt(a=t.call(this,e)),"getPreSelection",(function(){return a.props.openToDate?a.props.openToDate:a.props.selectsEnd&&a.props.startDate?a.props.startDate:a.props.selectsStart&&a.props.endDate?a.props.endDate:Yt()})),Dt(bt(a),"calcInitialState",(function(){var e,t=a.getPreSelection(),r=Dr(a.props),n=vr(a.props),o=r&&nt.default(t,Ve.default(r))?r:n&&at.default(t,Je.default(n))?n:t;return {open:a.props.startOpen||!1,preventFocus:!1,preSelection:null!==(e=a.props.selectsRange?a.props.startDate:a.props.selected)&&void 0!==e?e:o,highlightDates:wr(a.props.highlightDates),focused:!1,shouldFocusDayInline:!1}})),Dt(bt(a),"clearPreventFocusTimeout",(function(){a.preventFocusTimeout&&clearTimeout(a.preventFocusTimeout);})),Dt(bt(a),"setFocus",(function(){a.input&&a.input.focus&&a.input.focus({preventScroll:!0});})),Dt(bt(a),"setBlur",(function(){a.input&&a.input.blur&&a.input.blur(),a.cancelFocusInput();})),Dt(bt(a),"setOpen",(function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];a.setState({open:e,preSelection:e&&a.state.open?a.state.preSelection:a.calcInitialState().preSelection,lastPreSelectChange:Zr},(function(){e||a.setState((function(e){return {focused:!!t&&e.focused}}),(function(){!t&&a.setBlur(),a.setState({inputValue:null});}));}));})),Dt(bt(a),"inputOk",(function(){return ue.default(a.state.preSelection)})),Dt(bt(a),"isCalendarOpen",(function(){return void 0===a.props.open?a.state.open&&!a.props.disabled&&!a.props.readOnly:a.props.open})),Dt(bt(a),"handleFocus",(function(e){a.state.preventFocus||(a.props.onFocus(e),a.props.preventOpenOnFocus||a.props.readOnly||a.setOpen(!0)),a.setState({focused:!0});})),Dt(bt(a),"cancelFocusInput",(function(){clearTimeout(a.inputFocusTimeout),a.inputFocusTimeout=null;})),Dt(bt(a),"deferFocusInput",(function(){a.cancelFocusInput(),a.inputFocusTimeout=setTimeout((function(){return a.setFocus()}),1);})),Dt(bt(a),"handleDropdownFocus",(function(){a.cancelFocusInput();})),Dt(bt(a),"handleBlur",(function(e){(!a.state.open||a.props.withPortal||a.props.showTimeInput)&&a.props.onBlur(e),a.setState({focused:!1});})),Dt(bt(a),"handleCalendarClickOutside",(function(e){a.props.inline||a.setOpen(!1),a.props.onClickOutside(e),a.props.withPortal&&e.preventDefault();})),Dt(bt(a),"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(!a.props.onChangeRaw||(a.props.onChangeRaw.apply(bt(a),t),"function"==typeof n.isDefaultPrevented&&!n.isDefaultPrevented())){a.setState({inputValue:n.target.value,lastPreSelectChange:Xr});var o=It(n.target.value,a.props.dateFormat,a.props.locale,a.props.strictParsing,a.props.minDate);!o&&n.target.value||a.setSelected(o,n,!0);}})),Dt(bt(a),"handleSelect",(function(e,t,r){if(a.setState({preventFocus:!0},(function(){return a.preventFocusTimeout=setTimeout((function(){return a.setState({preventFocus:!1})}),50),a.preventFocusTimeout})),a.props.onChangeRaw&&a.props.onChangeRaw(t),a.setSelected(e,t,!1,r),!a.props.shouldCloseOnSelect||a.props.showTimeSelect)a.setPreSelection(e);else if(!a.props.inline){a.props.selectsRange||a.setOpen(!1);var n=a.props,o=n.startDate,s=n.endDate;!o||s||nt.default(e,o)||a.setOpen(!1);}})),Dt(bt(a),"setSelected",(function(e,t,r,n){var o=e;if(null===o||!rr(o,a.props)){var s=a.props,i=s.onChange,p=s.selectsRange,l=s.startDate,d=s.endDate;if(!zt(a.props.selected,o)||a.props.allowSameDay||p)if(null!==o&&(!a.props.selected||r&&(a.props.showTimeSelect||a.props.showTimeSelectOnly||a.props.showTimeInput)||(o=Ft(o,{hour:Pe.default(a.props.selected),minute:Me.default(a.props.selected),second:_e.default(a.props.selected)})),a.props.inline||a.setState({preSelection:o}),a.props.focusSelectedMonth||a.setState({monthSelectedIn:n})),p){var c=l&&!d,u=l&&d;!l&&!d?i([o,null],t):c&&(nt.default(o,l)?i([o,null],t):i([l,o],t)),u&&i([o,null],t);}else i(o,t);r||(a.props.onSelect(o,t),a.setState({inputValue:null}));}})),Dt(bt(a),"setPreSelection",(function(e){var t=void 0!==a.props.minDate,r=void 0!==a.props.maxDate,n=!0;if(e){var o=Ve.default(e);if(t&&r)n=Gt(e,a.props.minDate,a.props.maxDate);else if(t){var s=Ve.default(a.props.minDate);n=at.default(e,s)||zt(o,s);}else if(r){var i=Je.default(a.props.maxDate);n=nt.default(e,i)||zt(o,i);}}n&&a.setState({preSelection:e});})),Dt(bt(a),"handleTimeChange",(function(e){var t=Ft(a.props.selected?a.props.selected:a.getPreSelection(),{hour:Pe.default(e),minute:Me.default(e)});a.setState({preSelection:t}),a.props.onChange(t),a.props.shouldCloseOnSelect&&a.setOpen(!1),a.props.showTimeInput&&a.setOpen(!0),a.setState({inputValue:null});})),Dt(bt(a),"onInputClick",(function(){a.props.disabled||a.props.readOnly||a.setOpen(!0),a.props.onInputClick();})),Dt(bt(a),"onInputKeyDown",(function(e){a.props.onKeyDown(e);var t=e.key;if(a.state.open||a.props.inline||a.props.preventOpenOnFocus){if(a.state.open){if("ArrowDown"===t||"ArrowUp"===t){e.preventDefault();var r=a.calendar.componentNode&&a.calendar.componentNode.querySelector('.react-datepicker__day[tabindex="0"]');return void(r&&r.focus({preventScroll:!0}))}var n=Yt(a.state.preSelection);"Enter"===t?(e.preventDefault(),a.inputOk()&&a.state.lastPreSelectChange===Zr?(a.handleSelect(n,e),!a.props.shouldCloseOnSelect&&a.setPreSelection(n)):a.setOpen(!1)):"Escape"===t&&(e.preventDefault(),a.setOpen(!1)),a.inputOk()||a.props.onInputError({code:1,msg:Gr});}}else "ArrowDown"!==t&&"ArrowUp"!==t&&"Enter"!==t||a.onInputClick();})),Dt(bt(a),"onDayKeyDown",(function(e){a.props.onKeyDown(e);var t=e.key,r=Yt(a.state.preSelection);if("Enter"===t)e.preventDefault(),a.handleSelect(r,e),!a.props.shouldCloseOnSelect&&a.setPreSelection(r);else if("Escape"===t)e.preventDefault(),a.setOpen(!1),a.inputOk()||a.props.onInputError({code:1,msg:Gr});else if(!a.props.disabledKeyboardNavigation){var n;switch(t){case"ArrowLeft":n=ke.default(r,1);break;case"ArrowRight":n=De.default(r,1);break;case"ArrowUp":n=be.default(r,1);break;case"ArrowDown":n=ve.default(r,1);break;case"PageUp":n=Se.default(r,1);break;case"PageDown":n=we.default(r,1);break;case"Home":n=Ce.default(r,1);break;case"End":n=ge.default(r,1);}if(!n)return void(a.props.onInputError&&a.props.onInputError({code:1,msg:Gr}));if(e.preventDefault(),a.setState({lastPreSelectChange:Zr}),a.props.adjustDateOnChange&&a.setSelected(n),a.setPreSelection(n),a.props.inline){var o=Oe.default(r),s=Oe.default(n),i=Ie.default(r),p=Ie.default(n);o!==s||i!==p?a.setState({shouldFocusDayInline:!0}):a.setState({shouldFocusDayInline:!1});}}})),Dt(bt(a),"onPopperKeyDown",(function(e){"Escape"===e.key&&(e.preventDefault(),a.setState({preventFocus:!0},(function(){a.setOpen(!1),setTimeout((function(){a.setFocus(),a.setState({preventFocus:!1});}));})));})),Dt(bt(a),"onClearClick",(function(e){e&&e.preventDefault&&e.preventDefault(),a.props.selectsRange?a.props.onChange([null,null],e):a.props.onChange(null,e),a.setState({inputValue:null});})),Dt(bt(a),"clear",(function(){a.onClearClick();})),Dt(bt(a),"onScroll",(function(e){"boolean"==typeof a.props.closeOnScroll&&a.props.closeOnScroll?e.target!==document&&e.target!==document.documentElement&&e.target!==document.body||a.setOpen(!1):"function"==typeof a.props.closeOnScroll&&a.props.closeOnScroll(e)&&a.setOpen(!1);})),Dt(bt(a),"renderCalendar",(function(){return a.props.inline||a.isCalendarOpen()?de.default.createElement(zr,{ref:function(e){a.calendar=e;},locale:a.props.locale,calendarStartDay:a.props.calendarStartDay,chooseDayAriaLabelPrefix:a.props.chooseDayAriaLabelPrefix,disabledDayAriaLabelPrefix:a.props.disabledDayAriaLabelPrefix,weekAriaLabelPrefix:a.props.weekAriaLabelPrefix,monthAriaLabelPrefix:a.props.monthAriaLabelPrefix,adjustDateOnChange:a.props.adjustDateOnChange,setOpen:a.setOpen,shouldCloseOnSelect:a.props.shouldCloseOnSelect,dateFormat:a.props.dateFormatCalendar,useWeekdaysShort:a.props.useWeekdaysShort,formatWeekDay:a.props.formatWeekDay,dropdownMode:a.props.dropdownMode,selected:a.props.selected,preSelection:a.state.preSelection,onSelect:a.handleSelect,onWeekSelect:a.props.onWeekSelect,openToDate:a.props.openToDate,minDate:a.props.minDate,maxDate:a.props.maxDate,selectsStart:a.props.selectsStart,selectsEnd:a.props.selectsEnd,selectsRange:a.props.selectsRange,startDate:a.props.startDate,endDate:a.props.endDate,excludeDates:a.props.excludeDates,excludeDateIntervals:a.props.excludeDateIntervals,filterDate:a.props.filterDate,onClickOutside:a.handleCalendarClickOutside,formatWeekNumber:a.props.formatWeekNumber,highlightDates:a.state.highlightDates,includeDates:a.props.includeDates,includeDateIntervals:a.props.includeDateIntervals,includeTimes:a.props.includeTimes,injectTimes:a.props.injectTimes,inline:a.props.inline,shouldFocusDayInline:a.state.shouldFocusDayInline,peekNextMonth:a.props.peekNextMonth,showMonthDropdown:a.props.showMonthDropdown,showPreviousMonths:a.props.showPreviousMonths,useShortMonthInDropdown:a.props.useShortMonthInDropdown,showMonthYearDropdown:a.props.showMonthYearDropdown,showWeekNumbers:a.props.showWeekNumbers,showYearDropdown:a.props.showYearDropdown,withPortal:a.props.withPortal,forceShowMonthNavigation:a.props.forceShowMonthNavigation,showDisabledMonthNavigation:a.props.showDisabledMonthNavigation,scrollableYearDropdown:a.props.scrollableYearDropdown,scrollableMonthYearDropdown:a.props.scrollableMonthYearDropdown,todayButton:a.props.todayButton,weekLabel:a.props.weekLabel,outsideClickIgnoreClass:$r,fixedHeight:a.props.fixedHeight,monthsShown:a.props.monthsShown,monthSelectedIn:a.state.monthSelectedIn,onDropdownFocus:a.handleDropdownFocus,onMonthChange:a.props.onMonthChange,onYearChange:a.props.onYearChange,dayClassName:a.props.dayClassName,weekDayClassName:a.props.weekDayClassName,monthClassName:a.props.monthClassName,timeClassName:a.props.timeClassName,showTimeSelect:a.props.showTimeSelect,showTimeSelectOnly:a.props.showTimeSelectOnly,onTimeChange:a.handleTimeChange,timeFormat:a.props.timeFormat,timeIntervals:a.props.timeIntervals,minTime:a.props.minTime,maxTime:a.props.maxTime,excludeTimes:a.props.excludeTimes,filterTime:a.props.filterTime,timeCaption:a.props.timeCaption,className:a.props.calendarClassName,container:a.props.calendarContainer,yearItemNumber:a.props.yearItemNumber,yearDropdownItemNumber:a.props.yearDropdownItemNumber,previousMonthAriaLabel:a.props.previousMonthAriaLabel,previousMonthButtonLabel:a.props.previousMonthButtonLabel,nextMonthAriaLabel:a.props.nextMonthAriaLabel,nextMonthButtonLabel:a.props.nextMonthButtonLabel,previousYearAriaLabel:a.props.previousYearAriaLabel,previousYearButtonLabel:a.props.previousYearButtonLabel,nextYearAriaLabel:a.props.nextYearAriaLabel,nextYearButtonLabel:a.props.nextYearButtonLabel,timeInputLabel:a.props.timeInputLabel,disabledKeyboardNavigation:a.props.disabledKeyboardNavigation,renderCustomHeader:a.props.renderCustomHeader,popperProps:a.props.popperProps,renderDayContents:a.props.renderDayContents,onDayMouseEnter:a.props.onDayMouseEnter,onMonthMouseLeave:a.props.onMonthMouseLeave,selectsDisabledDaysInRange:a.props.selectsDisabledDaysInRange,showTimeInput:a.props.showTimeInput,showMonthYearPicker:a.props.showMonthYearPicker,showFullMonthYearPicker:a.props.showFullMonthYearPicker,showTwoColumnMonthYearPicker:a.props.showTwoColumnMonthYearPicker,showFourColumnMonthYearPicker:a.props.showFourColumnMonthYearPicker,showYearPicker:a.props.showYearPicker,showQuarterYearPicker:a.props.showQuarterYearPicker,showPopperArrow:a.props.showPopperArrow,excludeScrollbar:a.props.excludeScrollbar,handleOnKeyDown:a.props.onKeyDown,handleOnDayKeyDown:a.onDayKeyDown,isInputFocused:a.state.focused,customTimeInput:a.props.customTimeInput,setPreSelection:a.setPreSelection},a.props.children):null})),Dt(bt(a),"renderDateInput",(function(){var e,t=ce.default(a.props.className,Dt({},$r,a.state.open)),r=a.props.customInput||de.default.createElement("input",{type:"text"}),n=a.props.customInputRef||"ref",o="string"==typeof a.props.value?a.props.value:"string"==typeof a.state.inputValue?a.state.inputValue:a.props.selectsRange?function(e,t,r){if(!e)return "";var a=Rt(e,r),n=t?Rt(t,r):"";return "".concat(a," - ").concat(n)}(a.props.startDate,a.props.endDate,a.props):Rt(a.props.selected,a.props);return de.default.cloneElement(r,(Dt(e={},n,(function(e){a.input=e;})),Dt(e,"value",o),Dt(e,"onBlur",a.handleBlur),Dt(e,"onChange",a.handleChange),Dt(e,"onClick",a.onInputClick),Dt(e,"onFocus",a.handleFocus),Dt(e,"onKeyDown",a.onInputKeyDown),Dt(e,"id",a.props.id),Dt(e,"name",a.props.name),Dt(e,"autoFocus",a.props.autoFocus),Dt(e,"placeholder",a.props.placeholderText),Dt(e,"disabled",a.props.disabled),Dt(e,"autoComplete",a.props.autoComplete),Dt(e,"className",ce.default(r.props.className,t)),Dt(e,"title",a.props.title),Dt(e,"readOnly",a.props.readOnly),Dt(e,"required",a.props.required),Dt(e,"tabIndex",a.props.tabIndex),Dt(e,"aria-describedby",a.props.ariaDescribedBy),Dt(e,"aria-invalid",a.props.ariaInvalid),Dt(e,"aria-labelledby",a.props.ariaLabelledBy),Dt(e,"aria-required",a.props.ariaRequired),e))})),Dt(bt(a),"renderClearButton",(function(){var e=a.props,t=e.isClearable,r=e.selected,n=e.startDate,o=e.endDate,s=e.clearButtonTitle,i=e.clearButtonClassName,p=void 0===i?"":i,l=e.ariaLabelClose,d=void 0===l?"Close":l;return !t||null==r&&null==n&&null==o?null:de.default.createElement("button",{type:"button",className:"react-datepicker__close-icon ".concat(p).trim(),"aria-label":d,onClick:a.onClearClick,title:s,tabIndex:-1})})),a.state=a.calcInitialState(),a}return yt(r,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.onScroll,!0);}},{key:"componentDidUpdate",value:function(e,t){var r,a;e.inline&&(r=e.selected,a=this.props.selected,r&&a?Oe.default(r)!==Oe.default(a)||Ie.default(r)!==Ie.default(a):r!==a)&&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:wr(this.props.highlightDates)}),t.focused||zt(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:"renderInputContainer",value:function(){return de.default.createElement("div",{className:"react-datepicker__input-container"},this.renderDateInput(),this.renderClearButton())}},{key:"render",value:function(){var e=this.renderCalendar();if(this.props.inline)return e;if(this.props.withPortal){var t=this.state.open?de.default.createElement("div",{className:"react-datepicker__portal"},e):null;return this.state.open&&this.props.portalId&&(t=de.default.createElement(jr,{portalId:this.props.portalId,portalHost:this.props.portalHost},t)),de.default.createElement("div",null,this.renderInputContainer(),t)}return de.default.createElement(Ur,{className:this.props.popperClassName,wrapperClassName:this.props.wrapperClassName,hidePopper:!this.isCalendarOpen(),portalId:this.props.portalId,portalHost:this.props.portalHost,popperModifiers:this.props.popperModifiers,targetComponent:this.renderInputContainer(),popperContainer:this.props.popperContainer,popperComponent:e,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,selectsDisabledDaysInRange:!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",previousMonthAriaLabel:"Previous Month",previousMonthButtonLabel:"Previous Month",nextMonthAriaLabel:"Next Month",nextMonthButtonLabel:"Next Month",previousYearAriaLabel:"Previous Year",previousYearButtonLabel:"Previous Year",nextYearAriaLabel:"Next Year",nextYearButtonLabel:"Next Year",timeInputLabel:"Time",enableTabLoop:!0,yearItemNumber:xt,renderDayContents:function(e){return e},focusSelectedMonth:!1,showPopperArrow:!0,excludeScrollbar:!0,customTimeInput:null,calendarStartDay:void 0}}}]),r}(de.default.Component),Xr="input",Zr="navigate";e.CalendarContainer=Br,e.default=Jr,e.getDefaultLocale=Jt,e.registerLocale=function(e,t){var r="undefined"!=typeof window?window:globalThis;r.__localeData__||(r.__localeData__={}),r.__localeData__[e]=t;},e.setDefaultLocale=function(e){("undefined"!=typeof window?window:globalThis).__localeId__=e;},Object.defineProperty(e,"__esModule",{value:!0});}));
|
|
13389
|
+
} (reactDatepicker_min, reactDatepicker_minExports));
|
|
13326
13390
|
|
|
13327
|
-
var DatePicker = /*@__PURE__*/getDefaultExportFromCjs(
|
|
13391
|
+
var DatePicker = /*@__PURE__*/getDefaultExportFromCjs(reactDatepicker_minExports);
|
|
13328
13392
|
|
|
13329
|
-
var css_248z$t = "@charset \"UTF-8\";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:\"\";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:\"\";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2579ba;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:\"×\";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}";
|
|
13330
|
-
styleInject(css_248z$
|
|
13393
|
+
var css_248z$u = "@charset \"UTF-8\";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:\"\";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:\"\";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2579ba;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:\"×\";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}";
|
|
13394
|
+
styleInject(css_248z$u);
|
|
13331
13395
|
|
|
13332
|
-
var css_248z$
|
|
13396
|
+
var css_248z$t = ".datePicker-module_ReactDatePicker__isczD{display:flex;flex-direction:column;max-width:250px;position:relative;width:100%}.datePicker-module_dateLabel__sVIAX{color:#6f6f6f;font-family:Equinor;font-size:.75rem;font-weight:400;line-height:1.333em;margin-bottom:0;position:relative;text-align:left}.datePicker-module_dateInput__NkIj-{background-color:#f7f7f7!important;box-shadow:inset 0 -1px 0 0 #6f6f6f;display:inline-block;height:36px;width:100%}.datePicker-module_calendarIcon__E-K4F{bottom:-28px;color:#616161;cursor:pointer;height:20px;position:absolute;right:12px;width:20px;z-index:1}.datePicker-module_closeIcon__28ALq{color:#616161;cursor:pointer;height:20px!important;width:20px!important;z-index:1}.datePicker-module_clearDateValue__FIR6W{bottom:4px;cursor:pointer;height:30px!important;position:absolute!important;right:9px;width:30px!important}";
|
|
13333
13397
|
var style$6 = {"ReactDatePicker":"datePicker-module_ReactDatePicker__isczD","dateLabel":"datePicker-module_dateLabel__sVIAX","dateInput":"datePicker-module_dateInput__NkIj-","calendarIcon":"datePicker-module_calendarIcon__E-K4F","closeIcon":"datePicker-module_closeIcon__28ALq","clearDateValue":"datePicker-module_clearDateValue__FIR6W"};
|
|
13334
|
-
styleInject(css_248z$
|
|
13398
|
+
styleInject(css_248z$t);
|
|
13335
13399
|
|
|
13336
|
-
var css_248z$
|
|
13400
|
+
var css_248z$s = ".popupHeader-module_popupHeader__J9YNu{align-items:center;column-gap:16px;display:grid;grid-template-columns:20px auto auto 20px;max-width:250px;padding:24px 20px;width:100%}.popupHeader-module_iconButton__gb7xJ{color:#006f79;height:20px;line-height:0;margin:0;padding:0;text-align:center;width:20px}.popupHeader-module_todayLabel__EkrgU{color:#006f79;cursor:pointer;text-align:right}";
|
|
13337
13401
|
var style$5 = {"popupHeader":"popupHeader-module_popupHeader__J9YNu","iconButton":"popupHeader-module_iconButton__gb7xJ","todayLabel":"popupHeader-module_todayLabel__EkrgU"};
|
|
13338
|
-
styleInject(css_248z$
|
|
13402
|
+
styleInject(css_248z$s);
|
|
13339
13403
|
|
|
13340
13404
|
var PopupHeader = function PopupHeader(_ref) {
|
|
13341
13405
|
var date = _ref.date,
|
|
@@ -13381,10 +13445,10 @@ var PopupHeader = function PopupHeader(_ref) {
|
|
|
13381
13445
|
})));
|
|
13382
13446
|
};
|
|
13383
13447
|
|
|
13384
|
-
var css_248z$
|
|
13385
|
-
styleInject(css_248z$
|
|
13448
|
+
var css_248z$r = ".EDSPicker .react-datepicker{font-family:Equinor!important}.EDSPicker .react-datepicker__header{background-color:#fff;border-bottom:none;line-height:48px;min-height:48px}.EDSPicker .react-datepicker__navigation--next,.EDSPicker .react-datepicker__navigation--previous{min-height:48px;right:8px;top:6px}.react-datepicker__navigation-icon:before{border-color:var(--asBuilt)}.EDSPicker .react-datepicker__current-month{font-weight:500}.EDSPicker .react-datepicker__day-names{border-top:1px solid #ececec;margin:10px 0 0;padding:10px 0 0;text-align:center}.EDSPicker .react-datepicker__day-name{color:#6f6f6f;font-size:11px;line-height:unset;visibility:hidden;width:35px}.EDSPicker .react-datepicker__day-name:first-letter{visibility:visible}.EDSPicker .react-datepicker__day{color:#007079;font-weight:500;line-height:35px;width:35px}.EDSPicker .react-datepicker__day--selected,.EDSPicker .react-datepicker__month-text--keyboard-selected,.EDSPicker .react-datepicker__quarter-text--keyboard-selected,.EDSPicker .react-datepicker__year-text--keyboard-selected{background-color:#007079;color:#fff}.EDSPicker .react-datepicker__day--keyboard-selected{background-color:unset}.EDSPicker .react-datepicker__day--disabled{color:#ccc}.EDSPicker .react-datepicker-popper{z-index:4!important}.react-datepicker__time-container{border:none;float:left;padding-top:8px;width:100%}.react-datepicker__header--time{padding:0 16px;text-align:left;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{padding:0 8px;text-align:left;width:100%}";
|
|
13449
|
+
styleInject(css_248z$r);
|
|
13386
13450
|
|
|
13387
|
-
|
|
13451
|
+
reactDatepicker_minExports.registerLocale('en-gb', enGb);
|
|
13388
13452
|
var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
13389
13453
|
var label = _ref.label,
|
|
13390
13454
|
value = _ref.value,
|
|
@@ -13459,9 +13523,9 @@ var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
|
13459
13523
|
})));
|
|
13460
13524
|
};
|
|
13461
13525
|
|
|
13462
|
-
var css_248z$
|
|
13463
|
-
var styles$
|
|
13464
|
-
styleInject(css_248z$
|
|
13526
|
+
var css_248z$q = ".dialogGenerator-module_footer__h-ido{box-sizing:border-box;display:flex;justify-content:flex-end;width:100%}.dialogGenerator-module_footer__h-ido button:nth-child(2){margin:0 0 0 15px}";
|
|
13527
|
+
var styles$l = {"footer":"dialogGenerator-module_footer__h-ido"};
|
|
13528
|
+
styleInject(css_248z$q);
|
|
13465
13529
|
|
|
13466
13530
|
/**
|
|
13467
13531
|
* Component that renders a dialog box based on input properties
|
|
@@ -13493,7 +13557,7 @@ var DialogGenerator = function DialogGenerator(_ref) {
|
|
|
13493
13557
|
return _onClose && _onClose();
|
|
13494
13558
|
}
|
|
13495
13559
|
}, /*#__PURE__*/React__default.createElement(Dialog.Header, null, /*#__PURE__*/React__default.createElement(Dialog.Title, null, title)), /*#__PURE__*/React__default.createElement(Dialog.CustomContent, null, children), actionButtons.length > 0 && /*#__PURE__*/React__default.createElement(Dialog.Actions, {
|
|
13496
|
-
className: styles$
|
|
13560
|
+
className: styles$l.footer
|
|
13497
13561
|
}, actionButtons.map(function (actionButton, index) {
|
|
13498
13562
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
13499
13563
|
key: index,
|
|
@@ -13504,8 +13568,8 @@ var DialogGenerator = function DialogGenerator(_ref) {
|
|
|
13504
13568
|
})));
|
|
13505
13569
|
};
|
|
13506
13570
|
|
|
13507
|
-
function _extends$
|
|
13508
|
-
_extends$
|
|
13571
|
+
function _extends$e() {
|
|
13572
|
+
_extends$e = Object.assign ? Object.assign.bind() : function (target) {
|
|
13509
13573
|
for (var i = 1; i < arguments.length; i++) {
|
|
13510
13574
|
var source = arguments[i];
|
|
13511
13575
|
for (var key in source) {
|
|
@@ -13516,7 +13580,7 @@ function _extends$d() {
|
|
|
13516
13580
|
}
|
|
13517
13581
|
return target;
|
|
13518
13582
|
};
|
|
13519
|
-
return _extends$
|
|
13583
|
+
return _extends$e.apply(this, arguments);
|
|
13520
13584
|
}
|
|
13521
13585
|
|
|
13522
13586
|
function _assertThisInitialized(self) {
|
|
@@ -14060,7 +14124,7 @@ function createListComponent(_ref) {
|
|
|
14060
14124
|
className: className,
|
|
14061
14125
|
onScroll: onScroll,
|
|
14062
14126
|
ref: this._outerRefSetter,
|
|
14063
|
-
style: _extends$
|
|
14127
|
+
style: _extends$e({
|
|
14064
14128
|
position: 'relative',
|
|
14065
14129
|
height: height,
|
|
14066
14130
|
width: width,
|
|
@@ -14426,12 +14490,12 @@ var VariableSizeList = /*#__PURE__*/createListComponent({
|
|
|
14426
14490
|
}
|
|
14427
14491
|
});
|
|
14428
14492
|
|
|
14429
|
-
var css_248z$
|
|
14430
|
-
var styles$
|
|
14431
|
-
styleInject(css_248z$
|
|
14493
|
+
var css_248z$p = ".dropdown-module_dropdownToggleHome__j-1Iw{align-items:center;background-color:var(--dropDownButtonBackground);border:1px solid var(--equiGreen1);color:var(--echoText);display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin:2.5rem 0;min-width:224px;padding:.5rem;text-align:left;width:auto}@media screen and (min-width:640px){.dropdown-module_dropdownToggleHome__j-1Iw{margin:0}}.dropdown-module_dropdownToggleHome__j-1Iw+.dropdown-module_dropdownDownShow__udQxQ{background:var(--white);box-shadow:0 7px 8px rgba(0,0,0,.2),0 5px 22px rgba(0,0,0,.12),0 12px 17px rgba(0,0,0,.14);display:flex;flex-direction:column;max-height:50vh;max-width:25rem;min-width:170px;padding:var(--small) var(--small) 0 var(--small);position:absolute;width:100%!important;z-index:60}@media screen and (min-width:360px){.dropdown-module_dropdownToggleHome__j-1Iw+.dropdown-module_dropdownDownShow__udQxQ{max-height:60vh}}@media screen and (min-width:640px){.dropdown-module_dropdownSelected__qAhjn{line-height:56px}.dropdown-module_dropdownSelected__qAhjn>svg{height:56px}}.dropdown-module_dropdownSelected__qAhjn{background:none;border:1px solid transparent;font-size:1.5rem;margin:0}.dropdown-module_dropdownToggleHomeActive__-gnJa{background-color:var(--equiGray4);border:1px solid var(--equiGreen1);outline:none}.dropdown-module_dropdownToggleHome__j-1Iw:disabled{color:var(--disabledColor);cursor:not-allowed}.dropdown-module_dropdownToggle__2epO-{align-items:center;background-color:var(--equiGray5);border:none;color:var(--echoText);display:flex;justify-content:space-between;padding:8px;text-align:left;width:100%}.dropdown-module_dropdownToggle__2epO-:focus{border:1px solid var(--asBuilt);outline:none;padding:7px}.dropdown-module_dropdownToggle__2epO-:disabled{color:var(--disabledColor);cursor:not-allowed}.dropdown-module_dropdown__dEzjq{background:var(--searchBarBackground);display:none;margin-top:8px;max-height:0;transition:max-height .15s ease-out}.dropdown-module_dropdownUpShow__ybf1P{bottom:calc(100% - 14px);box-shadow:0 -7px 8px rgba(0,0,0,.2),0 -5px 22px rgba(0,0,0,.12),0 -12px 17px rgba(0,0,0,.14)}.dropdown-module_dropdownDownShow__udQxQ,.dropdown-module_dropdownUpShow__ybf1P{background:#fff;display:flex;flex-direction:column;max-height:60vh;padding:var(--small) var(--small) 0 var(--small);position:absolute}.dropdown-module_dropdownDownShow__udQxQ{box-shadow:0 7px 8px rgba(0,0,0,.2),0 5px 22px rgba(0,0,0,.12),0 12px 17px rgba(0,0,0,.14);max-width:25rem;min-width:170px;z-index:60}.dropdown-module_options__MZIK7{min-width:99%}.dropdown-module_optionsItem__taZ-w{background:transparent;border:none;box-sizing:border-box;color:var(--echoText);padding:0 var(--small);padding-left:var(--medium);text-align:left;white-space:normal;width:100%;word-break:break-word}.dropdown-module_optionsItem__taZ-w:focus,.dropdown-module_optionsItem__taZ-w:hover{background-color:#e6faec;color:var(--asBuilt)}.dropdown-module_optionsItem__taZ-w:focus{border:1px solid var(--asBuilt);box-sizing:border-box}.dropdown-module_filteredDataList__mf4zQ{margin-bottom:var(--small);max-height:300px;overflow-y:auto}.dropdown-module_filteredDataListWithSearch__u9ue2{margin-bottom:var(--small);max-height:200px;overflow-y:auto}@media screen and (min-width:360px){.dropdown-module_filteredDataListWithSearch__u9ue2{max-height:300px}}.dropdown-module_searchWrapper__ov0ck{padding:var(--medium)}.dropdown-module_searchWrapper__ov0ck input{outline:none!important}.dropdown-module_floatRight__0lnYV{float:right}";
|
|
14494
|
+
var styles$k = {"dropdownToggleHome":"dropdown-module_dropdownToggleHome__j-1Iw","dropdownDownShow":"dropdown-module_dropdownDownShow__udQxQ","dropdownSelected":"dropdown-module_dropdownSelected__qAhjn","dropdownToggleHomeActive":"dropdown-module_dropdownToggleHomeActive__-gnJa","dropdownToggle":"dropdown-module_dropdownToggle__2epO-","dropdown":"dropdown-module_dropdown__dEzjq","dropdownUpShow":"dropdown-module_dropdownUpShow__ybf1P","options":"dropdown-module_options__MZIK7","optionsItem":"dropdown-module_optionsItem__taZ-w","filteredDataList":"dropdown-module_filteredDataList__mf4zQ","filteredDataListWithSearch":"dropdown-module_filteredDataListWithSearch__u9ue2","searchWrapper":"dropdown-module_searchWrapper__ov0ck","floatRight":"dropdown-module_floatRight__0lnYV"};
|
|
14495
|
+
styleInject(css_248z$p);
|
|
14432
14496
|
|
|
14433
14497
|
var _EchoUtils$Hooks = EchoUtils.Hooks,
|
|
14434
|
-
useFocus = _EchoUtils$Hooks.useFocus,
|
|
14498
|
+
useFocus$1 = _EchoUtils$Hooks.useFocus,
|
|
14435
14499
|
useOnOutsideClick = _EchoUtils$Hooks.useOnOutsideClick;
|
|
14436
14500
|
var generateRandomId = EchoUtils.Utils.generateRandomId;
|
|
14437
14501
|
/**
|
|
@@ -14551,8 +14615,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14551
14615
|
}, [filteredData]);
|
|
14552
14616
|
var RenderDropdown = function RenderDropdown() {
|
|
14553
14617
|
var _a, _b;
|
|
14554
|
-
var dropdownShow = openDownWards ? styles$
|
|
14555
|
-
var _useFocus = useFocus(),
|
|
14618
|
+
var dropdownShow = openDownWards ? styles$k.dropdownDownShow : styles$k.dropdownUpShow;
|
|
14619
|
+
var _useFocus = useFocus$1(),
|
|
14556
14620
|
_useFocus2 = _slicedToArray(_useFocus, 2),
|
|
14557
14621
|
searchInput = _useFocus2[0],
|
|
14558
14622
|
setFocus = _useFocus2[1];
|
|
@@ -14569,12 +14633,12 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14569
14633
|
key: index,
|
|
14570
14634
|
role: "option",
|
|
14571
14635
|
"aria-selected": false,
|
|
14572
|
-
className: styles$
|
|
14636
|
+
className: styles$k.options,
|
|
14573
14637
|
onClick: function onClick(event) {
|
|
14574
14638
|
return handleItemSelected(event, filteredData[index]);
|
|
14575
14639
|
}
|
|
14576
14640
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14577
|
-
className: styles$
|
|
14641
|
+
className: styles$k.optionsItem
|
|
14578
14642
|
}, filteredData[index]));
|
|
14579
14643
|
};
|
|
14580
14644
|
var getItemSize = function getItemSize(index) {
|
|
@@ -14591,16 +14655,16 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14591
14655
|
width: buttonRef && buttonRef.current && ((_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) ? "".concat((_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth, "px") : '100%',
|
|
14592
14656
|
position: position
|
|
14593
14657
|
},
|
|
14594
|
-
className: isOpen ? dropdownShow : styles$
|
|
14658
|
+
className: isOpen ? dropdownShow : styles$k.dropdown
|
|
14595
14659
|
}, showSearch && /*#__PURE__*/React__default.createElement("div", {
|
|
14596
|
-
className: styles$
|
|
14660
|
+
className: styles$k.searchWrapper
|
|
14597
14661
|
}, /*#__PURE__*/React__default.createElement(Search, {
|
|
14598
14662
|
onChange: handleSetFilter,
|
|
14599
14663
|
value: filter,
|
|
14600
14664
|
ref: searchInput,
|
|
14601
14665
|
placeholder: 'Search'
|
|
14602
14666
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
14603
|
-
className: filterFunc ? styles$
|
|
14667
|
+
className: filterFunc ? styles$k.filteredDataListWithSearch : styles$k.filteredDataList
|
|
14604
14668
|
}, isOpen && filteredData ? /*#__PURE__*/React__default.createElement(VariableSizeList, {
|
|
14605
14669
|
ref: listRef,
|
|
14606
14670
|
width: width,
|
|
@@ -14614,7 +14678,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14614
14678
|
"data-testid": "dropdown-button",
|
|
14615
14679
|
disabled: isDisabled,
|
|
14616
14680
|
ref: buttonRef,
|
|
14617
|
-
className: [variant === 'compact' ? styles$
|
|
14681
|
+
className: [variant === 'compact' ? styles$k.dropdownToggleHome : styles$k.dropdownToggle, variant === 'compact' && isOpen === true ? styles$k.dropdownToggleHomeActive : '', variant === 'compact' && selected ? styles$k.dropdownSelected : ''].join(' '),
|
|
14618
14682
|
onClick: function onClick(event) {
|
|
14619
14683
|
return handleIsOpenToggle(event);
|
|
14620
14684
|
},
|
|
@@ -14629,24 +14693,24 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14629
14693
|
})), openDownWards && RenderDropdown());
|
|
14630
14694
|
};
|
|
14631
14695
|
|
|
14632
|
-
var css_248z$
|
|
14633
|
-
var styles$
|
|
14634
|
-
styleInject(css_248z$
|
|
14696
|
+
var css_248z$o = ".echoBottomBar-module_barWrapper__fze7V{display:flex;justify-content:space-between}.echoBottomBar-module_barContainer__E1ga8{align-items:center;background-color:#fff;display:flex;height:48px;justify-content:center;width:100%;z-index:1}@media screen and (orientation:portrait){.echoBottomBar-module_barContainer__E1ga8{border-top:1px solid var(--default)}}@media screen and (orientation:landscape){.echoBottomBar-module_barWrapper__fze7V{height:100%;width:56px}.echoBottomBar-module_barContainer__E1ga8{border-right:1px solid var(--default);flex-direction:column;height:100%;width:56px}}";
|
|
14697
|
+
var styles$j = {"barWrapper":"echoBottomBar-module_barWrapper__fze7V","barContainer":"echoBottomBar-module_barContainer__E1ga8"};
|
|
14698
|
+
styleInject(css_248z$o);
|
|
14635
14699
|
|
|
14636
14700
|
var EchoBottomBar = function EchoBottomBar(_ref) {
|
|
14637
14701
|
var children = _ref.children,
|
|
14638
14702
|
style = _ref.style;
|
|
14639
14703
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14640
|
-
className: styles$
|
|
14704
|
+
className: styles$j.barWrapper
|
|
14641
14705
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14642
|
-
className: styles$
|
|
14706
|
+
className: styles$j.barContainer,
|
|
14643
14707
|
style: style
|
|
14644
14708
|
}, children));
|
|
14645
14709
|
};
|
|
14646
14710
|
|
|
14647
|
-
var css_248z$
|
|
14711
|
+
var css_248z$n = ".echoCard-module_cardContainer__s5ER9{background:var(--white);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.14),0 3px 4px rgba(0,0,0,.12);display:grid;grid-template-areas:\"date header\" \"date custom\" \"link link\";max-width:400px;overflow:hidden}.echoCard-module_titleSection__H5rYq{align-items:center;display:flex;grid-area:header;justify-content:space-between;padding:16px}.echoCard-module_titlePadding__hdzJs{padding:4px 16px}.echoCard-module_tileHeaderTitle__W0byt{color:var(--asBuilt);text-decoration:underline}.echoCard-module_iconContainer__PFGGY{display:flex}.echoCard-module_iconContainer__PFGGY>div{align-self:center;height:100%}.echoCard-module_dayOfMonth__olic3{font-size:32px;font-weight:500}.echoCard-module_dateSection__fqMCX{background-color:var(--asBuilt);color:#fff;grid-area:date;padding:16px 8px;text-align:center;width:72px}.echoCard-module_dateSection__fqMCX>span,.echoCard-module_dayOfMonth__olic3{color:#fff!important}.echoCard-module_monthText__vqKbw{font-size:14px}.echoCard-module_dateSection__fqMCX>span{font-size:10px;letter-spacing:1.1px;line-height:16px;margin-bottom:8px;text-transform:uppercase}.echoCard-module_date__jAsO6{display:flex;flex-direction:column}.echoCard-module_body__aax8l{grid-area:custom;padding:0 16px 16px}.echoCard-module_bodyText__Oq5UW,.echoCard-module_body__aax8l>div{vertical-align:top;word-break:break-all}.echoCard-module_bodyText__Oq5UW{height:48px;margin-block-end:0;margin-block-start:0;overflow:hidden;width:calc(100% - 32px)}.echoCard-module_childrenWrapper__kfDmU{grid-area:custom}.echoCard-module_linkSection__-muDW{align-items:center;background-color:var(--equiGray5);display:flex;grid-area:link;min-height:48px;padding:0 16px}.echoCard-module_linkSection__-muDW>button,.echoCard-module_linkSection__-muDW>div,.echoCard-module_linkSection__-muDW>span,.echoCard-module_linkSection__-muDW>svg{margin-right:8px}";
|
|
14648
14712
|
var style$4 = {"cardContainer":"echoCard-module_cardContainer__s5ER9","titleSection":"echoCard-module_titleSection__H5rYq","titlePadding":"echoCard-module_titlePadding__hdzJs","tileHeaderTitle":"echoCard-module_tileHeaderTitle__W0byt","iconContainer":"echoCard-module_iconContainer__PFGGY","dayOfMonth":"echoCard-module_dayOfMonth__olic3","dateSection":"echoCard-module_dateSection__fqMCX","monthText":"echoCard-module_monthText__vqKbw","date":"echoCard-module_date__jAsO6","body":"echoCard-module_body__aax8l","bodyText":"echoCard-module_bodyText__Oq5UW","childrenWrapper":"echoCard-module_childrenWrapper__kfDmU","linkSection":"echoCard-module_linkSection__-muDW"};
|
|
14649
|
-
styleInject(css_248z$
|
|
14713
|
+
styleInject(css_248z$n);
|
|
14650
14714
|
|
|
14651
14715
|
var Body = function Body(_ref) {
|
|
14652
14716
|
var bodyText = _ref.bodyText,
|
|
@@ -14718,10 +14782,74 @@ var LinkSection = function LinkSection(_ref) {
|
|
|
14718
14782
|
}, children, linkActionSection);
|
|
14719
14783
|
};
|
|
14720
14784
|
|
|
14721
|
-
var
|
|
14785
|
+
var definePropertyExports = {};
|
|
14786
|
+
var defineProperty = {
|
|
14787
|
+
get exports(){ return definePropertyExports; },
|
|
14788
|
+
set exports(v){ definePropertyExports = v; },
|
|
14789
|
+
};
|
|
14790
|
+
|
|
14791
|
+
var toPropertyKeyExports = {};
|
|
14792
|
+
var toPropertyKey = {
|
|
14793
|
+
get exports(){ return toPropertyKeyExports; },
|
|
14794
|
+
set exports(v){ toPropertyKeyExports = v; },
|
|
14795
|
+
};
|
|
14796
|
+
|
|
14797
|
+
var _typeofExports = {};
|
|
14798
|
+
var _typeof$2 = {
|
|
14799
|
+
get exports(){ return _typeofExports; },
|
|
14800
|
+
set exports(v){ _typeofExports = v; },
|
|
14801
|
+
};
|
|
14802
|
+
|
|
14803
|
+
(function (module) {
|
|
14804
|
+
function _typeof(obj) {
|
|
14805
|
+
"@babel/helpers - typeof";
|
|
14806
|
+
|
|
14807
|
+
return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
14808
|
+
return typeof obj;
|
|
14809
|
+
} : function (obj) {
|
|
14810
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
14811
|
+
}, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
|
|
14812
|
+
}
|
|
14813
|
+
module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
14814
|
+
} (_typeof$2));
|
|
14815
|
+
|
|
14816
|
+
var _typeof$1 = /*@__PURE__*/getDefaultExportFromCjs(_typeofExports);
|
|
14817
|
+
|
|
14818
|
+
var toPrimitiveExports = {};
|
|
14819
|
+
var toPrimitive = {
|
|
14820
|
+
get exports(){ return toPrimitiveExports; },
|
|
14821
|
+
set exports(v){ toPrimitiveExports = v; },
|
|
14822
|
+
};
|
|
14823
|
+
|
|
14824
|
+
(function (module) {
|
|
14825
|
+
var _typeof = _typeofExports["default"];
|
|
14826
|
+
function _toPrimitive(input, hint) {
|
|
14827
|
+
if (_typeof(input) !== "object" || input === null) return input;
|
|
14828
|
+
var prim = input[Symbol.toPrimitive];
|
|
14829
|
+
if (prim !== undefined) {
|
|
14830
|
+
var res = prim.call(input, hint || "default");
|
|
14831
|
+
if (_typeof(res) !== "object") return res;
|
|
14832
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
14833
|
+
}
|
|
14834
|
+
return (hint === "string" ? String : Number)(input);
|
|
14835
|
+
}
|
|
14836
|
+
module.exports = _toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
14837
|
+
} (toPrimitive));
|
|
14838
|
+
|
|
14839
|
+
(function (module) {
|
|
14840
|
+
var _typeof = _typeofExports["default"];
|
|
14841
|
+
var toPrimitive = toPrimitiveExports;
|
|
14842
|
+
function _toPropertyKey(arg) {
|
|
14843
|
+
var key = toPrimitive(arg, "string");
|
|
14844
|
+
return _typeof(key) === "symbol" ? key : String(key);
|
|
14845
|
+
}
|
|
14846
|
+
module.exports = _toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
14847
|
+
} (toPropertyKey));
|
|
14722
14848
|
|
|
14723
14849
|
(function (module) {
|
|
14850
|
+
var toPropertyKey = toPropertyKeyExports;
|
|
14724
14851
|
function _defineProperty(obj, key, value) {
|
|
14852
|
+
key = toPropertyKey(key);
|
|
14725
14853
|
if (key in obj) {
|
|
14726
14854
|
Object.defineProperty(obj, key, {
|
|
14727
14855
|
value: value,
|
|
@@ -14737,7 +14865,7 @@ var defineProperty = {exports: {}};
|
|
|
14737
14865
|
module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
14738
14866
|
} (defineProperty));
|
|
14739
14867
|
|
|
14740
|
-
var _defineProperty$1 = /*@__PURE__*/getDefaultExportFromCjs(
|
|
14868
|
+
var _defineProperty$1 = /*@__PURE__*/getDefaultExportFromCjs(definePropertyExports);
|
|
14741
14869
|
|
|
14742
14870
|
var Title = function Title(_ref) {
|
|
14743
14871
|
var headerTitle = _ref.headerTitle,
|
|
@@ -14784,9 +14912,9 @@ EchoCard.Body = Body;
|
|
|
14784
14912
|
EchoCard.LinkSection = LinkSection;
|
|
14785
14913
|
EchoCard.DateSection = DateSection;
|
|
14786
14914
|
|
|
14787
|
-
var css_248z$
|
|
14788
|
-
var styles$
|
|
14789
|
-
styleInject(css_248z$
|
|
14915
|
+
var css_248z$m = ".echoHeader-module_headerWrapper__1aaPR{background-color:#fff;border-bottom:1px solid var(--equiGray5);display:flex;justify-content:space-between;left:0;padding:8px 88px;position:fixed;right:0;top:0;z-index:1}.echoHeader-module_headerContainer__jHC0e{align-items:center;display:flex;height:47px}.echoHeader-module_moduleIcon__-U7mU{width:48px}.echoHeader-module_titleSection__macuj{align-items:baseline;display:flex;flex-direction:row;width:100%}.echoHeader-module_titleSection__macuj>h2{font-weight:500;margin:0}.echoHeader-module_titleSection__macuj>div,.echoHeader-module_titleSection__macuj>h2{display:inline-block;font-size:16px;line-height:16px;width:auto}.echoHeader-module_moduleTextTitle__CiJzX,.echoHeader-module_plantName__eNNEy{padding-left:8px}.echoHeader-module_customSection__gGG2C{align-items:center;display:flex}";
|
|
14916
|
+
var styles$i = {"headerWrapper":"echoHeader-module_headerWrapper__1aaPR","headerContainer":"echoHeader-module_headerContainer__jHC0e","moduleIcon":"echoHeader-module_moduleIcon__-U7mU","titleSection":"echoHeader-module_titleSection__macuj","moduleTextTitle":"echoHeader-module_moduleTextTitle__CiJzX","plantName":"echoHeader-module_plantName__eNNEy","customSection":"echoHeader-module_customSection__gGG2C"};
|
|
14917
|
+
styleInject(css_248z$m);
|
|
14790
14918
|
|
|
14791
14919
|
/**
|
|
14792
14920
|
* Component that renders the Echo header
|
|
@@ -14809,127 +14937,2117 @@ var EchoHeader = function EchoHeader(_ref) {
|
|
|
14809
14937
|
var CustomSection = customHeaderSection;
|
|
14810
14938
|
var ModuleIcon = moduleIcon;
|
|
14811
14939
|
return /*#__PURE__*/React__default.createElement("header", {
|
|
14812
|
-
className: styles$
|
|
14940
|
+
className: styles$i.headerWrapper
|
|
14813
14941
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14814
|
-
className: styles$
|
|
14942
|
+
className: styles$i.headerContainer
|
|
14815
14943
|
}, typeof ModuleIcon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
14816
|
-
className: styles$
|
|
14944
|
+
className: styles$i.moduleIcon,
|
|
14817
14945
|
name: ModuleIcon,
|
|
14818
14946
|
color: themeConst.asBuilt
|
|
14819
14947
|
}) : /*#__PURE__*/React__default.createElement(ModuleIcon, null), /*#__PURE__*/React__default.createElement("div", {
|
|
14820
|
-
className: styles$
|
|
14948
|
+
className: styles$i.titleSection
|
|
14821
14949
|
}, /*#__PURE__*/React__default.createElement("h2", {
|
|
14822
|
-
className: styles$
|
|
14950
|
+
className: styles$i.moduleTextTitle
|
|
14823
14951
|
}, moduleTitle), plantName && /*#__PURE__*/React__default.createElement("div", {
|
|
14824
|
-
className: styles$
|
|
14952
|
+
className: styles$i.plantName
|
|
14825
14953
|
}, '- ' + plantName))), /*#__PURE__*/React__default.createElement("div", {
|
|
14826
|
-
className: styles$
|
|
14954
|
+
className: styles$i.customSection
|
|
14827
14955
|
}, CustomSection && /*#__PURE__*/React__default.createElement(CustomSection, null)));
|
|
14828
14956
|
};
|
|
14829
14957
|
|
|
14830
|
-
|
|
14831
|
-
|
|
14832
|
-
|
|
14958
|
+
/******************************************************************************
|
|
14959
|
+
Copyright (c) Microsoft Corporation.
|
|
14960
|
+
|
|
14961
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
14962
|
+
purpose with or without fee is hereby granted.
|
|
14963
|
+
|
|
14964
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
14965
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
14966
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
14967
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
14968
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
14969
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14970
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
14971
|
+
***************************************************************************** */
|
|
14972
|
+
|
|
14973
|
+
function __rest(s, e) {
|
|
14974
|
+
var t = {};
|
|
14975
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
14976
|
+
t[p] = s[p];
|
|
14977
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
14978
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
14979
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
14980
|
+
t[p[i]] = s[p[i]];
|
|
14981
|
+
}
|
|
14982
|
+
return t;
|
|
14983
|
+
}
|
|
14833
14984
|
|
|
14834
|
-
var
|
|
14835
|
-
|
|
14836
|
-
|
|
14837
|
-
|
|
14838
|
-
|
|
14839
|
-
|
|
14840
|
-
|
|
14841
|
-
|
|
14985
|
+
function t(t){return t.split("-")[1]}function e(t){return "y"===t?"height":"width"}function n$1(t){return t.split("-")[0]}function o$1(t){return ["top","bottom"].includes(n$1(t))?"x":"y"}function i$1(i,r,a){let{reference:l,floating:s}=i;const c=l.x+l.width/2-s.width/2,f=l.y+l.height/2-s.height/2,u=o$1(r),m=e(u),g=l[m]/2-s[m]/2,d="x"===u;let p;switch(n$1(r)){case"top":p={x:c,y:l.y-s.height};break;case"bottom":p={x:c,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:f};break;case"left":p={x:l.x-s.width,y:f};break;default:p={x:l.x,y:l.y};}switch(t(r)){case"start":p[u]-=g*(a&&d?-1:1);break;case"end":p[u]+=g*(a&&d?-1:1);}return p}const r$1=async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:a=[],platform:l}=n,s=a.filter(Boolean),c=await(null==l.isRTL?void 0:l.isRTL(e));let f=await l.getElementRects({reference:t,floating:e,strategy:r}),{x:u,y:m}=i$1(f,o,c),g=o,d={},p=0;for(let n=0;n<s.length;n++){const{name:a,fn:h}=s[n],{x:y,y:x,data:w,reset:v}=await h({x:u,y:m,initialPlacement:o,placement:g,strategy:r,middlewareData:d,rects:f,platform:l,elements:{reference:t,floating:e}});u=null!=y?y:u,m=null!=x?x:m,d={...d,[a]:{...d[a],...w}},v&&p<=50&&(p++,"object"==typeof v&&(v.placement&&(g=v.placement),v.rects&&(f=!0===v.rects?await l.getElementRects({reference:t,floating:e,strategy:r}):v.rects),({x:u,y:m}=i$1(f,g,c))),n=-1);}return {x:u,y:m,placement:g,strategy:r,middlewareData:d}};function a$1(t){return "number"!=typeof t?function(t){return {top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function l$1(t){return {...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function s$1(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:r,rects:s,elements:c,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:m="viewport",elementContext:g="floating",altBoundary:d=!1,padding:p=0}=e,h=a$1(p),y=c[d?"floating"===g?"reference":"floating":g],x=l$1(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(y)))||n?y:y.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(c.floating)),boundary:u,rootBoundary:m,strategy:f})),w="floating"===g?{...s.floating,x:o,y:i}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(c.floating)),b=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},R=l$1(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:v,strategy:f}):w);return {top:(x.top-R.top+h.top)/b.y,bottom:(R.bottom-x.bottom+h.bottom)/b.y,left:(x.left-R.left+h.left)/b.x,right:(R.right-x.right+h.right)/b.x}}const c$1=Math.min,f$1=Math.max;function u$1(t,e,n){return f$1(t,c$1(e,n))}const g$1=["top","right","bottom","left"];g$1.reduce(((t,e)=>t.concat(e,e+"-start",e+"-end")),[]);const p$1={left:"right",right:"left",bottom:"top",top:"bottom"};function h$1(t){return t.replace(/left|right|bottom|top/g,(t=>p$1[t]))}function y$1(n,i,r){void 0===r&&(r=!1);const a=t(n),l=o$1(n),s=e(l);let c="x"===l?a===(r?"end":"start")?"right":"left":"start"===a?"bottom":"top";return i.reference[s]>i.floating[s]&&(c=h$1(c)),{main:c,cross:h$1(c)}}const x$1={start:"end",end:"start"};function w$1(t){return t.replace(/start|end/g,(t=>x$1[t]))}const b$1=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(o){var i;const{placement:r,middlewareData:a,rects:l,initialPlacement:c,platform:f,elements:u}=o,{mainAxis:m=!0,crossAxis:g=!0,fallbackPlacements:d,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:x="none",flipAlignment:v=!0,...b}=e,R=n$1(r),A=n$1(c)===c,P=await(null==f.isRTL?void 0:f.isRTL(u.floating)),T=d||(A||!v?[h$1(c)]:function(t){const e=h$1(t);return [w$1(t),e,w$1(e)]}(c));d||"none"===x||T.push(...function(e,o,i,r){const a=t(e);let l=function(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:a;default:return []}}(n$1(e),"start"===i,r);return a&&(l=l.map((t=>t+"-"+a)),o&&(l=l.concat(l.map(w$1)))),l}(c,v,x,P));const O=[c,...T],D=await s$1(o,b),E=[];let L=(null==(i=a.flip)?void 0:i.overflows)||[];if(m&&E.push(D[R]),g){const{main:t,cross:e}=y$1(r,l,P);E.push(D[t],D[e]);}if(L=[...L,{placement:r,overflows:E}],!E.every((t=>t<=0))){var k;const t=((null==(k=a.flip)?void 0:k.index)||0)+1,e=O[t];if(e)return {data:{index:t,overflows:L},reset:{placement:e}};let n="bottom";switch(p){case"bestFit":{var B;const t=null==(B=L.map((t=>[t,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:B[0].placement;t&&(n=t);break}case"initialPlacement":n=c;}if(r!==n)return {reset:{placement:n}}}return {}}}};const O$1=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(i){const{x:r,y:a}=i,l=await async function(e,i){const{placement:r,platform:a,elements:l}=e,s=await(null==a.isRTL?void 0:a.isRTL(l.floating)),c=n$1(r),f=t(r),u="x"===o$1(r),m=["left","top"].includes(c)?-1:1,g=s&&u?-1:1,d="function"==typeof i?i(e):i;let{mainAxis:p,crossAxis:h,alignmentAxis:y}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return f&&"number"==typeof y&&(h="end"===f?-1*y:y),u?{x:h*g,y:p*m}:{x:p*m,y:h*g}}(i,e);return {x:r+l.x,y:a+l.y,data:l}}}};function D$1(t){return "x"===t?"y":"x"}const E$1=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:i,y:r,placement:a}=e,{mainAxis:l=!0,crossAxis:c=!1,limiter:f={fn:t=>{let{x:e,y:n}=t;return {x:e,y:n}}},...m}=t,g={x:i,y:r},d=await s$1(e,m),p=o$1(n$1(a)),h=D$1(p);let y=g[p],x=g[h];if(l){const t="y"===p?"bottom":"right";y=u$1(y+d["y"===p?"top":"left"],y,y-d[t]);}if(c){const t="y"===h?"bottom":"right";x=u$1(x+d["y"===h?"top":"left"],x,x-d[t]);}const w=f.fn({...e,[p]:y,[h]:x});return {...w,data:{x:w.x-i,y:w.y-r}}}}};
|
|
14986
|
+
|
|
14987
|
+
function n(t){var e;return (null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function o(t){return n(t).getComputedStyle(t)}function i(t){return f(t)?(t.nodeName||"").toLowerCase():""}let r;function l(){if(r)return r;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(r=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),r):navigator.userAgent}function c(t){return t instanceof n(t).HTMLElement}function s(t){return t instanceof n(t).Element}function f(t){return t instanceof n(t).Node}function u(t){if("undefined"==typeof ShadowRoot)return !1;return t instanceof n(t).ShadowRoot||t instanceof ShadowRoot}function a(t){const{overflow:e,overflowX:n,overflowY:i,display:r}=o(t);return /auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(r)}function d(t){return ["table","td","th"].includes(i(t))}function h(t){const e=/firefox/i.test(l()),n=o(t),i=n.backdropFilter||n.WebkitBackdropFilter;return "none"!==n.transform||"none"!==n.perspective||!!i&&"none"!==i||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function p(){return !/^((?!chrome|android).)*safari/i.test(l())}function g(t){return ["html","body","#document"].includes(i(t))}const m=Math.min,y=Math.max,x=Math.round;function w(t){const e=o(t);let n=parseFloat(e.width),i=parseFloat(e.height);const r=t.offsetWidth,l=t.offsetHeight,c=x(n)!==r||x(i)!==l;return c&&(n=r,i=l),{width:n,height:i,fallback:c}}function v(t){return s(t)?t:t.contextElement}const b={x:1,y:1};function L(t){const e=v(t);if(!c(e))return b;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:r}=w(e);let l=(r?x(n.width):n.width)/o,s=(r?x(n.height):n.height)/i;return l&&Number.isFinite(l)||(l=1),s&&Number.isFinite(s)||(s=1),{x:l,y:s}}function E(t,e,o,i){var r,l;void 0===e&&(e=!1),void 0===o&&(o=!1);const c=t.getBoundingClientRect(),f=v(t);let u=b;e&&(i?s(i)&&(u=L(i)):u=L(t));const a=f?n(f):window,d=!p()&&o;let h=(c.left+(d&&(null==(r=a.visualViewport)?void 0:r.offsetLeft)||0))/u.x,g=(c.top+(d&&(null==(l=a.visualViewport)?void 0:l.offsetTop)||0))/u.y,m=c.width/u.x,y=c.height/u.y;if(f){const t=n(f),e=i&&s(i)?n(i):i;let o=t.frameElement;for(;o&&i&&e!==t;){const t=L(o),e=o.getBoundingClientRect(),i=getComputedStyle(o);e.x+=(o.clientLeft+parseFloat(i.paddingLeft))*t.x,e.y+=(o.clientTop+parseFloat(i.paddingTop))*t.y,h*=t.x,g*=t.y,m*=t.x,y*=t.y,h+=e.x,g+=e.y,o=n(o).frameElement;}}return {width:m,height:y,top:g,right:h+m,bottom:g+y,left:h,x:h,y:g}}function R(t){return ((f(t)?t.ownerDocument:t.document)||window.document).documentElement}function T(t){return s(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function C(t){return E(R(t)).left+T(t).scrollLeft}function F(t,e,n){const o=c(e),r=R(e),l=E(t,!0,"fixed"===n,e);let s={scrollLeft:0,scrollTop:0};const f={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==i(e)||a(r))&&(s=T(e)),c(e)){const t=E(e,!0);f.x=t.x+e.clientLeft,f.y=t.y+e.clientTop;}else r&&(f.x=C(r));return {x:l.left+s.scrollLeft-f.x,y:l.top+s.scrollTop-f.y,width:l.width,height:l.height}}function W(t){if("html"===i(t))return t;const e=t.assignedSlot||t.parentNode||(u(t)?t.host:null)||R(t);return u(e)?e.host:e}function D(t){return c(t)&&"fixed"!==o(t).position?t.offsetParent:null}function S(t){const e=n(t);let r=D(t);for(;r&&d(r)&&"static"===o(r).position;)r=D(r);return r&&("html"===i(r)||"body"===i(r)&&"static"===o(r).position&&!h(r))?e:r||function(t){let e=W(t);for(;c(e)&&!g(e);){if(h(e))return e;e=W(e);}return null}(t)||e}function A(t){const e=W(t);return g(e)?t.ownerDocument.body:c(e)&&a(e)?e:A(e)}function H(t,e){var o;void 0===e&&(e=[]);const i=A(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),l=n(i);return r?e.concat(l,l.visualViewport||[],a(i)?i:[]):e.concat(i,H(i))}function O(e,i,r){return "viewport"===i?l$1(function(t,e){const o=n(t),i=R(t),r=o.visualViewport;let l=i.clientWidth,c=i.clientHeight,s=0,f=0;if(r){l=r.width,c=r.height;const t=p();(t||!t&&"fixed"===e)&&(s=r.offsetLeft,f=r.offsetTop);}return {width:l,height:c,x:s,y:f}}(e,r)):s(i)?function(t,e){const n=E(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=c(t)?L(t):{x:1,y:1},l=t.clientWidth*r.x,s=t.clientHeight*r.y,f=i*r.x,u=o*r.y;return {top:u,left:f,right:f+l,bottom:u+s,x:f,y:u,width:l,height:s}}(i,r):l$1(function(t){var e;const n=R(t),i=T(t),r=null==(e=t.ownerDocument)?void 0:e.body,l=y(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),c=y(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let s=-i.scrollLeft+C(t);const f=-i.scrollTop;return "rtl"===o(r||n).direction&&(s+=y(n.clientWidth,r?r.clientWidth:0)-l),{width:l,height:c,x:s,y:f}}(R(e)))}const P={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:r,strategy:l}=t;const c="clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let r=H(t).filter((t=>s(t)&&"body"!==i(t))),l=null;const c="fixed"===o(t).position;let f=c?W(t):t;for(;s(f)&&!g(f);){const t=o(f),e=h(f);(c?e||l:e||"static"!==t.position||!l||!["absolute","fixed"].includes(l.position))?l=t:r=r.filter((t=>t!==f)),f=W(f);}return e.set(t,r),r}(e,this._c):[].concat(n),f=[...c,r],u=f[0],a=f.reduce(((t,n)=>{const o=O(e,n,l);return t.top=y(o.top,t.top),t.right=m(o.right,t.right),t.bottom=m(o.bottom,t.bottom),t.left=y(o.left,t.left),t}),O(e,u,l));return {width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const r=c(n),l=R(n);if(n===l)return e;let s={scrollLeft:0,scrollTop:0},f={x:1,y:1};const u={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==i(n)||a(l))&&(s=T(n)),c(n))){const t=E(n);f=L(n),u.x=t.x+n.clientLeft,u.y=t.y+n.clientTop;}return {width:e.width*f.x,height:e.height*f.y,x:e.x*f.x-s.scrollLeft*f.x+u.x,y:e.y*f.y-s.scrollTop*f.y+u.y}},isElement:s,getDimensions:function(t){return w(t)},getOffsetParent:S,getDocumentElement:R,getScale:L,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||S,r=this.getDimensions;return {reference:F(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===o(t).direction};function z(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:c=!1}=o,f=i&&!c,u=f||r?[...s(t)?H(t):t.contextElement?H(t.contextElement):[],...H(e)]:[];u.forEach((t=>{f&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n);}));let a,d=null;if(l){let o=!0;d=new ResizeObserver((()=>{o||n(),o=!1;})),s(t)&&!c&&d.observe(t),s(t)||!t.contextElement||c||d.observe(t.contextElement),d.observe(e);}let h=c?E(t):null;return c&&function e(){const o=E(t);!h||o.x===h.x&&o.y===h.y&&o.width===h.width&&o.height===h.height||n();h=o,a=requestAnimationFrame(e);}(),n(),()=>{var t;u.forEach((t=>{f&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n);})),null==(t=d)||t.disconnect(),d=null,c&&cancelAnimationFrame(a);}}const V=(t,n,o)=>{const i=new Map,r={platform:P,...o},l={...r.platform,_c:i};return r$1(t,n,{...r,platform:l})};
|
|
14988
|
+
|
|
14989
|
+
var index$2 = typeof document !== 'undefined' ? useLayoutEffect : useEffect;
|
|
14990
|
+
|
|
14991
|
+
// Fork of `fast-deep-equal` that only does the comparisons we need and compares
|
|
14992
|
+
// functions
|
|
14993
|
+
function deepEqual(a, b) {
|
|
14994
|
+
if (a === b) {
|
|
14995
|
+
return true;
|
|
14842
14996
|
}
|
|
14843
|
-
|
|
14844
|
-
|
|
14845
|
-
switch (echoVariant) {
|
|
14846
|
-
case 'circle_icon':
|
|
14847
|
-
return style$3.circle_icon;
|
|
14848
|
-
case 'square_icon':
|
|
14849
|
-
return style$3.square_icon;
|
|
14850
|
-
case 'square_icon_with_text':
|
|
14851
|
-
default:
|
|
14852
|
-
return '';
|
|
14997
|
+
if (typeof a !== typeof b) {
|
|
14998
|
+
return false;
|
|
14853
14999
|
}
|
|
14854
|
-
|
|
14855
|
-
|
|
14856
|
-
|
|
14857
|
-
|
|
14858
|
-
|
|
14859
|
-
|
|
14860
|
-
|
|
14861
|
-
|
|
14862
|
-
|
|
14863
|
-
|
|
14864
|
-
|
|
14865
|
-
|
|
14866
|
-
|
|
14867
|
-
|
|
14868
|
-
|
|
14869
|
-
|
|
14870
|
-
|
|
14871
|
-
|
|
14872
|
-
|
|
14873
|
-
|
|
14874
|
-
|
|
14875
|
-
|
|
14876
|
-
|
|
14877
|
-
|
|
14878
|
-
}
|
|
15000
|
+
if (typeof a === 'function' && a.toString() === b.toString()) {
|
|
15001
|
+
return true;
|
|
15002
|
+
}
|
|
15003
|
+
let length, i, keys;
|
|
15004
|
+
if (a && b && typeof a == 'object') {
|
|
15005
|
+
if (Array.isArray(a)) {
|
|
15006
|
+
length = a.length;
|
|
15007
|
+
if (length != b.length) return false;
|
|
15008
|
+
for (i = length; i-- !== 0;) {
|
|
15009
|
+
if (!deepEqual(a[i], b[i])) {
|
|
15010
|
+
return false;
|
|
15011
|
+
}
|
|
15012
|
+
}
|
|
15013
|
+
return true;
|
|
15014
|
+
}
|
|
15015
|
+
keys = Object.keys(a);
|
|
15016
|
+
length = keys.length;
|
|
15017
|
+
if (length !== Object.keys(b).length) {
|
|
15018
|
+
return false;
|
|
15019
|
+
}
|
|
15020
|
+
for (i = length; i-- !== 0;) {
|
|
15021
|
+
if (!Object.prototype.hasOwnProperty.call(b, keys[i])) {
|
|
15022
|
+
return false;
|
|
15023
|
+
}
|
|
15024
|
+
}
|
|
15025
|
+
for (i = length; i-- !== 0;) {
|
|
15026
|
+
const key = keys[i];
|
|
15027
|
+
if (key === '_owner' && a.$$typeof) {
|
|
15028
|
+
continue;
|
|
15029
|
+
}
|
|
15030
|
+
if (!deepEqual(a[key], b[key])) {
|
|
15031
|
+
return false;
|
|
15032
|
+
}
|
|
15033
|
+
}
|
|
15034
|
+
return true;
|
|
15035
|
+
}
|
|
15036
|
+
return a !== a && b !== b;
|
|
15037
|
+
}
|
|
14879
15038
|
|
|
14880
|
-
|
|
14881
|
-
|
|
14882
|
-
|
|
15039
|
+
function useLatestRef$1(value) {
|
|
15040
|
+
const ref = React.useRef(value);
|
|
15041
|
+
index$2(() => {
|
|
15042
|
+
ref.current = value;
|
|
15043
|
+
});
|
|
15044
|
+
return ref;
|
|
15045
|
+
}
|
|
14883
15046
|
|
|
14884
|
-
|
|
14885
|
-
|
|
14886
|
-
|
|
14887
|
-
|
|
14888
|
-
|
|
14889
|
-
|
|
14890
|
-
|
|
14891
|
-
|
|
15047
|
+
function useFloating$1(options) {
|
|
15048
|
+
if (options === void 0) {
|
|
15049
|
+
options = {};
|
|
15050
|
+
}
|
|
15051
|
+
const {
|
|
15052
|
+
placement = 'bottom',
|
|
15053
|
+
strategy = 'absolute',
|
|
15054
|
+
middleware = [],
|
|
15055
|
+
whileElementsMounted,
|
|
15056
|
+
open
|
|
15057
|
+
} = options;
|
|
15058
|
+
const [data, setData] = React.useState({
|
|
15059
|
+
x: null,
|
|
15060
|
+
y: null,
|
|
15061
|
+
strategy,
|
|
15062
|
+
placement,
|
|
15063
|
+
middlewareData: {},
|
|
15064
|
+
isPositioned: false
|
|
15065
|
+
});
|
|
15066
|
+
const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);
|
|
15067
|
+
if (!deepEqual(latestMiddleware, middleware)) {
|
|
15068
|
+
setLatestMiddleware(middleware);
|
|
15069
|
+
}
|
|
15070
|
+
const referenceRef = React.useRef(null);
|
|
15071
|
+
const floatingRef = React.useRef(null);
|
|
15072
|
+
const dataRef = React.useRef(data);
|
|
15073
|
+
const whileElementsMountedRef = useLatestRef$1(whileElementsMounted);
|
|
15074
|
+
const [reference, _setReference] = React.useState(null);
|
|
15075
|
+
const [floating, _setFloating] = React.useState(null);
|
|
15076
|
+
const setReference = React.useCallback(node => {
|
|
15077
|
+
if (referenceRef.current !== node) {
|
|
15078
|
+
referenceRef.current = node;
|
|
15079
|
+
_setReference(node);
|
|
15080
|
+
}
|
|
15081
|
+
}, []);
|
|
15082
|
+
const setFloating = React.useCallback(node => {
|
|
15083
|
+
if (floatingRef.current !== node) {
|
|
15084
|
+
floatingRef.current = node;
|
|
15085
|
+
_setFloating(node);
|
|
15086
|
+
}
|
|
15087
|
+
}, []);
|
|
15088
|
+
const update = React.useCallback(() => {
|
|
15089
|
+
if (!referenceRef.current || !floatingRef.current) {
|
|
14892
15090
|
return;
|
|
14893
15091
|
}
|
|
14894
|
-
|
|
14895
|
-
|
|
14896
|
-
|
|
14897
|
-
|
|
14898
|
-
|
|
14899
|
-
|
|
15092
|
+
V(referenceRef.current, floatingRef.current, {
|
|
15093
|
+
middleware: latestMiddleware,
|
|
15094
|
+
placement,
|
|
15095
|
+
strategy
|
|
15096
|
+
}).then(data => {
|
|
15097
|
+
const fullData = {
|
|
15098
|
+
...data,
|
|
15099
|
+
isPositioned: true
|
|
15100
|
+
};
|
|
15101
|
+
if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
|
|
15102
|
+
dataRef.current = fullData;
|
|
15103
|
+
ReactDOM.flushSync(() => {
|
|
15104
|
+
setData(fullData);
|
|
15105
|
+
});
|
|
15106
|
+
}
|
|
15107
|
+
});
|
|
15108
|
+
}, [latestMiddleware, placement, strategy]);
|
|
15109
|
+
index$2(() => {
|
|
15110
|
+
if (open === false && dataRef.current.isPositioned) {
|
|
15111
|
+
dataRef.current.isPositioned = false;
|
|
15112
|
+
setData(data => ({
|
|
15113
|
+
...data,
|
|
15114
|
+
isPositioned: false
|
|
15115
|
+
}));
|
|
15116
|
+
}
|
|
15117
|
+
}, [open]);
|
|
15118
|
+
const isMountedRef = React.useRef(false);
|
|
15119
|
+
index$2(() => {
|
|
15120
|
+
isMountedRef.current = true;
|
|
15121
|
+
return () => {
|
|
15122
|
+
isMountedRef.current = false;
|
|
14900
15123
|
};
|
|
14901
|
-
}, [
|
|
15124
|
+
}, []);
|
|
15125
|
+
index$2(() => {
|
|
15126
|
+
if (reference && floating) {
|
|
15127
|
+
if (whileElementsMountedRef.current) {
|
|
15128
|
+
return whileElementsMountedRef.current(reference, floating, update);
|
|
15129
|
+
} else {
|
|
15130
|
+
update();
|
|
15131
|
+
}
|
|
15132
|
+
}
|
|
15133
|
+
}, [reference, floating, update, whileElementsMountedRef]);
|
|
15134
|
+
const refs = React.useMemo(() => ({
|
|
15135
|
+
reference: referenceRef,
|
|
15136
|
+
floating: floatingRef,
|
|
15137
|
+
setReference,
|
|
15138
|
+
setFloating
|
|
15139
|
+
}), [setReference, setFloating]);
|
|
15140
|
+
const elements = React.useMemo(() => ({
|
|
15141
|
+
reference,
|
|
15142
|
+
floating
|
|
15143
|
+
}), [reference, floating]);
|
|
15144
|
+
return React.useMemo(() => ({
|
|
15145
|
+
...data,
|
|
15146
|
+
update,
|
|
15147
|
+
refs,
|
|
15148
|
+
elements,
|
|
15149
|
+
reference: setReference,
|
|
15150
|
+
floating: setFloating
|
|
15151
|
+
}), [data, update, refs, elements, setReference, setFloating]);
|
|
15152
|
+
}
|
|
15153
|
+
|
|
15154
|
+
/*!
|
|
15155
|
+
* tabbable 6.0.1
|
|
15156
|
+
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
15157
|
+
*/
|
|
15158
|
+
var candidateSelectors = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]:not(slot)', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])', 'details>summary:first-of-type', 'details'];
|
|
15159
|
+
var candidateSelector = /* #__PURE__ */candidateSelectors.join(',');
|
|
15160
|
+
var NoElement = typeof Element === 'undefined';
|
|
15161
|
+
var matches$1 = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
|
|
15162
|
+
var getRootNode = !NoElement && Element.prototype.getRootNode ? function (element) {
|
|
15163
|
+
return element.getRootNode();
|
|
15164
|
+
} : function (element) {
|
|
15165
|
+
return element.ownerDocument;
|
|
14902
15166
|
};
|
|
14903
15167
|
|
|
14904
|
-
var useInitial = EchoUtils.Hooks.useInitial;
|
|
14905
15168
|
/**
|
|
14906
|
-
*
|
|
14907
|
-
* @
|
|
15169
|
+
* @param {Element} el container to check in
|
|
15170
|
+
* @param {boolean} includeContainer add container to check
|
|
15171
|
+
* @param {(node: Element) => boolean} filter filter candidates
|
|
15172
|
+
* @returns {Element[]}
|
|
14908
15173
|
*/
|
|
14909
|
-
function
|
|
14910
|
-
var
|
|
14911
|
-
|
|
14912
|
-
|
|
14913
|
-
|
|
14914
|
-
|
|
14915
|
-
|
|
14916
|
-
|
|
14917
|
-
|
|
14918
|
-
|
|
14919
|
-
|
|
14920
|
-
|
|
14921
|
-
|
|
14922
|
-
|
|
14923
|
-
|
|
14924
|
-
|
|
14925
|
-
|
|
14926
|
-
|
|
14927
|
-
|
|
14928
|
-
|
|
14929
|
-
|
|
14930
|
-
|
|
14931
|
-
|
|
14932
|
-
|
|
15174
|
+
var getCandidates = function getCandidates(el, includeContainer, filter) {
|
|
15175
|
+
var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
|
|
15176
|
+
if (includeContainer && matches$1.call(el, candidateSelector)) {
|
|
15177
|
+
candidates.unshift(el);
|
|
15178
|
+
}
|
|
15179
|
+
candidates = candidates.filter(filter);
|
|
15180
|
+
return candidates;
|
|
15181
|
+
};
|
|
15182
|
+
|
|
15183
|
+
/**
|
|
15184
|
+
* @callback GetShadowRoot
|
|
15185
|
+
* @param {Element} element to check for shadow root
|
|
15186
|
+
* @returns {ShadowRoot|boolean} ShadowRoot if available or boolean indicating if a shadowRoot is attached but not available.
|
|
15187
|
+
*/
|
|
15188
|
+
|
|
15189
|
+
/**
|
|
15190
|
+
* @callback ShadowRootFilter
|
|
15191
|
+
* @param {Element} shadowHostNode the element which contains shadow content
|
|
15192
|
+
* @returns {boolean} true if a shadow root could potentially contain valid candidates.
|
|
15193
|
+
*/
|
|
15194
|
+
|
|
15195
|
+
/**
|
|
15196
|
+
* @typedef {Object} CandidateScope
|
|
15197
|
+
* @property {Element} scopeParent contains inner candidates
|
|
15198
|
+
* @property {Element[]} candidates list of candidates found in the scope parent
|
|
15199
|
+
*/
|
|
15200
|
+
|
|
15201
|
+
/**
|
|
15202
|
+
* @typedef {Object} IterativeOptions
|
|
15203
|
+
* @property {GetShadowRoot|boolean} getShadowRoot true if shadow support is enabled; falsy if not;
|
|
15204
|
+
* if a function, implies shadow support is enabled and either returns the shadow root of an element
|
|
15205
|
+
* or a boolean stating if it has an undisclosed shadow root
|
|
15206
|
+
* @property {(node: Element) => boolean} filter filter candidates
|
|
15207
|
+
* @property {boolean} flatten if true then result will flatten any CandidateScope into the returned list
|
|
15208
|
+
* @property {ShadowRootFilter} shadowRootFilter filter shadow roots;
|
|
15209
|
+
*/
|
|
15210
|
+
|
|
15211
|
+
/**
|
|
15212
|
+
* @param {Element[]} elements list of element containers to match candidates from
|
|
15213
|
+
* @param {boolean} includeContainer add container list to check
|
|
15214
|
+
* @param {IterativeOptions} options
|
|
15215
|
+
* @returns {Array.<Element|CandidateScope>}
|
|
15216
|
+
*/
|
|
15217
|
+
var getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {
|
|
15218
|
+
var candidates = [];
|
|
15219
|
+
var elementsToCheck = Array.from(elements);
|
|
15220
|
+
while (elementsToCheck.length) {
|
|
15221
|
+
var element = elementsToCheck.shift();
|
|
15222
|
+
if (element.tagName === 'SLOT') {
|
|
15223
|
+
// add shadow dom slot scope (slot itself cannot be focusable)
|
|
15224
|
+
var assigned = element.assignedElements();
|
|
15225
|
+
var content = assigned.length ? assigned : element.children;
|
|
15226
|
+
var nestedCandidates = getCandidatesIteratively(content, true, options);
|
|
15227
|
+
if (options.flatten) {
|
|
15228
|
+
candidates.push.apply(candidates, nestedCandidates);
|
|
15229
|
+
} else {
|
|
15230
|
+
candidates.push({
|
|
15231
|
+
scopeParent: element,
|
|
15232
|
+
candidates: nestedCandidates
|
|
15233
|
+
});
|
|
15234
|
+
}
|
|
15235
|
+
} else {
|
|
15236
|
+
// check candidate element
|
|
15237
|
+
var validCandidate = matches$1.call(element, candidateSelector);
|
|
15238
|
+
if (validCandidate && options.filter(element) && (includeContainer || !elements.includes(element))) {
|
|
15239
|
+
candidates.push(element);
|
|
15240
|
+
}
|
|
15241
|
+
|
|
15242
|
+
// iterate over shadow content if possible
|
|
15243
|
+
var shadowRoot = element.shadowRoot ||
|
|
15244
|
+
// check for an undisclosed shadow
|
|
15245
|
+
typeof options.getShadowRoot === 'function' && options.getShadowRoot(element);
|
|
15246
|
+
var validShadowRoot = !options.shadowRootFilter || options.shadowRootFilter(element);
|
|
15247
|
+
if (shadowRoot && validShadowRoot) {
|
|
15248
|
+
// add shadow dom scope IIF a shadow root node was given; otherwise, an undisclosed
|
|
15249
|
+
// shadow exists, so look at light dom children as fallback BUT create a scope for any
|
|
15250
|
+
// child candidates found because they're likely slotted elements (elements that are
|
|
15251
|
+
// children of the web component element (which has the shadow), in the light dom, but
|
|
15252
|
+
// slotted somewhere _inside_ the undisclosed shadow) -- the scope is created below,
|
|
15253
|
+
// _after_ we return from this recursive call
|
|
15254
|
+
var _nestedCandidates = getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);
|
|
15255
|
+
if (options.flatten) {
|
|
15256
|
+
candidates.push.apply(candidates, _nestedCandidates);
|
|
15257
|
+
} else {
|
|
15258
|
+
candidates.push({
|
|
15259
|
+
scopeParent: element,
|
|
15260
|
+
candidates: _nestedCandidates
|
|
15261
|
+
});
|
|
15262
|
+
}
|
|
15263
|
+
} else {
|
|
15264
|
+
// there's not shadow so just dig into the element's (light dom) children
|
|
15265
|
+
// __without__ giving the element special scope treatment
|
|
15266
|
+
elementsToCheck.unshift.apply(elementsToCheck, element.children);
|
|
15267
|
+
}
|
|
15268
|
+
}
|
|
15269
|
+
}
|
|
15270
|
+
return candidates;
|
|
15271
|
+
};
|
|
15272
|
+
var getTabindex = function getTabindex(node, isScope) {
|
|
15273
|
+
if (node.tabIndex < 0) {
|
|
15274
|
+
// in Chrome, <details/>, <audio controls/> and <video controls/> elements get a default
|
|
15275
|
+
// `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,
|
|
15276
|
+
// yet they are still part of the regular tab order; in FF, they get a default
|
|
15277
|
+
// `tabIndex` of 0; since Chrome still puts those elements in the regular tab
|
|
15278
|
+
// order, consider their tab index to be 0.
|
|
15279
|
+
// Also browsers do not return `tabIndex` correctly for contentEditable nodes;
|
|
15280
|
+
// so if they don't have a tabindex attribute specifically set, assume it's 0.
|
|
15281
|
+
//
|
|
15282
|
+
// isScope is positive for custom element with shadow root or slot that by default
|
|
15283
|
+
// have tabIndex -1, but need to be sorted by document order in order for their
|
|
15284
|
+
// content to be inserted in the correct position
|
|
15285
|
+
if ((isScope || /^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) || node.isContentEditable) && isNaN(parseInt(node.getAttribute('tabindex'), 10))) {
|
|
15286
|
+
return 0;
|
|
15287
|
+
}
|
|
15288
|
+
}
|
|
15289
|
+
return node.tabIndex;
|
|
15290
|
+
};
|
|
15291
|
+
var sortOrderedTabbables = function sortOrderedTabbables(a, b) {
|
|
15292
|
+
return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;
|
|
15293
|
+
};
|
|
15294
|
+
var isInput = function isInput(node) {
|
|
15295
|
+
return node.tagName === 'INPUT';
|
|
15296
|
+
};
|
|
15297
|
+
var isHiddenInput = function isHiddenInput(node) {
|
|
15298
|
+
return isInput(node) && node.type === 'hidden';
|
|
15299
|
+
};
|
|
15300
|
+
var isDetailsWithSummary = function isDetailsWithSummary(node) {
|
|
15301
|
+
var r = node.tagName === 'DETAILS' && Array.prototype.slice.apply(node.children).some(function (child) {
|
|
15302
|
+
return child.tagName === 'SUMMARY';
|
|
15303
|
+
});
|
|
15304
|
+
return r;
|
|
15305
|
+
};
|
|
15306
|
+
var getCheckedRadio = function getCheckedRadio(nodes, form) {
|
|
15307
|
+
for (var i = 0; i < nodes.length; i++) {
|
|
15308
|
+
if (nodes[i].checked && nodes[i].form === form) {
|
|
15309
|
+
return nodes[i];
|
|
15310
|
+
}
|
|
15311
|
+
}
|
|
15312
|
+
};
|
|
15313
|
+
var isTabbableRadio = function isTabbableRadio(node) {
|
|
15314
|
+
if (!node.name) {
|
|
15315
|
+
return true;
|
|
15316
|
+
}
|
|
15317
|
+
var radioScope = node.form || getRootNode(node);
|
|
15318
|
+
var queryRadios = function queryRadios(name) {
|
|
15319
|
+
return radioScope.querySelectorAll('input[type="radio"][name="' + name + '"]');
|
|
15320
|
+
};
|
|
15321
|
+
var radioSet;
|
|
15322
|
+
if (typeof window !== 'undefined' && typeof window.CSS !== 'undefined' && typeof window.CSS.escape === 'function') {
|
|
15323
|
+
radioSet = queryRadios(window.CSS.escape(node.name));
|
|
15324
|
+
} else {
|
|
15325
|
+
try {
|
|
15326
|
+
radioSet = queryRadios(node.name);
|
|
15327
|
+
} catch (err) {
|
|
15328
|
+
// eslint-disable-next-line no-console
|
|
15329
|
+
console.error('Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s', err.message);
|
|
15330
|
+
return false;
|
|
15331
|
+
}
|
|
15332
|
+
}
|
|
15333
|
+
var checked = getCheckedRadio(radioSet, node.form);
|
|
15334
|
+
return !checked || checked === node;
|
|
15335
|
+
};
|
|
15336
|
+
var isRadio = function isRadio(node) {
|
|
15337
|
+
return isInput(node) && node.type === 'radio';
|
|
15338
|
+
};
|
|
15339
|
+
var isNonTabbableRadio = function isNonTabbableRadio(node) {
|
|
15340
|
+
return isRadio(node) && !isTabbableRadio(node);
|
|
15341
|
+
};
|
|
15342
|
+
|
|
15343
|
+
// determines if a node is ultimately attached to the window's document
|
|
15344
|
+
var isNodeAttached = function isNodeAttached(node) {
|
|
15345
|
+
var _nodeRootHost;
|
|
15346
|
+
// The root node is the shadow root if the node is in a shadow DOM; some document otherwise
|
|
15347
|
+
// (but NOT _the_ document; see second 'If' comment below for more).
|
|
15348
|
+
// If rootNode is shadow root, it'll have a host, which is the element to which the shadow
|
|
15349
|
+
// is attached, and the one we need to check if it's in the document or not (because the
|
|
15350
|
+
// shadow, and all nodes it contains, is never considered in the document since shadows
|
|
15351
|
+
// behave like self-contained DOMs; but if the shadow's HOST, which is part of the document,
|
|
15352
|
+
// is hidden, or is not in the document itself but is detached, it will affect the shadow's
|
|
15353
|
+
// visibility, including all the nodes it contains). The host could be any normal node,
|
|
15354
|
+
// or a custom element (i.e. web component). Either way, that's the one that is considered
|
|
15355
|
+
// part of the document, not the shadow root, nor any of its children (i.e. the node being
|
|
15356
|
+
// tested).
|
|
15357
|
+
// To further complicate things, we have to look all the way up until we find a shadow HOST
|
|
15358
|
+
// that is attached (or find none) because the node might be in nested shadows...
|
|
15359
|
+
// If rootNode is not a shadow root, it won't have a host, and so rootNode should be the
|
|
15360
|
+
// document (per the docs) and while it's a Document-type object, that document does not
|
|
15361
|
+
// appear to be the same as the node's `ownerDocument` for some reason, so it's safer
|
|
15362
|
+
// to ignore the rootNode at this point, and use `node.ownerDocument`. Otherwise,
|
|
15363
|
+
// using `rootNode.contains(node)` will _always_ be true we'll get false-positives when
|
|
15364
|
+
// node is actually detached.
|
|
15365
|
+
var nodeRootHost = getRootNode(node).host;
|
|
15366
|
+
var attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== void 0 && _nodeRootHost.ownerDocument.contains(nodeRootHost) || node.ownerDocument.contains(node));
|
|
15367
|
+
while (!attached && nodeRootHost) {
|
|
15368
|
+
var _nodeRootHost2;
|
|
15369
|
+
// since it's not attached and we have a root host, the node MUST be in a nested shadow DOM,
|
|
15370
|
+
// which means we need to get the host's host and check if that parent host is contained
|
|
15371
|
+
// in (i.e. attached to) the document
|
|
15372
|
+
nodeRootHost = getRootNode(nodeRootHost).host;
|
|
15373
|
+
attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== void 0 && _nodeRootHost2.ownerDocument.contains(nodeRootHost));
|
|
15374
|
+
}
|
|
15375
|
+
return attached;
|
|
15376
|
+
};
|
|
15377
|
+
var isZeroArea = function isZeroArea(node) {
|
|
15378
|
+
var _node$getBoundingClie = node.getBoundingClientRect(),
|
|
15379
|
+
width = _node$getBoundingClie.width,
|
|
15380
|
+
height = _node$getBoundingClie.height;
|
|
15381
|
+
return width === 0 && height === 0;
|
|
15382
|
+
};
|
|
15383
|
+
var isHidden = function isHidden(node, _ref) {
|
|
15384
|
+
var displayCheck = _ref.displayCheck,
|
|
15385
|
+
getShadowRoot = _ref.getShadowRoot;
|
|
15386
|
+
// NOTE: visibility will be `undefined` if node is detached from the document
|
|
15387
|
+
// (see notes about this further down), which means we will consider it visible
|
|
15388
|
+
// (this is legacy behavior from a very long way back)
|
|
15389
|
+
// NOTE: we check this regardless of `displayCheck="none"` because this is a
|
|
15390
|
+
// _visibility_ check, not a _display_ check
|
|
15391
|
+
if (getComputedStyle(node).visibility === 'hidden') {
|
|
15392
|
+
return true;
|
|
15393
|
+
}
|
|
15394
|
+
var isDirectSummary = matches$1.call(node, 'details>summary:first-of-type');
|
|
15395
|
+
var nodeUnderDetails = isDirectSummary ? node.parentElement : node;
|
|
15396
|
+
if (matches$1.call(nodeUnderDetails, 'details:not([open]) *')) {
|
|
15397
|
+
return true;
|
|
15398
|
+
}
|
|
15399
|
+
if (!displayCheck || displayCheck === 'full' || displayCheck === 'legacy-full') {
|
|
15400
|
+
if (typeof getShadowRoot === 'function') {
|
|
15401
|
+
// figure out if we should consider the node to be in an undisclosed shadow and use the
|
|
15402
|
+
// 'non-zero-area' fallback
|
|
15403
|
+
var originalNode = node;
|
|
15404
|
+
while (node) {
|
|
15405
|
+
var parentElement = node.parentElement;
|
|
15406
|
+
var rootNode = getRootNode(node);
|
|
15407
|
+
if (parentElement && !parentElement.shadowRoot && getShadowRoot(parentElement) === true // check if there's an undisclosed shadow
|
|
15408
|
+
) {
|
|
15409
|
+
// node has an undisclosed shadow which means we can only treat it as a black box, so we
|
|
15410
|
+
// fall back to a non-zero-area test
|
|
15411
|
+
return isZeroArea(node);
|
|
15412
|
+
} else if (node.assignedSlot) {
|
|
15413
|
+
// iterate up slot
|
|
15414
|
+
node = node.assignedSlot;
|
|
15415
|
+
} else if (!parentElement && rootNode !== node.ownerDocument) {
|
|
15416
|
+
// cross shadow boundary
|
|
15417
|
+
node = rootNode.host;
|
|
15418
|
+
} else {
|
|
15419
|
+
// iterate up normal dom
|
|
15420
|
+
node = parentElement;
|
|
15421
|
+
}
|
|
15422
|
+
}
|
|
15423
|
+
node = originalNode;
|
|
15424
|
+
}
|
|
15425
|
+
// else, `getShadowRoot` might be true, but all that does is enable shadow DOM support
|
|
15426
|
+
// (i.e. it does not also presume that all nodes might have undisclosed shadows); or
|
|
15427
|
+
// it might be a falsy value, which means shadow DOM support is disabled
|
|
15428
|
+
|
|
15429
|
+
// Since we didn't find it sitting in an undisclosed shadow (or shadows are disabled)
|
|
15430
|
+
// now we can just test to see if it would normally be visible or not, provided it's
|
|
15431
|
+
// attached to the main document.
|
|
15432
|
+
// NOTE: We must consider case where node is inside a shadow DOM and given directly to
|
|
15433
|
+
// `isTabbable()` or `isFocusable()` -- regardless of `getShadowRoot` option setting.
|
|
15434
|
+
|
|
15435
|
+
if (isNodeAttached(node)) {
|
|
15436
|
+
// this works wherever the node is: if there's at least one client rect, it's
|
|
15437
|
+
// somehow displayed; it also covers the CSS 'display: contents' case where the
|
|
15438
|
+
// node itself is hidden in place of its contents; and there's no need to search
|
|
15439
|
+
// up the hierarchy either
|
|
15440
|
+
return !node.getClientRects().length;
|
|
15441
|
+
}
|
|
15442
|
+
|
|
15443
|
+
// Else, the node isn't attached to the document, which means the `getClientRects()`
|
|
15444
|
+
// API will __always__ return zero rects (this can happen, for example, if React
|
|
15445
|
+
// is used to render nodes onto a detached tree, as confirmed in this thread:
|
|
15446
|
+
// https://github.com/facebook/react/issues/9117#issuecomment-284228870)
|
|
15447
|
+
//
|
|
15448
|
+
// It also means that even window.getComputedStyle(node).display will return `undefined`
|
|
15449
|
+
// because styles are only computed for nodes that are in the document.
|
|
15450
|
+
//
|
|
15451
|
+
// NOTE: THIS HAS BEEN THE CASE FOR YEARS. It is not new, nor is it caused by tabbable
|
|
15452
|
+
// somehow. Though it was never stated officially, anyone who has ever used tabbable
|
|
15453
|
+
// APIs on nodes in detached containers has actually implicitly used tabbable in what
|
|
15454
|
+
// was later (as of v5.2.0 on Apr 9, 2021) called `displayCheck="none"` mode -- essentially
|
|
15455
|
+
// considering __everything__ to be visible because of the innability to determine styles.
|
|
15456
|
+
//
|
|
15457
|
+
// v6.0.0: As of this major release, the default 'full' option __no longer treats detached
|
|
15458
|
+
// nodes as visible with the 'none' fallback.__
|
|
15459
|
+
if (displayCheck !== 'legacy-full') {
|
|
15460
|
+
return true; // hidden
|
|
15461
|
+
}
|
|
15462
|
+
// else, fallback to 'none' mode and consider the node visible
|
|
15463
|
+
} else if (displayCheck === 'non-zero-area') {
|
|
15464
|
+
// NOTE: Even though this tests that the node's client rect is non-zero to determine
|
|
15465
|
+
// whether it's displayed, and that a detached node will __always__ have a zero-area
|
|
15466
|
+
// client rect, we don't special-case for whether the node is attached or not. In
|
|
15467
|
+
// this mode, we do want to consider nodes that have a zero area to be hidden at all
|
|
15468
|
+
// times, and that includes attached or not.
|
|
15469
|
+
return isZeroArea(node);
|
|
15470
|
+
}
|
|
15471
|
+
|
|
15472
|
+
// visible, as far as we can tell, or per current `displayCheck=none` mode, we assume
|
|
15473
|
+
// it's visible
|
|
15474
|
+
return false;
|
|
15475
|
+
};
|
|
15476
|
+
|
|
15477
|
+
// form fields (nested) inside a disabled fieldset are not focusable/tabbable
|
|
15478
|
+
// unless they are in the _first_ <legend> element of the top-most disabled
|
|
15479
|
+
// fieldset
|
|
15480
|
+
var isDisabledFromFieldset = function isDisabledFromFieldset(node) {
|
|
15481
|
+
if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(node.tagName)) {
|
|
15482
|
+
var parentNode = node.parentElement;
|
|
15483
|
+
// check if `node` is contained in a disabled <fieldset>
|
|
15484
|
+
while (parentNode) {
|
|
15485
|
+
if (parentNode.tagName === 'FIELDSET' && parentNode.disabled) {
|
|
15486
|
+
// look for the first <legend> among the children of the disabled <fieldset>
|
|
15487
|
+
for (var i = 0; i < parentNode.children.length; i++) {
|
|
15488
|
+
var child = parentNode.children.item(i);
|
|
15489
|
+
// when the first <legend> (in document order) is found
|
|
15490
|
+
if (child.tagName === 'LEGEND') {
|
|
15491
|
+
// if its parent <fieldset> is not nested in another disabled <fieldset>,
|
|
15492
|
+
// return whether `node` is a descendant of its first <legend>
|
|
15493
|
+
return matches$1.call(parentNode, 'fieldset[disabled] *') ? true : !child.contains(node);
|
|
15494
|
+
}
|
|
15495
|
+
}
|
|
15496
|
+
// the disabled <fieldset> containing `node` has no <legend>
|
|
15497
|
+
return true;
|
|
15498
|
+
}
|
|
15499
|
+
parentNode = parentNode.parentElement;
|
|
15500
|
+
}
|
|
15501
|
+
}
|
|
15502
|
+
|
|
15503
|
+
// else, node's tabbable/focusable state should not be affected by a fieldset's
|
|
15504
|
+
// enabled/disabled state
|
|
15505
|
+
return false;
|
|
15506
|
+
};
|
|
15507
|
+
var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) {
|
|
15508
|
+
if (node.disabled || isHiddenInput(node) || isHidden(node, options) ||
|
|
15509
|
+
// For a details element with a summary, the summary element gets the focus
|
|
15510
|
+
isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
|
|
15511
|
+
return false;
|
|
15512
|
+
}
|
|
15513
|
+
return true;
|
|
15514
|
+
};
|
|
15515
|
+
var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable(options, node) {
|
|
15516
|
+
if (isNonTabbableRadio(node) || getTabindex(node) < 0 || !isNodeMatchingSelectorFocusable(options, node)) {
|
|
15517
|
+
return false;
|
|
15518
|
+
}
|
|
15519
|
+
return true;
|
|
15520
|
+
};
|
|
15521
|
+
var isValidShadowRootTabbable = function isValidShadowRootTabbable(shadowHostNode) {
|
|
15522
|
+
var tabIndex = parseInt(shadowHostNode.getAttribute('tabindex'), 10);
|
|
15523
|
+
if (isNaN(tabIndex) || tabIndex >= 0) {
|
|
15524
|
+
return true;
|
|
15525
|
+
}
|
|
15526
|
+
// If a custom element has an explicit negative tabindex,
|
|
15527
|
+
// browsers will not allow tab targeting said element's children.
|
|
15528
|
+
return false;
|
|
15529
|
+
};
|
|
15530
|
+
|
|
15531
|
+
/**
|
|
15532
|
+
* @param {Array.<Element|CandidateScope>} candidates
|
|
15533
|
+
* @returns Element[]
|
|
15534
|
+
*/
|
|
15535
|
+
var sortByOrder = function sortByOrder(candidates) {
|
|
15536
|
+
var regularTabbables = [];
|
|
15537
|
+
var orderedTabbables = [];
|
|
15538
|
+
candidates.forEach(function (item, i) {
|
|
15539
|
+
var isScope = !!item.scopeParent;
|
|
15540
|
+
var element = isScope ? item.scopeParent : item;
|
|
15541
|
+
var candidateTabindex = getTabindex(element, isScope);
|
|
15542
|
+
var elements = isScope ? sortByOrder(item.candidates) : element;
|
|
15543
|
+
if (candidateTabindex === 0) {
|
|
15544
|
+
isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);
|
|
15545
|
+
} else {
|
|
15546
|
+
orderedTabbables.push({
|
|
15547
|
+
documentOrder: i,
|
|
15548
|
+
tabIndex: candidateTabindex,
|
|
15549
|
+
item: item,
|
|
15550
|
+
isScope: isScope,
|
|
15551
|
+
content: elements
|
|
15552
|
+
});
|
|
15553
|
+
}
|
|
15554
|
+
});
|
|
15555
|
+
return orderedTabbables.sort(sortOrderedTabbables).reduce(function (acc, sortable) {
|
|
15556
|
+
sortable.isScope ? acc.push.apply(acc, sortable.content) : acc.push(sortable.content);
|
|
15557
|
+
return acc;
|
|
15558
|
+
}, []).concat(regularTabbables);
|
|
15559
|
+
};
|
|
15560
|
+
var tabbable = function tabbable(el, options) {
|
|
15561
|
+
options = options || {};
|
|
15562
|
+
var candidates;
|
|
15563
|
+
if (options.getShadowRoot) {
|
|
15564
|
+
candidates = getCandidatesIteratively([el], options.includeContainer, {
|
|
15565
|
+
filter: isNodeMatchingSelectorTabbable.bind(null, options),
|
|
15566
|
+
flatten: false,
|
|
15567
|
+
getShadowRoot: options.getShadowRoot,
|
|
15568
|
+
shadowRootFilter: isValidShadowRootTabbable
|
|
15569
|
+
});
|
|
15570
|
+
} else {
|
|
15571
|
+
candidates = getCandidates(el, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
|
|
15572
|
+
}
|
|
15573
|
+
return sortByOrder(candidates);
|
|
15574
|
+
};
|
|
15575
|
+
|
|
15576
|
+
var index$1 = typeof document !== 'undefined' ? useLayoutEffect : useEffect;
|
|
15577
|
+
|
|
15578
|
+
let serverHandoffComplete = false;
|
|
15579
|
+
let count = 0;
|
|
15580
|
+
const genId = () => "floating-ui-" + count++;
|
|
15581
|
+
function useFloatingId() {
|
|
15582
|
+
const [id, setId] = React.useState(() => serverHandoffComplete ? genId() : undefined);
|
|
15583
|
+
index$1(() => {
|
|
15584
|
+
if (id == null) {
|
|
15585
|
+
setId(genId());
|
|
15586
|
+
}
|
|
15587
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
15588
|
+
}, []);
|
|
15589
|
+
React.useEffect(() => {
|
|
15590
|
+
if (!serverHandoffComplete) {
|
|
15591
|
+
serverHandoffComplete = true;
|
|
15592
|
+
}
|
|
15593
|
+
}, []);
|
|
15594
|
+
return id;
|
|
15595
|
+
}
|
|
15596
|
+
|
|
15597
|
+
// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
|
|
15598
|
+
const useReactId = React[/*#__PURE__*/'useId'.toString()];
|
|
15599
|
+
|
|
15600
|
+
/**
|
|
15601
|
+
* Uses React 18's built-in `useId()` when available, or falls back to a
|
|
15602
|
+
* slightly less performant (requiring a double render) implementation for
|
|
15603
|
+
* earlier React versions.
|
|
15604
|
+
* @see https://floating-ui.com/docs/useId
|
|
15605
|
+
*/
|
|
15606
|
+
const useId = useReactId || useFloatingId;
|
|
15607
|
+
|
|
15608
|
+
function createPubSub() {
|
|
15609
|
+
const map = new Map();
|
|
15610
|
+
return {
|
|
15611
|
+
emit(event, data) {
|
|
15612
|
+
var _map$get;
|
|
15613
|
+
(_map$get = map.get(event)) == null ? void 0 : _map$get.forEach(handler => handler(data));
|
|
15614
|
+
},
|
|
15615
|
+
on(event, listener) {
|
|
15616
|
+
map.set(event, [...(map.get(event) || []), listener]);
|
|
15617
|
+
},
|
|
15618
|
+
off(event, listener) {
|
|
15619
|
+
map.set(event, (map.get(event) || []).filter(l => l !== listener));
|
|
15620
|
+
}
|
|
15621
|
+
};
|
|
15622
|
+
}
|
|
15623
|
+
|
|
15624
|
+
const FloatingNodeContext = /*#__PURE__*/React.createContext(null);
|
|
15625
|
+
const FloatingTreeContext = /*#__PURE__*/React.createContext(null);
|
|
15626
|
+
const useFloatingParentNodeId = () => {
|
|
15627
|
+
var _React$useContext;
|
|
15628
|
+
return ((_React$useContext = React.useContext(FloatingNodeContext)) == null ? void 0 : _React$useContext.id) || null;
|
|
15629
|
+
};
|
|
15630
|
+
const useFloatingTree = () => React.useContext(FloatingTreeContext);
|
|
15631
|
+
|
|
15632
|
+
function getDocument(node) {
|
|
15633
|
+
return (node == null ? void 0 : node.ownerDocument) || document;
|
|
15634
|
+
}
|
|
15635
|
+
|
|
15636
|
+
// Avoid Chrome DevTools blue warning.
|
|
15637
|
+
function getPlatform() {
|
|
15638
|
+
const uaData = navigator.userAgentData;
|
|
15639
|
+
if (uaData != null && uaData.platform) {
|
|
15640
|
+
return uaData.platform;
|
|
15641
|
+
}
|
|
15642
|
+
return navigator.platform;
|
|
15643
|
+
}
|
|
15644
|
+
function getUserAgent() {
|
|
15645
|
+
const uaData = navigator.userAgentData;
|
|
15646
|
+
if (uaData && Array.isArray(uaData.brands)) {
|
|
15647
|
+
return uaData.brands.map(_ref => {
|
|
15648
|
+
let {
|
|
15649
|
+
brand,
|
|
15650
|
+
version
|
|
15651
|
+
} = _ref;
|
|
15652
|
+
return brand + "/" + version;
|
|
15653
|
+
}).join(' ');
|
|
15654
|
+
}
|
|
15655
|
+
return navigator.userAgent;
|
|
15656
|
+
}
|
|
15657
|
+
|
|
15658
|
+
function getWindow(value) {
|
|
15659
|
+
return getDocument(value).defaultView || window;
|
|
15660
|
+
}
|
|
15661
|
+
function isElement(value) {
|
|
15662
|
+
return value ? value instanceof getWindow(value).Element : false;
|
|
15663
|
+
}
|
|
15664
|
+
function isHTMLElement(value) {
|
|
15665
|
+
return value ? value instanceof getWindow(value).HTMLElement : false;
|
|
15666
|
+
}
|
|
15667
|
+
function isShadowRoot(node) {
|
|
15668
|
+
// Browsers without `ShadowRoot` support
|
|
15669
|
+
if (typeof ShadowRoot === 'undefined') {
|
|
15670
|
+
return false;
|
|
15671
|
+
}
|
|
15672
|
+
const OwnElement = getWindow(node).ShadowRoot;
|
|
15673
|
+
return node instanceof OwnElement || node instanceof ShadowRoot;
|
|
15674
|
+
}
|
|
15675
|
+
|
|
15676
|
+
// License: https://github.com/adobe/react-spectrum/blob/b35d5c02fe900badccd0cf1a8f23bb593419f238/packages/@react-aria/utils/src/isVirtualEvent.ts
|
|
15677
|
+
function isVirtualClick(event) {
|
|
15678
|
+
if (event.mozInputSource === 0 && event.isTrusted) {
|
|
15679
|
+
return true;
|
|
15680
|
+
}
|
|
15681
|
+
const androidRe = /Android/i;
|
|
15682
|
+
if ((androidRe.test(getPlatform()) || androidRe.test(getUserAgent())) && event.pointerType) {
|
|
15683
|
+
return event.type === 'click' && event.buttons === 1;
|
|
15684
|
+
}
|
|
15685
|
+
return event.detail === 0 && !event.pointerType;
|
|
15686
|
+
}
|
|
15687
|
+
function isVirtualPointerEvent(event) {
|
|
15688
|
+
return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType !== 'mouse' ||
|
|
15689
|
+
// iOS VoiceOver returns 0.333• for width/height.
|
|
15690
|
+
event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0;
|
|
15691
|
+
}
|
|
15692
|
+
function isSafari() {
|
|
15693
|
+
// Chrome DevTools does not complain about navigator.vendor
|
|
15694
|
+
return /apple/i.test(navigator.vendor);
|
|
15695
|
+
}
|
|
15696
|
+
function isMac() {
|
|
15697
|
+
return getPlatform().toLowerCase().startsWith('mac') && !navigator.maxTouchPoints;
|
|
15698
|
+
}
|
|
15699
|
+
function isMouseLikePointerType(pointerType, strict) {
|
|
15700
|
+
// On some Linux machines with Chromium, mouse inputs return a `pointerType`
|
|
15701
|
+
// of "pen": https://github.com/floating-ui/floating-ui/issues/2015
|
|
15702
|
+
const values = ['mouse', 'pen'];
|
|
15703
|
+
if (!strict) {
|
|
15704
|
+
values.push('', undefined);
|
|
15705
|
+
}
|
|
15706
|
+
return values.includes(pointerType);
|
|
15707
|
+
}
|
|
15708
|
+
|
|
15709
|
+
function contains(parent, child) {
|
|
15710
|
+
if (!parent || !child) {
|
|
15711
|
+
return false;
|
|
15712
|
+
}
|
|
15713
|
+
const rootNode = child.getRootNode && child.getRootNode();
|
|
15714
|
+
|
|
15715
|
+
// First, attempt with faster native method
|
|
15716
|
+
if (parent.contains(child)) {
|
|
15717
|
+
return true;
|
|
15718
|
+
}
|
|
15719
|
+
// then fallback to custom implementation with Shadow DOM support
|
|
15720
|
+
else if (rootNode && isShadowRoot(rootNode)) {
|
|
15721
|
+
let next = child;
|
|
15722
|
+
do {
|
|
15723
|
+
if (next && parent === next) {
|
|
15724
|
+
return true;
|
|
15725
|
+
}
|
|
15726
|
+
// @ts-ignore
|
|
15727
|
+
next = next.parentNode || next.host;
|
|
15728
|
+
} while (next);
|
|
15729
|
+
}
|
|
15730
|
+
|
|
15731
|
+
// Give up, the result is false
|
|
15732
|
+
return false;
|
|
15733
|
+
}
|
|
15734
|
+
|
|
15735
|
+
function getChildren(nodes, id) {
|
|
15736
|
+
let allChildren = nodes.filter(node => {
|
|
15737
|
+
var _node$context;
|
|
15738
|
+
return node.parentId === id && ((_node$context = node.context) == null ? void 0 : _node$context.open);
|
|
15739
|
+
}) || [];
|
|
15740
|
+
let currentChildren = allChildren;
|
|
15741
|
+
while (currentChildren.length) {
|
|
15742
|
+
currentChildren = nodes.filter(node => {
|
|
15743
|
+
var _currentChildren;
|
|
15744
|
+
return (_currentChildren = currentChildren) == null ? void 0 : _currentChildren.some(n => {
|
|
15745
|
+
var _node$context2;
|
|
15746
|
+
return node.parentId === n.id && ((_node$context2 = node.context) == null ? void 0 : _node$context2.open);
|
|
15747
|
+
});
|
|
15748
|
+
}) || [];
|
|
15749
|
+
allChildren = allChildren.concat(currentChildren);
|
|
15750
|
+
}
|
|
15751
|
+
return allChildren;
|
|
15752
|
+
}
|
|
15753
|
+
|
|
15754
|
+
function getTarget(event) {
|
|
15755
|
+
if ('composedPath' in event) {
|
|
15756
|
+
return event.composedPath()[0];
|
|
15757
|
+
}
|
|
15758
|
+
|
|
15759
|
+
// TS thinks `event` is of type never as it assumes all browsers support
|
|
15760
|
+
// `composedPath()`, but browsers without shadow DOM don't.
|
|
15761
|
+
return event.target;
|
|
15762
|
+
}
|
|
15763
|
+
function destroyPolygon(ref) {
|
|
15764
|
+
if (ref.current) {
|
|
15765
|
+
ref.current.remove();
|
|
15766
|
+
ref.current = null;
|
|
15767
|
+
}
|
|
15768
|
+
}
|
|
15769
|
+
|
|
15770
|
+
function useLatestRef(value) {
|
|
15771
|
+
const ref = useRef(value);
|
|
15772
|
+
index$1(() => {
|
|
15773
|
+
ref.current = value;
|
|
15774
|
+
});
|
|
15775
|
+
return ref;
|
|
15776
|
+
}
|
|
15777
|
+
|
|
15778
|
+
function getDelay(value, prop, pointerType) {
|
|
15779
|
+
if (pointerType && !isMouseLikePointerType(pointerType)) {
|
|
15780
|
+
return 0;
|
|
15781
|
+
}
|
|
15782
|
+
if (typeof value === 'number') {
|
|
15783
|
+
return value;
|
|
15784
|
+
}
|
|
15785
|
+
return value == null ? void 0 : value[prop];
|
|
15786
|
+
}
|
|
15787
|
+
/**
|
|
15788
|
+
* Adds hover event listeners that change the open state, like CSS :hover.
|
|
15789
|
+
* @see https://floating-ui.com/docs/useHover
|
|
15790
|
+
*/
|
|
15791
|
+
const useHover = function (context, _temp) {
|
|
15792
|
+
let {
|
|
15793
|
+
enabled = true,
|
|
15794
|
+
delay = 0,
|
|
15795
|
+
handleClose = null,
|
|
15796
|
+
mouseOnly = false,
|
|
15797
|
+
restMs = 0,
|
|
15798
|
+
move = true
|
|
15799
|
+
} = _temp === void 0 ? {} : _temp;
|
|
15800
|
+
const {
|
|
15801
|
+
open,
|
|
15802
|
+
onOpenChange,
|
|
15803
|
+
dataRef,
|
|
15804
|
+
events,
|
|
15805
|
+
elements: {
|
|
15806
|
+
domReference,
|
|
15807
|
+
floating
|
|
15808
|
+
}
|
|
15809
|
+
} = context;
|
|
15810
|
+
const tree = useFloatingTree();
|
|
15811
|
+
const handleCloseRef = useLatestRef(handleClose);
|
|
15812
|
+
const delayRef = useLatestRef(delay);
|
|
15813
|
+
const pointerTypeRef = React.useRef();
|
|
15814
|
+
const timeoutRef = React.useRef();
|
|
15815
|
+
const handlerRef = React.useRef();
|
|
15816
|
+
const restTimeoutRef = React.useRef();
|
|
15817
|
+
const blockMouseMoveRef = React.useRef(true);
|
|
15818
|
+
const polygonRef = React.useRef(null);
|
|
15819
|
+
const isHoverOpen = React.useCallback(() => {
|
|
15820
|
+
var _dataRef$current$open;
|
|
15821
|
+
const type = (_dataRef$current$open = dataRef.current.openEvent) == null ? void 0 : _dataRef$current$open.type;
|
|
15822
|
+
return (type == null ? void 0 : type.includes('mouse')) && type !== 'mousedown';
|
|
15823
|
+
}, [dataRef]);
|
|
15824
|
+
|
|
15825
|
+
// When dismissing before opening, clear the delay timeouts to cancel it
|
|
15826
|
+
// from showing.
|
|
15827
|
+
React.useEffect(() => {
|
|
15828
|
+
if (!enabled) {
|
|
15829
|
+
return;
|
|
15830
|
+
}
|
|
15831
|
+
function onDismiss() {
|
|
15832
|
+
clearTimeout(timeoutRef.current);
|
|
15833
|
+
clearTimeout(restTimeoutRef.current);
|
|
15834
|
+
blockMouseMoveRef.current = true;
|
|
15835
|
+
}
|
|
15836
|
+
events.on('dismiss', onDismiss);
|
|
15837
|
+
return () => {
|
|
15838
|
+
events.off('dismiss', onDismiss);
|
|
15839
|
+
};
|
|
15840
|
+
}, [enabled, events]);
|
|
15841
|
+
React.useEffect(() => {
|
|
15842
|
+
if (!enabled || !handleCloseRef.current || !open) {
|
|
15843
|
+
return;
|
|
15844
|
+
}
|
|
15845
|
+
function onLeave() {
|
|
15846
|
+
if (isHoverOpen()) {
|
|
15847
|
+
onOpenChange(false);
|
|
15848
|
+
}
|
|
15849
|
+
}
|
|
15850
|
+
const html = getDocument(floating).documentElement;
|
|
15851
|
+
html.addEventListener('mouseleave', onLeave);
|
|
15852
|
+
return () => {
|
|
15853
|
+
html.removeEventListener('mouseleave', onLeave);
|
|
15854
|
+
};
|
|
15855
|
+
}, [floating, open, onOpenChange, enabled, handleCloseRef, dataRef, isHoverOpen]);
|
|
15856
|
+
const closeWithDelay = React.useCallback(function (runElseBranch) {
|
|
15857
|
+
if (runElseBranch === void 0) {
|
|
15858
|
+
runElseBranch = true;
|
|
15859
|
+
}
|
|
15860
|
+
const closeDelay = getDelay(delayRef.current, 'close', pointerTypeRef.current);
|
|
15861
|
+
if (closeDelay && !handlerRef.current) {
|
|
15862
|
+
clearTimeout(timeoutRef.current);
|
|
15863
|
+
timeoutRef.current = setTimeout(() => onOpenChange(false), closeDelay);
|
|
15864
|
+
} else if (runElseBranch) {
|
|
15865
|
+
clearTimeout(timeoutRef.current);
|
|
15866
|
+
onOpenChange(false);
|
|
15867
|
+
}
|
|
15868
|
+
}, [delayRef, onOpenChange]);
|
|
15869
|
+
const cleanupMouseMoveHandler = React.useCallback(() => {
|
|
15870
|
+
if (handlerRef.current) {
|
|
15871
|
+
getDocument(floating).removeEventListener('mousemove', handlerRef.current);
|
|
15872
|
+
handlerRef.current = undefined;
|
|
15873
|
+
}
|
|
15874
|
+
}, [floating]);
|
|
15875
|
+
|
|
15876
|
+
// Registering the mouse events on the reference directly to bypass React's
|
|
15877
|
+
// delegation system. If the cursor was on a disabled element and then entered
|
|
15878
|
+
// the reference (no gap), `mouseenter` doesn't fire in the delegation system.
|
|
15879
|
+
React.useEffect(() => {
|
|
15880
|
+
if (!enabled) {
|
|
15881
|
+
return;
|
|
15882
|
+
}
|
|
15883
|
+
function isClickLikeOpenEvent() {
|
|
15884
|
+
return dataRef.current.openEvent ? ['click', 'mousedown'].includes(dataRef.current.openEvent.type) : false;
|
|
15885
|
+
}
|
|
15886
|
+
function onMouseEnter(event) {
|
|
15887
|
+
clearTimeout(timeoutRef.current);
|
|
15888
|
+
blockMouseMoveRef.current = false;
|
|
15889
|
+
if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || restMs > 0 && getDelay(delayRef.current, 'open') === 0) {
|
|
15890
|
+
return;
|
|
15891
|
+
}
|
|
15892
|
+
dataRef.current.openEvent = event;
|
|
15893
|
+
const openDelay = getDelay(delayRef.current, 'open', pointerTypeRef.current);
|
|
15894
|
+
if (openDelay) {
|
|
15895
|
+
timeoutRef.current = setTimeout(() => {
|
|
15896
|
+
onOpenChange(true);
|
|
15897
|
+
}, openDelay);
|
|
15898
|
+
} else {
|
|
15899
|
+
onOpenChange(true);
|
|
15900
|
+
}
|
|
15901
|
+
}
|
|
15902
|
+
function onMouseLeave(event) {
|
|
15903
|
+
if (isClickLikeOpenEvent()) {
|
|
15904
|
+
return;
|
|
15905
|
+
}
|
|
15906
|
+
const doc = getDocument(floating);
|
|
15907
|
+
clearTimeout(restTimeoutRef.current);
|
|
15908
|
+
if (handleCloseRef.current) {
|
|
15909
|
+
clearTimeout(timeoutRef.current);
|
|
15910
|
+
handlerRef.current && doc.removeEventListener('mousemove', handlerRef.current);
|
|
15911
|
+
handlerRef.current = handleCloseRef.current({
|
|
15912
|
+
...context,
|
|
15913
|
+
tree,
|
|
15914
|
+
polygonRef,
|
|
15915
|
+
x: event.clientX,
|
|
15916
|
+
y: event.clientY,
|
|
15917
|
+
onClose() {
|
|
15918
|
+
cleanupMouseMoveHandler();
|
|
15919
|
+
closeWithDelay();
|
|
15920
|
+
}
|
|
15921
|
+
});
|
|
15922
|
+
doc.addEventListener('mousemove', handlerRef.current);
|
|
15923
|
+
return;
|
|
15924
|
+
}
|
|
15925
|
+
closeWithDelay();
|
|
15926
|
+
}
|
|
15927
|
+
|
|
15928
|
+
// Ensure the floating element closes after scrolling even if the pointer
|
|
15929
|
+
// did not move.
|
|
15930
|
+
// https://github.com/floating-ui/floating-ui/discussions/1692
|
|
15931
|
+
function onScrollMouseLeave(event) {
|
|
15932
|
+
if (isClickLikeOpenEvent()) {
|
|
15933
|
+
return;
|
|
15934
|
+
}
|
|
15935
|
+
handleCloseRef.current == null ? void 0 : handleCloseRef.current({
|
|
15936
|
+
...context,
|
|
15937
|
+
tree,
|
|
15938
|
+
polygonRef,
|
|
15939
|
+
x: event.clientX,
|
|
15940
|
+
y: event.clientY,
|
|
15941
|
+
onClose() {
|
|
15942
|
+
cleanupMouseMoveHandler();
|
|
15943
|
+
closeWithDelay();
|
|
15944
|
+
}
|
|
15945
|
+
})(event);
|
|
15946
|
+
}
|
|
15947
|
+
if (isElement(domReference)) {
|
|
15948
|
+
const ref = domReference;
|
|
15949
|
+
open && ref.addEventListener('mouseleave', onScrollMouseLeave);
|
|
15950
|
+
floating == null ? void 0 : floating.addEventListener('mouseleave', onScrollMouseLeave);
|
|
15951
|
+
move && ref.addEventListener('mousemove', onMouseEnter, {
|
|
15952
|
+
once: true
|
|
15953
|
+
});
|
|
15954
|
+
ref.addEventListener('mouseenter', onMouseEnter);
|
|
15955
|
+
ref.addEventListener('mouseleave', onMouseLeave);
|
|
15956
|
+
return () => {
|
|
15957
|
+
open && ref.removeEventListener('mouseleave', onScrollMouseLeave);
|
|
15958
|
+
floating == null ? void 0 : floating.removeEventListener('mouseleave', onScrollMouseLeave);
|
|
15959
|
+
move && ref.removeEventListener('mousemove', onMouseEnter);
|
|
15960
|
+
ref.removeEventListener('mouseenter', onMouseEnter);
|
|
15961
|
+
ref.removeEventListener('mouseleave', onMouseLeave);
|
|
15962
|
+
};
|
|
15963
|
+
}
|
|
15964
|
+
}, [domReference, floating, enabled, context, mouseOnly, restMs, move, closeWithDelay, cleanupMouseMoveHandler, onOpenChange, open, tree, delayRef, handleCloseRef, dataRef]);
|
|
15965
|
+
index$1(() => {
|
|
15966
|
+
if (!open) {
|
|
15967
|
+
pointerTypeRef.current = undefined;
|
|
15968
|
+
cleanupMouseMoveHandler();
|
|
15969
|
+
destroyPolygon(polygonRef);
|
|
15970
|
+
}
|
|
15971
|
+
}, [open, cleanupMouseMoveHandler]);
|
|
15972
|
+
React.useEffect(() => {
|
|
15973
|
+
return () => {
|
|
15974
|
+
cleanupMouseMoveHandler();
|
|
15975
|
+
clearTimeout(timeoutRef.current);
|
|
15976
|
+
clearTimeout(restTimeoutRef.current);
|
|
15977
|
+
destroyPolygon(polygonRef);
|
|
15978
|
+
};
|
|
15979
|
+
}, [enabled, cleanupMouseMoveHandler]);
|
|
15980
|
+
return React.useMemo(() => {
|
|
15981
|
+
if (!enabled) {
|
|
15982
|
+
return {};
|
|
15983
|
+
}
|
|
15984
|
+
function setPointerRef(event) {
|
|
15985
|
+
pointerTypeRef.current = event.pointerType;
|
|
15986
|
+
}
|
|
15987
|
+
return {
|
|
15988
|
+
reference: {
|
|
15989
|
+
onPointerDown: setPointerRef,
|
|
15990
|
+
onPointerEnter: setPointerRef,
|
|
15991
|
+
onMouseMove() {
|
|
15992
|
+
if (open || restMs === 0) {
|
|
15993
|
+
return;
|
|
15994
|
+
}
|
|
15995
|
+
clearTimeout(restTimeoutRef.current);
|
|
15996
|
+
restTimeoutRef.current = setTimeout(() => {
|
|
15997
|
+
if (!blockMouseMoveRef.current) {
|
|
15998
|
+
onOpenChange(true);
|
|
15999
|
+
}
|
|
16000
|
+
}, restMs);
|
|
16001
|
+
}
|
|
16002
|
+
},
|
|
16003
|
+
floating: {
|
|
16004
|
+
onMouseEnter() {
|
|
16005
|
+
clearTimeout(timeoutRef.current);
|
|
16006
|
+
},
|
|
16007
|
+
onMouseLeave() {
|
|
16008
|
+
events.emit('dismiss', {
|
|
16009
|
+
type: 'mouseLeave',
|
|
16010
|
+
data: {
|
|
16011
|
+
returnFocus: false
|
|
16012
|
+
}
|
|
16013
|
+
});
|
|
16014
|
+
closeWithDelay(false);
|
|
16015
|
+
}
|
|
16016
|
+
}
|
|
16017
|
+
};
|
|
16018
|
+
}, [events, enabled, restMs, open, onOpenChange, closeWithDelay]);
|
|
16019
|
+
};
|
|
16020
|
+
|
|
16021
|
+
function _extends$d() {
|
|
16022
|
+
_extends$d = Object.assign || function (target) {
|
|
16023
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
16024
|
+
var source = arguments[i];
|
|
16025
|
+
for (var key in source) {
|
|
16026
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
16027
|
+
target[key] = source[key];
|
|
16028
|
+
}
|
|
16029
|
+
}
|
|
16030
|
+
}
|
|
16031
|
+
return target;
|
|
16032
|
+
};
|
|
16033
|
+
return _extends$d.apply(this, arguments);
|
|
16034
|
+
}
|
|
16035
|
+
|
|
16036
|
+
/**
|
|
16037
|
+
* Find the real active element. Traverses into shadowRoots.
|
|
16038
|
+
*/
|
|
16039
|
+
function activeElement$1(doc) {
|
|
16040
|
+
let activeElement = doc.activeElement;
|
|
16041
|
+
while (((_activeElement = activeElement) == null ? void 0 : (_activeElement$shadow = _activeElement.shadowRoot) == null ? void 0 : _activeElement$shadow.activeElement) != null) {
|
|
16042
|
+
var _activeElement, _activeElement$shadow;
|
|
16043
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
16044
|
+
}
|
|
16045
|
+
return activeElement;
|
|
16046
|
+
}
|
|
16047
|
+
|
|
16048
|
+
const getTabbableOptions = () => ({
|
|
16049
|
+
getShadowRoot: true,
|
|
16050
|
+
displayCheck:
|
|
16051
|
+
// JSDOM does not support the `tabbable` library. To solve this we can
|
|
16052
|
+
// check if `ResizeObserver` is a real function (not polyfilled), which
|
|
16053
|
+
// determines if the current environment is JSDOM-like.
|
|
16054
|
+
typeof ResizeObserver === 'function' && ResizeObserver.toString().includes('[native code]') ? 'full' : 'none'
|
|
16055
|
+
});
|
|
16056
|
+
function getTabbableIn(container, direction) {
|
|
16057
|
+
const allTabbable = tabbable(container, getTabbableOptions());
|
|
16058
|
+
if (direction === 'prev') {
|
|
16059
|
+
allTabbable.reverse();
|
|
16060
|
+
}
|
|
16061
|
+
const activeIndex = allTabbable.indexOf(activeElement$1(getDocument(container)));
|
|
16062
|
+
const nextTabbableElements = allTabbable.slice(activeIndex + 1);
|
|
16063
|
+
return nextTabbableElements[0];
|
|
16064
|
+
}
|
|
16065
|
+
function getNextTabbable() {
|
|
16066
|
+
return getTabbableIn(document.body, 'next');
|
|
16067
|
+
}
|
|
16068
|
+
function getPreviousTabbable() {
|
|
16069
|
+
return getTabbableIn(document.body, 'prev');
|
|
16070
|
+
}
|
|
16071
|
+
function isOutsideEvent(event, container) {
|
|
16072
|
+
const containerElement = container || event.currentTarget;
|
|
16073
|
+
const relatedTarget = event.relatedTarget;
|
|
16074
|
+
return !relatedTarget || !contains(containerElement, relatedTarget);
|
|
16075
|
+
}
|
|
16076
|
+
function disableFocusInside(container) {
|
|
16077
|
+
const tabbableElements = tabbable(container, getTabbableOptions());
|
|
16078
|
+
tabbableElements.forEach(element => {
|
|
16079
|
+
element.dataset.tabindex = element.getAttribute('tabindex') || '';
|
|
16080
|
+
element.setAttribute('tabindex', '-1');
|
|
16081
|
+
});
|
|
16082
|
+
}
|
|
16083
|
+
function enableFocusInside(container) {
|
|
16084
|
+
const elements = container.querySelectorAll('[data-tabindex]');
|
|
16085
|
+
elements.forEach(element => {
|
|
16086
|
+
const tabindex = element.dataset.tabindex;
|
|
16087
|
+
delete element.dataset.tabindex;
|
|
16088
|
+
if (tabindex) {
|
|
16089
|
+
element.setAttribute('tabindex', tabindex);
|
|
16090
|
+
} else {
|
|
16091
|
+
element.removeAttribute('tabindex');
|
|
16092
|
+
}
|
|
16093
|
+
});
|
|
16094
|
+
}
|
|
16095
|
+
|
|
16096
|
+
// `toString()` prevents bundlers from trying to `import { useInsertionEffect } from 'react'`
|
|
16097
|
+
const useInsertionEffect = React[/*#__PURE__*/'useInsertionEffect'.toString()];
|
|
16098
|
+
const useSafeInsertionEffect = useInsertionEffect || (fn => fn());
|
|
16099
|
+
function useEvent(callback) {
|
|
16100
|
+
const ref = React.useRef(() => {
|
|
16101
|
+
if (process.env.NODE_ENV !== "production") {
|
|
16102
|
+
throw new Error('Cannot call an event handler while rendering.');
|
|
16103
|
+
}
|
|
16104
|
+
});
|
|
16105
|
+
useSafeInsertionEffect(() => {
|
|
16106
|
+
ref.current = callback;
|
|
16107
|
+
});
|
|
16108
|
+
return React.useCallback(function () {
|
|
16109
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
16110
|
+
args[_key] = arguments[_key];
|
|
16111
|
+
}
|
|
16112
|
+
return ref.current == null ? void 0 : ref.current(...args);
|
|
16113
|
+
}, []);
|
|
16114
|
+
}
|
|
16115
|
+
|
|
16116
|
+
// See Diego Haz's Sandbox for making this logic work well on Safari/iOS:
|
|
16117
|
+
// https://codesandbox.io/s/tabbable-portal-f4tng?file=/src/FocusTrap.tsx
|
|
16118
|
+
|
|
16119
|
+
const HIDDEN_STYLES = {
|
|
16120
|
+
border: 0,
|
|
16121
|
+
clip: 'rect(0 0 0 0)',
|
|
16122
|
+
height: '1px',
|
|
16123
|
+
margin: '-1px',
|
|
16124
|
+
overflow: 'hidden',
|
|
16125
|
+
padding: 0,
|
|
16126
|
+
position: 'fixed',
|
|
16127
|
+
whiteSpace: 'nowrap',
|
|
16128
|
+
width: '1px',
|
|
16129
|
+
top: 0,
|
|
16130
|
+
left: 0
|
|
16131
|
+
};
|
|
16132
|
+
let activeElement;
|
|
16133
|
+
let timeoutId;
|
|
16134
|
+
function setActiveElementOnTab(event) {
|
|
16135
|
+
if (event.key === 'Tab') {
|
|
16136
|
+
activeElement = event.target;
|
|
16137
|
+
clearTimeout(timeoutId);
|
|
16138
|
+
}
|
|
16139
|
+
}
|
|
16140
|
+
function isTabFocus(event) {
|
|
16141
|
+
const result = activeElement === event.relatedTarget;
|
|
16142
|
+
activeElement = event.relatedTarget;
|
|
16143
|
+
clearTimeout(timeoutId);
|
|
16144
|
+
return result;
|
|
16145
|
+
}
|
|
16146
|
+
const FocusGuard = /*#__PURE__*/React.forwardRef(function FocusGuard(props, ref) {
|
|
16147
|
+
const onFocus = useEvent(props.onFocus);
|
|
16148
|
+
const [role, setRole] = React.useState();
|
|
16149
|
+
index$1(() => {
|
|
16150
|
+
if (isSafari()) {
|
|
16151
|
+
// Unlike other screen readers such as NVDA and JAWS, the virtual cursor
|
|
16152
|
+
// on VoiceOver does trigger the onFocus event, so we can use the focus
|
|
16153
|
+
// trap element. On Safari, only buttons trigger the onFocus event.
|
|
16154
|
+
// NB: "group" role in the Sandbox no longer appears to work, must be a
|
|
16155
|
+
// button role.
|
|
16156
|
+
setRole('button');
|
|
16157
|
+
}
|
|
16158
|
+
document.addEventListener('keydown', setActiveElementOnTab);
|
|
16159
|
+
return () => {
|
|
16160
|
+
document.removeEventListener('keydown', setActiveElementOnTab);
|
|
16161
|
+
};
|
|
16162
|
+
}, []);
|
|
16163
|
+
return /*#__PURE__*/React.createElement("span", _extends$d({}, props, {
|
|
16164
|
+
ref: ref,
|
|
16165
|
+
tabIndex: 0
|
|
16166
|
+
// Role is only for VoiceOver
|
|
16167
|
+
,
|
|
16168
|
+
role: role,
|
|
16169
|
+
"aria-hidden": role ? undefined : true,
|
|
16170
|
+
"data-floating-ui-focus-guard": "",
|
|
16171
|
+
style: HIDDEN_STYLES,
|
|
16172
|
+
onFocus: event => {
|
|
16173
|
+
if (isSafari() && isMac() && !isTabFocus(event)) {
|
|
16174
|
+
// On macOS we need to wait a little bit before moving
|
|
16175
|
+
// focus again.
|
|
16176
|
+
event.persist();
|
|
16177
|
+
timeoutId = window.setTimeout(() => {
|
|
16178
|
+
onFocus(event);
|
|
16179
|
+
}, 50);
|
|
16180
|
+
} else {
|
|
16181
|
+
onFocus(event);
|
|
16182
|
+
}
|
|
16183
|
+
}
|
|
16184
|
+
}));
|
|
16185
|
+
});
|
|
16186
|
+
|
|
16187
|
+
const PortalContext = /*#__PURE__*/React.createContext(null);
|
|
16188
|
+
const useFloatingPortalNode = function (_temp) {
|
|
16189
|
+
let {
|
|
16190
|
+
id,
|
|
16191
|
+
enabled = true
|
|
16192
|
+
} = _temp === void 0 ? {} : _temp;
|
|
16193
|
+
const [portalEl, setPortalEl] = React.useState(null);
|
|
16194
|
+
const uniqueId = useId();
|
|
16195
|
+
const portalContext = usePortalContext();
|
|
16196
|
+
index$1(() => {
|
|
16197
|
+
if (!enabled) {
|
|
16198
|
+
return;
|
|
16199
|
+
}
|
|
16200
|
+
const rootNode = id ? document.getElementById(id) : null;
|
|
16201
|
+
if (rootNode) {
|
|
16202
|
+
rootNode.setAttribute('data-floating-ui-portal', '');
|
|
16203
|
+
setPortalEl(rootNode);
|
|
16204
|
+
} else {
|
|
16205
|
+
const newPortalEl = document.createElement('div');
|
|
16206
|
+
newPortalEl.id = id || uniqueId;
|
|
16207
|
+
newPortalEl.setAttribute('data-floating-ui-portal', '');
|
|
16208
|
+
setPortalEl(newPortalEl);
|
|
16209
|
+
const container = (portalContext == null ? void 0 : portalContext.portalNode) || document.body;
|
|
16210
|
+
container.appendChild(newPortalEl);
|
|
16211
|
+
return () => {
|
|
16212
|
+
container.removeChild(newPortalEl);
|
|
16213
|
+
};
|
|
16214
|
+
}
|
|
16215
|
+
}, [id, portalContext, uniqueId, enabled]);
|
|
16216
|
+
return portalEl;
|
|
16217
|
+
};
|
|
16218
|
+
|
|
16219
|
+
/**
|
|
16220
|
+
* Portals your floating element outside of the main app node.
|
|
16221
|
+
* @see https://floating-ui.com/docs/FloatingPortal
|
|
16222
|
+
*/
|
|
16223
|
+
const FloatingPortal = _ref => {
|
|
16224
|
+
let {
|
|
16225
|
+
children,
|
|
16226
|
+
id,
|
|
16227
|
+
root = null,
|
|
16228
|
+
preserveTabOrder = true
|
|
16229
|
+
} = _ref;
|
|
16230
|
+
const portalNode = useFloatingPortalNode({
|
|
16231
|
+
id,
|
|
16232
|
+
enabled: !root
|
|
16233
|
+
});
|
|
16234
|
+
const [focusManagerState, setFocusManagerState] = React.useState(null);
|
|
16235
|
+
const beforeOutsideRef = React.useRef(null);
|
|
16236
|
+
const afterOutsideRef = React.useRef(null);
|
|
16237
|
+
const beforeInsideRef = React.useRef(null);
|
|
16238
|
+
const afterInsideRef = React.useRef(null);
|
|
16239
|
+
const shouldRenderGuards =
|
|
16240
|
+
// The FocusManager and therefore floating element are currently open/
|
|
16241
|
+
// rendered.
|
|
16242
|
+
!!focusManagerState &&
|
|
16243
|
+
// Guards are only for non-modal focus management.
|
|
16244
|
+
!focusManagerState.modal && !!(root || portalNode) && preserveTabOrder;
|
|
16245
|
+
|
|
16246
|
+
// https://codesandbox.io/s/tabbable-portal-f4tng?file=/src/TabbablePortal.tsx
|
|
16247
|
+
React.useEffect(() => {
|
|
16248
|
+
if (!portalNode || !preserveTabOrder || focusManagerState != null && focusManagerState.modal) {
|
|
16249
|
+
return;
|
|
16250
|
+
}
|
|
16251
|
+
|
|
16252
|
+
// Make sure elements inside the portal element are tabbable only when the
|
|
16253
|
+
// portal has already been focused, either by tabbing into a focus trap
|
|
16254
|
+
// element outside or using the mouse.
|
|
16255
|
+
function onFocus(event) {
|
|
16256
|
+
if (portalNode && isOutsideEvent(event)) {
|
|
16257
|
+
const focusing = event.type === 'focusin';
|
|
16258
|
+
const manageFocus = focusing ? enableFocusInside : disableFocusInside;
|
|
16259
|
+
manageFocus(portalNode);
|
|
16260
|
+
}
|
|
16261
|
+
}
|
|
16262
|
+
// Listen to the event on the capture phase so they run before the focus
|
|
16263
|
+
// trap elements onFocus prop is called.
|
|
16264
|
+
portalNode.addEventListener('focusin', onFocus, true);
|
|
16265
|
+
portalNode.addEventListener('focusout', onFocus, true);
|
|
16266
|
+
return () => {
|
|
16267
|
+
portalNode.removeEventListener('focusin', onFocus, true);
|
|
16268
|
+
portalNode.removeEventListener('focusout', onFocus, true);
|
|
16269
|
+
};
|
|
16270
|
+
}, [portalNode, preserveTabOrder, focusManagerState == null ? void 0 : focusManagerState.modal]);
|
|
16271
|
+
return /*#__PURE__*/React.createElement(PortalContext.Provider, {
|
|
16272
|
+
value: React.useMemo(() => ({
|
|
16273
|
+
preserveTabOrder,
|
|
16274
|
+
beforeOutsideRef,
|
|
16275
|
+
afterOutsideRef,
|
|
16276
|
+
beforeInsideRef,
|
|
16277
|
+
afterInsideRef,
|
|
16278
|
+
portalNode,
|
|
16279
|
+
setFocusManagerState
|
|
16280
|
+
}), [preserveTabOrder, portalNode])
|
|
16281
|
+
}, shouldRenderGuards && portalNode && /*#__PURE__*/React.createElement(FocusGuard, {
|
|
16282
|
+
ref: beforeOutsideRef,
|
|
16283
|
+
onFocus: event => {
|
|
16284
|
+
if (isOutsideEvent(event, portalNode)) {
|
|
16285
|
+
var _beforeInsideRef$curr;
|
|
16286
|
+
(_beforeInsideRef$curr = beforeInsideRef.current) == null ? void 0 : _beforeInsideRef$curr.focus();
|
|
16287
|
+
} else {
|
|
16288
|
+
const prevTabbable = getPreviousTabbable() || (focusManagerState == null ? void 0 : focusManagerState.refs.domReference.current);
|
|
16289
|
+
prevTabbable == null ? void 0 : prevTabbable.focus();
|
|
16290
|
+
}
|
|
16291
|
+
}
|
|
16292
|
+
}), shouldRenderGuards && portalNode && /*#__PURE__*/React.createElement("span", {
|
|
16293
|
+
"aria-owns": portalNode.id,
|
|
16294
|
+
style: HIDDEN_STYLES
|
|
16295
|
+
}), root ? /*#__PURE__*/createPortal(children, root) : portalNode ? /*#__PURE__*/createPortal(children, portalNode) : null, shouldRenderGuards && portalNode && /*#__PURE__*/React.createElement(FocusGuard, {
|
|
16296
|
+
ref: afterOutsideRef,
|
|
16297
|
+
onFocus: event => {
|
|
16298
|
+
if (isOutsideEvent(event, portalNode)) {
|
|
16299
|
+
var _afterInsideRef$curre;
|
|
16300
|
+
(_afterInsideRef$curre = afterInsideRef.current) == null ? void 0 : _afterInsideRef$curre.focus();
|
|
16301
|
+
} else {
|
|
16302
|
+
const nextTabbable = getNextTabbable() || (focusManagerState == null ? void 0 : focusManagerState.refs.domReference.current);
|
|
16303
|
+
nextTabbable == null ? void 0 : nextTabbable.focus();
|
|
16304
|
+
(focusManagerState == null ? void 0 : focusManagerState.closeOnFocusOut) && (focusManagerState == null ? void 0 : focusManagerState.onOpenChange(false));
|
|
16305
|
+
}
|
|
16306
|
+
}
|
|
16307
|
+
}));
|
|
16308
|
+
};
|
|
16309
|
+
const usePortalContext = () => React.useContext(PortalContext);
|
|
16310
|
+
|
|
16311
|
+
/**
|
|
16312
|
+
* Check whether the event.target is within the provided node. Uses event.composedPath if available for custom element support.
|
|
16313
|
+
*
|
|
16314
|
+
* @param event The event whose target/composedPath to check
|
|
16315
|
+
* @param node The node to check against
|
|
16316
|
+
* @returns Whether the event.target/composedPath is within the node.
|
|
16317
|
+
*/
|
|
16318
|
+
function isEventTargetWithin(event, node) {
|
|
16319
|
+
if (node == null) {
|
|
16320
|
+
return false;
|
|
16321
|
+
}
|
|
16322
|
+
if ('composedPath' in event) {
|
|
16323
|
+
return event.composedPath().includes(node);
|
|
16324
|
+
}
|
|
16325
|
+
|
|
16326
|
+
// TS thinks `event` is of type never as it assumes all browsers support composedPath, but browsers without shadow dom don't
|
|
16327
|
+
const e = event;
|
|
16328
|
+
return e.target != null && node.contains(e.target);
|
|
16329
|
+
}
|
|
16330
|
+
|
|
16331
|
+
const bubbleHandlerKeys = {
|
|
16332
|
+
pointerdown: 'onPointerDown',
|
|
16333
|
+
mousedown: 'onMouseDown',
|
|
16334
|
+
click: 'onClick'
|
|
16335
|
+
};
|
|
16336
|
+
const captureHandlerKeys = {
|
|
16337
|
+
pointerdown: 'onPointerDownCapture',
|
|
16338
|
+
mousedown: 'onMouseDownCapture',
|
|
16339
|
+
click: 'onClickCapture'
|
|
16340
|
+
};
|
|
16341
|
+
const normalizeBubblesProp = function (bubbles) {
|
|
16342
|
+
var _bubbles$escapeKey, _bubbles$outsidePress;
|
|
16343
|
+
if (bubbles === void 0) {
|
|
16344
|
+
bubbles = true;
|
|
16345
|
+
}
|
|
16346
|
+
return {
|
|
16347
|
+
escapeKeyBubbles: typeof bubbles === 'boolean' ? bubbles : (_bubbles$escapeKey = bubbles.escapeKey) != null ? _bubbles$escapeKey : true,
|
|
16348
|
+
outsidePressBubbles: typeof bubbles === 'boolean' ? bubbles : (_bubbles$outsidePress = bubbles.outsidePress) != null ? _bubbles$outsidePress : true
|
|
16349
|
+
};
|
|
16350
|
+
};
|
|
16351
|
+
/**
|
|
16352
|
+
* Adds listeners that dismiss (close) the floating element.
|
|
16353
|
+
* @see https://floating-ui.com/docs/useDismiss
|
|
16354
|
+
*/
|
|
16355
|
+
const useDismiss = function (_ref, _temp) {
|
|
16356
|
+
let {
|
|
16357
|
+
open,
|
|
16358
|
+
onOpenChange,
|
|
16359
|
+
events,
|
|
16360
|
+
nodeId,
|
|
16361
|
+
elements: {
|
|
16362
|
+
reference,
|
|
16363
|
+
domReference,
|
|
16364
|
+
floating
|
|
16365
|
+
}
|
|
16366
|
+
} = _ref;
|
|
16367
|
+
let {
|
|
16368
|
+
enabled = true,
|
|
16369
|
+
escapeKey = true,
|
|
16370
|
+
outsidePress: unstable_outsidePress = true,
|
|
16371
|
+
outsidePressEvent = 'pointerdown',
|
|
16372
|
+
referencePress = false,
|
|
16373
|
+
referencePressEvent = 'pointerdown',
|
|
16374
|
+
ancestorScroll = false,
|
|
16375
|
+
bubbles = true
|
|
16376
|
+
} = _temp === void 0 ? {} : _temp;
|
|
16377
|
+
const tree = useFloatingTree();
|
|
16378
|
+
const nested = useFloatingParentNodeId() != null;
|
|
16379
|
+
const outsidePressFn = useEvent(typeof unstable_outsidePress === 'function' ? unstable_outsidePress : () => false);
|
|
16380
|
+
const outsidePress = typeof unstable_outsidePress === 'function' ? outsidePressFn : unstable_outsidePress;
|
|
16381
|
+
const insideReactTreeRef = React.useRef(false);
|
|
16382
|
+
const {
|
|
16383
|
+
escapeKeyBubbles,
|
|
16384
|
+
outsidePressBubbles
|
|
16385
|
+
} = normalizeBubblesProp(bubbles);
|
|
16386
|
+
React.useEffect(() => {
|
|
16387
|
+
if (!open || !enabled) {
|
|
16388
|
+
return;
|
|
16389
|
+
}
|
|
16390
|
+
function onKeyDown(event) {
|
|
16391
|
+
if (event.key === 'Escape') {
|
|
16392
|
+
if (!escapeKeyBubbles && tree && getChildren(tree.nodesRef.current, nodeId).length > 0) {
|
|
16393
|
+
return;
|
|
16394
|
+
}
|
|
16395
|
+
events.emit('dismiss', {
|
|
16396
|
+
type: 'escapeKey',
|
|
16397
|
+
data: {
|
|
16398
|
+
returnFocus: {
|
|
16399
|
+
preventScroll: false
|
|
16400
|
+
}
|
|
16401
|
+
}
|
|
16402
|
+
});
|
|
16403
|
+
onOpenChange(false);
|
|
16404
|
+
}
|
|
16405
|
+
}
|
|
16406
|
+
function onOutsidePress(event) {
|
|
16407
|
+
// Given developers can stop the propagation of the synthetic event,
|
|
16408
|
+
// we can only be confident with a positive value.
|
|
16409
|
+
const insideReactTree = insideReactTreeRef.current;
|
|
16410
|
+
insideReactTreeRef.current = false;
|
|
16411
|
+
if (insideReactTree) {
|
|
16412
|
+
return;
|
|
16413
|
+
}
|
|
16414
|
+
if (typeof outsidePress === 'function' && !outsidePress(event)) {
|
|
16415
|
+
return;
|
|
16416
|
+
}
|
|
16417
|
+
const target = getTarget(event);
|
|
16418
|
+
|
|
16419
|
+
// Check if the click occurred on the scrollbar
|
|
16420
|
+
if (isHTMLElement(target) && floating) {
|
|
16421
|
+
const win = floating.ownerDocument.defaultView || window;
|
|
16422
|
+
const canScrollX = target.scrollWidth > target.clientWidth;
|
|
16423
|
+
const canScrollY = target.scrollHeight > target.clientHeight;
|
|
16424
|
+
let xCond = canScrollY && event.offsetX > target.clientWidth;
|
|
16425
|
+
|
|
16426
|
+
// In some browsers it is possible to change the <body> (or window)
|
|
16427
|
+
// scrollbar to the left side, but is very rare and is difficult to
|
|
16428
|
+
// check for. Plus, for modal dialogs with backdrops, it is more
|
|
16429
|
+
// important that the backdrop is checked but not so much the window.
|
|
16430
|
+
if (canScrollY) {
|
|
16431
|
+
const isRTL = win.getComputedStyle(target).direction === 'rtl';
|
|
16432
|
+
if (isRTL) {
|
|
16433
|
+
xCond = event.offsetX <= target.offsetWidth - target.clientWidth;
|
|
16434
|
+
}
|
|
16435
|
+
}
|
|
16436
|
+
if (xCond || canScrollX && event.offsetY > target.clientHeight) {
|
|
16437
|
+
return;
|
|
16438
|
+
}
|
|
16439
|
+
}
|
|
16440
|
+
const targetIsInsideChildren = tree && getChildren(tree.nodesRef.current, nodeId).some(node => {
|
|
16441
|
+
var _node$context;
|
|
16442
|
+
return isEventTargetWithin(event, (_node$context = node.context) == null ? void 0 : _node$context.elements.floating);
|
|
16443
|
+
});
|
|
16444
|
+
if (isEventTargetWithin(event, floating) || isEventTargetWithin(event, domReference) || targetIsInsideChildren) {
|
|
16445
|
+
return;
|
|
16446
|
+
}
|
|
16447
|
+
if (!outsidePressBubbles && tree && getChildren(tree.nodesRef.current, nodeId).length > 0) {
|
|
16448
|
+
return;
|
|
16449
|
+
}
|
|
16450
|
+
events.emit('dismiss', {
|
|
16451
|
+
type: 'outsidePress',
|
|
16452
|
+
data: {
|
|
16453
|
+
returnFocus: nested ? {
|
|
16454
|
+
preventScroll: true
|
|
16455
|
+
} : isVirtualClick(event) || isVirtualPointerEvent(event)
|
|
16456
|
+
}
|
|
16457
|
+
});
|
|
16458
|
+
onOpenChange(false);
|
|
16459
|
+
}
|
|
16460
|
+
function onScroll() {
|
|
16461
|
+
onOpenChange(false);
|
|
16462
|
+
}
|
|
16463
|
+
const doc = getDocument(floating);
|
|
16464
|
+
escapeKey && doc.addEventListener('keydown', onKeyDown);
|
|
16465
|
+
outsidePress && doc.addEventListener(outsidePressEvent, onOutsidePress);
|
|
16466
|
+
let ancestors = [];
|
|
16467
|
+
if (ancestorScroll) {
|
|
16468
|
+
if (isElement(domReference)) {
|
|
16469
|
+
ancestors = H(domReference);
|
|
16470
|
+
}
|
|
16471
|
+
if (isElement(floating)) {
|
|
16472
|
+
ancestors = ancestors.concat(H(floating));
|
|
16473
|
+
}
|
|
16474
|
+
if (!isElement(reference) && reference && reference.contextElement) {
|
|
16475
|
+
ancestors = ancestors.concat(H(reference.contextElement));
|
|
16476
|
+
}
|
|
16477
|
+
}
|
|
16478
|
+
|
|
16479
|
+
// Ignore the visual viewport for scrolling dismissal (allow pinch-zoom)
|
|
16480
|
+
ancestors = ancestors.filter(ancestor => {
|
|
16481
|
+
var _doc$defaultView;
|
|
16482
|
+
return ancestor !== ((_doc$defaultView = doc.defaultView) == null ? void 0 : _doc$defaultView.visualViewport);
|
|
16483
|
+
});
|
|
16484
|
+
ancestors.forEach(ancestor => {
|
|
16485
|
+
ancestor.addEventListener('scroll', onScroll, {
|
|
16486
|
+
passive: true
|
|
16487
|
+
});
|
|
16488
|
+
});
|
|
16489
|
+
return () => {
|
|
16490
|
+
escapeKey && doc.removeEventListener('keydown', onKeyDown);
|
|
16491
|
+
outsidePress && doc.removeEventListener(outsidePressEvent, onOutsidePress);
|
|
16492
|
+
ancestors.forEach(ancestor => {
|
|
16493
|
+
ancestor.removeEventListener('scroll', onScroll);
|
|
16494
|
+
});
|
|
16495
|
+
};
|
|
16496
|
+
}, [floating, domReference, reference, escapeKey, outsidePress, outsidePressEvent, events, tree, nodeId, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, nested]);
|
|
16497
|
+
React.useEffect(() => {
|
|
16498
|
+
insideReactTreeRef.current = false;
|
|
16499
|
+
}, [outsidePress, outsidePressEvent]);
|
|
16500
|
+
return React.useMemo(() => {
|
|
16501
|
+
if (!enabled) {
|
|
16502
|
+
return {};
|
|
16503
|
+
}
|
|
16504
|
+
return {
|
|
16505
|
+
reference: {
|
|
16506
|
+
[bubbleHandlerKeys[referencePressEvent]]: () => {
|
|
16507
|
+
if (referencePress) {
|
|
16508
|
+
events.emit('dismiss', {
|
|
16509
|
+
type: 'referencePress',
|
|
16510
|
+
data: {
|
|
16511
|
+
returnFocus: false
|
|
16512
|
+
}
|
|
16513
|
+
});
|
|
16514
|
+
onOpenChange(false);
|
|
16515
|
+
}
|
|
16516
|
+
}
|
|
16517
|
+
},
|
|
16518
|
+
floating: {
|
|
16519
|
+
[captureHandlerKeys[outsidePressEvent]]: () => {
|
|
16520
|
+
insideReactTreeRef.current = true;
|
|
16521
|
+
}
|
|
16522
|
+
}
|
|
16523
|
+
};
|
|
16524
|
+
}, [enabled, events, referencePress, outsidePressEvent, referencePressEvent, onOpenChange]);
|
|
16525
|
+
};
|
|
16526
|
+
|
|
16527
|
+
/**
|
|
16528
|
+
* Adds focus event listeners that change the open state, like CSS :focus.
|
|
16529
|
+
* @see https://floating-ui.com/docs/useFocus
|
|
16530
|
+
*/
|
|
16531
|
+
const useFocus = function (_ref, _temp) {
|
|
16532
|
+
let {
|
|
16533
|
+
open,
|
|
16534
|
+
onOpenChange,
|
|
16535
|
+
dataRef,
|
|
16536
|
+
events,
|
|
16537
|
+
elements: {
|
|
16538
|
+
domReference,
|
|
16539
|
+
floating
|
|
16540
|
+
}
|
|
16541
|
+
} = _ref;
|
|
16542
|
+
let {
|
|
16543
|
+
enabled = true,
|
|
16544
|
+
keyboardOnly = true
|
|
16545
|
+
} = _temp === void 0 ? {} : _temp;
|
|
16546
|
+
const pointerTypeRef = React.useRef('');
|
|
16547
|
+
const blockFocusRef = React.useRef(false);
|
|
16548
|
+
const timeoutRef = React.useRef();
|
|
16549
|
+
React.useEffect(() => {
|
|
16550
|
+
if (!enabled) {
|
|
16551
|
+
return;
|
|
16552
|
+
}
|
|
16553
|
+
const doc = getDocument(floating);
|
|
16554
|
+
const win = doc.defaultView || window;
|
|
16555
|
+
|
|
16556
|
+
// If the reference was focused and the user left the tab/window, and the
|
|
16557
|
+
// floating element was not open, the focus should be blocked when they
|
|
16558
|
+
// return to the tab/window.
|
|
16559
|
+
function onBlur() {
|
|
16560
|
+
if (!open && isHTMLElement(domReference) && domReference === activeElement$1(getDocument(domReference))) {
|
|
16561
|
+
blockFocusRef.current = true;
|
|
16562
|
+
}
|
|
16563
|
+
}
|
|
16564
|
+
win.addEventListener('blur', onBlur);
|
|
16565
|
+
return () => {
|
|
16566
|
+
win.removeEventListener('blur', onBlur);
|
|
16567
|
+
};
|
|
16568
|
+
}, [floating, domReference, open, enabled]);
|
|
16569
|
+
React.useEffect(() => {
|
|
16570
|
+
if (!enabled) {
|
|
16571
|
+
return;
|
|
16572
|
+
}
|
|
16573
|
+
function onDismiss(payload) {
|
|
16574
|
+
if (payload.type === 'referencePress' || payload.type === 'escapeKey') {
|
|
16575
|
+
blockFocusRef.current = true;
|
|
16576
|
+
}
|
|
16577
|
+
}
|
|
16578
|
+
events.on('dismiss', onDismiss);
|
|
16579
|
+
return () => {
|
|
16580
|
+
events.off('dismiss', onDismiss);
|
|
16581
|
+
};
|
|
16582
|
+
}, [events, enabled]);
|
|
16583
|
+
React.useEffect(() => {
|
|
16584
|
+
return () => {
|
|
16585
|
+
clearTimeout(timeoutRef.current);
|
|
16586
|
+
};
|
|
16587
|
+
}, []);
|
|
16588
|
+
return React.useMemo(() => {
|
|
16589
|
+
if (!enabled) {
|
|
16590
|
+
return {};
|
|
16591
|
+
}
|
|
16592
|
+
return {
|
|
16593
|
+
reference: {
|
|
16594
|
+
onPointerDown(_ref2) {
|
|
16595
|
+
let {
|
|
16596
|
+
pointerType
|
|
16597
|
+
} = _ref2;
|
|
16598
|
+
pointerTypeRef.current = pointerType;
|
|
16599
|
+
blockFocusRef.current = !!(pointerType && keyboardOnly);
|
|
16600
|
+
},
|
|
16601
|
+
onMouseLeave() {
|
|
16602
|
+
blockFocusRef.current = false;
|
|
16603
|
+
},
|
|
16604
|
+
onFocus(event) {
|
|
16605
|
+
var _dataRef$current$open;
|
|
16606
|
+
if (blockFocusRef.current) {
|
|
16607
|
+
return;
|
|
16608
|
+
}
|
|
16609
|
+
|
|
16610
|
+
// Dismiss with click should ignore the subsequent `focus` trigger,
|
|
16611
|
+
// but only if the click originated inside the reference element.
|
|
16612
|
+
if (event.type === 'focus' && ((_dataRef$current$open = dataRef.current.openEvent) == null ? void 0 : _dataRef$current$open.type) === 'mousedown' && dataRef.current.openEvent && isEventTargetWithin(dataRef.current.openEvent, domReference)) {
|
|
16613
|
+
return;
|
|
16614
|
+
}
|
|
16615
|
+
dataRef.current.openEvent = event.nativeEvent;
|
|
16616
|
+
onOpenChange(true);
|
|
16617
|
+
},
|
|
16618
|
+
onBlur(event) {
|
|
16619
|
+
blockFocusRef.current = false;
|
|
16620
|
+
const relatedTarget = event.relatedTarget;
|
|
16621
|
+
|
|
16622
|
+
// Hit the non-modal focus management portal guard. Focus will be
|
|
16623
|
+
// moved into the floating element immediately after.
|
|
16624
|
+
const movedToFocusGuard = isElement(relatedTarget) && relatedTarget.hasAttribute('data-floating-ui-focus-guard');
|
|
16625
|
+
|
|
16626
|
+
// Wait for the window blur listener to fire.
|
|
16627
|
+
timeoutRef.current = setTimeout(() => {
|
|
16628
|
+
// When focusing the reference element (e.g. regular click), then
|
|
16629
|
+
// clicking into the floating element, prevent it from hiding.
|
|
16630
|
+
// Note: it must be focusable, e.g. `tabindex="-1"`.
|
|
16631
|
+
if (contains(floating, relatedTarget) || contains(domReference, relatedTarget) || movedToFocusGuard) {
|
|
16632
|
+
return;
|
|
16633
|
+
}
|
|
16634
|
+
onOpenChange(false);
|
|
16635
|
+
});
|
|
16636
|
+
}
|
|
16637
|
+
}
|
|
16638
|
+
};
|
|
16639
|
+
}, [enabled, keyboardOnly, domReference, floating, dataRef, onOpenChange]);
|
|
16640
|
+
};
|
|
16641
|
+
|
|
16642
|
+
function useMergeRefs(refs) {
|
|
16643
|
+
return React.useMemo(() => {
|
|
16644
|
+
if (refs.every(ref => ref == null)) {
|
|
16645
|
+
return null;
|
|
16646
|
+
}
|
|
16647
|
+
return value => {
|
|
16648
|
+
refs.forEach(ref => {
|
|
16649
|
+
if (typeof ref === 'function') {
|
|
16650
|
+
ref(value);
|
|
16651
|
+
} else if (ref != null) {
|
|
16652
|
+
ref.current = value;
|
|
16653
|
+
}
|
|
16654
|
+
});
|
|
16655
|
+
};
|
|
16656
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16657
|
+
}, refs);
|
|
16658
|
+
}
|
|
16659
|
+
|
|
16660
|
+
/**
|
|
16661
|
+
* Adds relevant screen reader props for a given element `role`.
|
|
16662
|
+
* @see https://floating-ui.com/docs/useRole
|
|
16663
|
+
*/
|
|
16664
|
+
const useRole = function (_ref, _temp) {
|
|
16665
|
+
let {
|
|
16666
|
+
open
|
|
16667
|
+
} = _ref;
|
|
16668
|
+
let {
|
|
16669
|
+
enabled = true,
|
|
16670
|
+
role = 'dialog'
|
|
16671
|
+
} = _temp === void 0 ? {} : _temp;
|
|
16672
|
+
const rootId = useId();
|
|
16673
|
+
const referenceId = useId();
|
|
16674
|
+
return React.useMemo(() => {
|
|
16675
|
+
const floatingProps = {
|
|
16676
|
+
id: rootId,
|
|
16677
|
+
role
|
|
16678
|
+
};
|
|
16679
|
+
if (!enabled) {
|
|
16680
|
+
return {};
|
|
16681
|
+
}
|
|
16682
|
+
if (role === 'tooltip') {
|
|
16683
|
+
return {
|
|
16684
|
+
reference: {
|
|
16685
|
+
'aria-describedby': open ? rootId : undefined
|
|
16686
|
+
},
|
|
16687
|
+
floating: floatingProps
|
|
16688
|
+
};
|
|
16689
|
+
}
|
|
16690
|
+
return {
|
|
16691
|
+
reference: {
|
|
16692
|
+
'aria-expanded': open ? 'true' : 'false',
|
|
16693
|
+
'aria-haspopup': role === 'alertdialog' ? 'dialog' : role,
|
|
16694
|
+
'aria-controls': open ? rootId : undefined,
|
|
16695
|
+
...(role === 'listbox' && {
|
|
16696
|
+
role: 'combobox'
|
|
16697
|
+
}),
|
|
16698
|
+
...(role === 'menu' && {
|
|
16699
|
+
id: referenceId
|
|
16700
|
+
})
|
|
16701
|
+
},
|
|
16702
|
+
floating: {
|
|
16703
|
+
...floatingProps,
|
|
16704
|
+
...(role === 'menu' && {
|
|
16705
|
+
'aria-labelledby': referenceId
|
|
16706
|
+
})
|
|
16707
|
+
}
|
|
16708
|
+
};
|
|
16709
|
+
}, [enabled, role, open, rootId, referenceId]);
|
|
16710
|
+
};
|
|
16711
|
+
|
|
16712
|
+
function useFloating(options) {
|
|
16713
|
+
if (options === void 0) {
|
|
16714
|
+
options = {};
|
|
16715
|
+
}
|
|
16716
|
+
const {
|
|
16717
|
+
open = false,
|
|
16718
|
+
onOpenChange: unstable_onOpenChange,
|
|
16719
|
+
nodeId
|
|
16720
|
+
} = options;
|
|
16721
|
+
const position = useFloating$1(options);
|
|
16722
|
+
const tree = useFloatingTree();
|
|
16723
|
+
const domReferenceRef = React.useRef(null);
|
|
16724
|
+
const dataRef = React.useRef({});
|
|
16725
|
+
const events = React.useState(() => createPubSub())[0];
|
|
16726
|
+
const [domReference, setDomReference] = React.useState(null);
|
|
16727
|
+
const setPositionReference = React.useCallback(node => {
|
|
16728
|
+
const positionReference = isElement(node) ? {
|
|
16729
|
+
getBoundingClientRect: () => node.getBoundingClientRect(),
|
|
16730
|
+
contextElement: node
|
|
16731
|
+
} : node;
|
|
16732
|
+
position.refs.setReference(positionReference);
|
|
16733
|
+
}, [position.refs]);
|
|
16734
|
+
const setReference = React.useCallback(node => {
|
|
16735
|
+
if (isElement(node) || node === null) {
|
|
16736
|
+
domReferenceRef.current = node;
|
|
16737
|
+
setDomReference(node);
|
|
16738
|
+
}
|
|
16739
|
+
|
|
16740
|
+
// Backwards-compatibility for passing a virtual element to `reference`
|
|
16741
|
+
// after it has set the DOM reference.
|
|
16742
|
+
if (isElement(position.refs.reference.current) || position.refs.reference.current === null ||
|
|
16743
|
+
// Don't allow setting virtual elements using the old technique back to
|
|
16744
|
+
// `null` to support `positionReference` + an unstable `reference`
|
|
16745
|
+
// callback ref.
|
|
16746
|
+
node !== null && !isElement(node)) {
|
|
16747
|
+
position.refs.setReference(node);
|
|
16748
|
+
}
|
|
16749
|
+
}, [position.refs]);
|
|
16750
|
+
const refs = React.useMemo(() => ({
|
|
16751
|
+
...position.refs,
|
|
16752
|
+
setReference,
|
|
16753
|
+
setPositionReference,
|
|
16754
|
+
domReference: domReferenceRef
|
|
16755
|
+
}), [position.refs, setReference, setPositionReference]);
|
|
16756
|
+
const elements = React.useMemo(() => ({
|
|
16757
|
+
...position.elements,
|
|
16758
|
+
domReference: domReference
|
|
16759
|
+
}), [position.elements, domReference]);
|
|
16760
|
+
const onOpenChange = useEvent(unstable_onOpenChange);
|
|
16761
|
+
const context = React.useMemo(() => ({
|
|
16762
|
+
...position,
|
|
16763
|
+
refs,
|
|
16764
|
+
elements,
|
|
16765
|
+
dataRef,
|
|
16766
|
+
nodeId,
|
|
16767
|
+
events,
|
|
16768
|
+
open,
|
|
16769
|
+
onOpenChange
|
|
16770
|
+
}), [position, nodeId, events, open, onOpenChange, refs, elements]);
|
|
16771
|
+
index$1(() => {
|
|
16772
|
+
const node = tree == null ? void 0 : tree.nodesRef.current.find(node => node.id === nodeId);
|
|
16773
|
+
if (node) {
|
|
16774
|
+
node.context = context;
|
|
16775
|
+
}
|
|
16776
|
+
});
|
|
16777
|
+
return React.useMemo(() => ({
|
|
16778
|
+
...position,
|
|
16779
|
+
context,
|
|
16780
|
+
refs,
|
|
16781
|
+
reference: setReference,
|
|
16782
|
+
positionReference: setPositionReference
|
|
16783
|
+
}), [position, refs, context, setReference, setPositionReference]);
|
|
16784
|
+
}
|
|
16785
|
+
|
|
16786
|
+
function mergeProps(userProps, propsList, elementKey) {
|
|
16787
|
+
const map = new Map();
|
|
16788
|
+
return {
|
|
16789
|
+
...(elementKey === 'floating' && {
|
|
16790
|
+
tabIndex: -1
|
|
16791
|
+
}),
|
|
16792
|
+
...userProps,
|
|
16793
|
+
...propsList.map(value => value ? value[elementKey] : null).concat(userProps).reduce((acc, props) => {
|
|
16794
|
+
if (!props) {
|
|
16795
|
+
return acc;
|
|
16796
|
+
}
|
|
16797
|
+
Object.entries(props).forEach(_ref => {
|
|
16798
|
+
let [key, value] = _ref;
|
|
16799
|
+
if (key.indexOf('on') === 0) {
|
|
16800
|
+
if (!map.has(key)) {
|
|
16801
|
+
map.set(key, []);
|
|
16802
|
+
}
|
|
16803
|
+
if (typeof value === 'function') {
|
|
16804
|
+
var _map$get;
|
|
16805
|
+
(_map$get = map.get(key)) == null ? void 0 : _map$get.push(value);
|
|
16806
|
+
acc[key] = function () {
|
|
16807
|
+
var _map$get2;
|
|
16808
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
16809
|
+
args[_key] = arguments[_key];
|
|
16810
|
+
}
|
|
16811
|
+
(_map$get2 = map.get(key)) == null ? void 0 : _map$get2.forEach(fn => fn(...args));
|
|
16812
|
+
};
|
|
16813
|
+
}
|
|
16814
|
+
} else {
|
|
16815
|
+
acc[key] = value;
|
|
16816
|
+
}
|
|
16817
|
+
});
|
|
16818
|
+
return acc;
|
|
16819
|
+
}, {})
|
|
16820
|
+
};
|
|
16821
|
+
}
|
|
16822
|
+
const useInteractions = function (propsList) {
|
|
16823
|
+
if (propsList === void 0) {
|
|
16824
|
+
propsList = [];
|
|
16825
|
+
}
|
|
16826
|
+
// The dependencies are a dynamic array, so we can't use the linter's
|
|
16827
|
+
// suggestion to add it to the deps array.
|
|
16828
|
+
const deps = propsList;
|
|
16829
|
+
const getReferenceProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'reference'),
|
|
16830
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16831
|
+
deps);
|
|
16832
|
+
const getFloatingProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'floating'),
|
|
16833
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16834
|
+
deps);
|
|
16835
|
+
const getItemProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'item'),
|
|
16836
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16837
|
+
deps);
|
|
16838
|
+
return React.useMemo(() => ({
|
|
16839
|
+
getReferenceProps,
|
|
16840
|
+
getFloatingProps,
|
|
16841
|
+
getItemProps
|
|
16842
|
+
}), [getReferenceProps, getFloatingProps, getItemProps]);
|
|
16843
|
+
};
|
|
16844
|
+
|
|
16845
|
+
function useTooltip() {
|
|
16846
|
+
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
16847
|
+
_ref$initialOpen = _ref.initialOpen,
|
|
16848
|
+
initialOpen = _ref$initialOpen === void 0 ? false : _ref$initialOpen,
|
|
16849
|
+
_ref$placement = _ref.placement,
|
|
16850
|
+
placement = _ref$placement === void 0 ? 'top' : _ref$placement,
|
|
16851
|
+
controlledOpen = _ref.open,
|
|
16852
|
+
setControlledOpen = _ref.onOpenChange;
|
|
16853
|
+
var _useState = useState(initialOpen),
|
|
16854
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
16855
|
+
uncontrolledOpen = _useState2[0],
|
|
16856
|
+
setUncontrolledOpen = _useState2[1];
|
|
16857
|
+
var open = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : uncontrolledOpen;
|
|
16858
|
+
var setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setUncontrolledOpen;
|
|
16859
|
+
var data = useFloating({
|
|
16860
|
+
placement: placement,
|
|
16861
|
+
open: open,
|
|
16862
|
+
onOpenChange: setOpen,
|
|
16863
|
+
whileElementsMounted: z,
|
|
16864
|
+
middleware: [O$1(5), b$1({
|
|
16865
|
+
fallbackAxisSideDirection: 'start',
|
|
16866
|
+
crossAxis: placement.includes('-')
|
|
16867
|
+
}), E$1({
|
|
16868
|
+
padding: 8
|
|
16869
|
+
})]
|
|
16870
|
+
});
|
|
16871
|
+
var context = data.context;
|
|
16872
|
+
var hover = useHover(context, {
|
|
16873
|
+
move: false,
|
|
16874
|
+
enabled: controlledOpen == null
|
|
16875
|
+
});
|
|
16876
|
+
var focus = useFocus(context, {
|
|
16877
|
+
enabled: controlledOpen == null
|
|
16878
|
+
});
|
|
16879
|
+
var dismiss = useDismiss(context);
|
|
16880
|
+
var role = useRole(context, {
|
|
16881
|
+
role: 'tooltip'
|
|
16882
|
+
});
|
|
16883
|
+
var interactions = useInteractions([hover, focus, dismiss, role]);
|
|
16884
|
+
return useMemo(function () {
|
|
16885
|
+
return Object.assign(Object.assign({
|
|
16886
|
+
open: open,
|
|
16887
|
+
setOpen: setOpen
|
|
16888
|
+
}, interactions), data);
|
|
16889
|
+
}, [open, setOpen, interactions, data]);
|
|
16890
|
+
}
|
|
16891
|
+
var TooltipContext = /*#__PURE__*/createContext(null);
|
|
16892
|
+
var useTooltipContext = function useTooltipContext() {
|
|
16893
|
+
var context = useContext(TooltipContext);
|
|
16894
|
+
if (context == null) {
|
|
16895
|
+
throw new Error('Tooltip components must be wrapped in <Tooltip />');
|
|
16896
|
+
}
|
|
16897
|
+
return context;
|
|
16898
|
+
};
|
|
16899
|
+
|
|
16900
|
+
function Tooltip(_a) {
|
|
16901
|
+
var children = _a.children,
|
|
16902
|
+
options = __rest(_a, ["children"]);
|
|
16903
|
+
// The hook accepts props as options or other positioning attributes
|
|
16904
|
+
var tooltip = useTooltip(options);
|
|
16905
|
+
return /*#__PURE__*/React__default.createElement(TooltipContext.Provider, {
|
|
16906
|
+
value: tooltip
|
|
16907
|
+
}, children);
|
|
16908
|
+
}
|
|
16909
|
+
var TooltipAnchor = /*#__PURE__*/forwardRef(function TooltipAnchor(_a, propRef) {
|
|
16910
|
+
var children = _a.children,
|
|
16911
|
+
props = __rest(_a, ["children"]);
|
|
16912
|
+
var context = useTooltipContext();
|
|
16913
|
+
var childrenRef = children.ref;
|
|
16914
|
+
var ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);
|
|
16915
|
+
if ( /*#__PURE__*/isValidElement(children)) {
|
|
16916
|
+
return /*#__PURE__*/cloneElement(children, context.getReferenceProps(Object.assign(Object.assign(Object.assign({
|
|
16917
|
+
ref: ref
|
|
16918
|
+
}, props), children.props), {
|
|
16919
|
+
'data-state': context.open ? 'open' : 'closed'
|
|
16920
|
+
})));
|
|
16921
|
+
}
|
|
16922
|
+
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
16923
|
+
ref: ref,
|
|
16924
|
+
"data-state": context.open ? 'open' : 'closed'
|
|
16925
|
+
}, context.getReferenceProps(props)), children);
|
|
16926
|
+
});
|
|
16927
|
+
var TooltipContent = /*#__PURE__*/forwardRef(function TooltipContent(props, propRef) {
|
|
16928
|
+
var _a, _b;
|
|
16929
|
+
var context = useTooltipContext();
|
|
16930
|
+
var ref = useMergeRefs([context.refs.setFloating, propRef]);
|
|
16931
|
+
return /*#__PURE__*/React__default.createElement(FloatingPortal, null, context.open && /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
16932
|
+
ref: ref,
|
|
16933
|
+
style: Object.assign({
|
|
16934
|
+
position: context.strategy,
|
|
16935
|
+
top: (_a = context.y) !== null && _a !== void 0 ? _a : 0,
|
|
16936
|
+
left: (_b = context.x) !== null && _b !== void 0 ? _b : 0,
|
|
16937
|
+
visibility: context.x == null ? 'hidden' : 'visible'
|
|
16938
|
+
}, props.style)
|
|
16939
|
+
}, context.getFloatingProps(props))));
|
|
16940
|
+
});
|
|
16941
|
+
|
|
16942
|
+
var EchoTooltip = Object.freeze({
|
|
16943
|
+
Tooltip: Tooltip,
|
|
16944
|
+
TooltipAnchor: TooltipAnchor,
|
|
16945
|
+
TooltipContent: TooltipContent
|
|
16946
|
+
});
|
|
16947
|
+
|
|
16948
|
+
var css_248z$l = ".floatingActionButton-module_button__-08q2.floatingActionButton-module_primary__Os-YA{background:rgba(0,0,0,.65);color:var(--white)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_primary__Os-YA:hover{background:rgba(0,0,0,.9);color:var(--white)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_active__nXRwO{background:var(--equiGreen3);border:1px solid var(--echoText);color:var(--echoText)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_active__nXRwO:hover{background:var(--equiGreen4);border:1px solid var(--echoText);color:var(--echoText)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_circle_icon__mdkpf{min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ{border-radius:4px;min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ:hover{border-radius:4px}";
|
|
16949
|
+
var style$3 = {"button":"floatingActionButton-module_button__-08q2","primary":"floatingActionButton-module_primary__Os-YA","active":"floatingActionButton-module_active__nXRwO","circle_icon":"floatingActionButton-module_circle_icon__mdkpf","square_icon":"floatingActionButton-module_square_icon__aAEVQ"};
|
|
16950
|
+
styleInject(css_248z$l);
|
|
16951
|
+
|
|
16952
|
+
var getEdsVariant = function getEdsVariant(echoVariant) {
|
|
16953
|
+
switch (echoVariant) {
|
|
16954
|
+
case 'square_icon_with_text':
|
|
16955
|
+
return 'contained';
|
|
16956
|
+
case 'square_icon':
|
|
16957
|
+
case 'circle_icon':
|
|
16958
|
+
default:
|
|
16959
|
+
return 'contained_icon';
|
|
16960
|
+
}
|
|
16961
|
+
};
|
|
16962
|
+
var getEchoVariantStyle = function getEchoVariantStyle(echoVariant) {
|
|
16963
|
+
switch (echoVariant) {
|
|
16964
|
+
case 'circle_icon':
|
|
16965
|
+
return style$3.circle_icon;
|
|
16966
|
+
case 'square_icon':
|
|
16967
|
+
return style$3.square_icon;
|
|
16968
|
+
case 'square_icon_with_text':
|
|
16969
|
+
default:
|
|
16970
|
+
return '';
|
|
16971
|
+
}
|
|
16972
|
+
};
|
|
16973
|
+
/**
|
|
16974
|
+
* Floating actions buttons exists within the viewport, seperated from any sheet, dialog or menu
|
|
16975
|
+
* and are typically used for special actions pertaining to the module they are used in.
|
|
16976
|
+
* @return {*} {JSX.Element} Floating actions button
|
|
16977
|
+
*/
|
|
16978
|
+
var FloatingActionButton = function FloatingActionButton(_ref) {
|
|
16979
|
+
var label = _ref.label,
|
|
16980
|
+
iconName = _ref.iconName,
|
|
16981
|
+
ariaLabel = _ref.ariaLabel,
|
|
16982
|
+
variant = _ref.variant,
|
|
16983
|
+
disabled = _ref.disabled,
|
|
16984
|
+
active = _ref.active,
|
|
16985
|
+
onClick = _ref.onClick;
|
|
16986
|
+
return /*#__PURE__*/React__default.createElement(Button, {
|
|
16987
|
+
"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label,
|
|
16988
|
+
onClick: onClick,
|
|
16989
|
+
className: "".concat(style$3.button, " ").concat(!disabled && style$3.primary, " ").concat(active && style$3.active, " ").concat(getEchoVariantStyle(variant)),
|
|
16990
|
+
variant: getEdsVariant(variant),
|
|
16991
|
+
disabled: disabled !== null && disabled !== void 0 ? disabled : false
|
|
16992
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
16993
|
+
name: iconName,
|
|
16994
|
+
className: style$3.icon
|
|
16995
|
+
}), variant === 'square_icon_with_text' && label);
|
|
16996
|
+
};
|
|
16997
|
+
|
|
16998
|
+
var css_248z$k = ".floatingSearchBar-module_searchbarWrapper__-sSMM{max-width:344px;position:relative}.floatingSearchBar-module_searchbar__0U3fZ div[class^=Input__Container]{background:none;box-shadow:none;height:48px}.floatingSearchBar-module_searchbar__0U3fZ div[class^=Input__Container]:focus-within{outline:none}.floatingSearchBar-module_searchbar__0U3fZ input{--eds-input-adornment-color:#fff!important;background:rgba(0,0,0,.65);border-radius:4px;color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ svg{color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ input::placeholder{color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ input:focus,.floatingSearchBar-module_searchbar__0U3fZ input:hover{background:rgba(0,0,0,.9)}.floatingSearchBar-module_searchbar__0U3fZ button{opacity:.6}.floatingSearchBar-module_searchbar__0U3fZ button:hover{background:transparent;opacity:1}.floatingSearchBar-module_searchbar__0U3fZ button:focus{opacity:1;outline-color:var(--white)}.floatingSearchBar-module_items__oxyVh{background:pink;background:rgba(0,0,0,.9);border-radius:4px;color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:16px;margin-top:4px;padding:8px 0;position:absolute;width:100%}.floatingSearchBar-module_item__nxfxG{padding:1rem 1.5rem}.floatingSearchBar-module_item__nxfxG:hover{background:hsla(0,0%,100%,.16);cursor:pointer}.floatingSearchBar-module_activeItem__IQ7gz{background:hsla(0,0%,100%,.16)}";
|
|
16999
|
+
var style$2 = {"searchbarWrapper":"floatingSearchBar-module_searchbarWrapper__-sSMM","searchbar":"floatingSearchBar-module_searchbar__0U3fZ","items":"floatingSearchBar-module_items__oxyVh","item":"floatingSearchBar-module_item__nxfxG","activeItem":"floatingSearchBar-module_activeItem__IQ7gz"};
|
|
17000
|
+
styleInject(css_248z$k);
|
|
17001
|
+
|
|
17002
|
+
var useEventListener = function useEventListener(eventName, handler, options) {
|
|
17003
|
+
var element = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
17004
|
+
var savedHandler = useRef();
|
|
17005
|
+
useEffect(function () {
|
|
17006
|
+
savedHandler.current = handler;
|
|
17007
|
+
}, [handler]);
|
|
17008
|
+
useEffect(function () {
|
|
17009
|
+
if (!element || !element.addEventListener) {
|
|
17010
|
+
return;
|
|
17011
|
+
}
|
|
17012
|
+
var eventListener = function eventListener(event) {
|
|
17013
|
+
return savedHandler.current(event);
|
|
17014
|
+
};
|
|
17015
|
+
element.addEventListener(eventName, eventListener, options);
|
|
17016
|
+
return function () {
|
|
17017
|
+
element.removeEventListener(eventName, eventListener, options);
|
|
17018
|
+
};
|
|
17019
|
+
}, [eventName, element]);
|
|
17020
|
+
};
|
|
17021
|
+
|
|
17022
|
+
var useInitial = EchoUtils.Hooks.useInitial;
|
|
17023
|
+
/**
|
|
17024
|
+
* Hook for checking if page is loaded from mobile device.
|
|
17025
|
+
* @returns boolean true if on mobile.
|
|
17026
|
+
*/
|
|
17027
|
+
function useIsMobile() {
|
|
17028
|
+
var _useState = useState(false),
|
|
17029
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
17030
|
+
isMobile = _useState2[0],
|
|
17031
|
+
setIsMobile = _useState2[1];
|
|
17032
|
+
useInitial(function () {
|
|
17033
|
+
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
|
|
17034
|
+
// true for mobile device
|
|
17035
|
+
setIsMobile(true);
|
|
17036
|
+
} else {
|
|
17037
|
+
// false for not mobile device
|
|
17038
|
+
setIsMobile(false);
|
|
17039
|
+
}
|
|
17040
|
+
});
|
|
17041
|
+
return isMobile;
|
|
17042
|
+
}
|
|
17043
|
+
|
|
17044
|
+
var Keys = {
|
|
17045
|
+
ArrowUp: "up",
|
|
17046
|
+
ArrowRight: "right",
|
|
17047
|
+
ArrowDown: "down",
|
|
17048
|
+
ArrowLeft: "left",
|
|
17049
|
+
Enter: "enter",
|
|
17050
|
+
Escape: "escape"
|
|
14933
17051
|
};
|
|
14934
17052
|
var useListNavigator = function useListNavigator(listLength) {
|
|
14935
17053
|
var initialIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
@@ -15069,23 +17187,6 @@ var useKeyboardNavigation = function useKeyboardNavigation(keyboardEvents) {
|
|
|
15069
17187
|
useEventListener("keydown", handleKeyDown, false, listenerTarget);
|
|
15070
17188
|
};
|
|
15071
17189
|
|
|
15072
|
-
var _typeof$2 = {exports: {}};
|
|
15073
|
-
|
|
15074
|
-
(function (module) {
|
|
15075
|
-
function _typeof(obj) {
|
|
15076
|
-
"@babel/helpers - typeof";
|
|
15077
|
-
|
|
15078
|
-
return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
15079
|
-
return typeof obj;
|
|
15080
|
-
} : function (obj) {
|
|
15081
|
-
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
15082
|
-
}, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
|
|
15083
|
-
}
|
|
15084
|
-
module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
15085
|
-
} (_typeof$2));
|
|
15086
|
-
|
|
15087
|
-
var _typeof$1 = /*@__PURE__*/getDefaultExportFromCjs(_typeof$2.exports);
|
|
15088
|
-
|
|
15089
17190
|
function classnames$1() {
|
|
15090
17191
|
for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
15091
17192
|
parts[_key] = arguments[_key];
|
|
@@ -15540,9 +17641,9 @@ function Suggestions(_ref2) {
|
|
|
15540
17641
|
}));
|
|
15541
17642
|
}
|
|
15542
17643
|
|
|
15543
|
-
var css_248z$
|
|
15544
|
-
var styles$
|
|
15545
|
-
styleInject(css_248z$
|
|
17644
|
+
var css_248z$j = ".inlineTagIconLink-module_tagButtonNoHover__tds0f,.inlineTagIconLink-module_tagButton__VttNW{cursor:pointer;display:flex!important;height:auto;min-height:64px;min-width:215px;padding:.5rem!important;width:100%}.inlineTagIconLink-module_tagButtonNoHover__tds0f:hover{background:none!important}.inlineTagIconLink-module_textContainer__NRkCB{flex:1 1 auto;text-align:left}.inlineTagIconLink-module_description__uN2V-{-webkit-line-clamp:2;color:var(--echoText)!important;font-size:10px!important;font-weight:500!important;word-break:break-word}.inlineTagIconLink-module_description__uN2V-,.inlineTagIconLink-module_tag__IuyCt{-webkit-box-orient:vertical;display:-webkit-box;line-height:1em;overflow:hidden;text-overflow:ellipsis}.inlineTagIconLink-module_tag__IuyCt{-webkit-line-clamp:1;word-break:break-all}.inlineTagIconLink-module_icon__tYgTF{border-radius:10rem;box-sizing:border-box;flex:1 1 auto;height:40px;margin-right:.25rem;padding:.5rem;position:relative;width:40px}";
|
|
17645
|
+
var styles$h = {"tagButton":"inlineTagIconLink-module_tagButton__VttNW","tagButtonNoHover":"inlineTagIconLink-module_tagButtonNoHover__tds0f","textContainer":"inlineTagIconLink-module_textContainer__NRkCB","description":"inlineTagIconLink-module_description__uN2V-","tag":"inlineTagIconLink-module_tag__IuyCt","icon":"inlineTagIconLink-module_icon__tYgTF"};
|
|
17646
|
+
styleInject(css_248z$j);
|
|
15546
17647
|
|
|
15547
17648
|
var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
15548
17649
|
var onClickHandler = _ref.onClickHandler,
|
|
@@ -15563,7 +17664,7 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
15563
17664
|
return iconToShow;
|
|
15564
17665
|
}
|
|
15565
17666
|
};
|
|
15566
|
-
var buttonStyle = disableHover ? styles$
|
|
17667
|
+
var buttonStyle = disableHover ? styles$h.tagButtonNoHover : styles$h.tagButton;
|
|
15567
17668
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
15568
17669
|
variant: 'ghost',
|
|
15569
17670
|
onClick: onClickHandler,
|
|
@@ -15572,21 +17673,21 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
15572
17673
|
style: {
|
|
15573
17674
|
background: legendColor
|
|
15574
17675
|
},
|
|
15575
|
-
className: styles$
|
|
17676
|
+
className: styles$h.icon
|
|
15576
17677
|
}, tagCategoryDescription && getIcon(tagCategoryDescription !== null && tagCategoryDescription !== void 0 ? tagCategoryDescription : ''), !tagCategoryDescription && icon && showEDSOrCustomIcon(icon)), /*#__PURE__*/React__default.createElement("div", {
|
|
15577
|
-
className: styles$
|
|
17678
|
+
className: styles$h.textContainer
|
|
15578
17679
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
15579
17680
|
variant: "body_short_link",
|
|
15580
|
-
className: styles$
|
|
17681
|
+
className: styles$h.tag
|
|
15581
17682
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
15582
|
-
className: styles$
|
|
17683
|
+
className: styles$h.description,
|
|
15583
17684
|
variant: "body_short"
|
|
15584
17685
|
}, description)));
|
|
15585
17686
|
};
|
|
15586
17687
|
|
|
15587
|
-
var css_248z$
|
|
15588
|
-
var styles$
|
|
15589
|
-
styleInject(css_248z$
|
|
17688
|
+
var css_248z$i = ".listItem-module_flexContainer__coznC{display:flex;flex-flow:row nowrap;justify-content:flex-start}.listItem-module_container__sivKu{align-items:center;box-sizing:border-box;gap:.5rem;min-height:48px;padding:0 1rem}.listItem-module_listItemContainer__MtMLQ{border-bottom:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:first-child{border-top:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:hover{background-color:var(--equiGray5);cursor:pointer}.listItem-module_infoContainer__V0R7i{align-items:center;display:grid;flex-grow:1;gap:.2rem;grid-template-columns:1fr}.listItem-module_icon__lHCt6{align-items:center;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:.5rem;width:max-content}";
|
|
17689
|
+
var styles$g = {"flexContainer":"listItem-module_flexContainer__coznC","container":"listItem-module_container__sivKu listItem-module_flexContainer__coznC","listItemContainer":"listItem-module_listItemContainer__MtMLQ listItem-module_container__sivKu listItem-module_flexContainer__coznC","hoverItem":"listItem-module_hoverItem__bPUhP","infoContainer":"listItem-module_infoContainer__V0R7i","icon":"listItem-module_icon__lHCt6"};
|
|
17690
|
+
styleInject(css_248z$i);
|
|
15590
17691
|
|
|
15591
17692
|
function ListItem(props) {
|
|
15592
17693
|
var _a;
|
|
@@ -15598,13 +17699,13 @@ function ListItem(props) {
|
|
|
15598
17699
|
var caption = resolvePropToComponent('caption', props.caption);
|
|
15599
17700
|
// Container styling
|
|
15600
17701
|
var Container = (_a = props.as) !== null && _a !== void 0 ? _a : 'li';
|
|
15601
|
-
var containerClassNames = classnames$1(styles$
|
|
17702
|
+
var containerClassNames = classnames$1(styles$g.listItemContainer, _defineProperty$1({}, styles$g.hoverItem, Container === 'li'), props.className);
|
|
15602
17703
|
return /*#__PURE__*/React__default.createElement(Container, {
|
|
15603
17704
|
className: containerClassNames,
|
|
15604
17705
|
style: props.style,
|
|
15605
17706
|
onClick: props.onCardClick
|
|
15606
17707
|
}, props.listAction, props.visual, props.icon && /*#__PURE__*/React__default.createElement("div", {
|
|
15607
|
-
className: styles$
|
|
17708
|
+
className: styles$g.icon,
|
|
15608
17709
|
style: {
|
|
15609
17710
|
backgroundColor: props.icon.backgroundColor,
|
|
15610
17711
|
margin: props.icon.backgroundColor ? '0.5rem 0' : ''
|
|
@@ -15613,7 +17714,7 @@ function ListItem(props) {
|
|
|
15613
17714
|
name: props.icon.name,
|
|
15614
17715
|
color: props.icon.color
|
|
15615
17716
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
15616
|
-
className: styles$
|
|
17717
|
+
className: styles$g.infoContainer
|
|
15617
17718
|
}, primary, secondary, tertiary), caption, props.itemAction);
|
|
15618
17719
|
}
|
|
15619
17720
|
function resolvePropToComponent(variant, prop, group) {
|
|
@@ -15631,7 +17732,11 @@ function resolvePropToComponent(variant, prop, group) {
|
|
|
15631
17732
|
}
|
|
15632
17733
|
}
|
|
15633
17734
|
|
|
15634
|
-
var
|
|
17735
|
+
var distExports = {};
|
|
17736
|
+
var dist = {
|
|
17737
|
+
get exports(){ return distExports; },
|
|
17738
|
+
set exports(v){ distExports = v; },
|
|
17739
|
+
};
|
|
15635
17740
|
|
|
15636
17741
|
/**!
|
|
15637
17742
|
* Sortable 1.15.0
|
|
@@ -19417,15 +21522,19 @@ Sortable.mount(Remove, Revert);
|
|
|
19417
21522
|
|
|
19418
21523
|
var sortable_esm = /*#__PURE__*/Object.freeze({
|
|
19419
21524
|
__proto__: null,
|
|
19420
|
-
default: Sortable,
|
|
19421
21525
|
MultiDrag: MultiDragPlugin,
|
|
19422
21526
|
Sortable: Sortable,
|
|
19423
|
-
Swap: SwapPlugin
|
|
21527
|
+
Swap: SwapPlugin,
|
|
21528
|
+
default: Sortable
|
|
19424
21529
|
});
|
|
19425
21530
|
|
|
19426
21531
|
var require$$0 = /*@__PURE__*/getAugmentedNamespace(sortable_esm);
|
|
19427
21532
|
|
|
19428
|
-
var
|
|
21533
|
+
var classnamesExports = {};
|
|
21534
|
+
var classnames = {
|
|
21535
|
+
get exports(){ return classnamesExports; },
|
|
21536
|
+
set exports(v){ classnamesExports = v; },
|
|
21537
|
+
};
|
|
19429
21538
|
|
|
19430
21539
|
/*!
|
|
19431
21540
|
Copyright (c) 2018 Jed Watson.
|
|
@@ -19506,7 +21615,7 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(tinyInvariant_esm);
|
|
|
19506
21615
|
|
|
19507
21616
|
(function (module) {
|
|
19508
21617
|
var $8zHUo$sortablejs = require$$0;
|
|
19509
|
-
var $8zHUo$classnames =
|
|
21618
|
+
var $8zHUo$classnames = classnamesExports;
|
|
19510
21619
|
var $8zHUo$react = React__default;
|
|
19511
21620
|
var $8zHUo$tinyinvariant = require$$3;
|
|
19512
21621
|
|
|
@@ -19962,7 +22071,7 @@ var DraggableItemsWrapper = function DraggableItemsWrapper(_ref) {
|
|
|
19962
22071
|
}, [children]);
|
|
19963
22072
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
19964
22073
|
style: style
|
|
19965
|
-
}, dragItems.length > 0 && /*#__PURE__*/React__default.createElement(
|
|
22074
|
+
}, dragItems.length > 0 && /*#__PURE__*/React__default.createElement(distExports.ReactSortable, {
|
|
19966
22075
|
animation: 200,
|
|
19967
22076
|
handle: ".".concat(DraggableHandleSelector),
|
|
19968
22077
|
list: dragItems,
|
|
@@ -19978,9 +22087,9 @@ var DraggableItemsWrapper = function DraggableItemsWrapper(_ref) {
|
|
|
19978
22087
|
})));
|
|
19979
22088
|
};
|
|
19980
22089
|
|
|
19981
|
-
var css_248z$
|
|
19982
|
-
var styles$
|
|
19983
|
-
styleInject(css_248z$
|
|
22090
|
+
var css_248z$h = ".radioButton-module_buttonWrapper__gzYAz span,.radioButton-module_header__f6AoN{font-weight:500!important}.radioButton-module_buttonWrapper__gzYAz{display:flex;justify-content:space-between;margin:10px auto 0;max-width:230px}.radioButton-module_buttonWrapper__gzYAz label{color:#000;display:flex;flex-direction:column;font-size:14px}";
|
|
22091
|
+
var styles$f = {"header":"radioButton-module_header__f6AoN","buttonWrapper":"radioButton-module_buttonWrapper__gzYAz"};
|
|
22092
|
+
styleInject(css_248z$h);
|
|
19984
22093
|
|
|
19985
22094
|
/**
|
|
19986
22095
|
* Component that renders a Radio Button Group with a set of options to choose from
|
|
@@ -20002,9 +22111,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
20002
22111
|
style: style
|
|
20003
22112
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
20004
22113
|
variant: "body_short",
|
|
20005
|
-
className: styles$
|
|
22114
|
+
className: styles$f.header
|
|
20006
22115
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
20007
|
-
className: styles$
|
|
22116
|
+
className: styles$f.buttonWrapper
|
|
20008
22117
|
}, options.map(function (option, index) {
|
|
20009
22118
|
return /*#__PURE__*/React__default.createElement(Radio, {
|
|
20010
22119
|
key: index,
|
|
@@ -20017,9 +22126,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
20017
22126
|
})));
|
|
20018
22127
|
};
|
|
20019
22128
|
|
|
20020
|
-
var css_248z$
|
|
22129
|
+
var css_248z$g = ".roundIconButton-module_pageMenuButton__KIxry{background:#fff;border:1px solid var(--equiGreen1);border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;height:48px;padding:10px;width:48px}.roundIconButton-module_pageMenuButton__KIxry:hover{background-color:var(--equiGreen2);color:var(--hoverIcon)}.roundIconButton-module_pageMenuButton__KIxry:hover svg{fill:var(--hoverIcon)}.roundIconButton-module_toggleButton__pmI4P{background:var(--toggleInactive);border:1px solid var(--toggleInactive)}.roundIconButton-module_toggleButton__pmI4P:hover{background:rgba(179,13,47,.5);border:1px solid var(--toggleInactive)}.roundIconButton-module_activeButton__JJoxc{background:var(--equiGreen1);border:2px solid var(--equiGreen1)}.roundIconButton-module_activeButton__JJoxc.roundIconButton-module_toggleButton__pmI4P{background:var(--toggleActive);border:1px solid var(--toggleActive)}.roundIconButton-module_activeButton__JJoxc.roundIconButton-module_toggleButton__pmI4P:hover{background:rgba(75,183,72,.5);border:1px solid var(--toggleActive)}";
|
|
20021
22130
|
var style$1 = {"pageMenuButton":"roundIconButton-module_pageMenuButton__KIxry","toggleButton":"roundIconButton-module_toggleButton__pmI4P","activeButton":"roundIconButton-module_activeButton__JJoxc"};
|
|
20022
|
-
styleInject(css_248z$
|
|
22131
|
+
styleInject(css_248z$g);
|
|
20023
22132
|
|
|
20024
22133
|
var RoundIconButtonVariants;
|
|
20025
22134
|
(function (RoundIconButtonVariants) {
|
|
@@ -20051,9 +22160,9 @@ var RoundIconButton = function RoundIconButton(_ref) {
|
|
|
20051
22160
|
}, mutateIcon(variant));
|
|
20052
22161
|
};
|
|
20053
22162
|
|
|
20054
|
-
var css_248z$
|
|
20055
|
-
var styles$
|
|
20056
|
-
styleInject(css_248z$
|
|
22163
|
+
var css_248z$f = ".sliderField-module_sliderField__gp6ce{display:flex;flex-direction:column;margin:0 0 30px}.sliderField-module_sliderField__gp6ce output,.sliderField-module_sliderField__gp6ce p,.sliderField-module_sliderField__gp6ce span{font-weight:500}.sliderField-module_sliderWrapper__pAwLd{margin:10px auto 0;text-align:center;width:230px}.sliderField-module_sliderWrapper__pAwLd span{display:none}.sliderField-module_sliderWrapper__pAwLd output{font-size:16px}.sliderField-module_sliderWrapper__pAwLd div{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\"><rect y=\"11\" fill=\"%23DEEDEE\" width=\"100%\" height=\"4\" rx=\"2\"/></svg>')}";
|
|
22164
|
+
var styles$e = {"sliderField":"sliderField-module_sliderField__gp6ce","sliderWrapper":"sliderField-module_sliderWrapper__pAwLd"};
|
|
22165
|
+
styleInject(css_248z$f);
|
|
20057
22166
|
|
|
20058
22167
|
/**
|
|
20059
22168
|
* Component that renders a slider with numeric or custom values
|
|
@@ -20081,12 +22190,12 @@ var SliderField = function SliderField(_ref) {
|
|
|
20081
22190
|
return labelsAsParam[currentValue];
|
|
20082
22191
|
};
|
|
20083
22192
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
20084
|
-
className: styles$
|
|
22193
|
+
className: styles$e.sliderField,
|
|
20085
22194
|
style: style
|
|
20086
22195
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
20087
22196
|
variant: "body_short"
|
|
20088
22197
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
20089
|
-
className: styles$
|
|
22198
|
+
className: styles$e.sliderWrapper
|
|
20090
22199
|
}, !labels || labels && labels.length === 0 ? /*#__PURE__*/React__default.createElement(Slider, {
|
|
20091
22200
|
value: value,
|
|
20092
22201
|
min: min,
|
|
@@ -20109,9 +22218,9 @@ var SliderField = function SliderField(_ref) {
|
|
|
20109
22218
|
})));
|
|
20110
22219
|
};
|
|
20111
22220
|
|
|
20112
|
-
var css_248z$
|
|
20113
|
-
var styles$
|
|
20114
|
-
styleInject(css_248z$
|
|
22221
|
+
var css_248z$e = ".textIconButton-module_button__9s6rE{align-items:center;border-radius:5px;display:flex;flex-direction:column;height:93px;justify-content:center;overflow:hidden;padding:3px;position:relative;width:93px}.textIconButton-module_button__9s6rE:active,.textIconButton-module_button__9s6rE:focus{background-color:var(--equiGreen3)}.textIconButton-module_button__9s6rE:hover{background-color:#c3f3d2}.textIconButton-module_button__9s6rE svg{margin:0 0 2px;z-index:2}.textIconButton-module_text__hw0bg{position:relative;text-align:center!important;z-index:2}";
|
|
22222
|
+
var styles$d = {"button":"textIconButton-module_button__9s6rE","text":"textIconButton-module_text__hw0bg"};
|
|
22223
|
+
styleInject(css_248z$e);
|
|
20115
22224
|
|
|
20116
22225
|
/**
|
|
20117
22226
|
* Component that renders a button with the icon and the text provided
|
|
@@ -20131,7 +22240,7 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
20131
22240
|
style = _ref.style;
|
|
20132
22241
|
var CustomIcon = icon;
|
|
20133
22242
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
20134
|
-
className: styles$
|
|
22243
|
+
className: styles$d.button,
|
|
20135
22244
|
onClick: onClick,
|
|
20136
22245
|
style: style
|
|
20137
22246
|
}, typeof icon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -20140,14 +22249,14 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
20140
22249
|
color: themeConst.asBuilt,
|
|
20141
22250
|
size: 40
|
|
20142
22251
|
}) : /*#__PURE__*/React__default.createElement(CustomIcon, null), /*#__PURE__*/React__default.createElement(Typography, {
|
|
20143
|
-
className: styles$
|
|
22252
|
+
className: styles$d.text,
|
|
20144
22253
|
color: themeConst.asBuilt
|
|
20145
22254
|
}, title));
|
|
20146
22255
|
};
|
|
20147
22256
|
|
|
20148
|
-
var css_248z$
|
|
20149
|
-
var styles$
|
|
20150
|
-
styleInject(css_248z$
|
|
22257
|
+
var css_248z$d = ".listRow-module_wrapper__j5Czq{border-bottom:1px solid #dcdcdc;display:flex;flex-direction:column}.listRow-module_row__5taKB{align-items:stretch;display:flex;justify-content:space-between;min-height:48px}.listRow-module_infoCol__fSiO5{display:flex;margin:auto 0}.listRow-module_draggable__WoQYD{align-items:center;cursor:pointer;display:flex}.listRow-module_info__fX3UU{display:flex;flex-direction:column;justify-content:center;margin-left:var(--medium)}.listRow-module_info__fX3UU p{font-size:14px}.listRow-module_iconCol__A4oE0{align-items:stretch;display:flex}.listRow-module_activeIconButton__GdFjq{background-color:var(--equiGreen3)}.listRow-module_activeIconButton__GdFjq,.listRow-module_iconButton__j9G0z{align-items:center;display:flex;padding:0 12px}.listRow-module_iconButton__j9G0z:hover{background-color:#c3f3d2}.listRow-module_iconButton__j9G0z:active,.listRow-module_iconButton__j9G0z:focus{background-color:var(--equiGreen3)}.listRow-module_expandedRow__DdJu5{align-items:stretch;background-color:var(--equiGreen3);display:flex;justify-content:flex-end;min-height:48px}.listRow-module_close__gdtqH{align-items:center;cursor:pointer;display:flex;justify-content:center;width:54px}";
|
|
22258
|
+
var styles$c = {"wrapper":"listRow-module_wrapper__j5Czq","row":"listRow-module_row__5taKB","infoCol":"listRow-module_infoCol__fSiO5","draggable":"listRow-module_draggable__WoQYD","info":"listRow-module_info__fX3UU","iconCol":"listRow-module_iconCol__A4oE0","activeIconButton":"listRow-module_activeIconButton__GdFjq","iconButton":"listRow-module_iconButton__j9G0z","expandedRow":"listRow-module_expandedRow__DdJu5","close":"listRow-module_close__gdtqH"};
|
|
22259
|
+
styleInject(css_248z$d);
|
|
20151
22260
|
|
|
20152
22261
|
/**
|
|
20153
22262
|
* Component that renders one row in a list. The row can be marked as draggable and expandable
|
|
@@ -20174,30 +22283,30 @@ var ListRow = function ListRow(_ref) {
|
|
|
20174
22283
|
expandable = _ref.expandable,
|
|
20175
22284
|
style = _ref.style;
|
|
20176
22285
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
20177
|
-
className: styles$
|
|
22286
|
+
className: styles$c.wrapper,
|
|
20178
22287
|
style: style
|
|
20179
22288
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
20180
|
-
className: styles$
|
|
22289
|
+
className: styles$c.row
|
|
20181
22290
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
20182
|
-
className: styles$
|
|
22291
|
+
className: styles$c.infoCol
|
|
20183
22292
|
}, isDraggable && /*#__PURE__*/React__default.createElement("div", {
|
|
20184
|
-
className: styles$
|
|
22293
|
+
className: styles$c.draggable
|
|
20185
22294
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
20186
22295
|
name: "unfold_more",
|
|
20187
22296
|
title: "Move",
|
|
20188
22297
|
color: themeConst.asBuilt
|
|
20189
22298
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
20190
|
-
className: styles$
|
|
22299
|
+
className: styles$c.info
|
|
20191
22300
|
}, item.title && /*#__PURE__*/React__default.createElement(Typography, {
|
|
20192
22301
|
variant: "body_short",
|
|
20193
22302
|
bold: true
|
|
20194
22303
|
}, item.title), item.subTitle && /*#__PURE__*/React__default.createElement(Typography, {
|
|
20195
22304
|
variant: "body_short"
|
|
20196
22305
|
}, item.subTitle))), /*#__PURE__*/React__default.createElement("div", {
|
|
20197
|
-
className: styles$
|
|
22306
|
+
className: styles$c.iconCol
|
|
20198
22307
|
}, item.icons.map(function (icon, itemIndex) {
|
|
20199
22308
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
20200
|
-
className: styles$
|
|
22309
|
+
className: styles$c.iconButton,
|
|
20201
22310
|
key: itemIndex,
|
|
20202
22311
|
onClick: icon.onClick
|
|
20203
22312
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -20206,7 +22315,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
20206
22315
|
color: themeConst.asBuilt
|
|
20207
22316
|
}));
|
|
20208
22317
|
}), expandable && /*#__PURE__*/React__default.createElement("button", {
|
|
20209
|
-
className: expandable && expandable.expanded ? styles$
|
|
22318
|
+
className: expandable && expandable.expanded ? styles$c.activeIconButton : styles$c.iconButton,
|
|
20210
22319
|
onClick: function onClick() {
|
|
20211
22320
|
expandable.setExpanded(true);
|
|
20212
22321
|
}
|
|
@@ -20215,10 +22324,10 @@ var ListRow = function ListRow(_ref) {
|
|
|
20215
22324
|
title: "Expand",
|
|
20216
22325
|
color: themeConst.asBuilt
|
|
20217
22326
|
})))), expandable && expandable.expanded && /*#__PURE__*/React__default.createElement("div", {
|
|
20218
|
-
className: styles$
|
|
22327
|
+
className: styles$c.expandedRow
|
|
20219
22328
|
}, expandable.iconItems.map(function (icon, iconItemsIndex) {
|
|
20220
22329
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
20221
|
-
className: styles$
|
|
22330
|
+
className: styles$c.iconButton,
|
|
20222
22331
|
key: iconItemsIndex,
|
|
20223
22332
|
onClick: icon.onClick
|
|
20224
22333
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -20227,7 +22336,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
20227
22336
|
color: themeConst.asBuilt
|
|
20228
22337
|
}));
|
|
20229
22338
|
}), /*#__PURE__*/React__default.createElement("button", {
|
|
20230
|
-
className: styles$
|
|
22339
|
+
className: styles$c.iconButton,
|
|
20231
22340
|
onClick: function onClick() {
|
|
20232
22341
|
expandable.setExpanded(false);
|
|
20233
22342
|
}
|
|
@@ -20238,9 +22347,9 @@ var ListRow = function ListRow(_ref) {
|
|
|
20238
22347
|
}))));
|
|
20239
22348
|
};
|
|
20240
22349
|
|
|
20241
|
-
var css_248z$
|
|
20242
|
-
var styles$
|
|
20243
|
-
styleInject(css_248z$
|
|
22350
|
+
var css_248z$c = ".menuButton-module_button__qpHsn{align-items:center;border-left:none;box-sizing:border-box;display:flex;flex-direction:column;height:56px;margin-left:-1px;overflow:hidden;padding:8px 0 0;position:relative;width:-webkit-fill-available}.menuButton-module_text__MiZeF{color:var(--echoText)!important;font-size:10.5px!important;font-weight:500!important;line-height:12px!important;margin-top:2px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:50px!important}.menuButton-module_active__1Dznq,.menuButton-module_button__qpHsn:active{background-color:var(--equiGreen3);border-left:2px solid var(--asBuilt);border-right:2px solid var(--equiGreen3)}.menuButton-module_button__qpHsn:hover{background-color:#deeeed}.menuButton-module_active__1Dznq:hover,.menuButton-module_button__qpHsn:hover:active{border-right:2px solid #deeeed}.menuButton-module_button__qpHsn svg{margin:0 0 2px;z-index:2}.menuButton-module_button__qpHsn.menuButton-module_active__1Dznq svg,.menuButton-module_button__qpHsn:active svg,.menuButton-module_button__qpHsn:hover svg{fill:#007079}.menuButton-module_button__qpHsn.menuButton-module_active__1Dznq .menuButton-module_text__MiZeF,.menuButton-module_button__qpHsn:active .menuButton-module_text__MiZeF,.menuButton-module_button__qpHsn:hover .menuButton-module_text__MiZeF{color:#007079!important}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.menuButton-module_button__qpHsn{height:48px;margin-bottom:-1px;margin-left:0;padding:6px 0 0;width:56px}.menuButton-module_active__1Dznq,.menuButton-module_button__qpHsn:active{background-color:var(--equiGreen3);border-bottom:2px solid var(--asBuilt);border-left:none;border-right:none}.menuButton-module_button__qpHsn svg{height:20px;margin:0 0 2px;width:20px;z-index:2}.menuButton-module_active__1Dznq:hover,.menuButton-module_button__qpHsn:hover:active{border-left:none;border-right:none}}";
|
|
22351
|
+
var styles$b = {"button":"menuButton-module_button__qpHsn","text":"menuButton-module_text__MiZeF","active":"menuButton-module_active__1Dznq"};
|
|
22352
|
+
styleInject(css_248z$c);
|
|
20244
22353
|
|
|
20245
22354
|
/**
|
|
20246
22355
|
* The menu bottom items
|
|
@@ -20270,9 +22379,9 @@ var MenuButton = function MenuButton(_ref) {
|
|
|
20270
22379
|
type: "button",
|
|
20271
22380
|
onClick: onClick,
|
|
20272
22381
|
id: id,
|
|
20273
|
-
className: classnames$2(styles$
|
|
22382
|
+
className: classnames$2(styles$b.button, _defineProperty$1({}, styles$b.active, active))
|
|
20274
22383
|
}, children, /*#__PURE__*/React__default.createElement(Typography, {
|
|
20275
|
-
className: styles$
|
|
22384
|
+
className: styles$b.text
|
|
20276
22385
|
}, text));
|
|
20277
22386
|
};
|
|
20278
22387
|
MenuButton.defaultProps = {
|
|
@@ -20783,9 +22892,9 @@ function usePanelContext() {
|
|
|
20783
22892
|
return context;
|
|
20784
22893
|
}
|
|
20785
22894
|
|
|
20786
|
-
var css_248z$
|
|
20787
|
-
var styles$
|
|
20788
|
-
styleInject(css_248z$
|
|
22895
|
+
var css_248z$b = ".panelWrapper-module_wrapper__asJxL{position:fixed;right:0;z-index:5}.panelWrapper-module_topBarWrapper__Nt84G{background-color:#fff;border-left:1px solid #dcdcdc;box-sizing:border-box;height:100dvh;padding:4px 0;width:64px;z-index:10}.panelWrapper-module_topBarWrapper__Nt84G div:first-child{display:none}.panelWrapper-module_contentPanel__JWij5,.panelWrapper-module_narrowPanel__zW0DI{background:#fff;box-sizing:border-box;height:100%;overflow:hidden;position:absolute;right:64px;top:0;transition:width .4s ease-in-out;width:0;z-index:1200}.panelWrapper-module_narrowPanel__zW0DI{width:240px!important}.panelWrapper-module_activeContentPanel__1nAhR{border-left:2px solid #f7f7f7;padding-left:14px;padding-right:16px;padding-top:16px;width:320px}.panelWrapper-module_buttonWrapperMobile__pcR1V{display:none}.panelWrapper-module_buttonWrapper__xbmQI{height:calc(100dvh - 16px)}@media screen and (max-width:927px) and (orientation:landscape){.panelWrapper-module_topBarWrapper__Nt84G{width:calc(100dvw - 56px)}}@media screen and (max-width:767px) and (orientation:portrait){.panelWrapper-module_topBarWrapper__Nt84G{width:100dvw}}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.panelWrapper-module_topBarWrapper__Nt84G{border-bottom:1px solid #dcdcdc;border-left:none;display:flex;flex-direction:row;height:48px;padding-bottom:0;padding-top:0;z-index:10}.panelWrapper-module_topBarWrapper__Nt84G div:first-child{display:flex}.panelWrapper-module_moduleTitle__4Wloo{display:flex;margin:auto 0 auto 16px}.panelWrapper-module_moduleTitle__4Wloo p{color:var(--echoText);font-size:16px;font-weight:500;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panelWrapper-module_contentPanel__JWij5,.panelWrapper-module_narrowPanel__zW0DI{height:100dvh;right:0}.panelWrapper-module_buttonWrapperMobile__pcR1V{display:flex;justify-content:flex-end;margin-right:8px}.panelWrapper-module_buttonWrapper__xbmQI{display:none}}@media screen and (max-width:768px) and (orientation:portrait){.panelWrapper-module_moduleTitle__4Wloo{width:140px}.panelWrapper-module_buttonWrapperMobile__pcR1V{width:calc(100vw - 140px)}}@media screen and (max-width:927px) and (orientation:landscape){.panelWrapper-module_moduleTitle__4Wloo{width:240px}.panelWrapper-module_buttonWrapperMobile__pcR1V{width:calc(100vw - 240px)}}";
|
|
22896
|
+
var styles$a = {"wrapper":"panelWrapper-module_wrapper__asJxL","topBarWrapper":"panelWrapper-module_topBarWrapper__Nt84G","narrowPanel":"panelWrapper-module_narrowPanel__zW0DI","contentPanel":"panelWrapper-module_contentPanel__JWij5","activeContentPanel":"panelWrapper-module_activeContentPanel__1nAhR","buttonWrapperMobile":"panelWrapper-module_buttonWrapperMobile__pcR1V","buttonWrapper":"panelWrapper-module_buttonWrapper__xbmQI","moduleTitle":"panelWrapper-module_moduleTitle__4Wloo"};
|
|
22897
|
+
styleInject(css_248z$b);
|
|
20789
22898
|
|
|
20790
22899
|
/**
|
|
20791
22900
|
* Component that display's the buttons in a panel. It will automatically try to calculate how many buttons to display
|
|
@@ -20939,19 +23048,19 @@ var PanelWrapper = function PanelWrapper(_ref) {
|
|
|
20939
23048
|
if (ref) return renderMenuItems();
|
|
20940
23049
|
};
|
|
20941
23050
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
20942
|
-
className: styles$
|
|
23051
|
+
className: styles$a.wrapper
|
|
20943
23052
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
20944
|
-
className: styles$
|
|
23053
|
+
className: styles$a.topBarWrapper
|
|
20945
23054
|
}, typeof header === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
20946
|
-
className: styles$
|
|
23055
|
+
className: styles$a.moduleTitle
|
|
20947
23056
|
}, /*#__PURE__*/React__default.createElement(Typography, null, header)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, header), /*#__PURE__*/React__default.createElement("div", {
|
|
20948
23057
|
ref: mobileWrapperRef,
|
|
20949
|
-
className: styles$
|
|
23058
|
+
className: styles$a.buttonWrapperMobile
|
|
20950
23059
|
}, renderMenuItemsBasedOnRef((_a = mobileWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth)), /*#__PURE__*/React__default.createElement("div", {
|
|
20951
|
-
className: styles$
|
|
23060
|
+
className: styles$a.buttonWrapper,
|
|
20952
23061
|
ref: desktopWrapperRef
|
|
20953
23062
|
}, renderMenuItemsBasedOnRef((_b = desktopWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight))), /*#__PURE__*/React__default.createElement("div", {
|
|
20954
|
-
className: classnames$2(styles$
|
|
23063
|
+
className: classnames$2(styles$a.contentPanel, (_classnames = {}, _defineProperty$1(_classnames, styles$a.narrowPanel, panelSize === 'narrow' && activePanel), _defineProperty$1(_classnames, styles$a.activeContentPanel, activePanel), _classnames))
|
|
20955
23064
|
}, getPanelComponentForActivePanel(activePanel)));
|
|
20956
23065
|
};
|
|
20957
23066
|
|
|
@@ -20974,9 +23083,9 @@ var Panel = function Panel(_ref) {
|
|
|
20974
23083
|
}));
|
|
20975
23084
|
};
|
|
20976
23085
|
|
|
20977
|
-
var css_248z$
|
|
20978
|
-
var styles$
|
|
20979
|
-
styleInject(css_248z$
|
|
23086
|
+
var css_248z$a = ".panelContent-module_headerWrapper__BAc2H{display:flex;justify-content:space-between;padding-bottom:16px}.panelContent-module_panelTitle__jqqJT{margin:auto 0!important}.panelContent-module_bodyWrapper__EHsg5{height:calc(100dvh - 112px);margin-right:-8px;margin-top:16px;overflow-x:hidden;overflow-y:auto}.panelContent-module_contentWrapper__1re5K{margin-right:8px}";
|
|
23087
|
+
var styles$9 = {"headerWrapper":"panelContent-module_headerWrapper__BAc2H","panelTitle":"panelContent-module_panelTitle__jqqJT","bodyWrapper":"panelContent-module_bodyWrapper__EHsg5","contentWrapper":"panelContent-module_contentWrapper__1re5K"};
|
|
23088
|
+
styleInject(css_248z$a);
|
|
20980
23089
|
|
|
20981
23090
|
/**
|
|
20982
23091
|
* The component that wraps the panel drawer content
|
|
@@ -20998,7 +23107,7 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
20998
23107
|
var _usePanelContext = usePanelContext(),
|
|
20999
23108
|
updateActivePanel = _usePanelContext.updateActivePanel;
|
|
21000
23109
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
21001
|
-
className: styles$
|
|
23110
|
+
className: styles$9.headerWrapper
|
|
21002
23111
|
}, backToMainPanel && /*#__PURE__*/React__default.createElement(Button, {
|
|
21003
23112
|
variant: "ghost_icon",
|
|
21004
23113
|
onClick: backToMainPanel
|
|
@@ -21006,7 +23115,7 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
21006
23115
|
name: "chevron_left"
|
|
21007
23116
|
})), /*#__PURE__*/React__default.createElement(Typography, {
|
|
21008
23117
|
variant: "h4",
|
|
21009
|
-
className: styles$
|
|
23118
|
+
className: styles$9.panelTitle
|
|
21010
23119
|
}, header), /*#__PURE__*/React__default.createElement(Button, {
|
|
21011
23120
|
variant: "ghost_icon",
|
|
21012
23121
|
onClick: function onClick() {
|
|
@@ -21015,18 +23124,18 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
21015
23124
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
21016
23125
|
name: "close"
|
|
21017
23126
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
21018
|
-
className: styles$
|
|
23127
|
+
className: styles$9.bodyWrapper
|
|
21019
23128
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
21020
|
-
className: styles$
|
|
23129
|
+
className: styles$9.contentWrapper
|
|
21021
23130
|
}, children)));
|
|
21022
23131
|
};
|
|
21023
23132
|
PanelContent.defaultProps = {
|
|
21024
23133
|
backToMainPanel: undefined
|
|
21025
23134
|
};
|
|
21026
23135
|
|
|
21027
|
-
var css_248z$
|
|
21028
|
-
var styles$
|
|
21029
|
-
styleInject(css_248z$
|
|
23136
|
+
var css_248z$9 = ".sidebarButton-module_button__37sG4{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:.5em 0;position:relative;width:100%}.sidebarButton-module_button__37sG4:focus-visible{outline:1px dashed var(--asBuilt)}.sidebarButton-module_button__37sG4:hover{background-color:var(--equiGreen2)}.sidebarButton-module_button__37sG4:active{background-color:var(--equiGreen3);border-color:var(--asBuilt)}.sidebarButton-module_activeButton__WkS2p{background-color:var(--equiGreen3);border-color:var(--asBuilt)!important}.sidebarButton-module_activeButton__WkS2p:hover{background-color:var(--equiGreen2)!important;border-color:var(--asBuilt)}.sidebarButton-module_button__37sG4 svg{height:20px;margin-bottom:.25em;width:20px;z-index:2}.sidebarButton-module_button__37sG4:hover .sidebarButton-module_text__S0hrv,.sidebarButton-module_button__37sG4:hover svg{fill:var(--hoverIcon);color:var(--hoverIcon)!important}.sidebarButton-module_activeButton__WkS2p .sidebarButton-module_text__S0hrv,.sidebarButton-module_activeButton__WkS2p svg{fill:var(--asBuilt);color:var(--asBuilt)!important}.sidebarButton-module_text__S0hrv{color:var(--echoText)!important;font-size:11px!important;font-weight:500!important;line-height:12px!important;margin-top:.25em!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:50px!important}.sidebarButton-module_rightBarButton__nh2hd{border-left:2px solid hsla(0,0%,100%,0);height:56px!important;left:-2px;width:64px!important}.sidebarButton-module_leftBarButton__C5g1N{border-right:2px solid hsla(0,0%,100%,0);height:56px;width:64px}.sidebarButton-module_bottomBarButton__UJRT3{border-top:2px solid hsla(0,0%,100%,0);height:100%;padding:.25em 0 .5em}.sidebarButton-module_tabButton__eQISU{border-right:2px solid hsla(0,0%,100%,0);height:56px;width:100%}.sidebarButton-module_rightBarButton__nh2hd:hover{border-left:2px solid var(--default)}.sidebarButton-module_leftBarButton__C5g1N:hover{border-right:2px solid var(--default)}.sidebarButton-module_leftBarButton__C5g1N:active,.sidebarButton-module_rightBarButton__nh2hd:active{border-color:var(--asBuilt)!important}.sidebarButton-module_tabItemCount__nQc-M{align-items:center;background-color:var(--white);border:1px solid var(--equiGreen1);border-radius:50%;color:var(--equiGreen1);display:flex;font-size:11.5px;font-weight:800;height:fit-content;justify-content:center;min-height:21px;min-width:21px;position:absolute;right:3px;top:3px;width:fit-content;z-index:2}@media screen and (max-width:927px) and (orientation:landscape){.sidebarButton-module_bottomBarButton__UJRT3{border-right:2px solid hsla(0,0%,100%,0);border-top:none;height:-webkit-fill-available}}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.sidebarButton-module_rightBarButton__nh2hd{border-bottom:2px solid var(--default);border-left:none!important;height:48px!important;left:0;padding:.25em 0 .5em}}";
|
|
23137
|
+
var styles$8 = {"button":"sidebarButton-module_button__37sG4","activeButton":"sidebarButton-module_activeButton__WkS2p","text":"sidebarButton-module_text__S0hrv","rightBarButton":"sidebarButton-module_rightBarButton__nh2hd","leftBarButton":"sidebarButton-module_leftBarButton__C5g1N","bottomBarButton":"sidebarButton-module_bottomBarButton__UJRT3","tabButton":"sidebarButton-module_tabButton__eQISU","tabItemCount":"sidebarButton-module_tabItemCount__nQc-M"};
|
|
23138
|
+
styleInject(css_248z$9);
|
|
21030
23139
|
|
|
21031
23140
|
/**
|
|
21032
23141
|
* The reusable button component that is used in the sidebars/bottom bar.
|
|
@@ -21067,11 +23176,11 @@ var SidebarButton = function SidebarButton(_ref) {
|
|
|
21067
23176
|
type: "button",
|
|
21068
23177
|
onClick: onClick,
|
|
21069
23178
|
id: id,
|
|
21070
|
-
className: classnames$2(styles$
|
|
23179
|
+
className: classnames$2(styles$8.button, (_classnames = {}, _defineProperty$1(_classnames, styles$8.leftBarButton, buttonPosition === 'left'), _defineProperty$1(_classnames, styles$8.rightBarButton, buttonPosition === 'right'), _defineProperty$1(_classnames, styles$8.bottomBarButton, buttonPosition === 'bottom'), _defineProperty$1(_classnames, styles$8.tabButton, buttonPosition === 'tab'), _defineProperty$1(_classnames, styles$8.activeButton, active), _classnames))
|
|
21071
23180
|
}, children, count && count > 1 && /*#__PURE__*/React__default.createElement("span", {
|
|
21072
|
-
className: styles$
|
|
23181
|
+
className: styles$8.tabItemCount
|
|
21073
23182
|
}, count), /*#__PURE__*/React__default.createElement(Typography, {
|
|
21074
|
-
className: styles$
|
|
23183
|
+
className: styles$8.text
|
|
21075
23184
|
}, text));
|
|
21076
23185
|
};
|
|
21077
23186
|
SidebarButton.defaultProps = {
|
|
@@ -21085,33 +23194,6 @@ SidebarButton.defaultProps = {
|
|
|
21085
23194
|
buttonPosition: 'right'
|
|
21086
23195
|
};
|
|
21087
23196
|
|
|
21088
|
-
/******************************************************************************
|
|
21089
|
-
Copyright (c) Microsoft Corporation.
|
|
21090
|
-
|
|
21091
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
21092
|
-
purpose with or without fee is hereby granted.
|
|
21093
|
-
|
|
21094
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
21095
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
21096
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
21097
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
21098
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
21099
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
21100
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
21101
|
-
***************************************************************************** */
|
|
21102
|
-
|
|
21103
|
-
function __rest(s, e) {
|
|
21104
|
-
var t = {};
|
|
21105
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
21106
|
-
t[p] = s[p];
|
|
21107
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21108
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
21109
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
21110
|
-
t[p[i]] = s[p[i]];
|
|
21111
|
-
}
|
|
21112
|
-
return t;
|
|
21113
|
-
}
|
|
21114
|
-
|
|
21115
23197
|
var SideSheetOrientation;
|
|
21116
23198
|
(function (SideSheetOrientation) {
|
|
21117
23199
|
SideSheetOrientation["Vertical"] = "vertical";
|
|
@@ -21119,23 +23201,23 @@ var SideSheetOrientation;
|
|
|
21119
23201
|
SideSheetOrientation["Fullscreen"] = "fullscreen";
|
|
21120
23202
|
})(SideSheetOrientation || (SideSheetOrientation = {}));
|
|
21121
23203
|
|
|
21122
|
-
var css_248z$
|
|
21123
|
-
var styles$
|
|
21124
|
-
styleInject(css_248z$
|
|
23204
|
+
var css_248z$8 = ".Sheet-module_container__MJ-Md{background-color:var(--white);bottom:0;display:grid;grid-template-rows:min-content 1fr;overflow:hidden;position:absolute;z-index:1}.Sheet-module_verticalContainer__0wKqY{box-shadow:0 3px 4px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.14);top:0;width:480px}.Sheet-module_blockContainer__JZVGn{position:static}.Sheet-module_rightContainer__u1DzS{right:0}.Sheet-module_leftContainer__8nvAG{left:0}.Sheet-module_horizontalContainer__ibaGL{box-shadow:3px 0 4px 0 rgba(0,0,0,.12),2px 0 4px 0 rgba(0,0,0,.14);height:min-content;left:0;max-height:720px;min-height:240px;position:absolute;right:0}.Sheet-module_fullscreenContainer__5qqvB{left:0;position:absolute;right:0;top:0}";
|
|
23205
|
+
var styles$7 = {"container":"Sheet-module_container__MJ-Md","verticalContainer":"Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","blockContainer":"Sheet-module_blockContainer__JZVGn","rightContainer":"Sheet-module_rightContainer__u1DzS Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","leftContainer":"Sheet-module_leftContainer__8nvAG Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","horizontalContainer":"Sheet-module_horizontalContainer__ibaGL Sheet-module_container__MJ-Md","fullscreenContainer":"Sheet-module_fullscreenContainer__5qqvB Sheet-module_container__MJ-Md"};
|
|
23206
|
+
styleInject(css_248z$8);
|
|
21125
23207
|
|
|
21126
23208
|
function GetSheetContainerClass(side, orientation, floating, isMobile) {
|
|
21127
|
-
if (isMobile) return styles$
|
|
23209
|
+
if (isMobile) return styles$7.fullscreenContainer;
|
|
21128
23210
|
switch (orientation) {
|
|
21129
23211
|
case SideSheetOrientation.Horizontal:
|
|
21130
|
-
return styles$
|
|
23212
|
+
return styles$7.horizontalContainer;
|
|
21131
23213
|
case SideSheetOrientation.Fullscreen:
|
|
21132
|
-
return styles$
|
|
23214
|
+
return styles$7.fullscreenContainer;
|
|
21133
23215
|
case SideSheetOrientation.Vertical:
|
|
21134
23216
|
default:
|
|
21135
23217
|
{
|
|
21136
|
-
var className = side === 'left' ? styles$
|
|
23218
|
+
var className = side === 'left' ? styles$7.leftContainer : styles$7.rightContainer;
|
|
21137
23219
|
if (floating === false) {
|
|
21138
|
-
className += ' ' + styles$
|
|
23220
|
+
className += ' ' + styles$7.blockContainer;
|
|
21139
23221
|
}
|
|
21140
23222
|
return className;
|
|
21141
23223
|
}
|
|
@@ -21163,9 +23245,9 @@ function Sheet(_ref) {
|
|
|
21163
23245
|
}, children);
|
|
21164
23246
|
}
|
|
21165
23247
|
|
|
21166
|
-
var css_248z$
|
|
21167
|
-
var styles$
|
|
21168
|
-
styleInject(css_248z$
|
|
23248
|
+
var css_248z$7 = ".SheetTopArea-module_topArea__0B8Jn{align-items:center;border-bottom:1px solid var(--default);display:grid;gap:.5rem;grid-template-columns:1fr max-content max-content;height:48px;width:inherit}.SheetTopArea-module_actions__nPP4D{align-items:center;display:flex;flex-flow:row nowrap;gap:.2rem}";
|
|
23249
|
+
var styles$6 = {"topArea":"SheetTopArea-module_topArea__0B8Jn","actions":"SheetTopArea-module_actions__nPP4D"};
|
|
23250
|
+
styleInject(css_248z$7);
|
|
21169
23251
|
|
|
21170
23252
|
function SheetTopArea(_ref) {
|
|
21171
23253
|
var orientation = _ref.orientation,
|
|
@@ -21174,7 +23256,7 @@ function SheetTopArea(_ref) {
|
|
|
21174
23256
|
previous = _ref.previous;
|
|
21175
23257
|
var isMobile = useIsMobile();
|
|
21176
23258
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
21177
|
-
className: styles$
|
|
23259
|
+
className: styles$6.topArea
|
|
21178
23260
|
}, /*#__PURE__*/React__default.createElement("div", null, previous), orientation && onOrientationChange && !isMobile && /*#__PURE__*/React__default.createElement(SheetOrientationActions, {
|
|
21179
23261
|
orientation: orientation,
|
|
21180
23262
|
onOrientationChange: onOrientationChange
|
|
@@ -21198,7 +23280,7 @@ function SheetOrientationActions(_ref2) {
|
|
|
21198
23280
|
}
|
|
21199
23281
|
}
|
|
21200
23282
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
21201
|
-
className: styles$
|
|
23283
|
+
className: styles$6.actions
|
|
21202
23284
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
21203
23285
|
variant: "overline"
|
|
21204
23286
|
}, "ViewPort:"), /*#__PURE__*/React__default.createElement(Button, {
|
|
@@ -21251,9 +23333,9 @@ function SideSheet(_a) {
|
|
|
21251
23333
|
return null;
|
|
21252
23334
|
}
|
|
21253
23335
|
|
|
21254
|
-
var css_248z$
|
|
21255
|
-
var styles$
|
|
21256
|
-
styleInject(css_248z$
|
|
23336
|
+
var css_248z$6 = ".SplitViewLeft-module_left__zMnS5{border-right:1px solid var(--default);display:grid;grid-template-columns:480px;grid-template-rows:1fr min-content;height:inherit;overflow:hidden}.SplitViewLeft-module_collapsedLeft__qObsf{grid-template-columns:min-content}.SplitViewLeft-module_minimize__RwGrL{align-items:center;align-self:flex-end;border-top:1px solid var(--default);display:flex;flex-direction:row;justify-content:flex-end;padding:.2rem .5rem}.SplitViewLeft-module_collapsedLeft__qObsf .SplitViewLeft-module_minimize__RwGrL{padding-left:0;padding-right:0}";
|
|
23337
|
+
var styles$5 = {"left":"SplitViewLeft-module_left__zMnS5","collapsedLeft":"SplitViewLeft-module_collapsedLeft__qObsf","minimize":"SplitViewLeft-module_minimize__RwGrL"};
|
|
23338
|
+
styleInject(css_248z$6);
|
|
21257
23339
|
|
|
21258
23340
|
function Left(_ref) {
|
|
21259
23341
|
var className = _ref.className,
|
|
@@ -21265,12 +23347,12 @@ function Left(_ref) {
|
|
|
21265
23347
|
_useState2 = _slicedToArray(_useState, 2),
|
|
21266
23348
|
isMinimized = _useState2[0],
|
|
21267
23349
|
setIsMinimized = _useState2[1];
|
|
21268
|
-
var containerClassName = classnames$1(styles$
|
|
23350
|
+
var containerClassName = classnames$1(styles$5.left, _defineProperty$1({}, styles$5.collapsedLeft, isMinimized), className);
|
|
21269
23351
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
21270
23352
|
className: containerClassName,
|
|
21271
23353
|
style: style
|
|
21272
23354
|
}, !isMinimized && children, isMinimizable && /*#__PURE__*/React__default.createElement("div", {
|
|
21273
|
-
className: styles$
|
|
23355
|
+
className: styles$5.minimize
|
|
21274
23356
|
}, isMinimized ? /*#__PURE__*/React__default.createElement(Button, {
|
|
21275
23357
|
variant: "ghost_icon",
|
|
21276
23358
|
onClick: function onClick() {
|
|
@@ -21288,15 +23370,15 @@ function Left(_ref) {
|
|
|
21288
23370
|
}), ' ')));
|
|
21289
23371
|
}
|
|
21290
23372
|
|
|
21291
|
-
var css_248z$
|
|
21292
|
-
var styles$
|
|
21293
|
-
styleInject(css_248z$
|
|
23373
|
+
var css_248z$5 = ".SplitView-module_container__bqjFB{display:grid;grid-template-columns:min-content 1fr;height:inherit;overflow:hidden;width:inherit}.SplitView-module_right__fUhei{display:grid;grid-template-columns:1fr;height:inherit;overflow:hidden}";
|
|
23374
|
+
var styles$4 = {"container":"SplitView-module_container__bqjFB","right":"SplitView-module_right__fUhei"};
|
|
23375
|
+
styleInject(css_248z$5);
|
|
21294
23376
|
|
|
21295
23377
|
function SplitView$1(_ref) {
|
|
21296
23378
|
var className = _ref.className,
|
|
21297
23379
|
style = _ref.style,
|
|
21298
23380
|
children = _ref.children;
|
|
21299
|
-
var containerClass = classnames$1(styles$
|
|
23381
|
+
var containerClass = classnames$1(styles$4.container, className);
|
|
21300
23382
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
21301
23383
|
className: containerClass,
|
|
21302
23384
|
style: style
|
|
@@ -21306,7 +23388,7 @@ function Right(_ref2) {
|
|
|
21306
23388
|
var className = _ref2.className,
|
|
21307
23389
|
style = _ref2.style,
|
|
21308
23390
|
children = _ref2.children;
|
|
21309
|
-
var containerClass = classnames$1(styles$
|
|
23391
|
+
var containerClass = classnames$1(styles$4.right, className);
|
|
21310
23392
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
21311
23393
|
className: containerClass,
|
|
21312
23394
|
style: style
|
|
@@ -21317,9 +23399,9 @@ var SplitView = SplitView$1;
|
|
|
21317
23399
|
SplitView.Left = Left;
|
|
21318
23400
|
SplitView.Right = Right;
|
|
21319
23401
|
|
|
21320
|
-
var css_248z$
|
|
23402
|
+
var css_248z$4 = ".timePicker-module_timeContainer__iXIeX{display:flex;flex-direction:row;max-width:102px;position:relative;width:100%}.timePicker-module_timeIcon__sBUaj{color:#616161;cursor:pointer;height:18px;position:absolute;right:13px;top:25px;width:18px;z-index:1}.timePicker-module_timeSelect__R6aai{box-sizing:border-box;padding:2px;width:100%}.timePicker-module_timeSelect__R6aai button[aria-label=\"clear options\"],.timePicker-module_timeSelect__R6aai button[aria-label=\"toggle options\"]{display:none}.timePicker-module_timeSelect__R6aai input{padding-right:40px}";
|
|
21321
23403
|
var style = {"timeContainer":"timePicker-module_timeContainer__iXIeX","timeIcon":"timePicker-module_timeIcon__sBUaj","timeSelect":"timePicker-module_timeSelect__R6aai"};
|
|
21322
|
-
styleInject(css_248z$
|
|
23404
|
+
styleInject(css_248z$4);
|
|
21323
23405
|
|
|
21324
23406
|
var TimePicker = function TimePicker(_ref) {
|
|
21325
23407
|
var id = _ref.id,
|
|
@@ -21369,6 +23451,116 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
21369
23451
|
}));
|
|
21370
23452
|
};
|
|
21371
23453
|
|
|
23454
|
+
function dateToStringOrEmpty(date) {
|
|
23455
|
+
var empty = '-';
|
|
23456
|
+
if (!date) {
|
|
23457
|
+
return empty;
|
|
23458
|
+
}
|
|
23459
|
+
if (typeof date === 'string') {
|
|
23460
|
+
date = new Date(date);
|
|
23461
|
+
}
|
|
23462
|
+
var dateFormatEnGb = 'en-GB';
|
|
23463
|
+
var dateString = date.toLocaleDateString(dateFormatEnGb);
|
|
23464
|
+
if (dateString.toLowerCase().includes('invalid date')) {
|
|
23465
|
+
return dateString;
|
|
23466
|
+
}
|
|
23467
|
+
if (isEpochDateTime(date)) {
|
|
23468
|
+
return empty;
|
|
23469
|
+
}
|
|
23470
|
+
return dateString;
|
|
23471
|
+
}
|
|
23472
|
+
function isEpochDateTime(date) {
|
|
23473
|
+
var time = date.toUTCString();
|
|
23474
|
+
return time === 'Thu, 01 Jan 1970 00:00:00 GMT';
|
|
23475
|
+
}
|
|
23476
|
+
|
|
23477
|
+
function setWorkOrderIconName(type) {
|
|
23478
|
+
switch (type.toLowerCase()) {
|
|
23479
|
+
case 'pm01':
|
|
23480
|
+
return 'workorders_pm01';
|
|
23481
|
+
case 'pm02':
|
|
23482
|
+
return 'workorders_pm02';
|
|
23483
|
+
case 'pm03':
|
|
23484
|
+
return 'workorders_pm03';
|
|
23485
|
+
case 'pm04':
|
|
23486
|
+
return 'workorders_pm04';
|
|
23487
|
+
case 'pm05':
|
|
23488
|
+
return 'workorders_pm05';
|
|
23489
|
+
case 'pm06':
|
|
23490
|
+
return 'workorders_pm06';
|
|
23491
|
+
case 'pm10':
|
|
23492
|
+
return 'workorders_pm10';
|
|
23493
|
+
case 'pm15':
|
|
23494
|
+
return 'workorders_pm15';
|
|
23495
|
+
case 'pm20':
|
|
23496
|
+
return 'workorders_pm20';
|
|
23497
|
+
default:
|
|
23498
|
+
return 'workorders_main_group';
|
|
23499
|
+
}
|
|
23500
|
+
}
|
|
23501
|
+
function getStatusColor(statusIds) {
|
|
23502
|
+
if (statusIds.includes('TECO') || statusIds.includes('CLSD')) return '#4bb748';
|
|
23503
|
+
return '#fbca36';
|
|
23504
|
+
}
|
|
23505
|
+
function getStatusText(statusIds) {
|
|
23506
|
+
if (statusIds.includes('TECO') || statusIds.includes('CLSD')) return 'Completed';
|
|
23507
|
+
return 'Active';
|
|
23508
|
+
}
|
|
23509
|
+
|
|
23510
|
+
var css_248z$3 = ".WorkOrderListItem-module_container__AaZwJ{padding:1rem}.WorkOrderListItem-module_container__AaZwJ>div:not(:first-of-type){gap:8px}.WorkOrderListItem-module_topRow__cps3H{align-items:center;display:flex}.WorkOrderListItem-module_title__S3kG9{font-weight:500}.WorkOrderListItem-module_status__V1jcr{display:flex;margin-left:8px}.WorkOrderListItem-module_statusCircle__m2cc2{border-radius:160px;height:12px;width:12px}.WorkOrderListItem-module_statusText__a2z46{font-size:12px;font-weight:500;margin-left:4px}.WorkOrderListItem-module_tertiary__9VMmL{display:flex;font-size:12px;font-weight:500}.WorkOrderListItem-module_tertiaryMobile__hMer-{display:block}.WorkOrderListItem-module_date__mXBx9{margin-left:16px}.WorkOrderListItem-module_dateMobile__aRJ-6{margin-left:0;margin-top:5px}.WorkOrderListItem-module_medium__4F2RQ{font-size:14px;font-weight:500}.WorkOrderListItem-module_visual__UCRRo{align-items:center;background-color:var(--echoText);border-radius:50%;color:#fff;display:flex;flex-direction:column;font-size:12px;font-weight:500;height:40px;justify-content:center;margin:.5rem;padding:.5rem;width:40px}";
|
|
23511
|
+
var styles$3 = {"container":"WorkOrderListItem-module_container__AaZwJ","topRow":"WorkOrderListItem-module_topRow__cps3H","title":"WorkOrderListItem-module_title__S3kG9","status":"WorkOrderListItem-module_status__V1jcr","statusCircle":"WorkOrderListItem-module_statusCircle__m2cc2","statusText":"WorkOrderListItem-module_statusText__a2z46","tertiary":"WorkOrderListItem-module_tertiary__9VMmL","tertiaryMobile":"WorkOrderListItem-module_tertiaryMobile__hMer- WorkOrderListItem-module_tertiary__9VMmL","date":"WorkOrderListItem-module_date__mXBx9","dateMobile":"WorkOrderListItem-module_dateMobile__aRJ-6","medium":"WorkOrderListItem-module_medium__4F2RQ","visual":"WorkOrderListItem-module_visual__UCRRo"};
|
|
23512
|
+
styleInject(css_248z$3);
|
|
23513
|
+
|
|
23514
|
+
function WorkOrderListItem(props) {
|
|
23515
|
+
var _classnames, _classnames2;
|
|
23516
|
+
var isMobile = useIsMobile();
|
|
23517
|
+
var date = classnames$1((_classnames = {}, _defineProperty$1(_classnames, styles$3.dateMobile, isMobile), _defineProperty$1(_classnames, styles$3.date, !isMobile), _classnames));
|
|
23518
|
+
var tertiary = classnames$1((_classnames2 = {}, _defineProperty$1(_classnames2, styles$3.tertiaryMobile, isMobile), _defineProperty$1(_classnames2, styles$3.tertiary, !isMobile), _classnames2));
|
|
23519
|
+
var displayHeaderDate = function displayHeaderDate() {
|
|
23520
|
+
if (props.workOrder.orderType.toUpperCase() === 'PM01') {
|
|
23521
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
23522
|
+
className: date
|
|
23523
|
+
}, "Req. end date: ", dateToStringOrEmpty(props.workOrder.requiredEndDateTime));
|
|
23524
|
+
}
|
|
23525
|
+
if (props.workOrder.orderType.toUpperCase() === 'PM02') {
|
|
23526
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
23527
|
+
className: date
|
|
23528
|
+
}, "Planned date: ", dateToStringOrEmpty(props.workOrder.maintenancePlanDate));
|
|
23529
|
+
}
|
|
23530
|
+
return null;
|
|
23531
|
+
};
|
|
23532
|
+
return /*#__PURE__*/React__default.createElement(ListItem, {
|
|
23533
|
+
className: styles$3.container,
|
|
23534
|
+
onCardClick: props.isHeader ? undefined : props.itemClicked,
|
|
23535
|
+
primary: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
23536
|
+
className: styles$3.topRow
|
|
23537
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
23538
|
+
className: styles$3.title
|
|
23539
|
+
}, props.workOrder.id.substring(4)), /*#__PURE__*/React__default.createElement("div", {
|
|
23540
|
+
className: styles$3.status
|
|
23541
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
23542
|
+
style: {
|
|
23543
|
+
background: getStatusColor(props.workOrder.activeStatusIds)
|
|
23544
|
+
},
|
|
23545
|
+
className: styles$3.statusCircle
|
|
23546
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
23547
|
+
className: styles$3.statusText
|
|
23548
|
+
}, getStatusText(props.workOrder.activeStatusIds)))), /*#__PURE__*/React__default.createElement("div", {
|
|
23549
|
+
className: styles$3.medium
|
|
23550
|
+
}, props.workOrder.description), /*#__PURE__*/React__default.createElement("div", {
|
|
23551
|
+
className: tertiary
|
|
23552
|
+
}, /*#__PURE__*/React__default.createElement("div", null, props.workOrder.planningPlant), displayHeaderDate())),
|
|
23553
|
+
visual: /*#__PURE__*/React__default.createElement("div", {
|
|
23554
|
+
className: styles$3.visual
|
|
23555
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
23556
|
+
name: setWorkOrderIconName(props.workOrder.orderType),
|
|
23557
|
+
color: "white"
|
|
23558
|
+
})),
|
|
23559
|
+
itemAction: props.itemAction,
|
|
23560
|
+
as: props.isHeader ? 'div' : 'li'
|
|
23561
|
+
});
|
|
23562
|
+
}
|
|
23563
|
+
|
|
21372
23564
|
var staticData$3 = {
|
|
21373
23565
|
width: '24',
|
|
21374
23566
|
height: '24',
|
|
@@ -21440,9 +23632,17 @@ var staticData$1 = {
|
|
|
21440
23632
|
prefix: 'echo',
|
|
21441
23633
|
group: 'punches'
|
|
21442
23634
|
};
|
|
23635
|
+
var punches_main_group = Object.assign(Object.assign({}, staticData$1), {
|
|
23636
|
+
name: 'punches_main_group',
|
|
23637
|
+
svgPathData: 'M23 23H17V21H7V23H4H1V20V17L3 17L3 7H1V5V3V0.999998L3 1H5H7V3L17 3V1H23V7H21L21 17H23V23ZM17 17V19H7V17H5L5 7H7V5L17 5V7H19L19 17L17 17ZM3 5H5V3L3 3L3 5ZM9.28076 7.45195C9.28076 7.29795 9.37876 7.19995 9.54676 7.19995H12.9068C14.7688 7.19995 16.2668 8.29195 16.2668 10.28C16.2668 12.268 14.7688 13.346 12.9068 13.346H11.0868V16.748C11.0868 16.902 11.0028 17 10.8348 17H9.54676C9.37876 17 9.28076 16.902 9.28076 16.748V7.45195ZM11.0868 8.85195V11.694H12.8368C13.7608 11.694 14.4468 11.176 14.4468 10.28C14.4468 9.36995 13.7468 8.85195 12.8368 8.85195H11.0868Z'
|
|
23638
|
+
});
|
|
21443
23639
|
var punches_pb = Object.assign(Object.assign({}, staticData$1), {
|
|
21444
23640
|
name: 'punches_pb',
|
|
21445
|
-
svgPathData: ''
|
|
23641
|
+
svgPathData: 'M3.44765 6.26086C3.2473 6.26086 3.13043 6.37773 3.13043 6.56139V17.6473C3.13043 17.831 3.2473 17.9478 3.44765 17.9478H4.98365C5.184 17.9478 5.28417 17.831 5.28417 17.6473V13.5903H7.45461C9.67513 13.5903 11.4616 12.3047 11.4616 9.93391C11.4616 7.56313 9.67513 6.26086 7.45461 6.26086H3.44765ZM5.28417 11.6202V8.23095H7.37113C8.45635 8.23095 9.29113 8.84869 9.29113 9.93391C9.29113 11.0024 8.47304 11.6202 7.37113 11.6202H5.28417Z M17.537 17.9478C19.7742 17.9478 21.4437 16.8125 21.4938 14.7089C21.5272 13.2897 20.8093 12.2713 19.5237 11.8205C20.4587 11.2529 20.826 10.4348 20.826 9.41634C20.826 7.2793 19.1397 6.26086 16.9693 6.26086H13.2629C13.0625 6.26086 12.9456 6.37773 12.9456 6.56139V17.6473C12.9456 17.831 13.0625 17.9478 13.2629 17.9478H17.537ZM15.0994 8.23095H16.9025C17.9376 8.23095 18.6222 8.68173 18.6222 9.63339C18.6222 10.6184 17.9376 11.0692 16.8858 11.0692H15.0994V8.23095ZM15.0994 13.0393H17.537C18.6055 13.0393 19.3067 13.5068 19.3067 14.5085C19.3067 15.5103 18.6055 15.9777 17.537 15.9777H15.0994V13.0393Z'
|
|
23642
|
+
});
|
|
23643
|
+
var punches_pa = Object.assign(Object.assign({}, staticData$1), {
|
|
23644
|
+
name: 'punches_pa',
|
|
23645
|
+
svgPathData: 'M3.304 6C3.112 6 3 6.112 3 6.288V16.912C3 17.088 3.112 17.2 3.304 17.2H4.776C4.968 17.2 5.064 17.088 5.064 16.912V13.024H7.144C9.272 13.024 10.984 11.792 10.984 9.52C10.984 7.248 9.272 6 7.144 6H3.304ZM5.064 11.136V7.888H7.064C8.104 7.888 8.904 8.48 8.904 9.52C8.904 10.544 8.12 11.136 7.064 11.136H5.064Z M12.4202 17.2C12.5802 17.2 12.6923 17.136 12.7563 16.992L13.6362 14.768H18.1483L19.0282 16.992C19.0762 17.12 19.1882 17.2 19.3482 17.2H20.9643C21.1883 17.2 21.2682 17.072 21.1882 16.864L16.8363 6.224C16.7723 6.064 16.6443 6 16.4843 6H15.2843C15.1243 6 15.0122 6.064 14.9482 6.224L10.5802 16.864C10.5002 17.072 10.5962 17.2 10.8042 17.2H12.4202ZM15.8923 9.072L17.4283 12.96H14.3562L15.8923 9.072Z'
|
|
21446
23646
|
});
|
|
21447
23647
|
|
|
21448
23648
|
var staticData = {
|
|
@@ -21494,11 +23694,6 @@ var workorders_pm20 = Object.assign(Object.assign({}, staticData), {
|
|
|
21494
23694
|
|
|
21495
23695
|
var echoIcons = /*#__PURE__*/Object.freeze({
|
|
21496
23696
|
__proto__: null,
|
|
21497
|
-
robim_external_ald: robim_external_ald,
|
|
21498
|
-
robim_external_timp: robim_external_timp,
|
|
21499
|
-
robim_external_timp_text: robim_external_timp_text,
|
|
21500
|
-
robim_external_iwit: robim_external_iwit,
|
|
21501
|
-
notifications_main_group: notifications_main_group,
|
|
21502
23697
|
notifications_m1: notifications_m1,
|
|
21503
23698
|
notifications_m2: notifications_m2,
|
|
21504
23699
|
notifications_m3: notifications_m3,
|
|
@@ -21506,7 +23701,14 @@ var echoIcons = /*#__PURE__*/Object.freeze({
|
|
|
21506
23701
|
notifications_m5: notifications_m5,
|
|
21507
23702
|
notifications_m6: notifications_m6,
|
|
21508
23703
|
notifications_m9: notifications_m9,
|
|
23704
|
+
notifications_main_group: notifications_main_group,
|
|
23705
|
+
punches_main_group: punches_main_group,
|
|
23706
|
+
punches_pa: punches_pa,
|
|
21509
23707
|
punches_pb: punches_pb,
|
|
23708
|
+
robim_external_ald: robim_external_ald,
|
|
23709
|
+
robim_external_iwit: robim_external_iwit,
|
|
23710
|
+
robim_external_timp: robim_external_timp,
|
|
23711
|
+
robim_external_timp_text: robim_external_timp_text,
|
|
21510
23712
|
workorders_main_group: workorders_main_group,
|
|
21511
23713
|
workorders_pm01: workorders_pm01,
|
|
21512
23714
|
workorders_pm02: workorders_pm02,
|
|
@@ -21706,7 +23908,7 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
21706
23908
|
}
|
|
21707
23909
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
21708
23910
|
className: styles$1.header
|
|
21709
|
-
}, showTitleToolTip ? /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
23911
|
+
}, showTitleToolTip ? /*#__PURE__*/React__default.createElement(Tooltip$1, {
|
|
21710
23912
|
placement: "bottom-start",
|
|
21711
23913
|
title: title
|
|
21712
23914
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
@@ -21717,7 +23919,7 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
21717
23919
|
className: styles$1.title,
|
|
21718
23920
|
variant: "h3",
|
|
21719
23921
|
ref: titleRef
|
|
21720
|
-
}, title), showSubTitleToolTip ? /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
23922
|
+
}, title), showSubTitleToolTip ? /*#__PURE__*/React__default.createElement(Tooltip$1, {
|
|
21721
23923
|
placement: "bottom-start",
|
|
21722
23924
|
title: subTitle
|
|
21723
23925
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
@@ -21808,5 +24010,5 @@ var OptionsList = function OptionsList(_ref) {
|
|
|
21808
24010
|
}));
|
|
21809
24011
|
};
|
|
21810
24012
|
|
|
21811
|
-
export { ButtonWithPopover, ContextMenu, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LinkCard, ListItem, ListRow, OptionsList, Panel, PanelContent, PanelWrapper, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, classnames$1 as classnames, echoIcons, getIcon, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, punches_pb, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useIsMobile, useKeyboardNavigation, useListNavigator, usePanelContext, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
|
|
24013
|
+
export { ButtonWithPopover, ContextMenu, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, EchoTooltip, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LinkCard, ListItem, ListRow, OptionsList, Panel, PanelContent, PanelWrapper, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, WorkOrderListItem, classnames$1 as classnames, echoIcons, getIcon, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, punches_main_group, punches_pa, punches_pb, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useIsMobile, useKeyboardNavigation, useListNavigator, usePanelContext, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
|
|
21812
24014
|
//# sourceMappingURL=index.js.map
|