@mailstep/design-system 0.7.77 → 0.7.78-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.77",
+  "version": "0.7.78-beta.1",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/components/Filters/NumberRange/NumberRange.js

@@ -54,10 +54,14 @@ var createEqualComparators = [
 var normalizeValue = function (number, isFloat, decimals) {
     var normalized = String(number)
         .replace(',', '.')
-        .replace(/[^0-9.]/g, '');
+        .replace(/(?!^)-/g, '')
+        .replace(/[^0-9.-]/g, '');
     if (isFloat || !normalized) {
         return normalized;
     }
+    if (normalized === '-') {
+        return '-';
+    }
     return !decimals ? parseInt(normalized, 10) : (parseFloat(normalized) || 0).toFixed(decimals).substr(0, String(number).length);
 };
 var NumberRange = function (props) {
@@ -95,7 +99,9 @@ var NumberRange = function (props) {
                 return;
             }
         }
+        console.log('event.target.value', event.target.value);
         var number = normalizeValue(event.target.value, isFloat, decimals);
+        console.log('number', number);
         var isValid = number || number === 0;
         onChange({ comparator: comparator, value: isValid ? number : '' });
     });

package/ui/Blocks/CommonGrid/storybook/utils/columnDefinition.js

@@ -40,6 +40,9 @@ export var columnDefinitions = [
         flexBasis: 160,
         filtering: true,
         filteringType: 'number',
+        filterExtraProps: {
+            decimals: 2
+        },
         sorting: true
     },
     {

package/ui/index.es.js

@@ -29193,8 +29193,8 @@ const T6e = Z(Ne.div)`
   value: "neq",
   icon: "notEqual"
 }], BI = (e, t, n) => {
-  const r = String(e).replace(",", ".").replace(/[^0-9.]/g, "");
-  return t || !r ? r : n ? (parseFloat(r) || 0).toFixed(n).substr(0, String(e).length) : parseInt(r, 10);
+  const r = String(e).replace(",", ".").replace(/(?!^)-/g, "").replace(/[^0-9.-]/g, "");
+  return t || !r ? r : r === "-" ? "-" : n ? (parseFloat(r) || 0).toFixed(n).substr(0, String(e).length) : parseInt(r, 10);
 }, J6e = (e) => {
   var U;
   const t = _6e(), {
@@ -29235,8 +29235,9 @@ const T6e = Z(Ne.div)`
         return;
       }
     }
+    console.log("event.target.value", J.target.value);
     const D = BI(J.target.value, c, l);
