diff --git a/assets/new-request-form.js b/assets/new-request-form.js index 4dfe55804..a4fccc8b1 100644 --- a/assets/new-request-form.js +++ b/assets/new-request-form.js @@ -66,6 +66,41 @@ function useSubmitHandler() { }; } +const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; +function CcField({ field }) { + const { label, error, value, name, description } = field; + const initialOptions = value ? value.split(",").map((v) => v.trim()) : []; + const [options, setOptions] = reactExports.useState(initialOptions); + const [selectionValue, setSelectionValue] = reactExports.useState(initialOptions); + const [inputValue, setInputValue] = reactExports.useState(""); + const handleChange = (changes) => { + console.log(changes); + const newSelectionValue = changes.selectionValue !== undefined && + Array.isArray(changes.selectionValue) + ? changes.selectionValue + : selectionValue; + if (changes.selectionValue !== undefined) { + setSelectionValue(newSelectionValue); + } + if (changes.inputValue === undefined) { + setOptions(newSelectionValue); + } + else { + setInputValue(changes.inputValue); + if (changes.inputValue === "") { + setOptions(newSelectionValue); + } + else { + const regex = new RegExp(changes.inputValue.replace(/[.*+?^${}()|[\]\\]/giu, "\\$&"), "giu"); + setOptions(newSelectionValue.filter((option) => option.match(regex))); + } + } + }; + return (jsxRuntimeExports.jsxs(Field$1, { children: [jsxRuntimeExports.jsx(Label, { children: label }), description && jsxRuntimeExports.jsx(Hint$1, { children: description }), jsxRuntimeExports.jsxs(Combobox, { isAutocomplete: true, isMultiselectable: true, maxHeight: "auto", onChange: handleChange, inputValue: inputValue, selectionValue: selectionValue, children: [options.length === 0 ? (jsxRuntimeExports.jsx(Option, { isDisabled: true, label: "", value: "Enter a valid e-mail address to add it" })) : (options.map((value) => jsxRuntimeExports.jsx(Option, { value: value }, value))), inputValue.trim() && + !selectionValue.includes(inputValue) && + EMAIL_REGEX.test(inputValue) && (jsxRuntimeExports.jsxs(Option, { value: inputValue, type: "add", children: ["Add ", inputValue] }))] }), error && jsxRuntimeExports.jsx(Message$1, { validation: "error", children: error }), selectionValue.map((value) => (jsxRuntimeExports.jsx("input", { type: "hidden", name: name, value: value }, "value")))] })); +} + const Form = styled.form ` display: flex; flex-direction: column; @@ -90,6 +125,8 @@ function NewRequestForm({ ticketForms, requestForm, }) { case "organization_id": case "tickettype": return jsxRuntimeExports.jsx(DropDown, { field: field }); + case "cc_email": + return jsxRuntimeExports.jsx(CcField, { field: field }); default: return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {}); } diff --git a/assets/vendor.js b/assets/vendor.js index de8b41a90..33bc9f02b 100644 --- a/assets/vendor.js +++ b/assets/vendor.js @@ -23,109 +23,12 @@ var jsxRuntime = {exports: {}}; var reactJsxRuntime_production_min = {}; -/* -object-assign -(c) Sindre Sorhus -@license MIT -*/ - -var objectAssign; -var hasRequiredObjectAssign; - -function requireObjectAssign () { - if (hasRequiredObjectAssign) return objectAssign; - hasRequiredObjectAssign = 1; - /* eslint-disable no-unused-vars */ - var getOwnPropertySymbols = Object.getOwnPropertySymbols; - var hasOwnProperty = Object.prototype.hasOwnProperty; - var propIsEnumerable = Object.prototype.propertyIsEnumerable; - - function toObject(val) { - if (val === null || val === undefined) { - throw new TypeError('Object.assign cannot be called with null or undefined'); - } - - return Object(val); - } - - function shouldUseNative() { - try { - if (!Object.assign) { - return false; - } - - // Detect buggy property enumeration order in older V8 versions. - - // https://bugs.chromium.org/p/v8/issues/detail?id=4118 - var test1 = new String('abc'); // eslint-disable-line no-new-wrappers - test1[5] = 'de'; - if (Object.getOwnPropertyNames(test1)[0] === '5') { - return false; - } - - // https://bugs.chromium.org/p/v8/issues/detail?id=3056 - var test2 = {}; - for (var i = 0; i < 10; i++) { - test2['_' + String.fromCharCode(i)] = i; - } - var order2 = Object.getOwnPropertyNames(test2).map(function (n) { - return test2[n]; - }); - if (order2.join('') !== '0123456789') { - return false; - } - - // https://bugs.chromium.org/p/v8/issues/detail?id=3056 - var test3 = {}; - 'abcdefghijklmnopqrst'.split('').forEach(function (letter) { - test3[letter] = letter; - }); - if (Object.keys(Object.assign({}, test3)).join('') !== - 'abcdefghijklmnopqrst') { - return false; - } - - return true; - } catch (err) { - // We don't expect any of the above to throw, but better to be safe. - return false; - } - } - - objectAssign = shouldUseNative() ? Object.assign : function (target, source) { - var from; - var to = toObject(target); - var symbols; - - for (var s = 1; s < arguments.length; s++) { - from = Object(arguments[s]); - - for (var key in from) { - if (hasOwnProperty.call(from, key)) { - to[key] = from[key]; - } - } - - if (getOwnPropertySymbols) { - symbols = getOwnPropertySymbols(from); - for (var i = 0; i < symbols.length; i++) { - if (propIsEnumerable.call(from, symbols[i])) { - to[symbols[i]] = from[symbols[i]]; - } - } - } - } - - return to; - }; - return objectAssign; -} - var react = {exports: {}}; var react_production_min = {}; -/** @license React v17.0.2 +/** + * @license React * react.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. @@ -139,21 +42,23 @@ var hasRequiredReact_production_min; function requireReact_production_min () { if (hasRequiredReact_production_min) return react_production_min; hasRequiredReact_production_min = 1; -var l=requireObjectAssign(),n=60103,p=60106;react_production_min.Fragment=60107;react_production_min.StrictMode=60108;react_production_min.Profiler=60114;var q=60109,r=60110,t=60112;react_production_min.Suspense=60113;var u=60115,v=60116; - if("function"===typeof Symbol&&Symbol.for){var w=Symbol.for;n=w("react.element");p=w("react.portal");react_production_min.Fragment=w("react.fragment");react_production_min.StrictMode=w("react.strict_mode");react_production_min.Profiler=w("react.profiler");q=w("react.provider");r=w("react.context");t=w("react.forward_ref");react_production_min.Suspense=w("react.suspense");u=w("react.memo");v=w("react.lazy");}var x="function"===typeof Symbol&&Symbol.iterator; - function y(a){if(null===a||"object"!==typeof a)return null;a=x&&a[x]||a["@@iterator"];return "function"===typeof a?a:null}function z(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c= - E};k=function(){};exports.unstable_forceFrameRate=function(a){0>a||125>>1,e=a[d];if(void 0!==e&&0I(n,c))void 0!==r&&0>I(r,n)?(a[d]=r,a[v]=c,d=v):(a[d]=n,a[m]=c,d=m);else if(void 0!==r&&0>I(r,c))a[d]=r,a[v]=c,d=v;else break a}}return b}return null}function I(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}var L=[],M=[],N=1,O=null,P=3,Q=!1,R=!1,S=!1; - function T(a){for(var b=J(M);null!==b;){if(null===b.callback)K(M);else if(b.startTime<=a)K(M),b.sortIndex=b.expirationTime,H(L,b);else break;b=J(M);}}function U(a){S=!1;T(a);if(!R)if(null!==J(L))R=!0,f(V);else {var b=J(M);null!==b&&g(U,b.startTime-a);}} - function V(a,b){R=!1;S&&(S=!1,h());Q=!0;var c=P;try{T(b);for(O=J(L);null!==O&&(!(O.expirationTime>b)||a&&!exports.unstable_shouldYield());){var d=O.callback;if("function"===typeof d){O.callback=null;P=O.priorityLevel;var e=d(O.expirationTime<=b);b=exports.unstable_now();"function"===typeof e?O.callback=e:O===J(L)&&K(L);T(b);}else K(L);O=J(L);}if(null!==O)var m=!0;else {var n=J(M);null!==n&&g(U,n.startTime-b);m=!1;}return m}finally{O=null,P=c,Q=!1;}}var W=k;exports.unstable_IdlePriority=5; - exports.unstable_ImmediatePriority=1;exports.unstable_LowPriority=4;exports.unstable_NormalPriority=3;exports.unstable_Profiling=null;exports.unstable_UserBlockingPriority=2;exports.unstable_cancelCallback=function(a){a.callback=null;};exports.unstable_continueExecution=function(){R||Q||(R=!0,f(V));};exports.unstable_getCurrentPriorityLevel=function(){return P};exports.unstable_getFirstCallbackNode=function(){return J(L)}; - exports.unstable_next=function(a){switch(P){case 1:case 2:case 3:var b=3;break;default:b=P;}var c=P;P=b;try{return a()}finally{P=c;}};exports.unstable_pauseExecution=function(){};exports.unstable_requestPaint=W;exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3;}var c=P;P=a;try{return b()}finally{P=c;}}; - exports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();"object"===typeof c&&null!==c?(c=c.delay,c="number"===typeof c&&0d?(a.sortIndex=c,H(M,a),null===J(L)&&a===J(M)&&(S?h():S=!0,g(U,c-d))):(a.sortIndex=e,H(L,a),R||Q||(R=!0,f(V)));return a}; - exports.unstable_wrapCallback=function(a){var b=P;return function(){var c=P;P=b;try{return a.apply(this,arguments)}finally{P=c;}}}; +function f(a,b){var c=a.length;a.push(b);a:for(;0>>1,e=a[d];if(0>>1;dg(C,c))ng(x,C)?(a[d]=x,a[n]=c,d=n):(a[d]=C,a[m]=c,d=m);else if(ng(x,c))a[d]=x,a[n]=c,d=n;else break a}}return b} + function g(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}if("object"===typeof performance&&"function"===typeof performance.now){var l=performance;exports.unstable_now=function(){return l.now()};}else {var p=Date,q=p.now();exports.unstable_now=function(){return p.now()-q};}var r=[],t=[],u=1,v=null,y=3,z=!1,A=!1,B=!1,D="function"===typeof setTimeout?setTimeout:null,E="function"===typeof clearTimeout?clearTimeout:null,F="undefined"!==typeof setImmediate?setImmediate:null; + "undefined"!==typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function G(a){for(var b=h(t);null!==b;){if(null===b.callback)k(t);else if(b.startTime<=a)k(t),b.sortIndex=b.expirationTime,f(r,b);else break;b=h(t);}}function H(a){B=!1;G(a);if(!A)if(null!==h(r))A=!0,I(J);else {var b=h(t);null!==b&&K(H,b.startTime-a);}} + function J(a,b){A=!1;B&&(B=!1,E(L),L=-1);z=!0;var c=y;try{G(b);for(v=h(r);null!==v&&(!(v.expirationTime>b)||a&&!M());){var d=v.callback;if("function"===typeof d){v.callback=null;y=v.priorityLevel;var e=d(v.expirationTime<=b);b=exports.unstable_now();"function"===typeof e?v.callback=e:v===h(r)&&k(r);G(b);}else k(r);v=h(r);}if(null!==v)var w=!0;else {var m=h(t);null!==m&&K(H,m.startTime-b);w=!1;}return w}finally{v=null,y=c,z=!1;}}var N=!1,O=null,L=-1,P=5,Q=-1; + function M(){return exports.unstable_now()-Qa||125d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a}; + exports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c;}}}; } (scheduler_production_min)); return scheduler_production_min; } @@ -245,7 +150,8 @@ function requireScheduler () { return scheduler.exports; } -/** @license React v17.0.2 +/** + * @license React * react-dom.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. @@ -259,292 +165,316 @@ var hasRequiredReactDom_production_min; function requireReactDom_production_min () { if (hasRequiredReactDom_production_min) return reactDom_production_min; hasRequiredReactDom_production_min = 1; -var aa=reactExports,m=requireObjectAssign(),r=requireScheduler();function y(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;cb}return !1}function B(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;this.removeEmptyString=g;}var D={}; - "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){D[a]=new B(a,0,!1,a,null,!1,!1);});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];D[b]=new B(b,1,!1,a[1],null,!1,!1);});["contentEditable","draggable","spellCheck","value"].forEach(function(a){D[a]=new B(a,2,!1,a.toLowerCase(),null,!1,!1);}); - ["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){D[a]=new B(a,2,!1,a,null,!1,!1);});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){D[a]=new B(a,3,!1,a.toLowerCase(),null,!1,!1);}); - ["checked","multiple","muted","selected"].forEach(function(a){D[a]=new B(a,3,!0,a,null,!1,!1);});["capture","download"].forEach(function(a){D[a]=new B(a,4,!1,a,null,!1,!1);});["cols","rows","size","span"].forEach(function(a){D[a]=new B(a,6,!1,a,null,!1,!1);});["rowSpan","start"].forEach(function(a){D[a]=new B(a,5,!1,a.toLowerCase(),null,!1,!1);});var oa=/[\-:]([a-z])/g;function pa(a){return a[1].toUpperCase()} - "accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=a.replace(oa, - pa);D[b]=new B(b,1,!1,a,null,!1,!1);});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(oa,pa);D[b]=new B(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1);});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(oa,pa);D[b]=new B(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1);});["tabIndex","crossOrigin"].forEach(function(a){D[a]=new B(a,1,!1,a.toLowerCase(),null,!1,!1);}); - D.xlinkHref=new B("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){D[a]=new B(a,1,!1,a.toLowerCase(),null,!0,!0);}); - function qa(a,b,c,d){var e=D.hasOwnProperty(b)?D[b]:null;var f=null!==e?0===e.type:d?!1:!(2h||e[g]!==f[h])return "\n"+e[g].replace(" at new "," at ");while(1<=g&&0<=h)}break}}}finally{Oa=!1,Error.prepareStackTrace=c;}return (a=a?a.displayName||a.name:"")?Na(a):""} - function Qa(a){switch(a.tag){case 5:return Na(a.type);case 16:return Na("Lazy");case 13:return Na("Suspense");case 19:return Na("SuspenseList");case 0:case 2:case 15:return a=Pa(a.type,!1),a;case 11:return a=Pa(a.type.render,!1),a;case 22:return a=Pa(a.type._render,!1),a;case 1:return a=Pa(a.type,!0),a;default:return ""}} - function Ra(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ua:return "Fragment";case ta:return "Portal";case xa:return "Profiler";case wa:return "StrictMode";case Ba:return "Suspense";case Ca:return "SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return (a.displayName||"Context")+".Consumer";case ya:return (a._context.displayName||"Context")+".Provider";case Aa:var b=a.render;b=b.displayName||b.name||""; - return a.displayName||(""!==b?"ForwardRef("+b+")":"ForwardRef");case Da:return Ra(a.type);case Fa:return Ra(a._render);case Ea:b=a._payload;a=a._init;try{return Ra(a(b))}catch(c){}}return null}function Sa(a){switch(typeof a){case "boolean":case "number":case "object":case "string":case "undefined":return a;default:return ""}}function Ta(a){var b=a.type;return (a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)} +var aa=reactExports,ca=requireScheduler();function p(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;cb}return !1}function v(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;this.removeEmptyString=g;}var z={}; + "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){z[a]=new v(a,0,!1,a,null,!1,!1);});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];z[b]=new v(b,1,!1,a[1],null,!1,!1);});["contentEditable","draggable","spellCheck","value"].forEach(function(a){z[a]=new v(a,2,!1,a.toLowerCase(),null,!1,!1);}); + ["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){z[a]=new v(a,2,!1,a,null,!1,!1);});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){z[a]=new v(a,3,!1,a.toLowerCase(),null,!1,!1);}); + ["checked","multiple","muted","selected"].forEach(function(a){z[a]=new v(a,3,!0,a,null,!1,!1);});["capture","download"].forEach(function(a){z[a]=new v(a,4,!1,a,null,!1,!1);});["cols","rows","size","span"].forEach(function(a){z[a]=new v(a,6,!1,a,null,!1,!1);});["rowSpan","start"].forEach(function(a){z[a]=new v(a,5,!1,a.toLowerCase(),null,!1,!1);});var ra=/[\-:]([a-z])/g;function sa(a){return a[1].toUpperCase()} + "accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=a.replace(ra, + sa);z[b]=new v(b,1,!1,a,null,!1,!1);});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(ra,sa);z[b]=new v(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1);});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(ra,sa);z[b]=new v(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1);});["tabIndex","crossOrigin"].forEach(function(a){z[a]=new v(a,1,!1,a.toLowerCase(),null,!1,!1);}); + z.xlinkHref=new v("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){z[a]=new v(a,1,!1,a.toLowerCase(),null,!0,!0);}); + function ta(a,b,c,d){var e=z.hasOwnProperty(b)?z[b]:null;if(null!==e?0!==e.type:d||!(2h||e[g]!==f[h]){var k="\n"+e[g].replace(" at new "," at ");a.displayName&&k.includes("")&&(k=k.replace("",a.displayName));return k}while(1<=g&&0<=h)}break}}}finally{Na=!1,Error.prepareStackTrace=c;}return (a=a?a.displayName||a.name:"")?Ma(a):""} + function Pa(a){switch(a.tag){case 5:return Ma(a.type);case 16:return Ma("Lazy");case 13:return Ma("Suspense");case 19:return Ma("SuspenseList");case 0:case 2:case 15:return a=Oa(a.type,!1),a;case 11:return a=Oa(a.type.render,!1),a;case 1:return a=Oa(a.type,!0),a;default:return ""}} + function Qa(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ya:return "Fragment";case wa:return "Portal";case Aa:return "Profiler";case za:return "StrictMode";case Ea:return "Suspense";case Fa:return "SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ca:return (a.displayName||"Context")+".Consumer";case Ba:return (a._context.displayName||"Context")+".Provider";case Da:var b=a.render;a=a.displayName;a||(a=b.displayName|| + b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Ga:return b=a.displayName||null,null!==b?b:Qa(a.type)||"Memo";case Ha:b=a._payload;a=a._init;try{return Qa(a(b))}catch(c){}}return null} + function Ra(a){var b=a.type;switch(a.tag){case 24:return "Cache";case 9:return (b.displayName||"Context")+".Consumer";case 10:return (b._context.displayName||"Context")+".Provider";case 18:return "DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return "Fragment";case 5:return b;case 4:return "Portal";case 3:return "Root";case 6:return "Text";case 16:return Qa(b);case 8:return b===za?"StrictMode":"Mode";case 22:return "Offscreen"; + case 12:return "Profiler";case 21:return "Scope";case 13:return "Suspense";case 19:return "SuspenseList";case 25:return "TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function Sa(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return ""}} + function Ta(a){var b=a.type;return (a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)} function Ua(a){var b=Ta(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a;f.call(this,a);}});Object.defineProperty(a,b,{enumerable:c.enumerable});return {getValue:function(){return d},setValue:function(a){d=""+a;},stopTracking:function(){a._valueTracker= null;delete a[b];}}}}function Va(a){a._valueTracker||(a._valueTracker=Ua(a));}function Wa(a){if(!a)return !1;var b=a._valueTracker;if(!b)return !0;var c=b.getValue();var d="";a&&(d=Ta(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Xa(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}} - function Ya(a,b){var c=b.checked;return m({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function Za(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Sa(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value};}function $a(a,b){b=b.checked;null!=b&&qa(a,"checked",b,!1);} - function ab(a,b){$a(a,b);var c=Sa(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=c)a.value=""+c;}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?bb(a,b.type,c):b.hasOwnProperty("defaultValue")&&bb(a,b.type,Sa(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked);} - function cb(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b;}c=a.name;""!==c&&(a.name="");a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c);} - function bb(a,b,c){if("number"!==b||Xa(a.ownerDocument)!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c);}function db(a){var b="";aa.Children.forEach(a,function(a){null!=a&&(b+=a);});return b}function eb(a,b){a=m({children:void 0},b);if(b=db(b.children))a.children=b;return a} + function Ya(a,b){var c=b.checked;return A({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function Za(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Sa(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value};}function ab(a,b){b=b.checked;null!=b&&ta(a,"checked",b,!1);} + function bb(a,b){ab(a,b);var c=Sa(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=c)a.value=""+c;}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?cb(a,b.type,c):b.hasOwnProperty("defaultValue")&&cb(a,b.type,Sa(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked);} + function db(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b;}c=a.name;""!==c&&(a.name="");a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c);} + function cb(a,b,c){if("number"!==b||Xa(a.ownerDocument)!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c);}var eb=Array.isArray; function fb(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e=c.length))throw Error(y(93));c=c[0];}b=c;}null==b&&(b="");c=b;}a._wrapperState={initialValue:Sa(c)};} - function ib(a,b){var c=Sa(b.value),d=Sa(b.defaultValue);null!=c&&(c=""+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=""+d);}function jb(a){var b=a.textContent;b===a._wrapperState.initialValue&&""!==b&&null!==b&&(a.value=b);}var kb={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"}; - function lb(a){switch(a){case "svg":return "http://www.w3.org/2000/svg";case "math":return "http://www.w3.org/1998/Math/MathML";default:return "http://www.w3.org/1999/xhtml"}}function mb(a,b){return null==a||"http://www.w3.org/1999/xhtml"===a?lb(b):"http://www.w3.org/2000/svg"===a&&"foreignObject"===b?"http://www.w3.org/1999/xhtml":a} - var nb,ob=function(a){return "undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,c,d,e)});}:a}(function(a,b){if(a.namespaceURI!==kb.svg||"innerHTML"in a)a.innerHTML=b;else {nb=nb||document.createElement("div");nb.innerHTML=""+b.valueOf().toString()+"";for(b=nb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild);}}); - function pb(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b;} - var qb={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0, - floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},rb=["Webkit","ms","Moz","O"];Object.keys(qb).forEach(function(a){rb.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);qb[b]=qb[a];});});function sb(a,b,c){return null==b||"boolean"===typeof b||""===b?"":c||"number"!==typeof b||0===b||qb.hasOwnProperty(a)&&qb[a]?(""+b).trim():b+"px"} - function tb(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=sb(c,b[c],d);"float"===c&&(c="cssFloat");d?a.setProperty(c,e):a[c]=e;}}var ub=m({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0}); - function vb(a,b){if(b){if(ub[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(y(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(y(60));if(!("object"===typeof b.dangerouslySetInnerHTML&&"__html"in b.dangerouslySetInnerHTML))throw Error(y(61));}if(null!=b.style&&"object"!==typeof b.style)throw Error(y(62));}} - function wb(a,b){if(-1===a.indexOf("-"))return "string"===typeof b.is;switch(a){case "annotation-xml":case "color-profile":case "font-face":case "font-face-src":case "font-face-uri":case "font-face-format":case "font-face-name":case "missing-glyph":return !1;default:return !0}}function xb(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var yb=null,zb=null,Ab=null; - function Bb(a){if(a=Cb(a)){if("function"!==typeof yb)throw Error(y(280));var b=a.stateNode;b&&(b=Db(b),yb(a.stateNode,a.type,b));}}function Eb(a){zb?Ab?Ab.push(a):Ab=[a]:zb=a;}function Fb(){if(zb){var a=zb,b=Ab;Ab=zb=null;Bb(a);if(b)for(a=0;ad?0:1<c;c++)b.push(a);return b} - function $c(a,b,c){a.pendingLanes|=b;var d=b-1;a.suspendedLanes&=d;a.pingedLanes&=d;a=a.eventTimes;b=31-Vc(b);a[b]=c;}var Vc=Math.clz32?Math.clz32:ad,bd=Math.log,cd=Math.LN2;function ad(a){return 0===a?32:31-(bd(a)/cd|0)|0}var dd=r.unstable_UserBlockingPriority,ed=r.unstable_runWithPriority,fd=!0;function gd(a,b,c,d){Kb||Ib();var e=hd,f=Kb;Kb=!0;try{Hb(e,a,b,c,d);}finally{(Kb=f)||Mb();}}function id(a,b,c,d){ed(dd,hd.bind(null,a,b,c,d));} - function hd(a,b,c,d){if(fd){var e;if((e=0===(b&4))&&0"+b.valueOf().toString()+"";for(b=mb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild);}}); + function ob(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b;} + var pb={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0, + zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},qb=["Webkit","ms","Moz","O"];Object.keys(pb).forEach(function(a){qb.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);pb[b]=pb[a];});});function rb(a,b,c){return null==b||"boolean"===typeof b||""===b?"":c||"number"!==typeof b||0===b||pb.hasOwnProperty(a)&&pb[a]?(""+b).trim():b+"px"} + function sb(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=rb(c,b[c],d);"float"===c&&(c="cssFloat");d?a.setProperty(c,e):a[c]=e;}}var tb=A({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0}); + function ub(a,b){if(b){if(tb[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(p(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(p(60));if("object"!==typeof b.dangerouslySetInnerHTML||!("__html"in b.dangerouslySetInnerHTML))throw Error(p(61));}if(null!=b.style&&"object"!==typeof b.style)throw Error(p(62));}} + function vb(a,b){if(-1===a.indexOf("-"))return "string"===typeof b.is;switch(a){case "annotation-xml":case "color-profile":case "font-face":case "font-face-src":case "font-face-uri":case "font-face-format":case "font-face-name":case "missing-glyph":return !1;default:return !0}}var wb=null;function xb(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var yb=null,zb=null,Ab=null; + function Bb(a){if(a=Cb(a)){if("function"!==typeof yb)throw Error(p(280));var b=a.stateNode;b&&(b=Db(b),yb(a.stateNode,a.type,b));}}function Eb(a){zb?Ab?Ab.push(a):Ab=[a]:zb=a;}function Fb(){if(zb){var a=zb,b=Ab;Ab=zb=null;Bb(a);if(b)for(a=0;a>>=0;return 0===a?32:31-(pc(a)/qc|0)|0}var rc=64,sc=4194304; + function tc(a){switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return a&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824; + default:return a}}function uc(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes,f=a.pingedLanes,g=c&268435455;if(0!==g){var h=g&~e;0!==h?d=tc(h):(f&=g,0!==f&&(d=tc(f)));}else g=c&~e,0!==g?d=tc(g):0!==f&&(d=tc(f));if(0===d)return 0;if(0!==b&&b!==d&&0===(b&e)&&(e=d&-d,f=b&-b,e>=f||16===e&&0!==(f&4194240)))return b;0!==(d&4)&&(d|=c&16);b=a.entangledLanes;if(0!==b)for(a=a.entanglements,b&=d;0c;c++)b.push(a);return b} + function Ac(a,b,c){a.pendingLanes|=b;536870912!==b&&(a.suspendedLanes=0,a.pingedLanes=0);a=a.eventTimes;b=31-oc(b);a[b]=c;}function Bc(a,b){var c=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.mutableReadLanes&=b;a.entangledLanes&=b;b=a.entanglements;var d=a.eventTimes;for(a=a.expirationTimes;0=be),ee=String.fromCharCode(32),fe=!1; + var Qd=A({},ud,{key:function(a){if(a.key){var b=Md[a.key]||a.key;if("Unidentified"!==b)return b}return "keypress"===a.type?(a=od(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?Nd[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:zd,charCode:function(a){return "keypress"===a.type?od(a):0},keyCode:function(a){return "keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return "keypress"=== + a.type?od(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),Rd=rd(Qd),Sd=A({},Ad,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Td=rd(Sd),Ud=A({},ud,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:zd}),Vd=rd(Ud),Wd=A({},sd,{propertyName:0,elapsedTime:0,pseudoElement:0}),Xd=rd(Wd),Yd=A({},Ad,{deltaX:function(a){return "deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0}, + deltaY:function(a){return "deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),Zd=rd(Yd),$d=[9,13,27,32],ae=ia&&"CompositionEvent"in window,be=null;ia&&"documentMode"in document&&(be=document.documentMode);var ce=ia&&"TextEvent"in window&&!be,de=ia&&(!ae||be&&8=be),ee=String.fromCharCode(32),fe=!1; function ge(a,b){switch(a){case "keyup":return -1!==$d.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return !0;default:return !1}}function he(a){a=a.detail;return "object"===typeof a&&"data"in a?a.data:null}var ie=!1;function je(a,b){switch(a){case "compositionend":return he(b);case "keypress":if(32!==b.which)return null;fe=!0;return ee;case "textInput":return a=b.data,a===ee&&fe?null:a;default:return null}} function ke(a,b){if(ie)return "compositionend"===a||!ae&&ge(a,b)?(a=nd(),md=ld=kd=null,ie=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1=b)return {node:c,offset:b-a};a=d;}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode;}c=void 0;}c=Ke(c);}}function Me(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Me(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1} - function Ne(){for(var a=window,b=Xa();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href;}catch(d){c=!1;}if(c)a=b.contentWindow;else break;b=Xa(a.document);}return b}function Oe(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)} - var Pe=fa&&"documentMode"in document&&11>=document.documentMode,Qe=null,Re=null,Se=null,Te=!1; - function Ue(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Te||null==Qe||Qe!==Xa(d)||(d=Qe,"selectionStart"in d&&Oe(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Se&&Je(Se,d)||(Se=d,d=oe(Re,"onSelect"),0Af||(a.current=zf[Af],zf[Af]=null,Af--);}function I(a,b){Af++;zf[Af]=a.current;a.current=b;}var Cf={},M=Bf(Cf),N=Bf(!1),Df=Cf; - function Ef(a,b){var c=a.type.contextTypes;if(!c)return Cf;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function Ff(a){a=a.childContextTypes;return null!==a&&void 0!==a}function Gf(){H(N);H(M);}function Hf(a,b,c){if(M.current!==Cf)throw Error(y(168));I(M,b);I(N,c);} - function If(a,b,c){var d=a.stateNode;a=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in a))throw Error(y(108,Ra(b)||"Unknown",e));return m({},c,d)}function Jf(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Cf;Df=M.current;I(M,a);I(N,N.current);return !0}function Kf(a,b,c){var d=a.stateNode;if(!d)throw Error(y(169));c?(a=If(a,b,Df),d.__reactInternalMemoizedMergedChildContext=a,H(N),H(M),I(M,a)):H(N);I(N,c);} - var Lf=null,Mf=null,Nf=r.unstable_runWithPriority,Of=r.unstable_scheduleCallback,Pf=r.unstable_cancelCallback,Qf=r.unstable_shouldYield,Rf=r.unstable_requestPaint,Sf=r.unstable_now,Tf=r.unstable_getCurrentPriorityLevel,Uf=r.unstable_ImmediatePriority,Vf=r.unstable_UserBlockingPriority,Wf=r.unstable_NormalPriority,Xf=r.unstable_LowPriority,Yf=r.unstable_IdlePriority,Zf={},$f=void 0!==Rf?Rf:function(){},ag=null,bg=null,cg=!1,dg=Sf(),O=1E4>dg?Sf:function(){return Sf()-dg}; - function eg(){switch(Tf()){case Uf:return 99;case Vf:return 98;case Wf:return 97;case Xf:return 96;case Yf:return 95;default:throw Error(y(332));}}function fg(a){switch(a){case 99:return Uf;case 98:return Vf;case 97:return Wf;case 96:return Xf;case 95:return Yf;default:throw Error(y(332));}}function gg(a,b){a=fg(a);return Nf(a,b)}function hg(a,b,c){a=fg(a);return Of(a,b,c)}function ig(){if(null!==bg){var a=bg;bg=null;Pf(a);}jg();} - function jg(){if(!cg&&null!==ag){cg=!0;var a=0;try{var b=ag;gg(99,function(){for(;a=b)return {node:c,offset:b-a};a=d;}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode;}c=void 0;}c=Je(c);}}function Le(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Le(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1} + function Me(){for(var a=window,b=Xa();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href;}catch(d){c=!1;}if(c)a=b.contentWindow;else break;b=Xa(a.document);}return b}function Ne(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)} + function Oe(a){var b=Me(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&Le(c.ownerDocument.documentElement,c)){if(null!==d&&Ne(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=Ke(c,f);var g=Ke(c, + d);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),a.addRange(b)));}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});"function"===typeof c.focus&&c.focus();for(c=0;c=document.documentMode,Qe=null,Re=null,Se=null,Te=!1; + function Ue(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Te||null==Qe||Qe!==Xa(d)||(d=Qe,"selectionStart"in d&&Ne(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Se&&Ie(Se,d)||(Se=d,d=oe(Re,"onSelect"),0Tf||(a.current=Sf[Tf],Sf[Tf]=null,Tf--);}function G(a,b){Tf++;Sf[Tf]=a.current;a.current=b;}var Vf={},H=Uf(Vf),Wf=Uf(!1),Xf=Vf;function Yf(a,b){var c=a.type.contextTypes;if(!c)return Vf;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e} + function Zf(a){a=a.childContextTypes;return null!==a&&void 0!==a}function $f(){E(Wf);E(H);}function ag(a,b,c){if(H.current!==Vf)throw Error(p(168));G(H,b);G(Wf,c);}function bg(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(p(108,Ra(a)||"Unknown",e));return A({},c,d)} + function cg(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Vf;Xf=H.current;G(H,a);G(Wf,Wf.current);return !0}function dg(a,b,c){var d=a.stateNode;if(!d)throw Error(p(169));c?(a=bg(a,b,Xf),d.__reactInternalMemoizedMergedChildContext=a,E(Wf),E(H),G(H,a)):E(Wf);G(Wf,c);}var eg=null,fg=!1,gg=!1;function hg(a){null===eg?eg=[a]:eg.push(a);}function ig(a){fg=!0;hg(a);} + function jg(){if(!gg&&null!==eg){gg=!0;var a=0,b=C;try{var c=eg;for(C=1;a>=g;e-=g;rg=1<<32-oc(b)+e|c<z?(q=u,u=null):q=u.sibling;var n=p(e,u,h[z],k);if(null===n){null===u&&(u=q);break}a&&u&&null=== - n.alternate&&b(e,u);g=f(n,g,z);null===t?l=n:t.sibling=n;t=n;u=q;}if(z===h.length)return c(e,u),l;if(null===u){for(;zz?(q=u,u=null):q=u.sibling;var w=p(e,u,n.value,k);if(null===w){null===u&&(u=q);break}a&&u&&null===w.alternate&&b(e,u);g=f(w,g,z);null===t?l=w:t.sibling=w;t=w;u=q;}if(n.done)return c(e,u),l;if(null===u){for(;!n.done;z++,n=h.next())n=A(e,n.value,k),null!==n&&(g=f(n,g,z),null===t?l=n:t.sibling=n,t=n);return l}for(u=d(e,u);!n.done;z++,n=h.next())n=C(u,e,z,n.value,k),null!==n&&(a&&null!==n.alternate&& - u.delete(null===n.key?z:n.key),g=f(n,g,z),null===t?l=n:t.sibling=n,t=n);a&&u.forEach(function(a){return b(e,a)});return l}return function(a,d,f,h){var k="object"===typeof f&&null!==f&&f.type===ua&&null===f.key;k&&(f=f.props.children);var l="object"===typeof f&&null!==f;if(l)switch(f.$$typeof){case sa:a:{l=f.key;for(k=d;null!==k;){if(k.key===l){switch(k.tag){case 7:if(f.type===ua){c(a,k.sibling);d=e(k,f.props.children);d.return=a;a=d;break a}break;default:if(k.elementType===f.type){c(a,k.sibling); - d=e(k,f.props);d.ref=Qg(a,k,f);d.return=a;a=d;break a}}c(a,k);break}else b(a,k);k=k.sibling;}f.type===ua?(d=Xg(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=Vg(f.type,f.key,f.props,null,a.mode,h),h.ref=Qg(a,d,f),h.return=a,a=h);}return g(a);case ta:a:{for(k=f.key;null!==d;){if(d.key===k)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else {c(a,d);break}else b(a,d);d=d.sibling;}d= - Wg(f,a.mode,h);d.return=a;a=d;}return g(a)}if("string"===typeof f||"number"===typeof f)return f=""+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d):(c(a,d),d=Ug(f,a.mode,h),d.return=a,a=d),g(a);if(Pg(f))return x(a,d,f,h);if(La(f))return w(a,d,f,h);l&&Rg(a,f);if("undefined"===typeof f&&!k)switch(a.tag){case 1:case 22:case 0:case 11:case 15:throw Error(y(152,Ra(a.type)||"Component"));}return c(a,d)}}var Yg=Sg(!0),Zg=Sg(!1),$g={},ah=Bf($g),bh=Bf($g),ch=Bf($g); - function dh(a){if(a===$g)throw Error(y(174));return a}function eh(a,b){I(ch,b);I(bh,a);I(ah,$g);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:mb(null,"");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=mb(b,a);}H(ah);I(ah,b);}function fh(){H(ah);H(bh);H(ch);}function gh(a){dh(ch.current);var b=dh(ah.current);var c=mb(b,a.type);b!==c&&(I(bh,a),I(ah,c));}function hh(a){bh.current===a&&(H(ah),H(bh));}var P=Bf(0); - function ih(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&64))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return;}b.sibling.return=b.return;b=b.sibling;}return null}var jh=null,kh=null,lh=!1; - function mh(a,b){var c=nh(5,null,null,0);c.elementType="DELETED";c.type="DELETED";c.stateNode=b;c.return=a;c.flags=8;null!==a.lastEffect?(a.lastEffect.nextEffect=c,a.lastEffect=c):a.firstEffect=a.lastEffect=c;}function oh(a,b){switch(a.tag){case 5:var c=a.type;b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b;return null!==b?(a.stateNode=b,!0):!1;case 6:return b=""===a.pendingProps||3!==b.nodeType?null:b,null!==b?(a.stateNode=b,!0):!1;case 13:return !1;default:return !1}} - function ph(a){if(lh){var b=kh;if(b){var c=b;if(!oh(a,b)){b=rf(c.nextSibling);if(!b||!oh(a,b)){a.flags=a.flags&-1025|2;lh=!1;jh=a;return}mh(jh,c);}jh=a;kh=rf(b.firstChild);}else a.flags=a.flags&-1025|2,lh=!1,jh=a;}}function qh(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag&&13!==a.tag;)a=a.return;jh=a;} - function rh(a){if(a!==jh)return !1;if(!lh)return qh(a),lh=!0,!1;var b=a.type;if(5!==a.tag||"head"!==b&&"body"!==b&&!nf(b,a.memoizedProps))for(b=kh;b;)mh(a,b),b=rf(b.nextSibling);qh(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(y(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType){var c=a.data;if("/$"===c){if(0===b){kh=rf(a.nextSibling);break a}b--;}else "$"!==c&&"$!"!==c&&"$?"!==c||b++;}a=a.nextSibling;}kh=null;}}else kh=jh?rf(a.stateNode.nextSibling):null;return !0} - function sh(){kh=jh=null;lh=!1;}var th=[];function uh(){for(var a=0;af))throw Error(y(301));f+=1;T=S=null;b.updateQueue=null;vh.current=Fh;a=c(d,e);}while(zh)}vh.current=Gh;b=null!==S&&null!==S.next;xh=0;T=S=R=null;yh=!1;if(b)throw Error(y(300));return a}function Hh(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===T?R.memoizedState=T=a:T=T.next=a;return T} - function Ih(){if(null===S){var a=R.alternate;a=null!==a?a.memoizedState:null;}else a=S.next;var b=null===T?R.memoizedState:T.next;if(null!==b)T=b,S=a;else {if(null===a)throw Error(y(310));S=a;a={memoizedState:S.memoizedState,baseState:S.baseState,baseQueue:S.baseQueue,queue:S.queue,next:null};null===T?R.memoizedState=T=a:T=T.next=a;}return T}function Jh(a,b){return "function"===typeof b?b(a):b} - function Kh(a){var b=Ih(),c=b.queue;if(null===c)throw Error(y(311));c.lastRenderedReducer=a;var d=S,e=d.baseQueue,f=c.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g;}d.baseQueue=e=f;c.pending=null;}if(null!==e){e=e.next;d=d.baseState;var h=g=f=null,k=e;do{var l=k.lane;if((xh&l)===l)null!==h&&(h=h.next={lane:0,action:k.action,eagerReducer:k.eagerReducer,eagerState:k.eagerState,next:null}),d=k.eagerReducer===a?k.eagerState:a(d,k.action);else {var n={lane:l,action:k.action,eagerReducer:k.eagerReducer, - eagerState:k.eagerState,next:null};null===h?(g=h=n,f=d):h=h.next=n;R.lanes|=l;Dg|=l;}k=k.next;}while(null!==k&&k!==e);null===h?f=d:h.next=g;He(d,b.memoizedState)||(ug=!0);b.memoizedState=d;b.baseState=f;b.baseQueue=h;c.lastRenderedState=d;}return [b.memoizedState,c.dispatch]} - function Lh(a){var b=Ih(),c=b.queue;if(null===c)throw Error(y(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);He(f,b.memoizedState)||(ug=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f;}return [f,d]} - function Mh(a,b,c){var d=b._getVersion;d=d(b._source);var e=b._workInProgressVersionPrimary;if(null!==e)a=e===d;else if(a=a.mutableReadLanes,a=(xh&a)===a)b._workInProgressVersionPrimary=d,th.push(b);if(a)return c(b._source);th.push(b);throw Error(y(350));} - function Nh(a,b,c,d){var e=U;if(null===e)throw Error(y(349));var f=b._getVersion,g=f(b._source),h=vh.current,k=h.useState(function(){return Mh(e,b,c)}),l=k[1],n=k[0];k=T;var A=a.memoizedState,p=A.refs,C=p.getSnapshot,x=A.source;A=A.subscribe;var w=R;a.memoizedState={refs:p,source:b,subscribe:d};h.useEffect(function(){p.getSnapshot=c;p.setSnapshot=l;var a=f(b._source);if(!He(g,a)){a=c(b._source);He(n,a)||(l(a),a=Ig(w),e.mutableReadLanes|=a&e.pendingLanes);a=e.mutableReadLanes;e.entangledLanes|=a;for(var d= - e.entanglements,h=a;0c?98:c,function(){a(!0);});gg(97\x3c/script>",a=a.removeChild(a.firstChild)):"string"===typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),"select"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c);a[wf]=b;a[xf]=d;Bi(a,b,!1,!1);b.stateNode=a;g=wb(c,d);switch(c){case "dialog":G("cancel",a);G("close",a); - e=d;break;case "iframe":case "object":case "embed":G("load",a);e=d;break;case "video":case "audio":for(e=0;eJi&&(b.flags|=64,f=!0,Fi(d,!1),b.lanes=33554432);}else {if(!f)if(a=ih(g),null!==a){if(b.flags|=64,f=!0,c=a.updateQueue,null!==c&&(b.updateQueue=c,b.flags|=4),Fi(d,!0),null===d.tail&&"hidden"===d.tailMode&&!g.alternate&&!lh)return b=b.lastEffect=d.lastEffect,null!==b&&(b.nextEffect=null),null}else 2*O()-d.renderingStartTime>Ji&&1073741824!==c&&(b.flags|= - 64,f=!0,Fi(d,!1),b.lanes=33554432);d.isBackwards?(g.sibling=b.child,b.child=g):(c=d.last,null!==c?c.sibling=g:b.child=g,d.last=g);}return null!==d.tail?(c=d.tail,d.rendering=c,d.tail=c.sibling,d.lastEffect=b.lastEffect,d.renderingStartTime=O(),c.sibling=null,b=P.current,I(P,f?b&1|2:b&1),c):null;case 23:case 24:return Ki(),null!==a&&null!==a.memoizedState!==(null!==b.memoizedState)&&"unstable-defer-without-hiding"!==d.mode&&(b.flags|=4),null}throw Error(y(156,b.tag));} - function Li(a){switch(a.tag){case 1:Ff(a.type)&&Gf();var b=a.flags;return b&4096?(a.flags=b&-4097|64,a):null;case 3:fh();H(N);H(M);uh();b=a.flags;if(0!==(b&64))throw Error(y(285));a.flags=b&-4097|64;return a;case 5:return hh(a),null;case 13:return H(P),b=a.flags,b&4096?(a.flags=b&-4097|64,a):null;case 19:return H(P),null;case 4:return fh(),null;case 10:return rg(a),null;case 23:case 24:return Ki(),null;default:return null}} - function Mi(a,b){try{var c="",d=b;do c+=Qa(d),d=d.return;while(d);var e=c;}catch(f){e="\nError generating stack: "+f.message+"\n"+f.stack;}return {value:a,source:b,stack:e}}function Ni(a,b){try{console.error(b.value);}catch(c){setTimeout(function(){throw c;});}}var Oi="function"===typeof WeakMap?WeakMap:Map;function Pi(a,b,c){c=zg(-1,c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Qi||(Qi=!0,Ri=d);Ni(a,b);};return c} - function Si(a,b,c){c=zg(-1,c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){Ni(a,b);return d(e)};}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){"function"!==typeof d&&(null===Ti?Ti=new Set([this]):Ti.add(this),Ni(a,b));var c=b.stack;this.componentDidCatch(b.value,{componentStack:null!==c?c:""});});return c}var Ui="function"===typeof WeakSet?WeakSet:Set; - function Vi(a){var b=a.ref;if(null!==b)if("function"===typeof b)try{b(null);}catch(c){Wi(a,c);}else b.current=null;}function Xi(a,b){switch(b.tag){case 0:case 11:case 15:case 22:return;case 1:if(b.flags&256&&null!==a){var c=a.memoizedProps,d=a.memoizedState;a=b.stateNode;b=a.getSnapshotBeforeUpdate(b.elementType===b.type?c:lg(b.type,c),d);a.__reactInternalSnapshotBeforeUpdate=b;}return;case 3:b.flags&256&&qf(b.stateNode.containerInfo);return;case 5:case 6:case 4:case 17:return}throw Error(y(163));} - function Yi(a,b,c){switch(c.tag){case 0:case 11:case 15:case 22:b=c.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){a=b=b.next;do{if(3===(a.tag&3)){var d=a.create;a.destroy=d();}a=a.next;}while(a!==b)}b=c.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){a=b=b.next;do{var e=a;d=e.next;e=e.tag;0!==(e&4)&&0!==(e&1)&&(Zi(c,a),$i(c,a));a=d;}while(a!==b)}return;case 1:a=c.stateNode;c.flags&4&&(null===b?a.componentDidMount():(d=c.elementType===c.type?b.memoizedProps:lg(c.type,b.memoizedProps),a.componentDidUpdate(d, - b.memoizedState,a.__reactInternalSnapshotBeforeUpdate)));b=c.updateQueue;null!==b&&Eg(c,b,a);return;case 3:b=c.updateQueue;if(null!==b){a=null;if(null!==c.child)switch(c.child.tag){case 5:a=c.child.stateNode;break;case 1:a=c.child.stateNode;}Eg(c,b,a);}return;case 5:a=c.stateNode;null===b&&c.flags&4&&mf(c.type,c.memoizedProps)&&a.focus();return;case 6:return;case 4:return;case 12:return;case 13:null===c.memoizedState&&(c=c.alternate,null!==c&&(c=c.memoizedState,null!==c&&(c=c.dehydrated,null!==c&&Cc(c)))); - return;case 19:case 17:case 20:case 21:case 23:case 24:return}throw Error(y(163));} - function aj(a,b){for(var c=a;;){if(5===c.tag){var d=c.stateNode;if(b)d=d.style,"function"===typeof d.setProperty?d.setProperty("display","none","important"):d.display="none";else {d=c.stateNode;var e=c.memoizedProps.style;e=void 0!==e&&null!==e&&e.hasOwnProperty("display")?e.display:null;d.style.display=sb("display",e);}}else if(6===c.tag)c.stateNode.nodeValue=b?"":c.memoizedProps;else if((23!==c.tag&&24!==c.tag||null===c.memoizedState||c===a)&&null!==c.child){c.child.return=c;c=c.child;continue}if(c=== - a)break;for(;null===c.sibling;){if(null===c.return||c.return===a)return;c=c.return;}c.sibling.return=c.return;c=c.sibling;}} - function bj(a,b){if(Mf&&"function"===typeof Mf.onCommitFiberUnmount)try{Mf.onCommitFiberUnmount(Lf,b);}catch(f){}switch(b.tag){case 0:case 11:case 14:case 15:case 22:a=b.updateQueue;if(null!==a&&(a=a.lastEffect,null!==a)){var c=a=a.next;do{var d=c,e=d.destroy;d=d.tag;if(void 0!==e)if(0!==(d&4))Zi(b,c);else {d=b;try{e();}catch(f){Wi(d,f);}}c=c.next;}while(c!==a)}break;case 1:Vi(b);a=b.stateNode;if("function"===typeof a.componentWillUnmount)try{a.props=b.memoizedProps,a.state=b.memoizedState,a.componentWillUnmount();}catch(f){Wi(b, - f);}break;case 5:Vi(b);break;case 4:cj(a,b);}}function dj(a){a.alternate=null;a.child=null;a.dependencies=null;a.firstEffect=null;a.lastEffect=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.return=null;a.updateQueue=null;}function ej(a){return 5===a.tag||3===a.tag||4===a.tag} - function fj(a){a:{for(var b=a.return;null!==b;){if(ej(b))break a;b=b.return;}throw Error(y(160));}var c=b;b=c.stateNode;switch(c.tag){case 5:var d=!1;break;case 3:b=b.containerInfo;d=!0;break;case 4:b=b.containerInfo;d=!0;break;default:throw Error(y(161));}c.flags&16&&(pb(b,""),c.flags&=-17);a:b:for(c=a;;){for(;null===c.sibling;){if(null===c.return||ej(c.return)){c=null;break a}c=c.return;}c.sibling.return=c.return;for(c=c.sibling;5!==c.tag&&6!==c.tag&&18!==c.tag;){if(c.flags&2)continue b;if(null=== - c.child||4===c.tag)continue b;else c.child.return=c,c=c.child;}if(!(c.flags&2)){c=c.stateNode;break a}}d?gj(a,c,b):hj(a,c,b);} - function gj(a,b,c){var d=a.tag,e=5===d||6===d;if(e)a=e?a.stateNode:a.stateNode.instance,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=jf));else if(4!==d&&(a=a.child,null!==a))for(gj(a,b,c),a=a.sibling;null!==a;)gj(a,b,c),a=a.sibling;} - function hj(a,b,c){var d=a.tag,e=5===d||6===d;if(e)a=e?a.stateNode:a.stateNode.instance,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&(a=a.child,null!==a))for(hj(a,b,c),a=a.sibling;null!==a;)hj(a,b,c),a=a.sibling;} - function cj(a,b){for(var c=b,d=!1,e,f;;){if(!d){d=c.return;a:for(;;){if(null===d)throw Error(y(160));e=d.stateNode;switch(d.tag){case 5:f=!1;break a;case 3:e=e.containerInfo;f=!0;break a;case 4:e=e.containerInfo;f=!0;break a}d=d.return;}d=!0;}if(5===c.tag||6===c.tag){a:for(var g=a,h=c,k=h;;)if(bj(g,k),null!==k.child&&4!==k.tag)k.child.return=k,k=k.child;else {if(k===h)break a;for(;null===k.sibling;){if(null===k.return||k.return===h)break a;k=k.return;}k.sibling.return=k.return;k=k.sibling;}f?(g=e,h=c.stateNode, - 8===g.nodeType?g.parentNode.removeChild(h):g.removeChild(h)):e.removeChild(c.stateNode);}else if(4===c.tag){if(null!==c.child){e=c.stateNode.containerInfo;f=!0;c.child.return=c;c=c.child;continue}}else if(bj(a,c),null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return;4===c.tag&&(d=!1);}c.sibling.return=c.return;c=c.sibling;}} - function ij(a,b){switch(b.tag){case 0:case 11:case 14:case 15:case 22:var c=b.updateQueue;c=null!==c?c.lastEffect:null;if(null!==c){var d=c=c.next;do 3===(d.tag&3)&&(a=d.destroy,d.destroy=void 0,void 0!==a&&a()),d=d.next;while(d!==c)}return;case 1:return;case 5:c=b.stateNode;if(null!=c){d=b.memoizedProps;var e=null!==a?a.memoizedProps:d;a=b.type;var f=b.updateQueue;b.updateQueue=null;if(null!==f){c[xf]=d;"input"===a&&"radio"===d.type&&null!=d.name&&$a(c,d);wb(a,e);b=wb(a,d);for(e=0;ee&&(e=g);c&=~f;}c=e;c=O()-c;c=(120>c?120:480>c?480:1080>c?1080:1920>c?1920:3E3>c?3E3:4320> - c?4320:1960*nj(c/1960))-c;if(10 component higher in the tree to provide a loading indicator or placeholder to display.");}5!==V&&(V=2);k=Mi(k,h);p= - g;do{switch(p.tag){case 3:f=k;p.flags|=4096;b&=-b;p.lanes|=b;var J=Pi(p,f,b);Bg(p,J);break a;case 1:f=k;var K=p.type,Q=p.stateNode;if(0===(p.flags&64)&&("function"===typeof K.getDerivedStateFromError||null!==Q&&"function"===typeof Q.componentDidCatch&&(null===Ti||!Ti.has(Q)))){p.flags|=4096;b&=-b;p.lanes|=b;var L=Si(p,f,b);Bg(p,L);break a}}p=p.return;}while(null!==p)}Zj(c);}catch(va){b=va;Y===c&&null!==c&&(Y=c=c.return);continue}break}while(1)} - function Pj(){var a=oj.current;oj.current=Gh;return null===a?Gh:a}function Tj(a,b){var c=X;X|=16;var d=Pj();U===a&&W===b||Qj(a,b);do try{ak();break}catch(e){Sj(a,e);}while(1);qg();X=c;oj.current=d;if(null!==Y)throw Error(y(261));U=null;W=0;return V}function ak(){for(;null!==Y;)bk(Y);}function Rj(){for(;null!==Y&&!Qf();)bk(Y);}function bk(a){var b=ck(a.alternate,a,qj);a.memoizedProps=a.pendingProps;null===b?Zj(a):Y=b;pj.current=null;} - function Zj(a){var b=a;do{var c=b.alternate;a=b.return;if(0===(b.flags&2048)){c=Gi(c,b,qj);if(null!==c){Y=c;return}c=b;if(24!==c.tag&&23!==c.tag||null===c.memoizedState||0!==(qj&1073741824)||0===(c.mode&4)){for(var d=0,e=c.child;null!==e;)d|=e.lanes|e.childLanes,e=e.sibling;c.childLanes=d;}null!==a&&0===(a.flags&2048)&&(null===a.firstEffect&&(a.firstEffect=b.firstEffect),null!==b.lastEffect&&(null!==a.lastEffect&&(a.lastEffect.nextEffect=b.firstEffect),a.lastEffect=b.lastEffect),1g&&(h=g,g=J,J=h),h=Le(t,J),f=Le(t,g),h&&f&&(1!==v.rangeCount||v.anchorNode!==h.node||v.anchorOffset!==h.offset||v.focusNode!==f.node||v.focusOffset!==f.offset)&&(q=q.createRange(),q.setStart(h.node,h.offset),v.removeAllRanges(),J>g?(v.addRange(q),v.extend(f.node,f.offset)):(q.setEnd(f.node,f.offset),v.addRange(q))))));q=[];for(v=t;v=v.parentNode;)1===v.nodeType&&q.push({element:v,left:v.scrollLeft,top:v.scrollTop});"function"===typeof t.focus&&t.focus();for(t= - 0;tO()-jj?Qj(a,0):uj|=c);Mj(a,b);}function lj(a,b){var c=a.stateNode;null!==c&&c.delete(b);b=0;0===b&&(b=a.mode,0===(b&2)?b=1:0===(b&4)?b=99===eg()?1:2:(0===Gj&&(Gj=tj),b=Yc(62914560&~Gj),0===b&&(b=4194304)));c=Hg();a=Kj(a,b);null!==a&&($c(a,b,c),Mj(a,c));}var ck; - ck=function(a,b,c){var d=b.lanes;if(null!==a)if(a.memoizedProps!==b.pendingProps||N.current)ug=!0;else if(0!==(c&d))ug=0!==(a.flags&16384)?!0:!1;else {ug=!1;switch(b.tag){case 3:ri(b);sh();break;case 5:gh(b);break;case 1:Ff(b.type)&&Jf(b);break;case 4:eh(b,b.stateNode.containerInfo);break;case 10:d=b.memoizedProps.value;var e=b.type._context;I(mg,e._currentValue);e._currentValue=d;break;case 13:if(null!==b.memoizedState){if(0!==(c&b.child.childLanes))return ti(a,b,c);I(P,P.current&1);b=hi(a,b,c);return null!== - b?b.sibling:null}I(P,P.current&1);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&64)){if(d)return Ai(a,b,c);b.flags|=64;}e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);I(P,P.current);if(d)break;else return null;case 23:case 24:return b.lanes=0,mi(a,b,c)}return hi(a,b,c)}else ug=!1;b.lanes=0;switch(b.tag){case 2:d=b.type;null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2);a=b.pendingProps;e=Ef(b,M.current);tg(b,c);e=Ch(null,b,d,a,e,c);b.flags|=1;if("object"=== - typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof){b.tag=1;b.memoizedState=null;b.updateQueue=null;if(Ff(d)){var f=!0;Jf(b);}else f=!1;b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null;xg(b);var g=d.getDerivedStateFromProps;"function"===typeof g&&Gg(b,d,g,a);e.updater=Kg;b.stateNode=e;e._reactInternals=b;Og(b,d,a,c);b=qi(null,b,d,!0,f,c);}else b.tag=0,fi(null,b,e,c),b=b.child;return b;case 16:e=b.elementType;a:{null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2); - a=b.pendingProps;f=e._init;e=f(e._payload);b.type=e;f=b.tag=hk(e);a=lg(e,a);switch(f){case 0:b=li(null,b,e,a,c);break a;case 1:b=pi(null,b,e,a,c);break a;case 11:b=gi(null,b,e,a,c);break a;case 14:b=ii(null,b,e,lg(e.type,a),d,c);break a}throw Error(y(306,e,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:lg(d,e),li(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:lg(d,e),pi(a,b,d,e,c);case 3:ri(b);d=b.updateQueue;if(null===a||null===d)throw Error(y(282)); - d=b.pendingProps;e=b.memoizedState;e=null!==e?e.element:null;yg(a,b);Cg(b,d,null,c);d=b.memoizedState.element;if(d===e)sh(),b=hi(a,b,c);else {e=b.stateNode;if(f=e.hydrate)kh=rf(b.stateNode.containerInfo.firstChild),jh=b,f=lh=!0;if(f){a=e.mutableSourceEagerHydrationData;if(null!=a)for(e=0;ew?(x=u,u=null):x=u.sibling;var n=r(e,u,h[w],k);if(null===n){null===u&&(u=x);break}a&&u&&null===n.alternate&&b(e,u);g=f(n,g,w);null===m?l=n:m.sibling=n;m=n;u=x;}if(w===h.length)return c(e,u),I&&tg(e,w),l;if(null===u){for(;ww?(x=m,m=null):x=m.sibling;var t=r(e,m,n.value,k);if(null===t){null===m&&(m=x);break}a&&m&&null===t.alternate&&b(e,m);g=f(t,g,w);null===u?l=t:u.sibling=t;u=t;m=x;}if(n.done)return c(e, + m),I&&tg(e,w),l;if(null===m){for(;!n.done;w++,n=h.next())n=q(e,n.value,k),null!==n&&(g=f(n,g,w),null===u?l=n:u.sibling=n,u=n);I&&tg(e,w);return l}for(m=d(e,m);!n.done;w++,n=h.next())n=y(m,e,w,n.value,k),null!==n&&(a&&null!==n.alternate&&m.delete(null===n.key?w:n.key),g=f(n,g,w),null===u?l=n:u.sibling=n,u=n);a&&m.forEach(function(a){return b(e,a)});I&&tg(e,w);return l}function J(a,d,f,h){"object"===typeof f&&null!==f&&f.type===ya&&null===f.key&&(f=f.props.children);if("object"===typeof f&&null!==f){switch(f.$$typeof){case va:a:{for(var k= + f.key,l=d;null!==l;){if(l.key===k){k=f.type;if(k===ya){if(7===l.tag){c(a,l.sibling);d=e(l,f.props.children);d.return=a;a=d;break a}}else if(l.elementType===k||"object"===typeof k&&null!==k&&k.$$typeof===Ha&&uh(k)===l.type){c(a,l.sibling);d=e(l,f.props);d.ref=sh(a,l,f);d.return=a;a=d;break a}c(a,l);break}else b(a,l);l=l.sibling;}f.type===ya?(d=Ah(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=yh(f.type,f.key,f.props,null,a.mode,h),h.ref=sh(a,d,f),h.return=a,a=h);}return g(a);case wa:a:{for(l=f.key;null!== + d;){if(d.key===l)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else {c(a,d);break}else b(a,d);d=d.sibling;}d=zh(f,a.mode,h);d.return=a;a=d;}return g(a);case Ha:return l=f._init,J(a,d,l(f._payload),h)}if(eb(f))return n(a,d,f,h);if(Ka(f))return t(a,d,f,h);th(a,f);}return "string"===typeof f&&""!==f||"number"===typeof f?(f=""+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d): + (c(a,d),d=xh(f,a.mode,h),d.return=a,a=d),g(a)):c(a,d)}return J}var Bh=vh(!0),Ch=vh(!1),Dh={},Eh=Uf(Dh),Fh=Uf(Dh),Gh=Uf(Dh);function Hh(a){if(a===Dh)throw Error(p(174));return a}function Ih(a,b){G(Gh,b);G(Fh,a);G(Eh,Dh);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:lb(null,"");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=lb(b,a);}E(Eh);G(Eh,b);}function Jh(){E(Eh);E(Fh);E(Gh);} + function Kh(a){Hh(Gh.current);var b=Hh(Eh.current);var c=lb(b,a.type);b!==c&&(G(Fh,a),G(Eh,c));}function Lh(a){Fh.current===a&&(E(Eh),E(Fh));}var M=Uf(0); + function Mh(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return;}b.sibling.return=b.return;b=b.sibling;}return null}var Nh=[]; + function Oh(){for(var a=0;ac?c:4;a(!0);var d=Qh.transition;Qh.transition={};try{a(!1),b();}finally{C=c,Qh.transition=d;}}function Fi(){return di().memoizedState} + function Gi(a,b,c){var d=lh(a);c={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(Hi(a))Ii(b,c);else if(c=Yg(a,b,c,d),null!==c){var e=L();mh(c,a,d,e);Ji(c,b,d);}} + function ri(a,b,c){var d=lh(a),e={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(Hi(a))Ii(b,e);else {var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(He(h,g)){var k=b.interleaved;null===k?(e.next=e,Xg(b)):(e.next=k.next,k.next=e);b.interleaved=e;return}}catch(l){}finally{}c=Yg(a,b,e,d);null!==c&&(e=L(),mh(c,a,d,e),Ji(c,b,d));}} + function Hi(a){var b=a.alternate;return a===N||null!==b&&b===N}function Ii(a,b){Th=Sh=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b;}function Ji(a,b,c){if(0!==(c&4194240)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Cc(a,c);}} + var ai={readContext:Vg,useCallback:Q,useContext:Q,useEffect:Q,useImperativeHandle:Q,useInsertionEffect:Q,useLayoutEffect:Q,useMemo:Q,useReducer:Q,useRef:Q,useState:Q,useDebugValue:Q,useDeferredValue:Q,useTransition:Q,useMutableSource:Q,useSyncExternalStore:Q,useId:Q,unstable_isNewReconciler:!1},Yh={readContext:Vg,useCallback:function(a,b){ci().memoizedState=[a,void 0===b?null:b];return a},useContext:Vg,useEffect:vi,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return ti(4194308, + 4,yi.bind(null,b,a),c)},useLayoutEffect:function(a,b){return ti(4194308,4,a,b)},useInsertionEffect:function(a,b){return ti(4,2,a,b)},useMemo:function(a,b){var c=ci();b=void 0===b?null:b;a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=ci();b=void 0!==c?c(b):b;d.memoizedState=d.baseState=b;a={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=Gi.bind(null,N,a);return [d.memoizedState,a]},useRef:function(a){var b= + ci();a={current:a};return b.memoizedState=a},useState:qi,useDebugValue:Ai,useDeferredValue:function(a){return ci().memoizedState=a},useTransition:function(){var a=qi(!1),b=a[0];a=Ei.bind(null,a[1]);ci().memoizedState=a;return [b,a]},useMutableSource:function(){},useSyncExternalStore:function(a,b,c){var d=N,e=ci();if(I){if(void 0===c)throw Error(p(407));c=c();}else {c=b();if(null===R)throw Error(p(349));0!==(Rh&30)||ni(d,b,c);}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;vi(ki.bind(null,d, + f,a),[a]);d.flags|=2048;li(9,mi.bind(null,d,f,c,b),void 0,null);return c},useId:function(){var a=ci(),b=R.identifierPrefix;if(I){var c=sg;var d=rg;c=(d&~(1<<32-oc(d)-1)).toString(32)+c;b=":"+b+"R"+c;c=Uh++;0\x3c/script>",a=a.removeChild(a.firstChild)): + "string"===typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),"select"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c);a[Of]=b;a[Pf]=d;Aj(a,b,!1,!1);b.stateNode=a;a:{g=vb(c,d);switch(c){case "dialog":D("cancel",a);D("close",a);e=d;break;case "iframe":case "object":case "embed":D("load",a);e=d;break;case "video":case "audio":for(e=0;eHj&&(b.flags|=128,d=!0,Ej(f,!1),b.lanes=4194304);}else {if(!d)if(a=Mh(g),null!==a){if(b.flags|=128,d=!0,c=a.updateQueue,null!==c&&(b.updateQueue=c,b.flags|=4),Ej(f,!0),null===f.tail&&"hidden"===f.tailMode&&!g.alternate&&!I)return S(b),null}else 2*B()-f.renderingStartTime>Hj&&1073741824!==c&&(b.flags|=128,d=!0,Ej(f,!1),b.lanes=4194304);f.isBackwards?(g.sibling=b.child,b.child=g):(c=f.last,null!==c?c.sibling=g:b.child=g,f.last=g);}if(null!==f.tail)return b=f.tail,f.rendering= + b,f.tail=b.sibling,f.renderingStartTime=B(),b.sibling=null,c=M.current,G(M,d?c&1|2:c&1),b;S(b);return null;case 22:case 23:return Ij(),d=null!==b.memoizedState,null!==a&&null!==a.memoizedState!==d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(gj&1073741824)&&(S(b),b.subtreeFlags&6&&(b.flags|=8192)):S(b),null;case 24:return null;case 25:return null}throw Error(p(156,b.tag));} + function Jj(a,b){wg(b);switch(b.tag){case 1:return Zf(b.type)&&$f(),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return Jh(),E(Wf),E(H),Oh(),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 5:return Lh(b),null;case 13:E(M);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(p(340));Ig();}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return E(M),null;case 4:return Jh(),null;case 10:return Rg(b.type._context),null;case 22:case 23:return Ij(), + null;case 24:return null;default:return null}}var Kj=!1,U=!1,Lj="function"===typeof WeakSet?WeakSet:Set,V=null;function Mj(a,b){var c=a.ref;if(null!==c)if("function"===typeof c)try{c(null);}catch(d){W(a,b,d);}else c.current=null;}function Nj(a,b,c){try{c();}catch(d){W(a,b,d);}}var Oj=!1; + function Pj(a,b){Cf=dd;a=Me();if(Ne(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType;}catch(F){c=null;break a}var g=0,h=-1,k=-1,l=0,m=0,q=a,r=null;b:for(;;){for(var y;;){q!==c||0!==e&&3!==q.nodeType||(h=g+e);q!==f||0!==d&&3!==q.nodeType||(k=g+d);3===q.nodeType&&(g+= + q.nodeValue.length);if(null===(y=q.firstChild))break;r=q;q=y;}for(;;){if(q===a)break b;r===c&&++l===e&&(h=g);r===f&&++m===d&&(k=g);if(null!==(y=q.nextSibling))break;q=r;r=q.parentNode;}q=y;}c=-1===h||-1===k?null:{start:h,end:k};}else c=null;}c=c||{start:0,end:0};}else c=null;Df={focusedElem:a,selectionRange:c};dd=!1;for(V=b;null!==V;)if(b=V,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,V=a;else for(;null!==V;){b=V;try{var n=b.alternate;if(0!==(b.flags&1024))switch(b.tag){case 0:case 11:case 15:break; + case 1:if(null!==n){var t=n.memoizedProps,J=n.memoizedState,x=b.stateNode,w=x.getSnapshotBeforeUpdate(b.elementType===b.type?t:Lg(b.type,t),J);x.__reactInternalSnapshotBeforeUpdate=w;}break;case 3:var u=b.stateNode.containerInfo;1===u.nodeType?u.textContent="":9===u.nodeType&&u.documentElement&&u.removeChild(u.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(p(163));}}catch(F){W(b,b.return,F);}a=b.sibling;if(null!==a){a.return=b.return;V=a;break}V=b.return;}n=Oj;Oj=!1;return n} + function Qj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.destroy;e.destroy=void 0;void 0!==f&&Nj(b,c,f);}e=e.next;}while(e!==d)}}function Rj(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create;c.destroy=d();}c=c.next;}while(c!==b)}}function Sj(a){var b=a.ref;if(null!==b){var c=a.stateNode;switch(a.tag){case 5:a=c;break;default:a=c;}"function"===typeof b?b(a):b.current=a;}} + function Tj(a){var b=a.alternate;null!==b&&(a.alternate=null,Tj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&(delete b[Of],delete b[Pf],delete b[of],delete b[Qf],delete b[Rf]));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null;}function Uj(a){return 5===a.tag||3===a.tag||4===a.tag} + function Vj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||Uj(a.return))return null;a=a.return;}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child;}if(!(a.flags&2))return a.stateNode}} + function Wj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=Bf));else if(4!==d&&(a=a.child,null!==a))for(Wj(a,b,c),a=a.sibling;null!==a;)Wj(a,b,c),a=a.sibling;} + function Xj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&(a=a.child,null!==a))for(Xj(a,b,c),a=a.sibling;null!==a;)Xj(a,b,c),a=a.sibling;}var X=null,Yj=!1;function Zj(a,b,c){for(c=c.child;null!==c;)ak(a,b,c),c=c.sibling;} + function ak(a,b,c){if(lc&&"function"===typeof lc.onCommitFiberUnmount)try{lc.onCommitFiberUnmount(kc,c);}catch(h){}switch(c.tag){case 5:U||Mj(c,b);case 6:var d=X,e=Yj;X=null;Zj(a,b,c);X=d;Yj=e;null!==X&&(Yj?(a=X,c=c.stateNode,8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):X.removeChild(c.stateNode));break;case 18:null!==X&&(Yj?(a=X,c=c.stateNode,8===a.nodeType?Kf(a.parentNode,c):1===a.nodeType&&Kf(a,c),bd(a)):Kf(X,c.stateNode));break;case 4:d=X;e=Yj;X=c.stateNode.containerInfo;Yj=!0; + Zj(a,b,c);X=d;Yj=e;break;case 0:case 11:case 14:case 15:if(!U&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e,g=f.destroy;f=f.tag;void 0!==g&&(0!==(f&2)?Nj(c,b,g):0!==(f&4)&&Nj(c,b,g));e=e.next;}while(e!==d)}Zj(a,b,c);break;case 1:if(!U&&(Mj(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{d.props=c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount();}catch(h){W(c,b,h);}Zj(a,b,c);break;case 21:Zj(a,b,c);break;case 22:c.mode&1?(U=(d=U)||null!== + c.memoizedState,Zj(a,b,c),U=d):Zj(a,b,c);break;default:Zj(a,b,c);}}function bk(a){var b=a.updateQueue;if(null!==b){a.updateQueue=null;var c=a.stateNode;null===c&&(c=a.stateNode=new Lj);b.forEach(function(b){var d=ck.bind(null,a,b);c.has(b)||(c.add(b),b.then(d,d));});}} + function dk(a,b){var c=b.deletions;if(null!==c)for(var d=0;de&&(e=g);d&=~f;}d=e;d=B()-d;d=(120>d?120:480>d?480:1080>d?1080:1920>d?1920:3E3>d?3E3:4320>d?4320:1960*mk(d/1960))-d;if(10a?16:a;if(null===xk)var d=!1;else {a=xk;xk=null;yk=0;if(0!==(K&6))throw Error(p(331));var e=K;K|=4;for(V=a.current;null!==V;){var f=V,g=f.child;if(0!==(V.flags&16)){var h=f.deletions;if(null!==h){for(var k=0;kB()-gk?Lk(a,0):sk|=c);Ek(a,b);}function Zk(a,b){0===b&&(0===(a.mode&1)?b=1:(b=sc,sc<<=1,0===(sc&130023424)&&(sc=4194304)));var c=L();a=Zg(a,b);null!==a&&(Ac(a,b,c),Ek(a,c));}function vj(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Zk(a,c);} + function ck(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;default:throw Error(p(314));}null!==d&&d.delete(b);Zk(a,c);}var Wk; + Wk=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||Wf.current)Ug=!0;else {if(0===(a.lanes&c)&&0===(b.flags&128))return Ug=!1,zj(a,b,c);Ug=0!==(a.flags&131072)?!0:!1;}else Ug=!1,I&&0!==(b.flags&1048576)&&ug(b,ng,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;jj(a,b);a=b.pendingProps;var e=Yf(b,H.current);Tg(b,c);e=Xh(null,b,d,a,e,c);var f=bi();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue= + null,Zf(d)?(f=!0,cg(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,ah(b),e.updater=nh,b.stateNode=e,e._reactInternals=b,rh(b,d,a,c),b=kj(null,b,d,!0,f,c)):(b.tag=0,I&&f&&vg(b),Yi(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{jj(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=$k(d);a=Lg(d,a);switch(e){case 0:b=dj(null,b,d,a,c);break a;case 1:b=ij(null,b,d,a,c);break a;case 11:b=Zi(null,b,d,a,c);break a;case 14:b=aj(null,b,d,Lg(d.type,a),c);break a}throw Error(p(306, + d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),dj(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),ij(a,b,d,e,c);case 3:a:{lj(b);if(null===a)throw Error(p(387));d=b.pendingProps;f=b.memoizedState;e=f.element;bh(a,b);gh(b,d,null,c);var g=b.memoizedState;d=g.element;if(f.isDehydrated)if(f={element:d,isDehydrated:!1,cache:g.cache,pendingSuspenseBoundaries:g.pendingSuspenseBoundaries,transitions:g.transitions},b.updateQueue.baseState= + f,b.memoizedState=f,b.flags&256){e=Ki(Error(p(423)),b);b=mj(a,b,d,c,e);break a}else if(d!==e){e=Ki(Error(p(424)),b);b=mj(a,b,d,c,e);break a}else for(yg=Lf(b.stateNode.containerInfo.firstChild),xg=b,I=!0,zg=null,c=Ch(b,null,d,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else {Ig();if(d===e){b=$i(a,b,c);break a}Yi(a,b,d,c);}b=b.child;}return b;case 5:return Kh(b),null===a&&Eg(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,Ef(d,e)?g=null:null!==f&&Ef(d,f)&&(b.flags|=32), + hj(a,b),Yi(a,b,g,c),b.child;case 6:return null===a&&Eg(b),null;case 13:return pj(a,b,c);case 4:return Ih(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Bh(b,null,d,c):Yi(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),Zi(a,b,d,e,c);case 7:return Yi(a,b,b.pendingProps,c),b.child;case 8:return Yi(a,b,b.pendingProps.children,c),b.child;case 12:return Yi(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps; + g=e.value;G(Mg,d._currentValue);d._currentValue=g;if(null!==f)if(He(f.value,g)){if(f.children===e.children&&!Wf.current){b=$i(a,b,c);break a}}else for(f=b.child,null!==f&&(f.return=b);null!==f;){var h=f.dependencies;if(null!==h){g=f.child;for(var k=h.firstContext;null!==k;){if(k.context===d){if(1===f.tag){k=ch(-1,c&-c);k.tag=2;var l=f.updateQueue;if(null!==l){l=l.shared;var m=l.pending;null===m?k.next=k:(k.next=m.next,m.next=k);l.pending=k;}}f.lanes|=c;k=f.alternate;null!==k&&(k.lanes|=c);Sg(f.return, + c,b);h.lanes|=c;break}k=k.next;}}else if(10===f.tag)g=f.type===b.type?null:f.child;else if(18===f.tag){g=f.return;if(null===g)throw Error(p(341));g.lanes|=c;h=g.alternate;null!==h&&(h.lanes|=c);Sg(g,c,b);g=f.sibling;}else g=f.child;if(null!==g)g.return=f;else for(g=f;null!==g;){if(g===b){g=null;break}f=g.sibling;if(null!==f){f.return=g.return;g=f;break}g=g.return;}f=g;}Yi(a,b,e.children,c);b=b.child;}return b;case 9:return e=b.type,d=b.pendingProps.children,Tg(b,c),e=Vg(e),d=d(e),b.flags|=1,Yi(a,b,d,c), + b.child;case 14:return d=b.type,e=Lg(d,b.pendingProps),e=Lg(d.type,e),aj(a,b,d,e,c);case 15:return cj(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),jj(a,b),b.tag=1,Zf(d)?(a=!0,cg(b)):a=!1,Tg(b,c),ph(b,d,e),rh(b,d,e,c),kj(null,b,d,!0,a,c);case 19:return yj(a,b,c);case 22:return ej(a,b,c)}throw Error(p(156,b.tag));};function Gk(a,b){return ac(a,b)} + function al(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null;}function Bg(a,b,c,d){return new al(a,b,c,d)}function bj(a){a=a.prototype;return !(!a||!a.isReactComponent)} + function $k(a){if("function"===typeof a)return bj(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===Da)return 11;if(a===Ga)return 14}return 2} + function wh(a,b){var c=a.alternate;null===c?(c=Bg(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&14680064;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext}; c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;return c} - function Vg(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)ji(a)&&(g=1);else if("string"===typeof a)g=5;else a:switch(a){case ua:return Xg(c.children,e,f,b);case Ha:g=8;e|=16;break;case wa:g=8;e|=1;break;case xa:return a=nh(12,c,b,e|8),a.elementType=xa,a.type=xa,a.lanes=f,a;case Ba:return a=nh(13,c,b,e),a.type=Ba,a.elementType=Ba,a.lanes=f,a;case Ca:return a=nh(19,c,b,e),a.elementType=Ca,a.lanes=f,a;case Ia:return vi(c,e,f,b);case Ja:return a=nh(24,c,b,e),a.elementType=Ja,a.lanes=f,a;default:if("object"=== - typeof a&&null!==a)switch(a.$$typeof){case ya:g=10;break a;case za:g=9;break a;case Aa:g=11;break a;case Da:g=14;break a;case Ea:g=16;d=null;break a;case Fa:g=22;break a}throw Error(y(130,null==a?a:typeof a,""));}b=nh(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function Xg(a,b,c,d){a=nh(7,a,d,b);a.lanes=c;return a}function vi(a,b,c,d){a=nh(23,a,d,b);a.elementType=Ia;a.lanes=c;return a}function Ug(a,b,c){a=nh(6,a,null,b);a.lanes=c;return a} - function Wg(a,b,c){b=nh(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b} - function jk(a,b,c){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.pendingContext=this.context=null;this.hydrate=c;this.callbackNode=null;this.callbackPriority=0;this.eventTimes=Zc(0);this.expirationTimes=Zc(-1);this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=Zc(0);this.mutableSourceEagerHydrationData=null;} - function kk(a,b,c){var d=3 { const COMPONENT_ID$K = 'forms.field'; const StyledField$1 = styled.div.attrs({ 'data-garden-id': COMPONENT_ID$K, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledField", componentId: "sc-12gzfsu-0" @@ -5510,7 +5412,7 @@ const COMPONENT_ID$J = 'forms.fieldset'; const StyledFieldset = styled(StyledField$1).attrs({ as: 'fieldset', 'data-garden-id': COMPONENT_ID$J, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledFieldset", componentId: "sc-1vr4mxv-0" @@ -5520,10 +5422,10 @@ StyledFieldset.defaultProps = { }; const COMPONENT_ID$I = 'forms.input_label'; -const StyledLabel$1 = styled.label.attrs({ - 'data-garden-id': COMPONENT_ID$I, - 'data-garden-version': '8.69.1' -}).withConfig({ +const StyledLabel$1 = styled.label.attrs(props => ({ + 'data-garden-id': props['data-garden-id'] || COMPONENT_ID$I, + 'data-garden-version': props['data-garden-version'] || '8.69.6' +})).withConfig({ displayName: "StyledLabel", componentId: "sc-2utmsz-0" })(["direction:", ";vertical-align:middle;line-height:", ";color:", ";font-size:", ";font-weight:", ";&[hidden]{display:", ";vertical-align:", ";text-indent:", ";font-size:", ";", ";}", ";"], props => props.theme.rtl && 'rtl', props => getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.theme.colors.foreground, props => props.theme.fontSizes.md, props => props.isRegular ? props.theme.fontWeights.regular : props.theme.fontWeights.semibold, props => props.isRadio ? 'inline-block' : 'inline', props => props.isRadio && 'top', props => props.isRadio && '-100%', props => props.isRadio && '0', props => !props.isRadio && hideVisually(), props => retrieveComponentStyles(COMPONENT_ID$I, props)); @@ -5535,7 +5437,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend'; const StyledLegend = styled(StyledLabel$1).attrs({ as: 'legend', 'data-garden-id': COMPONENT_ID$H, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledLegend", componentId: "sc-6s0zwq-0" @@ -5545,10 +5447,10 @@ StyledLegend.defaultProps = { }; const COMPONENT_ID$G = 'forms.input_hint'; -const StyledHint$1 = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$G, - 'data-garden-version': '8.69.1' -}).withConfig({ +const StyledHint$1 = styled.div.attrs(props => ({ + 'data-garden-id': props['data-garden-id'] || COMPONENT_ID$G, + 'data-garden-version': props['data-garden-version'] || '8.69.6' +})).withConfig({ displayName: "StyledHint", componentId: "sc-17c2wu8-0" })(["direction:", ";display:block;vertical-align:middle;line-height:", ";color:", ";font-size:", ";", ";"], props => props.theme.rtl && 'rtl', props => getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => getColor('neutralHue', 600, props.theme), props => props.theme.fontSizes.md, props => retrieveComponentStyles(COMPONENT_ID$G, props)); @@ -5652,7 +5554,7 @@ const MessageIcon = _ref => { const COMPONENT_ID$F = 'forms.input_message_icon'; const StyledMessageIcon = styled(MessageIcon).attrs({ 'data-garden-id': COMPONENT_ID$F, - 'data-garden-version': '8.69.1', + 'data-garden-version': '8.69.6', 'aria-hidden': null }).withConfig({ displayName: "StyledMessageIcon", @@ -5678,10 +5580,10 @@ const validationStyles = props => { return Ne(["padding-", ":", ";color:", ";"], rtl ? 'right' : 'left', props.validation && padding, color); }; const COMPONENT_ID$E = 'forms.input_message'; -const StyledMessage$1 = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$E, - 'data-garden-version': '8.69.1' -}).withConfig({ +const StyledMessage$1 = styled.div.attrs(props => ({ + 'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E, + 'data-garden-version': props['data-garden-version'] || '8.69.6' +})).withConfig({ displayName: "StyledMessage", componentId: "sc-30hgg7-0" })(["direction:", ";display:inline-block;position:relative;vertical-align:middle;line-height:", ";font-size:", ";", ";& ", "{position:absolute;top:-1px;", ":0;}", ":not([hidden]) + &{display:block;margin-top:", ";}", ";"], props => props.theme.rtl && 'rtl', props => getLineHeight(props.theme.iconSizes.md, props.theme.fontSizes.sm), props => props.theme.fontSizes.sm, props => validationStyles(props), StyledMessageIcon, props => props.theme.rtl ? 'right' : 'left', StyledLabel$1, props => math(`${props.theme.space.base} * 1px`), props => retrieveComponentStyles(COMPONENT_ID$E, props)); @@ -5770,7 +5672,7 @@ const sizeStyles$f = props => { }; const StyledTextInput = styled.input.attrs(props => ({ 'data-garden-id': COMPONENT_ID$D, - 'data-garden-version': '8.69.1', + 'data-garden-version': '8.69.6', 'aria-invalid': isInvalid(props.validation) })).withConfig({ displayName: "StyledTextInput", @@ -5793,7 +5695,7 @@ const hiddenStyles = ` const StyledTextarea = styled(StyledTextInput).attrs({ as: 'textarea', 'data-garden-id': COMPONENT_ID$C, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTextarea", componentId: "sc-wxschl-0" @@ -5839,7 +5741,7 @@ _ref => { return React__default.cloneElement(reactExports.Children.only(children), props); }).attrs({ 'data-garden-id': COMPONENT_ID$B, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTextMediaFigure", componentId: "sc-1qepknj-0" @@ -5886,7 +5788,7 @@ const StyledTextFauxInput = styled(StyledTextInput).attrs(props => ({ 'aria-readonly': props.isReadOnly, 'aria-disabled': props.isDisabled, 'data-garden-id': COMPONENT_ID$A, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' })).withConfig({ displayName: "StyledTextFauxInput", componentId: "sc-yqw7j9-0" @@ -5898,7 +5800,7 @@ StyledTextFauxInput.defaultProps = { const COMPONENT_ID$z = 'forms.media_input'; const StyledTextMediaInput = styled(StyledTextInput).attrs({ 'data-garden-id': COMPONENT_ID$z, - 'data-garden-version': '8.69.1', + 'data-garden-version': '8.69.6', isBare: true }).withConfig({ displayName: "StyledTextMediaInput", @@ -5920,7 +5822,7 @@ const itemStyles = props => { }; const StyledInputGroup$1 = styled.div.attrs({ 'data-garden-id': COMPONENT_ID$y, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledInputGroup", componentId: "sc-kjh1f0-0" @@ -5929,7 +5831,7 @@ StyledInputGroup$1.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$x = 'forms.radio_label'; +const COMPONENT_ID$x$1 = 'forms.radio_label'; const sizeStyles$d$1 = props => { const size = props.theme.space.base * 4; const padding = size + props.theme.space.base * 2; @@ -5937,54 +5839,54 @@ const sizeStyles$d$1 = props => { return Ne(["padding-", ":", "px;&[hidden]{padding-", ":", "px;line-height:", "px;}"], props.theme.rtl ? 'right' : 'left', padding, props.theme.rtl ? 'right' : 'left', size, lineHeight); }; const StyledRadioLabel = styled(StyledLabel$1).attrs({ - 'data-garden-id': COMPONENT_ID$x, - 'data-garden-version': '8.69.1', + 'data-garden-id': COMPONENT_ID$x$1, + 'data-garden-version': '8.69.6', isRadio: true }).withConfig({ displayName: "StyledRadioLabel", componentId: "sc-1aq2e5t-0" -})(["display:inline-block;position:relative;cursor:pointer;", ";", ";"], props => sizeStyles$d$1(props), props => retrieveComponentStyles(COMPONENT_ID$x, props)); +})(["display:inline-block;position:relative;cursor:pointer;", ";", ";"], props => sizeStyles$d$1(props), props => retrieveComponentStyles(COMPONENT_ID$x$1, props)); StyledRadioLabel.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$w = 'forms.checkbox_label'; +const COMPONENT_ID$w$1 = 'forms.checkbox_label'; const StyledCheckLabel = styled(StyledRadioLabel).attrs({ - 'data-garden-id': COMPONENT_ID$w, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$w$1, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledCheckLabel", componentId: "sc-x7nr1-0" -})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$w, props)); +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$w$1, props)); StyledCheckLabel.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$v = 'forms.radio_hint'; +const COMPONENT_ID$v$1 = 'forms.radio_hint'; const StyledRadioHint = styled(StyledHint$1).attrs({ - 'data-garden-id': COMPONENT_ID$v, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$v$1, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledRadioHint", componentId: "sc-eo8twg-0" -})(["padding-", ":", ";", ";"], props => props.theme.rtl ? 'right' : 'left', props => math(`${props.theme.space.base} * 6px`), props => retrieveComponentStyles(COMPONENT_ID$v, props)); +})(["padding-", ":", ";", ";"], props => props.theme.rtl ? 'right' : 'left', props => math(`${props.theme.space.base} * 6px`), props => retrieveComponentStyles(COMPONENT_ID$v$1, props)); StyledRadioHint.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$u = 'forms.checkbox_hint'; +const COMPONENT_ID$u$1 = 'forms.checkbox_hint'; const StyledCheckHint = styled(StyledRadioHint).attrs({ - 'data-garden-id': COMPONENT_ID$u, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$u$1, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledCheckHint", componentId: "sc-1kl8e8c-0" -})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$u, props)); +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$u$1, props)); StyledCheckHint.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$t = 'forms.radio'; +const COMPONENT_ID$t$1 = 'forms.radio'; const colorStyles$9$1 = props => { const SHADE = 600; const borderColor = getColor('neutralHue', SHADE - 300, props.theme); @@ -6021,18 +5923,18 @@ const sizeStyles$c$1 = props => { return Ne(["top:", ";width:", ";height:", ";& ~ ", "::before{top:", ";background-size:", ";width:", ";height:", ";box-sizing:border-box;}& ~ ", " > svg{top:", ";", ":", ";width:", ";height:", ";}&& ~ ", " ~ ", "{margin-top:", ";}"], top, size, size, StyledRadioLabel, top, props.theme.iconSizes.sm, size, size, StyledRadioLabel, iconTop, props.theme.rtl ? 'right' : 'left', iconPosition, iconSize, iconSize, StyledRadioLabel, StyledMessage$1, marginTop); }; const StyledRadioInput = styled.input.attrs({ - 'data-garden-id': COMPONENT_ID$t, - 'data-garden-version': '8.69.1', + 'data-garden-id': COMPONENT_ID$t$1, + 'data-garden-version': '8.69.6', type: 'radio' }).withConfig({ displayName: "StyledRadioInput", componentId: "sc-qsavpv-0" -})(["position:absolute;opacity:0;margin:0;& ~ ", "::before{position:absolute;", ":0;transition:border-color .25s ease-in-out,box-shadow .1s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out;border:", ";border-radius:50%;background-repeat:no-repeat;background-position:center;content:'';}& ~ ", " > svg{position:absolute;}", ";&:focus ~ ", "::before{outline:none;}& ~ ", ":active::before{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,color 0.1s ease-in-out;}", ";&:disabled ~ ", "{cursor:default;}", ";"], StyledRadioLabel, props => props.theme.rtl ? 'right' : 'left', props => props.theme.borders.sm, StyledRadioLabel, props => sizeStyles$c$1(props), StyledRadioLabel, StyledRadioLabel, props => colorStyles$9$1(props), StyledRadioLabel, props => retrieveComponentStyles(COMPONENT_ID$t, props)); +})(["position:absolute;opacity:0;margin:0;& ~ ", "::before{position:absolute;", ":0;transition:border-color .25s ease-in-out,box-shadow .1s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out;border:", ";border-radius:50%;background-repeat:no-repeat;background-position:center;content:'';}& ~ ", " > svg{position:absolute;}", ";&:focus ~ ", "::before{outline:none;}& ~ ", ":active::before{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,color 0.1s ease-in-out;}", ";&:disabled ~ ", "{cursor:default;}", ";"], StyledRadioLabel, props => props.theme.rtl ? 'right' : 'left', props => props.theme.borders.sm, StyledRadioLabel, props => sizeStyles$c$1(props), StyledRadioLabel, StyledRadioLabel, props => colorStyles$9$1(props), StyledRadioLabel, props => retrieveComponentStyles(COMPONENT_ID$t$1, props)); StyledRadioInput.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$s = 'forms.checkbox'; +const COMPONENT_ID$s$1 = 'forms.checkbox'; const colorStyles$8$1 = props => { const SHADE = 600; const indeterminateBorderColor = getColor('primaryHue', SHADE, props.theme); @@ -6043,37 +5945,37 @@ const colorStyles$8$1 = props => { return Ne(["&:indeterminate ~ ", "::before{border-color:", ";background-color:", ";}&:enabled:indeterminate ~ ", ":active::before{border-color:", ";background-color:", ";}&:disabled:indeterminate ~ ", "::before{border-color:transparent;background-color:", ";}"], StyledCheckLabel, indeterminateBorderColor, indeterminateBackgroundColor, StyledCheckLabel, indeterminateActiveBorderColor, indeterminateActiveBackgroundColor, StyledCheckLabel, indeterminateDisabledBackgroundColor); }; const StyledCheckInput = styled(StyledRadioInput).attrs({ - 'data-garden-id': COMPONENT_ID$s, - 'data-garden-version': '8.69.1', + 'data-garden-id': COMPONENT_ID$s$1, + 'data-garden-version': '8.69.6', type: 'checkbox' }).withConfig({ displayName: "StyledCheckInput", componentId: "sc-176jxxe-0" -})(["& ~ ", "::before{border-radius:", ";}", ";", ";"], StyledCheckLabel, props => props.theme.borderRadii.md, props => colorStyles$8$1(props), props => retrieveComponentStyles(COMPONENT_ID$s, props)); +})(["& ~ ", "::before{border-radius:", ";}", ";", ";"], StyledCheckLabel, props => props.theme.borderRadii.md, props => colorStyles$8$1(props), props => retrieveComponentStyles(COMPONENT_ID$s$1, props)); StyledCheckInput.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$r = 'forms.radio_message'; +const COMPONENT_ID$r$1 = 'forms.radio_message'; const StyledRadioMessage = styled(StyledMessage$1).attrs({ - 'data-garden-id': COMPONENT_ID$r, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$r$1, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledRadioMessage", componentId: "sc-1pmi0q8-0" -})(["padding-", ":", ";", ";"], props => props.theme.rtl ? 'right' : 'left', props => math(`${props.theme.space.base} * 6px`), props => retrieveComponentStyles(COMPONENT_ID$r, props)); +})(["padding-", ":", ";", ";"], props => props.theme.rtl ? 'right' : 'left', props => math(`${props.theme.space.base} * 6px`), props => retrieveComponentStyles(COMPONENT_ID$r$1, props)); StyledRadioMessage.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$q = 'forms.checkbox_message'; +const COMPONENT_ID$q$1 = 'forms.checkbox_message'; const StyledCheckMessage = styled(StyledRadioMessage).attrs({ - 'data-garden-id': COMPONENT_ID$q, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$q$1, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledCheckMessage", componentId: "sc-s4p6kd-0" -})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$q, props)); +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$q$1, props)); StyledCheckMessage.defaultProps = { theme: DEFAULT_THEME }; @@ -6098,14 +6000,14 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) { }))); }; -const COMPONENT_ID$p = 'forms.check_svg'; +const COMPONENT_ID$p$1 = 'forms.check_svg'; const StyledCheckSvg = styled(SvgCheckSmFill).attrs({ - 'data-garden-id': COMPONENT_ID$p, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$p$1, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledCheckSvg", componentId: "sc-fvxetk-0" -})(["transition:opacity 0.25 ease-in-out;opacity:0;pointer-events:none;", ":checked ~ ", " > &{opacity:1;}", ":indeterminate ~ ", " > &{opacity:0;}", ";"], StyledCheckInput, StyledCheckLabel, StyledCheckInput, StyledCheckLabel, props => retrieveComponentStyles(COMPONENT_ID$p, props)); +})(["transition:opacity 0.25s ease-in-out;opacity:0;pointer-events:none;", ":checked ~ ", " > &{opacity:1;}", ":indeterminate ~ ", " > &{opacity:0;}", ";"], StyledCheckInput, StyledCheckLabel, StyledCheckInput, StyledCheckLabel, props => retrieveComponentStyles(COMPONENT_ID$p$1, props)); StyledCheckSvg.defaultProps = { theme: DEFAULT_THEME }; @@ -6131,11 +6033,11 @@ var SvgDashFill = function SvgDashFill(props) { const COMPONENT_ID$o$1 = 'forms.dash_svg'; const StyledDashSvg = styled(SvgDashFill).attrs({ 'data-garden-id': COMPONENT_ID$o$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledDashSvg", componentId: "sc-z3vq71-0" -})(["transition:opacity 0.25 ease-in-out;opacity:0;pointer-events:none;", ":indeterminate ~ ", " > &{opacity:1;}", ";"], StyledCheckInput, StyledCheckLabel, props => retrieveComponentStyles(COMPONENT_ID$o$1, props)); +})(["transition:opacity 0.25s ease-in-out;opacity:0;pointer-events:none;", ":indeterminate ~ ", " > &{opacity:1;}", ";"], StyledCheckInput, StyledCheckLabel, props => retrieveComponentStyles(COMPONENT_ID$o$1, props)); StyledDashSvg.defaultProps = { theme: DEFAULT_THEME }; @@ -6162,7 +6064,7 @@ const sizeStyles$b$1 = props => { }; const StyledFileUpload = styled.div.attrs({ 'data-garden-id': COMPONENT_ID$n$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledFileUpload", componentId: "sc-1rodjgn-0" @@ -6174,7 +6076,7 @@ StyledFileUpload.defaultProps = { const COMPONENT_ID$m$1 = 'forms.file.close'; const StyledFileClose = styled.button.attrs({ 'data-garden-id': COMPONENT_ID$m$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledFileClose", componentId: "sc-1m31jbf-0" @@ -6237,7 +6139,7 @@ const sizeStyles$a$1 = props => { }; const StyledFile = styled.div.attrs({ 'data-garden-id': COMPONENT_ID$l$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledFile", componentId: "sc-195lzp1-0" @@ -6249,7 +6151,7 @@ StyledFile.defaultProps = { const COMPONENT_ID$k$1 = 'forms.file.delete'; const StyledFileDelete = styled(StyledFileClose).attrs({ 'data-garden-id': COMPONENT_ID$k$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledFileDelete", componentId: "sc-a8nnhx-0" @@ -6269,7 +6171,7 @@ const StyledFileIcon = styled(_ref => { return React__default.cloneElement(reactExports.Children.only(children), props); }).attrs({ 'data-garden-id': COMPONENT_ID$j$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledFileIcon", componentId: "sc-7b3q0c-0" @@ -6281,7 +6183,7 @@ StyledFileIcon.defaultProps = { const COMPONENT_ID$i$1 = 'forms.file_list'; const StyledFileList = styled.ul.attrs({ 'data-garden-id': COMPONENT_ID$i$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledFileList", componentId: "sc-gbahjg-0" @@ -6293,7 +6195,7 @@ StyledFileList.defaultProps = { const COMPONENT_ID$h$1 = 'forms.file_list.item'; const StyledFileListItem = styled.li.attrs({ 'data-garden-id': COMPONENT_ID$h$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledFileListItem", componentId: "sc-1ova3lo-0" @@ -6323,11 +6225,11 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) { const COMPONENT_ID$g$1 = 'forms.radio_svg'; const StyledRadioSvg = styled(SvgCircleSmFill$1).attrs({ 'data-garden-id': COMPONENT_ID$g$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledRadioSvg", componentId: "sc-1r1qtr1-0" -})(["transition:opacity 0.25 ease-in-out;opacity:0;", ":checked ~ ", " > &{opacity:1;}", ";"], StyledRadioInput, StyledRadioLabel, props => retrieveComponentStyles(COMPONENT_ID$g$1, props)); +})(["transition:opacity 0.25s ease-in-out;opacity:0;", ":checked ~ ", " > &{opacity:1;}", ";"], StyledRadioInput, StyledRadioLabel, props => retrieveComponentStyles(COMPONENT_ID$g$1, props)); StyledRadioSvg.defaultProps = { theme: DEFAULT_THEME }; @@ -6340,7 +6242,7 @@ const sizeStyles$9$1 = props => { }; const StyledToggleLabel = styled(StyledCheckLabel).attrs({ 'data-garden-id': COMPONENT_ID$f$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledToggleLabel", componentId: "sc-e0asdk-0" @@ -6352,7 +6254,7 @@ StyledToggleLabel.defaultProps = { const COMPONENT_ID$e$1 = 'forms.toggle_hint'; const StyledToggleHint = styled(StyledHint$1).attrs({ 'data-garden-id': COMPONENT_ID$e$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledToggleHint", componentId: "sc-nziggu-0" @@ -6379,7 +6281,7 @@ const sizeStyles$8$1 = props => { }; const StyledToggleInput = styled(StyledCheckInput).attrs({ 'data-garden-id': COMPONENT_ID$d$1, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledToggleInput", componentId: "sc-sgp47s-0" @@ -6391,7 +6293,7 @@ StyledToggleInput.defaultProps = { const COMPONENT_ID$c$2 = 'forms.toggle_message'; const StyledToggleMessage = styled(StyledMessage$1).attrs({ 'data-garden-id': COMPONENT_ID$c$2, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledToggleMessage", componentId: "sc-13vuvl1-0" @@ -6421,7 +6323,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) { const COMPONENT_ID$b$2 = 'forms.toggle_svg'; const StyledToggleSvg = styled(SvgCircleSmFill).attrs({ 'data-garden-id': COMPONENT_ID$b$2, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledToggleSvg", componentId: "sc-162xbyx-0" @@ -6443,7 +6345,7 @@ const sizeStyles$7$1 = props => { }; const StyledSelect = styled(StyledTextInput).attrs({ 'data-garden-id': COMPONENT_ID$a$2, - 'data-garden-version': '8.69.1', + 'data-garden-version': '8.69.6', as: 'select' }).withConfig({ displayName: "StyledSelect", @@ -6456,7 +6358,7 @@ StyledSelect.defaultProps = { const COMPONENT_ID$9$2 = 'forms.select_wrapper'; const StyledSelectWrapper = styled(StyledTextFauxInput).attrs({ 'data-garden-id': COMPONENT_ID$9$2, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledSelectWrapper", componentId: "sc-i7b6hw-0" @@ -6581,7 +6483,7 @@ const sizeStyles$6$1 = props => { }; const StyledRangeInput = styled.input.attrs(props => ({ 'data-garden-id': COMPONENT_ID$8$2, - 'data-garden-version': '8.69.1', + 'data-garden-version': '8.69.6', type: 'range', style: { backgroundSize: props.hasLowerTrack && props.backgroundSize @@ -6614,7 +6516,7 @@ StyledRangeInput.defaultProps = { const COMPONENT_ID$7$2 = 'forms.slider'; const StyledSlider = styled.div.attrs({ 'data-garden-id': COMPONENT_ID$7$2, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledSlider", componentId: "sc-1di437a-0" @@ -6646,7 +6548,7 @@ const sizeStyles$5$1 = props => { }; const StyledSliderThumb = styled.div.attrs(props => ({ 'data-garden-id': COMPONENT_ID$6$2, - 'data-garden-version': '8.69.1', + 'data-garden-version': '8.69.6', 'aria-disabled': props.isDisabled })).withConfig({ displayName: "StyledSliderThumb", @@ -6676,7 +6578,7 @@ const sizeStyles$4$2 = props => { }; const StyledSliderTrack = styled.div.attrs(props => ({ 'data-garden-id': COMPONENT_ID$5$3, - 'data-garden-version': '8.69.1', + 'data-garden-version': '8.69.6', 'aria-disabled': props.isDisabled })).withConfig({ displayName: "StyledSliderTrack", @@ -6696,7 +6598,7 @@ const sizeStyles$3$2 = props => { }; const StyledSliderTrackRail = styled.div.attrs({ 'data-garden-id': COMPONENT_ID$4$3, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledSliderTrackRail", componentId: "sc-1o5owbd-0" @@ -6723,7 +6625,7 @@ const sizeStyles$2$2 = props => { }; const StyledTileIcon = styled.span.attrs({ 'data-garden-id': COMPONENT_ID$3$3, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTileIcon", componentId: "sc-1wazhg4-0" @@ -6764,7 +6666,7 @@ const colorStyles$d = props => { }; const StyledTile = styled.label.attrs(props => ({ 'data-garden-id': COMPONENT_ID$2$5, - 'data-garden-version': '8.69.1', + 'data-garden-version': '8.69.6', 'data-garden-selected': props.isSelected })).withConfig({ displayName: "StyledTile", @@ -6788,7 +6690,7 @@ const sizeStyles$1$3 = props => { }; const StyledTileDescription = styled.span.attrs({ 'data-garden-id': COMPONENT_ID$1$5, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTileDescription", componentId: "sc-xfuu7u-0" @@ -6821,7 +6723,7 @@ const sizeStyles$g = props => { }; const StyledTileLabel = styled.span.attrs({ 'data-garden-id': COMPONENT_ID$L, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTileLabel", componentId: "sc-1mypv27-0" @@ -6962,19 +6864,19 @@ const Label$1 = React__default.forwardRef((props, ref) => { } = fieldContext; combinedProps = { ...combinedProps, - onMouseUp: composeEventHandlers$2(props.onMouseUp, () => { + onMouseUp: composeEventHandlers$3(props.onMouseUp, () => { setIsLabelActive(false); }), - onMouseDown: composeEventHandlers$2(props.onMouseDown, () => { + onMouseDown: composeEventHandlers$3(props.onMouseDown, () => { setIsLabelActive(true); }), - onMouseEnter: composeEventHandlers$2(props.onMouseEnter, () => { + onMouseEnter: composeEventHandlers$3(props.onMouseEnter, () => { setIsLabelHovered(true); }), - onMouseLeave: composeEventHandlers$2(props.onMouseLeave, () => { + onMouseLeave: composeEventHandlers$3(props.onMouseLeave, () => { setIsLabelHovered(false); }), - onClick: composeEventHandlers$2(props.onClick, () => { + onClick: composeEventHandlers$3(props.onClick, () => { multiThumbRangeRef.current && multiThumbRangeRef.current.focus(); }) }; @@ -7008,7 +6910,7 @@ const Label$1 = React__default.forwardRef((props, ref) => { }; combinedProps = { ...combinedProps, - onClick: composeEventHandlers$2(combinedProps.onClick, onLabelSelect) + onClick: composeEventHandlers$3(combinedProps.onClick, onLabelSelect) }; return React__default.createElement(StyledCheckLabel, _extends$t({ ref: ref @@ -7138,7 +7040,7 @@ const Input = React__default.forwardRef((_ref, ref) => { } = _ref; const fieldContext = useFieldContext$1(); const inputGroupContext = useInputGroupContext(); - const onSelectHandler = props.readOnly ? composeEventHandlers$2(onSelect, event => { + const onSelectHandler = props.readOnly ? composeEventHandlers$3(onSelect, event => { event.currentTarget.select(); }) : onSelect; let combinedProps = { @@ -7216,7 +7118,7 @@ const Range = React__default.forwardRef((_ref, ref) => { reactExports.useEffect(() => { updateBackgroundWidthFromInput(rangeRef.current); }, [rangeRef, updateBackgroundWidthFromInput, props.value]); - const onChange = hasLowerTrack ? composeEventHandlers$2(props.onChange, event => { + const onChange = hasLowerTrack ? composeEventHandlers$3(props.onChange, event => { updateBackgroundWidthFromInput(event.target); }) : props.onChange; let combinedProps = { @@ -7333,7 +7235,7 @@ const Textarea = React__default.forwardRef((_ref, ref) => { computedStyle.height = state.height; computedStyle.overflow = state.overflow ? 'hidden' : undefined; } - const onSelectHandler = props.readOnly ? composeEventHandlers$2(onSelect, event => { + const onSelectHandler = props.readOnly ? composeEventHandlers$3(onSelect, event => { event.currentTarget.select(); }) : onSelect; let combinedProps = { @@ -7437,10 +7339,10 @@ const FauxInputComponent = reactExports.forwardRef((_ref, ref) => { ...props } = _ref; const [isFocused, setIsFocused] = reactExports.useState(false); - const onFocusHandler = composeEventHandlers$2(onFocus, () => { + const onFocusHandler = composeEventHandlers$3(onFocus, () => { setIsFocused(true); }); - const onBlurHandler = composeEventHandlers$2(onBlur, () => { + const onBlurHandler = composeEventHandlers$3(onBlur, () => { setIsFocused(false); }); return React__default.createElement(StyledTextFauxInput, _extends$t({ @@ -7846,7 +7748,7 @@ const useFileContext = () => { const CloseComponent$1 = React__default.forwardRef((props, ref) => { const fileContext = useFileContext(); - const onMouseDown = composeEventHandlers$2(props.onMouseDown, event => event.preventDefault() + const onMouseDown = composeEventHandlers$3(props.onMouseDown, event => event.preventDefault() ); const ariaLabel = useText(CloseComponent$1, props, 'aria-label', 'Close'); return React__default.createElement(StyledFileClose, _extends$t({ @@ -7899,7 +7801,7 @@ var SvgTrashStroke = function SvgTrashStroke(props) { const DeleteComponent = React__default.forwardRef((props, ref) => { const fileContext = useFileContext(); - const onMouseDown = composeEventHandlers$2(props.onMouseDown, event => event.preventDefault() + const onMouseDown = composeEventHandlers$3(props.onMouseDown, event => event.preventDefault() ); const ariaLabel = useText(DeleteComponent, props, 'aria-label', 'Delete'); return React__default.createElement(StyledFileDelete, _extends$t({ @@ -8334,22 +8236,22 @@ const MediaInput = React__default.forwardRef((_ref, ref) => { onMouseOut, ...otherWrapperProps } = wrapperProps; - const onFauxInputClickHandler = composeEventHandlers$2(onClick, () => { + const onFauxInputClickHandler = composeEventHandlers$3(onClick, () => { inputRef.current && inputRef.current.focus(); }); - const onFauxInputFocusHandler = composeEventHandlers$2(onFocus, () => { + const onFauxInputFocusHandler = composeEventHandlers$3(onFocus, () => { setIsFocused(true); }); - const onFauxInputBlurHandler = composeEventHandlers$2(onBlur, () => { + const onFauxInputBlurHandler = composeEventHandlers$3(onBlur, () => { setIsFocused(false); }); - const onFauxInputMouseOverHandler = composeEventHandlers$2(onMouseOver, () => { + const onFauxInputMouseOverHandler = composeEventHandlers$3(onMouseOver, () => { setIsHovered(true); }); - const onFauxInputMouseOutHandler = composeEventHandlers$2(onMouseOut, () => { + const onFauxInputMouseOutHandler = composeEventHandlers$3(onMouseOut, () => { setIsHovered(false); }); - const onSelectHandler = readOnly ? composeEventHandlers$2(onSelect, event => { + const onSelectHandler = readOnly ? composeEventHandlers$3(onSelect, event => { event.currentTarget.select(); }) : onSelect; let combinedProps = { @@ -8406,6 +8308,66 @@ MediaInput.propTypes = { }; MediaInput.displayName = 'MediaInput'; +/** + * Copyright Zendesk, Inc. + * + * Use of this source code is governed under the Apache License, Version 2.0 + * found at http://www.apache.org/licenses/LICENSE-2.0. + */ + +function composeEventHandlers$1() { + for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) { + fns[_key] = arguments[_key]; + } + return function (event) { + for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { + args[_key2 - 1] = arguments[_key2]; + } + return fns.some(fn => { + fn && fn(event, ...args); + return event && event.defaultPrevented; + }); + }; +} +const KEYS$1 = { + ALT: 'Alt', + ASTERISK: '*', + BACKSPACE: 'Backspace', + COMMA: ',', + DELETE: 'Delete', + DOWN: 'ArrowDown', + END: 'End', + ENTER: 'Enter', + ESCAPE: 'Escape', + HOME: 'Home', + LEFT: 'ArrowLeft', + NUMPAD_ADD: 'Add', + NUMPAD_DECIMAL: 'Decimal', + NUMPAD_DIVIDE: 'Divide', + NUMPAD_ENTER: 'Enter', + NUMPAD_MULTIPLY: 'Multiply', + NUMPAD_SUBTRACT: 'Subtract', + PAGE_DOWN: 'PageDown', + PAGE_UP: 'PageUp', + PERIOD: '.', + RIGHT: 'ArrowRight', + SHIFT: 'Shift', + SPACE: ' ', + TAB: 'Tab', + UNIDENTIFIED: 'Unidentified', + UP: 'ArrowUp' +}; + +var DocumentPosition$1; +(function (DocumentPosition) { + DocumentPosition[DocumentPosition["DISCONNECTED"] = 1] = "DISCONNECTED"; + DocumentPosition[DocumentPosition["PRECEDING"] = 2] = "PRECEDING"; + DocumentPosition[DocumentPosition["FOLLOWING"] = 4] = "FOLLOWING"; + DocumentPosition[DocumentPosition["CONTAINS"] = 8] = "CONTAINS"; + DocumentPosition[DocumentPosition["CONTAINED_BY"] = 16] = "CONTAINED_BY"; + DocumentPosition[DocumentPosition["IMPLEMENTATION_SPECIFIC"] = 32] = "IMPLEMENTATION_SPECIFIC"; +})(DocumentPosition$1 || (DocumentPosition$1 = {})); + /** * Copyright Zendesk, Inc. * @@ -8432,7 +8394,7 @@ const useField = _ref => { } = _temp === void 0 ? {} : _temp; return { 'data-garden-container-id': 'containers.field.label', - 'data-garden-container-version': '3.0.5', + 'data-garden-container-version': '3.0.7', id, htmlFor, ...other @@ -8445,7 +8407,7 @@ const useField = _ref => { } = _temp2 === void 0 ? {} : _temp2; return { 'data-garden-container-id': 'containers.field.hint', - 'data-garden-container-version': '3.0.5', + 'data-garden-container-version': '3.0.7', id, ...other }; @@ -8464,7 +8426,7 @@ const useField = _ref => { } return { 'data-garden-container-id': 'containers.field.input', - 'data-garden-container-version': '3.0.5', + 'data-garden-container-version': '3.0.7', id, 'aria-labelledby': labelId, 'aria-describedby': describedBy.length > 0 ? describedBy.join(' ') : undefined, @@ -8479,7 +8441,7 @@ const useField = _ref => { } = _temp4 === void 0 ? {} : _temp4; return { 'data-garden-container-id': 'containers.field.message', - 'data-garden-container-version': '3.0.5', + 'data-garden-container-version': '3.0.7', role: role === null ? undefined : role, id, ...other @@ -8513,6 +8475,35 @@ function _objectWithoutPropertiesLoose(source, excluded) { return target; } +var reactIs_production_min = {}; + +/** @license React v17.0.2 + * react-is.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +var hasRequiredReactIs_production_min; + +function requireReactIs_production_min () { + if (hasRequiredReactIs_production_min) return reactIs_production_min; + hasRequiredReactIs_production_min = 1; +var b=60103,c=60106,d=60107,e=60108,f=60114,g=60109,h=60110,k=60112,l=60113,m=60120,n=60115,p=60116,q=60121,r=60122,u=60117,v=60129,w=60131; + if("function"===typeof Symbol&&Symbol.for){var x=Symbol.for;b=x("react.element");c=x("react.portal");d=x("react.fragment");e=x("react.strict_mode");f=x("react.profiler");g=x("react.provider");h=x("react.context");k=x("react.forward_ref");l=x("react.suspense");m=x("react.suspense_list");n=x("react.memo");p=x("react.lazy");q=x("react.block");r=x("react.server.block");u=x("react.fundamental");v=x("react.debug_trace_mode");w=x("react.legacy_hidden");} + function y(a){if("object"===typeof a&&null!==a){var t=a.$$typeof;switch(t){case b:switch(a=a.type,a){case d:case f:case e:case l:case m:return a;default:switch(a=a&&a.$$typeof,a){case h:case k:case p:case n:case g:return a;default:return t}}case c:return t}}}var z=g,A=b,B=k,C=d,D=p,E=n,F=c,G=f,H=e,I=l;reactIs_production_min.ContextConsumer=h;reactIs_production_min.ContextProvider=z;reactIs_production_min.Element=A;reactIs_production_min.ForwardRef=B;reactIs_production_min.Fragment=C;reactIs_production_min.Lazy=D;reactIs_production_min.Memo=E;reactIs_production_min.Portal=F;reactIs_production_min.Profiler=G;reactIs_production_min.StrictMode=H; + reactIs_production_min.Suspense=I;reactIs_production_min.isAsyncMode=function(){return !1};reactIs_production_min.isConcurrentMode=function(){return !1};reactIs_production_min.isContextConsumer=function(a){return y(a)===h};reactIs_production_min.isContextProvider=function(a){return y(a)===g};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b};reactIs_production_min.isForwardRef=function(a){return y(a)===k};reactIs_production_min.isFragment=function(a){return y(a)===d};reactIs_production_min.isLazy=function(a){return y(a)===p};reactIs_production_min.isMemo=function(a){return y(a)===n}; + reactIs_production_min.isPortal=function(a){return y(a)===c};reactIs_production_min.isProfiler=function(a){return y(a)===f};reactIs_production_min.isStrictMode=function(a){return y(a)===e};reactIs_production_min.isSuspense=function(a){return y(a)===l};reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===v||a===e||a===l||a===m||a===w||"object"===typeof a&&null!==a&&(a.$$typeof===p||a.$$typeof===n||a.$$typeof===g||a.$$typeof===h||a.$$typeof===k||a.$$typeof===u||a.$$typeof===q||a[0]===r)?!0:!1}; + reactIs_production_min.typeOf=y; + return reactIs_production_min; +} + +{ + requireReactIs_production_min(); +} + let e=e=>"object"==typeof e&&null!=e&&1===e.nodeType,t=(e,t)=>(!t||"hidden"!==e)&&("visible"!==e&&"clip"!==e),n=(e,n)=>{if(e.clientHeight{let t=(e=>{if(!e.ownerDocument||!e.ownerDocument.defaultView)return null;try{return e.ownerDocument.defaultView.frameElement}catch(e){return null}})(e);return !!t&&(t.clientHeightot||o>e&&r=t&&d>=n?o-e-l:r>t&&dn?r-t+i:0,i=e=>{let t=e.parentElement;return null==t?e.getRootNode().host||null:t};var o=(t,o)=>{var r,d,h,f,u,s;if("undefined"==typeof document)return [];let{scrollMode:a,block:c,inline:g,boundary:m,skipOverflowHiddenElements:p}=o,w="function"==typeof m?m:e=>e!==m;if(!e(t))throw new TypeError("Invalid target");let W=document.scrollingElement||document.documentElement,H=[],b=t;for(;e(b)&&w(b);){if(b=i(b),b===W){H.push(b);break}null!=b&&b===document.body&&n(b)&&!n(document.documentElement)||null!=b&&n(b,p)&&H.push(b);}let v=null!=(d=null==(r=window.visualViewport)?void 0:r.width)?d:innerWidth,y=null!=(f=null==(h=window.visualViewport)?void 0:h.height)?f:innerHeight,E=null!=(u=window.scrollX)?u:pageXOffset,M=null!=(s=window.scrollY)?s:pageYOffset,{height:x,width:I,top:C,right:R,bottom:T,left:V}=t.getBoundingClientRect(),k="start"===c||"nearest"===c?C:"end"===c?T:C+x/2,B="center"===g?V+I/2:"end"===g?R:V,D=[];for(let e=0;e=0&&V>=0&&T<=y&&R<=v&&C>=o&&T<=d&&V>=h&&R<=r)return D;let f=getComputedStyle(t),u=parseInt(f.borderLeftWidth,10),s=parseInt(f.borderTopWidth,10),m=parseInt(f.borderRightWidth,10),p=parseInt(f.borderBottomWidth,10),w=0,b=0,O="offsetWidth"in t?t.offsetWidth-t.clientWidth-u-m:0,X="offsetHeight"in t?t.offsetHeight-t.clientHeight-s-p:0,Y="offsetWidth"in t?0===t.offsetWidth?0:i/t.offsetWidth:0,L="offsetHeight"in t?0===t.offsetHeight?0:n/t.offsetHeight:0;if(W===t)w="start"===c?k:"end"===c?k-y:"nearest"===c?l(M,M+y,y,s,p,M+k,M+k+x,x):k-y/2,b="start"===g?B:"center"===g?B-v/2:"end"===g?B-v:l(E,E+v,v,u,m,E+B,E+B+I,I),w=Math.max(0,w+M),b=Math.max(0,b+E);else {w="start"===c?k-o-s:"end"===c?k-d+p+X:"nearest"===c?l(o,d,n,s,p+X,k,k+x,x):k-(o+n/2)+X/2,b="start"===g?B-h-u:"center"===g?B-(h+i/2)+O/2:"end"===g?B-r+m+O:l(h,r,i,u,m+O,B,B+I,I);let{scrollLeft:e,scrollTop:f}=t;w=Math.max(0,Math.min(f+w/L,t.scrollHeight-n/L+X)),b=Math.max(0,Math.min(e+b/Y,t.scrollWidth-i/Y+O)),k+=f-w,B+=e-b;}D.push({el:t,top:w,left:b});}return D}; /*! ***************************************************************************** @@ -10084,14 +10075,14 @@ const typeMap = { [useCombobox$1.stateChangeTypes.InputBlur]: 'input:blur', [useCombobox$1.stateChangeTypes.InputChange]: 'input:change', [useCombobox$1.stateChangeTypes.InputFocus]: 'input:focus', - [useCombobox$1.stateChangeTypes.InputKeyDownArrowDown]: `input:keyDown:${KEYS$2.DOWN}`, - [useCombobox$1.stateChangeTypes.InputKeyDownArrowUp]: `input:keyDown:${KEYS$2.UP}`, - [useCombobox$1.stateChangeTypes.InputKeyDownEnd]: `input:keyDown:${KEYS$2.END}`, - [useCombobox$1.stateChangeTypes.InputKeyDownEnter]: `input:keyDown:${KEYS$2.ENTER}`, - [useCombobox$1.stateChangeTypes.InputKeyDownEscape]: `input:keyDown:${KEYS$2.ESCAPE}`, - [useCombobox$1.stateChangeTypes.InputKeyDownHome]: `input:keyDown:${KEYS$2.HOME}`, - [useCombobox$1.stateChangeTypes.InputKeyDownPageDown]: `input:keyDown:${KEYS$2.PAGE_DOWN}`, - [useCombobox$1.stateChangeTypes.InputKeyDownPageUp]: `input:keyDown:${KEYS$2.PAGE_UP}`, + [useCombobox$1.stateChangeTypes.InputKeyDownArrowDown]: `input:keyDown:${KEYS$1.DOWN}`, + [useCombobox$1.stateChangeTypes.InputKeyDownArrowUp]: `input:keyDown:${KEYS$1.UP}`, + [useCombobox$1.stateChangeTypes.InputKeyDownEnd]: `input:keyDown:${KEYS$1.END}`, + [useCombobox$1.stateChangeTypes.InputKeyDownEnter]: `input:keyDown:${KEYS$1.ENTER}`, + [useCombobox$1.stateChangeTypes.InputKeyDownEscape]: `input:keyDown:${KEYS$1.ESCAPE}`, + [useCombobox$1.stateChangeTypes.InputKeyDownHome]: `input:keyDown:${KEYS$1.HOME}`, + [useCombobox$1.stateChangeTypes.InputKeyDownPageDown]: `input:keyDown:${KEYS$1.PAGE_DOWN}`, + [useCombobox$1.stateChangeTypes.InputKeyDownPageUp]: `input:keyDown:${KEYS$1.PAGE_UP}`, [useCombobox$1.stateChangeTypes.ItemClick]: 'option:click', [useCombobox$1.stateChangeTypes.ItemMouseMove]: 'option:mouseMove', [useCombobox$1.stateChangeTypes.MenuMouseLeave]: 'listbox:mouseLeave', @@ -10363,7 +10354,7 @@ const useCombobox = _ref => { hasMessage }); reactExports.useLayoutEffect(() => { - if (isAutocomplete && _isExpanded && !previousStateRef.current?.isOpen && _selectionValue && !matchValue) { + if ((isAutocomplete || !isEditable) && _isExpanded && !previousStateRef.current?.isOpen && _selectionValue && !matchValue) { const value = Array.isArray(_selectionValue) ? _selectionValue[_selectionValue.length - 1 ] : _selectionValue; const index = values.findIndex(current => current === value); @@ -10374,7 +10365,7 @@ const useCombobox = _ref => { } } }, [ - isAutocomplete, _isExpanded, _selectionValue, _inputValue, values, _defaultActiveIndex, setActiveIndex]); + isAutocomplete, isEditable, _isExpanded, _selectionValue, _inputValue, values, _defaultActiveIndex, setActiveIndex]); reactExports.useEffect( () => setTriggerContainsInput(triggerRef.current?.contains(inputRef.current)), [triggerRef, inputRef]); reactExports.useEffect(() => { @@ -10389,11 +10380,17 @@ const useCombobox = _ref => { } else { triggerRef.current?.focus(); } + previousStateRef.current = { + ...previousStateRef.current, + type: useCombobox$1.stateChangeTypes.InputFocus + }; } }); reactExports.useEffect(() => { if (isEditable && inputRef.current === win.document.activeElement) { - inputRef.current?.scrollIntoView && inputRef.current?.scrollIntoView(); + inputRef.current?.scrollIntoView && inputRef.current?.scrollIntoView({ + block: 'nearest' + }); } }, [inputRef, isEditable, win.document.activeElement]); const getTriggerProps = reactExports.useCallback(function (_temp) { @@ -10405,7 +10402,7 @@ const useCombobox = _ref => { } = _temp === void 0 ? {} : _temp; const triggerProps = getDownshiftTriggerProps({ 'data-garden-container-id': 'containers.combobox', - 'data-garden-container-version': '1.0.0', + 'data-garden-container-version': '1.0.5', onBlur, onClick, onKeyDown, @@ -10430,8 +10427,8 @@ const useCombobox = _ref => { }; return { ...triggerProps, - onBlur: composeEventHandlers$2(onBlur, handleBlur), - onClick: composeEventHandlers$2(onClick, handleClick), + onBlur: composeEventHandlers$1(onBlur, handleBlur), + onClick: composeEventHandlers$1(onClick, handleClick), 'aria-controls': isAutocomplete ? triggerProps['aria-controls'] : undefined, 'aria-expanded': undefined, 'aria-disabled': disabled || undefined, @@ -10449,8 +10446,17 @@ const useCombobox = _ref => { } = getFieldInputProps(); const handleKeyDown = event => { event.stopPropagation(); - if (!_isExpanded && (event.key === KEYS$2.SPACE || event.key === KEYS$2.ENTER)) { + if (!_isExpanded && (event.key === KEYS$1.SPACE || event.key === KEYS$1.ENTER)) { + event.preventDefault(); openListbox(); + } else if (_isExpanded && !matchValue && (event.key === KEYS$1.SPACE || event.key === KEYS$1.ENTER)) { + event.preventDefault(); + if (_activeIndex !== -1) { + setDownshiftSelection(values[_activeIndex]); + } + if (!isMultiselectable) { + closeListbox(); + } } else if (/^(?:\S| ){1}$/u.test(event.key)) { const _matchValue = `${matchValue}${event.key}`; setMatchValue(_matchValue); @@ -10485,13 +10491,13 @@ const useCombobox = _ref => { 'aria-disabled': disabled || undefined, disabled: undefined, role: 'combobox', - onBlur: composeEventHandlers$2(onBlur, handleBlur), - onKeyDown: composeEventHandlers$2(onKeyDown, onDownshiftKeyDown, handleKeyDown), + onBlur: composeEventHandlers$1(onBlur, handleBlur), + onKeyDown: composeEventHandlers$1(onKeyDown, onDownshiftKeyDown, handleKeyDown), tabIndex: disabled ? -1 : 0 }; } return triggerProps; - }, [getDownshiftTriggerProps, getDownshiftInputProps, getFieldInputProps, triggerRef, disabled, _selectionValue, _isExpanded, _activeIndex, closeListbox, openListbox, setActiveIndex, matchValue, values, labels, triggerContainsInput, isAutocomplete, isEditable, inputRef]); + }, [getDownshiftTriggerProps, getDownshiftInputProps, getFieldInputProps, triggerRef, disabled, _selectionValue, _isExpanded, _activeIndex, closeListbox, openListbox, setActiveIndex, setDownshiftSelection, matchValue, values, labels, triggerContainsInput, isAutocomplete, isEditable, isMultiselectable, inputRef]); const getLabelProps = reactExports.useCallback(function (_temp2) { let { onClick, @@ -10504,7 +10510,7 @@ const useCombobox = _ref => { const handleClick = () => !isEditable && triggerRef.current?.focus(); return { ...labelProps, - onClick: composeEventHandlers$2(onClick, handleClick), + onClick: composeEventHandlers$1(onClick, handleClick), htmlFor: isEditable ? htmlFor : undefined }; }, [getFieldLabelProps, isEditable, triggerRef]); @@ -10518,7 +10524,7 @@ const useCombobox = _ref => { } = _temp3 === void 0 ? {} : _temp3; const inputProps = { 'data-garden-container-id': 'containers.combobox.input', - 'data-garden-container-version': '1.0.0', + 'data-garden-container-version': '1.0.5', ref: inputRef, role: role === null ? undefined : role, onClick, @@ -10532,7 +10538,7 @@ const useCombobox = _ref => { role, 'aria-labelledby': ariaLabeledBy, 'aria-autocomplete': isAutocomplete ? 'list' : undefined, - onClick: composeEventHandlers$2(onClick, handleClick), + onClick: composeEventHandlers$1(onClick, handleClick), ...getFieldInputProps(), ...other }); @@ -10557,7 +10563,7 @@ const useCombobox = _ref => { disabled, readOnly: true, tabIndex: -1, - onFocus: composeEventHandlers$2(onFocus, handleFocus), + onFocus: composeEventHandlers$1(onFocus, handleFocus), ...other }; }, [getDownshiftInputProps, getFieldInputProps, inputRef, triggerRef, disabled, isAutocomplete, isEditable]); @@ -10565,43 +10571,38 @@ const useCombobox = _ref => { let { option, onClick, - onFocus, onKeyDown, ...other } = _ref4; const handleClick = event => event.target instanceof Element && triggerRef.current?.contains(event.target) && event.stopPropagation(); - const handleFocus = () => { - if (_isExpanded) { - setActiveIndex(values.findIndex(value => value === option.value)); - } - }; const handleKeyDown = event => { - if (event.key === KEYS$2.BACKSPACE || event.key === KEYS$2.DELETE) { + if (event.key === KEYS$1.BACKSPACE || event.key === KEYS$1.DELETE) { setDownshiftSelection(option.value); } else { const triggerContainsTag = event.target instanceof Element && triggerRef.current?.contains(event.target); - if (triggerContainsTag && (event.key === KEYS$2.DOWN || event.key === KEYS$2.UP || event.key === KEYS$2.ESCAPE)) { + if (triggerContainsTag && !isEditable) { + event.stopPropagation(); + } + if (triggerContainsTag && (event.key === KEYS$1.DOWN || event.key === KEYS$1.UP || event.key === KEYS$1.ESCAPE || !isEditable && (event.key === KEYS$1.ENTER || event.key === KEYS$1.SPACE))) { const inputProps = getDownshiftInputProps(); if (isEditable) { inputRef.current?.focus(); } else { + event.preventDefault(); triggerRef.current?.focus(); } inputProps.onKeyDown(event); - } else if (triggerContainsTag && !isEditable) { - event.stopPropagation(); } } }; return { 'data-garden-container-id': 'containers.combobox.tag', - 'data-garden-container-version': '1.0.0', - onClick: composeEventHandlers$2(onClick, handleClick), - onFocus: composeEventHandlers$2(onFocus, handleFocus), - onKeyDown: composeEventHandlers$2(onKeyDown, handleKeyDown), + 'data-garden-container-version': '1.0.5', + onClick: composeEventHandlers$1(onClick, handleClick), + onKeyDown: composeEventHandlers$1(onKeyDown, handleKeyDown), ...other }; - }, [triggerRef, setDownshiftSelection, getDownshiftInputProps, isEditable, _isExpanded, values, setActiveIndex, inputRef]); + }, [triggerRef, setDownshiftSelection, getDownshiftInputProps, isEditable, inputRef]); const getListboxProps = reactExports.useCallback(_ref5 => { let { role = 'listbox', @@ -10610,7 +10611,7 @@ const useCombobox = _ref => { } = _ref5; return getDownshiftListboxProps({ 'data-garden-container-id': 'containers.combobox.listbox', - 'data-garden-container-version': '1.0.0', + 'data-garden-container-version': '1.0.5', ref: listboxRef, role, 'aria-labelledby': ariaLabeledBy, @@ -10625,7 +10626,7 @@ const useCombobox = _ref => { } = _ref6; return { 'data-garden-container-id': 'containers.combobox.optgroup', - 'data-garden-container-version': '1.0.0', + 'data-garden-container-version': '1.0.5', role: role === null ? undefined : role, ...other }; @@ -10639,7 +10640,7 @@ const useCombobox = _ref => { } = _temp4 === void 0 ? {} : _temp4; const optionProps = { 'data-garden-container-id': 'containers.combobox.option', - 'data-garden-container-version': '1.0.0', + 'data-garden-container-version': '1.0.5', role, onMouseDown, ...other @@ -10655,7 +10656,7 @@ const useCombobox = _ref => { 'aria-selected': ariaSelected, id: option ? getOptionId(disabledValues.indexOf(option.value), option.disabled) : undefined, ...optionProps, - onMouseDown: composeEventHandlers$2(onMouseDown, handleMouseDown) + onMouseDown: composeEventHandlers$1(onMouseDown, handleMouseDown) }; } return getDownshiftOptionProps({ @@ -10769,7 +10770,7 @@ const StyledAvatar = styled(_ref => { return React__default.cloneElement(reactExports.Children.only(children), props); }).attrs({ 'data-garden-id': COMPONENT_ID$2$4, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledAvatar", componentId: "sc-3kdmgt-0" @@ -10781,7 +10782,7 @@ StyledAvatar.defaultProps = { const COMPONENT_ID$1$4 = 'tags.close'; const StyledClose$1 = styled.button.attrs({ 'data-garden-id': COMPONENT_ID$1$4, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledClose", componentId: "sc-d6lrpn-0" @@ -10790,7 +10791,7 @@ StyledClose$1.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$o = 'tags.tag_view'; +const COMPONENT_ID$x = 'tags.tag_view'; const colorStyles$b = props => { let backgroundColor; let foregroundColor; @@ -10863,12 +10864,12 @@ const sizeStyles$d = props => { return Ne(["border-radius:", ";padding:0 ", "px;min-width:", ";height:", "px;line-height:", ";font-size:", ";& > *{width:100%;min-width:", ";}& ", "{margin-", ":-", "px;margin-", ":", "px;border-radius:", ";width:", "px;min-width:", "px;height:", "px;}& ", "{margin-", ":-", "px;border-radius:", ";width:", "px;height:", "px;}"], borderRadius, padding, minWidth ? `${minWidth}px` : `calc(${padding * 2}px + 1ch)`, height, getLineHeight(height, fontSize), fontSize, minWidth ? `${minWidth - padding * 2}px` : '1ch', StyledAvatar, props.theme.rtl ? 'right' : 'left', padding - avatarMargin, props.theme.rtl ? 'left' : 'right', avatarTextMargin, avatarBorderRadius, avatarSize, avatarSize, avatarSize, StyledClose$1, props.theme.rtl ? 'left' : 'right', padding, borderRadius, height, height); }; const StyledTag$1 = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$o, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$x, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTag", componentId: "sc-1jvbe03-0" -})(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:", ";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:", ";direction:", ";", ";&:hover{cursor:default;text-decoration:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}", "{text-decoration:none;}", ";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:", ";}& ", "{display:", ";}& ", "{display:", ";}", ";"], props => props.isRound && 'center', props => !props.isRegular && props.theme.fontWeights.semibold, props => props.theme.rtl ? 'rtl' : 'ltr', props => sizeStyles$d(props), SELECTOR_FOCUS_VISIBLE, props => colorStyles$b(props), props => props.theme.fontWeights.semibold, StyledAvatar, props => (props.isRound || props.size === 'small') && 'none', StyledClose$1, props => props.isRound && 'none', props => retrieveComponentStyles(COMPONENT_ID$o, props)); +})(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:", ";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:", ";direction:", ";", ";&:hover{cursor:default;text-decoration:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}", "{text-decoration:none;}", ";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:", ";}& ", "{display:", ";}& ", "{display:", ";}", ";"], props => props.isRound && 'center', props => !props.isRegular && props.theme.fontWeights.semibold, props => props.theme.rtl ? 'rtl' : 'ltr', props => sizeStyles$d(props), SELECTOR_FOCUS_VISIBLE, props => colorStyles$b(props), props => props.theme.fontWeights.semibold, StyledAvatar, props => (props.isRound || props.size === 'small') && 'none', StyledClose$1, props => props.isRound && 'none', props => retrieveComponentStyles(COMPONENT_ID$x, props)); StyledTag$1.defaultProps = { size: 'medium', theme: DEFAULT_THEME @@ -12539,11 +12540,11 @@ const useTooltip = function (_temp) { } = _temp2 === void 0 ? {} : _temp2; return { tabIndex, - onMouseEnter: composeEventHandlers$2(onMouseEnter, () => openTooltip()), - onMouseLeave: composeEventHandlers$2(onMouseLeave, () => closeTooltip()), - onFocus: composeEventHandlers$2(onFocus, () => openTooltip()), - onBlur: composeEventHandlers$2(onBlur, () => closeTooltip(0)), - onKeyDown: composeEventHandlers$2(onKeyDown, event => { + onMouseEnter: composeEventHandlers$3(onMouseEnter, () => openTooltip()), + onMouseLeave: composeEventHandlers$3(onMouseLeave, () => closeTooltip()), + onFocus: composeEventHandlers$3(onFocus, () => openTooltip()), + onBlur: composeEventHandlers$3(onBlur, () => closeTooltip(0)), + onKeyDown: composeEventHandlers$3(onKeyDown, event => { if (event.keyCode === KEY_CODES.ESCAPE && visibility) { closeTooltip(0); } @@ -12563,8 +12564,8 @@ const useTooltip = function (_temp) { } = _temp3 === void 0 ? {} : _temp3; return { role, - onMouseEnter: composeEventHandlers$2(onMouseEnter, () => openTooltip()), - onMouseLeave: composeEventHandlers$2(onMouseLeave, () => closeTooltip()), + onMouseEnter: composeEventHandlers$3(onMouseEnter, () => openTooltip()), + onMouseLeave: composeEventHandlers$3(onMouseLeave, () => closeTooltip()), 'aria-hidden': !visibility, id: _id, ...other @@ -17107,7 +17108,7 @@ function getArrowPosition(popperPlacement) { const COMPONENT_ID$2$3 = 'tooltip.paragraph'; const StyledParagraph$1 = styled.p.attrs({ 'data-garden-id': COMPONENT_ID$2$3, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledParagraph", componentId: "sc-wuqkfc-0" @@ -17119,7 +17120,7 @@ StyledParagraph$1.defaultProps = { const COMPONENT_ID$1$3 = 'tooltip.title'; const StyledTitle$1 = styled.strong.attrs({ 'data-garden-id': COMPONENT_ID$1$3, - 'data-garden-version': '8.69.1' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTitle", componentId: "sc-vnjcvz-0" @@ -17128,7 +17129,7 @@ StyledTitle$1.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$n = 'tooltip.tooltip'; +const COMPONENT_ID$w = 'tooltip.tooltip'; const sizeStyles$c = _ref => { let { theme, @@ -17215,12 +17216,12 @@ const colorStyles$a = _ref2 => { return Ne(["border:", ";box-shadow:", ";background-color:", ";color:", ";", "{color:", ";}"], border, boxShadow, backgroundColor, color, StyledTitle$1, titleColor); }; const StyledTooltip = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$n, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$w, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTooltip", componentId: "sc-gzzjq4-0" -})(["display:inline-block;box-sizing:border-box;direction:", ";text-align:", ";font-weight:", ";", ";&[aria-hidden='true']{display:none;}", ";", ";"], props => props.theme.rtl && 'rtl', props => props.theme.rtl ? 'right' : 'left', props => props.theme.fontWeights.regular, props => sizeStyles$c(props), colorStyles$a, props => retrieveComponentStyles(COMPONENT_ID$n, props)); +})(["display:inline-block;box-sizing:border-box;direction:", ";text-align:", ";font-weight:", ";", ";&[aria-hidden='true']{display:none;}", ";", ";"], props => props.theme.rtl && 'rtl', props => props.theme.rtl ? 'right' : 'left', props => props.theme.fontWeights.regular, props => sizeStyles$c(props), colorStyles$a, props => retrieveComponentStyles(COMPONENT_ID$w, props)); StyledTooltip.defaultProps = { theme: DEFAULT_THEME }; @@ -17323,10 +17324,10 @@ const Tooltip = _ref => { hasArrow, placement: currentPlacement, size: computedSize, - onFocus: composeEventHandlers$2(onFocus, () => { + onFocus: composeEventHandlers$3(onFocus, () => { openTooltip(); }), - onBlur: composeEventHandlers$2(onBlur, () => { + onBlur: composeEventHandlers$3(onBlur, () => { closeTooltip(0); }), 'aria-hidden': !controlledIsVisible, @@ -17451,84 +17452,84 @@ const useFieldContext = () => { return context; }; -const COMPONENT_ID$l = 'dropdowns.combobox.label'; +const COMPONENT_ID$u = 'dropdowns.combobox.label'; const StyledLabel = styled(Label$1).attrs({ - 'data-garden-id': COMPONENT_ID$l, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$u, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledLabel", componentId: "sc-1889zee-0" -})(["vertical-align:revert;", ";"], props => retrieveComponentStyles(COMPONENT_ID$l, props)); +})(["vertical-align:revert;", ";"], props => retrieveComponentStyles(COMPONENT_ID$u, props)); StyledLabel.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$k = 'dropdowns.combobox.hint'; +const COMPONENT_ID$t = 'dropdowns.combobox.hint'; const StyledHint = styled(Hint$1).attrs({ - 'data-garden-id': COMPONENT_ID$k, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$t, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledHint", componentId: "sc-9kt30-0" -})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$k, props)); +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$t, props)); StyledHint.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$j = 'dropdowns.combobox.message'; +const COMPONENT_ID$s = 'dropdowns.combobox.message'; const StyledMessage = styled(Message$1).attrs({ - 'data-garden-id': COMPONENT_ID$j, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$s, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledMessage", componentId: "sc-15eqzu4-0" -})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$j, props)); +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$s, props)); StyledMessage.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$i = 'dropdowns.combobox'; +const COMPONENT_ID$r = 'dropdowns.combobox'; const sizeStyles$a = props => { const minWidth = `${props.isCompact ? 100 : 144}px`; const marginTop = `${props.theme.space.base * (props.isCompact ? 1 : 2)}px`; return Ne(["min-width:", ";", ":not([hidden]) + &&,", " + &&,", " + &&,&& + ", ",&& + ", "{margin-top:", ";}"], minWidth, StyledLabel, StyledHint, StyledMessage, StyledHint, StyledMessage, marginTop); }; const StyledCombobox = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$i, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$r, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledCombobox", componentId: "sc-1hs98ew-0" -})(["", ";", ";"], sizeStyles$a, props => retrieveComponentStyles(COMPONENT_ID$i, props)); +})(["", ";", ";"], sizeStyles$a, props => retrieveComponentStyles(COMPONENT_ID$r, props)); StyledCombobox.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$h = 'dropdowns.combobox.container'; +const COMPONENT_ID$q = 'dropdowns.combobox.container'; const StyledContainer = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$h, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$q, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledContainer", componentId: "sc-18gcb1g-0" -})(["display:flex;", ";"], props => retrieveComponentStyles(COMPONENT_ID$h, props)); +})(["display:flex;", ";"], props => retrieveComponentStyles(COMPONENT_ID$q, props)); StyledContainer.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$g = 'dropdowns.combobox.field'; +const COMPONENT_ID$p = 'dropdowns.combobox.field'; const StyledField = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$g, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$p, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledField", componentId: "sc-k7y10k-0" -})(["direction:", ";", ";"], props => props.theme.rtl ? 'rtl' : 'ltr', props => retrieveComponentStyles(COMPONENT_ID$g, props)); +})(["direction:", ";", ";"], props => props.theme.rtl ? 'rtl' : 'ltr', props => retrieveComponentStyles(COMPONENT_ID$p, props)); StyledField.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$f = 'dropdowns.combobox.option'; +const COMPONENT_ID$o = 'dropdowns.combobox.option'; const colorStyles$8 = props => { const activeBackgroundColor = getColor(props.$type === 'danger' ? 'dangerHue' : 'primaryHue', 600, props.theme, 0.08); const backgroundColor = props.isActive && props.$type !== 'group' && props.$type !== 'header' ? activeBackgroundColor : undefined; @@ -17539,7 +17540,7 @@ const colorStyles$8 = props => { } else if (props.$type === 'danger') { foregroundColor = getColor('dangerHue', 600, props.theme); } - return Ne(["background-color:", ";color:", ";&[aria-disabled='true']{background-color:", ";color:", ";}"], backgroundColor, foregroundColor, backgroundColor, disabledForegroundColor); + return Ne(["background-color:", ";color:", ";&[aria-disabled='true']{background-color:transparent;color:", ";}"], backgroundColor, foregroundColor, disabledForegroundColor); }; const getMinHeight = props => props.theme.space.base * (props.isCompact ? 7 : 9); const sizeStyles$9 = props => { @@ -17550,52 +17551,52 @@ const sizeStyles$9 = props => { return Ne(["box-sizing:border-box;padding:", " ", ";min-height:", "px;line-height:", ";"], paddingVertical, paddingHorizontal, minHeight, lineHeight); }; const StyledOption = styled.li.attrs({ - 'data-garden-id': COMPONENT_ID$f, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$o, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledOption", componentId: "sc-1b5e09t-0" -})(["display:flex;position:relative;transition:color 0.25s ease-in-out;cursor:", ";word-wrap:break-word;font-weight:", ";user-select:none;&:focus{outline:none;}", ";", ";&[aria-disabled='true']{cursor:default;}", ";"], props => props.$type === 'group' || props.$type === 'header' ? 'default' : 'pointer', props => props.$type === 'header' || props.$type === 'previous' ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular, sizeStyles$9, colorStyles$8, props => retrieveComponentStyles(COMPONENT_ID$f, props)); +})(["display:flex;position:relative;transition:color 0.25s ease-in-out;cursor:", ";word-wrap:break-word;font-weight:", ";user-select:none;&:focus{outline:none;}", ";", ";&[aria-disabled='true']{cursor:default;}", ";"], props => props.$type === 'group' || props.$type === 'header' ? 'default' : 'pointer', props => props.$type === 'header' || props.$type === 'previous' ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular, sizeStyles$9, colorStyles$8, props => retrieveComponentStyles(COMPONENT_ID$o, props)); StyledOption.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$e = 'dropdowns.combobox.listbox'; +const COMPONENT_ID$n = 'dropdowns.combobox.listbox'; const sizeStyles$8 = props => { const padding = props.theme.space.base; const minHeight = props.minHeight === undefined ? `${getMinHeight(props) + padding * 2}px` : props.minHeight; return Ne(["min-height:", ";max-height:", ";&&&{padding-top:", "px;padding-bottom:", "px;}"], minHeight, props.maxHeight, padding, padding); }; const StyledListbox = styled.ul.attrs({ - 'data-garden-id': COMPONENT_ID$e, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$n, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledListbox", componentId: "sc-4uxeym-0" -})(["overflow-y:scroll;list-style-type:none;", ";&&&{display:block;}"], sizeStyles$8); +})(["overflow-y:auto;list-style-type:none;", ";&&&{display:block;}"], sizeStyles$8); StyledListbox.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$d = 'dropdowns.combobox.floating'; -const StyledFloating = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$d, - 'data-garden-version': '8.69.1' +const COMPONENT_ID$m = 'dropdowns.combobox.floating'; +const StyledFloatingListbox = styled.div.attrs({ + 'data-garden-id': COMPONENT_ID$m, + 'data-garden-version': '8.69.6' }).withConfig({ - displayName: "StyledFloating", - componentId: "sc-17rn49r-0" + displayName: "StyledFloatingListbox", + componentId: "sc-xsp548-0" })(["top:0;left:0;", ";", ";"], props => menuStyles(props.position, { theme: props.theme, hidden: props.isHidden, childSelector: `> ${StyledListbox}`, animationModifier: '[data-garden-animate="true"]', zIndex: props.zIndex -}), props => retrieveComponentStyles(COMPONENT_ID$d, props)); -StyledFloating.defaultProps = { +}), props => retrieveComponentStyles(COMPONENT_ID$m, props)); +StyledFloatingListbox.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$c$1 = 'dropdowns.combobox.input'; +const COMPONENT_ID$l = 'dropdowns.combobox.input'; const colorStyles$7$1 = props => { const placeholderColor = getColor('neutralHue', 400, props.theme); return Ne(["background-color:inherit;color:inherit;&::placeholder{opacity:1;color:", ";}"], placeholderColor); @@ -17615,33 +17616,33 @@ const sizeStyles$7 = props => { return Ne(["min-width:", ";height:", "px;line-height:", ";font-size:", ";&&{margin-top:", ";margin-bottom:", ";}"], minWidth, height, lineHeight, fontSize, margin, margin); }; const StyledInput = styled.input.attrs({ - 'data-garden-id': COMPONENT_ID$c$1, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$l, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledInput", componentId: "sc-m2m56e-0" -})(["flex-basis:0;flex-grow:1;border:none;padding:0;font-family:inherit;:focus{outline:none;}", ";", ";&[hidden]{display:revert;", "}", ";"], sizeStyles$7, colorStyles$7$1, hideVisually(), props => retrieveComponentStyles(COMPONENT_ID$c$1, props)); +})(["flex-basis:0;flex-grow:1;border:none;padding:0;font-family:inherit;&:focus{outline:none;}", ";", ";&[hidden]{display:revert;", "}&[aria-hidden='true']{display:none;}", ";"], sizeStyles$7, colorStyles$7$1, props => props.isEditable && hideVisually(), props => retrieveComponentStyles(COMPONENT_ID$l, props)); StyledInput.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$b$1 = 'dropdowns.combobox.input_group'; +const COMPONENT_ID$k = 'dropdowns.combobox.input_group'; const sizeStyles$6 = props => { const margin = props.theme.shadowWidths.sm; return Ne(["margin:-", ";min-width:0;& > *{margin:", ";}"], margin, margin); }; const StyledInputGroup = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$b$1, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$k, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledInputGroup", componentId: "sc-2agt8f-0" -})(["display:flex;flex-grow:1;flex-wrap:wrap;", ";", ";"], sizeStyles$6, props => retrieveComponentStyles(COMPONENT_ID$b$1, props)); +})(["display:flex;flex-grow:1;flex-wrap:wrap;", ";", ";"], sizeStyles$6, props => retrieveComponentStyles(COMPONENT_ID$k, props)); StyledInputGroup.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$a$1 = 'dropdowns.combobox.trigger'; +const COMPONENT_ID$j = 'dropdowns.combobox.trigger'; const colorStyles$6$1 = props => { const SHADE = 600; let hue = 'neutralHue'; @@ -17711,17 +17712,17 @@ const sizeStyles$5 = props => { return Ne(["padding:", " ", ";min-height:", ";max-height:", ";font-size:", ";"], verticalPadding, horizontalPadding, minHeight, maxHeight, props.theme.fontSizes.md); }; const StyledTrigger = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$a$1, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$j, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTrigger", componentId: "sc-14t9k4c-0" -})(["overflow-y:auto;transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out;border:", ";border-radius:", ";cursor:", ";box-sizing:border-box;", ";&:focus{outline:none;}", ";&[aria-disabled='true']{cursor:default;}", ";"], props => props.isBare ? 'none' : props.theme.borders.sm, props => props.isBare ? '0' : props.theme.borderRadii.md, props => !props.isAutocomplete && props.isEditable ? 'text' : 'pointer', sizeStyles$5, colorStyles$6$1, props => retrieveComponentStyles(COMPONENT_ID$a$1, props)); +})(["overflow-y:auto;transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out;border:", ";border-radius:", ";cursor:", ";box-sizing:border-box;", ";&:focus{outline:none;}", ";&[aria-disabled='true']{cursor:default;}", ";"], props => props.isBare ? 'none' : props.theme.borders.sm, props => props.isBare ? '0' : props.theme.borderRadii.md, props => !props.isAutocomplete && props.isEditable ? 'text' : 'pointer', sizeStyles$5, colorStyles$6$1, props => retrieveComponentStyles(COMPONENT_ID$j, props)); StyledTrigger.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$9$1 = 'dropdowns.combobox.input_icon'; +const COMPONENT_ID$i = 'dropdowns.combobox.input_icon'; const colorStyles$5$1 = props => { const color = getColor('neutralHue', 600, props.theme); const focusColor = getColor('neutralHue', 700, props.theme); @@ -17753,42 +17754,63 @@ const StyledInputIcon = styled(_ref => { } = _ref; return reactExports.cloneElement(reactExports.Children.only(children), props); }).attrs({ - 'data-garden-id': COMPONENT_ID$9$1, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$i, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledInputIcon", componentId: "sc-15ewmjl-0" -})(["position:sticky;flex-shrink:0;transform:", ";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;", ";", ";", ";"], props => props.isRotated && `rotate(${props.theme.rtl ? '-' : '+'}180deg)`, sizeStyles$4$1, colorStyles$5$1, props => retrieveComponentStyles(COMPONENT_ID$9$1, props)); +})(["position:sticky;flex-shrink:0;transform:", ";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;", ";", ";", ";"], props => props.isRotated && `rotate(${props.theme.rtl ? '-' : '+'}180deg)`, sizeStyles$4$1, colorStyles$5$1, props => retrieveComponentStyles(COMPONENT_ID$i, props)); StyledInputIcon.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$8$1 = 'dropdowns.combobox.optgroup'; +const COMPONENT_ID$h = 'dropdowns.combobox.separator'; +const colorStyles$4$1 = props => { + const backgroundColor = getColor('neutralHue', 200, props.theme); + return Ne(["background-color:", ";"], backgroundColor); +}; +const sizeStyles$3$1 = props => { + const margin = `${props.theme.space.base}px`; + const height = props.theme.borderWidths.sm; + return Ne(["margin:", " 0;height:", ";"], margin, height); +}; +const StyledListboxSeparator = styled.li.attrs({ + 'data-garden-id': COMPONENT_ID$h, + 'data-garden-version': '8.69.6' +}).withConfig({ + displayName: "StyledListboxSeparator", + componentId: "sc-19umtmg-0" +})(["cursor:default;", ";", ";", ";"], sizeStyles$3$1, colorStyles$4$1, props => retrieveComponentStyles(COMPONENT_ID$h, props)); +StyledListboxSeparator.defaultProps = { + theme: DEFAULT_THEME +}; + +const COMPONENT_ID$g = 'dropdowns.combobox.optgroup'; const StyledOptGroup = styled.ul.attrs({ - 'data-garden-id': COMPONENT_ID$8$1, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$g, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledOptGroup", componentId: "sc-12dbq5s-0" -})(["margin:0;padding:0;list-style-type:none;", ";"], props => retrieveComponentStyles(COMPONENT_ID$8$1, props)); +})(["margin:0;padding:0;list-style-type:none;", ";"], props => retrieveComponentStyles(COMPONENT_ID$g, props)); StyledOptGroup.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$7$1 = 'dropdowns.combobox.option.content'; +const COMPONENT_ID$f = 'dropdowns.combobox.option.content'; const StyledOptionContent = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$7$1, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$f, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledOptionContent", componentId: "sc-536085-0" -})(["display:flex;flex-direction:column;flex-grow:1;", ";"], props => retrieveComponentStyles(COMPONENT_ID$7$1, props)); +})(["display:flex;flex-direction:column;flex-grow:1;", ";"], props => retrieveComponentStyles(COMPONENT_ID$f, props)); StyledOptionContent.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$6$1 = 'dropdowns.combobox.option.icon'; -const sizeStyles$3$1 = props => { +const COMPONENT_ID$e = 'dropdowns.combobox.option.icon'; +const sizeStyles$2$1 = props => { const size = props.theme.iconSizes.md; const marginTop = math(`(${props.theme.lineHeights.md} - ${size}) / 2`); const marginHorizontal = `${props.theme.space.base * 2}px`; @@ -17802,39 +17824,39 @@ const StyledOptionIcon = styled(_ref => { } = _ref; return reactExports.cloneElement(reactExports.Children.only(children), props); }).attrs({ - 'data-garden-id': COMPONENT_ID$6$1, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$e, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledOptionIcon", componentId: "sc-3vecfi-0" -})(["flex-shrink:0;", ";", ";"], sizeStyles$3$1, props => retrieveComponentStyles(COMPONENT_ID$6$1, props)); +})(["flex-shrink:0;", ";", ";"], sizeStyles$2$1, props => retrieveComponentStyles(COMPONENT_ID$e, props)); StyledOptionIcon.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$5$2 = 'dropdowns.combobox.option.meta'; -const colorStyles$4$1 = props => { +const COMPONENT_ID$d = 'dropdowns.combobox.option.meta'; +const colorStyles$3$1 = props => { const color = getColor('neutralHue', props.isDisabled ? 400 : 600, props.theme); return Ne(["color:", ";"], color); }; -const sizeStyles$2$1 = props => { +const sizeStyles$1$2 = props => { const lineHeight = props.theme.lineHeights.sm; const fontSize = props.theme.fontSizes.sm; return Ne(["line-height:", ";font-size:", ";"], lineHeight, fontSize); }; const StyledOptionMeta = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$5$2, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$d, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledOptionMeta", componentId: "sc-1nizjb3-0" -})(["transition:color 0.25s ease-in-out;font-weight:", ";", ";", ";", ";"], props => props.theme.fontWeights.regular, sizeStyles$2$1, colorStyles$4$1, props => retrieveComponentStyles(COMPONENT_ID$5$2, props)); +})(["transition:color 0.25s ease-in-out;font-weight:", ";", ";", ";", ";"], props => props.theme.fontWeights.regular, sizeStyles$1$2, colorStyles$3$1, props => retrieveComponentStyles(COMPONENT_ID$d, props)); StyledOptionMeta.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$4$2 = 'dropdowns.combobox.option.type_icon'; -const colorStyles$3$1 = props => { +const COMPONENT_ID$c$1 = 'dropdowns.combobox.option.type_icon'; +const colorStyles$2$1 = props => { const opacity = props.type && props.type !== 'danger' ? 1 : 0; let color; if (props.type === 'add' || props.type === 'danger') { @@ -17846,7 +17868,7 @@ const colorStyles$3$1 = props => { } return Ne(["opacity:", ";color:", ";", "[aria-selected='true'] > &{opacity:1;}", "[aria-disabled='true'] > &{color:inherit;}"], opacity, color, StyledOption, StyledOption); }; -const sizeStyles$1$2 = props => { +const sizeStyles$b = props => { const size = props.theme.iconSizes.md; const position = `${props.theme.space.base * 3}px`; const top = math(`(${getMinHeight(props)} - ${size}) / 2`); @@ -17868,87 +17890,178 @@ const StyledOptionTypeIcon = styled(_ref => { } = _ref; return reactExports.cloneElement(reactExports.Children.only(children), props); }).attrs({ - 'data-garden-id': COMPONENT_ID$4$2, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$c$1, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledOptionTypeIcon", componentId: "sc-vlhimu-0" -})(["position:absolute;transform:", ";transition:opacity 0.1s ease-in-out;", ";", ";", ";"], props => props.theme.rtl && (props.type === 'next' || props.type === 'previous') && 'rotate(180deg)', sizeStyles$1$2, colorStyles$3$1, props => retrieveComponentStyles(COMPONENT_ID$4$2, props)); +})(["position:absolute;transform:", ";transition:opacity 0.1s ease-in-out;", ";", ";", ";"], props => props.theme.rtl && (props.type === 'next' || props.type === 'previous') && 'rotate(180deg)', sizeStyles$b, colorStyles$2$1, props => retrieveComponentStyles(COMPONENT_ID$c$1, props)); StyledOptionTypeIcon.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$3$2 = 'dropdowns.combobox.separator'; -const colorStyles$2$1 = props => { - const backgroundColor = getColor('neutralHue', 200, props.theme); - return Ne(["background-color:", ";"], backgroundColor); -}; -const sizeStyles$b = props => { - const margin = `${props.theme.space.base}px`; - const height = props.theme.borderWidths.sm; - return Ne(["margin:", " 0;height:", ";"], margin, height); -}; -const StyledSeparator = styled.li.attrs({ - 'data-garden-id': COMPONENT_ID$3$2, - 'data-garden-version': '8.69.1' -}).withConfig({ - displayName: "StyledSeparator", - componentId: "sc-1uj1t6p-0" -})(["cursor:default;", ";", ";", ";"], sizeStyles$b, colorStyles$2$1, props => retrieveComponentStyles(COMPONENT_ID$3$2, props)); -StyledSeparator.defaultProps = { - theme: DEFAULT_THEME -}; - -const COMPONENT_ID$2$2 = 'dropdowns.combobox.tag'; +const COMPONENT_ID$b$1 = 'dropdowns.combobox.tag'; const StyledTag = styled(Tag$1).attrs({ - 'data-garden-id': COMPONENT_ID$2$2, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$b$1, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTag", componentId: "sc-1mrab0f-0" -})(["&[aria-disabled='true']{color:", ";}&[hidden]{display:revert;", "}", ";"], props => props.hue ? undefined : getColor('neutralHue', 400, props.theme), hideVisually(), props => retrieveComponentStyles(COMPONENT_ID$2$2, props)); +})(["&[aria-disabled='true']{color:", ";}&[hidden]{display:revert;", "}", ";"], props => props.hue ? undefined : getColor('neutralHue', 400, props.theme), hideVisually(), props => retrieveComponentStyles(COMPONENT_ID$b$1, props)); StyledTag.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$1$2 = 'dropdowns.combobox.value'; +const COMPONENT_ID$a$1 = 'dropdowns.combobox.value'; const colorStyles$1$1 = props => { const foregroundColor = props.isPlaceholder && getColor('neutralHue', 400, props.theme); return Ne(["color:", ";"], foregroundColor); }; const StyledValue = styled.div.attrs({ - 'data-garden-id': COMPONENT_ID$1$2, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$a$1, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledValue", componentId: "sc-16gp0f-0" -})(["flex-basis:0;flex-grow:1;cursor:", ";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none;", ";", ";", ";"], props => { +})(["flex-basis:0;flex-grow:1;cursor:", ";overflow:hidden;text-overflow:ellipsis;white-space:pre;user-select:none;", ";", ";", ";"], props => { if (props.isDisabled) { return 'default'; } return props.isEditable ? 'text' : 'pointer'; -}, sizeStyles$7, colorStyles$1$1, props => retrieveComponentStyles(COMPONENT_ID$1$2, props)); +}, sizeStyles$7, colorStyles$1$1, props => retrieveComponentStyles(COMPONENT_ID$a$1, props)); StyledValue.defaultProps = { theme: DEFAULT_THEME }; -const COMPONENT_ID$m = 'dropdowns.combobox.tags_button'; +const COMPONENT_ID$9$1 = 'dropdowns.combobox.tags_button'; const colorStyles$9 = props => { const color = getColor('primaryHue', 600, props.theme); return Ne(["color:", ";&:disabled{color:inherit;}"], color); }; const StyledTagsButton = styled(StyledValue).attrs({ as: 'button', - 'data-garden-id': COMPONENT_ID$m, - 'data-garden-version': '8.69.1' + 'data-garden-id': COMPONENT_ID$9$1, + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTagsButton", componentId: "sc-ewyffo-0" -})(["flex:0 1 auto;transition:color 0.25s ease-in-out 0;border:none;background-color:transparent;cursor:pointer;min-width:auto;font-family:inherit;&:hover{text-decoration:underline;}", ";&:disabled{cursor:default;text-decoration:none;}", ";"], colorStyles$9, props => retrieveComponentStyles(COMPONENT_ID$m, props)); +})(["flex:0 1 auto;border:none;background-color:transparent;cursor:pointer;min-width:auto;font-family:inherit;&:hover{text-decoration:underline;}", ";&:disabled{cursor:default;text-decoration:none;}", ";"], colorStyles$9, props => retrieveComponentStyles(COMPONENT_ID$9$1, props)); StyledTagsButton.defaultProps = { theme: DEFAULT_THEME }; +const COMPONENT_ID$8$1 = 'dropdowns.menu.floating'; +const StyledFloatingMenu = styled(StyledFloatingListbox).attrs({ + 'data-garden-id': COMPONENT_ID$8$1, + 'data-garden-version': '8.69.6' +}).withConfig({ + displayName: "StyledFloatingMenu", + componentId: "sc-1kawjbc-0" +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$8$1, props)); +StyledFloatingMenu.defaultProps = { + theme: DEFAULT_THEME +}; + +const COMPONENT_ID$7$1 = 'dropdowns.menu.item'; +const StyledItem = styled(StyledOption).attrs({ + 'data-garden-id': COMPONENT_ID$7$1, + 'data-garden-version': '8.69.6' +}).withConfig({ + displayName: "StyledItem", + componentId: "sc-1rlz2s1-0" +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$7$1, props)); +StyledItem.defaultProps = { + theme: DEFAULT_THEME +}; + +const COMPONENT_ID$6$1 = 'dropdowns.menu.item.content'; +const StyledItemContent = styled(StyledOptionContent).attrs({ + 'data-garden-id': COMPONENT_ID$6$1, + 'data-garden-version': '8.69.6' +}).withConfig({ + displayName: "StyledItemContent", + componentId: "sc-lycr0m-0" +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$6$1, props)); +StyledItemContent.defaultProps = { + theme: DEFAULT_THEME +}; + +const COMPONENT_ID$5$2 = 'dropdowns.menu.item_group'; +const StyledItemGroup = styled(StyledOptGroup).attrs({ + 'data-garden-id': COMPONENT_ID$5$2, + 'data-garden-version': '8.69.6' +}).withConfig({ + displayName: "StyledItemGroup", + componentId: "sc-1p1oxg2-0" +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$5$2, props)); +StyledItemGroup.defaultProps = { + theme: DEFAULT_THEME +}; + +const COMPONENT_ID$4$2 = 'dropdowns.menu.item.icon'; +const StyledItemIcon = styled(StyledOptionIcon).attrs({ + 'data-garden-id': COMPONENT_ID$4$2, + 'data-garden-version': '8.69.6' +}).withConfig({ + displayName: "StyledItemIcon", + componentId: "sc-1htsio6-0" +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$4$2, props)); +StyledItemIcon.defaultProps = { + theme: DEFAULT_THEME +}; + +const COMPONENT_ID$3$2 = 'dropdowns.menu.item.meta'; +const StyledItemMeta = styled(StyledOptionMeta).attrs({ + 'data-garden-id': COMPONENT_ID$3$2, + 'data-garden-version': '8.69.6' +}).withConfig({ + displayName: "StyledItemMeta", + componentId: "sc-1w4thi3-0" +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$3$2, props)); +StyledItemMeta.defaultProps = { + theme: DEFAULT_THEME +}; + +const COMPONENT_ID$2$2 = 'dropdowns.menu.item.type_icon'; +const StyledItemTypeIcon = styled(StyledOptionTypeIcon).attrs({ + 'data-garden-id': COMPONENT_ID$2$2, + 'data-garden-version': '8.69.6' +}).withConfig({ + displayName: "StyledItemTypeIcon", + componentId: "sc-15p2dtm-0" +})(["", "[aria-checked='true'] > &{opacity:1;}", ";"], StyledItem, props => retrieveComponentStyles(COMPONENT_ID$2$2, props)); +StyledItemTypeIcon.defaultProps = { + theme: DEFAULT_THEME +}; + +const COMPONENT_ID$1$2 = 'dropdowns.menu'; +const StyledMenu = styled(StyledListbox).attrs({ + 'data-garden-id': COMPONENT_ID$1$2, + 'data-garden-version': '8.69.6' +}).withConfig({ + displayName: "StyledMenu", + componentId: "sc-1ht6lc5-0" +})(["position:static !important;", ";", ";"], props => props.arrowPosition && arrowStyles(props.arrowPosition, { + size: `${props.theme.space.base * 2}px`, + inset: '2px', + animationModifier: '[data-garden-animate="true"]' +}), props => retrieveComponentStyles(COMPONENT_ID$1$2, props)); +StyledMenu.defaultProps = { + theme: DEFAULT_THEME +}; + +const COMPONENT_ID$v = 'dropdowns.menu.separator'; +const StyledMenuSeparator = styled(StyledListboxSeparator).attrs({ + 'data-garden-id': COMPONENT_ID$v, + 'data-garden-version': '8.69.6' +}).withConfig({ + displayName: "StyledMenuSeparator", + componentId: "sc-vjn46k-0" +})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID$v, props)); +StyledMenuSeparator.defaultProps = { + theme: DEFAULT_THEME +}; + const Listbox = reactExports.forwardRef((_ref, ref) => { let { appendToNode, @@ -18022,7 +18135,7 @@ const Listbox = reactExports.forwardRef((_ref, ref) => { } }, [ children, update]); - const Node = React__default.createElement(StyledFloating, { + const Node = React__default.createElement(StyledFloatingListbox, { "data-garden-animate": isVisible ? 'true' : 'false', isHidden: !isExpanded, position: placement === 'bottom-start' ? 'bottom' : 'top', @@ -18136,6 +18249,32 @@ TagComponent.propTypes = { const Tag = TagComponent; Tag.Avatar = TagAvatar; +const TagGroup = _ref => { + let { + children, + isDisabled, + isExpanded, + listboxZIndex, + maxTags, + optionTagProps, + selection + } = _ref; + return React__default.createElement(React__default.Fragment, null, selection.map((option, index) => { + const key = toString(option); + const disabled = isDisabled || option.disabled; + return React__default.createElement(Tag, _extends$5$1({ + key: key, + hidden: !isExpanded && index >= maxTags, + option: { + ...option, + disabled + }, + tooltipZIndex: listboxZIndex ? listboxZIndex + 1 : undefined + }, optionTagProps[key])); + }), children); +}; +TagGroup.displayName = 'TagGroup'; + const MAX_TAGS = 4; const Combobox = reactExports.forwardRef((_ref, ref) => { let { @@ -18177,21 +18316,23 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { setLabelProps } = useFieldContext(); const [isLabelHovered, setIsLabelHovered] = reactExports.useState(false); + const [isTagGroupExpanded, setIsTagGroupExpanded] = reactExports.useState(false); const [optionTagProps, setOptionTagProps] = reactExports.useState({}); const options = reactExports.useMemo(() => { const tagProps = {}; const retVal = toOptions(children, tagProps); - setOptionTagProps(value => ({ - ...value, - ...tagProps - })); + if (isMultiselectable) { + setOptionTagProps(value => ({ + ...value, + ...tagProps + })); + } return retVal; - }, [children]); + }, [children, isMultiselectable]); const hasFocus = reactExports.useRef(false); const triggerRef = reactExports.useRef(null); const inputRef = reactExports.useRef(null); const listboxRef = reactExports.useRef(null); - const tagsButtonRef = reactExports.useRef(null); const theme = reactExports.useContext(Be) || DEFAULT_THEME; const environment = useWindow(theme); const { @@ -18256,10 +18397,16 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { ...getTriggerProps({ onFocus: () => { hasFocus.current = true; + if (isMultiselectable) { + setIsTagGroupExpanded(true); + } }, onBlur: event => { if (event.relatedTarget === null || !triggerRef.current?.contains(event.relatedTarget)) { hasFocus.current = false; + if (isMultiselectable) { + setIsTagGroupExpanded(false); + } } } }) @@ -18269,6 +18416,7 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { hidden: !(isEditable && hasFocus.current), isBare, isCompact, + isEditable, isMultiselectable, placeholder, ...getInputProps({ @@ -18288,47 +18436,38 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { } return () => labelProps && setLabelProps(undefined); }, [getLabelProps, labelProps, setLabelProps]); - const Tags = _ref2 => { - let { - selectedOptions - } = _ref2; - const [isFocused, setIsFocused] = reactExports.useState(hasFocus.current); - const value = selectedOptions.length - maxTags; - return React__default.createElement(React__default.Fragment, null, selectedOptions.map((option, index) => { - const key = toString(option); - const disabled = isDisabled || option.disabled; - const hidden = !isFocused && index >= maxTags; - return React__default.createElement(Tag, _extends$5$1({ - key: key, - hidden: hidden, - onFocus: () => setIsFocused(true), - option: { - ...option, - disabled - }, - tooltipZIndex: listboxZIndex ? listboxZIndex + 1 : undefined - }, optionTagProps[key])); - }), !isFocused && selectedOptions.length > maxTags && React__default.createElement(StyledTagsButton, { - disabled: isDisabled, - isCompact: isCompact, - onClick: () => isEditable && inputRef.current?.focus(), - tabIndex: -1, - type: "button", - ref: tagsButtonRef - }, renderExpandTags ? renderExpandTags(value) : expandTags?.replace('{{value}}', value.toString()))); - }; return React__default.createElement(ComboboxContext.Provider, { value: contextValue }, React__default.createElement(StyledCombobox, _extends$5$1({ - isCompact: isCompact + isCompact: isCompact, + tabIndex: -1 }, props, { ref: ref }), React__default.createElement(StyledTrigger, triggerProps, React__default.createElement(StyledContainer, null, startIcon && React__default.createElement(StyledInputIcon, { isLabelHovered: isLabelHovered, isCompact: isCompact - }, startIcon), React__default.createElement(StyledInputGroup, null, isMultiselectable && Array.isArray(selection) && React__default.createElement(Tags, { - selectedOptions: selection - }), !(isEditable && hasFocus.current) && React__default.createElement(StyledValue, { + }, startIcon), React__default.createElement(StyledInputGroup, null, isMultiselectable && Array.isArray(selection) && React__default.createElement(TagGroup, { + isDisabled: isDisabled, + isExpanded: isTagGroupExpanded, + maxTags: maxTags, + optionTagProps: optionTagProps, + selection: selection + }, selection.length > maxTags && React__default.createElement(StyledTagsButton, { + disabled: isDisabled, + hidden: isTagGroupExpanded, + isCompact: isCompact, + onClick: event => { + if (isEditable) { + event.stopPropagation(); + inputRef.current?.focus(); + } + }, + tabIndex: -1, + type: "button" + }, (() => { + const value = selection.length - maxTags; + return renderExpandTags ? renderExpandTags(value) : expandTags?.replace('{{value}}', value.toString()); + })())), !(isEditable && hasFocus.current) && React__default.createElement(StyledValue, { isBare: isBare, isCompact: isCompact, isDisabled: isDisabled, @@ -18387,7 +18526,7 @@ Combobox.propTypes = { placeholder: PropTypes.string, renderExpandTags: PropTypes.func, renderValue: PropTypes.func, - selectionValue: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]), + selectionValue: PropTypes.any, startIcon: PropTypes.any, validation: PropTypes.oneOf(VALIDATION) }; @@ -18443,9 +18582,9 @@ const Label = reactExports.forwardRef((_ref, ref) => { labelProps } = useFieldContext(); return React__default.createElement(StyledLabel, _extends$5$1({}, labelProps, { - onClick: composeEventHandlers$2(onClick, labelProps?.onClick), - onMouseEnter: composeEventHandlers$2(onMouseEnter, labelProps?.onMouseEnter), - onMouseLeave: composeEventHandlers$2(onMouseLeave, labelProps?.onMouseLeave) + onClick: composeEventHandlers$3(onClick, labelProps?.onClick), + onMouseEnter: composeEventHandlers$3(onMouseEnter, labelProps?.onMouseEnter), + onMouseLeave: composeEventHandlers$3(onMouseLeave, labelProps?.onMouseLeave) }, props, { ref: ref })); @@ -18670,7 +18809,7 @@ const OptGroup = reactExports.forwardRef((_ref, ref) => { return React__default.createElement(StyledOption, _extends$5$1({ isCompact: isCompact, $type: "group", - onMouseDown: composeEventHandlers$2(onMouseDown, handleMouseDown), + onMouseDown: composeEventHandlers$3(onMouseDown, handleMouseDown), role: "none" }, props, { ref: ref @@ -18683,7 +18822,7 @@ const OptGroup = reactExports.forwardRef((_ref, ref) => { type: "header" }, icon), content || label), React__default.createElement(StyledOptGroup, _extends$5$1({ isCompact: isCompact - }, optGroupProps), React__default.createElement(StyledSeparator, { + }, optGroupProps), React__default.createElement(StyledListboxSeparator, { role: "none" }), children))); }); @@ -19036,7 +19175,7 @@ const SIZE = ['small', 'medium', 'large']; const COMPONENT_ID$5$1 = 'buttons.button_group_view'; const StyledButtonGroup = styled.div.attrs({ 'data-garden-id': COMPONENT_ID$5$1, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledButtonGroup", componentId: "sc-1fbpzef-0" @@ -19065,7 +19204,7 @@ const StyledIcon$1 = styled(_ref => { return React__default.cloneElement(reactExports.Children.only(children), props); }).attrs({ 'data-garden-id': COMPONENT_ID$4$1, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledIcon", componentId: "sc-19meqgg-0" @@ -19203,7 +19342,7 @@ const sizeStyles$4 = props => { }; const StyledButton = styled.button.attrs(props => ({ 'data-garden-id': COMPONENT_ID$3$1, - 'data-garden-version': '8.69.5', + 'data-garden-version': '8.69.6', type: props.type || 'button' })).withConfig({ displayName: "StyledButton", @@ -19216,7 +19355,7 @@ StyledButton.defaultProps = { const COMPONENT_ID$2$1 = 'buttons.anchor'; const StyledAnchor = styled(StyledButton).attrs(props => ({ 'data-garden-id': COMPONENT_ID$2$1, - 'data-garden-version': '8.69.5', + 'data-garden-version': '8.69.6', as: 'a', dir: props.theme.rtl ? 'rtl' : undefined, isLink: true, @@ -19250,7 +19389,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) { const COMPONENT_ID$1$1 = 'buttons.external_icon'; const StyledExternalIcon = styled(SvgNewWindowStroke).attrs({ 'data-garden-id': COMPONENT_ID$1$1, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledExternalIcon", componentId: "sc-16oz07e-0" @@ -19277,7 +19416,7 @@ const iconStyles = props => { }; const StyledIconButton = styled(StyledButton).attrs({ 'data-garden-id': COMPONENT_ID$c, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledIconButton", componentId: "sc-1t0ughp-0" @@ -19584,7 +19723,7 @@ const TYPE = ['success', 'warning', 'error', 'info']; const COMPONENT_ID$b = 'notifications.close'; const StyledClose = styled.button.attrs({ 'data-garden-id': COMPONENT_ID$b, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledClose", componentId: "sc-1mr9nx1-0" @@ -19599,7 +19738,7 @@ StyledClose.defaultProps = { const COMPONENT_ID$a = 'notifications.paragraph'; const StyledParagraph = styled.p.attrs({ 'data-garden-id': COMPONENT_ID$a, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledParagraph", componentId: "sc-12tmd6p-0" @@ -19611,7 +19750,7 @@ StyledParagraph.defaultProps = { const COMPONENT_ID$9 = 'notifications.title'; const StyledTitle = styled.div.attrs({ 'data-garden-id': COMPONENT_ID$9, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledTitle", componentId: "sc-xx4jsv-0" @@ -19668,7 +19807,7 @@ const COMPONENT_ID$8 = 'notifications.alert'; const colorStyles$5 = props => Ne(["", "{color:", ";}"], StyledTitle, props.hue && getColor(props.hue, 800, props.theme)); const StyledAlert = styled(StyledBase).attrs(props => ({ 'data-garden-id': COMPONENT_ID$8, - 'data-garden-version': '8.69.5', + 'data-garden-version': '8.69.6', role: props.role === undefined ? 'alert' : props.role })).withConfig({ displayName: "StyledAlert", @@ -19715,7 +19854,7 @@ const colorStyles$4 = props => { }; const StyledNotification = styled(StyledBase).attrs({ 'data-garden-id': COMPONENT_ID$7, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledNotification", componentId: "sc-uf6jh-0" @@ -19730,7 +19869,7 @@ StyledNotification.defaultProps = { const COMPONENT_ID$6 = 'notifications.well'; const StyledWell = styled(StyledBase).attrs({ 'data-garden-id': COMPONENT_ID$6, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledWell", componentId: "sc-a5831c-0" @@ -19817,7 +19956,7 @@ const sizeStyles$3 = props => { }; const StyledGlobalAlert = styled.div.attrs({ 'data-garden-id': COMPONENT_ID$5, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledGlobalAlert", componentId: "sc-k6rimt-0" @@ -19877,7 +20016,7 @@ const sizeStyles$2 = props => { }; const StyledGlobalAlertClose = styled(IconButton).attrs({ 'data-garden-id': COMPONENT_ID$4, - 'data-garden-version': '8.69.5', + 'data-garden-version': '8.69.6', size: 'small' }).withConfig({ displayName: "StyledGlobalAlertClose", @@ -19932,7 +20071,7 @@ function sizeStyles$1(props) { } const StyledGlobalAlertButton = styled(Button).attrs({ 'data-garden-id': COMPONENT_ID$3, - 'data-garden-version': '8.69.5', + 'data-garden-version': '8.69.6', focusInset: false, isDanger: false, isLink: false, @@ -19951,7 +20090,7 @@ StyledGlobalAlertButton.defaultProps = { const COMPONENT_ID$2 = 'notifications.global-alert.content'; const StyledGlobalAlertContent = styled.div.attrs({ 'data-garden-id': COMPONENT_ID$2, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledGlobalAlertContent", componentId: "sc-rept0u-0" @@ -19975,7 +20114,7 @@ const StyledGlobalAlertIcon = styled(_ref => { return React__default.cloneElement(reactExports.Children.only(children), props); }).attrs({ 'data-garden-id': COMPONENT_ID$1, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledGlobalAlertIcon", componentId: "sc-84ne9k-0" @@ -20003,7 +20142,7 @@ const colorStyles = props => { }; const StyledGlobalAlertTitle = styled.div.attrs({ 'data-garden-id': COMPONENT_ID, - 'data-garden-version': '8.69.5' + 'data-garden-version': '8.69.6' }).withConfig({ displayName: "StyledGlobalAlertTitle", componentId: "sc-10clqbo-0" diff --git a/package.json b/package.json index 8fe82f4df..e2e3b3fc0 100644 --- a/package.json +++ b/package.json @@ -13,15 +13,15 @@ "zcli": "zcli" }, "dependencies": { - "@zendeskgarden/react-buttons": "^8.69.1", - "@zendeskgarden/react-dropdowns.next": "^8.69.1", - "@zendeskgarden/react-forms": "^8.69.1", - "@zendeskgarden/react-notifications": "^8.69.1", - "@zendeskgarden/react-theming": "^8.69.1", + "@zendeskgarden/react-buttons": "^8.69.6", + "@zendeskgarden/react-dropdowns.next": "^8.69.6", + "@zendeskgarden/react-forms": "^8.69.6", + "@zendeskgarden/react-notifications": "^8.69.6", + "@zendeskgarden/react-theming": "^8.69.6", "node-fetch": "2.6.9", - "react": "^17.0.2", - "react-dom": "^17.0.2", - "react-is": "^17.0.2", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "react-is": "^18.2.0", "styled-components": "^5.3.11" }, "devDependencies": { diff --git a/src/modules/new-request-form/NewRequestForm.tsx b/src/modules/new-request-form/NewRequestForm.tsx index 981db35c9..3fcd8aaef 100644 --- a/src/modules/new-request-form/NewRequestForm.tsx +++ b/src/modules/new-request-form/NewRequestForm.tsx @@ -7,6 +7,7 @@ import { Button } from "@zendeskgarden/react-buttons"; import styled from "styled-components"; import { Alert } from "@zendeskgarden/react-notifications"; import { useSubmitHandler } from "./useSubmitHandler"; +import { CcField } from "./fields/CcField"; export interface NewRequestFormProps { ticketForms: TicketForm[]; @@ -67,6 +68,8 @@ export function NewRequestForm({ case "organization_id": case "tickettype": return ; + case "cc_email": + return ; default: return <>; } diff --git a/src/modules/new-request-form/fields/CcField.tsx b/src/modules/new-request-form/fields/CcField.tsx new file mode 100644 index 000000000..8234e2cb6 --- /dev/null +++ b/src/modules/new-request-form/fields/CcField.tsx @@ -0,0 +1,92 @@ +import type { IComboboxProps } from "@zendeskgarden/react-dropdowns.next"; +import { + Field as GardenField, + Label, + Hint, + Combobox, + Option, + Message, +} from "@zendeskgarden/react-dropdowns.next"; +import type { Field } from "../data-types"; +import { useState } from "react"; + +interface CcFieldProps { + field: Field; +} + +const EMAIL_REGEX = + /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; + +export function CcField({ field }: CcFieldProps): JSX.Element { + const { label, error, value, name, description } = field; + const initialOptions = value ? value.split(",").map((v) => v.trim()) : []; + const [options, setOptions] = useState(initialOptions); + const [selectionValue, setSelectionValue] = + useState(initialOptions); + const [inputValue, setInputValue] = useState(""); + + const handleChange: IComboboxProps["onChange"] = (changes) => { + console.log(changes); + const newSelectionValue = + changes.selectionValue !== undefined && + Array.isArray(changes.selectionValue) + ? changes.selectionValue + : selectionValue; + + if (changes.selectionValue !== undefined) { + setSelectionValue(newSelectionValue); + } + + if (changes.inputValue === undefined) { + setOptions(newSelectionValue); + } else { + setInputValue(changes.inputValue); + if (changes.inputValue === "") { + setOptions(newSelectionValue); + } else { + const regex = new RegExp( + changes.inputValue.replace(/[.*+?^${}()|[\]\\]/giu, "\\$&"), + "giu" + ); + + setOptions(newSelectionValue.filter((option) => option.match(regex))); + } + } + }; + + return ( + + + {description && {description}} + + {options.length === 0 ? ( + + )} + + {error && {error}} + {selectionValue.map((value) => ( + + ))} + + ); +} diff --git a/yarn.lock b/yarn.lock index a139250bb..c3bd83352 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1129,9 +1129,9 @@ which "^2.0.2" "@oclif/color@^1.0.2", "@oclif/color@^1.0.3": - version "1.0.8" - resolved "https://registry.yarnpkg.com/@oclif/color/-/color-1.0.8.tgz#cbecbbc6f4e2461e49a0948701013f5d9dd86dd2" - integrity sha512-XD1MLzkVsPzlkTN6OV0DeN/5iK/bv/MpGRnAZ+lCc20LO0Tyjyph6DUdoRNTJ4iMqliJt32uE3FrFK+Qms2Kjg== + version "1.0.10" + resolved "https://registry.yarnpkg.com/@oclif/color/-/color-1.0.10.tgz#e83e3a30fffc93076281398cbeaa4f761c4df09e" + integrity sha512-INWEDAL3SzzR3pIhkrqk22HV6JravLUeRZXAIpoQqIeLReauaibCVcNTzOlt0z0S8YrqRhksc54ZxZC4Oa8xBw== dependencies: ansi-styles "^4.2.1" chalk "^4.1.0" @@ -1254,9 +1254,9 @@ semver "^7.3.8" "@oclif/screen@^3.0.4": - version "3.0.5" - resolved "https://registry.yarnpkg.com/@oclif/screen/-/screen-3.0.5.tgz#9e435649c176fb9840ecf4264b789c79d7a86df0" - integrity sha512-8DtTAZ0CsKdYjvGadITQTdpEhfhy6UQ3Q/bj4dVSqTGDS07BMZbPXUo9aqLhWKxbJLQiANJjgU10iYPUHfw8WQ== + version "3.0.6" + resolved "https://registry.yarnpkg.com/@oclif/screen/-/screen-3.0.6.tgz#35539ba5d78a5743e5ac0c5dd707965019df9ee3" + integrity sha512-nEv7dFPxCrWrvK6dQ8zya0/Kb54EXVcwIKV9capjSa89ZDoOo+qH0YSo4/eQVECXgW3eUvgKLDIcIt62YBk0HA== "@octokit/auth-token@^3.0.0": version "3.0.3" @@ -2173,14 +2173,14 @@ chalk "^4.1.2" tslib "^2.4.0" -"@zendeskgarden/container-combobox@^1.0.0": - version "1.0.0" - resolved "https://registry.yarnpkg.com/@zendeskgarden/container-combobox/-/container-combobox-1.0.0.tgz#c3d24a4524ce110492c2a6b2c3165c0515b63ef2" - integrity sha512-j6NMezEFEVBe6J27vA9ZTLq2JiZUjwuf9AyZO3rU5D3OkAIw1LUknNfq27j6GqKMOy+Td4CmTb6CqJHQjjRFKg== +"@zendeskgarden/container-combobox@^1.0.5": + version "1.0.5" + resolved "https://registry.yarnpkg.com/@zendeskgarden/container-combobox/-/container-combobox-1.0.5.tgz#c167f21905f75bb9cbc5338a5da89368e42d7d7f" + integrity sha512-QnjIdgTk2osFshNEDE+fmO28JpDhU9iBgNBi7f7En8hu67HBkDCHxOiJKjG1d3j1MwyEsYmVDZ+DKqxoXKzBhA== dependencies: "@babel/runtime" "^7.8.4" - "@zendeskgarden/container-field" "^3.0.5" - "@zendeskgarden/container-utilities" "^1.0.6" + "@zendeskgarden/container-field" "^3.0.7" + "@zendeskgarden/container-utilities" "^1.0.8" downshift "^7.6.0" "@zendeskgarden/container-field@^2.1.0": @@ -2191,13 +2191,13 @@ "@babel/runtime" "^7.8.4" react-uid "^2.2.0" -"@zendeskgarden/container-field@^3.0.5": - version "3.0.5" - resolved "https://registry.yarnpkg.com/@zendeskgarden/container-field/-/container-field-3.0.5.tgz#851fb48ba2ef2222eabb6833335af49771f20976" - integrity sha512-0a0TIIeYSCkvRLSjiwatpQdk8A7S8h4KK0Ikvm4Rh85MepG9f+aJ0AcMJl6oVGo/d1jC/+u6B1yqv2bOQ3PGiw== +"@zendeskgarden/container-field@^3.0.7": + version "3.0.7" + resolved "https://registry.yarnpkg.com/@zendeskgarden/container-field/-/container-field-3.0.7.tgz#dc4d2b02461caee1959f5784720f444af663c587" + integrity sha512-JnI5fvqI1tnbzl/PFybeyq/rRsEu7fLGYqbrgnijp1gs/75kY0D6PssFFBC3qXhyvJoarv92loIc3Zt7wRPqyA== dependencies: "@babel/runtime" "^7.8.4" - "@zendeskgarden/container-utilities" "^1.0.6" + "@zendeskgarden/container-utilities" "^1.0.8" "@zendeskgarden/container-focusvisible@^1.0.0": version "1.0.6" @@ -2247,10 +2247,10 @@ "@babel/runtime" "^7.8.4" "@reach/auto-id" "^0.18.0" -"@zendeskgarden/react-buttons@^8.69.1", "@zendeskgarden/react-buttons@^8.69.5": - version "8.69.5" - resolved "https://registry.yarnpkg.com/@zendeskgarden/react-buttons/-/react-buttons-8.69.5.tgz#71e79ad5a77de7f964f11195756c97ad3604989b" - integrity sha512-KP/RacKOJZIDNnDznOhUBqbg51Op171HVR9LFNmfpfiz0jWyw7Zj6BWX4weIcquYXWTJy2SiCmrRWZN2jOeueA== +"@zendeskgarden/react-buttons@^8.69.6": + version "8.69.6" + resolved "https://registry.yarnpkg.com/@zendeskgarden/react-buttons/-/react-buttons-8.69.6.tgz#16d456515a1f8c3c813b7de36fcb6bb8d486eaed" + integrity sha512-dwFx8BJv/exnoFmme392Eooa1bfm+/uB0lwCoJtuphU/Imi2ZzZKhOTCc+Wr9WdWJEYrS7cwoORrKzVrS1eQ3Q== dependencies: "@zendeskgarden/container-selection" "^3.0.0" "@zendeskgarden/container-utilities" "^1.0.6" @@ -2258,25 +2258,25 @@ prop-types "^15.5.7" react-merge-refs "^1.1.0" -"@zendeskgarden/react-dropdowns.next@^8.69.1": - version "8.69.1" - resolved "https://registry.yarnpkg.com/@zendeskgarden/react-dropdowns.next/-/react-dropdowns.next-8.69.1.tgz#d76ab9d7a88799ceeef7aa312dc90136768fe762" - integrity sha512-7N2pfvNDTxpcVP6Fn9wLn1wBrCYrqVEsVzcNZS8cKXCVkVKA++iPQsaptztSB8TISZ8nX8/ny3pORIwsEVDbXQ== +"@zendeskgarden/react-dropdowns.next@^8.69.6": + version "8.69.6" + resolved "https://registry.yarnpkg.com/@zendeskgarden/react-dropdowns.next/-/react-dropdowns.next-8.69.6.tgz#309425101f668a2908a22650c2fdefa4ef2c49ec" + integrity sha512-70WJ3KeuVIhl36NiSaGT79/Eigsefj1Wzq6iODw8Zkug9JP7S4wTF8cVwtKVDwLeLLKoaimmuW7eOEixwvO0fA== dependencies: "@floating-ui/react-dom" "^2.0.0" - "@zendeskgarden/container-combobox" "^1.0.0" + "@zendeskgarden/container-combobox" "^1.0.5" "@zendeskgarden/container-utilities" "^1.0.0" - "@zendeskgarden/react-forms" "^8.69.1" - "@zendeskgarden/react-tags" "^8.69.1" - "@zendeskgarden/react-tooltips" "^8.69.1" + "@zendeskgarden/react-forms" "^8.69.6" + "@zendeskgarden/react-tags" "^8.69.6" + "@zendeskgarden/react-tooltips" "^8.69.6" polished "^4.0.0" prop-types "^15.7.2" react-merge-refs "^1.1.0" -"@zendeskgarden/react-forms@^8.69.1": - version "8.69.1" - resolved "https://registry.yarnpkg.com/@zendeskgarden/react-forms/-/react-forms-8.69.1.tgz#2433f184e82cd728354dd014d633cd070049701c" - integrity sha512-44rWnQdQJ6mvX6/D7dH0Br8SPrDFWhYhsCc3qSsHRSY0zXjNjJrnBE0O/T0aH4HhBm51oFDW71zj2kY5YUbBiw== +"@zendeskgarden/react-forms@^8.69.6": + version "8.69.6" + resolved "https://registry.yarnpkg.com/@zendeskgarden/react-forms/-/react-forms-8.69.6.tgz#156f71a932c5fa5c5dcadcf9b735b8cdd56f185e" + integrity sha512-0cQJ7F456ECcVdwK/h2AoycFq9wnSbAQTmxPdmySigpj8ysM1vyzLELZ71gQrvp7QanS0kNkwFUG1ChnT30dGA== dependencies: "@zendeskgarden/container-field" "^2.1.0" "@zendeskgarden/container-slider" "^0.1.1" @@ -2286,30 +2286,30 @@ prop-types "^15.5.7" react-merge-refs "^1.1.0" -"@zendeskgarden/react-notifications@^8.69.1": - version "8.69.5" - resolved "https://registry.yarnpkg.com/@zendeskgarden/react-notifications/-/react-notifications-8.69.5.tgz#304c1e69781d4ae030f321639643565c9ef63a9e" - integrity sha512-e65xK1gw9YCTnVm/Sn8BBoXGrzIK9gLdkJojz0//db2HIpU5sELmJIsOCVIGD52x9eFYKkiM7m71bamqUWRxXA== +"@zendeskgarden/react-notifications@^8.69.6": + version "8.69.6" + resolved "https://registry.yarnpkg.com/@zendeskgarden/react-notifications/-/react-notifications-8.69.6.tgz#c354c91d8e9261d656f5a4231bc7a0e040b1b417" + integrity sha512-8PkyrXleCrRMGnMja4mkfAyU/g0emB0jDu7R09oOvtBroiaE637BFBfvQ9sc3nSJMThpauIRqS8CgAGTwuWenQ== dependencies: - "@zendeskgarden/react-buttons" "^8.69.5" + "@zendeskgarden/react-buttons" "^8.69.6" polished "^4.1.1" prop-types "^15.5.7" react-transition-group "^4.4.2" react-uid "^2.3.1" -"@zendeskgarden/react-tags@^8.69.1": - version "8.69.1" - resolved "https://registry.yarnpkg.com/@zendeskgarden/react-tags/-/react-tags-8.69.1.tgz#eb64cb1ba0ba88f034b00f1c053bc2f8997f24c5" - integrity sha512-DX26HIdELp0C3Dw56AW8ZufW2OgT8QlY0gznk5+h9d+fjoVMXEE+eZ4TuZ04BDZDKbL9esMuhZshQ3HVEBlRgA== +"@zendeskgarden/react-tags@^8.69.6": + version "8.69.6" + resolved "https://registry.yarnpkg.com/@zendeskgarden/react-tags/-/react-tags-8.69.6.tgz#276ecf8d12197cf77db0feea2abfa535dc8c84b1" + integrity sha512-GShVyNGsVKzglWhE7m9mNuei3KCg57/vY5lz2IHddH9DckAxhQIKyhxSvKOBeTRBos4ql3d3Kza+gp2cdFJosg== dependencies: "@zendeskgarden/container-utilities" "^1.0.0" polished "^4.0.0" prop-types "^15.5.7" -"@zendeskgarden/react-theming@^8.69.1": - version "8.69.1" - resolved "https://registry.yarnpkg.com/@zendeskgarden/react-theming/-/react-theming-8.69.1.tgz#72e1efb5ac35ff4d4a69a40e6fff3c2b9ce88af2" - integrity sha512-PRJ+1J/HCSrM/k7/1KySpG3fEpWRm2sosWq2EmOFdwOLi50cuNHmD0lvBN/gsdXHiTaRH5XfA3FeD9XeGP9yIA== +"@zendeskgarden/react-theming@^8.69.6": + version "8.69.6" + resolved "https://registry.yarnpkg.com/@zendeskgarden/react-theming/-/react-theming-8.69.6.tgz#b1a2af2eb42645d1db4972f5b0cacd0a5a1ed0bb" + integrity sha512-ltWaRPRts7ynUrYxJapEoBjK3zUAw57z/vH0GuxG7k+ngczj4Vt2HvWIrdMACWqd9KTdQ11lgeJjXGsTxrLD4Q== dependencies: "@zendeskgarden/container-focusvisible" "^1.0.0" "@zendeskgarden/container-utilities" "^1.0.0" @@ -2317,10 +2317,10 @@ polished "^4.0.0" prop-types "^15.5.7" -"@zendeskgarden/react-tooltips@^8.69.1": - version "8.69.1" - resolved "https://registry.yarnpkg.com/@zendeskgarden/react-tooltips/-/react-tooltips-8.69.1.tgz#092341bc991386898dc00df28584eb29a36f8e8e" - integrity sha512-o8DQ2YxE78N23dVS5Pfhnw4qJso0uB+/uebWK3QSmOH5CeS3M30g0VsA90fbPHsYjLs2D+6Xt5Zhm3aSgv8RTg== +"@zendeskgarden/react-tooltips@^8.69.6": + version "8.69.6" + resolved "https://registry.yarnpkg.com/@zendeskgarden/react-tooltips/-/react-tooltips-8.69.6.tgz#4f87a27ac8730135685c8664a45ecdabcb228b0c" + integrity sha512-tksenWVPap1tslDzAtl6FE9vlvIq+9cWQVlF4mf16LuaHWDms+ox9MmmQ1qXidgMtgS31cO3kocm0Y4mUNJpVQ== dependencies: "@zendeskgarden/container-tooltip" "^1.0.0" "@zendeskgarden/container-utilities" "^1.0.0" @@ -2444,11 +2444,6 @@ ansi-colors@^4.1.1: resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b" integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw== -ansi-escapes@^3.1.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b" - integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ== - ansi-escapes@^4.2.1, ansi-escapes@^4.3.2: version "4.3.2" resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e" @@ -3487,17 +3482,6 @@ cross-fetch@3.1.5: dependencies: node-fetch "2.6.7" -cross-spawn@^6.0.5: - version "6.0.5" - resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4" - integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ== - dependencies: - nice-try "^1.0.4" - path-key "^2.0.1" - semver "^5.5.0" - shebang-command "^1.2.0" - which "^1.2.9" - cross-spawn@^7.0.2, cross-spawn@^7.0.3: version "7.0.3" resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6" @@ -5267,9 +5251,9 @@ init-package-json@^3.0.2: validate-npm-package-name "^4.0.0" inquirer@^8.0.0, inquirer@^8.2.5: - version "8.2.5" - resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-8.2.5.tgz#d8654a7542c35a9b9e069d27e2df4858784d54f8" - integrity sha512-QAgPDQMEgrDssk1XiwwHoOGYF9BAbUcc1+j+FhEvaOt8/cKRqyLn0U5qA6F74fGhTMGxf92pOvPBeh29jQJDTQ== + version "8.2.6" + resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-8.2.6.tgz#733b74888195d8d400a67ac332011b5fae5ea562" + integrity sha512-M1WuAmb7pn9zdFRtQYk26ZBoY043Sse0wVDdk4Bppr+JOXyQYybdtvK+l9wUibhtjdjvtoiNy8tk+EgsYIUqKg== dependencies: ansi-escapes "^4.2.1" chalk "^4.1.1" @@ -5285,7 +5269,7 @@ inquirer@^8.0.0, inquirer@^8.2.5: string-width "^4.1.0" strip-ansi "^6.0.0" through "^2.3.6" - wrap-ansi "^7.0.0" + wrap-ansi "^6.0.1" internal-slot@^1.0.3, internal-slot@^1.0.4, internal-slot@^1.0.5: version "1.0.5" @@ -7049,11 +7033,6 @@ nerf-dart@^1.0.0: resolved "https://registry.yarnpkg.com/nerf-dart/-/nerf-dart-1.0.0.tgz#e6dab7febf5ad816ea81cf5c629c5a0ebde72c1a" integrity sha512-EZSPZB70jiVsivaBLYDCyntd5eH8NTSMOn3rB+HxwdmKThGELLdYv8qVIMWvZEFy9w8ZZpW9h9OB32l1rGtj7g== -nice-try@^1.0.4: - version "1.0.5" - resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366" - integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ== - node-abi@^3.3.0: version "3.45.0" resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.45.0.tgz#f568f163a3bfca5aacfce1fbeee1fa2cc98441f5" @@ -7703,12 +7682,12 @@ parseurl@~1.3.3: integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ== password-prompt@^1.1.2: - version "1.1.2" - resolved "https://registry.yarnpkg.com/password-prompt/-/password-prompt-1.1.2.tgz#85b2f93896c5bd9e9f2d6ff0627fa5af3dc00923" - integrity sha512-bpuBhROdrhuN3E7G/koAju0WjVw9/uQOG5Co5mokNj0MiOSBVZS1JTwM4zl55hu0WFmIEFvO9cU9sJQiBIYeIA== + version "1.1.3" + resolved "https://registry.yarnpkg.com/password-prompt/-/password-prompt-1.1.3.tgz#05e539f4e7ca4d6c865d479313f10eb9db63ee5f" + integrity sha512-HkrjG2aJlvF0t2BMH0e2LB/EHf3Lcq3fNMzy4GYHcQblAvOl+QQji1Lx7WRBMqpVK8p+KR7bCg7oqAMXtdgqyw== dependencies: - ansi-escapes "^3.1.0" - cross-spawn "^6.0.5" + ansi-escapes "^4.3.2" + cross-spawn "^7.0.3" path-exists@^3.0.0: version "3.0.0" @@ -7725,11 +7704,6 @@ path-is-absolute@^1.0.0: resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f" integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg== -path-key@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40" - integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw== - path-key@^3.0.0, path-key@^3.1.0: version "3.1.1" resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375" @@ -8095,14 +8069,13 @@ rc@^1.2.7, rc@^1.2.8: minimist "^1.2.0" strip-json-comments "~2.0.1" -react-dom@^17.0.2: - version "17.0.2" - resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23" - integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA== +react-dom@^18.2.0: + version "18.2.0" + resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d" + integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g== dependencies: loose-envify "^1.1.0" - object-assign "^4.1.1" - scheduler "^0.20.2" + scheduler "^0.23.0" react-is@^16.13.1, react-is@^16.7.0: version "16.13.1" @@ -8114,7 +8087,7 @@ react-is@^17.0.1, react-is@^17.0.2: resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0" integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== -react-is@^18.0.0: +react-is@^18.0.0, react-is@^18.2.0: version "18.2.0" resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b" integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w== @@ -8154,13 +8127,12 @@ react-uid@^2.2.0, react-uid@^2.3.1: dependencies: tslib "^2.0.0" -react@^17.0.2: - version "17.0.2" - resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037" - integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA== +react@^18.2.0: + version "18.2.0" + resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5" + integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ== dependencies: loose-envify "^1.1.0" - object-assign "^4.1.1" read-cmd-shim@^3.0.0: version "3.0.1" @@ -8478,9 +8450,9 @@ sass@1.58.3: source-map-js ">=0.6.2 <2.0.0" sass@^1.60.0: - version "1.63.6" - resolved "https://registry.yarnpkg.com/sass/-/sass-1.63.6.tgz#481610e612902e0c31c46b46cf2dad66943283ea" - integrity sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw== + version "1.64.2" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.64.2.tgz#0d9805ad6acf31c59c3acc725fcfb91b7fcc6909" + integrity sha512-TnDlfc+CRnUAgLO9D8cQLFu/GIjJIzJCGkE7o4ekIGQOH7T3GetiRR/PsTWJUHhkzcSPrARkPI+gNWn5alCzDg== dependencies: chokidar ">=3.0.0 <4.0.0" immutable "^4.0.0" @@ -8502,13 +8474,12 @@ saxes@^6.0.0: dependencies: xmlchars "^2.2.0" -scheduler@^0.20.2: - version "0.20.2" - resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91" - integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ== +scheduler@^0.23.0: + version "0.23.0" + resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe" + integrity sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw== dependencies: loose-envify "^1.1.0" - object-assign "^4.1.1" semantic-release@19.0.5: version "19.0.5" @@ -8568,11 +8539,6 @@ semver@7.5.0: dependencies: lru-cache "^6.0.0" -semver@^5.5.0: - version "5.7.2" - resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8" - integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g== - semver@^6.0.0, semver@^6.3.0: version "6.3.0" resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d" @@ -8636,13 +8602,6 @@ shallowequal@^1.1.0: resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8" integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ== -shebang-command@^1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea" - integrity sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg== - dependencies: - shebang-regex "^1.0.0" - shebang-command@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea" @@ -8650,11 +8609,6 @@ shebang-command@^2.0.0: dependencies: shebang-regex "^3.0.0" -shebang-regex@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3" - integrity sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ== - shebang-regex@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172" @@ -9260,9 +9214,9 @@ tslib@^1.8.1, tslib@^1.9.3: integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg== tslib@^2, tslib@^2.1.0, tslib@^2.4.0, tslib@^2.4.1: - version "2.5.2" - resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.2.tgz#1b6f07185c881557b0ffa84b111a0106989e8338" - integrity sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA== + version "2.6.1" + resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.1.tgz#fd8c9a0ff42590b25703c0acb3de3d3f4ede0410" + integrity sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig== tslib@^2.0.0, tslib@^2.3.0, tslib@^2.5.0, tslib@^2.6.0: version "2.6.0" @@ -9640,13 +9594,6 @@ which-typed-array@^1.1.9: has-tostringtag "^1.0.0" is-typed-array "^1.1.10" -which@^1.2.9: - version "1.3.1" - resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a" - integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ== - dependencies: - isexe "^2.0.0" - which@^2.0.1, which@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1" @@ -9678,6 +9625,15 @@ wordwrap@^1.0.0: resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb" integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q== +wrap-ansi@^6.0.1: + version "6.2.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53" + integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA== + dependencies: + ansi-styles "^4.0.0" + string-width "^4.1.0" + strip-ansi "^6.0.0" + wrap-ansi@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"