/******/ (() => { // webpackBootstrap /******/ var __webpack_modules__ = ({ /***/ "./node_modules/@babel/runtime/helpers/interopRequireDefault.js": /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/interopRequireDefault.js ***! \**********************************************************************/ /***/ ((module) => { function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } module.exports = _interopRequireDefault; module.exports["default"] = module.exports, module.exports.__esModule = true; /***/ }), /***/ "./node_modules/@babel/runtime/regenerator/index.js": /*!**********************************************************!*\ !*** ./node_modules/@babel/runtime/regenerator/index.js ***! \**********************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { module.exports = __webpack_require__(/*! regenerator-runtime */ "./node_modules/regenerator-runtime/runtime.js"); /***/ }), /***/ "./node_modules/@date-io/moment/build/index.esm.js": /*!*********************************************************!*\ !*** ./node_modules/@date-io/moment/build/index.esm.js ***! \*********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js"); /* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_0__); var defaultFormats = { normalDateWithWeekday: "ddd, MMM D", normalDate: "D MMMM", shortDate: "MMM D", monthAndDate: "MMMM D", dayOfMonth: "D", year: "YYYY", month: "MMMM", monthShort: "MMM", monthAndYear: "MMMM YYYY", weekday: "dddd", weekdayShort: "ddd", minutes: "mm", hours12h: "hh", hours24h: "HH", seconds: "ss", fullTime: "LT", fullTime12h: "hh:mm A", fullTime24h: "HH:mm", fullDate: "ll", fullDateWithWeekday: "dddd, LL", fullDateTime: "lll", fullDateTime12h: "ll hh:mm A", fullDateTime24h: "ll HH:mm", keyboardDate: "L", keyboardDateTime: "L LT", keyboardDateTime12h: "L hh:mm A", keyboardDateTime24h: "L HH:mm", }; var MomentUtils = /** @class */ (function () { function MomentUtils(_a) { var _this = this; var _b = _a === void 0 ? {} : _a, locale = _b.locale, formats = _b.formats, instance = _b.instance; this.lib = "moment"; this.is12HourCycleInCurrentLocale = function () { return /A|a/.test(_this.moment().localeData().longDateFormat("LT")); }; this.getFormatHelperText = function (format) { // @see https://github.com/moment/moment/blob/develop/src/lib/format/format.js#L6 var localFormattingTokens = /(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})|./g; return format .match(localFormattingTokens) .map(function (token) { var firstCharacter = token[0]; if (firstCharacter === "L" || firstCharacter === ";") { return _this.moment.localeData().longDateFormat(token); } return token; }) .join("") .replace(/a/gi, "(a|p)m") .toLocaleLowerCase(); }; this.getCurrentLocaleCode = function () { return _this.locale || _this.moment.locale(); }; this.parseISO = function (isoString) { return _this.moment(isoString, true); }; this.toISO = function (value) { return value.toISOString(); }; this.parse = function (value, format) { if (value === "") { return null; } if (_this.locale) { return _this.moment(value, format, _this.locale, true); } return _this.moment(value, format, true); }; this.date = function (value) { if (value === null) { return null; } var moment = _this.moment(value); moment.locale(_this.locale); return moment; }; this.toJsDate = function (value) { return value.toDate(); }; this.isValid = function (value) { return _this.moment(value).isValid(); }; this.isNull = function (date) { return date === null; }; this.getDiff = function (date, comparing, unit) { return date.diff(comparing, unit); }; this.isAfter = function (date, value) { return date.isAfter(value); }; this.isBefore = function (date, value) { return date.isBefore(value); }; this.isAfterDay = function (date, value) { return date.isAfter(value, "day"); }; this.isBeforeDay = function (date, value) { return date.isBefore(value, "day"); }; this.isBeforeYear = function (date, value) { return date.isBefore(value, "year"); }; this.isAfterYear = function (date, value) { return date.isAfter(value, "year"); }; this.startOfDay = function (date) { return date.clone().startOf("day"); }; this.endOfDay = function (date) { return date.clone().endOf("day"); }; this.format = function (date, formatKey) { return _this.formatByString(date, _this.formats[formatKey]); }; this.formatByString = function (date, formatString) { var clonedDate = date.clone(); clonedDate.locale(_this.locale); return clonedDate.format(formatString); }; this.formatNumber = function (numberToFormat) { return numberToFormat; }; this.getHours = function (date) { return date.get("hours"); }; this.addSeconds = function (date, count) { return count < 0 ? date.clone().subtract(Math.abs(count), "seconds") : date.clone().add(count, "seconds"); }; this.addMinutes = function (date, count) { return count < 0 ? date.clone().subtract(Math.abs(count), "minutes") : date.clone().add(count, "minutes"); }; this.addHours = function (date, count) { return count < 0 ? date.clone().subtract(Math.abs(count), "hours") : date.clone().add(count, "hours"); }; this.addDays = function (date, count) { return count < 0 ? date.clone().subtract(Math.abs(count), "days") : date.clone().add(count, "days"); }; this.addWeeks = function (date, count) { return count < 0 ? date.clone().subtract(Math.abs(count), "weeks") : date.clone().add(count, "weeks"); }; this.addMonths = function (date, count) { return count < 0 ? date.clone().subtract(Math.abs(count), "months") : date.clone().add(count, "months"); }; this.setHours = function (date, count) { return date.clone().hours(count); }; this.getMinutes = function (date) { return date.get("minutes"); }; this.setMinutes = function (date, count) { return date.clone().minutes(count); }; this.getSeconds = function (date) { return date.get("seconds"); }; this.setSeconds = function (date, count) { return date.clone().seconds(count); }; this.getMonth = function (date) { return date.get("month"); }; this.getDaysInMonth = function (date) { return date.daysInMonth(); }; this.isSameDay = function (date, comparing) { return date.isSame(comparing, "day"); }; this.isSameMonth = function (date, comparing) { return date.isSame(comparing, "month"); }; this.isSameYear = function (date, comparing) { return date.isSame(comparing, "year"); }; this.isSameHour = function (date, comparing) { return date.isSame(comparing, "hour"); }; this.setMonth = function (date, count) { return date.clone().month(count); }; this.getMeridiemText = function (ampm) { if (_this.is12HourCycleInCurrentLocale()) { // AM/PM translation only possible in those who have 12 hour cycle in locale. return _this.moment.localeData().meridiem(ampm === "am" ? 0 : 13, 0, false); } return ampm === "am" ? "AM" : "PM"; // fallback for de, ru, ...etc }; this.startOfMonth = function (date) { return date.clone().startOf("month"); }; this.endOfMonth = function (date) { return date.clone().endOf("month"); }; this.startOfWeek = function (date) { return date.clone().startOf("week"); }; this.endOfWeek = function (date) { return date.clone().endOf("week"); }; this.getNextMonth = function (date) { return date.clone().add(1, "month"); }; this.getPreviousMonth = function (date) { return date.clone().subtract(1, "month"); }; this.getMonthArray = function (date) { var firstMonth = date.clone().startOf("year"); var monthArray = [firstMonth]; while (monthArray.length < 12) { var prevMonth = monthArray[monthArray.length - 1]; monthArray.push(_this.getNextMonth(prevMonth)); } return monthArray; }; this.getYear = function (date) { return date.get("year"); }; this.setYear = function (date, year) { return date.clone().set("year", year); }; this.mergeDateAndTime = function (date, time) { return date.hour(time.hour()).minute(time.minute()).second(time.second()); }; this.getWeekdays = function () { return _this.moment.weekdaysShort(true); }; this.isEqual = function (value, comparing) { if (value === null && comparing === null) { return true; } return _this.moment(value).isSame(comparing); }; this.getWeekArray = function (date) { var start = date.clone().startOf("month").startOf("week"); var end = date.clone().endOf("month").endOf("week"); var count = 0; var current = start; var nestedWeeks = []; while (current.isBefore(end)) { var weekNumber = Math.floor(count / 7); nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || []; nestedWeeks[weekNumber].push(current); current = current.clone().add(1, "day"); count += 1; } return nestedWeeks; }; this.getYearRange = function (start, end) { var startDate = _this.moment(start).startOf("year"); var endDate = _this.moment(end).endOf("year"); var years = []; var current = startDate; while (current.isBefore(endDate)) { years.push(current); current = current.clone().add(1, "year"); } return years; }; this.isWithinRange = function (date, _a) { var start = _a[0], end = _a[1]; return date.isBetween(start, end, null, "[]"); }; this.moment = instance || (moment__WEBPACK_IMPORTED_MODULE_0___default()); this.locale = locale; this.formats = Object.assign({}, defaultFormats, formats); } return MomentUtils; }()); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MomentUtils); /***/ }), /***/ "./node_modules/@emotion/stylis/dist/stylis.browser.esm.js": /*!*****************************************************************!*\ !*** ./node_modules/@emotion/stylis/dist/stylis.browser.esm.js ***! \*****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); function stylis_min (W) { function M(d, c, e, h, a) { for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) { g = e.charCodeAt(l); l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++); if (0 === b + n + v + m) { if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) { switch (g) { case 32: case 9: case 59: case 13: case 10: break; default: f += e.charAt(l); } g = 59; } switch (g) { case 123: f = f.trim(); q = f.charCodeAt(0); k = 1; for (t = ++l; l < B;) { switch (g = e.charCodeAt(l)) { case 123: k++; break; case 125: k--; break; case 47: switch (g = e.charCodeAt(l + 1)) { case 42: case 47: a: { for (u = l + 1; u < J; ++u) { switch (e.charCodeAt(u)) { case 47: if (42 === g && 42 === e.charCodeAt(u - 1) && l + 2 !== u) { l = u + 1; break a; } break; case 10: if (47 === g) { l = u + 1; break a; } } } l = u; } } break; case 91: g++; case 40: g++; case 34: case 39: for (; l++ < J && e.charCodeAt(l) !== g;) { } } if (0 === k) break; l++; } k = e.substring(t, l); 0 === q && (q = (f = f.replace(ca, '').trim()).charCodeAt(0)); switch (q) { case 64: 0 < r && (f = f.replace(N, '')); g = f.charCodeAt(1); switch (g) { case 100: case 109: case 115: case 45: r = c; break; default: r = O; } k = M(c, r, k, g, a + 1); t = k.length; 0 < A && (r = X(O, f, I), C = H(3, k, r, c, D, z, t, g, a, h), f = r.join(''), void 0 !== C && 0 === (t = (k = C.trim()).length) && (g = 0, k = '')); if (0 < t) switch (g) { case 115: f = f.replace(da, ea); case 100: case 109: case 45: k = f + '{' + k + '}'; break; case 107: f = f.replace(fa, '$1 $2'); k = f + '{' + k + '}'; k = 1 === w || 2 === w && L('@' + k, 3) ? '@-webkit-' + k + '@' + k : '@' + k; break; default: k = f + k, 112 === h && (k = (p += k, '')); } else k = ''; break; default: k = M(c, X(c, f, I), k, h, a + 1); } F += k; k = I = r = u = q = 0; f = ''; g = e.charCodeAt(++l); break; case 125: case 59: f = (0 < r ? f.replace(N, '') : f).trim(); if (1 < (t = f.length)) switch (0 === u && (q = f.charCodeAt(0), 45 === q || 96 < q && 123 > q) && (t = (f = f.replace(' ', ':')).length), 0 < A && void 0 !== (C = H(1, f, c, d, D, z, p.length, h, a, h)) && 0 === (t = (f = C.trim()).length) && (f = '\x00\x00'), q = f.charCodeAt(0), g = f.charCodeAt(1), q) { case 0: break; case 64: if (105 === g || 99 === g) { G += f + e.charAt(l); break; } default: 58 !== f.charCodeAt(t - 1) && (p += P(f, q, g, f.charCodeAt(2))); } I = r = u = q = 0; f = ''; g = e.charCodeAt(++l); } } switch (g) { case 13: case 10: 47 === b ? b = 0 : 0 === 1 + q && 107 !== h && 0 < f.length && (r = 1, f += '\x00'); 0 < A * Y && H(0, f, c, d, D, z, p.length, h, a, h); z = 1; D++; break; case 59: case 125: if (0 === b + n + v + m) { z++; break; } default: z++; y = e.charAt(l); switch (g) { case 9: case 32: if (0 === n + m + b) switch (x) { case 44: case 58: case 9: case 32: y = ''; break; default: 32 !== g && (y = ' '); } break; case 0: y = '\\0'; break; case 12: y = '\\f'; break; case 11: y = '\\v'; break; case 38: 0 === n + b + m && (r = I = 1, y = '\f' + y); break; case 108: if (0 === n + b + m + E && 0 < u) switch (l - u) { case 2: 112 === x && 58 === e.charCodeAt(l - 3) && (E = x); case 8: 111 === K && (E = K); } break; case 58: 0 === n + b + m && (u = l); break; case 44: 0 === b + v + n + m && (r = 1, y += '\r'); break; case 34: case 39: 0 === b && (n = n === g ? 0 : 0 === n ? g : n); break; case 91: 0 === n + b + v && m++; break; case 93: 0 === n + b + v && m--; break; case 41: 0 === n + b + m && v--; break; case 40: if (0 === n + b + m) { if (0 === q) switch (2 * x + 3 * K) { case 533: break; default: q = 1; } v++; } break; case 64: 0 === b + v + n + m + u + k && (k = 1); break; case 42: case 47: if (!(0 < n + m + v)) switch (b) { case 0: switch (2 * g + 3 * e.charCodeAt(l + 1)) { case 235: b = 47; break; case 220: t = l, b = 42; } break; case 42: 47 === g && 42 === x && t + 2 !== l && (33 === e.charCodeAt(t + 2) && (p += e.substring(t, l + 1)), y = '', b = 0); } } 0 === b && (f += y); } K = x; x = g; l++; } t = p.length; if (0 < t) { r = c; if (0 < A && (C = H(2, p, r, d, D, z, t, h, a, h), void 0 !== C && 0 === (p = C).length)) return G + p + F; p = r.join(',') + '{' + p + '}'; if (0 !== w * E) { 2 !== w || L(p, 2) || (E = 0); switch (E) { case 111: p = p.replace(ha, ':-moz-$1') + p; break; case 112: p = p.replace(Q, '::-webkit-input-$1') + p.replace(Q, '::-moz-$1') + p.replace(Q, ':-ms-input-$1') + p; } E = 0; } } return G + p + F; } function X(d, c, e) { var h = c.trim().split(ia); c = h; var a = h.length, m = d.length; switch (m) { case 0: case 1: var b = 0; for (d = 0 === m ? '' : d[0] + ' '; b < a; ++b) { c[b] = Z(d, c[b], e).trim(); } break; default: var v = b = 0; for (c = []; b < a; ++b) { for (var n = 0; n < m; ++n) { c[v++] = Z(d[n] + ' ', h[b], e).trim(); } } } return c; } function Z(d, c, e) { var h = c.charCodeAt(0); 33 > h && (h = (c = c.trim()).charCodeAt(0)); switch (h) { case 38: return c.replace(F, '$1' + d.trim()); case 58: return d.trim() + c.replace(F, '$1' + d.trim()); default: if (0 < 1 * e && 0 < c.indexOf('\f')) return c.replace(F, (58 === d.charCodeAt(0) ? '' : '$1') + d.trim()); } return d + c; } function P(d, c, e, h) { var a = d + ';', m = 2 * c + 3 * e + 4 * h; if (944 === m) { d = a.indexOf(':', 9) + 1; var b = a.substring(d, a.length - 1).trim(); b = a.substring(0, d).trim() + b + ';'; return 1 === w || 2 === w && L(b, 1) ? '-webkit-' + b + b : b; } if (0 === w || 2 === w && !L(a, 1)) return a; switch (m) { case 1015: return 97 === a.charCodeAt(10) ? '-webkit-' + a + a : a; case 951: return 116 === a.charCodeAt(3) ? '-webkit-' + a + a : a; case 963: return 110 === a.charCodeAt(5) ? '-webkit-' + a + a : a; case 1009: if (100 !== a.charCodeAt(4)) break; case 969: case 942: return '-webkit-' + a + a; case 978: return '-webkit-' + a + '-moz-' + a + a; case 1019: case 983: return '-webkit-' + a + '-moz-' + a + '-ms-' + a + a; case 883: if (45 === a.charCodeAt(8)) return '-webkit-' + a + a; if (0 < a.indexOf('image-set(', 11)) return a.replace(ja, '$1-webkit-$2') + a; break; case 932: if (45 === a.charCodeAt(4)) switch (a.charCodeAt(5)) { case 103: return '-webkit-box-' + a.replace('-grow', '') + '-webkit-' + a + '-ms-' + a.replace('grow', 'positive') + a; case 115: return '-webkit-' + a + '-ms-' + a.replace('shrink', 'negative') + a; case 98: return '-webkit-' + a + '-ms-' + a.replace('basis', 'preferred-size') + a; } return '-webkit-' + a + '-ms-' + a + a; case 964: return '-webkit-' + a + '-ms-flex-' + a + a; case 1023: if (99 !== a.charCodeAt(8)) break; b = a.substring(a.indexOf(':', 15)).replace('flex-', '').replace('space-between', 'justify'); return '-webkit-box-pack' + b + '-webkit-' + a + '-ms-flex-pack' + b + a; case 1005: return ka.test(a) ? a.replace(aa, ':-webkit-') + a.replace(aa, ':-moz-') + a : a; case 1e3: b = a.substring(13).trim(); c = b.indexOf('-') + 1; switch (b.charCodeAt(0) + b.charCodeAt(c)) { case 226: b = a.replace(G, 'tb'); break; case 232: b = a.replace(G, 'tb-rl'); break; case 220: b = a.replace(G, 'lr'); break; default: return a; } return '-webkit-' + a + '-ms-' + b + a; case 1017: if (-1 === a.indexOf('sticky', 9)) break; case 975: c = (a = d).length - 10; b = (33 === a.charCodeAt(c) ? a.substring(0, c) : a).substring(d.indexOf(':', 7) + 1).trim(); switch (m = b.charCodeAt(0) + (b.charCodeAt(7) | 0)) { case 203: if (111 > b.charCodeAt(8)) break; case 115: a = a.replace(b, '-webkit-' + b) + ';' + a; break; case 207: case 102: a = a.replace(b, '-webkit-' + (102 < m ? 'inline-' : '') + 'box') + ';' + a.replace(b, '-webkit-' + b) + ';' + a.replace(b, '-ms-' + b + 'box') + ';' + a; } return a + ';'; case 938: if (45 === a.charCodeAt(5)) switch (a.charCodeAt(6)) { case 105: return b = a.replace('-items', ''), '-webkit-' + a + '-webkit-box-' + b + '-ms-flex-' + b + a; case 115: return '-webkit-' + a + '-ms-flex-item-' + a.replace(ba, '') + a; default: return '-webkit-' + a + '-ms-flex-line-pack' + a.replace('align-content', '').replace(ba, '') + a; } break; case 973: case 989: if (45 !== a.charCodeAt(3) || 122 === a.charCodeAt(4)) break; case 931: case 953: if (!0 === la.test(d)) return 115 === (b = d.substring(d.indexOf(':') + 1)).charCodeAt(0) ? P(d.replace('stretch', 'fill-available'), c, e, h).replace(':fill-available', ':stretch') : a.replace(b, '-webkit-' + b) + a.replace(b, '-moz-' + b.replace('fill-', '')) + a; break; case 962: if (a = '-webkit-' + a + (102 === a.charCodeAt(5) ? '-ms-' + a : '') + a, 211 === e + h && 105 === a.charCodeAt(13) && 0 < a.indexOf('transform', 10)) return a.substring(0, a.indexOf(';', 27) + 1).replace(ma, '$1-webkit-$2') + a; } return a; } function L(d, c) { var e = d.indexOf(1 === c ? ':' : '{'), h = d.substring(0, 3 !== c ? e : 10); e = d.substring(e + 1, d.length - 1); return R(2 !== c ? h : h.replace(na, '$1'), e, c); } function ea(d, c) { var e = P(c, c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2)); return e !== c + ';' ? e.replace(oa, ' or ($1)').substring(4) : '(' + c + ')'; } function H(d, c, e, h, a, m, b, v, n, q) { for (var g = 0, x = c, w; g < A; ++g) { switch (w = S[g].call(B, d, x, e, h, a, m, b, v, n, q)) { case void 0: case !1: case !0: case null: break; default: x = w; } } if (x !== c) return x; } function T(d) { switch (d) { case void 0: case null: A = S.length = 0; break; default: if ('function' === typeof d) S[A++] = d;else if ('object' === typeof d) for (var c = 0, e = d.length; c < e; ++c) { T(d[c]); } else Y = !!d | 0; } return T; } function U(d) { d = d.prefix; void 0 !== d && (R = null, d ? 'function' !== typeof d ? w = 1 : (w = 2, R = d) : w = 0); return U; } function B(d, c) { var e = d; 33 > e.charCodeAt(0) && (e = e.trim()); V = e; e = [V]; if (0 < A) { var h = H(-1, c, e, e, D, z, 0, 0, 0, 0); void 0 !== h && 'string' === typeof h && (c = h); } var a = M(O, e, c, 0, 0); 0 < A && (h = H(-2, a, e, e, D, z, a.length, 0, 0, 0), void 0 !== h && (a = h)); V = ''; E = 0; z = D = 1; return a; } var ca = /^\0+/g, N = /[\0\r\f]/g, aa = /: */g, ka = /zoo|gra/, ma = /([,: ])(transform)/g, ia = /,\r+?/g, F = /([\t\r\n ])*\f?&/g, fa = /@(k\w+)\s*(\S*)\s*/, Q = /::(place)/g, ha = /:(read-only)/g, G = /[svh]\w+-[tblr]{2}/, da = /\(\s*(.*)\s*\)/g, oa = /([\s\S]*?);/g, ba = /-self|flex-/g, na = /[^]*?(:[rp][el]a[\w-]+)[^]*/, la = /stretch|:\s*\w+\-(?:conte|avail)/, ja = /([^-])(image-set\()/, z = 1, D = 1, E = 0, w = 1, O = [], S = [], A = 0, R = null, Y = 0, V = ''; B.use = T; B.set = U; void 0 !== W && U(W); return B; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stylis_min); /***/ }), /***/ "./node_modules/@emotion/unitless/dist/unitless.browser.esm.js": /*!*********************************************************************!*\ !*** ./node_modules/@emotion/unitless/dist/unitless.browser.esm.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); var unitlessKeys = { animationIterationCount: 1, borderImageOutset: 1, borderImageSlice: 1, borderImageWidth: 1, boxFlex: 1, boxFlexGroup: 1, boxOrdinalGroup: 1, columnCount: 1, columns: 1, flex: 1, flexGrow: 1, flexPositive: 1, flexShrink: 1, flexNegative: 1, flexOrder: 1, gridRow: 1, gridRowEnd: 1, gridRowSpan: 1, gridRowStart: 1, gridColumn: 1, gridColumnEnd: 1, gridColumnSpan: 1, gridColumnStart: 1, msGridRow: 1, msGridRowSpan: 1, msGridColumn: 1, msGridColumnSpan: 1, fontWeight: 1, lineHeight: 1, opacity: 1, order: 1, orphans: 1, tabSize: 1, widows: 1, zIndex: 1, zoom: 1, WebkitLineClamp: 1, // SVG-related properties fillOpacity: 1, floodOpacity: 1, stopOpacity: 1, strokeDasharray: 1, strokeDashoffset: 1, strokeMiterlimit: 1, strokeOpacity: 1, strokeWidth: 1 }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (unitlessKeys); /***/ }), /***/ "./node_modules/@mui/base/composeClasses/composeClasses.js": /*!*****************************************************************!*\ !*** ./node_modules/@mui/base/composeClasses/composeClasses.js ***! \*****************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ composeClasses) /* harmony export */ }); function composeClasses(slots, getUtilityClass, classes) { const output = {}; Object.keys(slots).forEach( // `Objet.keys(slots)` can't be wider than `T` because we infer `T` from `slots`. // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208 slot => { output[slot] = slots[slot].reduce((acc, key) => { if (key) { if (classes && classes[key]) { acc.push(classes[key]); } acc.push(getUtilityClass(key)); } return acc; }, []).join(' '); }); return output; } /***/ }), /***/ "./node_modules/@mui/base/generateUtilityClass/ClassNameGenerator.js": /*!***************************************************************************!*\ !*** ./node_modules/@mui/base/generateUtilityClass/ClassNameGenerator.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); const defaultGenerator = componentName => componentName; const createClassNameGenerator = () => { let generate = defaultGenerator; return { configure(generator) { generate = generator; }, generate(componentName) { return generate(componentName); }, reset() { generate = defaultGenerator; } }; }; const ClassNameGenerator = createClassNameGenerator(); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClassNameGenerator); /***/ }), /***/ "./node_modules/@mui/base/generateUtilityClass/generateUtilityClass.js": /*!*****************************************************************************!*\ !*** ./node_modules/@mui/base/generateUtilityClass/generateUtilityClass.js ***! \*****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ generateUtilityClass) /* harmony export */ }); /* harmony import */ var _ClassNameGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ClassNameGenerator */ "./node_modules/@mui/base/generateUtilityClass/ClassNameGenerator.js"); const globalStateClassesMapping = { active: 'Mui-active', checked: 'Mui-checked', completed: 'Mui-completed', disabled: 'Mui-disabled', error: 'Mui-error', expanded: 'Mui-expanded', focused: 'Mui-focused', focusVisible: 'Mui-focusVisible', required: 'Mui-required', selected: 'Mui-selected' }; function generateUtilityClass(componentName, slot) { const globalStateClass = globalStateClassesMapping[slot]; return globalStateClass || `${_ClassNameGenerator__WEBPACK_IMPORTED_MODULE_0__["default"].generate(componentName)}-${slot}`; } /***/ }), /***/ "./node_modules/@mui/base/generateUtilityClasses/generateUtilityClasses.js": /*!*********************************************************************************!*\ !*** ./node_modules/@mui/base/generateUtilityClasses/generateUtilityClasses.js ***! \*********************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ generateUtilityClasses) /* harmony export */ }); /* harmony import */ var _generateUtilityClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../generateUtilityClass */ "./node_modules/@mui/base/generateUtilityClass/generateUtilityClass.js"); function generateUtilityClasses(componentName, slots) { const result = {}; slots.forEach(slot => { result[slot] = (0,_generateUtilityClass__WEBPACK_IMPORTED_MODULE_0__["default"])(componentName, slot); }); return result; } /***/ }), /***/ "./node_modules/@mui/core/AutocompleteUnstyled/useAutocomplete.js": /*!************************************************************************!*\ !*** ./node_modules/@mui/core/AutocompleteUnstyled/useAutocomplete.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "createFilterOptions": () => (/* binding */ createFilterOptions), /* harmony export */ "default": () => (/* binding */ useAutocomplete) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useId.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useControlled.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useEventCallback.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/setRef.js"); /* eslint-disable no-constant-condition */ // https://stackoverflow.com/questions/990904/remove-accents-diacritics-in-a-string-in-javascript // Give up on IE11 support for this feature function stripDiacritics(string) { return typeof string.normalize !== 'undefined' ? string.normalize('NFD').replace(/[\u0300-\u036f]/g, '') : string; } function createFilterOptions(config = {}) { const { ignoreAccents = true, ignoreCase = true, limit, matchFrom = 'any', stringify, trim = false } = config; return (options, { inputValue, getOptionLabel }) => { let input = trim ? inputValue.trim() : inputValue; if (ignoreCase) { input = input.toLowerCase(); } if (ignoreAccents) { input = stripDiacritics(input); } const filteredOptions = options.filter(option => { let candidate = (stringify || getOptionLabel)(option); if (ignoreCase) { candidate = candidate.toLowerCase(); } if (ignoreAccents) { candidate = stripDiacritics(candidate); } return matchFrom === 'start' ? candidate.indexOf(input) === 0 : candidate.indexOf(input) > -1; }); return typeof limit === 'number' ? filteredOptions.slice(0, limit) : filteredOptions; }; } // To replace with .findIndex() once we stop IE11 support. function findIndex(array, comp) { for (let i = 0; i < array.length; i += 1) { if (comp(array[i])) { return i; } } return -1; } const defaultFilterOptions = createFilterOptions(); // Number of options to jump in list box when pageup and pagedown keys are used. const pageSize = 5; function useAutocomplete(props) { const { autoComplete = false, autoHighlight = false, autoSelect = false, blurOnSelect = false, disabled: disabledProp, clearOnBlur = !props.freeSolo, clearOnEscape = false, componentName = 'useAutocomplete', defaultValue = props.multiple ? [] : null, disableClearable = false, disableCloseOnSelect = false, disabledItemsFocusable = false, disableListWrap = false, filterOptions = defaultFilterOptions, filterSelectedOptions = false, freeSolo = false, getOptionDisabled, getOptionLabel: getOptionLabelProp = option => { var _option$label; return (_option$label = option.label) != null ? _option$label : option; }, isOptionEqualToValue = (option, value) => option === value, groupBy, handleHomeEndKeys = !props.freeSolo, id: idProp, includeInputInList = false, inputValue: inputValueProp, multiple = false, onChange, onClose, onHighlightChange, onInputChange, onOpen, open: openProp, openOnFocus = false, options, selectOnFocus = !props.freeSolo, value: valueProp } = props; const id = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_2__["default"])(idProp); let getOptionLabel = getOptionLabelProp; getOptionLabel = option => { const optionLabel = getOptionLabelProp(option); if (typeof optionLabel !== 'string') { if (true) { const erroneousReturn = optionLabel === undefined ? 'undefined' : `${typeof optionLabel} (${optionLabel})`; console.error(`MUI: The \`getOptionLabel\` method of ${componentName} returned ${erroneousReturn} instead of a string for ${JSON.stringify(option)}.`); } return String(optionLabel); } return optionLabel; }; const ignoreFocus = react__WEBPACK_IMPORTED_MODULE_1__.useRef(false); const firstFocus = react__WEBPACK_IMPORTED_MODULE_1__.useRef(true); const inputRef = react__WEBPACK_IMPORTED_MODULE_1__.useRef(null); const listboxRef = react__WEBPACK_IMPORTED_MODULE_1__.useRef(null); const [anchorEl, setAnchorEl] = react__WEBPACK_IMPORTED_MODULE_1__.useState(null); const [focusedTag, setFocusedTag] = react__WEBPACK_IMPORTED_MODULE_1__.useState(-1); const defaultHighlighted = autoHighlight ? 0 : -1; const highlightedIndexRef = react__WEBPACK_IMPORTED_MODULE_1__.useRef(defaultHighlighted); const [value, setValueState] = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_3__["default"])({ controlled: valueProp, default: defaultValue, name: componentName }); const [inputValue, setInputValueState] = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_3__["default"])({ controlled: inputValueProp, default: '', name: componentName, state: 'inputValue' }); const [focused, setFocused] = react__WEBPACK_IMPORTED_MODULE_1__.useState(false); const resetInputValue = react__WEBPACK_IMPORTED_MODULE_1__.useCallback((event, newValue) => { // retain current `inputValue` if new option isn't selected and `clearOnBlur` is false // When `multiple` is enabled, `newValue` is an array of all selected items including the newly selected item const isOptionSelected = multiple ? value.length < newValue.length : newValue !== null; if (!isOptionSelected && !clearOnBlur) { return; } let newInputValue; if (multiple) { newInputValue = ''; } else if (newValue == null) { newInputValue = ''; } else { const optionLabel = getOptionLabel(newValue); newInputValue = typeof optionLabel === 'string' ? optionLabel : ''; } if (inputValue === newInputValue) { return; } setInputValueState(newInputValue); if (onInputChange) { onInputChange(event, newInputValue, 'reset'); } }, [getOptionLabel, inputValue, multiple, onInputChange, setInputValueState, clearOnBlur, value]); const prevValue = react__WEBPACK_IMPORTED_MODULE_1__.useRef(); react__WEBPACK_IMPORTED_MODULE_1__.useEffect(() => { const valueChange = value !== prevValue.current; prevValue.current = value; if (focused && !valueChange) { return; } // Only reset the input's value when freeSolo if the component's value changes. if (freeSolo && !valueChange) { return; } resetInputValue(null, value); }, [value, resetInputValue, focused, prevValue, freeSolo]); const [open, setOpenState] = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_3__["default"])({ controlled: openProp, default: false, name: componentName, state: 'open' }); const [inputPristine, setInputPristine] = react__WEBPACK_IMPORTED_MODULE_1__.useState(true); const inputValueIsSelectedValue = !multiple && value != null && inputValue === getOptionLabel(value); const popupOpen = open; const filteredOptions = popupOpen ? filterOptions(options.filter(option => { if (filterSelectedOptions && (multiple ? value : [value]).some(value2 => value2 !== null && isOptionEqualToValue(option, value2))) { return false; } return true; }), // we use the empty string to manipulate `filterOptions` to not filter any options // i.e. the filter predicate always returns true { inputValue: inputValueIsSelectedValue && inputPristine ? '' : inputValue, getOptionLabel }) : []; const listboxAvailable = open && filteredOptions.length > 0; if (true) { if (value !== null && !freeSolo && options.length > 0) { const missingValue = (multiple ? value : [value]).filter(value2 => !options.some(option => isOptionEqualToValue(option, value2))); if (missingValue.length > 0) { console.warn([`MUI: The value provided to ${componentName} is invalid.`, `None of the options match with \`${missingValue.length > 1 ? JSON.stringify(missingValue) : JSON.stringify(missingValue[0])}\`.`, 'You can use the `isOptionEqualToValue` prop to customize the equality test.'].join('\n')); } } } const focusTag = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__["default"])(tagToFocus => { if (tagToFocus === -1) { inputRef.current.focus(); } else { anchorEl.querySelector(`[data-tag-index="${tagToFocus}"]`).focus(); } }); // Ensure the focusedTag is never inconsistent react__WEBPACK_IMPORTED_MODULE_1__.useEffect(() => { if (multiple && focusedTag > value.length - 1) { setFocusedTag(-1); focusTag(-1); } }, [value, multiple, focusedTag, focusTag]); function validOptionIndex(index, direction) { if (!listboxRef.current || index === -1) { return -1; } let nextFocus = index; while (true) { // Out of range if (direction === 'next' && nextFocus === filteredOptions.length || direction === 'previous' && nextFocus === -1) { return -1; } const option = listboxRef.current.querySelector(`[data-option-index="${nextFocus}"]`); // Same logic as MenuList.js const nextFocusDisabled = disabledItemsFocusable ? false : !option || option.disabled || option.getAttribute('aria-disabled') === 'true'; if (option && !option.hasAttribute('tabindex') || nextFocusDisabled) { // Move to the next element. nextFocus += direction === 'next' ? 1 : -1; } else { return nextFocus; } } } const setHighlightedIndex = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__["default"])(({ event, index, reason = 'auto' }) => { highlightedIndexRef.current = index; // does the index exist? if (index === -1) { inputRef.current.removeAttribute('aria-activedescendant'); } else { inputRef.current.setAttribute('aria-activedescendant', `${id}-option-${index}`); } if (onHighlightChange) { onHighlightChange(event, index === -1 ? null : filteredOptions[index], reason); } if (!listboxRef.current) { return; } const prev = listboxRef.current.querySelector('[role="option"].Mui-focused'); if (prev) { prev.classList.remove('Mui-focused'); prev.classList.remove('Mui-focusVisible'); } const listboxNode = listboxRef.current.parentElement.querySelector('[role="listbox"]'); // "No results" if (!listboxNode) { return; } if (index === -1) { listboxNode.scrollTop = 0; return; } const option = listboxRef.current.querySelector(`[data-option-index="${index}"]`); if (!option) { return; } option.classList.add('Mui-focused'); if (reason === 'keyboard') { option.classList.add('Mui-focusVisible'); } // Scroll active descendant into view. // Logic copied from https://www.w3.org/TR/wai-aria-practices/examples/listbox/js/listbox.js // // Consider this API instead once it has a better browser support: // .scrollIntoView({ scrollMode: 'if-needed', block: 'nearest' }); if (listboxNode.scrollHeight > listboxNode.clientHeight && reason !== 'mouse') { const element = option; const scrollBottom = listboxNode.clientHeight + listboxNode.scrollTop; const elementBottom = element.offsetTop + element.offsetHeight; if (elementBottom > scrollBottom) { listboxNode.scrollTop = elementBottom - listboxNode.clientHeight; } else if (element.offsetTop - element.offsetHeight * (groupBy ? 1.3 : 0) < listboxNode.scrollTop) { listboxNode.scrollTop = element.offsetTop - element.offsetHeight * (groupBy ? 1.3 : 0); } } }); const changeHighlightedIndex = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__["default"])(({ event, diff, direction = 'next', reason = 'auto' }) => { if (!popupOpen) { return; } const getNextIndex = () => { const maxIndex = filteredOptions.length - 1; if (diff === 'reset') { return defaultHighlighted; } if (diff === 'start') { return 0; } if (diff === 'end') { return maxIndex; } const newIndex = highlightedIndexRef.current + diff; if (newIndex < 0) { if (newIndex === -1 && includeInputInList) { return -1; } if (disableListWrap && highlightedIndexRef.current !== -1 || Math.abs(diff) > 1) { return 0; } return maxIndex; } if (newIndex > maxIndex) { if (newIndex === maxIndex + 1 && includeInputInList) { return -1; } if (disableListWrap || Math.abs(diff) > 1) { return maxIndex; } return 0; } return newIndex; }; const nextIndex = validOptionIndex(getNextIndex(), direction); setHighlightedIndex({ index: nextIndex, reason, event }); // Sync the content of the input with the highlighted option. if (autoComplete && diff !== 'reset') { if (nextIndex === -1) { inputRef.current.value = inputValue; } else { const option = getOptionLabel(filteredOptions[nextIndex]); inputRef.current.value = option; // The portion of the selected suggestion that has not been typed by the user, // a completion string, appears inline after the input cursor in the textbox. const index = option.toLowerCase().indexOf(inputValue.toLowerCase()); if (index === 0 && inputValue.length > 0) { inputRef.current.setSelectionRange(inputValue.length, option.length); } } } }); const syncHighlightedIndex = react__WEBPACK_IMPORTED_MODULE_1__.useCallback(() => { if (!popupOpen) { return; } const valueItem = multiple ? value[0] : value; // The popup is empty, reset if (filteredOptions.length === 0 || valueItem == null) { changeHighlightedIndex({ diff: 'reset' }); return; } if (!listboxRef.current) { return; } // Synchronize the value with the highlighted index if (valueItem != null) { const currentOption = filteredOptions[highlightedIndexRef.current]; // Keep the current highlighted index if possible if (multiple && currentOption && findIndex(value, val => isOptionEqualToValue(currentOption, val)) !== -1) { return; } const itemIndex = findIndex(filteredOptions, optionItem => isOptionEqualToValue(optionItem, valueItem)); if (itemIndex === -1) { changeHighlightedIndex({ diff: 'reset' }); } else { setHighlightedIndex({ index: itemIndex }); } return; } // Prevent the highlighted index to leak outside the boundaries. if (highlightedIndexRef.current >= filteredOptions.length - 1) { setHighlightedIndex({ index: filteredOptions.length - 1 }); return; } // Restore the focus to the previous index. setHighlightedIndex({ index: highlightedIndexRef.current }); // Ignore filteredOptions (and options, isOptionEqualToValue, getOptionLabel) not to break the scroll position // eslint-disable-next-line react-hooks/exhaustive-deps }, [// Only sync the highlighted index when the option switch between empty and not filteredOptions.length, // Don't sync the highlighted index with the value when multiple // eslint-disable-next-line react-hooks/exhaustive-deps multiple ? false : value, filterSelectedOptions, changeHighlightedIndex, setHighlightedIndex, popupOpen, inputValue, multiple]); const handleListboxRef = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__["default"])(node => { (0,_mui_utils__WEBPACK_IMPORTED_MODULE_5__["default"])(listboxRef, node); if (!node) { return; } syncHighlightedIndex(); }); if (true) { // eslint-disable-next-line react-hooks/rules-of-hooks react__WEBPACK_IMPORTED_MODULE_1__.useEffect(() => { if (!inputRef.current || inputRef.current.nodeName !== 'INPUT') { console.error([`MUI: Unable to find the input element. It was resolved to ${inputRef.current} while an HTMLInputElement was expected.`, `Instead, ${componentName} expects an input element.`, '', componentName === 'useAutocomplete' ? 'Make sure you have binded getInputProps correctly and that the normal ref/effect resolutions order is guaranteed.' : 'Make sure you have customized the input component correctly.'].join('\n')); } }, [componentName]); } react__WEBPACK_IMPORTED_MODULE_1__.useEffect(() => { syncHighlightedIndex(); }, [syncHighlightedIndex]); const handleOpen = event => { if (open) { return; } setOpenState(true); setInputPristine(true); if (onOpen) { onOpen(event); } }; const handleClose = (event, reason) => { if (!open) { return; } setOpenState(false); if (onClose) { onClose(event, reason); } }; const handleValue = (event, newValue, reason, details) => { if (value === newValue) { return; } if (onChange) { onChange(event, newValue, reason, details); } setValueState(newValue); }; const isTouch = react__WEBPACK_IMPORTED_MODULE_1__.useRef(false); const selectNewValue = (event, option, reasonProp = 'selectOption', origin = 'options') => { let reason = reasonProp; let newValue = option; if (multiple) { newValue = Array.isArray(value) ? value.slice() : []; if (true) { const matches = newValue.filter(val => isOptionEqualToValue(option, val)); if (matches.length > 1) { console.error([`MUI: The \`isOptionEqualToValue\` method of ${componentName} do not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${matches.length} matches.`].join('\n')); } } const itemIndex = findIndex(newValue, valueItem => isOptionEqualToValue(option, valueItem)); if (itemIndex === -1) { newValue.push(option); } else if (origin !== 'freeSolo') { newValue.splice(itemIndex, 1); reason = 'removeOption'; } } resetInputValue(event, newValue); handleValue(event, newValue, reason, { option }); if (!disableCloseOnSelect && !event.ctrlKey && !event.metaKey) { handleClose(event, reason); } if (blurOnSelect === true || blurOnSelect === 'touch' && isTouch.current || blurOnSelect === 'mouse' && !isTouch.current) { inputRef.current.blur(); } }; function validTagIndex(index, direction) { if (index === -1) { return -1; } let nextFocus = index; while (true) { // Out of range if (direction === 'next' && nextFocus === value.length || direction === 'previous' && nextFocus === -1) { return -1; } const option = anchorEl.querySelector(`[data-tag-index="${nextFocus}"]`); // Same logic as MenuList.js if (!option || !option.hasAttribute('tabindex') || option.disabled || option.getAttribute('aria-disabled') === 'true') { nextFocus += direction === 'next' ? 1 : -1; } else { return nextFocus; } } } const handleFocusTag = (event, direction) => { if (!multiple) { return; } handleClose(event, 'toggleInput'); let nextTag = focusedTag; if (focusedTag === -1) { if (inputValue === '' && direction === 'previous') { nextTag = value.length - 1; } } else { nextTag += direction === 'next' ? 1 : -1; if (nextTag < 0) { nextTag = 0; } if (nextTag === value.length) { nextTag = -1; } } nextTag = validTagIndex(nextTag, direction); setFocusedTag(nextTag); focusTag(nextTag); }; const handleClear = event => { ignoreFocus.current = true; setInputValueState(''); if (onInputChange) { onInputChange(event, '', 'clear'); } handleValue(event, multiple ? [] : null, 'clear'); }; const handleKeyDown = other => event => { if (other.onKeyDown) { other.onKeyDown(event); } if (event.defaultMuiPrevented) { return; } if (focusedTag !== -1 && ['ArrowLeft', 'ArrowRight'].indexOf(event.key) === -1) { setFocusedTag(-1); focusTag(-1); } // Wait until IME is settled. if (event.which !== 229) { switch (event.key) { case 'Home': if (popupOpen && handleHomeEndKeys) { // Prevent scroll of the page event.preventDefault(); changeHighlightedIndex({ diff: 'start', direction: 'next', reason: 'keyboard', event }); } break; case 'End': if (popupOpen && handleHomeEndKeys) { // Prevent scroll of the page event.preventDefault(); changeHighlightedIndex({ diff: 'end', direction: 'previous', reason: 'keyboard', event }); } break; case 'PageUp': // Prevent scroll of the page event.preventDefault(); changeHighlightedIndex({ diff: -pageSize, direction: 'previous', reason: 'keyboard', event }); handleOpen(event); break; case 'PageDown': // Prevent scroll of the page event.preventDefault(); changeHighlightedIndex({ diff: pageSize, direction: 'next', reason: 'keyboard', event }); handleOpen(event); break; case 'ArrowDown': // Prevent cursor move event.preventDefault(); changeHighlightedIndex({ diff: 1, direction: 'next', reason: 'keyboard', event }); handleOpen(event); break; case 'ArrowUp': // Prevent cursor move event.preventDefault(); changeHighlightedIndex({ diff: -1, direction: 'previous', reason: 'keyboard', event }); handleOpen(event); break; case 'ArrowLeft': handleFocusTag(event, 'previous'); break; case 'ArrowRight': handleFocusTag(event, 'next'); break; case 'Enter': if (highlightedIndexRef.current !== -1 && popupOpen) { const option = filteredOptions[highlightedIndexRef.current]; const disabled = getOptionDisabled ? getOptionDisabled(option) : false; // Avoid early form validation, let the end-users continue filling the form. event.preventDefault(); if (disabled) { return; } selectNewValue(event, option, 'selectOption'); // Move the selection to the end. if (autoComplete) { inputRef.current.setSelectionRange(inputRef.current.value.length, inputRef.current.value.length); } } else if (freeSolo && inputValue !== '' && inputValueIsSelectedValue === false) { if (multiple) { // Allow people to add new values before they submit the form. event.preventDefault(); } selectNewValue(event, inputValue, 'createOption', 'freeSolo'); } break; case 'Escape': if (popupOpen) { // Avoid Opera to exit fullscreen mode. event.preventDefault(); // Avoid the Modal to handle the event. event.stopPropagation(); handleClose(event, 'escape'); } else if (clearOnEscape && (inputValue !== '' || multiple && value.length > 0)) { // Avoid Opera to exit fullscreen mode. event.preventDefault(); // Avoid the Modal to handle the event. event.stopPropagation(); handleClear(event); } break; case 'Backspace': if (multiple && inputValue === '' && value.length > 0) { const index = focusedTag === -1 ? value.length - 1 : focusedTag; const newValue = value.slice(); newValue.splice(index, 1); handleValue(event, newValue, 'removeOption', { option: value[index] }); } break; default: } } }; const handleFocus = event => { setFocused(true); if (openOnFocus && !ignoreFocus.current) { handleOpen(event); } }; const handleBlur = event => { // Ignore the event when using the scrollbar with IE11 if (listboxRef.current !== null && listboxRef.current.parentElement.contains(document.activeElement)) { inputRef.current.focus(); return; } setFocused(false); firstFocus.current = true; ignoreFocus.current = false; if (autoSelect && highlightedIndexRef.current !== -1 && popupOpen) { selectNewValue(event, filteredOptions[highlightedIndexRef.current], 'blur'); } else if (autoSelect && freeSolo && inputValue !== '') { selectNewValue(event, inputValue, 'blur', 'freeSolo'); } else if (clearOnBlur) { resetInputValue(event, value); } handleClose(event, 'blur'); }; const handleInputChange = event => { const newValue = event.target.value; if (inputValue !== newValue) { setInputValueState(newValue); setInputPristine(false); if (onInputChange) { onInputChange(event, newValue, 'input'); } } if (newValue === '') { if (!disableClearable && !multiple) { handleValue(event, null, 'clear'); } } else { handleOpen(event); } }; const handleOptionMouseOver = event => { setHighlightedIndex({ event, index: Number(event.currentTarget.getAttribute('data-option-index')), reason: 'mouse' }); }; const handleOptionTouchStart = () => { isTouch.current = true; }; const handleOptionClick = event => { const index = Number(event.currentTarget.getAttribute('data-option-index')); selectNewValue(event, filteredOptions[index], 'selectOption'); isTouch.current = false; }; const handleTagDelete = index => event => { const newValue = value.slice(); newValue.splice(index, 1); handleValue(event, newValue, 'removeOption', { option: value[index] }); }; const handlePopupIndicator = event => { if (open) { handleClose(event, 'toggleInput'); } else { handleOpen(event); } }; // Prevent input blur when interacting with the combobox const handleMouseDown = event => { if (event.target.getAttribute('id') !== id) { event.preventDefault(); } }; // Focus the input when interacting with the combobox const handleClick = () => { inputRef.current.focus(); if (selectOnFocus && firstFocus.current && inputRef.current.selectionEnd - inputRef.current.selectionStart === 0) { inputRef.current.select(); } firstFocus.current = false; }; const handleInputMouseDown = event => { if (inputValue === '' || !open) { handlePopupIndicator(event); } }; let dirty = freeSolo && inputValue.length > 0; dirty = dirty || (multiple ? value.length > 0 : value !== null); let groupedOptions = filteredOptions; if (groupBy) { // used to keep track of key and indexes in the result array const indexBy = new Map(); let warn = false; groupedOptions = filteredOptions.reduce((acc, option, index) => { const group = groupBy(option); if (acc.length > 0 && acc[acc.length - 1].group === group) { acc[acc.length - 1].options.push(option); } else { if (true) { if (indexBy.get(group) && !warn) { console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${componentName} returns duplicated headers.`, 'You can solve the issue by sorting the options with the output of `groupBy`.'); warn = true; } indexBy.set(group, true); } acc.push({ key: index, index, group, options: [option] }); } return acc; }, []); } if (disabledProp && focused) { handleBlur(); } return { getRootProps: (other = {}) => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ 'aria-owns': listboxAvailable ? `${id}-listbox` : null, role: 'combobox', 'aria-expanded': listboxAvailable }, other, { onKeyDown: handleKeyDown(other), onMouseDown: handleMouseDown, onClick: handleClick }), getInputLabelProps: () => ({ id: `${id}-label`, htmlFor: id }), getInputProps: () => ({ id, value: inputValue, onBlur: handleBlur, onFocus: handleFocus, onChange: handleInputChange, onMouseDown: handleInputMouseDown, // if open then this is handled imperativeley so don't let react override // only have an opinion about this when closed 'aria-activedescendant': popupOpen ? '' : null, 'aria-autocomplete': autoComplete ? 'both' : 'list', 'aria-controls': listboxAvailable ? `${id}-listbox` : null, // Disable browser's suggestion that might overlap with the popup. // Handle autocomplete but not autofill. autoComplete: 'off', ref: inputRef, autoCapitalize: 'none', spellCheck: 'false' }), getClearProps: () => ({ tabIndex: -1, onClick: handleClear }), getPopupIndicatorProps: () => ({ tabIndex: -1, onClick: handlePopupIndicator }), getTagProps: ({ index }) => ({ key: index, 'data-tag-index': index, tabIndex: -1, onDelete: handleTagDelete(index) }), getListboxProps: () => ({ role: 'listbox', id: `${id}-listbox`, 'aria-labelledby': `${id}-label`, ref: handleListboxRef, onMouseDown: event => { // Prevent blur event.preventDefault(); } }), getOptionProps: ({ index, option }) => { const selected = (multiple ? value : [value]).some(value2 => value2 != null && isOptionEqualToValue(option, value2)); const disabled = getOptionDisabled ? getOptionDisabled(option) : false; return { key: getOptionLabel(option), tabIndex: -1, role: 'option', id: `${id}-option-${index}`, onMouseOver: handleOptionMouseOver, onClick: handleOptionClick, onTouchStart: handleOptionTouchStart, 'data-option-index': index, 'aria-disabled': disabled, 'aria-selected': selected }; }, id, inputValue, value, dirty, popupOpen, focused: focused || focusedTag !== -1, anchorEl, setAnchorEl, focusedTag, groupedOptions }; } /***/ }), /***/ "./node_modules/@mui/core/BackdropUnstyled/BackdropUnstyled.js": /*!*********************************************************************!*\ !*** ./node_modules/@mui/core/BackdropUnstyled/BackdropUnstyled.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.m.js"); /* harmony import */ var _composeClasses__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../composeClasses */ "./node_modules/@mui/core/composeClasses/composeClasses.js"); /* harmony import */ var _utils_isHostComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/isHostComponent */ "./node_modules/@mui/core/utils/isHostComponent.js"); /* harmony import */ var _backdropUnstyledClasses__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./backdropUnstyledClasses */ "./node_modules/@mui/core/BackdropUnstyled/backdropUnstyledClasses.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); const _excluded = ["classes", "className", "invisible", "component", "components", "componentsProps", "theme"]; const useUtilityClasses = ownerState => { const { classes, invisible } = ownerState; const slots = { root: ['root', invisible && 'invisible'] }; return (0,_composeClasses__WEBPACK_IMPORTED_MODULE_6__["default"])(slots, _backdropUnstyledClasses__WEBPACK_IMPORTED_MODULE_7__.getBackdropUtilityClass, classes); }; const BackdropUnstyled = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.forwardRef(function BackdropUnstyled(props, ref) { const { classes: classesProp, className, invisible = false, component = 'div', components = {}, componentsProps = {}, /* eslint-disable react/prop-types */ theme } = props, other = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__["default"])(props, _excluded); const ownerState = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, { classes: classesProp, invisible }); const classes = useUtilityClasses(ownerState); const Root = components.Root || component; const rootProps = componentsProps.root || {}; return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Root, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ "aria-hidden": true }, rootProps, !(0,_utils_isHostComponent__WEBPACK_IMPORTED_MODULE_8__["default"])(Root) && { as: component, ownerState: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, ownerState, rootProps.ownerState), theme }, { ref: ref }, other, { className: (0,clsx__WEBPACK_IMPORTED_MODULE_4__["default"])(classes.root, rootProps.className, className) })); }); true ? BackdropUnstyled.propTypes /* remove-proptypes */ = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The content of the component. */ children: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node), /** * Override or extend the styles applied to the component. */ classes: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object), /** * @ignore */ className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), /** * The component used for the root node. * Either a string to use a HTML element or a component. */ component: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().elementType), /** * The components used for each slot inside the Backdrop. * Either a string to use a HTML element or a component. * @default {} */ components: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({ Root: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().elementType) }), /** * The props used for each slot inside the Backdrop. * @default {} */ componentsProps: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object), /** * If `true`, the backdrop is invisible. * It can be used when rendering a popover or a custom select component. * @default false */ invisible: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool) } : 0; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BackdropUnstyled); /***/ }), /***/ "./node_modules/@mui/core/BackdropUnstyled/backdropUnstyledClasses.js": /*!****************************************************************************!*\ !*** ./node_modules/@mui/core/BackdropUnstyled/backdropUnstyledClasses.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "getBackdropUtilityClass": () => (/* binding */ getBackdropUtilityClass), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _generateUtilityClasses__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../generateUtilityClasses */ "./node_modules/@mui/core/generateUtilityClasses/generateUtilityClasses.js"); /* harmony import */ var _generateUtilityClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../generateUtilityClass */ "./node_modules/@mui/core/generateUtilityClass/generateUtilityClass.js"); function getBackdropUtilityClass(slot) { return (0,_generateUtilityClass__WEBPACK_IMPORTED_MODULE_0__["default"])('MuiBackdrop', slot); } const backdropUnstyledClasses = (0,_generateUtilityClasses__WEBPACK_IMPORTED_MODULE_1__["default"])('MuiBackdrop', ['root', 'invisible']); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (backdropUnstyledClasses); /***/ }), /***/ "./node_modules/@mui/core/ClickAwayListener/ClickAwayListener.js": /*!***********************************************************************!*\ !*** ./node_modules/@mui/core/ClickAwayListener/ClickAwayListener.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useForkRef.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useEventCallback.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/ownerDocument.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/elementAcceptingRef.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/exactProp.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); // TODO: return `EventHandlerName extends `on${infer EventName}` ? Lowercase : never` once generatePropTypes runs with TS 4.1 function mapEventPropToEvent(eventProp) { return eventProp.substring(2).toLowerCase(); } function clickedRootScrollbar(event, doc) { return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY; } /** * Listen for click events that occur somewhere in the document, outside of the element itself. * For instance, if you need to hide a menu when people click anywhere else on your page. * * Demos: * * - [Click Away Listener](https://mui.com/components/click-away-listener/) * - [Menus](https://mui.com/components/menus/) * * API: * * - [ClickAwayListener API](https://mui.com/api/click-away-listener/) */ function ClickAwayListener(props) { const { children, disableReactTree = false, mouseEvent = 'onClick', onClickAway, touchEvent = 'onTouchEnd' } = props; const movedRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(false); const nodeRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null); const activatedRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(false); const syntheticEventRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(false); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { // Ensure that this component is not "activated" synchronously. // https://github.com/facebook/react/issues/20074 setTimeout(() => { activatedRef.current = true; }, 0); return () => { activatedRef.current = false; }; }, []); const handleRef = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_3__["default"])( // @ts-expect-error TODO upstream fix children.ref, nodeRef); // The handler doesn't take event.defaultPrevented into account: // // event.preventDefault() is meant to stop default behaviors like // clicking a checkbox to check it, hitting a button to submit a form, // and hitting left arrow to move the cursor in a text input etc. // Only special HTML elements have these default behaviors. const handleClickAway = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__["default"])(event => { // Given developers can stop the propagation of the synthetic event, // we can only be confident with a positive value. const insideReactTree = syntheticEventRef.current; syntheticEventRef.current = false; const doc = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_5__["default"])(nodeRef.current); // 1. IE11 support, which trigger the handleClickAway even after the unbind // 2. The child might render null. // 3. Behave like a blur listener. if (!activatedRef.current || !nodeRef.current || 'clientX' in event && clickedRootScrollbar(event, doc)) { return; } // Do not act if user performed touchmove if (movedRef.current) { movedRef.current = false; return; } let insideDOM; // If not enough, can use https://github.com/DieterHolvoet/event-propagation-path/blob/master/propagationPath.js if (event.composedPath) { insideDOM = event.composedPath().indexOf(nodeRef.current) > -1; } else { insideDOM = !doc.documentElement.contains( // @ts-expect-error returns `false` as intended when not dispatched from a Node event.target) || nodeRef.current.contains( // @ts-expect-error returns `false` as intended when not dispatched from a Node event.target); } if (!insideDOM && (disableReactTree || !insideReactTree)) { onClickAway(event); } }); // Keep track of mouse/touch events that bubbled up through the portal. const createHandleSynthetic = handlerName => event => { syntheticEventRef.current = true; const childrenPropsHandler = children.props[handlerName]; if (childrenPropsHandler) { childrenPropsHandler(event); } }; const childrenProps = { ref: handleRef }; if (touchEvent !== false) { childrenProps[touchEvent] = createHandleSynthetic(touchEvent); } react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { if (touchEvent !== false) { const mappedTouchEvent = mapEventPropToEvent(touchEvent); const doc = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_5__["default"])(nodeRef.current); const handleTouchMove = () => { movedRef.current = true; }; doc.addEventListener(mappedTouchEvent, handleClickAway); doc.addEventListener('touchmove', handleTouchMove); return () => { doc.removeEventListener(mappedTouchEvent, handleClickAway); doc.removeEventListener('touchmove', handleTouchMove); }; } return undefined; }, [handleClickAway, touchEvent]); if (mouseEvent !== false) { childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent); } react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { if (mouseEvent !== false) { const mappedMouseEvent = mapEventPropToEvent(mouseEvent); const doc = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_5__["default"])(nodeRef.current); doc.addEventListener(mappedMouseEvent, handleClickAway); return () => { doc.removeEventListener(mappedMouseEvent, handleClickAway); }; } return undefined; }, [handleClickAway, mouseEvent]); return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(children, childrenProps) }); } true ? ClickAwayListener.propTypes /* remove-proptypes */ = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit TypeScript types and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The wrapped element. */ children: _mui_utils__WEBPACK_IMPORTED_MODULE_6__["default"].isRequired, /** * If `true`, the React tree is ignored and only the DOM tree is considered. * This prop changes how portaled elements are handled. * @default false */ disableReactTree: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool), /** * The mouse event to listen to. You can disable the listener by providing `false`. * @default 'onClick' */ mouseEvent: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['onClick', 'onMouseDown', 'onMouseUp', false]), /** * Callback fired when a "click away" event is detected. */ onClickAway: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func.isRequired), /** * The touch event to listen to. You can disable the listener by providing `false`. * @default 'onTouchEnd' */ touchEvent: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['onTouchEnd', 'onTouchStart', false]) } : 0; if (true) { // eslint-disable-next-line ClickAwayListener['propTypes' + ''] = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_7__["default"])(ClickAwayListener.propTypes); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClickAwayListener); /***/ }), /***/ "./node_modules/@mui/core/ModalUnstyled/ModalManager.js": /*!**************************************************************!*\ !*** ./node_modules/@mui/core/ModalUnstyled/ModalManager.js ***! \**************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "ariaHidden": () => (/* binding */ ariaHidden), /* harmony export */ "default": () => (/* binding */ ModalManager) /* harmony export */ }); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/ownerDocument.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/ownerWindow.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/getScrollbarSize.js"); // Is a vertical scrollbar displayed? function isOverflowing(container) { const doc = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_0__["default"])(container); if (doc.body === container) { return (0,_mui_utils__WEBPACK_IMPORTED_MODULE_1__["default"])(container).innerWidth > doc.documentElement.clientWidth; } return container.scrollHeight > container.clientHeight; } function ariaHidden(element, show) { if (show) { element.setAttribute('aria-hidden', 'true'); } else { element.removeAttribute('aria-hidden'); } } function getPaddingRight(element) { return parseInt((0,_mui_utils__WEBPACK_IMPORTED_MODULE_1__["default"])(element).getComputedStyle(element).paddingRight, 10) || 0; } function ariaHiddenSiblings(container, mountElement, currentElement, elementsToExclude = [], show) { const blacklist = [mountElement, currentElement, ...elementsToExclude]; const blacklistTagNames = ['TEMPLATE', 'SCRIPT', 'STYLE']; [].forEach.call(container.children, element => { if (blacklist.indexOf(element) === -1 && blacklistTagNames.indexOf(element.tagName) === -1) { ariaHidden(element, show); } }); } function findIndexOf(items, callback) { let idx = -1; items.some((item, index) => { if (callback(item)) { idx = index; return true; } return false; }); return idx; } function handleContainer(containerInfo, props) { const restoreStyle = []; const container = containerInfo.container; if (!props.disableScrollLock) { if (isOverflowing(container)) { // Compute the size before applying overflow hidden to avoid any scroll jumps. const scrollbarSize = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_mui_utils__WEBPACK_IMPORTED_MODULE_0__["default"])(container)); restoreStyle.push({ value: container.style.paddingRight, property: 'padding-right', el: container }); // Use computed style, here to get the real padding to add our scrollbar width. container.style.paddingRight = `${getPaddingRight(container) + scrollbarSize}px`; // .mui-fixed is a global helper. const fixedElements = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_0__["default"])(container).querySelectorAll('.mui-fixed'); [].forEach.call(fixedElements, element => { restoreStyle.push({ value: element.style.paddingRight, property: 'padding-right', el: element }); element.style.paddingRight = `${getPaddingRight(element) + scrollbarSize}px`; }); } // Improve Gatsby support // https://css-tricks.com/snippets/css/force-vertical-scrollbar/ const parent = container.parentElement; const containerWindow = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_1__["default"])(container); const scrollContainer = (parent == null ? void 0 : parent.nodeName) === 'HTML' && containerWindow.getComputedStyle(parent).overflowY === 'scroll' ? parent : container; // Block the scroll even if no scrollbar is visible to account for mobile keyboard // screensize shrink. restoreStyle.push({ value: scrollContainer.style.overflow, property: 'overflow', el: scrollContainer }, { value: scrollContainer.style.overflowX, property: 'overflow-x', el: scrollContainer }, { value: scrollContainer.style.overflowY, property: 'overflow-y', el: scrollContainer }); scrollContainer.style.overflow = 'hidden'; } const restore = () => { restoreStyle.forEach(({ value, el, property }) => { if (value) { el.style.setProperty(property, value); } else { el.style.removeProperty(property); } }); }; return restore; } function getHiddenSiblings(container) { const hiddenSiblings = []; [].forEach.call(container.children, element => { if (element.getAttribute('aria-hidden') === 'true') { hiddenSiblings.push(element); } }); return hiddenSiblings; } /** * @ignore - do not document. * * Proper state management for containers and the modals in those containers. * Simplified, but inspired by react-overlay's ModalManager class. * Used by the Modal to ensure proper styling of containers. */ class ModalManager { constructor() { this.containers = void 0; this.modals = void 0; this.modals = []; this.containers = []; } add(modal, container) { let modalIndex = this.modals.indexOf(modal); if (modalIndex !== -1) { return modalIndex; } modalIndex = this.modals.length; this.modals.push(modal); // If the modal we are adding is already in the DOM. if (modal.modalRef) { ariaHidden(modal.modalRef, false); } const hiddenSiblings = getHiddenSiblings(container); ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, true); const containerIndex = findIndexOf(this.containers, item => item.container === container); if (containerIndex !== -1) { this.containers[containerIndex].modals.push(modal); return modalIndex; } this.containers.push({ modals: [modal], container, restore: null, hiddenSiblings }); return modalIndex; } mount(modal, props) { const containerIndex = findIndexOf(this.containers, item => item.modals.indexOf(modal) !== -1); const containerInfo = this.containers[containerIndex]; if (!containerInfo.restore) { containerInfo.restore = handleContainer(containerInfo, props); } } remove(modal) { const modalIndex = this.modals.indexOf(modal); if (modalIndex === -1) { return modalIndex; } const containerIndex = findIndexOf(this.containers, item => item.modals.indexOf(modal) !== -1); const containerInfo = this.containers[containerIndex]; containerInfo.modals.splice(containerInfo.modals.indexOf(modal), 1); this.modals.splice(modalIndex, 1); // If that was the last modal in a container, clean up the container. if (containerInfo.modals.length === 0) { // The modal might be closed before it had the chance to be mounted in the DOM. if (containerInfo.restore) { containerInfo.restore(); } if (modal.modalRef) { // In case the modal wasn't in the DOM yet. ariaHidden(modal.modalRef, true); } ariaHiddenSiblings(containerInfo.container, modal.mount, modal.modalRef, containerInfo.hiddenSiblings, false); this.containers.splice(containerIndex, 1); } else { // Otherwise make sure the next top modal is visible to a screen reader. const nextTop = containerInfo.modals[containerInfo.modals.length - 1]; // as soon as a modal is adding its modalRef is undefined. it can't set // aria-hidden because the dom element doesn't exist either // when modal was unmounted before modalRef gets null if (nextTop.modalRef) { ariaHidden(nextTop.modalRef, false); } } return modalIndex; } isTopModal(modal) { return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal; } } /***/ }), /***/ "./node_modules/@mui/core/ModalUnstyled/ModalUnstyled.js": /*!***************************************************************!*\ !*** ./node_modules/@mui/core/ModalUnstyled/ModalUnstyled.js ***! \***************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.m.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useForkRef.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/ownerDocument.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useEventCallback.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/createChainedFunction.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/elementAcceptingRef.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/HTMLElementType.js"); /* harmony import */ var _composeClasses__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../composeClasses */ "./node_modules/@mui/core/composeClasses/composeClasses.js"); /* harmony import */ var _utils_isHostComponent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/isHostComponent */ "./node_modules/@mui/core/utils/isHostComponent.js"); /* harmony import */ var _Portal__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../Portal */ "./node_modules/@mui/core/Portal/Portal.js"); /* harmony import */ var _ModalManager__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ModalManager */ "./node_modules/@mui/core/ModalUnstyled/ModalManager.js"); /* harmony import */ var _Unstable_TrapFocus__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../Unstable_TrapFocus */ "./node_modules/@mui/core/Unstable_TrapFocus/Unstable_TrapFocus.js"); /* harmony import */ var _modalUnstyledClasses__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./modalUnstyledClasses */ "./node_modules/@mui/core/ModalUnstyled/modalUnstyledClasses.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); const _excluded = ["BackdropComponent", "BackdropProps", "children", "classes", "className", "closeAfterTransition", "component", "components", "componentsProps", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "theme", "onTransitionEnter", "onTransitionExited"]; const useUtilityClasses = ownerState => { const { open, exited, classes } = ownerState; const slots = { root: ['root', !open && exited && 'hidden'] }; return (0,_composeClasses__WEBPACK_IMPORTED_MODULE_6__["default"])(slots, _modalUnstyledClasses__WEBPACK_IMPORTED_MODULE_7__.getModalUtilityClass, classes); }; function getContainer(container) { return typeof container === 'function' ? container() : container; } function getHasTransition(props) { return props.children ? props.children.props.hasOwnProperty('in') : false; } // A modal manager used to track and manage the state of open Modals. // Modals don't open on the server so this won't conflict with concurrent requests. const defaultManager = new _ModalManager__WEBPACK_IMPORTED_MODULE_8__["default"](); /** * Modal is a lower-level construct that is leveraged by the following components: * * - [Dialog](/api/dialog/) * - [Drawer](/api/drawer/) * - [Menu](/api/menu/) * - [Popover](/api/popover/) * * If you are creating a modal dialog, you probably want to use the [Dialog](/api/dialog/) component * rather than directly using Modal. * * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals). */ const ModalUnstyled = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.forwardRef(function ModalUnstyled(props, ref) { const { BackdropComponent, BackdropProps, children, classes: classesProp, className, closeAfterTransition = false, component = 'div', components = {}, componentsProps = {}, container, disableAutoFocus = false, disableEnforceFocus = false, disableEscapeKeyDown = false, disablePortal = false, disableRestoreFocus = false, disableScrollLock = false, hideBackdrop = false, keepMounted = false, // private // eslint-disable-next-line react/prop-types manager = defaultManager, onBackdropClick, onClose, onKeyDown, open, /* eslint-disable react/prop-types */ theme, onTransitionEnter, onTransitionExited } = props, other = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__["default"])(props, _excluded); const [exited, setExited] = react__WEBPACK_IMPORTED_MODULE_2__.useState(true); const modal = react__WEBPACK_IMPORTED_MODULE_2__.useRef({}); const mountNodeRef = react__WEBPACK_IMPORTED_MODULE_2__.useRef(null); const modalRef = react__WEBPACK_IMPORTED_MODULE_2__.useRef(null); const handleRef = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_9__["default"])(modalRef, ref); const hasTransition = getHasTransition(props); const getDoc = () => (0,_mui_utils__WEBPACK_IMPORTED_MODULE_10__["default"])(mountNodeRef.current); const getModal = () => { modal.current.modalRef = modalRef.current; modal.current.mountNode = mountNodeRef.current; return modal.current; }; const handleMounted = () => { manager.mount(getModal(), { disableScrollLock }); // Fix a bug on Chrome where the scroll isn't initially 0. modalRef.current.scrollTop = 0; }; const handleOpen = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_11__["default"])(() => { const resolvedContainer = getContainer(container) || getDoc().body; manager.add(getModal(), resolvedContainer); // The element was already mounted. if (modalRef.current) { handleMounted(); } }); const isTopModal = react__WEBPACK_IMPORTED_MODULE_2__.useCallback(() => manager.isTopModal(getModal()), [manager]); const handlePortalRef = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_11__["default"])(node => { mountNodeRef.current = node; if (!node) { return; } if (open && isTopModal()) { handleMounted(); } else { (0,_ModalManager__WEBPACK_IMPORTED_MODULE_8__.ariaHidden)(modalRef.current, true); } }); const handleClose = react__WEBPACK_IMPORTED_MODULE_2__.useCallback(() => { manager.remove(getModal()); }, [manager]); react__WEBPACK_IMPORTED_MODULE_2__.useEffect(() => { return () => { handleClose(); }; }, [handleClose]); react__WEBPACK_IMPORTED_MODULE_2__.useEffect(() => { if (open) { handleOpen(); } else if (!hasTransition || !closeAfterTransition) { handleClose(); } }, [open, handleClose, hasTransition, closeAfterTransition, handleOpen]); const ownerState = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, { classes: classesProp, closeAfterTransition, disableAutoFocus, disableEnforceFocus, disableEscapeKeyDown, disablePortal, disableRestoreFocus, disableScrollLock, exited, hideBackdrop, keepMounted }); const classes = useUtilityClasses(ownerState); if (!keepMounted && !open && (!hasTransition || exited)) { return null; } const handleEnter = () => { setExited(false); if (onTransitionEnter) { onTransitionEnter(); } }; const handleExited = () => { setExited(true); if (onTransitionExited) { onTransitionExited(); } if (closeAfterTransition) { handleClose(); } }; const handleBackdropClick = event => { if (event.target !== event.currentTarget) { return; } if (onBackdropClick) { onBackdropClick(event); } if (onClose) { onClose(event, 'backdropClick'); } }; const handleKeyDown = event => { if (onKeyDown) { onKeyDown(event); } // The handler doesn't take event.defaultPrevented into account: // // event.preventDefault() is meant to stop default behaviors like // clicking a checkbox to check it, hitting a button to submit a form, // and hitting left arrow to move the cursor in a text input etc. // Only special HTML elements have these default behaviors. if (event.key !== 'Escape' || !isTopModal()) { return; } if (!disableEscapeKeyDown) { // Swallow the event, in case someone is listening for the escape key on the body. event.stopPropagation(); if (onClose) { onClose(event, 'escapeKeyDown'); } } }; const childProps = {}; if (children.props.tabIndex === undefined) { childProps.tabIndex = '-1'; } // It's a Transition like component if (hasTransition) { childProps.onEnter = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_12__["default"])(handleEnter, children.props.onEnter); childProps.onExited = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_12__["default"])(handleExited, children.props.onExited); } const Root = components.Root || component; const rootProps = componentsProps.root || {}; return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Portal__WEBPACK_IMPORTED_MODULE_13__["default"], { ref: handlePortalRef, container: container, disablePortal: disablePortal, children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(Root, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ role: "presentation" }, rootProps, !(0,_utils_isHostComponent__WEBPACK_IMPORTED_MODULE_14__["default"])(Root) && { as: component, ownerState: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, ownerState, rootProps.ownerState), theme }, other, { ref: handleRef, onKeyDown: handleKeyDown, className: (0,clsx__WEBPACK_IMPORTED_MODULE_4__["default"])(classes.root, rootProps.className, className), children: [!hideBackdrop && BackdropComponent ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(BackdropComponent, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ open: open, onClick: handleBackdropClick }, BackdropProps)) : null, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Unstable_TrapFocus__WEBPACK_IMPORTED_MODULE_15__["default"], { disableEnforceFocus: disableEnforceFocus, disableAutoFocus: disableAutoFocus, disableRestoreFocus: disableRestoreFocus, isEnabled: isTopModal, open: open, children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.cloneElement(children, childProps) })] })) }); }); true ? ModalUnstyled.propTypes /* remove-proptypes */ = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * A backdrop component. This prop enables custom backdrop rendering. */ BackdropComponent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().elementType), /** * Props applied to the [`BackdropUnstyled`](/api/backdrop-unstyled/) element. */ BackdropProps: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object), /** * A single child content element. */ children: _mui_utils__WEBPACK_IMPORTED_MODULE_16__["default"].isRequired, /** * Override or extend the styles applied to the component. */ classes: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object), /** * @ignore */ className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), /** * When set to true the Modal waits until a nested Transition is completed before closing. * @default false */ closeAfterTransition: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), /** * The component used for the root node. * Either a string to use a HTML element or a component. */ component: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().elementType), /** * The components used for each slot inside the Modal. * Either a string to use a HTML element or a component. * @default {} */ components: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({ Root: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().elementType) }), /** * The props used for each slot inside the Modal. * @default {} */ componentsProps: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object), /** * An HTML element or function that returns one. * The `container` will have the portal children appended to it. * * By default, it uses the body of the top-level document object, * so it's simply `document.body` most of the time. */ container: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([_mui_utils__WEBPACK_IMPORTED_MODULE_17__["default"], (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)]), /** * If `true`, the modal will not automatically shift focus to itself when it opens, and * replace it to the last focused element when it closes. * This also works correctly with any modal children that have the `disableAutoFocus` prop. * * Generally this should never be set to `true` as it makes the modal less * accessible to assistive technologies, like screen readers. * @default false */ disableAutoFocus: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), /** * If `true`, the modal will not prevent focus from leaving the modal while open. * * Generally this should never be set to `true` as it makes the modal less * accessible to assistive technologies, like screen readers. * @default false */ disableEnforceFocus: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), /** * If `true`, hitting escape will not fire the `onClose` callback. * @default false */ disableEscapeKeyDown: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), /** * The `children` will be under the DOM hierarchy of the parent component. * @default false */ disablePortal: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), /** * If `true`, the modal will not restore focus to previously focused element once * modal is hidden. * @default false */ disableRestoreFocus: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), /** * Disable the scroll lock behavior. * @default false */ disableScrollLock: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), /** * If `true`, the backdrop is not rendered. * @default false */ hideBackdrop: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), /** * Always keep the children in the DOM. * This prop can be useful in SEO situation or * when you want to maximize the responsiveness of the Modal. * @default false */ keepMounted: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), /** * Callback fired when the backdrop is clicked. */ onBackdropClick: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), /** * Callback fired when the component requests to be closed. * The `reason` parameter can optionally be used to control the response to `onClose`. * * @param {object} event The event source of the callback. * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`. */ onClose: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), /** * @ignore */ onKeyDown: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), /** * If `true`, the component is shown. */ open: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool.isRequired) } : 0; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ModalUnstyled); /***/ }), /***/ "./node_modules/@mui/core/ModalUnstyled/modalUnstyledClasses.js": /*!**********************************************************************!*\ !*** ./node_modules/@mui/core/ModalUnstyled/modalUnstyledClasses.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "getModalUtilityClass": () => (/* binding */ getModalUtilityClass), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _generateUtilityClasses__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../generateUtilityClasses */ "./node_modules/@mui/core/generateUtilityClasses/generateUtilityClasses.js"); /* harmony import */ var _generateUtilityClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../generateUtilityClass */ "./node_modules/@mui/core/generateUtilityClass/generateUtilityClass.js"); function getModalUtilityClass(slot) { return (0,_generateUtilityClass__WEBPACK_IMPORTED_MODULE_0__["default"])('MuiModal', slot); } const modalUnstyledClasses = (0,_generateUtilityClasses__WEBPACK_IMPORTED_MODULE_1__["default"])('MuiModal', ['root', 'hidden']); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (modalUnstyledClasses); /***/ }), /***/ "./node_modules/@mui/core/Popper/Popper.js": /*!*************************************************!*\ !*** ./node_modules/@mui/core/Popper/Popper.js ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"); /* harmony import */ var _mui_system__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/system */ "./node_modules/@mui/system/esm/useThemeWithoutDefault.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useForkRef.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useEnhancedEffect.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/ownerDocument.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/chainPropTypes.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/HTMLElementType.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/refType.js"); /* harmony import */ var _popperjs_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @popperjs/core */ "./node_modules/@popperjs/core/lib/popper.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var _Portal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../Portal */ "./node_modules/@mui/core/Portal/Portal.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); const _excluded = ["anchorEl", "children", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "TransitionProps"], _excluded2 = ["anchorEl", "children", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition"]; function flipPlacement(placement, theme) { const direction = theme && theme.direction || 'ltr'; if (direction === 'ltr') { return placement; } switch (placement) { case 'bottom-end': return 'bottom-start'; case 'bottom-start': return 'bottom-end'; case 'top-end': return 'top-start'; case 'top-start': return 'top-end'; default: return placement; } } function resolveAnchorEl(anchorEl) { return typeof anchorEl === 'function' ? anchorEl() : anchorEl; } const defaultPopperOptions = {}; /* eslint-disable react/prop-types */ const PopperTooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.forwardRef(function PopperTooltip(props, ref) { const { anchorEl, children, disablePortal, modifiers, open, placement: initialPlacement, popperOptions, popperRef: popperRefProp, TransitionProps } = props, other = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__["default"])(props, _excluded); const tooltipRef = react__WEBPACK_IMPORTED_MODULE_3__.useRef(null); const ownRef = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_5__["default"])(tooltipRef, ref); const popperRef = react__WEBPACK_IMPORTED_MODULE_3__.useRef(null); const handlePopperRef = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_5__["default"])(popperRef, popperRefProp); const handlePopperRefRef = react__WEBPACK_IMPORTED_MODULE_3__.useRef(handlePopperRef); (0,_mui_utils__WEBPACK_IMPORTED_MODULE_6__["default"])(() => { handlePopperRefRef.current = handlePopperRef; }, [handlePopperRef]); react__WEBPACK_IMPORTED_MODULE_3__.useImperativeHandle(popperRefProp, () => popperRef.current, []); const theme = (0,_mui_system__WEBPACK_IMPORTED_MODULE_7__["default"])(); const rtlPlacement = flipPlacement(initialPlacement, theme); /** * placement initialized from prop but can change during lifetime if modifiers.flip. * modifiers.flip is essentially a flip for controlled/uncontrolled behavior */ const [placement, setPlacement] = react__WEBPACK_IMPORTED_MODULE_3__.useState(rtlPlacement); react__WEBPACK_IMPORTED_MODULE_3__.useEffect(() => { if (popperRef.current) { popperRef.current.forceUpdate(); } }); (0,_mui_utils__WEBPACK_IMPORTED_MODULE_6__["default"])(() => { if (!anchorEl || !open) { return undefined; } const handlePopperUpdate = data => { setPlacement(data.placement); }; const resolvedAnchorEl = resolveAnchorEl(anchorEl); if (true) { if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) { const box = resolvedAnchorEl.getBoundingClientRect(); if ( true && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) { console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n')); } } } let popperModifiers = [{ name: 'preventOverflow', options: { altBoundary: disablePortal } }, { name: 'flip', options: { altBoundary: disablePortal } }, { name: 'onUpdate', enabled: true, phase: 'afterWrite', fn: ({ state }) => { handlePopperUpdate(state); } }]; if (modifiers != null) { popperModifiers = popperModifiers.concat(modifiers); } if (popperOptions && popperOptions.modifiers != null) { popperModifiers = popperModifiers.concat(popperOptions.modifiers); } const popper = (0,_popperjs_core__WEBPACK_IMPORTED_MODULE_8__.createPopper)(resolveAnchorEl(anchorEl), tooltipRef.current, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ placement: rtlPlacement }, popperOptions, { modifiers: popperModifiers })); handlePopperRefRef.current(popper); return () => { popper.destroy(); handlePopperRefRef.current(null); }; }, [anchorEl, disablePortal, modifiers, open, popperOptions, rtlPlacement]); const childProps = { placement }; if (TransitionProps !== null) { childProps.TransitionProps = TransitionProps; } return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ ref: ownRef, role: "tooltip" }, other, { children: typeof children === 'function' ? children(childProps) : children })); }); /* eslint-enable react/prop-types */ /** * Poppers rely on the 3rd party library [Popper.js](https://popper.js.org/docs/v2/) for positioning. */ const Popper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.forwardRef(function Popper(props, ref) { const { anchorEl, children, container: containerProp, disablePortal = false, keepMounted = false, modifiers, open, placement = 'bottom', popperOptions = defaultPopperOptions, popperRef, style, transition = false } = props, other = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__["default"])(props, _excluded2); const [exited, setExited] = react__WEBPACK_IMPORTED_MODULE_3__.useState(true); const handleEnter = () => { setExited(false); }; const handleExited = () => { setExited(true); }; if (!keepMounted && !open && (!transition || exited)) { return null; } // If the container prop is provided, use that // If the anchorEl prop is provided, use its parent body element as the container // If neither are provided let the Modal take care of choosing the container const container = containerProp || (anchorEl ? (0,_mui_utils__WEBPACK_IMPORTED_MODULE_9__["default"])(resolveAnchorEl(anchorEl)).body : undefined); return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Portal__WEBPACK_IMPORTED_MODULE_10__["default"], { disablePortal: disablePortal, container: container, children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(PopperTooltip, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ anchorEl: anchorEl, disablePortal: disablePortal, modifiers: modifiers, ref: ref, open: transition ? !exited : open, placement: placement, popperOptions: popperOptions, popperRef: popperRef }, other, { style: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ // Prevents scroll issue, waiting for Popper.js to add this style once initiated. position: 'fixed', // Fix Popper.js display issue top: 0, left: 0, display: !open && keepMounted && (!transition || exited) ? 'none' : null }, style), TransitionProps: transition ? { in: open, onEnter: handleEnter, onExited: handleExited } : null, children: children })) }); }); true ? Popper.propTypes /* remove-proptypes */ = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/), * or a function that returns either. * It's used to set the position of the popper. * The return value will passed as the reference object of the Popper instance. */ anchorEl: (0,_mui_utils__WEBPACK_IMPORTED_MODULE_11__["default"])(prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([_mui_utils__WEBPACK_IMPORTED_MODULE_12__["default"], (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]), props => { if (props.open) { const resolvedAnchorEl = resolveAnchorEl(props.anchorEl); if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) { const box = resolvedAnchorEl.getBoundingClientRect(); if ( true && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) { return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n')); } } else if (!resolvedAnchorEl || typeof resolvedAnchorEl.getBoundingClientRect !== 'function' || resolvedAnchorEl.contextElement != null && resolvedAnchorEl.contextElement.nodeType !== 1) { return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'It should be an HTML element instance or a virtualElement ', '(https://popper.js.org/docs/v2/virtual-elements/).'].join('\n')); } } return null; }), /** * Popper render function or node. */ children: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]), /** * An HTML element or function that returns one. * The `container` will have the portal children appended to it. * * By default, it uses the body of the top-level document object, * so it's simply `document.body` most of the time. */ container: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([_mui_utils__WEBPACK_IMPORTED_MODULE_12__["default"], (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]), /** * The `children` will be under the DOM hierarchy of the parent component. * @default false */ disablePortal: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool), /** * Always keep the children in the DOM. * This prop can be useful in SEO situation or * when you want to maximize the responsiveness of the Popper. * @default false */ keepMounted: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool), /** * Popper.js is based on a "plugin-like" architecture, * most of its features are fully encapsulated "modifiers". * * A modifier is a function that is called each time Popper.js needs to * compute the position of the popper. * For this reason, modifiers should be very performant to avoid bottlenecks. * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/). */ modifiers: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({ data: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object), effect: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func), enabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool), fn: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func), name: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().any.isRequired), options: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object), phase: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']), requires: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)), requiresIfExists: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)) })), /** * If `true`, the component is shown. */ open: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool.isRequired), /** * Popper placement. * @default 'bottom' */ placement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']), /** * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance. * @default {} */ popperOptions: prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({ modifiers: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().array), onFirstUpdate: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func), placement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']), strategy: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['absolute', 'fixed']) }), /** * A ref that points to the used popper instance. */ popperRef: _mui_utils__WEBPACK_IMPORTED_MODULE_13__["default"], /** * @ignore */ style: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object), /** * Help supporting a react-transition-group/Transition component. * @default false */ transition: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool) } : 0; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Popper); /***/ }), /***/ "./node_modules/@mui/core/Portal/Portal.js": /*!*************************************************!*\ !*** ./node_modules/@mui/core/Portal/Portal.js ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "./node_modules/react-dom/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useForkRef.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useEnhancedEffect.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/setRef.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/HTMLElementType.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/exactProp.js"); function getContainer(container) { return typeof container === 'function' ? container() : container; } /** * Portals provide a first-class way to render children into a DOM node * that exists outside the DOM hierarchy of the parent component. */ const Portal = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Portal(props, ref) { const { children, container, disablePortal = false } = props; const [mountNode, setMountNode] = react__WEBPACK_IMPORTED_MODULE_0__.useState(null); const handleRef = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_3__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(children) ? children.ref : null, ref); (0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { if (!disablePortal) { setMountNode(getContainer(container) || document.body); } }, [container, disablePortal]); (0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__["default"])(() => { if (mountNode && !disablePortal) { (0,_mui_utils__WEBPACK_IMPORTED_MODULE_5__["default"])(ref, mountNode); return () => { (0,_mui_utils__WEBPACK_IMPORTED_MODULE_5__["default"])(ref, null); }; } return undefined; }, [ref, mountNode, disablePortal]); if (disablePortal) { if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(children)) { return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(children, { ref: handleRef }); } return children; } return mountNode ? /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal(children, mountNode) : mountNode; }); true ? Portal.propTypes /* remove-proptypes */ = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The children to render into the `container`. */ children: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node), /** * An HTML element or function that returns one. * The `container` will have the portal children appended to it. * * By default, it uses the body of the top-level document object, * so it's simply `document.body` most of the time. */ container: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([_mui_utils__WEBPACK_IMPORTED_MODULE_6__["default"], (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]), /** * The `children` will be under the DOM hierarchy of the parent component. * @default false */ disablePortal: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool) } : 0; if (true) { // eslint-disable-next-line Portal['propTypes' + ''] = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_7__["default"])(Portal.propTypes); } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Portal); /***/ }), /***/ "./node_modules/@mui/core/TextareaAutosize/TextareaAutosize.js": /*!*********************************************************************!*\ !*** ./node_modules/@mui/core/TextareaAutosize/TextareaAutosize.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useForkRef.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/ownerWindow.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/debounce.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useEnhancedEffect.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); const _excluded = ["onChange", "maxRows", "minRows", "style", "value"]; function getStyleValue(computedStyle, property) { return parseInt(computedStyle[property], 10) || 0; } const styles = { shadow: { // Visibility needed to hide the extra text area on iPads visibility: 'hidden', // Remove from the content flow position: 'absolute', // Ignore the scrollbar width overflow: 'hidden', height: 0, top: 0, left: 0, // Create a new layer, increase the isolation of the computed values transform: 'translateZ(0)' } }; const TextareaAutosize = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.forwardRef(function TextareaAutosize(props, ref) { const { onChange, maxRows, minRows = 1, style, value } = props, other = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__["default"])(props, _excluded); const { current: isControlled } = react__WEBPACK_IMPORTED_MODULE_2__.useRef(value != null); const inputRef = react__WEBPACK_IMPORTED_MODULE_2__.useRef(null); const handleRef = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_5__["default"])(ref, inputRef); const shadowRef = react__WEBPACK_IMPORTED_MODULE_2__.useRef(null); const renders = react__WEBPACK_IMPORTED_MODULE_2__.useRef(0); const [state, setState] = react__WEBPACK_IMPORTED_MODULE_2__.useState({}); const syncHeight = react__WEBPACK_IMPORTED_MODULE_2__.useCallback(() => { const input = inputRef.current; const containerWindow = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_6__["default"])(input); const computedStyle = containerWindow.getComputedStyle(input); // If input's width is shrunk and it's not visible, don't sync height. if (computedStyle.width === '0px') { return; } const inputShallow = shadowRef.current; inputShallow.style.width = computedStyle.width; inputShallow.value = input.value || props.placeholder || 'x'; if (inputShallow.value.slice(-1) === '\n') { // Certain fonts which overflow the line height will cause the textarea // to report a different scrollHeight depending on whether the last line // is empty. Make it non-empty to avoid this issue. inputShallow.value += ' '; } const boxSizing = computedStyle['box-sizing']; const padding = getStyleValue(computedStyle, 'padding-bottom') + getStyleValue(computedStyle, 'padding-top'); const border = getStyleValue(computedStyle, 'border-bottom-width') + getStyleValue(computedStyle, 'border-top-width'); // The height of the inner content const innerHeight = inputShallow.scrollHeight; // Measure height of a textarea with a single row inputShallow.value = 'x'; const singleRowHeight = inputShallow.scrollHeight; // The height of the outer content let outerHeight = innerHeight; if (minRows) { outerHeight = Math.max(Number(minRows) * singleRowHeight, outerHeight); } if (maxRows) { outerHeight = Math.min(Number(maxRows) * singleRowHeight, outerHeight); } outerHeight = Math.max(outerHeight, singleRowHeight); // Take the box sizing into account for applying this value as a style. const outerHeightStyle = outerHeight + (boxSizing === 'border-box' ? padding + border : 0); const overflow = Math.abs(outerHeight - innerHeight) <= 1; setState(prevState => { // Need a large enough difference to update the height. // This prevents infinite rendering loop. if (renders.current < 20 && (outerHeightStyle > 0 && Math.abs((prevState.outerHeightStyle || 0) - outerHeightStyle) > 1 || prevState.overflow !== overflow)) { renders.current += 1; return { overflow, outerHeightStyle }; } if (true) { if (renders.current === 20) { console.error(['MUI: Too many re-renders. The layout is unstable.', 'TextareaAutosize limits the number of renders to prevent an infinite loop.'].join('\n')); } } return prevState; }); }, [maxRows, minRows, props.placeholder]); react__WEBPACK_IMPORTED_MODULE_2__.useEffect(() => { const handleResize = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_7__["default"])(() => { renders.current = 0; syncHeight(); }); const containerWindow = (0,_mui_utils__WEBPACK_IMPORTED_MODULE_6__["default"])(inputRef.current); containerWindow.addEventListener('resize', handleResize); let resizeObserver; if (typeof ResizeObserver !== 'undefined') { resizeObserver = new ResizeObserver(handleResize); resizeObserver.observe(inputRef.current); } return () => { handleResize.clear(); containerWindow.removeEventListener('resize', handleResize); if (resizeObserver) { resizeObserver.disconnect(); } }; }, [syncHeight]); (0,_mui_utils__WEBPACK_IMPORTED_MODULE_8__["default"])(() => { syncHeight(); }); react__WEBPACK_IMPORTED_MODULE_2__.useEffect(() => { renders.current = 0; }, [value]); const handleChange = event => { renders.current = 0; if (!isControlled) { syncHeight(); } if (onChange) { onChange(event); } }; return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, { children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("textarea", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ value: value, onChange: handleChange, ref: handleRef // Apply the rows prop to get a "correct" first SSR paint , rows: minRows, style: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ height: state.outerHeightStyle, // Need a large enough difference to allow scrolling. // This prevents infinite rendering loop. overflow: state.overflow ? 'hidden' : null }, style) }, other)), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("textarea", { "aria-hidden": true, className: props.className, readOnly: true, ref: shadowRef, tabIndex: -1, style: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, styles.shadow, style, { padding: 0 }) })] }); }); true ? TextareaAutosize.propTypes /* remove-proptypes */ = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * @ignore */ className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), /** * Maximum number of rows to display. */ maxRows: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)]), /** * Minimum number of rows to display. * @default 1 */ minRows: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)]), /** * @ignore */ onChange: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), /** * @ignore */ placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), /** * @ignore */ style: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object), /** * @ignore */ value: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)]) } : 0; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TextareaAutosize); /***/ }), /***/ "./node_modules/@mui/core/Unstable_TrapFocus/Unstable_TrapFocus.js": /*!*************************************************************************!*\ !*** ./node_modules/@mui/core/Unstable_TrapFocus/Unstable_TrapFocus.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/useForkRef.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/ownerDocument.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/elementAcceptingRef.js"); /* harmony import */ var _mui_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/utils */ "./node_modules/@mui/utils/esm/exactProp.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); /* eslint-disable @typescript-eslint/naming-convention, consistent-return, jsx-a11y/no-noninteractive-tabindex */ // Inspired by https://github.com/focus-trap/tabbable const candidatesSelector = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'].join(','); function getTabIndex(node) { const tabindexAttr = parseInt(node.getAttribute('tabindex'), 10); if (!Number.isNaN(tabindexAttr)) { return tabindexAttr; } // Browsers do not return `tabIndex` correctly for contentEditable nodes; // https://bugs.chromium.org/p/chromium/issues/detail?id=661108&q=contenteditable%20tabindex&can=2 // so if they don't have a tabindex attribute specifically set, assume it's 0. // in Chrome,
,