@zeniai/web-components 3.16.80 → 3.16.81

package/dist/TaskListRow-3B2nylO0.cjs

@@ -0,0 +1,556 @@
+"use strict";const s=require("./vendor-.pnpm-CT-Z_-kn.cjs"),S=require("react"),C=require("@emotion/react"),o=require("@emotion/styled"),M=require("@zeniai/client-epic-state"),t=require("./index-Cq8ByKbH.cjs"),Ee=require("./avatar-D-486uIp.cjs"),Ce=require("./ZeniDatePicker-Bn7-vGJh.cjs"),g=require("./TaskDetailPage-B8KbANMd.cjs"),ke=require("./add-CL33zLUN.cjs"),ne=require("./common-CJUm7hu8.cjs");function Le(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const I=Le(S),xe=({name:e,defaultValue:r,registerOptions:n,dateFormat:i,style:d,inputStyles:c,minDate:p})=>{const{control:a}=s.useFormContext();return s.jsxRuntimeExports.jsx(s.Controller,{name:e,control:a,defaultValue:r,rules:n,render:({field:{value:h,onChange:j}})=>s.jsxRuntimeExports.jsx(Ce.ZeniDatePicker,{selectedDate:{date:h.date,businessDay:h.businessDay},onSelectedDateChanged:(E,v)=>j({date:E,businessDay:v,showBusinessDay:r.showBusinessDay,maxDate:r.maxDate}),showBusinessDay:r.showBusinessDay,maxDate:r.maxDate,style:d,dateFormat:i,inputStyles:c,minDate:p})})},ze={controller:t.appLocale.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedControllers,preparer:t.appLocale.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedPreparers,reviewer:t.appLocale.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedReviewers,apAnalyst:t.appLocale.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedAPAnalysts,taxLead:t.appLocale.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedTaxLeads},Pe=(e="")=>{const r=e?.replace(/^companyData\./,"");return ze[r]||t.appLocale.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedUsers};function Te(e){const r=new Set;return e.filter(n=>r.has(n.userId)?!1:(r.add(n.userId),!0))}const Oe=o.div`
+  height: ${t.Space.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+`,ie=(e,r)=>(e=Te(e),e.map(n=>({...n,value:n.userId,label:n.firstName!=""||n.lastName!=""?`${n.firstName} ${r?n.lastName.slice(0,1):n.lastName}`:n.email}))),le=e=>e.firstName!==""||e.lastName!==""?`${e.firstName} ${e.lastName}`:null,Me=(e,r)=>r&&typeof e.label=="string"?e.label.toLowerCase().includes(r.toLowerCase())||e.data.email.toLowerCase().includes(r.toLowerCase()):!0;function Ie({name:e,allUsers:r,onSelectedUsersChanged:n,selectedUsers:i=[],disable:d=!1,pickerStyles:{optionBackgroundColor:c,optionTextStyle:p,titleTextStyle:a,backgroundColor:h,titleTextAlignment:j,selectedOptionColor:E,multiValueLabelTitleStyle:v}={},customization:{placeholderLabel:l}={},isReadOnly:$=!1}){const m=s.useTheme(),D=u=>{let f=[],y=[];i.length===0?u.forEach(w=>{const R=s.cloneDeep(w);R.isRoleSelected=!0,R.isUserSelectionUpdated=!0,f.push(R)}):u.length===0?i.forEach(w=>{const R=s.cloneDeep(w);R.isRoleSelected=!1,y.push(R)}):i.length>u.length?(y=i.filter(w=>!u.find(R=>R.userId===w.userId)),y=s.cloneDeep(y),y.forEach(w=>{w.isRoleSelected=!1}),f=[...u]):i.forEach(w=>{u.forEach(R=>{const H=s.cloneDeep(R);w.userId!==R.userId?(H.isRoleSelected=!0,H.isUserSelectionUpdated=!0):H.isUserSelectionUpdated=!1,f.push(H)})}),n(f,y)},A=ie(r,!1).sort((u,f)=>u.label.localeCompare(f.label)),T=ie(i,!0),x=[{label:Pe(e),options:T},{label:t.appLocale.getLocalizedStrings().cockpit.userMultiSelectHeaders.allUsers,options:A}],P=c??m.colors.grey5,L=h??m.colors.grey5,K=h??m.colors.grey5,U=p?.cssObject??t.textStyles.smallRegular.cssObject,J=a?.cssObject??U,B=$??!1,Q=v?.cssObject??t.textStyles.smallRegular.cssObject,q={control:(u,f)=>({...u,border:0,height:"100%",backgroundColor:L,fill:f.selectProps.menuIsOpen===!0?m.colors.primary:m.colors.grey1,boxShadow:L,":active":{backgroundColor:L},":hover":{fill:m.colors.primary},width:"189px",minHeight:"auto",cursor:"pointer"}),container:u=>({...u,backgroundColor:L,height:"100%"}),multiValue:(u,f)=>{const y=i.findIndex(w=>w.userId===f.data.value)===0;return{...u,margin:0,minWidth:void 0,backgroundColor:void 0,">div":{borderRadius:0,padding:y?t.Space.sp0:`${t.Space.sp0} ${t.Space.sp2}`,borderLeftStyle:y?"none":"solid",borderWidth:1,borderColor:m.colors.grey1,color:"unset"},">div>div>div>div:last-child":{display:y?"block":"none",...t.textStyles.standardRegular.cssObject}}},valueContainer:u=>({...u,maxWidth:"100%",cursor:B?"default":"pointer",height:"100%",...J,overflow:"hidden",minWidth:"auto",padding:0,display:"flex",justifyContent:j??"flex-start",alignItems:"center",flexWrap:"nowrap",">div>svg":{color:m.colors.grey1,">path":{color:m.colors.grey5,fill:"currentcolor"}}}),menu:u=>({...u,backgroundColor:P,borderRadius:t.sp[1],boxShadow:`${t.Space.sp0} 2px ${t.Space.sp2} ${m.colors.dropShadowHover}`,whiteSpace:"nowrap",minWidth:"fit-content",zIndex:20,width:236,margin:`6px ${t.Space.sp0}`}),menuList:u=>({...u,borderRadius:t.sp[1],"::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none"}),placeholder:(u,f)=>({...u,width:"100%",minWidth:"148px",color:f.isFocused?m.colors.primary:"currentColor",...t.textStyles.standardRegular.cssObject,">div>div>svg>circle":{fill:m.colors.grey1}}),noOptionsMessage:u=>({...u,...t.textStyles.smallRegular.cssObject,padding:`10px ${t.Space.sp3} 9px ${t.Space.sp3}`,color:m.colors.hero}),option:(u,{isDisabled:f,isSelected:y,isFocused:w})=>({...u,...U,color:y?E??m.colors.champion:m.colors.hero,backgroundColor:y?K:w?m.colors.background:P,cursor:f?"not-allowed":"pointer","svg:nth-of-type(2)":{display:"none"},":hover":{backgroundColor:m.colors.background,color:m.colors.primary,"svg:nth-of-type(1)":{display:"none"},"svg:nth-of-type(2)":{display:"inline-block"}},"& label":{paddingRight:"10px",cursor:f?"not-allowed":y?"inherit":"pointer"},">div>div>div:first-of-type":{display:"flex"}}),input:()=>({display:"inline-grid",color:m.colors.primary,overflow:"hidden",zIndex:2,minWidth:"auto",maxWidth:"100%",...t.textStyles.standardRegular.cssObject,height:t.sp[4],position:i.length===0?"absolute":"unset",left:"35px",">input":{...t.textStyles.smallBold.cssObject,cursor:"pointer"}}),indicatorSeparator:()=>({}),dropdownIndicator:()=>({}),multiValueLabel:()=>({...Q})},[G,W]=S.useState(!1);return s.jsxRuntimeExports.jsx(s.ClickAwayListener,{onClickAway:()=>{W(!1)},children:s.jsxRuntimeExports.jsx(Oe,{onClick:u=>{u.preventDefault(),W(!G&&!$)},className:"userMultiSelectContainer",children:s.jsxRuntimeExports.jsx(s.StateManagedSelect$1,{isMulti:!0,menuPlacement:"bottom",minMenuHeight:409,maxMenuHeight:409,menuIsOpen:G,menuShouldScrollIntoView:!1,defaultValue:T,value:T,filterOption:Me,noOptionsMessage:()=>t.appLocale.getLocalizedStrings().cockpit.management.noPerson,onInputChange:u=>{u!==""&&W(!0)},placeholder:s.jsxRuntimeExports.jsx(Ge,{children:s.jsxRuntimeExports.jsx(t.StandardRegular,{children:l??"Select..."})}),components:{Menu:Be,Option:et,DropdownIndicator:dt,IndicatorSeparator:ut,MultiValueRemove:pt,ValueContainer:lt,GroupHeading:Ae,MenuList:Ne},hideSelectedOptions:!1,closeMenuOnSelect:!1,styles:q,options:x,isDisabled:d,classNamePrefix:"grouped-multi-select-field",onChange:u=>{(u?.length<=r?.length||u?.length<T.length)&&(W(!1),D(u))},isClearable:!1,isSearchable:!1,backspaceRemovesValue:!1})})})}const Ne=e=>s.jsxRuntimeExports.jsx(s.components.MenuList,{...e,children:S.Children.map(e.children,(r,n)=>s.jsxRuntimeExports.jsxs(S.Fragment,{children:[n>0&&s.jsxRuntimeExports.jsx(De,{})," ",r]},n))}),De=o.div`
+  border-bottom: 1px solid ${t.Colors.neutralGrey3Light};
+`,Ae=e=>{const[r,n]=S.useState(!0),i=d=>{d.stopPropagation(),n(!r)};return s.jsxRuntimeExports.jsx(We,{className:"group-heading-container",isGroupOpen:r,onClick:i,children:s.jsxRuntimeExports.jsxs(s.components.GroupHeading,{...e,children:[s.jsxRuntimeExports.jsx(He,{isGroupOpen:r,children:s.jsxRuntimeExports.jsx(Fe,{className:"close-tick-icon"})}),e.children]})})},We=o(t.SmallMedium)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+
+  ~ div .select-option-wrapper {
+    display: ${e=>e.isGroupOpen?"flex":"none"};
+  }
+
+  .grouped-multi-select-field__group-heading {
+    display: flex;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    font-family: inherit;
+    color: inherit;
+    text-transform: capitalize;
+    cursor: pointer;
+    padding: 0 18px;
+  }
+`,He=o.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${t.Space.sp2};
+  transform: ${e=>e.isGroupOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,Fe=o(t.SvgArrowBottom)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Be=e=>{const[r,n]=S.useState(e.selectProps.inputValue),i=S.useRef(null),d=()=>{i.current&&i.current.focus(),e.selectProps.onInputChange(r,{action:"input-change",prevInputValue:""})};S.useEffect(()=>{d()},[]);const c=a=>{n(a.target.value),e.selectProps.onInputChange(a.target.value,{action:"input-change",prevInputValue:""})},p=a=>{d(),a.stopPropagation()};return s.jsxRuntimeExports.jsxs(s.components.Menu,{...e,children:[s.jsxRuntimeExports.jsxs(Ve,{children:[s.jsxRuntimeExports.jsx(Ke,{children:s.jsxRuntimeExports.jsx(Ue,{})}),s.jsxRuntimeExports.jsx(_e,{ref:i,value:r,onChange:c,onClick:p,placeholder:t.appLocale.getLocalizedStrings().cockpit.searchByName})]}),e.children]})},Ve=o.div`
+  padding: ${t.Space.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-top-right-radius: ${t.Space.sp1};
+  border-top-left-radius: ${t.Space.sp1};
+  display: flex;
+  align-items: center;
+  position: relative;
+  border-bottom: 1px solid ${t.Colors.neutralGrey3Light};
+`,_e=o.input`
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-sizing: border-box;
+  border: none;
+  outline: none;
+  padding-right: ${t.Space.sp5};
+  color: ${e=>e.value?e.theme.colors.primary:e.theme.colors.hero};
+
+  ::placeholder {
+    color: ${e=>e.theme.colors.grey1};
+  }
+`,Ke=o.div`
+  display: flex;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  align-items: center;
+  margin-left: ${t.Space.sp2};
+`,Ue=o(t.SvgSearch)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,qe=o.div``,Ge=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.grey1};
+`,Ye=o(Ee.SvgAvatar)`
+  margin-right: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.hero};
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+`,Ze=o(t.SvgTick)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  margin-left: ${t.Space.sp4};
+`,Xe=o(t.SvgCloseRound)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  margin-left: ${t.Space.sp4};
+`,Je=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,me=o.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,he=o.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding: ${t.Space.sp1} 5px;
+`,Qe=({children:e,data:r})=>s.jsxRuntimeExports.jsx(t.Tooltip,{maxWidth:"280px",placement:"bottom-start",title:s.jsxRuntimeExports.jsxs(he,{children:[le(r)!=null&&s.jsxRuntimeExports.jsx("div",{children:le(r)}),s.jsxRuntimeExports.jsx("div",{children:r.email})]}),style:{color:t.Colors.championDark,marginTop:"6px"},display:"flex",children:e}),et=e=>{const{data:r,options:n,isSelected:i}=e;let d=0;return n.forEach(c=>{c.label===t.appLocale.getLocalizedStrings().cockpit.userMultiSelectHeaders.allUsers&&(d=c.options.findIndex(p=>p.value===r.value))}),s.jsxRuntimeExports.jsx(qe,{className:"select-option-wrapper",children:s.jsxRuntimeExports.jsx(s.components.Option,{...e,children:s.jsxRuntimeExports.jsxs(Je,{children:[s.jsxRuntimeExports.jsxs(rt,{children:[s.jsxRuntimeExports.jsx(nt,{children:r?.photo!==void 0?s.jsxRuntimeExports.jsx(me,{width:t.Space.sp5,height:t.Space.sp5,src:r?.photo.href,alt:t.appLocale.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:c})=>{c.onerror=null,c.src=t.AvatarSVG},loading:"lazy"}):s.jsxRuntimeExports.jsx(t.EntityAvatarWithInitials,{firstName:r?.firstName??"",lastName:r?.lastName??"",size:`${t.Space.sp5}`,index:d})}),s.jsxRuntimeExports.jsxs(tt,{children:[s.jsxRuntimeExports.jsx(st,{children:e.label}),s.jsxRuntimeExports.jsx(ot,{children:r.email})]})]}),!!i&&s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx(Ze,{}),s.jsxRuntimeExports.jsx(Xe,{})]})]})})})},tt=o.div`
+  display: flex;
+  flex-direction: column;
+`,st=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,ot=o(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,rt=o.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin-left: ${t.Space.sp2};
+`,nt=o.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${t.Space.sp2};
+`,it=o.div`
+  padding: ${t.Space.sp0} ${t.Space.sp2};
+  max-width: 104px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,lt=({children:e,...r})=>{const n=r.selectProps.value,i=n.length>1;if(n.length===0)return s.jsxRuntimeExports.jsxs(s.components.ValueContainer,{...r,children:[r.selectProps.value.length===0&&s.jsxRuntimeExports.jsx(Ye,{}),e]});{const d=n[0],c=n.slice(1).map(p=>p.label).join(", ");return s.jsxRuntimeExports.jsxs(s.components.ValueContainer,{...r,children:[s.jsxRuntimeExports.jsx(xt,{children:s.jsxRuntimeExports.jsxs(Qe,{data:d,children:[d?.photo!=null?s.jsxRuntimeExports.jsx(me,{width:t.Space.sp4,height:t.Space.sp4,src:d?.photo.href,alt:t.appLocale.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:p})=>{p.onerror=null,p.src=t.AvatarSVG},loading:"lazy"}):s.jsxRuntimeExports.jsx(t.EntityAvatarWithInitials,{firstName:d?.firstName??"",lastName:d?.lastName??"",size:t.Space.sp4}),s.jsxRuntimeExports.jsx(it,{style:r.getStyles("multiValueLabel",r),children:d.label})]})}),i&&s.jsxRuntimeExports.jsx(t.Tooltip,{placement:"bottom-start",title:s.jsxRuntimeExports.jsx(he,{children:c}),style:{color:t.Colors.championDark},display:"flex",children:s.jsxRuntimeExports.jsx(at,{children:s.jsxRuntimeExports.jsxs(ct,{className:"userBadge",children:[t.appLocale.getLocalizedStrings().common.strings.plus,Array.from(new Set(r.selectProps.value)).length-1]})})})]})}},at=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+
+    .userBadge {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  border-radius: 50%;
+  padding: 6px;
+  border: 1px solid;
+  box-sizing: border-box; // To ensure the border and padding are included in the width and height
+`,ct=o(t.ExtraSmallMedium)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  text-align: center;
+`,dt=()=>null,pt=()=>null,ut=()=>null,xt=o.div`
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+`,ge=({name:e,placeholderLabel:r,registerOptions:n,value:i,isReadOnly:d,isDisabled:c,pickerStyles:p})=>{const{control:a}=s.useFormContext();return s.jsxRuntimeExports.jsx(s.Controller,{name:e,control:a,defaultValue:i,rules:n,render:({field:{value:h,onChange:j}})=>s.jsxRuntimeExports.jsx(Ie,{name:e,onSelectedUsersChanged:(E,v)=>{j({allUsers:i.allUsers,selectedUsers:E,deSelectedUsers:v})},selectedUsers:h.selectedUsers,allUsers:i.allUsers,customization:{placeholderLabel:r},isReadOnly:d,disable:c,pickerStyles:p})})},{taskManagement:ae,common:Z}=t.appLocale.getLocalizedStrings();function Se({anchorEl:e,isDefault:r,onAddTask:n,onRename:i,onDelete:d,onCollapseAll:c,onExpandAll:p,onClose:a}){const h=()=>{a(),n()},j=()=>{a(),i()},E=()=>{a(),d()},v=()=>{a(),c()},l=()=>{a(),p()};return s.jsxRuntimeExports.jsx(s.Popover,{open:!!e,anchorEl:e,onClose:a,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:s.jsxRuntimeExports.jsxs(mt,{children:[s.jsxRuntimeExports.jsxs(V,{onClick:h,hasBorderBottom:!0,children:[s.jsxRuntimeExports.jsx(ht,{}),s.jsxRuntimeExports.jsx(t.SmallRegular,{children:ae.taskList.taskGroupMoreOptions.addTask})]}),s.jsxRuntimeExports.jsx(St,{children:s.jsxRuntimeExports.jsx(gt,{children:ae.taskList.taskGroupMoreOptions.groupOptions})}),s.jsxRuntimeExports.jsxs(t.ControlledComponent,{controller:r===!1,children:[s.jsxRuntimeExports.jsxs(V,{onClick:j,children:[s.jsxRuntimeExports.jsx(jt,{}),s.jsxRuntimeExports.jsx(t.SmallRegular,{children:Z.rename})]}),s.jsxRuntimeExports.jsxs(V,{onClick:E,children:[s.jsxRuntimeExports.jsx(ft,{}),s.jsxRuntimeExports.jsx(t.SmallRegular,{children:Z.delete})]})]}),s.jsxRuntimeExports.jsxs(V,{onClick:v,children:[s.jsxRuntimeExports.jsx(yt,{}),s.jsxRuntimeExports.jsx(t.SmallRegular,{children:Z.collapseAll})]}),s.jsxRuntimeExports.jsxs(V,{onClick:l,children:[s.jsxRuntimeExports.jsx(vt,{}),s.jsxRuntimeExports.jsx(t.SmallRegular,{children:Z.expandAll})]})]})})}const mt=o.div`
+  display: flex;
+  flex-direction: column;
+`,V=o.div`
+  display: flex;
+  column-gap: ${t.Space.sp2};
+  align-items: center;
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.background};
+  }
+  border-bottom: ${e=>e.hasBorderBottom===!0?`1px solid ${e.theme.colors.grey3}`:"none"};
+`,ht=o(ke.SvgAdd)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,gt=o(t.SmallMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,St=o.div`
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+`,jt=o(t.SvgEdit)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,ft=o(t.SvgDelete)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,yt=o(t.SvgArrowCircleTop)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,vt=o(t.SvgArrowCircleBottom)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,N=t.appLocale.getLocalizedStrings().taskManagement.taskList.header,$t={key:"name",value:N.name,sortOrder:"ascending",width:new t.ResponsiveSized(20,30,30)},wt={key:"status",value:N.status,sortOrder:"ascending",width:new t.ResponsiveSized(10,10,10)},Rt={key:"priority",value:N.priority,sortOrder:"ascending",width:new t.ResponsiveSized(12,12,12)},bt={key:"dueDate",value:N.dueDate,sortOrder:"ascending",width:new t.ResponsiveSized(12,12,12)},Et={key:"assignee",value:N.assignee,sortOrder:"ascending",width:new t.ResponsiveSized(15,15,15)},Ct={key:"tag",value:N.tag,sortOrder:"ascending",width:new t.ResponsiveSized(15,10,10)},kt={key:"timeSpent",value:N.timeSpent,sortOrder:"ascending",width:new t.ResponsiveSized(13,13,13,15,15)},z=[$t,wt,Rt,bt,Et,Ct,kt],F={headerLastColumnTopPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnRightPadding:new t.ResponsiveSized(t.sp[3],t.sp[4]),headerLastColumnBottomPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnLeftPadding:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerMarginLeft:new t.ResponsiveSized(t.sp[0],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[0],t.sp[8]),headerHeight:new t.ResponsiveSized(ne.HEADER_HEIGHT_MOBILE,ne.HEADER_HEIGHT)};function Lt({companyNameSticky:e,onColumnSortConfigChanged:r,sortConfig:n}){const i=s.useTheme(),d=t.useWindowSizeContext(),[c,p]=S.useState(s.cloneDeep(z));S.useEffect(()=>{const l=[...c];for(const $ of l)$.key===n.sortKey?$.sortOrder=n.sortOrder:$.sortOrder="ascending";p(l)},[n.sortKey,n.sortOrder]);const a=(l,$)=>{let m=$;n.sortKey===l&&(m=$==="ascending"?"descending":"ascending"),r(l,m)},h=c.find(l=>l.key===n.sortKey)??c[0],j=l=>c.find($=>$.key===l)?.value??"",E=c.map(l=>l.key),v=t.appLocale.getLocalizedStrings().spendManagement.billPay.billsByTabs;return d==="small"?s.jsxRuntimeExports.jsxs(ce,{windowSize:d,companyNameSticky:!1,children:[s.jsxRuntimeExports.jsxs(Ot,{children:[s.jsxRuntimeExports.jsx(It,{children:s.jsxRuntimeExports.jsx(Mt,{})}),s.jsxRuntimeExports.jsx(t.Picker$1,{title:v.sortBy,placeholder:v.sortBy,pickerValues:E,valueToLabel:j,selectedValue:n.sortKey,onPickerSelectionChanged:l=>{l!=null&&a(l,"ascending")},optionTextStyle:t.textStyles.smallRegular,titleTextStyle:t.textStyles.smallRegular,titleColor:i.colors.primary,selectedOptionColor:i.colors.hero,optionBackgroundColor:i.colors.grey5,downChevronVisible:!1,backgroundColor:i.colors.background})]}),s.jsxRuntimeExports.jsxs(At,{onClick:()=>a(h.key,h.sortOrder),children:[s.jsxRuntimeExports.jsx(t.SmallRegular,{children:h.value}),s.jsxRuntimeExports.jsx(de,{sortDataValue:n.sortKey,headerdata:h,children:s.jsxRuntimeExports.jsx(pe,{})})]})]}):s.jsxRuntimeExports.jsx(ce,{companyNameSticky:e,windowSize:d,children:c.map(l=>s.jsxRuntimeExports.jsxs(Pt,{companyNameSticky:e&&l.key==="name",sortDataValue:n.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:d,isLastColumn:l.key==="timeSpent",children:[s.jsxRuntimeExports.jsxs(Dt,{sortKey:l.key,onClick:()=>a(l.key,l.sortOrder),children:[s.jsxRuntimeExports.jsx(t.SmallRegular,{children:l.value}),s.jsxRuntimeExports.jsx(de,{sortDataValue:n.sortKey,headerdata:l,children:s.jsxRuntimeExports.jsx(pe,{})})]}),s.jsxRuntimeExports.jsx(Nt,{sortDataValue:n.sortKey,windowSize:d,isVisible:n.sortKey===l.key,children:s.jsxRuntimeExports.jsx(Tt,{onClick:()=>a("dueDate","ascending")})})]},l.key))})}const zt=S.memo(Lt),ce=o(t.SmallRegular)`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  min-height: ${e=>F.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>F.headerHeight.valuePx(e.windowSize)};
+  width: auto;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${F.headerLastColumnTopPadding.valuePx(e.windowSize)} ${F.headerLastColumnRightPadding.valuePx(e.windowSize)} ${F.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${F.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: ${e=>e.windowSize==="small"?"space-between":"unset"};
+  position: sticky;
+`,Pt=o.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.isLastColumn===!0?"auto":e.wrapperWidth.valuePercentage(e.windowSize)};
+  padding-left: ${e=>e.companyNameSticky?t.Space.sp4:t.Space.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  left: ${t.Space.sp0};
+  justify-content: ${e=>e.actualDataValue==="amount"||e.isLastColumn===!0?"flex-end":"flex-start"};
+  ${e=>e.companyNameSticky?C.css`
+          position: sticky;
+          z-index: 1;
+        `:C.css`
+          position: static;
+          z-index: 0;
+        `};
+  ${e=>e.actualDataValue==="companyName"?C.css`
+          padding-left: ${t.Space.sp4};
+          flex: 1 1 auto;
+        `:C.css`
+          padding-left: ${t.Space.sp0};
+        `};
+  box-sizing: border-box;
+`,Tt=o(t.SvgCloseRound)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,de=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  ${e=>e.headerdata.sortOrder==="ascending"?C.css`
+          padding-top: 2px;
+        `:C.css`
+          padding-bottom: 2px;
+        `}
+`,pe=o(t.SvgArrowTailTop)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,Ot=o.div`
+  gap: ${t.Space.sp1};
+  display: flex;
+`,Mt=o(t.SvgSortBy)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,It=o.div`
+  margin-right: ${t.Space.sp1};
+  display: flex;
+  align-items: center;
+`,Nt=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,Dt=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  white-space: nowrap;
+`,At=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,je=e=>I.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},I.createElement("circle",{cx:6.44995,cy:2.75,r:1.75,fill:"currentColor"}),I.createElement("circle",{cx:6.44995,cy:12.05,r:1.75,fill:"currentColor"}),I.createElement("circle",{cx:6.44995,cy:21.25,r:1.75,fill:"currentColor"}),I.createElement("circle",{cx:17.45,cy:2.75,r:1.75,fill:"currentColor"}),I.createElement("circle",{cx:17.45,cy:12.05,r:1.75,fill:"currentColor"}),I.createElement("circle",{cx:17.45,cy:21.25,r:1.75,fill:"currentColor"})),O=(e,r,n)=>`${e}.${g.taskDataKey}.${r}.${n}`,ue=(e,r,n)=>`${e}.${g.groupDataKey}.${r}.${n}`,fe=(e,r,n)=>{const i=n[r];return!!Object.values(n).filter(c=>c!==i).includes(e.trim())},{common:ye,taskManagement:se}=t.appLocale.getLocalizedStrings(),k=t.appLocale.getLocalizedStrings(),X={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[4],t.sp[4],t.sp[8]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],12),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],12),containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8]),containerMarginRight:new t.ResponsiveSized(t.sp[4],t.sp[8]),taskNameMaxWidth:new t.ResponsiveSized(125,170,170,250,300)},Wt=(e,r)=>{const n=r.find(i=>i.tagId===e[0]);return n?s.jsxRuntimeExports.jsxs(ns,{children:[s.jsxRuntimeExports.jsx(is,{children:s.jsxRuntimeExports.jsx(ls,{children:n.name},`${n.tagId}_${n.name}`)}),e.length>1?s.jsxRuntimeExports.jsx(as,{children:`${ye.strings.plus}${e.length-1}`}):null]}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{})},Ht=({taskGroup:e,uiState:r,userList:n})=>{const{groupByKey:i}=r;if(i==="dueDate"){const d=k.common.timeStrings,c=M.toDueDateGroupKeyType(e.id);return s.jsxRuntimeExports.jsx(_,{children:d[c]})}if(i==="assignee"){if(e.id==="no_assignee")return s.jsxRuntimeExports.jsx(_,{children:k.taskManagement.taskList.groupingFilters.no_assignee});const c=e.id.split(",").map(a=>n.users.find(h=>h.userId===a)?.user).filter(a=>a!=null),p=c.length<=5?null:c.slice(5).map(a=>M.getUserName(a)).join(", ");return s.jsxRuntimeExports.jsxs(ws,{children:[s.jsxRuntimeExports.jsxs(Ls,{children:[c.slice(0,5).map((a,h)=>a.photo!=null?s.jsxRuntimeExports.jsx($s,{isFirstElement:h===0,width:t.Space.sp4,height:t.Space.sp4,src:a.photo.href,alt:k.cockpit.userProfileAltText,onError:({currentTarget:j})=>{j.onerror=null,j.src=t.AvatarSVG}},a.userId):a!=null?s.jsxRuntimeExports.jsx(ks,{isFirstElement:h===0,children:s.jsxRuntimeExports.jsx(t.EntityAvatarWithInitials,{firstName:a.firstName??"",lastName:a.lastName??"",size:t.Space.sp4})},a.userId):null),p!=null?s.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:`${t.Space.sp1} ${t.Space.sp2}`},title:p,placement:"bottom",children:s.jsxRuntimeExports.jsx(zs,{children:`${k.common.strings.plus}${c.length-5}`})}):null]}),s.jsxRuntimeExports.jsx(_,{children:e.groupName}),p!=null?s.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:`${t.Space.sp1} ${t.Space.sp2}`},title:p,placement:"bottom",children:s.jsxRuntimeExports.jsx(Rs,{children:`${k.common.strings.plus}${c.length-5}`})}):null]})}return i==="tag"&&e.id==="no_tag"?s.jsxRuntimeExports.jsx(_,{children:k.taskManagement.taskList.groupingFilters.no_tag}):s.jsxRuntimeExports.jsx(_,{children:e.groupName})},Ft=e=>M.allTaskPriority.find(r=>r.code===e)?.name??k.common.strings.empty,Bt=e=>{const r=M.toPriorityCodeType(e);return s.jsxRuntimeExports.jsxs(Ps,{children:[s.jsxRuntimeExports.jsx(Ts,{color:g.getBgColor(r)}),s.jsxRuntimeExports.jsx(Ns,{children:Ft(r)})]})},Vt=({taskDetail:e,tagList:r,isSelected:n,isDefaultGroupTask:i,isFirstItem:d,isLastItem:c,sectionId:p,userList:a,onRowClick:h,onTimeSpentUpdate:j,onShowToast:E,onCreateTagClick:v})=>{const l=t.useWindowSizeContext(),{getValues:$,resetField:m,getFieldState:D}=s.useFormContext(),A=(x,P)=>{const L=O(x,P,g.timeSpentKey);D(L).invalid?m(L):j(e,{timeSpent:$(L)})},T=x=>s.jsxRuntimeExports.jsx(Os,{children:s.jsxRuntimeExports.jsx(Ds,{children:`${k.dropDowns.createOption} "${x}"`})});return s.jsxRuntimeExports.jsxs(qt,{isDefaultGroupTask:i,isFirstItem:d,isLastItem:c,isSelected:n,children:[s.jsxRuntimeExports.jsxs(Gt,{windowSize:l,onClick:h,responsiveWidth:z[0].width,children:[s.jsxRuntimeExports.jsxs(Yt,{windowSize:l,children:[s.jsxRuntimeExports.jsx(Xt,{isIconPresent:e.type.code==="recurring",windowSize:l,children:e.name}),e.type.code==="recurring"?s.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:`2px ${t.Space.sp1}`},title:e.type.name,placement:"bottom",children:s.jsxRuntimeExports.jsx(Qt,{height:t.Space.sp3,width:t.Space.sp3})}):null]}),s.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:`12px ${t.Space.sp3}`},title:e.description,placement:"bottom-start",children:s.jsxRuntimeExports.jsx(Zt,{windowSize:l,responsiveWidth:z[0].width,children:s.jsxRuntimeExports.jsx(Jt,{className:"taskDescriptionText",windowSize:l,children:e.description})})})]}),s.jsxRuntimeExports.jsx(ts,{windowSize:l,responsiveWidth:z[1].width,children:s.jsxRuntimeExports.jsx(t.SingleSelectPickerField,{name:O(p,e.id,g.statusKey),registerOptions:{required:!1},defaultValue:{selectedOption:e.status.code,allOptions:M.allTaskStatus.map(x=>({label:x.name,value:x.code}))},valueToLabel:x=>g.getRichLabel(x),isSearchable:!1,customStyleConfig:{container:()=>({justifyContent:"flex-start",margin:0}),control:()=>({"&:hover":{backgroundColor:"unset"}}),menu:()=>({width:"320px",zIndex:3})},controlProperty:{leftRightMargin:!1},textAlignment:"left"})}),s.jsxRuntimeExports.jsx(ss,{windowSize:l,responsiveWidth:z[2].width,children:s.jsxRuntimeExports.jsx(t.SingleSelectPickerField,{name:O(p,e.id,g.priorityKey),registerOptions:{required:!1},defaultValue:{selectedOption:e.priority.code,allOptions:M.allTaskPriority.map(x=>({label:x.name,value:x.code}))},valueToLabel:x=>Bt(x),isSearchable:!1,customStyleConfig:{container:()=>({justifyContent:"flex-start",margin:0}),control:()=>({"&:hover":{backgroundColor:"unset"}}),menu:()=>({width:"320px",zIndex:3}),valueContainer:x=>({...x,color:"inherit","&.select-value-container":{".single-select-field__single-value":{color:"inherit"}}})},controlProperty:{leftRightMargin:!1},textAlignment:"left"})}),s.jsxRuntimeExports.jsx(os,{windowSize:l,responsiveWidth:z[3].width,children:s.jsxRuntimeExports.jsx(xe,{name:O(p,e.id,g.dueDateKey),defaultValue:{date:e.dueDate,showBusinessDay:!1},dateFormat:k.dateFormat.visual.MMMDCommaYYYYformat,inputStyles:{titleTextComponent:t.StandardRegular},minDate:M.dateNow()})}),s.jsxRuntimeExports.jsx(es,{windowSize:l,responsiveWidth:z[4].width,children:s.jsxRuntimeExports.jsx(ge,{value:{allUsers:a,selectedUsers:e.assigneeUsers.map(x=>x.user)},name:O(p,e.id,g.assigneeKey),pickerStyles:{multiValueLabelTitleStyle:t.textStyles.standardRegular}})}),s.jsxRuntimeExports.jsx(rs,{windowSize:l,responsiveWidth:z[5].width,children:s.jsxRuntimeExports.jsx(g.CreatableMultiSelectField,{onCreateOption:(...x)=>{v(x[0],e.id)},placeholder:k.common.strings.empty,placeholderComponent:s.jsxRuntimeExports.jsxs(Ms,{children:[s.jsxRuntimeExports.jsx(Is,{}),s.jsxRuntimeExports.jsx(t.SmallRegular,{children:k.taskManagement.taskDetail.tagPlaceholder})]}),customCreateLabel:x=>T(x),defaultValue:{allOptions:g.getTagList(r),selectedOptions:e.tagIds},maxAllowedSelectedValues:5,name:O(p,e.id,g.tagKey),isListView:!0,customStyleConfig:{valueContainer:(x,P)=>({justifyContent:"flex-start",flexWrap:"nowrap",display:"flex",alignItems:"center",".selected-options":{textAlign:"left",display:P.selectProps.menuIsOpen?"none":"flex",alignItems:"center",flexWrap:"nowrap",margin:0,gap:t.Space.sp2,label:{margin:t.Space.sp0}}}),input:()=>({flex:0}),control:()=>({backgroundColor:"unset","&:hover":{backgroundColor:"unset"},padding:"0"}),menu:()=>({width:"320px"})}})}),s.jsxRuntimeExports.jsx(Es,{windowSize:l,responsiveWidth:z[6].width,isLastColumn:!0,children:s.jsxRuntimeExports.jsx(Cs,{className:"timeSpentField",children:s.jsxRuntimeExports.jsx(g.TimeSpentField,{name:O(p,e.id,g.timeSpentKey),placeholder:se.common.timeSpentPlaceholder,timeSpentFormat:se.common.timeSpentFormat,registerOptions:{validate:x=>M.convertHHMMStrToMinutes(x)>g.MAX_MINS_ALLOWED_FOR_A_TASK?(E({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},onInputBlur:()=>{A(p,e.id)},style:{background:"none"},inputStyle:{textAlign:"right",padding:`${t.Space.sp0} ${t.Space.sp2}`}})})})]})},_t=({taskGroup:e,tagList:r,sectionId:n,uiState:i,userList:d,showGroupName:c,showRenameTextField:p,isCollapsed:a,isSelectionAllowed:h,selectedRowIds:j,existingTaskGroupNamesByGroupId:E,onRenameClick:v,onDeleteTaskGroup:l,onExpandAll:$,onCollapseAll:m,onAddNewTaskToTaskGroup:D,onCollapseToggle:A,onTaskManagementRowClick:T,onColumnSortConfigChanged:x,onDragStart:P,onTimeSpentUpdate:L,onShowToast:K,onCreateTagClick:U})=>{const[J,B]=S.useState(null),Q=t.useWindowSizeContext(),{groupByKey:q,sortKey:G,sortOrder:W}=i,{setFocus:u,control:f}=s.useFormContext(),y=S.useCallback(()=>{A(e.id)},[A,e.id]),w=S.useCallback(b=>{B(b.currentTarget)},[]),R=S.useCallback(()=>{B(null)},[]),H=S.useCallback(()=>{D(e.id)},[D,e.id]),ve=S.useCallback(()=>{B(null),l(e.id)},[l,e.id]),$e=S.useCallback(()=>{v(),R()},[R,v]);S.useEffect(()=>{p&&u(`${n}.${g.groupNameKey}`)},[n,p,u]);const oe=!!f.getFieldState(`${n}.${g.groupNameKey}`).error,ee=e.tasks.filter(b=>b.status.code==="resolved"||b.status.code==="done").length,Y=e.tasks.length,te=Y>0?ee/Y*100:0,we=d.users.map(b=>b.user).filter(b=>b!=null),Re=te<=50?t.Colors.important:te<=85?t.Colors.alert:t.Colors.success;return s.jsxRuntimeExports.jsxs(Kt,{windowSize:Q,children:[s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:c,children:s.jsxRuntimeExports.jsxs(ps,{children:[s.jsxRuntimeExports.jsxs(Ut,{children:[s.jsxRuntimeExports.jsx(ds,{isOpen:a===!1,onClick:y,children:s.jsxRuntimeExports.jsx(cs,{})}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:p,children:s.jsxRuntimeExports.jsx(t.TextField,{style:{textAlign:"start",width:"100%",padding:`${t.Space.sp1} ${t.Space.sp0} ${t.Space.sp1} ${oe?t.Space.sp2:t.Space.sp0}`,background:oe?void 0:"unset",...t.textStyles.largeMedium.cssObject},type:"text",name:ue(n,e.id,g.groupNameKey),placeholder:se.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:b=>fe(b,e.id,E)===!1}})}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:p===!1,children:s.jsxRuntimeExports.jsxs(js,{children:[s.jsxRuntimeExports.jsx(Ht,{userList:d,uiState:i,taskGroup:e}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:i.groupByKey!=="status",children:s.jsxRuntimeExports.jsx(t.Tooltip,{style:{padding:`${t.Space.sp1} ${t.Space.sp2}`},title:`${k.taskManagement.taskList.groupingFilters.completedInfo.replace("__resolvedTasks",ee.toString()).replace("__totalTasks",Y.toString())}`,placement:"bottom",children:s.jsxRuntimeExports.jsx(fs,{children:s.jsxRuntimeExports.jsx(ys,{fill:Re,percentage:te})})})}),s.jsxRuntimeExports.jsxs(vs,{children:[ee,"/",Y]})]})})]}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:p===!1,children:s.jsxRuntimeExports.jsx(hs,{onClick:w,children:s.jsxRuntimeExports.jsx(ms,{})})}),s.jsxRuntimeExports.jsx(Se,{onClose:R,onAddTask:H,onCollapseAll:m,onDelete:ve,onExpandAll:$,onRename:$e,isDefault:e.isDefault,anchorEl:J})]})}),s.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:a===!1&&e.tasks.length>0,children:s.jsxRuntimeExports.jsx(t.LabeledGroupedCheckBoxField,{mode:j.length===0?"checked_or_hover":"always_on",isDisabled:h===!1?"disabled":void 0,checkBoxes:[{label:s.jsxRuntimeExports.jsx(xs,{children:s.jsxRuntimeExports.jsx(zt,{companyNameSticky:!1,onColumnSortConfigChanged:x,sortConfig:{sortKey:G,sortOrder:W}})}),prefix:s.jsxRuntimeExports.jsx(Ss,{}),defaultChecked:!1,groupLabel:!0,value:ye.all.toLocaleLowerCase()},...e.tasks.map((b,re)=>{const be=()=>{T(b.id)};return{label:s.jsxRuntimeExports.jsx(Vt,{taskDetail:b,sectionId:n,tagList:r,isSelected:j.includes(b.id),isDefaultGroupTask:e.isDefault===!0&&q==="groupName",isFirstItem:re===0,isLastItem:re===e.tasks.length-1,userList:we,onCreateTagClick:U,onRowClick:be,onTimeSpentUpdate:L,onShowToast:K}),prefix:s.jsxRuntimeExports.jsx(us,{children:s.jsxRuntimeExports.jsx(gs,{})}),value:b.id,defaultChecked:!1,groupLabel:!1}})],name:ue(n,e.id,g.selectedIdsKey),style:{width:"100%",rowGap:e.isDefault===!0&&q==="groupName"?t.Space.sp3:t.Space.sp0},checkBoxStyle:{padding:t.Space.sp3},labelCheckBoxStyle:{padding:t.Space.sp3},onDragStart:P,draggable:!0})})]})},Kt=o.div`
+  padding-right: ${e=>X.containerPaddingRight.valuePx(e.windowSize)};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp2};
+`,Ut=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+  width: 100%;
+`,qt=o.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  height: ${t.Space.sp10};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  ${e=>e.isDefaultGroupTask||e.isFirstItem&&e.isLastItem?C.css`
+          border-radius: ${t.Space.sp2};
+        `:null}
+
+  ${e=>e.isDefaultGroupTask===!1&&e.isFirstItem===!0?C.css`
+          border-top-left-radius: ${t.Space.sp2};
+          border-top-right-radius: ${t.Space.sp2};
+        `:null}
+
+  ${e=>e.isDefaultGroupTask===!1&&e.isLastItem===!0?C.css`
+          border-bottom-left-radius: ${t.Space.sp2};
+          border-bottom-right-radius: ${t.Space.sp2};
+        `:null}
+
+  cursor: pointer;
+  margin-bottom: -1px;
+  &:hover {
+    z-index: 1;
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    .taskDescriptionText {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .select-value-container div,
+    .select-value-container label {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  &:not(:hover) {
+    .timeSpentField input:not(:focus-within) {
+      color: ${e=>e.theme.colors.hero};
+    }
+  }
+
+  ${e=>e.isSelected===!0?C.css`
+          z-index: 1;
+          border: 1px solid ${e.theme.colors.primary};
+        `:C.css`
+          border: 1px solid ${e.theme.colors.grey3};
+        `}
+  padding-left: ${t.Space.sp4};
+  padding-right: ${t.Space.sp4};
+`,Gt=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: top;
+  column-gap: ${t.Space.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,Yt=o(t.StandardRegular)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${t.Space.sp2};
+  align-items: flex-start;
+`,Zt=o(t.StandardRegular)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${t.Space.sp4};
+  width: 100%;
+`,Xt=o.div`
+  max-width: ${e=>`${e.isIconPresent?X.taskNameMaxWidth.value(e.windowSize)-t.sp[4]:X.taskNameMaxWidth.value(e.windowSize)}px`};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+`,Jt=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+  max-width: ${e=>X.taskNameMaxWidth.valuePx(e.windowSize)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Qt=o(t.SvgRecurringCycle)`
+  display: flex;
+  align-items: center;
+  margin-left: ${t.Space.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${t.Space.sp1};
+`,es=o.div`
+  display: flex;
+  column-gap: ${t.Space.sp2};
+  align-items: center;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,ts=o.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+`,ss=o(t.SmallRegular)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,os=o(t.SmallRegular)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${e=>e.isLastColumn===!0?t.Space.sp2:t.Space.sp0};
+`,rs=o.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,ns=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,is=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: ${t.Space.sp11};
+  overflow: hidden;
+  margin-right: ${t.Space.sp2};
+`,ls=o(t.ExtraSmallRegular)`
+  border: 1px solid ${t.Colors.neutralGrey2Light};
+  border-radius: ${t.Space.sp1};
+  padding: 1px 6px;
+  color: ${e=>e.theme.colors.grey1};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+`,as=o(t.ExtraSmallRegular)`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  min-width: calc(${t.Space.sp3} + ${t.Space.sp1});
+  height: calc(${t.Space.sp3} + ${t.Space.sp1});
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,cs=o(t.SvgArrowCircleBottom)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,ds=o.div`
+  cursor: pointer;
+  display: flex;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,ps=o.div`
+  padding-left: ${t.Space.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,us=o.div`
+  padding-left: ${t.Space.sp3};
+  cursor: grab;
+`,xs=o.div`
+  width: 100%;
+`,ms=o(t.SvgMore)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,hs=o.div`
+  cursor: pointer;
+`,gs=o(je)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,_=o(t.LargeSemiBold)`
+  color: ${e=>e.theme.colors.primary};
+`,Ss=o.div`
+  width: ${t.Space.sp5};
+`,js=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: ${t.Space.sp2};
+`,fs=o.div`
+  width: ${t.Space.sp6};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 2px;
+  overflow: hidden;
+`,ys=o.div`
+  height: ${t.Space.sp2};
+  width: ${e=>e.percentage}%;
+  background-color: ${e=>e.fill};
+`,vs=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,$s=o.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isFirstElement===!1?C.css`
+          margin-left: -${t.Space.sp2};
+        `:null}
+`,ws=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+`,Rs=o(t.ExtraSmallRegular)`
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  min-width: 20px;
+  height: 20px;
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,bs=o.div`
+  width: inherit;
+  position: relative;
+`,Es=o(bs)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+`,Cs=o.div`
+  max-width: ${t.Space.sp11};
+`,ks=o.div`
+  ${e=>e.isFirstElement===!1?C.css`
+          margin-left: -${t.Space.sp2};
+        `:null}
+`,Ls=o.div`
+  display: flex;
+  align-items: center;
+`,zs=o(t.ExtraSmallRegular)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.grey3};
+  color: ${e=>e.theme.colors.hero};
+  margin-left: -${t.Space.sp2};
+`,Ps=o.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${t.Space.sp2};
+`,Ts=o(g.SvgFlag)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.color};
+  margin-right: ${t.Space.sp2};
+`,Os=o.div`
+  display: flex;
+  flex-direction: row;
+`,Ms=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.grey1};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Is=o(t.SvgAddRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Ns=o(t.StandardRegular)`
+  color: inherit;
+`,Ds=o.div``;exports.SvgDragPicker=je;exports.TaskGroupOptionsPopover=Se;exports.TaskListRow=_t;exports.UserMultiSelectField=ge;exports.ZeniDatePickerField=xe;exports.getTagLabel=Wt;exports.getTaskFieldName=O;exports.isDuplicateGroupName=fe;exports.taskManagementHeaderItemsData=z;