-    o({
+    console.log("number", D), o({
       comparator: S,
       value: D || D === 0 ? D : ""
     });

package/ui/index.umd.js

@@ -2027,7 +2027,7 @@ var p6e="január_február_marec_apríl_máj_jún_júl_august_september_október_
   height: 12px;
   line-height: 6px;
   padding-top: 1px;
-`,OB=({list:e,selected:t,onClick:n})=>{const r=C.useCallback(i=>()=>{n(i)},[n]);return p.jsx(E6e,{className:"ignore-element-for-closing-hook",children:e.map(i=>p.jsx(k6e,{onClick:r(i),children:p.jsxs(M6e,{selected:t===i.value,children:[i.icon&&p.jsx(L6e,{children:p.jsx(at,{icon:i.icon,fill:"red1",size:"8px"})}),i.label]})},i.value))})},O6e=({children:e})=>p.jsx("div",{children:e}),P6e=()=>[{label:Fe._({id:"dataGrid.comparator.equals",message:"Equals"}),value:"eq",icon:"equals"},{label:Fe._({id:"dataGrid.comparator.notEquals",message:"Not equal"}),value:"neq",icon:"notEqual"},{label:Fe._({id:"dataGrid.comparator.lessThan",message:"Less than"}),value:"lt",icon:"lessThen"},{label:Fe._({id:"dataGrid.comparator.lessThanOrEquals",message:"Less than or equals"}),value:"lte",icon:"lessThanEqual"},{label:Fe._({id:"dataGrid.comparator.greaterThan",message:"Greater than"}),value:"gt",icon:"greaterThan"},{label:Fe._({id:"dataGrid.comparator.greaterThanOrEquals",message:"Greater than or equal"}),value:"gte",icon:"greaterThanEqual"}],T6e=[{label:Fe._({id:"dataGrid.comparator.equals",message:"Equals"}),value:"eq",icon:"equals"},{label:Fe._({id:"dataGrid.comparator.notEquals",message:"Not equal"}),value:"neq",icon:"notEqual"}],PB=(e,t,n)=>{const r=String(e).replace(",",".").replace(/[^0-9.]/g,"");return t||!r?r:n?(parseFloat(r)||0).toFixed(n).substr(0,String(e).length):parseInt(r,10)},D6e=e=>{var _;const t=P6e(),{name:n,value:r={},label:i,onChange:o,decimals:l,isFloat:c,className:d,OverlayComponent:f=O6e,comparators:h,defaultComparator:g,isEqual:v,...y}=e,[w,S]=C.useState(!1),I=(r==null?void 0:r.comparator)||g||((_=h==null?void 0:h[0])==null?void 0:_.value)||t[0].value,M=h||(v?T6e:t),L=r!=null&&r.value||(r==null?void 0:r.value)===0?r.value:"",T=C.useCallback(()=>{S(!1)},[]),P=Io({onClose:T}),R=C.useCallback(()=>{S(!w)},[w,S]),B=pu(X=>{if(I==="between"){const ee=String(X.target.value).split(",");if(ee.length>2){o({comparator:I,value:""});return}if(ee.length===2){const oe=ee.map(ae=>PB(ae,!1,0));o({comparator:I,value:oe.join(",")});return}}const N=PB(X.target.value,c,l);o({comparator:I,value:N||N===0?N:""})}),W=pu(X=>{o({comparator:X.value,value:L})});return p.jsxs("div",{ref:P,children:[p.jsx($a,{name:n,value:L,label:i,"data-cy":`${n}Inp`,onChange:B,iconOnClick:R,icon:"ellipsisVertical",iconPlacement:"right",type:"text",className:d,autoComplete:"off",...y}),w&&p.jsx(f,{children:p.jsx(OB,{list:M,selected:I,onClick:W})})]})},B6e=({children:e})=>p.jsx("div",{children:e}),N6e=/^([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])$/,F6e=()=>[{label:Fe._({id:"dataGrid.comparator.contains",message:"Contains"}),value:"like",icon:"check"},{label:Fe._({id:"dataGrid.comparator.notContains",message:"Not contains"}),value:"notLike",icon:"false"},{label:Fe._({id:"dataGrid.comparator.equals",message:"Equals"}),value:"eq",icon:"equals"},{label:Fe._({id:"dataGrid.comparator.notEquals",message:"Not equal"}),value:"neq",icon:"notEqual"},{label:Fe._({id:"dataGrid.comparator.startsWith",message:"Starts with"}),value:"startsWith",icon:"startsWith"},{label:Fe._({id:"dataGrid.comparator.endsWith",message:"Ends with"}),value:"endsWith",icon:"endsWith"}],j6e=()=>[{label:Fe._({id:"dataGrid.comparator.contains",message:"Contains"}),value:"like",icon:"check"},{label:Fe._({id:"dataGrid.comparator.equals",message:"Equals"}),value:"in",icon:"equals"}],R6e=()=>[{label:Fe._({id:"dataGrid.comparator.equals",message:"Equals"}),value:"eq",icon:"equals"},{label:Fe._({id:"dataGrid.comparator.notEquals",message:"Not equal"}),value:"neq",icon:"notEqual"}],z6e={ip:{check:e=>N6e.test(e.trim()),errorMsg:p.jsx(ct,{id:"dataGrid.errors.ipValidationError",message:"Value is not valid ip"})}},W6e=e=>{var q;const{name:t,value:n={},label:r,onChange:i,className:o,OverlayComponent:l=B6e,eqOnly:c,isPresent:d,isEqual:f,defaultComparator:h,comparators:g,validation:v,...y}=e,w=Fe._({id:"dataGrid.filterTxtEqWarning",message:"This filter can only do exact match"}),[S,I]=C.useState(!1),E=F6e(),M=j6e(),L=R6e(),T=h||((q=g==null?void 0:g[0])==null?void 0:q.value)||E[0].value,P=c?"eq":(n==null?void 0:n.comparator)||T,B=g||(f?L:d?M:E),W=(n==null?void 0:n.value)||"",_=C.useCallback(()=>{I(!1)},[]),X=Io({onClose:_}),N=C.useCallback(()=>{I(!S)},[S,I]),H=!!v&&z6e[v],ee=H&&!!(W&&!H.check(String(W))),oe=pu(ue=>{const ge=ue.target.value;i(ge?{comparator:P,value:ge,isInvalid:H&&!H.check(ge)}:null)}),ae=pu(ue=>{i({comparator:ue.value,value:W,isInvalid:ee})});return p.jsxs("div",{ref:X,children:[p.jsx($a,{name:t,"data-test":t,"data-cy":`${t}Inp`,value:W,label:r,onChange:oe,iconOnClick:c?void 0:N,icon:c?"warning":"ellipsisVertical",iconPlacement:"right",iconTooltip:c?w:void 0,type:"text",className:o,error:!!H&&ee&&H.errorMsg||"",errorAppearance:"tooltip",autoComplete:"off",...y}),S&&p.jsx(l,{children:p.jsx(OB,{list:B,selected:P,onClick:ae})})]})},TB=e=>typeof e<"u",gu=(e,t)=>{if(!e)return{};const{fixedSize:n,flexGrow:r,flexShrink:i,sticky:o}=e;return{flexBasis:t,flexGrow:n?0:TB(r)?r:1,flexShrink:TB(i)?i:1,maxWidth:o?t:"auto"}},V6e=e=>e.systemName||e.name,M7=e=>e.systemFilter||e.systemName||e.name,H6e=(e,t)=>{var r;if(e.alwaysOn)return!0;const n=(r=t==null?void 0:t[e.name])==null?void 0:r.isHidden;return typeof n=="boolean"?!n:e.defaultHidden&&(t!=null&&t[e.name])?!0:!e.defaultHidden},L7=e=>e.filterOptions?"options":e.filteringType||"text",G6e=e=>e.map((t,n)=>{let r=n>0&&e[n-1].group;return{name:t.group,start:!!(t.group&&(!r||r&&r!==t.group)),end:!!(t.group&&(!e[n+1]||e[n+1].group!==t.group))}}),H3=e=>`${e!=null&&e.start?"group-start":""} ${e!=null&&e.end?"group-end":""}`,t2=(e,t)=>e?`${t?` sticky sticky-${t}`:" sticky sticky-left"}`:"",Z6e=e=>{const t={number:{CellComponent:D6e},text:{CellComponent:W6e},date:{CellComponent:I6e},flag:{CellComponent:Bde},options:{CellComponent:_P},actions:{CellComponent:xce}};return e&&(t.text.defaultExtraProps={defaultComparator:"eq"}),t},U6e=(e,t)=>{const n=t.filter(i=>i.sticky===!0&&i.stickTo==="right"),r=t.filter(i=>i.sticky===!0&&i.stickTo!=="right");(r.length>1||n.length>1)&&console.error("Grid can have only sticky column on each side."),r.length&&e.indexOf(r[0].name)!==0&&r[0].name!=="actions-cell-cg"&&console.error("The left sticky column should be the first one in a row"),n.length&&e.indexOf(n[0].name)!==e.length-1&&n[0].name!=="actions-cell-cg"&&console.error("The Right sticky column should be the last one in a row")},O7=e=>C.useCallback((t,n,r)=>{if(e){const i={type:L7(n),filterExtraProps:n.filterExtraProps||{},computedValue:n.getFilterCriteria?n.getFilterCriteria(t):null};e(M7(n),t,i,r)}},[e]),DB=(...e)=>null,_6e=({gridActions:e,gridSelectors:t,quickFilter:n,displayColumnsDefinitions:r,filters:i})=>{var _,X;const{addFilter:o=DB,clearSettings:l=DB}=e,{filter:c}=t,{isMobile:d}=vce(),[f,h]=C.useState(""),[g,v]=C.useState(!1),y=O7(o),w=n?(_=c==null?void 0:c[n])==null?void 0:_.value:void 0,S=(r==null?void 0:r.find(N=>N.name===n))||null,I=L7(S||{}),E=((X=i==null?void 0:i[I].defaultExtraProps)==null?void 0:X.defaultComparator)||"eq",M=w&&w.comparator||E,L=d&&g;C.useEffect(()=>{h(w?w.value:"")},[w,n,h]),C.useEffect(()=>{v(!d)},[d]);const T=C.useCallback(N=>{h(N.target.value);const H={comparator:M,value:N.target.value};S&&y(H,S)},[h,M,y,S]),P=C.useCallback(()=>{h(""),T({target:{value:""}}),v(!d)},[h,d,T,v]),R=C.useCallback(()=>{v(!0)},[]),B=C.useCallback(()=>{l==null||l(),h==null||h("")},[l,h]),W=vO(S);return{searchedValue:f,translatedValue:W,onChangeInputValue:T,onClearSettings:B,onDisplayInput:R,displayInput:g,onClear:P,isMobileInputView:L,isMobile:d,filter:c}},P7=Symbol();var T7=(e=>(e.Left="left",e.Right="right",e))(T7||{}),n2=(e=>(e.TopLeft="top-left",e.TopRight="top-right",e.BottomLeft="bottom-left",e.BottomRight="bottom-right",e))(n2||{});const Y6e=Object.freeze(Object.defineProperty({__proto__:null,EditReadPosition:T7,ExtraControlButtonPosition:n2,rowClassSymbol:P7},Symbol.toStringTag,{value:"Module"}));var J6e=ke.createContext();ke.createContext();var X6e=function(t){return Array.isArray(t)?t[0]:t},Q6e=function(t){if(typeof t=="function"){for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];return t.apply(void 0,r)}},K6e=function(t,n){if(typeof t=="function")return Q6e(t,n);t!=null&&(t.current=n)},BB=function(t){return t.reduce(function(n,r){var i=r[0],o=r[1];return n[i]=o,n},{})},NB=typeof window<"u"&&window.document&&window.document.createElement?ke.useLayoutEffect:ke.useEffect,Xr="top",Gi="bottom",Zi="right",Qr="left",D7="auto",r2=[Xr,Gi,Zi,Qr],mu="start",i2="end",q6e="clippingParents",FB="viewport",a2="popper",$6e="reference",jB=r2.reduce(function(e,t){return e.concat([t+"-"+mu,t+"-"+i2])},[]),RB=[].concat(r2,[D7]).reduce(function(e,t){return e.concat([t,t+"-"+mu,t+"-"+i2])},[]),e5e="beforeRead",t5e="read",n5e="afterRead",r5e="beforeMain",i5e="main",a5e="afterMain",o5e="beforeWrite",s5e="write",l5e="afterWrite",c5e=[e5e,t5e,n5e,r5e,i5e,a5e,o5e,s5e,l5e];function eo(e){return e?(e.nodeName||"").toLowerCase():null}function vi(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Pl(e){var t=vi(e).Element;return e instanceof t||e instanceof Element}function Ui(e){var t=vi(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function B7(e){if(typeof ShadowRoot>"u")return!1;var t=vi(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function u5e(e){var t=e.state;Object.keys(t.elements).forEach(function(n){var r=t.styles[n]||{},i=t.attributes[n]||{},o=t.elements[n];!Ui(o)||!eo(o)||(Object.assign(o.style,r),Object.keys(i).forEach(function(l){var c=i[l];c===!1?o.removeAttribute(l):o.setAttribute(l,c===!0?"":c)}))})}function d5e(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(r){var i=t.elements[r],o=t.attributes[r]||{},l=Object.keys(t.styles.hasOwnProperty(r)?t.styles[r]:n[r]),c=l.reduce(function(d,f){return d[f]="",d},{});!Ui(i)||!eo(i)||(Object.assign(i.style,c),Object.keys(o).forEach(function(d){i.removeAttribute(d)}))})}}const f5e={name:"applyStyles",enabled:!0,phase:"write",fn:u5e,effect:d5e,requires:["computeStyles"]};function to(e){return e.split("-")[0]}var Tl=Math.max,G3=Math.min,vu=Math.round;function N7(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function zB(){return!/^((?!chrome|android).)*safari/i.test(N7())}function yu(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);var r=e.getBoundingClientRect(),i=1,o=1;t&&Ui(e)&&(i=e.offsetWidth>0&&vu(r.width)/e.offsetWidth||1,o=e.offsetHeight>0&&vu(r.height)/e.offsetHeight||1);var l=Pl(e)?vi(e):window,c=l.visualViewport,d=!zB()&&n,f=(r.left+(d&&c?c.offsetLeft:0))/i,h=(r.top+(d&&c?c.offsetTop:0))/o,g=r.width/i,v=r.height/o;return{width:g,height:v,top:h,right:f+g,bottom:h+v,left:f,x:f,y:h}}function F7(e){var t=yu(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function WB(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&B7(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function Ro(e){return vi(e).getComputedStyle(e)}function A5e(e){return["table","td","th"].indexOf(eo(e))>=0}function Os(e){return((Pl(e)?e.ownerDocument:e.document)||window.document).documentElement}function Z3(e){return eo(e)==="html"?e:e.assignedSlot||e.parentNode||(B7(e)?e.host:null)||Os(e)}function VB(e){return!Ui(e)||Ro(e).position==="fixed"?null:e.offsetParent}function h5e(e){var t=/firefox/i.test(N7()),n=/Trident/i.test(N7());if(n&&Ui(e)){var r=Ro(e);if(r.position==="fixed")return null}var i=Z3(e);for(B7(i)&&(i=i.host);Ui(i)&&["html","body"].indexOf(eo(i))<0;){var o=Ro(i);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||t&&o.willChange==="filter"||t&&o.filter&&o.filter!=="none")return i;i=i.parentNode}return null}function o2(e){for(var t=vi(e),n=VB(e);n&&A5e(n)&&Ro(n).position==="static";)n=VB(n);return n&&(eo(n)==="html"||eo(n)==="body"&&Ro(n).position==="static")?t:n||h5e(e)||t}function j7(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function s2(e,t,n){return Tl(e,G3(t,n))}function p5e(e,t,n){var r=s2(e,t,n);return r>n?n:r}function HB(){return{top:0,right:0,bottom:0,left:0}}function GB(e){return Object.assign({},HB(),e)}function ZB(e,t){return t.reduce(function(n,r){return n[r]=e,n},{})}var g5e=function(t,n){return t=typeof t=="function"?t(Object.assign({},n.rects,{placement:n.placement})):t,GB(typeof t!="number"?t:ZB(t,r2))};function m5e(e){var t,n=e.state,r=e.name,i=e.options,o=n.elements.arrow,l=n.modifiersData.popperOffsets,c=to(n.placement),d=j7(c),f=[Qr,Zi].indexOf(c)>=0,h=f?"height":"width";if(!(!o||!l)){var g=g5e(i.padding,n),v=F7(o),y=d==="y"?Xr:Qr,w=d==="y"?Gi:Zi,S=n.rects.reference[h]+n.rects.reference[d]-l[d]-n.rects.popper[h],I=l[d]-n.rects.reference[d],E=o2(o),M=E?d==="y"?E.clientHeight||0:E.clientWidth||0:0,L=S/2-I/2,T=g[y],P=M-v[h]-g[w],R=M/2-v[h]/2+L,B=s2(T,R,P),W=d;n.modifiersData[r]=(t={},t[W]=B,t.centerOffset=B-R,t)}}function v5e(e){var t=e.state,n=e.options,r=n.element,i=r===void 0?"[data-popper-arrow]":r;i!=null&&(typeof i=="string"&&(i=t.elements.popper.querySelector(i),!i)||WB(t.elements.popper,i)&&(t.elements.arrow=i))}const y5e={name:"arrow",enabled:!0,phase:"main",fn:m5e,effect:v5e,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function bu(e){return e.split("-")[1]}var b5e={top:"auto",right:"auto",bottom:"auto",left:"auto"};function C5e(e,t){var n=e.x,r=e.y,i=t.devicePixelRatio||1;return{x:vu(n*i)/i||0,y:vu(r*i)/i||0}}function UB(e){var t,n=e.popper,r=e.popperRect,i=e.placement,o=e.variation,l=e.offsets,c=e.position,d=e.gpuAcceleration,f=e.adaptive,h=e.roundOffsets,g=e.isFixed,v=l.x,y=v===void 0?0:v,w=l.y,S=w===void 0?0:w,I=typeof h=="function"?h({x:y,y:S}):{x:y,y:S};y=I.x,S=I.y;var E=l.hasOwnProperty("x"),M=l.hasOwnProperty("y"),L=Qr,T=Xr,P=window;if(f){var R=o2(n),B="clientHeight",W="clientWidth";if(R===vi(n)&&(R=Os(n),Ro(R).position!=="static"&&c==="absolute"&&(B="scrollHeight",W="scrollWidth")),R=R,i===Xr||(i===Qr||i===Zi)&&o===i2){T=Gi;var _=g&&R===P&&P.visualViewport?P.visualViewport.height:R[B];S-=_-r.height,S*=d?1:-1}if(i===Qr||(i===Xr||i===Gi)&&o===i2){L=Zi;var X=g&&R===P&&P.visualViewport?P.visualViewport.width:R[W];y-=X-r.width,y*=d?1:-1}}var N=Object.assign({position:c},f&&b5e),H=h===!0?C5e({x:y,y:S},vi(n)):{x:y,y:S};if(y=H.x,S=H.y,d){var ee;return Object.assign({},N,(ee={},ee[T]=M?"0":"",ee[L]=E?"0":"",ee.transform=(P.devicePixelRatio||1)<=1?"translate("+y+"px, "+S+"px)":"translate3d("+y+"px, "+S+"px, 0)",ee))}return Object.assign({},N,(t={},t[T]=M?S+"px":"",t[L]=E?y+"px":"",t.transform="",t))}function w5e(e){var t=e.state,n=e.options,r=n.gpuAcceleration,i=r===void 0?!0:r,o=n.adaptive,l=o===void 0?!0:o,c=n.roundOffsets,d=c===void 0?!0:c,f={placement:to(t.placement),variation:bu(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,UB(Object.assign({},f,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:l,roundOffsets:d})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,UB(Object.assign({},f,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:d})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const x5e={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:w5e,data:{}};var U3={passive:!0};function S5e(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,o=i===void 0?!0:i,l=r.resize,c=l===void 0?!0:l,d=vi(t.elements.popper),f=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&f.forEach(function(h){h.addEventListener("scroll",n.update,U3)}),c&&d.addEventListener("resize",n.update,U3),function(){o&&f.forEach(function(h){h.removeEventListener("scroll",n.update,U3)}),c&&d.removeEventListener("resize",n.update,U3)}}const I5e={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:S5e,data:{}};var E5e={left:"right",right:"left",bottom:"top",top:"bottom"};function _3(e){return e.replace(/left|right|bottom|top/g,function(t){return E5e[t]})}var k5e={start:"end",end:"start"};function _B(e){return e.replace(/start|end/g,function(t){return k5e[t]})}function R7(e){var t=vi(e),n=t.pageXOffset,r=t.pageYOffset;return{scrollLeft:n,scrollTop:r}}function z7(e){return yu(Os(e)).left+R7(e).scrollLeft}function M5e(e,t){var n=vi(e),r=Os(e),i=n.visualViewport,o=r.clientWidth,l=r.clientHeight,c=0,d=0;if(i){o=i.width,l=i.height;var f=zB();(f||!f&&t==="fixed")&&(c=i.offsetLeft,d=i.offsetTop)}return{width:o,height:l,x:c+z7(e),y:d}}function L5e(e){var t,n=Os(e),r=R7(e),i=(t=e.ownerDocument)==null?void 0:t.body,o=Tl(n.scrollWidth,n.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),l=Tl(n.scrollHeight,n.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),c=-r.scrollLeft+z7(e),d=-r.scrollTop;return Ro(i||n).direction==="rtl"&&(c+=Tl(n.clientWidth,i?i.clientWidth:0)-o),{width:o,height:l,x:c,y:d}}function W7(e){var t=Ro(e),n=t.overflow,r=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+i+r)}function YB(e){return["html","body","#document"].indexOf(eo(e))>=0?e.ownerDocument.body:Ui(e)&&W7(e)?e:YB(Z3(e))}function l2(e,t){var n;t===void 0&&(t=[]);var r=YB(e),i=r===((n=e.ownerDocument)==null?void 0:n.body),o=vi(r),l=i?[o].concat(o.visualViewport||[],W7(r)?r:[]):r,c=t.concat(l);return i?c:c.concat(l2(Z3(l)))}function V7(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function O5e(e,t){var n=yu(e,!1,t==="fixed");return n.top=n.top+e.clientTop,n.left=n.left+e.clientLeft,n.bottom=n.top+e.clientHeight,n.right=n.left+e.clientWidth,n.width=e.clientWidth,n.height=e.clientHeight,n.x=n.left,n.y=n.top,n}function JB(e,t,n){return t===FB?V7(M5e(e,n)):Pl(t)?O5e(t,n):V7(L5e(Os(e)))}function P5e(e){var t=l2(Z3(e)),n=["absolute","fixed"].indexOf(Ro(e).position)>=0,r=n&&Ui(e)?o2(e):e;return Pl(r)?t.filter(function(i){return Pl(i)&&WB(i,r)&&eo(i)!=="body"}):[]}function T5e(e,t,n,r){var i=t==="clippingParents"?P5e(e):[].concat(t),o=[].concat(i,[n]),l=o[0],c=o.reduce(function(d,f){var h=JB(e,f,r);return d.top=Tl(h.top,d.top),d.right=G3(h.right,d.right),d.bottom=G3(h.bottom,d.bottom),d.left=Tl(h.left,d.left),d},JB(e,l,r));return c.width=c.right-c.left,c.height=c.bottom-c.top,c.x=c.left,c.y=c.top,c}function XB(e){var t=e.reference,n=e.element,r=e.placement,i=r?to(r):null,o=r?bu(r):null,l=t.x+t.width/2-n.width/2,c=t.y+t.height/2-n.height/2,d;switch(i){case Xr:d={x:l,y:t.y-n.height};break;case Gi:d={x:l,y:t.y+t.height};break;case Zi:d={x:t.x+t.width,y:c};break;case Qr:d={x:t.x-n.width,y:c};break;default:d={x:t.x,y:t.y}}var f=i?j7(i):null;if(f!=null){var h=f==="y"?"height":"width";switch(o){case mu:d[f]=d[f]-(t[h]/2-n[h]/2);break;case i2:d[f]=d[f]+(t[h]/2-n[h]/2);break}}return d}function c2(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=r===void 0?e.placement:r,o=n.strategy,l=o===void 0?e.strategy:o,c=n.boundary,d=c===void 0?q6e:c,f=n.rootBoundary,h=f===void 0?FB:f,g=n.elementContext,v=g===void 0?a2:g,y=n.altBoundary,w=y===void 0?!1:y,S=n.padding,I=S===void 0?0:S,E=GB(typeof I!="number"?I:ZB(I,r2)),M=v===a2?$6e:a2,L=e.rects.popper,T=e.elements[w?M:v],P=T5e(Pl(T)?T:T.contextElement||Os(e.elements.popper),d,h,l),R=yu(e.elements.reference),B=XB({reference:R,element:L,placement:i}),W=V7(Object.assign({},L,B)),_=v===a2?W:R,X={top:P.top-_.top+E.top,bottom:_.bottom-P.bottom+E.bottom,left:P.left-_.left+E.left,right:_.right-P.right+E.right},N=e.modifiersData.offset;if(v===a2&&N){var H=N[i];Object.keys(X).forEach(function(ee){var oe=[Zi,Gi].indexOf(ee)>=0?1:-1,ae=[Xr,Gi].indexOf(ee)>=0?"y":"x";X[ee]+=H[ae]*oe})}return X}function D5e(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=n.boundary,o=n.rootBoundary,l=n.padding,c=n.flipVariations,d=n.allowedAutoPlacements,f=d===void 0?RB:d,h=bu(r),g=h?c?jB:jB.filter(function(w){return bu(w)===h}):r2,v=g.filter(function(w){return f.indexOf(w)>=0});v.length===0&&(v=g);var y=v.reduce(function(w,S){return w[S]=c2(e,{placement:S,boundary:i,rootBoundary:o,padding:l})[to(S)],w},{});return Object.keys(y).sort(function(w,S){return y[w]-y[S]})}function B5e(e){if(to(e)===D7)return[];var t=_3(e);return[_B(e),t,_B(t)]}function N5e(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var i=n.mainAxis,o=i===void 0?!0:i,l=n.altAxis,c=l===void 0?!0:l,d=n.fallbackPlacements,f=n.padding,h=n.boundary,g=n.rootBoundary,v=n.altBoundary,y=n.flipVariations,w=y===void 0?!0:y,S=n.allowedAutoPlacements,I=t.options.placement,E=to(I),M=E===I,L=d||(M||!w?[_3(I)]:B5e(I)),T=[I].concat(L).reduce(function(de,se){return de.concat(to(se)===D7?D5e(t,{placement:se,boundary:h,rootBoundary:g,padding:f,flipVariations:w,allowedAutoPlacements:S}):se)},[]),P=t.rects.reference,R=t.rects.popper,B=new Map,W=!0,_=T[0],X=0;X<T.length;X++){var N=T[X],H=to(N),ee=bu(N)===mu,oe=[Xr,Gi].indexOf(H)>=0,ae=oe?"width":"height",q=c2(t,{placement:N,boundary:h,rootBoundary:g,altBoundary:v,padding:f}),ue=oe?ee?Zi:Qr:ee?Gi:Xr;P[ae]>R[ae]&&(ue=_3(ue));var ge=_3(ue),fe=[];if(o&&fe.push(q[H]<=0),c&&fe.push(q[ue]<=0,q[ge]<=0),fe.every(function(de){return de})){_=N,W=!1;break}B.set(N,fe)}if(W)for(var Y=w?3:1,z=function(se){var Q=T.find(function(re){var le=B.get(re);if(le)return le.slice(0,se).every(function(pe){return pe})});if(Q)return _=Q,"break"},$=Y;$>0;$--){var ie=z($);if(ie==="break")break}t.placement!==_&&(t.modifiersData[r]._skip=!0,t.placement=_,t.reset=!0)}}const F5e={name:"flip",enabled:!0,phase:"main",fn:N5e,requiresIfExists:["offset"],data:{_skip:!1}};function QB(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function KB(e){return[Xr,Zi,Gi,Qr].some(function(t){return e[t]>=0})}function j5e(e){var t=e.state,n=e.name,r=t.rects.reference,i=t.rects.popper,o=t.modifiersData.preventOverflow,l=c2(t,{elementContext:"reference"}),c=c2(t,{altBoundary:!0}),d=QB(l,r),f=QB(c,i,o),h=KB(d),g=KB(f);t.modifiersData[n]={referenceClippingOffsets:d,popperEscapeOffsets:f,isReferenceHidden:h,hasPopperEscaped:g},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":g})}const R5e={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:j5e};function z5e(e,t,n){var r=to(e),i=[Qr,Xr].indexOf(r)>=0?-1:1,o=typeof n=="function"?n(Object.assign({},t,{placement:e})):n,l=o[0],c=o[1];return l=l||0,c=(c||0)*i,[Qr,Zi].indexOf(r)>=0?{x:c,y:l}:{x:l,y:c}}function W5e(e){var t=e.state,n=e.options,r=e.name,i=n.offset,o=i===void 0?[0,0]:i,l=RB.reduce(function(h,g){return h[g]=z5e(g,t.rects,o),h},{}),c=l[t.placement],d=c.x,f=c.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=f),t.modifiersData[r]=l}const V5e={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:W5e};function H5e(e){var t=e.state,n=e.name;t.modifiersData[n]=XB({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const G5e={name:"popperOffsets",enabled:!0,phase:"read",fn:H5e,data:{}};function Z5e(e){return e==="x"?"y":"x"}function U5e(e){var t=e.state,n=e.options,r=e.name,i=n.mainAxis,o=i===void 0?!0:i,l=n.altAxis,c=l===void 0?!1:l,d=n.boundary,f=n.rootBoundary,h=n.altBoundary,g=n.padding,v=n.tether,y=v===void 0?!0:v,w=n.tetherOffset,S=w===void 0?0:w,I=c2(t,{boundary:d,rootBoundary:f,padding:g,altBoundary:h}),E=to(t.placement),M=bu(t.placement),L=!M,T=j7(E),P=Z5e(T),R=t.modifiersData.popperOffsets,B=t.rects.reference,W=t.rects.popper,_=typeof S=="function"?S(Object.assign({},t.rects,{placement:t.placement})):S,X=typeof _=="number"?{mainAxis:_,altAxis:_}:Object.assign({mainAxis:0,altAxis:0},_),N=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,H={x:0,y:0};if(R){if(o){var ee,oe=T==="y"?Xr:Qr,ae=T==="y"?Gi:Zi,q=T==="y"?"height":"width",ue=R[T],ge=ue+I[oe],fe=ue-I[ae],Y=y?-W[q]/2:0,z=M===mu?B[q]:W[q],$=M===mu?-W[q]:-B[q],ie=t.elements.arrow,de=y&&ie?F7(ie):{width:0,height:0},se=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:HB(),Q=se[oe],re=se[ae],le=s2(0,B[q],de[q]),pe=L?B[q]/2-Y-le-Q-X.mainAxis:z-le-Q-X.mainAxis,ye=L?-B[q]/2+Y+le+re+X.mainAxis:$+le+re+X.mainAxis,He=t.elements.arrow&&o2(t.elements.arrow),me=He?T==="y"?He.clientTop||0:He.clientLeft||0:0,Ze=(ee=N==null?void 0:N[T])!=null?ee:0,Ye=ue+pe-Ze-me,kt=ue+ye-Ze,Hn=s2(y?G3(ge,Ye):ge,ue,y?Tl(fe,kt):fe);R[T]=Hn,H[T]=Hn-ue}if(c){var An,Tn=T==="x"?Xr:Qr,G=T==="x"?Gi:Zi,ot=R[P],jt=P==="y"?"height":"width",Dn=ot+I[Tn],an=ot-I[G],io=[Xr,Qr].indexOf(E)!==-1,qr=(An=N==null?void 0:N[P])!=null?An:0,Bs=io?Dn:ot-B[jt]-W[jt]-qr+X.altAxis,xn=io?ot+B[jt]+W[jt]-qr-X.altAxis:an,Kt=y&&io?p5e(Bs,ot,xn):s2(y?Bs:Dn,ot,y?xn:an);R[P]=Kt,H[P]=Kt-ot}t.modifiersData[r]=H}}const _5e={name:"preventOverflow",enabled:!0,phase:"main",fn:U5e,requiresIfExists:["offset"]};function Y5e(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function J5e(e){return e===vi(e)||!Ui(e)?R7(e):Y5e(e)}function X5e(e){var t=e.getBoundingClientRect(),n=vu(t.width)/e.offsetWidth||1,r=vu(t.height)/e.offsetHeight||1;return n!==1||r!==1}function Q5e(e,t,n){n===void 0&&(n=!1);var r=Ui(t),i=Ui(t)&&X5e(t),o=Os(t),l=yu(e,i,n),c={scrollLeft:0,scrollTop:0},d={x:0,y:0};return(r||!r&&!n)&&((eo(t)!=="body"||W7(o))&&(c=J5e(t)),Ui(t)?(d=yu(t,!0),d.x+=t.clientLeft,d.y+=t.clientTop):o&&(d.x=z7(o))),{x:l.left+c.scrollLeft-d.x,y:l.top+c.scrollTop-d.y,width:l.width,height:l.height}}function K5e(e){var t=new Map,n=new Set,r=[];e.forEach(function(o){t.set(o.name,o)});function i(o){n.add(o.name);var l=[].concat(o.requires||[],o.requiresIfExists||[]);l.forEach(function(c){if(!n.has(c)){var d=t.get(c);d&&i(d)}}),r.push(o)}return e.forEach(function(o){n.has(o.name)||i(o)}),r}function q5e(e){var t=K5e(e);return c5e.reduce(function(n,r){return n.concat(t.filter(function(i){return i.phase===r}))},[])}function $5e(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function ege(e){var t=e.reduce(function(n,r){var i=n[r.name];return n[r.name]=i?Object.assign({},i,r,{options:Object.assign({},i.options,r.options),data:Object.assign({},i.data,r.data)}):r,n},{});return Object.keys(t).map(function(n){return t[n]})}var qB={placement:"bottom",modifiers:[],strategy:"absolute"};function $B(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(r){return!(r&&typeof r.getBoundingClientRect=="function")})}function tge(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,r=n===void 0?[]:n,i=t.defaultOptions,o=i===void 0?qB:i;return function(c,d,f){f===void 0&&(f=o);var h={placement:"bottom",orderedModifiers:[],options:Object.assign({},qB,o),modifiersData:{},elements:{reference:c,popper:d},attributes:{},styles:{}},g=[],v=!1,y={state:h,setOptions:function(E){var M=typeof E=="function"?E(h.options):E;S(),h.options=Object.assign({},o,h.options,M),h.scrollParents={reference:Pl(c)?l2(c):c.contextElement?l2(c.contextElement):[],popper:l2(d)};var L=q5e(ege([].concat(r,h.options.modifiers)));return h.orderedModifiers=L.filter(function(T){return T.enabled}),w(),y.update()},forceUpdate:function(){if(!v){var E=h.elements,M=E.reference,L=E.popper;if($B(M,L)){h.rects={reference:Q5e(M,o2(L),h.options.strategy==="fixed"),popper:F7(L)},h.reset=!1,h.placement=h.options.placement,h.orderedModifiers.forEach(function(X){return h.modifiersData[X.name]=Object.assign({},X.data)});for(var T=0;T<h.orderedModifiers.length;T++){if(h.reset===!0){h.reset=!1,T=-1;continue}var P=h.orderedModifiers[T],R=P.fn,B=P.options,W=B===void 0?{}:B,_=P.name;typeof R=="function"&&(h=R({state:h,options:W,name:_,instance:y})||h)}}}},update:$5e(function(){return new Promise(function(I){y.forceUpdate(),I(h)})}),destroy:function(){S(),v=!0}};if(!$B(c,d))return y;y.setOptions(f).then(function(I){!v&&f.onFirstUpdate&&f.onFirstUpdate(I)});function w(){h.orderedModifiers.forEach(function(I){var E=I.name,M=I.options,L=M===void 0?{}:M,T=I.effect;if(typeof T=="function"){var P=T({state:h,name:E,instance:y,options:L}),R=function(){};g.push(P||R)}})}function S(){g.forEach(function(I){return I()}),g=[]}return y}}var nge=[I5e,G5e,x5e,f5e,V5e,F5e,_5e,y5e,R5e],rge=tge({defaultModifiers:nge}),ige=typeof Element<"u",age=typeof Map=="function",oge=typeof Set=="function",sge=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function Y3(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){if(e.constructor!==t.constructor)return!1;var n,r,i;if(Array.isArray(e)){if(n=e.length,n!=t.length)return!1;for(r=n;r--!==0;)if(!Y3(e[r],t[r]))return!1;return!0}var o;if(age&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(o=e.entries();!(r=o.next()).done;)if(!t.has(r.value[0]))return!1;for(o=e.entries();!(r=o.next()).done;)if(!Y3(r.value[1],t.get(r.value[0])))return!1;return!0}if(oge&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(o=e.entries();!(r=o.next()).done;)if(!t.has(r.value[0]))return!1;return!0}if(sge&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if(n=e.length,n!=t.length)return!1;for(r=n;r--!==0;)if(e[r]!==t[r])return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf=="function"&&typeof t.valueOf=="function")return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString=="function"&&typeof t.toString=="function")return e.toString()===t.toString();if(i=Object.keys(e),n=i.length,n!==Object.keys(t).length)return!1;for(r=n;r--!==0;)if(!Object.prototype.hasOwnProperty.call(t,i[r]))return!1;if(ige&&e instanceof Element)return!1;for(r=n;r--!==0;)if(!((i[r]==="_owner"||i[r]==="__v"||i[r]==="__o")&&e.$$typeof)&&!Y3(e[i[r]],t[i[r]]))return!1;return!0}return e!==e&&t!==t}var lge=function(t,n){try{return Y3(t,n)}catch(r){if((r.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw r}};const cge=er(lge);var uge=[],dge=function(t,n,r){r===void 0&&(r={});var i=ke.useRef(null),o={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||uge},l=ke.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),c=l[0],d=l[1],f=ke.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(y){var w=y.state,S=Object.keys(w.elements);Nj.flushSync(function(){d({styles:BB(S.map(function(I){return[I,w.styles[I]||{}]})),attributes:BB(S.map(function(I){return[I,w.attributes[I]]}))})})},requires:["computeStyles"]}},[]),h=ke.useMemo(function(){var v={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[].concat(o.modifiers,[f,{name:"applyStyles",enabled:!1}])};return cge(i.current,v)?i.current||v:(i.current=v,v)},[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,f]),g=ke.useRef();return NB(function(){g.current&&g.current.setOptions(h)},[h]),NB(function(){if(!(t==null||n==null)){var v=r.createPopper||rge,y=v(t,n,h);return g.current=y,function(){y.destroy(),g.current=null}}},[t,n,r.createPopper]),{state:g.current?g.current.state:null,styles:c.styles,attributes:c.attributes,update:g.current?g.current.update:null,forceUpdate:g.current?g.current.forceUpdate:null}},fge=function(){},Age=function(){return Promise.resolve(null)},hge=[];function eN(e){var t=e.placement,n=t===void 0?"bottom":t,r=e.strategy,i=r===void 0?"absolute":r,o=e.modifiers,l=o===void 0?hge:o,c=e.referenceElement,d=e.onFirstUpdate,f=e.innerRef,h=e.children,g=ke.useContext(J6e),v=ke.useState(null),y=v[0],w=v[1],S=ke.useState(null),I=S[0],E=S[1];ke.useEffect(function(){K6e(f,y)},[f,y]);var M=ke.useMemo(function(){return{placement:n,strategy:i,onFirstUpdate:d,modifiers:[].concat(l,[{name:"arrow",enabled:I!=null,options:{element:I}}])}},[n,i,d,l,I]),L=dge(c||g,y,M),T=L.state,P=L.styles,R=L.forceUpdate,B=L.update,W=ke.useMemo(function(){return{ref:w,style:P.popper,placement:T?T.placement:n,hasPopperEscaped:T&&T.modifiersData.hide?T.modifiersData.hide.hasPopperEscaped:null,isReferenceHidden:T&&T.modifiersData.hide?T.modifiersData.hide.isReferenceHidden:null,arrowProps:{style:P.arrow,ref:E},forceUpdate:R||fge,update:B||Age}},[w,E,n,T,P,B,R]);return X6e(h)(W)}const u2=({children:e})=>{const[t]=C.useState(()=>document.createElement("div"));return C.useEffect(()=>{try{document.body.appendChild(t)}catch(n){console.log(n)}return()=>{try{document.body.removeChild(t)}catch(n){console.log(n)}}},[]),yo.createPortal(e,t)},pge=U.div`
+`,OB=({list:e,selected:t,onClick:n})=>{const r=C.useCallback(i=>()=>{n(i)},[n]);return p.jsx(E6e,{className:"ignore-element-for-closing-hook",children:e.map(i=>p.jsx(k6e,{onClick:r(i),children:p.jsxs(M6e,{selected:t===i.value,children:[i.icon&&p.jsx(L6e,{children:p.jsx(at,{icon:i.icon,fill:"red1",size:"8px"})}),i.label]})},i.value))})},O6e=({children:e})=>p.jsx("div",{children:e}),P6e=()=>[{label:Fe._({id:"dataGrid.comparator.equals",message:"Equals"}),value:"eq",icon:"equals"},{label:Fe._({id:"dataGrid.comparator.notEquals",message:"Not equal"}),value:"neq",icon:"notEqual"},{label:Fe._({id:"dataGrid.comparator.lessThan",message:"Less than"}),value:"lt",icon:"lessThen"},{label:Fe._({id:"dataGrid.comparator.lessThanOrEquals",message:"Less than or equals"}),value:"lte",icon:"lessThanEqual"},{label:Fe._({id:"dataGrid.comparator.greaterThan",message:"Greater than"}),value:"gt",icon:"greaterThan"},{label:Fe._({id:"dataGrid.comparator.greaterThanOrEquals",message:"Greater than or equal"}),value:"gte",icon:"greaterThanEqual"}],T6e=[{label:Fe._({id:"dataGrid.comparator.equals",message:"Equals"}),value:"eq",icon:"equals"},{label:Fe._({id:"dataGrid.comparator.notEquals",message:"Not equal"}),value:"neq",icon:"notEqual"}],PB=(e,t,n)=>{const r=String(e).replace(",",".").replace(/(?!^)-/g,"").replace(/[^0-9.-]/g,"");return t||!r?r:r==="-"?"-":n?(parseFloat(r)||0).toFixed(n).substr(0,String(e).length):parseInt(r,10)},D6e=e=>{var _;const t=P6e(),{name:n,value:r={},label:i,onChange:o,decimals:l,isFloat:c,className:d,OverlayComponent:f=O6e,comparators:h,defaultComparator:g,isEqual:v,...y}=e,[w,S]=C.useState(!1),I=(r==null?void 0:r.comparator)||g||((_=h==null?void 0:h[0])==null?void 0:_.value)||t[0].value,M=h||(v?T6e:t),L=r!=null&&r.value||(r==null?void 0:r.value)===0?r.value:"",T=C.useCallback(()=>{S(!1)},[]),P=Io({onClose:T}),R=C.useCallback(()=>{S(!w)},[w,S]),B=pu(X=>{if(I==="between"){const ee=String(X.target.value).split(",");if(ee.length>2){o({comparator:I,value:""});return}if(ee.length===2){const oe=ee.map(ae=>PB(ae,!1,0));o({comparator:I,value:oe.join(",")});return}}console.log("event.target.value",X.target.value);const N=PB(X.target.value,c,l);console.log("number",N),o({comparator:I,value:N||N===0?N:""})}),W=pu(X=>{o({comparator:X.value,value:L})});return p.jsxs("div",{ref:P,children:[p.jsx($a,{name:n,value:L,label:i,"data-cy":`${n}Inp`,onChange:B,iconOnClick:R,icon:"ellipsisVertical",iconPlacement:"right",type:"text",className:d,autoComplete:"off",...y}),w&&p.jsx(f,{children:p.jsx(OB,{list:M,selected:I,onClick:W})})]})},B6e=({children:e})=>p.jsx("div",{children:e}),N6e=/^([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])$/,F6e=()=>[{label:Fe._({id:"dataGrid.comparator.contains",message:"Contains"}),value:"like",icon:"check"},{label:Fe._({id:"dataGrid.comparator.notContains",message:"Not contains"}),value:"notLike",icon:"false"},{label:Fe._({id:"dataGrid.comparator.equals",message:"Equals"}),value:"eq",icon:"equals"},{label:Fe._({id:"dataGrid.comparator.notEquals",message:"Not equal"}),value:"neq",icon:"notEqual"},{label:Fe._({id:"dataGrid.comparator.startsWith",message:"Starts with"}),value:"startsWith",icon:"startsWith"},{label:Fe._({id:"dataGrid.comparator.endsWith",message:"Ends with"}),value:"endsWith",icon:"endsWith"}],j6e=()=>[{label:Fe._({id:"dataGrid.comparator.contains",message:"Contains"}),value:"like",icon:"check"},{label:Fe._({id:"dataGrid.comparator.equals",message:"Equals"}),value:"in",icon:"equals"}],R6e=()=>[{label:Fe._({id:"dataGrid.comparator.equals",message:"Equals"}),value:"eq",icon:"equals"},{label:Fe._({id:"dataGrid.comparator.notEquals",message:"Not equal"}),value:"neq",icon:"notEqual"}],z6e={ip:{check:e=>N6e.test(e.trim()),errorMsg:p.jsx(ct,{id:"dataGrid.errors.ipValidationError",message:"Value is not valid ip"})}},W6e=e=>{var q;const{name:t,value:n={},label:r,onChange:i,className:o,OverlayComponent:l=B6e,eqOnly:c,isPresent:d,isEqual:f,defaultComparator:h,comparators:g,validation:v,...y}=e,w=Fe._({id:"dataGrid.filterTxtEqWarning",message:"This filter can only do exact match"}),[S,I]=C.useState(!1),E=F6e(),M=j6e(),L=R6e(),T=h||((q=g==null?void 0:g[0])==null?void 0:q.value)||E[0].value,P=c?"eq":(n==null?void 0:n.comparator)||T,B=g||(f?L:d?M:E),W=(n==null?void 0:n.value)||"",_=C.useCallback(()=>{I(!1)},[]),X=Io({onClose:_}),N=C.useCallback(()=>{I(!S)},[S,I]),H=!!v&&z6e[v],ee=H&&!!(W&&!H.check(String(W))),oe=pu(ue=>{const ge=ue.target.value;i(ge?{comparator:P,value:ge,isInvalid:H&&!H.check(ge)}:null)}),ae=pu(ue=>{i({comparator:ue.value,value:W,isInvalid:ee})});return p.jsxs("div",{ref:X,children:[p.jsx($a,{name:t,"data-test":t,"data-cy":`${t}Inp`,value:W,label:r,onChange:oe,iconOnClick:c?void 0:N,icon:c?"warning":"ellipsisVertical",iconPlacement:"right",iconTooltip:c?w:void 0,type:"text",className:o,error:!!H&&ee&&H.errorMsg||"",errorAppearance:"tooltip",autoComplete:"off",...y}),S&&p.jsx(l,{children:p.jsx(OB,{list:B,selected:P,onClick:ae})})]})},TB=e=>typeof e<"u",gu=(e,t)=>{if(!e)return{};const{fixedSize:n,flexGrow:r,flexShrink:i,sticky:o}=e;return{flexBasis:t,flexGrow:n?0:TB(r)?r:1,flexShrink:TB(i)?i:1,maxWidth:o?t:"auto"}},V6e=e=>e.systemName||e.name,M7=e=>e.systemFilter||e.systemName||e.name,H6e=(e,t)=>{var r;if(e.alwaysOn)return!0;const n=(r=t==null?void 0:t[e.name])==null?void 0:r.isHidden;return typeof n=="boolean"?!n:e.defaultHidden&&(t!=null&&t[e.name])?!0:!e.defaultHidden},L7=e=>e.filterOptions?"options":e.filteringType||"text",G6e=e=>e.map((t,n)=>{let r=n>0&&e[n-1].group;return{name:t.group,start:!!(t.group&&(!r||r&&r!==t.group)),end:!!(t.group&&(!e[n+1]||e[n+1].group!==t.group))}}),H3=e=>`${e!=null&&e.start?"group-start":""} ${e!=null&&e.end?"group-end":""}`,t2=(e,t)=>e?`${t?` sticky sticky-${t}`:" sticky sticky-left"}`:"",Z6e=e=>{const t={number:{CellComponent:D6e},text:{CellComponent:W6e},date:{CellComponent:I6e},flag:{CellComponent:Bde},options:{CellComponent:_P},actions:{CellComponent:xce}};return e&&(t.text.defaultExtraProps={defaultComparator:"eq"}),t},U6e=(e,t)=>{const n=t.filter(i=>i.sticky===!0&&i.stickTo==="right"),r=t.filter(i=>i.sticky===!0&&i.stickTo!=="right");(r.length>1||n.length>1)&&console.error("Grid can have only sticky column on each side."),r.length&&e.indexOf(r[0].name)!==0&&r[0].name!=="actions-cell-cg"&&console.error("The left sticky column should be the first one in a row"),n.length&&e.indexOf(n[0].name)!==e.length-1&&n[0].name!=="actions-cell-cg"&&console.error("The Right sticky column should be the last one in a row")},O7=e=>C.useCallback((t,n,r)=>{if(e){const i={type:L7(n),filterExtraProps:n.filterExtraProps||{},computedValue:n.getFilterCriteria?n.getFilterCriteria(t):null};e(M7(n),t,i,r)}},[e]),DB=(...e)=>null,_6e=({gridActions:e,gridSelectors:t,quickFilter:n,displayColumnsDefinitions:r,filters:i})=>{var _,X;const{addFilter:o=DB,clearSettings:l=DB}=e,{filter:c}=t,{isMobile:d}=vce(),[f,h]=C.useState(""),[g,v]=C.useState(!1),y=O7(o),w=n?(_=c==null?void 0:c[n])==null?void 0:_.value:void 0,S=(r==null?void 0:r.find(N=>N.name===n))||null,I=L7(S||{}),E=((X=i==null?void 0:i[I].defaultExtraProps)==null?void 0:X.defaultComparator)||"eq",M=w&&w.comparator||E,L=d&&g;C.useEffect(()=>{h(w?w.value:"")},[w,n,h]),C.useEffect(()=>{v(!d)},[d]);const T=C.useCallback(N=>{h(N.target.value);const H={comparator:M,value:N.target.value};S&&y(H,S)},[h,M,y,S]),P=C.useCallback(()=>{h(""),T({target:{value:""}}),v(!d)},[h,d,T,v]),R=C.useCallback(()=>{v(!0)},[]),B=C.useCallback(()=>{l==null||l(),h==null||h("")},[l,h]),W=vO(S);return{searchedValue:f,translatedValue:W,onChangeInputValue:T,onClearSettings:B,onDisplayInput:R,displayInput:g,onClear:P,isMobileInputView:L,isMobile:d,filter:c}},P7=Symbol();var T7=(e=>(e.Left="left",e.Right="right",e))(T7||{}),n2=(e=>(e.TopLeft="top-left",e.TopRight="top-right",e.BottomLeft="bottom-left",e.BottomRight="bottom-right",e))(n2||{});const Y6e=Object.freeze(Object.defineProperty({__proto__:null,EditReadPosition:T7,ExtraControlButtonPosition:n2,rowClassSymbol:P7},Symbol.toStringTag,{value:"Module"}));var J6e=ke.createContext();ke.createContext();var X6e=function(t){return Array.isArray(t)?t[0]:t},Q6e=function(t){if(typeof t=="function"){for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];return t.apply(void 0,r)}},K6e=function(t,n){if(typeof t=="function")return Q6e(t,n);t!=null&&(t.current=n)},BB=function(t){return t.reduce(function(n,r){var i=r[0],o=r[1];return n[i]=o,n},{})},NB=typeof window<"u"&&window.document&&window.document.createElement?ke.useLayoutEffect:ke.useEffect,Xr="top",Gi="bottom",Zi="right",Qr="left",D7="auto",r2=[Xr,Gi,Zi,Qr],mu="start",i2="end",q6e="clippingParents",FB="viewport",a2="popper",$6e="reference",jB=r2.reduce(function(e,t){return e.concat([t+"-"+mu,t+"-"+i2])},[]),RB=[].concat(r2,[D7]).reduce(function(e,t){return e.concat([t,t+"-"+mu,t+"-"+i2])},[]),e5e="beforeRead",t5e="read",n5e="afterRead",r5e="beforeMain",i5e="main",a5e="afterMain",o5e="beforeWrite",s5e="write",l5e="afterWrite",c5e=[e5e,t5e,n5e,r5e,i5e,a5e,o5e,s5e,l5e];function eo(e){return e?(e.nodeName||"").toLowerCase():null}function vi(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Pl(e){var t=vi(e).Element;return e instanceof t||e instanceof Element}function Ui(e){var t=vi(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function B7(e){if(typeof ShadowRoot>"u")return!1;var t=vi(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function u5e(e){var t=e.state;Object.keys(t.elements).forEach(function(n){var r=t.styles[n]||{},i=t.attributes[n]||{},o=t.elements[n];!Ui(o)||!eo(o)||(Object.assign(o.style,r),Object.keys(i).forEach(function(l){var c=i[l];c===!1?o.removeAttribute(l):o.setAttribute(l,c===!0?"":c)}))})}function d5e(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(r){var i=t.elements[r],o=t.attributes[r]||{},l=Object.keys(t.styles.hasOwnProperty(r)?t.styles[r]:n[r]),c=l.reduce(function(d,f){return d[f]="",d},{});!Ui(i)||!eo(i)||(Object.assign(i.style,c),Object.keys(o).forEach(function(d){i.removeAttribute(d)}))})}}const f5e={name:"applyStyles",enabled:!0,phase:"write",fn:u5e,effect:d5e,requires:["computeStyles"]};function to(e){return e.split("-")[0]}var Tl=Math.max,G3=Math.min,vu=Math.round;function N7(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function zB(){return!/^((?!chrome|android).)*safari/i.test(N7())}function yu(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);var r=e.getBoundingClientRect(),i=1,o=1;t&&Ui(e)&&(i=e.offsetWidth>0&&vu(r.width)/e.offsetWidth||1,o=e.offsetHeight>0&&vu(r.height)/e.offsetHeight||1);var l=Pl(e)?vi(e):window,c=l.visualViewport,d=!zB()&&n,f=(r.left+(d&&c?c.offsetLeft:0))/i,h=(r.top+(d&&c?c.offsetTop:0))/o,g=r.width/i,v=r.height/o;return{width:g,height:v,top:h,right:f+g,bottom:h+v,left:f,x:f,y:h}}function F7(e){var t=yu(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function WB(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&B7(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function Ro(e){return vi(e).getComputedStyle(e)}function A5e(e){return["table","td","th"].indexOf(eo(e))>=0}function Os(e){return((Pl(e)?e.ownerDocument:e.document)||window.document).documentElement}function Z3(e){return eo(e)==="html"?e:e.assignedSlot||e.parentNode||(B7(e)?e.host:null)||Os(e)}function VB(e){return!Ui(e)||Ro(e).position==="fixed"?null:e.offsetParent}function h5e(e){var t=/firefox/i.test(N7()),n=/Trident/i.test(N7());if(n&&Ui(e)){var r=Ro(e);if(r.position==="fixed")return null}var i=Z3(e);for(B7(i)&&(i=i.host);Ui(i)&&["html","body"].indexOf(eo(i))<0;){var o=Ro(i);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||t&&o.willChange==="filter"||t&&o.filter&&o.filter!=="none")return i;i=i.parentNode}return null}function o2(e){for(var t=vi(e),n=VB(e);n&&A5e(n)&&Ro(n).position==="static";)n=VB(n);return n&&(eo(n)==="html"||eo(n)==="body"&&Ro(n).position==="static")?t:n||h5e(e)||t}function j7(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function s2(e,t,n){return Tl(e,G3(t,n))}function p5e(e,t,n){var r=s2(e,t,n);return r>n?n:r}function HB(){return{top:0,right:0,bottom:0,left:0}}function GB(e){return Object.assign({},HB(),e)}function ZB(e,t){return t.reduce(function(n,r){return n[r]=e,n},{})}var g5e=function(t,n){return t=typeof t=="function"?t(Object.assign({},n.rects,{placement:n.placement})):t,GB(typeof t!="number"?t:ZB(t,r2))};function m5e(e){var t,n=e.state,r=e.name,i=e.options,o=n.elements.arrow,l=n.modifiersData.popperOffsets,c=to(n.placement),d=j7(c),f=[Qr,Zi].indexOf(c)>=0,h=f?"height":"width";if(!(!o||!l)){var g=g5e(i.padding,n),v=F7(o),y=d==="y"?Xr:Qr,w=d==="y"?Gi:Zi,S=n.rects.reference[h]+n.rects.reference[d]-l[d]-n.rects.popper[h],I=l[d]-n.rects.reference[d],E=o2(o),M=E?d==="y"?E.clientHeight||0:E.clientWidth||0:0,L=S/2-I/2,T=g[y],P=M-v[h]-g[w],R=M/2-v[h]/2+L,B=s2(T,R,P),W=d;n.modifiersData[r]=(t={},t[W]=B,t.centerOffset=B-R,t)}}function v5e(e){var t=e.state,n=e.options,r=n.element,i=r===void 0?"[data-popper-arrow]":r;i!=null&&(typeof i=="string"&&(i=t.elements.popper.querySelector(i),!i)||WB(t.elements.popper,i)&&(t.elements.arrow=i))}const y5e={name:"arrow",enabled:!0,phase:"main",fn:m5e,effect:v5e,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function bu(e){return e.split("-")[1]}var b5e={top:"auto",right:"auto",bottom:"auto",left:"auto"};function C5e(e,t){var n=e.x,r=e.y,i=t.devicePixelRatio||1;return{x:vu(n*i)/i||0,y:vu(r*i)/i||0}}function UB(e){var t,n=e.popper,r=e.popperRect,i=e.placement,o=e.variation,l=e.offsets,c=e.position,d=e.gpuAcceleration,f=e.adaptive,h=e.roundOffsets,g=e.isFixed,v=l.x,y=v===void 0?0:v,w=l.y,S=w===void 0?0:w,I=typeof h=="function"?h({x:y,y:S}):{x:y,y:S};y=I.x,S=I.y;var E=l.hasOwnProperty("x"),M=l.hasOwnProperty("y"),L=Qr,T=Xr,P=window;if(f){var R=o2(n),B="clientHeight",W="clientWidth";if(R===vi(n)&&(R=Os(n),Ro(R).position!=="static"&&c==="absolute"&&(B="scrollHeight",W="scrollWidth")),R=R,i===Xr||(i===Qr||i===Zi)&&o===i2){T=Gi;var _=g&&R===P&&P.visualViewport?P.visualViewport.height:R[B];S-=_-r.height,S*=d?1:-1}if(i===Qr||(i===Xr||i===Gi)&&o===i2){L=Zi;var X=g&&R===P&&P.visualViewport?P.visualViewport.width:R[W];y-=X-r.width,y*=d?1:-1}}var N=Object.assign({position:c},f&&b5e),H=h===!0?C5e({x:y,y:S},vi(n)):{x:y,y:S};if(y=H.x,S=H.y,d){var ee;return Object.assign({},N,(ee={},ee[T]=M?"0":"",ee[L]=E?"0":"",ee.transform=(P.devicePixelRatio||1)<=1?"translate("+y+"px, "+S+"px)":"translate3d("+y+"px, "+S+"px, 0)",ee))}return Object.assign({},N,(t={},t[T]=M?S+"px":"",t[L]=E?y+"px":"",t.transform="",t))}function w5e(e){var t=e.state,n=e.options,r=n.gpuAcceleration,i=r===void 0?!0:r,o=n.adaptive,l=o===void 0?!0:o,c=n.roundOffsets,d=c===void 0?!0:c,f={placement:to(t.placement),variation:bu(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,UB(Object.assign({},f,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:l,roundOffsets:d})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,UB(Object.assign({},f,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:d})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const x5e={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:w5e,data:{}};var U3={passive:!0};function S5e(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,o=i===void 0?!0:i,l=r.resize,c=l===void 0?!0:l,d=vi(t.elements.popper),f=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&f.forEach(function(h){h.addEventListener("scroll",n.update,U3)}),c&&d.addEventListener("resize",n.update,U3),function(){o&&f.forEach(function(h){h.removeEventListener("scroll",n.update,U3)}),c&&d.removeEventListener("resize",n.update,U3)}}const I5e={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:S5e,data:{}};var E5e={left:"right",right:"left",bottom:"top",top:"bottom"};function _3(e){return e.replace(/left|right|bottom|top/g,function(t){return E5e[t]})}var k5e={start:"end",end:"start"};function _B(e){return e.replace(/start|end/g,function(t){return k5e[t]})}function R7(e){var t=vi(e),n=t.pageXOffset,r=t.pageYOffset;return{scrollLeft:n,scrollTop:r}}function z7(e){return yu(Os(e)).left+R7(e).scrollLeft}function M5e(e,t){var n=vi(e),r=Os(e),i=n.visualViewport,o=r.clientWidth,l=r.clientHeight,c=0,d=0;if(i){o=i.width,l=i.height;var f=zB();(f||!f&&t==="fixed")&&(c=i.offsetLeft,d=i.offsetTop)}return{width:o,height:l,x:c+z7(e),y:d}}function L5e(e){var t,n=Os(e),r=R7(e),i=(t=e.ownerDocument)==null?void 0:t.body,o=Tl(n.scrollWidth,n.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),l=Tl(n.scrollHeight,n.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),c=-r.scrollLeft+z7(e),d=-r.scrollTop;return Ro(i||n).direction==="rtl"&&(c+=Tl(n.clientWidth,i?i.clientWidth:0)-o),{width:o,height:l,x:c,y:d}}function W7(e){var t=Ro(e),n=t.overflow,r=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+i+r)}function YB(e){return["html","body","#document"].indexOf(eo(e))>=0?e.ownerDocument.body:Ui(e)&&W7(e)?e:YB(Z3(e))}function l2(e,t){var n;t===void 0&&(t=[]);var r=YB(e),i=r===((n=e.ownerDocument)==null?void 0:n.body),o=vi(r),l=i?[o].concat(o.visualViewport||[],W7(r)?r:[]):r,c=t.concat(l);return i?c:c.concat(l2(Z3(l)))}function V7(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function O5e(e,t){var n=yu(e,!1,t==="fixed");return n.top=n.top+e.clientTop,n.left=n.left+e.clientLeft,n.bottom=n.top+e.clientHeight,n.right=n.left+e.clientWidth,n.width=e.clientWidth,n.height=e.clientHeight,n.x=n.left,n.y=n.top,n}function JB(e,t,n){return t===FB?V7(M5e(e,n)):Pl(t)?O5e(t,n):V7(L5e(Os(e)))}function P5e(e){var t=l2(Z3(e)),n=["absolute","fixed"].indexOf(Ro(e).position)>=0,r=n&&Ui(e)?o2(e):e;return Pl(r)?t.filter(function(i){return Pl(i)&&WB(i,r)&&eo(i)!=="body"}):[]}function T5e(e,t,n,r){var i=t==="clippingParents"?P5e(e):[].concat(t),o=[].concat(i,[n]),l=o[0],c=o.reduce(function(d,f){var h=JB(e,f,r);return d.top=Tl(h.top,d.top),d.right=G3(h.right,d.right),d.bottom=G3(h.bottom,d.bottom),d.left=Tl(h.left,d.left),d},JB(e,l,r));return c.width=c.right-c.left,c.height=c.bottom-c.top,c.x=c.left,c.y=c.top,c}function XB(e){var t=e.reference,n=e.element,r=e.placement,i=r?to(r):null,o=r?bu(r):null,l=t.x+t.width/2-n.width/2,c=t.y+t.height/2-n.height/2,d;switch(i){case Xr:d={x:l,y:t.y-n.height};break;case Gi:d={x:l,y:t.y+t.height};break;case Zi:d={x:t.x+t.width,y:c};break;case Qr:d={x:t.x-n.width,y:c};break;default:d={x:t.x,y:t.y}}var f=i?j7(i):null;if(f!=null){var h=f==="y"?"height":"width";switch(o){case mu:d[f]=d[f]-(t[h]/2-n[h]/2);break;case i2:d[f]=d[f]+(t[h]/2-n[h]/2);break}}return d}function c2(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=r===void 0?e.placement:r,o=n.strategy,l=o===void 0?e.strategy:o,c=n.boundary,d=c===void 0?q6e:c,f=n.rootBoundary,h=f===void 0?FB:f,g=n.elementContext,v=g===void 0?a2:g,y=n.altBoundary,w=y===void 0?!1:y,S=n.padding,I=S===void 0?0:S,E=GB(typeof I!="number"?I:ZB(I,r2)),M=v===a2?$6e:a2,L=e.rects.popper,T=e.elements[w?M:v],P=T5e(Pl(T)?T:T.contextElement||Os(e.elements.popper),d,h,l),R=yu(e.elements.reference),B=XB({reference:R,element:L,placement:i}),W=V7(Object.assign({},L,B)),_=v===a2?W:R,X={top:P.top-_.top+E.top,bottom:_.bottom-P.bottom+E.bottom,left:P.left-_.left+E.left,right:_.right-P.right+E.right},N=e.modifiersData.offset;if(v===a2&&N){var H=N[i];Object.keys(X).forEach(function(ee){var oe=[Zi,Gi].indexOf(ee)>=0?1:-1,ae=[Xr,Gi].indexOf(ee)>=0?"y":"x";X[ee]+=H[ae]*oe})}return X}function D5e(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=n.boundary,o=n.rootBoundary,l=n.padding,c=n.flipVariations,d=n.allowedAutoPlacements,f=d===void 0?RB:d,h=bu(r),g=h?c?jB:jB.filter(function(w){return bu(w)===h}):r2,v=g.filter(function(w){return f.indexOf(w)>=0});v.length===0&&(v=g);var y=v.reduce(function(w,S){return w[S]=c2(e,{placement:S,boundary:i,rootBoundary:o,padding:l})[to(S)],w},{});return Object.keys(y).sort(function(w,S){return y[w]-y[S]})}function B5e(e){if(to(e)===D7)return[];var t=_3(e);return[_B(e),t,_B(t)]}function N5e(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var i=n.mainAxis,o=i===void 0?!0:i,l=n.altAxis,c=l===void 0?!0:l,d=n.fallbackPlacements,f=n.padding,h=n.boundary,g=n.rootBoundary,v=n.altBoundary,y=n.flipVariations,w=y===void 0?!0:y,S=n.allowedAutoPlacements,I=t.options.placement,E=to(I),M=E===I,L=d||(M||!w?[_3(I)]:B5e(I)),T=[I].concat(L).reduce(function(de,se){return de.concat(to(se)===D7?D5e(t,{placement:se,boundary:h,rootBoundary:g,padding:f,flipVariations:w,allowedAutoPlacements:S}):se)},[]),P=t.rects.reference,R=t.rects.popper,B=new Map,W=!0,_=T[0],X=0;X<T.length;X++){var N=T[X],H=to(N),ee=bu(N)===mu,oe=[Xr,Gi].indexOf(H)>=0,ae=oe?"width":"height",q=c2(t,{placement:N,boundary:h,rootBoundary:g,altBoundary:v,padding:f}),ue=oe?ee?Zi:Qr:ee?Gi:Xr;P[ae]>R[ae]&&(ue=_3(ue));var ge=_3(ue),fe=[];if(o&&fe.push(q[H]<=0),c&&fe.push(q[ue]<=0,q[ge]<=0),fe.every(function(de){return de})){_=N,W=!1;break}B.set(N,fe)}if(W)for(var Y=w?3:1,z=function(se){var Q=T.find(function(re){var le=B.get(re);if(le)return le.slice(0,se).every(function(pe){return pe})});if(Q)return _=Q,"break"},$=Y;$>0;$--){var ie=z($);if(ie==="break")break}t.placement!==_&&(t.modifiersData[r]._skip=!0,t.placement=_,t.reset=!0)}}const F5e={name:"flip",enabled:!0,phase:"main",fn:N5e,requiresIfExists:["offset"],data:{_skip:!1}};function QB(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function KB(e){return[Xr,Zi,Gi,Qr].some(function(t){return e[t]>=0})}function j5e(e){var t=e.state,n=e.name,r=t.rects.reference,i=t.rects.popper,o=t.modifiersData.preventOverflow,l=c2(t,{elementContext:"reference"}),c=c2(t,{altBoundary:!0}),d=QB(l,r),f=QB(c,i,o),h=KB(d),g=KB(f);t.modifiersData[n]={referenceClippingOffsets:d,popperEscapeOffsets:f,isReferenceHidden:h,hasPopperEscaped:g},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":g})}const R5e={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:j5e};function z5e(e,t,n){var r=to(e),i=[Qr,Xr].indexOf(r)>=0?-1:1,o=typeof n=="function"?n(Object.assign({},t,{placement:e})):n,l=o[0],c=o[1];return l=l||0,c=(c||0)*i,[Qr,Zi].indexOf(r)>=0?{x:c,y:l}:{x:l,y:c}}function W5e(e){var t=e.state,n=e.options,r=e.name,i=n.offset,o=i===void 0?[0,0]:i,l=RB.reduce(function(h,g){return h[g]=z5e(g,t.rects,o),h},{}),c=l[t.placement],d=c.x,f=c.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=f),t.modifiersData[r]=l}const V5e={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:W5e};function H5e(e){var t=e.state,n=e.name;t.modifiersData[n]=XB({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const G5e={name:"popperOffsets",enabled:!0,phase:"read",fn:H5e,data:{}};function Z5e(e){return e==="x"?"y":"x"}function U5e(e){var t=e.state,n=e.options,r=e.name,i=n.mainAxis,o=i===void 0?!0:i,l=n.altAxis,c=l===void 0?!1:l,d=n.boundary,f=n.rootBoundary,h=n.altBoundary,g=n.padding,v=n.tether,y=v===void 0?!0:v,w=n.tetherOffset,S=w===void 0?0:w,I=c2(t,{boundary:d,rootBoundary:f,padding:g,altBoundary:h}),E=to(t.placement),M=bu(t.placement),L=!M,T=j7(E),P=Z5e(T),R=t.modifiersData.popperOffsets,B=t.rects.reference,W=t.rects.popper,_=typeof S=="function"?S(Object.assign({},t.rects,{placement:t.placement})):S,X=typeof _=="number"?{mainAxis:_,altAxis:_}:Object.assign({mainAxis:0,altAxis:0},_),N=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,H={x:0,y:0};if(R){if(o){var ee,oe=T==="y"?Xr:Qr,ae=T==="y"?Gi:Zi,q=T==="y"?"height":"width",ue=R[T],ge=ue+I[oe],fe=ue-I[ae],Y=y?-W[q]/2:0,z=M===mu?B[q]:W[q],$=M===mu?-W[q]:-B[q],ie=t.elements.arrow,de=y&&ie?F7(ie):{width:0,height:0},se=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:HB(),Q=se[oe],re=se[ae],le=s2(0,B[q],de[q]),pe=L?B[q]/2-Y-le-Q-X.mainAxis:z-le-Q-X.mainAxis,ye=L?-B[q]/2+Y+le+re+X.mainAxis:$+le+re+X.mainAxis,He=t.elements.arrow&&o2(t.elements.arrow),me=He?T==="y"?He.clientTop||0:He.clientLeft||0:0,Ze=(ee=N==null?void 0:N[T])!=null?ee:0,Ye=ue+pe-Ze-me,kt=ue+ye-Ze,Hn=s2(y?G3(ge,Ye):ge,ue,y?Tl(fe,kt):fe);R[T]=Hn,H[T]=Hn-ue}if(c){var An,Tn=T==="x"?Xr:Qr,G=T==="x"?Gi:Zi,ot=R[P],jt=P==="y"?"height":"width",Dn=ot+I[Tn],an=ot-I[G],io=[Xr,Qr].indexOf(E)!==-1,qr=(An=N==null?void 0:N[P])!=null?An:0,Bs=io?Dn:ot-B[jt]-W[jt]-qr+X.altAxis,xn=io?ot+B[jt]+W[jt]-qr-X.altAxis:an,Kt=y&&io?p5e(Bs,ot,xn):s2(y?Bs:Dn,ot,y?xn:an);R[P]=Kt,H[P]=Kt-ot}t.modifiersData[r]=H}}const _5e={name:"preventOverflow",enabled:!0,phase:"main",fn:U5e,requiresIfExists:["offset"]};function Y5e(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function J5e(e){return e===vi(e)||!Ui(e)?R7(e):Y5e(e)}function X5e(e){var t=e.getBoundingClientRect(),n=vu(t.width)/e.offsetWidth||1,r=vu(t.height)/e.offsetHeight||1;return n!==1||r!==1}function Q5e(e,t,n){n===void 0&&(n=!1);var r=Ui(t),i=Ui(t)&&X5e(t),o=Os(t),l=yu(e,i,n),c={scrollLeft:0,scrollTop:0},d={x:0,y:0};return(r||!r&&!n)&&((eo(t)!=="body"||W7(o))&&(c=J5e(t)),Ui(t)?(d=yu(t,!0),d.x+=t.clientLeft,d.y+=t.clientTop):o&&(d.x=z7(o))),{x:l.left+c.scrollLeft-d.x,y:l.top+c.scrollTop-d.y,width:l.width,height:l.height}}function K5e(e){var t=new Map,n=new Set,r=[];e.forEach(function(o){t.set(o.name,o)});function i(o){n.add(o.name);var l=[].concat(o.requires||[],o.requiresIfExists||[]);l.forEach(function(c){if(!n.has(c)){var d=t.get(c);d&&i(d)}}),r.push(o)}return e.forEach(function(o){n.has(o.name)||i(o)}),r}function q5e(e){var t=K5e(e);return c5e.reduce(function(n,r){return n.concat(t.filter(function(i){return i.phase===r}))},[])}function $5e(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function ege(e){var t=e.reduce(function(n,r){var i=n[r.name];return n[r.name]=i?Object.assign({},i,r,{options:Object.assign({},i.options,r.options),data:Object.assign({},i.data,r.data)}):r,n},{});return Object.keys(t).map(function(n){return t[n]})}var qB={placement:"bottom",modifiers:[],strategy:"absolute"};function $B(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(r){return!(r&&typeof r.getBoundingClientRect=="function")})}function tge(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,r=n===void 0?[]:n,i=t.defaultOptions,o=i===void 0?qB:i;return function(c,d,f){f===void 0&&(f=o);var h={placement:"bottom",orderedModifiers:[],options:Object.assign({},qB,o),modifiersData:{},elements:{reference:c,popper:d},attributes:{},styles:{}},g=[],v=!1,y={state:h,setOptions:function(E){var M=typeof E=="function"?E(h.options):E;S(),h.options=Object.assign({},o,h.options,M),h.scrollParents={reference:Pl(c)?l2(c):c.contextElement?l2(c.contextElement):[],popper:l2(d)};var L=q5e(ege([].concat(r,h.options.modifiers)));return h.orderedModifiers=L.filter(function(T){return T.enabled}),w(),y.update()},forceUpdate:function(){if(!v){var E=h.elements,M=E.reference,L=E.popper;if($B(M,L)){h.rects={reference:Q5e(M,o2(L),h.options.strategy==="fixed"),popper:F7(L)},h.reset=!1,h.placement=h.options.placement,h.orderedModifiers.forEach(function(X){return h.modifiersData[X.name]=Object.assign({},X.data)});for(var T=0;T<h.orderedModifiers.length;T++){if(h.reset===!0){h.reset=!1,T=-1;continue}var P=h.orderedModifiers[T],R=P.fn,B=P.options,W=B===void 0?{}:B,_=P.name;typeof R=="function"&&(h=R({state:h,options:W,name:_,instance:y})||h)}}}},update:$5e(function(){return new Promise(function(I){y.forceUpdate(),I(h)})}),destroy:function(){S(),v=!0}};if(!$B(c,d))return y;y.setOptions(f).then(function(I){!v&&f.onFirstUpdate&&f.onFirstUpdate(I)});function w(){h.orderedModifiers.forEach(function(I){var E=I.name,M=I.options,L=M===void 0?{}:M,T=I.effect;if(typeof T=="function"){var P=T({state:h,name:E,instance:y,options:L}),R=function(){};g.push(P||R)}})}function S(){g.forEach(function(I){return I()}),g=[]}return y}}var nge=[I5e,G5e,x5e,f5e,V5e,F5e,_5e,y5e,R5e],rge=tge({defaultModifiers:nge}),ige=typeof Element<"u",age=typeof Map=="function",oge=typeof Set=="function",sge=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function Y3(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){if(e.constructor!==t.constructor)return!1;var n,r,i;if(Array.isArray(e)){if(n=e.length,n!=t.length)return!1;for(r=n;r--!==0;)if(!Y3(e[r],t[r]))return!1;return!0}var o;if(age&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(o=e.entries();!(r=o.next()).done;)if(!t.has(r.value[0]))return!1;for(o=e.entries();!(r=o.next()).done;)if(!Y3(r.value[1],t.get(r.value[0])))return!1;return!0}if(oge&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(o=e.entries();!(r=o.next()).done;)if(!t.has(r.value[0]))return!1;return!0}if(sge&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if(n=e.length,n!=t.length)return!1;for(r=n;r--!==0;)if(e[r]!==t[r])return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf=="function"&&typeof t.valueOf=="function")return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString=="function"&&typeof t.toString=="function")return e.toString()===t.toString();if(i=Object.keys(e),n=i.length,n!==Object.keys(t).length)return!1;for(r=n;r--!==0;)if(!Object.prototype.hasOwnProperty.call(t,i[r]))return!1;if(ige&&e instanceof Element)return!1;for(r=n;r--!==0;)if(!((i[r]==="_owner"||i[r]==="__v"||i[r]==="__o")&&e.$$typeof)&&!Y3(e[i[r]],t[i[r]]))return!1;return!0}return e!==e&&t!==t}var lge=function(t,n){try{return Y3(t,n)}catch(r){if((r.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw r}};const cge=er(lge);var uge=[],dge=function(t,n,r){r===void 0&&(r={});var i=ke.useRef(null),o={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||uge},l=ke.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),c=l[0],d=l[1],f=ke.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(y){var w=y.state,S=Object.keys(w.elements);Nj.flushSync(function(){d({styles:BB(S.map(function(I){return[I,w.styles[I]||{}]})),attributes:BB(S.map(function(I){return[I,w.attributes[I]]}))})})},requires:["computeStyles"]}},[]),h=ke.useMemo(function(){var v={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[].concat(o.modifiers,[f,{name:"applyStyles",enabled:!1}])};return cge(i.current,v)?i.current||v:(i.current=v,v)},[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,f]),g=ke.useRef();return NB(function(){g.current&&g.current.setOptions(h)},[h]),NB(function(){if(!(t==null||n==null)){var v=r.createPopper||rge,y=v(t,n,h);return g.current=y,function(){y.destroy(),g.current=null}}},[t,n,r.createPopper]),{state:g.current?g.current.state:null,styles:c.styles,attributes:c.attributes,update:g.current?g.current.update:null,forceUpdate:g.current?g.current.forceUpdate:null}},fge=function(){},Age=function(){return Promise.resolve(null)},hge=[];function eN(e){var t=e.placement,n=t===void 0?"bottom":t,r=e.strategy,i=r===void 0?"absolute":r,o=e.modifiers,l=o===void 0?hge:o,c=e.referenceElement,d=e.onFirstUpdate,f=e.innerRef,h=e.children,g=ke.useContext(J6e),v=ke.useState(null),y=v[0],w=v[1],S=ke.useState(null),I=S[0],E=S[1];ke.useEffect(function(){K6e(f,y)},[f,y]);var M=ke.useMemo(function(){return{placement:n,strategy:i,onFirstUpdate:d,modifiers:[].concat(l,[{name:"arrow",enabled:I!=null,options:{element:I}}])}},[n,i,d,l,I]),L=dge(c||g,y,M),T=L.state,P=L.styles,R=L.forceUpdate,B=L.update,W=ke.useMemo(function(){return{ref:w,style:P.popper,placement:T?T.placement:n,hasPopperEscaped:T&&T.modifiersData.hide?T.modifiersData.hide.hasPopperEscaped:null,isReferenceHidden:T&&T.modifiersData.hide?T.modifiersData.hide.isReferenceHidden:null,arrowProps:{style:P.arrow,ref:E},forceUpdate:R||fge,update:B||Age}},[w,E,n,T,P,B,R]);return X6e(h)(W)}const u2=({children:e})=>{const[t]=C.useState(()=>document.createElement("div"));return C.useEffect(()=>{try{document.body.appendChild(t)}catch(n){console.log(n)}return()=>{try{document.body.removeChild(t)}catch(n){console.log(n)}}},[]),yo.createPortal(e,t)},pge=U.div`
   z-index: 5;
 `,J3=({placement:e,wrapper:t,children:n,onClose:r,parentRef:i})=>{const o=Io({onClose:r,parentRef:i}),l=t||pge;return p.jsx(u2,{children:p.jsx("div",{ref:o,children:p.jsx(eN,{innerRef:o,referenceElement:i.current,placement:e,children:({ref:c,style:d})=>p.jsx(l,{ref:c,style:d,children:n})})})})},gge=U(at)`
   flex-shrink: 0;