https://static.lokalise.com/js/compiled/ui/1144.f2f25c69fadacea1.js

1"use strict";(globalThis.rspackChunklokalise_ui=globalThis.rspackChunklokalise_ui||[]).push([[1144],{77851(e,t,i){i.r(t),i.d(t,{default:()=>T,optionsFlatMap:()=>z});var n=i(74848),o=i(4368),l=i(40083),r=i(97800),a=i(53175),s=i(8120),d=i(96540),p=i(77783);let u=e=>{let t={order:"order_\\d+",import:"import_\\d+",filename:"filename_\\d+",task:"task_\\d+",platform:"platform_\\d+",builtin:"builtin_\\d+",custom:"custom_\\d+"},i=Object.keys(t),n=i.length;for(let o=0;o<n;o+=1){let n=i[o];if(!n)continue;let l=t[n];if(l&&RegExp(l,"i").test(e))return n}return null},c=e=>{let t={};for(let i of e)if(i)if("option"===i.type&&"value"in i&&"label"in i){let e=u(i.value);null!==e&&(t[i.value]={type:e,value:i.label})}else"group"===i.type&&"options"in i&&(t={...t,...c(i.options)});return t};var f=i(20267),v=i(10655),h=i(14208),m=i(97636),y=i(37643),w=i(45560),x=i(36663),g=i(2335),b=i(65754);let A="down",_=w.Ay.div.withConfig({displayName:"AdvancedFilterDropdown__Container",componentId:"sc-910869a-0"})(["position:relative;max-width:225px;display:flex;"]),k=(0,w.AH)(["min-width:160px;max-width:300px;padding:0;text-align:left;list-style-type:none;background-color:",";border-width:","px;border-style:solid;border-color:",";border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.2);margin:0;position:absolute;z-index:",";"],(0,g.yW)("background.surface.default"),1,(0,g.yW)("border.default"),(0,g.fE)("dropdown")),j=w.Ay.ul.withConfig({displayName:"AdvancedFilterDropdown__Menu",componentId:"sc-910869a-1"})([""," display:none;top:100%;left:0;",""],k,(0,g.WO)("$isVisible",(0,w.AH)(["display:block;"]))),D=w.Ay.ul.withConfig({displayName:"AdvancedFilterDropdown__SecondLevelMenu",componentId:"sc-910869a-2"})([""," width:300px;display:none;left:100%;"," ",""],k,(0,g.WO)("$isVisible",(0,w.AH)(["display:block;"])),(0,g.HI)("$direction",{up:(0,w.AH)(["top:100%;transform:translateY(-100%);"]),[A]:(0,w.AH)(["top:0;transform:none;"])})),E=w.Ay.li.withConfig({displayName:"AdvancedFilterDropdown__Divider",componentId:"sc-910869a-3"})(["border-top:1px solid ",";margin:5px 0;"],(0,g.yW)("border.default")),I=w.Ay.ul.withConfig({displayName:"AdvancedFilterDropdown__GroupContainer",componentId:"sc-910869a-4"})(["position:relative;list-style-type:none;padding:0;margin:0;"]),S=w.Ay.li.withConfig({displayName:"AdvancedFilterDropdown__Item",componentId:"sc-910869a-5"})(["height:","px;font-size:","px;line-height:","px;position:relative;padding:10px 15px;display:flex;align-items:center;gap:4px;background-color:",";color:",";cursor:pointer;",""],33,13,16,(0,g.yW)("background.transparent"),(0,g.yW)("text.default"),(0,g.WO)("$isActive",(0,w.AH)(["background-color:",";"],(0,g.yW)("background.active")))),C=w.Ay.div.withConfig({displayName:"AdvancedFilterDropdown__Label",componentId:"sc-910869a-6"})(["",";flex-grow:1;min-width:0;",""],x.St,(0,g.WO)("truncateStart",(0,w.AH)(["text-overflow:initial;"]))),R=w.Ay.div.withConfig({displayName:"AdvancedFilterDropdown__Title",componentId:"sc-910869a-7"})(["min-width:100%;overflow:hidden;text-overflow:ellipsis;",""],(0,g.WO)("truncateStart",(0,w.AH)(["float:right;text-overflow:initial;"]))),F=w.Ay.div.withConfig({displayName:"AdvancedFilterDropdown__Arrow",componentId:"sc-910869a-8"})(["border-style:solid;border-width:6px 0 6px 6px;border-color:transparent;border-left-color:",";position:absolute;right:5px;top:50%;transform:translateY(-50%);opacity:0.25;"],(0,g.yW)("custom.neutral1")),M=w.Ay.strong.withConfig({displayName:"AdvancedFilterDropdown__ButtonText",componentId:"sc-910869a-9"})(["",";line-height:initial;font-weight:bold;display:inline-block;"],x.St),W=(0,w.Ay)(b.$).withConfig({displayName:"AdvancedFilterDropdown__ButtonWithEllipsis",componentId:"sc-910869a-10"})(["&&{*{overflow:hidden;}width:100%;}"]),N=({value:e,label:t,title:i,truncateStart:o,posinset:l,setsize:r,activeItem:a,isSelected:s=!1,menuRef:p,onSelect:u,onRemove:c})=>{let[f,v]=(0,d.useState)(l===a);(0,d.useEffect)(()=>{v(l===a)},[a]);let w=()=>{v(!0),p&&p.setAttribute("aria-activedescendant",e)};return(0,n.jsxs)(S,{role:"option","aria-posinset":l,"aria-setsize":r,"aria-selected":f||void 0,id:e,title:i,$isActive:f,onClick:()=>u(e),onMouseEnter:w,onMouseMove:w,onMouseLeave:()=>v(!1),children:[s&&(0,n.jsx)(h.R,{}),(0,n.jsx)(C,{truncateStart:o,children:(0,n.jsx)(R,{truncateStart:o,children:i})}),c&&(0,n.jsx)(m.K,{title:"Remove filter",ariaLabel:`Remove ${t}`,onClick:t=>{t.stopPropagation(),c(e)},children:(0,n.jsx)(y.I,{})})]})},$=({isDropdownOpen:e,title:t,options:i,setsize:o,selectedValue:l,activeItem:r,menuRef:a,onSelect:s,onRemove:p})=>{let u=(0,d.useRef)(null),c=(0,d.useRef)(null),[h,m]=(0,d.useState)(!1);(0,d.useEffect)(()=>{m(!1)},[e]);let y=i[0]?.posinset??0,w=i[i.length-1]?.posinset??0;(0,d.useLayoutEffect)(()=>{0!==r&&m(r>=y&&r<=w)},[y,w,r]),(0,d.useLayoutEffect)(()=>{c?.current?.scrollToItem(r,"end")},[r]);let{space:x,direction:g}=(({isOpen:e,parentNode:t,totalItems:i})=>{let[n,o]=(0,d.useState)("up"),[l,r]=(0,d.useState)(0),{width:a,height:s}=(0,f.A)();return(0,d.useEffect)(()=>

1{if(!e||!t)return;let{top:n,bottom:l}=t.getBoundingClientRect(),a=33*i,d=s-n;d>=a||d>=100||d>=l?(o(A),r(Math.min(a,d))):(o("up"),r(Math.min(a,l)))},[e,t,i,a,s]),{direction:n,space:l}})({isOpen:h,parentNode:u.current,totalItems:i.length});return(0,n.jsxs)(I,{ref:u,role:"group",onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),children:[(0,n.jsxs)(S,{role:"presentation",$isActive:h,children:[(0,n.jsx)(C,{children:t}),(0,n.jsx)(F,{})]}),h&&x>0&&(0,n.jsx)(D,{$isVisible:h,$direction:g,children:(0,n.jsx)(v.Y1,{ref:c,width:300,height:x-2,itemSize:33,itemData:i,itemCount:i.length,children:({data:e,index:t,style:i})=>{let d=e[t];return d?(0,n.jsx)("div",{style:{...i,width:"calc(100% - 2px)"},children:(0,n.jsx)(N,{value:d.value,label:d.label,title:d.label,posinset:d.posinset,truncateStart:d.truncateStart,setsize:o,activeItem:r,isSelected:d.value===l,menuRef:a,onSelect:s,onRemove:d.isRemovable?p:void 0},d.value)}):null}})})]})},z=e=>e.flatMap(e=>"divider"===e.type?[]:"group"===e.type?e.options:e),H=(0,s.Mz)(r.U1,e=>e.documentOrContentProject),T=({value:e,disabled:t=!1,options:i,label:r,variant:s="secondary",onChange:u,onRemove:f})=>{let v=(0,l.A)(H),h=(0,d.useRef)(null),m=(0,d.useRef)(null),[y,w]=(0,d.useState)(!1),[x,g]=(0,d.useState)(0),[b,A]=(0,d.useState)(!1),k=(0,d.useMemo)(()=>v?i.filter(e=>"group"!==e.type||e?.title!=="Filename"):i,[v,i]),D=z(k),I=D.length;(0,d.useEffect)(()=>{w(!1)},[e]),(0,d.useEffect)(()=>{y&&g(1)},[y]),(0,d.useEffect)(()=>{b||g(0)},[b]);let S=e=>{let t;u(e),w(!1),void 0!==(t=c(i)[e])&&(0,p.Ay)(p.sE.PROJECT_FILTERED_PREDEFINED,t)};(0,o.A)(h.current,()=>w(!1),y);let C=(0,d.useId)();return(0,n.jsxs)(_,{ref:h,children:[(0,n.jsx)(W,{variant:s,size:"sm","aria-haspopup":"listbox",active:y,id:C,disabled:t,rightIcon:(0,n.jsx)(a.s,{}),onClick:()=>w(e=>!e),onKeyDown:e=>{if(" "===e.key&&(e.preventDefault(),w(e=>!e)),"Escape"===e.key&&(e.preventDefault(),w(!1)),"Tab"===e.key&&y&&(e.preventDefault(),w(!1)),"ArrowDown"===e.key||"ArrowUp"===e.key){if(e.preventDefault(),!y)return;let t=m.current?.getAttribute("aria-activedescendant"),i=D.findIndex(e=>e.value===t)+1,n=0;"ArrowDown"===e.key&&(n=i===I?I:i+1),"ArrowUp"===e.key&&(n=1===i?1:i-1),g(n),A(!0)}if("Enter"===e.key)if(e.preventDefault(),y){let e=D[x-1];e&&S(e.value)}else w(!0)},children:t?"Filter currently not available":(0,n.jsxs)(n.Fragment,{children:[r.normalText,!!r.strongText&&(0,n.jsxs)(M,{children:[" ",r.strongText]})]})}),(0,n.jsx)(j,{ref:m,tabIndex:-1,role:"listbox",$isVisible:y&&k.length>0,"aria-labelledby":C,"aria-activedescendant":D[x-1]?.value??"",onMouseMove:()=>A(!1),children:k.length>0&&k.map((t,i)=>"divider"===t.type?(0,n.jsx)(E,{},`divider-${i}`):"group"===t.type?(0,n.jsx)($,{isDropdownOpen:y,title:t.title,options:t.options,setsize:I,selectedValue:e,activeItem:x,menuRef:m.current,onSelect:S,onRemove:f},t.title):(0,n.jsx)(N,{value:t.value,label:t.label,title:t.label,posinset:t.posinset,setsize:I,isSelected:t.value===e,activeItem:x,menuRef:m.current,onSelect:S,onRemove:t.isRemovable?f:void 0},t.value))})]})}},20267(e,t,i){i.d(t,{A:()=>o});var n=i(96540);let o=()=>{let[e,t]=(0,n.useState)(()=>({width:window.innerWidth,height:window.innerHeight}));return(0,n.useEffect)(()=>{let e=()=>t({width:window.innerWidth,height:window.innerHeight});return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),e}}}]);
2//# sourceMappingURL=1144.f2f25c69fadacea1.js.map