@zeniai/web-cockpit-ui 1.14.19-dev-betaSK01 → 1.14.20-dev

package/dist/assets/TaskListRow-xLyzXOYn-CLZGelcY.js

@@ -1,403 +0,0 @@
-import{j as t,F as M,K as ee,cd as he,h as G,b as L,e2 as Pe,y as K,o as i,bw as F,$ as g,O as _,cD as De,x,eo as ue,l as S,bQ as Oe,eE as We,eq as Ie,eT as oe,k as U,aD as Ne,aP as Fe,ci as Me,eU as Ee,n as f,am as Ve,u as Be,S as Ae,bm as Ge,eO as Ke,cl as Re,eV as _e,bX as Ue,b_ as qe}from"./index-D9zAXs3-.js";import{b as u,w as He,n as s,i as $}from"./vendor-Bs1fkIUX.js";import{s as Ye}from"./UserMultiSelectField-UsIy6n-8-DdaF7B7O.js";import{B as Xe}from"./ZeniDatePickerField-3DaqcxMB-QK1YG1pI.js";import{b as Q,c as Je,j as Qe,t as Ze,a as et,s as tt,p as it,f as st,h as rt,C as ot,d as nt,i as lt,T as at,M as dt,e as ne,g as ct,S as pt}from"./TaskDetailPage-aleDjLBo-DJGRUSEM.js";import{t as ht}from"./LabeledGroupedCheckBoxField-DLSgfRui-CIvqEp4U.js";import{o as ut}from"./add-C0nqJFLa-C2eApjPK.js";import{r as mt,i as gt}from"./common-CU4uS1La-DdHnWUCD.js";const{taskManagement:le,common:A}=M.getLocalizedStrings();function xt({anchorEl:e,isDefault:a,onAddTask:o,onRename:p,onDelete:d,onCollapseAll:h,onExpandAll:n,onClose:c}){const w=()=>{c(),o()},b=()=>{c(),p()},C=()=>{c(),d()},k=()=>{c(),h()},r=()=>{c(),n()};return t.jsx(De,{open:!!e,anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(wt,{children:[t.jsxs(I,{onClick:w,hasBorderBottom:!0,children:[t.jsx(ft,{}),t.jsx(g,{children:le.taskList.taskGroupMoreOptions.addTask})]}),t.jsx(yt,{children:t.jsx($t,{children:le.taskList.taskGroupMoreOptions.groupOptions})}),t.jsxs(L,{controller:a===!1,children:[t.jsxs(I,{onClick:b,children:[t.jsx(vt,{}),t.jsx(g,{children:A.rename})]}),t.jsxs(I,{onClick:C,children:[t.jsx(kt,{}),t.jsx(g,{children:A.delete})]})]}),t.jsxs(I,{onClick:k,children:[t.jsx(jt,{}),t.jsx(g,{children:A.collapseAll})]}),t.jsxs(I,{onClick:r,children:[t.jsx(bt,{}),t.jsx(g,{children:A.expandAll})]})]})})}const wt=s.div`
-  display: flex;
-  flex-direction: column;
-`,I=s.div`
-  display: flex;
-  column-gap: ${i.sp2};
-  align-items: center;
-  padding: ${i.sp2} ${i.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"};
-`,ft=s(ut)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-`,$t=s(Ne)`
-  color: ${e=>e.theme.colors.primary};
-`,yt=s.div`
-  padding: ${i.sp2} ${i.sp3};
-  background-color: ${e=>e.theme.colors.grey5};
-`,vt=s(Fe)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-`,kt=s(Me)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-`,jt=s(Ee)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-`,bt=s(ue)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-`,T=M.getLocalizedStrings().taskManagement.taskList.header,St={key:"name",value:T.name,sortOrder:"ascending",width:new x(20,30,30)},Ct={key:"status",value:T.status,sortOrder:"ascending",width:new x(10,10,10)},zt={key:"priority",value:T.priority,sortOrder:"ascending",width:new x(12,12,12)},Lt={key:"dueDate",value:T.dueDate,sortOrder:"ascending",width:new x(12,12,12)},Tt={key:"assignee",value:T.assignee,sortOrder:"ascending",width:new x(15,15,15)},Pt={key:"tag",value:T.tag,sortOrder:"ascending",width:new x(15,10,10)},Dt={key:"timeSpent",value:T.timeSpent,sortOrder:"ascending",width:new x(13,13,13,15,15)},j=[St,Ct,zt,Lt,Tt,Pt,Dt],D={headerLastColumnTopPadding:new x(f[0],f[4]),headerLastColumnRightPadding:new x(f[3],f[4]),headerLastColumnBottomPadding:new x(f[0],f[4]),headerLastColumnLeftPadding:new x(f[3],f[4]),headerHeight:new x(mt,gt)};function Ot({companyNameSticky:e,onColumnSortConfigChanged:a,sortConfig:o}){const p=Be(),d=ee(),[h,n]=u.useState(Ae(j));u.useEffect(()=>{const r=[...h];for(const y of r)y.key===o.sortKey?y.sortOrder=o.sortOrder:y.sortOrder="ascending";n(r)},[o.sortKey,o.sortOrder]);const c=(r,y)=>{let P=y;o.sortKey===r&&(P=y==="ascending"?"descending":"ascending"),a(r,P)},w=h.find(r=>r.key===o.sortKey)??h[0],b=r=>h.find(y=>y.key===r)?.value??"",C=h.map(r=>r.key),k=M.getLocalizedStrings().spendManagement.billPay.billsByTabs;return d==="small"?t.jsxs(ae,{windowSize:d,companyNameSticky:!1,children:[t.jsxs(Ft,{children:[t.jsx(Et,{children:t.jsx(Mt,{})}),t.jsx(Ge,{title:k.sortBy,placeholder:k.sortBy,pickerValues:C,valueToLabel:b,selectedValue:o.sortKey,onPickerSelectionChanged:r=>{r!=null&&c(r,"ascending")},optionTextStyle:K.smallRegular,titleTextStyle:K.smallRegular,titleColor:p.colors.primary,selectedOptionColor:p.colors.hero,optionBackgroundColor:p.colors.grey5,downChevronVisible:!1,backgroundColor:p.colors.background})]}),t.jsxs(At,{onClick:()=>c(w.key,w.sortOrder),children:[t.jsx(g,{children:w.value}),t.jsx(de,{sortDataValue:o.sortKey,headerdata:w,children:t.jsx(ce,{})})]})]}):t.jsx(ae,{companyNameSticky:e,windowSize:d,children:h.map(r=>t.jsxs(It,{companyNameSticky:e&&r.key==="name",sortDataValue:o.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:d,isLastColumn:r.key==="timeSpent",children:[t.jsxs(Bt,{sortKey:r.key,onClick:()=>c(r.key,r.sortOrder),children:[t.jsx(g,{children:r.value}),t.jsx(de,{sortDataValue:o.sortKey,headerdata:r,children:t.jsx(ce,{})})]}),t.jsx(Vt,{sortDataValue:o.sortKey,windowSize:d,isVisible:o.sortKey===r.key,children:t.jsx(Nt,{onClick:()=>c("dueDate","ascending")})})]},r.key))})}const Wt=He.memo(Ot),ae=s(g)`
-  top: ${i.sp0};
-  left: ${i.sp0};
-  min-height: ${e=>D.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>D.headerHeight.valuePx(e.windowSize)};
-  width: auto;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${e=>`${D.headerLastColumnTopPadding.valuePx(e.windowSize)} ${D.headerLastColumnRightPadding.valuePx(e.windowSize)} ${D.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${D.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
-  background-color: ${e=>e.theme.colors.grey4};
-  justify-content: ${e=>e.windowSize==="small"?"space-between":"unset"};
-  position: sticky;
-`,It=s.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?i.sp4:i.sp0};
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  left: ${i.sp0};
-  justify-content: ${e=>e.actualDataValue==="amount"||e.isLastColumn===!0?"flex-end":"flex-start"};
-  ${e=>e.companyNameSticky?$`
-          position: sticky;
-          z-index: 1;
-        `:$`
-          position: static;
-          z-index: 0;
-        `};
-  ${e=>e.actualDataValue==="companyName"?$`
-          padding-left: ${i.sp4};
-          flex: 1 1 auto;
-        `:$`
-          padding-left: ${i.sp0};
-        `};
-  box-sizing: border-box;
-`,Nt=s(qe)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,de=s.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"?$`
-          padding-top: 2px;
-        `:$`
-          padding-bottom: 2px;
-        `}
-`,ce=s(Ue)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: inherit;
-`,Ft=s.div`
-  gap: ${i.sp1};
-  display: flex;
-`,Mt=s(_e)`
-  width: 12px;
-  height: 12px;
-  color: inherit;
-`,Et=s.div`
-  margin-right: ${i.sp1};
-  display: flex;
-  align-items: center;
-`,Vt=s.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-`,Bt=s.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-  white-space: nowrap;
-`,At=s.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Gt=e=>u.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},u.createElement("circle",{cx:6.44995,cy:2.75,r:1.75,fill:"currentColor"}),u.createElement("circle",{cx:6.44995,cy:12.05,r:1.75,fill:"currentColor"}),u.createElement("circle",{cx:6.44995,cy:21.25,r:1.75,fill:"currentColor"}),u.createElement("circle",{cx:17.45,cy:2.75,r:1.75,fill:"currentColor"}),u.createElement("circle",{cx:17.45,cy:12.05,r:1.75,fill:"currentColor"}),u.createElement("circle",{cx:17.45,cy:21.25,r:1.75,fill:"currentColor"})),z=(e,a,o)=>`${e}.${Ze}.${a}.${o}`,pe=(e,a,o)=>`${e}.${Je}.${a}.${o}`,Kt=(e,a,o)=>{const p=o[a];return!!Object.values(o).filter(d=>d!==p).includes(e.trim())},{common:me,taskManagement:Z}=M.getLocalizedStrings(),v=M.getLocalizedStrings(),R={containerPaddingRight:new x(f[3],f[4],f[4],f[8]),taskNameMaxWidth:new x(125,170,170,250,300)},Yi=(e,a)=>{const o=a.find(p=>p.tagId===e[0]);return o?t.jsxs(ai,{children:[t.jsx(di,{children:t.jsx(ci,{children:o.name},`${o.tagId}_${o.name}`)}),e.length>1?t.jsx(pi,{children:`${me.strings.plus}${e.length-1}`}):null]}):t.jsx(t.Fragment,{})},Rt=({taskGroup:e,uiState:a,userList:o})=>{const{groupByKey:p}=a;if(p==="dueDate"){const d=v.common.timeStrings,h=S.toDueDateGroupKeyType(e.id);return t.jsx(N,{children:d[h]})}if(p==="assignee"){if(e.id==="no_assignee")return t.jsx(N,{children:v.taskManagement.taskList.groupingFilters.no_assignee});const d=e.id.split(",").map(n=>o.users.find(c=>c.userId===n)?.user).filter(n=>n!=null),h=d.length<=5?null:d.slice(5).map(n=>S.getUserName(n)).join(", ");return t.jsxs(Ci,{children:[t.jsxs(Oi,{children:[d.slice(0,5).map((n,c)=>n.photo!=null?t.jsx(Si,{isFirstElement:c===0,width:i.sp4,height:i.sp4,src:n.photo.href,alt:v.cockpit.userProfileAltText,onError:({currentTarget:w})=>{w.onerror=null,w.src=Oe}},n.userId):n!=null?t.jsx(Di,{isFirstElement:c===0,children:t.jsx(We,{firstName:n.firstName??"",lastName:n.lastName??"",size:i.sp4})},n.userId):null),h!=null?t.jsx(F,{style:{padding:`${i.sp1} ${i.sp2}`},title:h,placement:"bottom",children:t.jsx(Wi,{children:`${v.common.strings.plus}${d.length-5}`})}):null]}),t.jsx(N,{children:e.groupName}),h!=null?t.jsx(F,{style:{padding:`${i.sp1} ${i.sp2}`},title:h,placement:"bottom",children:t.jsx(zi,{children:`${v.common.strings.plus}${d.length-5}`})}):null]})}return p==="tag"&&e.id==="no_tag"?t.jsx(N,{children:v.taskManagement.taskList.groupingFilters.no_tag}):t.jsx(N,{children:e.groupName})},_t=e=>S.allTaskPriority.find(a=>a.code===e)?.name??v.common.strings.empty,Ut=e=>{const a=S.toPriorityCodeType(e);return t.jsxs(Ii,{children:[t.jsx(Ni,{color:ct(a)}),t.jsx(Vi,{children:_t(a)})]})},qt=({taskDetail:e,tagList:a,isSelected:o,isDefaultGroupTask:p,isFirstItem:d,isLastItem:h,sectionId:n,userList:c,onRowClick:w,onTimeSpentUpdate:b,onShowToast:C,onCreateTagClick:k})=>{const r=ee(),{getValues:y,resetField:P,getFieldState:E}=he(),V=(l,O)=>{const W=z(l,O,ne);E(W).invalid?P(W):b(e,{timeSpent:y(W)})},q=l=>t.jsx(Fi,{children:t.jsx(Bi,{children:`${v.dropDowns.createOption} "${l}"`})});return t.jsxs(Xt,{isDefaultGroupTask:p,isFirstItem:d,isLastItem:h,isSelected:o,children:[t.jsxs(Jt,{windowSize:r,onClick:w,responsiveWidth:j[0].width,children:[t.jsxs(Qt,{windowSize:r,children:[t.jsx(ei,{isIconPresent:e.type.code==="recurring",windowSize:r,children:e.name}),e.type.code==="recurring"?t.jsx(F,{style:{padding:`2px ${i.sp1}`},title:e.type.name,placement:"bottom",children:t.jsx(ii,{height:i.sp3,width:i.sp3})}):null]}),t.jsx(F,{style:{padding:`12px ${i.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(Zt,{windowSize:r,responsiveWidth:j[0].width,children:t.jsx(ti,{className:"taskDescriptionText",windowSize:r,children:e.description})})})]}),t.jsx(ri,{windowSize:r,responsiveWidth:j[1].width,children:t.jsx(oe,{name:z(n,e.id,tt),registerOptions:{required:!1},defaultValue:{selectedOption:e.status.code,allOptions:S.allTaskStatus.map(l=>({label:l.name,value:l.code}))},valueToLabel:l=>et(l),isSearchable:!1,customStyleConfig:{container:()=>({justifyContent:"flex-start",margin:0}),control:()=>({"&:hover":{backgroundColor:"unset"}}),menu:()=>({width:"320px",zIndex:3})},controlProperty:{leftRightMargin:!1},textAlignment:"left"})}),t.jsx(oi,{windowSize:r,responsiveWidth:j[2].width,children:t.jsx(oe,{name:z(n,e.id,it),registerOptions:{required:!1},defaultValue:{selectedOption:e.priority.code,allOptions:S.allTaskPriority.map(l=>({label:l.name,value:l.code}))},valueToLabel:l=>Ut(l),isSearchable:!1,customStyleConfig:{container:()=>({justifyContent:"flex-start",margin:0}),control:()=>({"&:hover":{backgroundColor:"unset"}}),menu:()=>({width:"320px",zIndex:3}),valueContainer:l=>({...l,color:"inherit","&.select-value-container":{".single-select-field__single-value":{color:"inherit"}}})},controlProperty:{leftRightMargin:!1},textAlignment:"left"})}),t.jsx(ni,{windowSize:r,responsiveWidth:j[3].width,children:t.jsx(Xe,{name:z(n,e.id,st),defaultValue:{date:e.dueDate,showBusinessDay:!1},dateFormat:v.dateFormat.visual.MMMDCommaYYYYformat,inputStyles:{titleTextComponent:U},minDate:S.dateNow()})}),t.jsx(si,{windowSize:r,responsiveWidth:j[4].width,children:t.jsx(Ye,{value:{allUsers:c,selectedUsers:e.assigneeUsers.map(l=>l.user)},name:z(n,e.id,rt),pickerStyles:{multiValueLabelTitleStyle:K.standardRegular}})}),t.jsx(li,{windowSize:r,responsiveWidth:j[5].width,children:t.jsx(ot,{onCreateOption:(...l)=>{k(l[0],e.id)},placeholder:v.common.strings.empty,placeholderComponent:t.jsxs(Mi,{children:[t.jsx(Ei,{}),t.jsx(g,{children:v.taskManagement.taskDetail.tagPlaceholder})]}),customCreateLabel:l=>q(l),defaultValue:{allOptions:nt(a),selectedOptions:e.tagIds},maxAllowedSelectedValues:5,name:z(n,e.id,lt),isListView:!0,customStyleConfig:{valueContainer:(l,O)=>({justifyContent:"flex-start",flexWrap:"nowrap",display:"flex",alignItems:"center",".selected-options":{textAlign:"left",display:O.selectProps.menuIsOpen?"none":"flex",alignItems:"center",flexWrap:"nowrap",margin:0,gap:i.sp2,label:{margin:i.sp0}}}),input:()=>({flex:0}),control:()=>({backgroundColor:"unset","&:hover":{backgroundColor:"unset"},padding:"0"}),menu:()=>({width:"320px"})}})}),t.jsx(Ti,{windowSize:r,responsiveWidth:j[6].width,isLastColumn:!0,children:t.jsx(Pi,{className:"timeSpentField",children:t.jsx(at,{name:z(n,e.id,ne),placeholder:Z.common.timeSpentPlaceholder,timeSpentFormat:Z.common.timeSpentFormat,registerOptions:{validate:l=>S.convertHHMMStrToMinutes(l)>dt?(C({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},onInputBlur:()=>{V(n,e.id)},style:{background:"none"},inputStyle:{textAlign:"right",padding:`${i.sp0} ${i.sp2}`}})})})]})},Xi=({taskGroup:e,tagList:a,sectionId:o,uiState:p,userList:d,showGroupName:h,showRenameTextField:n,isCollapsed:c,isSelectionAllowed:w,selectedRowIds:b,existingTaskGroupNamesByGroupId:C,onRenameClick:k,onDeleteTaskGroup:r,onExpandAll:y,onCollapseAll:P,onAddNewTaskToTaskGroup:E,onCollapseToggle:V,onTaskManagementRowClick:q,onColumnSortConfigChanged:l,onDragStart:O,onTimeSpentUpdate:W,onShowToast:ge,onCreateTagClick:xe})=>{const[we,H]=u.useState(null),fe=ee(),{groupByKey:te,sortKey:$e,sortOrder:ye}=p,{setFocus:ie,control:ve}=he(),ke=u.useCallback(()=>{V(e.id)},[V,e.id]),je=u.useCallback(m=>{H(m.currentTarget)},[]),Y=u.useCallback(()=>{H(null)},[]),be=u.useCallback(()=>{E(e.id)},[E,e.id]),Se=u.useCallback(()=>{H(null),r(e.id)},[r,e.id]),Ce=u.useCallback(()=>{k(),Y()},[Y,k]);u.useEffect(()=>{n&&ie(`${o}.${Q}`)},[o,n,ie]);const se=!!ve.getFieldState(`${o}.${Q}`).error,X=e.tasks.filter(m=>m.status.code==="resolved"||m.status.code==="done").length,B=e.tasks.length,J=B>0?X/B*100:0,ze=d.users.map(m=>m.user).filter(m=>m!=null),Le=J<=50?G.important:J<=85?G.alert:G.success;return t.jsxs(Ht,{windowSize:fe,children:[t.jsx(L,{controller:h,children:t.jsxs(mi,{children:[t.jsxs(Yt,{children:[t.jsx(ui,{isOpen:c===!1,onClick:ke,children:t.jsx(hi,{})}),t.jsx(L,{controller:n,children:t.jsx(Pe,{style:{textAlign:"start",width:"100%",padding:`${i.sp1} ${i.sp0} ${i.sp1} ${se?i.sp2:i.sp0}`,background:se?void 0:"unset",...K.largeMedium.cssObject},type:"text",name:pe(o,e.id,Q),placeholder:Z.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:m=>Kt(m,e.id,C)===!1}})}),t.jsx(L,{controller:n===!1,children:t.jsxs(vi,{children:[t.jsx(Rt,{userList:d,uiState:p,taskGroup:e}),t.jsx(L,{controller:p.groupByKey!=="status",children:t.jsx(F,{style:{padding:`${i.sp1} ${i.sp2}`},title:`${v.taskManagement.taskList.groupingFilters.completedInfo.replace("__resolvedTasks",X.toString()).replace("__totalTasks",B.toString())}`,placement:"bottom",children:t.jsx(ki,{children:t.jsx(ji,{fill:Le,percentage:J})})})}),t.jsxs(bi,{children:[X,"/",B]})]})})]}),t.jsx(L,{controller:n===!1,children:t.jsx(fi,{onClick:je,children:t.jsx(wi,{})})}),t.jsx(xt,{onClose:Y,onAddTask:be,onCollapseAll:P,onDelete:Se,onExpandAll:y,onRename:Ce,isDefault:e.isDefault,anchorEl:we})]})}),t.jsx(L,{controller:c===!1&&e.tasks.length>0,children:t.jsx(ht,{mode:b.length===0?"checked_or_hover":"always_on",isDisabled:w===!1?"disabled":void 0,checkBoxes:[{label:t.jsx(xi,{children:t.jsx(Wt,{companyNameSticky:!1,onColumnSortConfigChanged:l,sortConfig:{sortKey:$e,sortOrder:ye}})}),prefix:t.jsx(yi,{}),defaultChecked:!1,groupLabel:!0,value:me.all.toLocaleLowerCase()},...e.tasks.map((m,re)=>{const Te=()=>{q(m.id)};return{label:t.jsx(qt,{taskDetail:m,sectionId:o,tagList:a,isSelected:b.includes(m.id),isDefaultGroupTask:e.isDefault===!0&&te==="groupName",isFirstItem:re===0,isLastItem:re===e.tasks.length-1,userList:ze,onCreateTagClick:xe,onRowClick:Te,onTimeSpentUpdate:W,onShowToast:ge}),prefix:t.jsx(gi,{children:t.jsx($i,{})}),value:m.id,defaultChecked:!1,groupLabel:!1}})],name:pe(o,e.id,Qe),style:{width:"100%",rowGap:e.isDefault===!0&&te==="groupName"?i.sp3:i.sp0},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3},onDragStart:O,draggable:!0})})]})},Ht=s.div`
-  padding-right: ${e=>R.containerPaddingRight.valuePx(e.windowSize)};
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  row-gap: ${i.sp2};
-`,Yt=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp2};
-  width: 100%;
-`,Xt=s.div`
-  display: flex;
-  width: 100%;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-  height: ${i.sp10};
-  background-color: ${e=>e.theme.colors.grey5};
-  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-  ${e=>e.isDefaultGroupTask||e.isFirstItem&&e.isLastItem?$`
-          border-radius: ${i.sp2};
-        `:null}
-
-  ${e=>e.isDefaultGroupTask===!1&&e.isFirstItem===!0?$`
-          border-top-left-radius: ${i.sp2};
-          border-top-right-radius: ${i.sp2};
-        `:null}
-
-  ${e=>e.isDefaultGroupTask===!1&&e.isLastItem===!0?$`
-          border-bottom-left-radius: ${i.sp2};
-          border-bottom-right-radius: ${i.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?$`
-          z-index: 1;
-          border: 1px solid ${e.theme.colors.primary};
-        `:$`
-          border: 1px solid ${e.theme.colors.grey3};
-        `}
-  padding-left: ${i.sp4};
-  padding-right: ${i.sp4};
-`,Jt=s.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: top;
-  column-gap: ${i.sp2};
-  align-items: flex-start;
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,Qt=s(U)`
-  display: flex;
-  flex-direction: row;
-  column-gap: ${i.sp2};
-  align-items: flex-start;
-`,Zt=s(U)`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  max-height: ${i.sp4};
-  width: 100%;
-`,ei=s.div`
-  max-width: ${e=>`${e.isIconPresent?R.taskNameMaxWidth.value(e.windowSize)-f[4]:R.taskNameMaxWidth.value(e.windowSize)}px`};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: inline-block;
-`,ti=s(g)`
-  color: ${e=>e.theme.colors.grey1};
-  max-width: ${e=>R.taskNameMaxWidth.valuePx(e.windowSize)};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,ii=s(Ke)`
-  display: flex;
-  align-items: center;
-  margin-left: ${i.sp1};
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${i.sp1};
-`,si=s.div`
-  display: flex;
-  column-gap: ${i.sp2};
-  align-items: center;
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,ri=s.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;
-`,oi=s(g)`
-  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"};
-`,ni=s(g)`
-  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?i.sp2:i.sp0};
-`,li=s.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"};
-`,ai=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,di=s(g)`
-  color: ${e=>e.theme.colors.hero};
-  max-width: ${i.sp11};
-  overflow: hidden;
-  margin-right: ${i.sp2};
-`,ci=s(_)`
-  border: 1px solid ${G.neutralGrey2Light};
-  border-radius: ${i.sp1};
-  padding: 1px 6px;
-  color: ${e=>e.theme.colors.grey1};
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-`,pi=s(_)`
-  border: 1px solid ${e=>e.theme.colors.hero};
-  min-width: calc(${i.sp3} + ${i.sp1});
-  height: calc(${i.sp3} + ${i.sp1});
-  border-radius: 30%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,hi=s(ue)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,ui=s.div`
-  cursor: pointer;
-  display: flex;
-  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
-`,mi=s.div`
-  padding-left: ${i.sp7};
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,gi=s.div`
-  padding-left: ${i.sp3};
-  cursor: grab;
-`,xi=s.div`
-  width: 100%;
-`,wi=s(Ie)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-`,fi=s.div`
-  cursor: pointer;
-`,$i=s(Gt)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-`,N=s(Ve)`
-  color: ${e=>e.theme.colors.primary};
-`,yi=s.div`
-  width: ${i.sp5};
-`,vi=s.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: ${i.sp2};
-`,ki=s.div`
-  width: ${i.sp6};
-  background-color: ${e=>e.theme.colors.grey3};
-  border-radius: 2px;
-  overflow: hidden;
-`,ji=s.div`
-  height: ${i.sp2};
-  width: ${e=>e.percentage}%;
-  background-color: ${e=>e.fill};
-`,bi=s(g)`
-  color: ${e=>e.theme.colors.hero};
-`,Si=s.img`
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-  ${e=>e.isFirstElement===!1?$`
-          margin-left: -${i.sp2};
-        `:null}
-`,Ci=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp2};
-`,zi=s(_)`
-  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};
-`,Li=s.div`
-  width: inherit;
-  position: relative;
-`,Ti=s(Li)`
-  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;
-`,Pi=s.div`
-  max-width: ${i.sp11};
-`,Di=s.div`
-  ${e=>e.isFirstElement===!1?$`
-          margin-left: -${i.sp2};
-        `:null}
-`,Oi=s.div`
-  display: flex;
-  align-items: center;
-`,Wi=s(_)`
-  width: ${i.sp4};
-  height: ${i.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: -${i.sp2};
-`,Ii=s.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${i.sp2};
-`,Ni=s(pt)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${e=>e.color};
-  margin-right: ${i.sp2};
-`,Fi=s.div`
-  display: flex;
-  flex-direction: row;
-`,Mi=s.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${i.sp2};
-  color: ${e=>e.theme.colors.grey1};
-
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ei=s(Re)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-`,Vi=s(U)`
-  color: inherit;
-`,Bi=s.div``;export{xt as C,Kt as J,Gt as X,Xi as c,Yi as d,j,z as k};

package/dist/assets/TaskManagerPage-Dye8P0ua-jLCJwLcT.js

@@ -1,176 +0,0 @@
-import{B as ke,j as r,K as ne,i as fe,F as Q,o as a,cp as me,x as D,aj as Te,cH as $e,bT as Ce,cu as X,l as re,cv as ve,cw as se,cx as ie,C as Se,$ as pe,k as J,S as be,O as Ie,bX as je,n as Ae,cB as Oe,bK as Re,b_ as Ee}from"./index-D9zAXs3-.js";import{b as c,n as y,i as Y}from"./vendor-Bs1fkIUX.js";import{$ as Me}from"./EmptySearchResults-CB9-FwYT-DCczU5qh.js";import{j as ze,h as oe}from"./ReloadContainer-fx3kImdJ-D2lKf-Yd.js";import{b as Le,o as ae,n as De,r as Ne,s as Pe}from"./cockpitConstants-CT7OARAT-C430UcjZ.js";import{N as Ke}from"./NavHeader-9VET6uub-DBlTa1KF.js";import{d as de}from"./ZeniAvatar-Cendj_Bv-Dp3oXY0H.js";import{g as Be,a as Ve,S as We}from"./TaskDetailPage-aleDjLBo-DJGRUSEM.js";import{d as qe}from"./TaskListRow-xLyzXOYn-CLZGelcY.js";import{d as Fe,l as ee,T as N}from"./cockpitHelpers-CSVzBgeI-BARdDEyf.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./MatchingOperatorDropdown-C5zSNKmV-DBpzsPUC.js";import"./filter-cZIFUNvj-B9dfJXS9.js";import"./ZeniDatePicker-El_phkQ0-z80YcUbm.js";import"./zeniDatePicker.helpers-Bv0wGqkO-0jS7nOtw.js";import"./avatar-Dz7aEm3d-D64JGSQG.js";import"./LabeledSingleSelectField-nPVDbcr0-DXhzL0iF.js";import"./MoreMenuButton-Cj6SIPVt-CYCCFBqM.js";import"./dollar-round-D18u7nlm-CXc5TAek.js";import"./money-2cg1MuG4-BaDu1jFd.js";import"./page-summary-D7_VQHwN-DEY33DNc.js";import"./hyperlink-DQyCeXx2-ChMvASRu.js";import"./UserMultiSelectField-UsIy6n-8-DdaF7B7O.js";import"./ZeniDatePickerField-3DaqcxMB-QK1YG1pI.js";import"./LabeledGroupedCheckBoxField-DLSgfRui-CIvqEp4U.js";import"./ControlledCheckBoxField-BIqM2o6X-Ml88Uf7U.js";import"./add-C0nqJFLa-C2eApjPK.js";import"./common-CU4uS1La-DdHnWUCD.js";import"./calculateSize-BUfcd-gF-DqmEdKsX.js";const le=Q.getLocalizedStrings().cockpit.taskManager.header,{common:U}=Q.getLocalizedStrings(),H=[{key:"name",value:U.texts.name,sortOrder:"ascending",width:new D(176,176),isThreadAllowed:!0},{key:"taskName",value:le.taskName,sortOrder:"ascending",width:new D(320,320),isThreadAllowed:!0},{key:"status",value:U.texts.status,sortOrder:"ascending",width:new D(100,100),isThreadAllowed:!0},{key:"priority",value:U.texts.priority,sortOrder:"ascending",width:new D(90,90),isThreadAllowed:!0},{key:"dueDate",value:U.texts.dueDate,sortOrder:"ascending",width:new D(100,100),isThreadAllowed:!0},{key:"assignee",value:U.texts.assignee,sortOrder:"ascending",width:new D(220,220),isThreadAllowed:!0},{key:"tags",value:le.tags,sortOrder:"ascending",width:new D(115,115),isThreadAllowed:!0},{key:"createdBy",value:U.texts.createdBy,sortOrder:"ascending",width:new D(140,140),isThreadAllowed:!0}];H.map(e=>e.key);function He({sortConfig:e,onColumnSortConfigChanged:n}){const o=ne(),[u,h]=c.useState(be(H));c.useEffect(()=>{const s=[...u];for(const d of s)d.key===e.sortKey?d.sortOrder=e.sortOrder:d.sortOrder="ascending";h(s)},[e.sortKey,e.sortOrder]);const g=(s,d)=>{let S=d;e.sortKey===s&&(S=d==="ascending"?"descending":"ascending"),n(s,S)};return r.jsx(Ye,{height:Pe,children:u.map(s=>r.jsxs(_e,{sortDataValue:e.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:o,children:[r.jsxs(Ze,{onClick:()=>g(re.toTaskManagerSortKeyType(s.key),s.sortOrder),children:[r.jsx(Ie,{children:s.value}),r.jsx(Ue,{sortDataValue:e.sortKey,headerdata:s,children:r.jsx(je,{width:12,height:12})})]}),r.jsx(Xe,{isVisible:e.sortKey===s.key&&s.key!=="dueDate",children:r.jsx(Ge,{onClick:()=>g("dueDate","ascending")})})]},s.key))})}const Ue=y.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"?Y`
-          padding-top: 2px;
-        `:Y`
-          padding-bottom: 2px;
-        `};
-`,Ye=y(pe)`
-  top: 0;
-  left: 0;
-  width: fit-content;
-  min-width: 100%;
-  z-index: 6;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-sizing: border-box;
-  padding: ${a.sp3} ${a.sp4} ${a.sp3} ${a.sp4};
-  position: sticky;
-  color: ${e=>e.theme.colors.grey1};
-`,_e=y.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
-  width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
-  max-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey4};
-  left: ${a.sp0};
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  box-sizing: border-box;
-  position: static;
-  z-index: 0;
-  ${e=>e.actualDataValue==="companyName"?Y`
-          padding-left: ${a.sp4};
-          flex: 1 1 auto;
-        `:Y`
-          padding-left: ${a.sp0};
-        `};
-`,Ge=y(Ee)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-`,Xe=y.div`
-  visibility: ${e=>e.isVisible?"visible":"hidden"};
-  display: flex;
-  align-items: center;
-  padding-top: 2px;
-`,Ze=y.div`
-  display: flex;
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,{dateFormat:Je,common:{strings:{empty:te,hyphen:Qe,plus:Z}}}=Q.getLocalizedStrings(),et=({totalHeight:e,task:n,addThreadRequestThreadId:o,setElementRef:u,setAddThreadRequestThreadId:h,onRowClick:g})=>{const s=ne(),d=n.assignees.length>0?n.assignees[0]:void 0,S=d?.firstName!=null&&d?.lastName!=null?`${d.firstName} ${d.lastName}`:d?.email??te,{companyId:l,name:K}=n.company.companyInfo,B=n.createdByUser?.firstName!==null&&n.createdByUser?.lastName!=null?`${n.createdByUser.firstName} ${n.createdByUser.lastName}`:n.createdByUser?.email??te,b=n.assignees.length,$=n.task.id,{openThread:w,threads:m,addThread:O,removeThread:C,setOpenThread:M,setRequestToOpenThread:_}=c.useContext(me),v=w!==null?m.get(w):null,R=w?.includes(l)===!0,V=w!=null&&m.get(w)==null&&R,I=o!=null&&m.get(o)?.metadata.companyId===l,x=`cockpit_${l}`,j=c.useCallback(()=>{w?.includes(X)===!0&&C(w),o!=null&&h(void 0)},[o,w,C,h]),A=t=>r.jsx(Oe,{isElementThreadOpen:t.isElementThreadOpen??!1,isElementThreadPresent:t.isElementThreadPresent??!1,itemKey:t.itemKey,elementThreadId:t.elementThreadId??"",roomId:x,addThreadRequestThreadId:o,openThreadId:w,threadStyle:t.threadStyle,openThreadMetadata:v?.metadata??null,onElementClick:k,onAddThreadClick:G}),T=c.useCallback(t=>{if(t===w)M(null);else if(m.has(t))M(t);else if(t.includes(X)){const[E,W]=t.replace(X,"").split("."),f=Fe(ve(E),re.toTaskManagerSortKeyType(W),l,K,$);O(t,{type:"thread",id:t,roomId:x,createdAt:new Date,updatedAt:new Date,comments:[],metadata:f,resolved:!1}),M(t)}},[w,m,M,l,K,$,O,x]),k=c.useCallback((t,E,W=!1)=>{const f=H.find(q=>q.key===E);if(_(null),f!=null&&(t.type==="contextmenu"||W===!0)){if(f.isThreadAllowed===!1)return;j(),t.preventDefault(),t.stopPropagation();const q=se({tab:"taskManager",key:f.key}),p=[...ie(m,{entityType:q,entityId:$,companyId:l},"both")],F=p.length>0&&p[0].length>0?p[0][0]:ee("taskManager",f.key,l+Z+$);m.has(F)?T(F):o===F?h(void 0):(h(F),M(null))}},[m,$,l,o,T,h,M,_,j]),G=c.useCallback((t,E)=>{t.stopPropagation();const W=ee("taskManager",E,l+Z+$);h(void 0),T(W)},[l,$,h,T]);return r.jsx(Se,{onClickAway:()=>{_(null),o!=null&&(h(void 0),o.includes(X)&&C(o))},children:r.jsx(tt,{onClick:()=>g(n.company.companyInfo.primaryEmailDomain,n.task.id),windowSize:s,isThreadOpen:R||I,totalHeight:e,isCreationInProgress:V,children:H.map((t,E)=>{const W=se({tab:"taskManager",key:t.key}),f=H.length-2<=E,q=[...ie(m,{entityType:W,entityId:$,companyId:l},"both")],p=q.length>0&&q[0].length>0?q[0][0]:ee("taskManager",t.key,l+Z+$),F=m.get(p),z=F!=null&&F.resolved===!1,L=p===w,we=i=>re.allTaskPriority.find(xe=>xe.code===i)?.name??te;switch(t.key){case"name":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsx(rt,{children:n.company.companyInfo.name}),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"taskName":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsx(J,{children:n.task.name}),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"status":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[Ve(n.task.status.code),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"priority":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsxs(nt,{children:[r.jsx(st,{color:Be(n.task.priority.code)}),r.jsx(J,{children:we(n.task.priority.code)})]}),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"dueDate":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsx(J,{children:n.task.dueDate!=null?n.task.dueDate.format(Je.visual.MMMDCommaYYYYformat):Qe}),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"assignee":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsx(de,{personBasic:d,styles:{width:a.sp4,height:a.sp4}}),r.jsx(ce,{children:S}),b>1?r.jsx(at,{children:r.jsx(pe,{children:`${Z}${b-1}`})}):null,A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"tags":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[n.task.tagIds.length>0?r.jsx(r.Fragment,{children:qe(n.task.tagIds,n.tags)}):null,A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"createdBy":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsx(de,{personBasic:n.createdByUser,styles:{width:a.sp4,height:a.sp4}}),r.jsx(ce,{children:B}),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);default:return null}})})})},tt=y.div`
-  display: flex;
-  min-width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  padding: ${a.sp0} ${a.sp4} ${a.sp0} ${a.sp4};
-  width: fit-content;
-  box-sizing: border-box;
-  cursor: pointer;
-  height: ${e=>`${e.totalHeight-Ae[3]}px`};
-  position: relative;
-  /* Light Theme / Gray 05 */
-
-  background: ${e=>e.theme.colors.grey5};
-  /* Light Theme / Primary */
-
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  /* Light Hover */
-
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp2} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-  color: ${e=>e.theme.colors.hero};
-
-  ${e=>e.isThreadOpen?Y`
-          box-shadow: ${a.sp0} 2px ${a.sp2}
-            ${e.theme.colors.dropShadowHover};
-          border: 1px solid ${e.theme.colors.primary};
-        `:null};
-
-  @keyframes animate {
-    0% {
-      border-color: ${e=>e.theme.colors.primary};
-    }
-    100% {
-      border-color: ${e=>e.theme.colors.hero};
-    }
-    50% {
-      border-color: ${e=>e.theme.colors.grey2};
-    }
-    100% {
-      border-color: ${e=>e.theme.colors.primary};
-    }
-  }
-
-  ${e=>e.isCreationInProgress?Y`
-          border: 1px solid ${e.theme.colors.primary};
-          animation: animate 3s linear infinite;
-        `:null};
-
-  &:hover {
-    border-color: ${e=>e.theme.colors.primary};
-    box-shadow: ${e=>`${a.sp0} 2px ${a.sp2} ${e.theme.colors.dropShadowHover}`};
-    color: ${e=>e.theme.colors.primary};
-    div > svg {
-      visibility: visible;
-    }
-  }
-`,rt=y(Re)``,P=y.div`
-  width: ${e=>e.columnWidth.valuePx(e.windowSize)};
-  max-width: ${e=>e.columnWidth.valuePx(e.windowSize)};
-  display: flex;
-  align-items: center;
-  height: 100%;
-  justify-content: flex-start;
-  z-index: auto;
-  position: relative;
-  cursor: ${e=>e.isThreadAllowed?"pointer":"initial"};
-`,ce=y(J)`
-  margin-left: ${a.sp1};
-  margin-right: ${a.sp1};
-`,at=y.div`
-  border: 1px solid ${e=>e.theme.colors.hero};
-  height: ${a.sp4};
-  width: ${a.sp4};
-  border-radius: 50%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,nt=y.div`
-  display: flex;
-  align-items: center;
-`,st=y(We)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  color: ${e=>e.color};
-  margin-right: ${a.sp2};
-`,ue=c.createContext(void 0),ge=c.forwardRef((e,n)=>{const{children:o,style:u,...h}=e,{uiState:g,onColumnSortConfigChanged:s}=c.useContext(ue);return r.jsxs(ye,{ref:n,style:{...u,width:"auto"},...h,children:[r.jsx(He,{onColumnSortConfigChanged:s,sortConfig:{sortKey:g.sortKey,sortOrder:g.sortOrder}}),r.jsx(dt,{children:o})]})});ge.displayName="Task manager list view inner element type";const it=({companyTaskManagerView:e,fetchNextItemsOnScroll:n,onColumnSortConfigChanged:o,onRowClick:u})=>{const{uiState:h,fetchState:g}=e,s=c.useRef(null),[d,S]=c.useState(null),l=c.useMemo(()=>({uiState:e.uiState,onColumnSortConfigChanged:o}),[e.uiState,o]),{setOpenThread:K,setRequestToOpenThread:B,requestToOpenThread:b}=c.useContext(me),[$,w]=c.useState(void 0),m=c.useRef([]),O=c.useCallback(v=>e.tasksList[v].company.companyInfo.name.length>De?ae+32:ae,[e.tasksList]),C=c.useCallback(v=>v<e.tasksList.length,[e.tasksList.length]),M=c.useCallback(()=>{h.pageToken!=null&&g==="Completed"&&n()},[n,g,h.pageToken]);c.useEffect(()=>{s.current&&s.current.resetAfterIndex(0)},[e]);const _=c.useCallback((v,R,V)=>{const I=e.tasksList.findIndex(j=>j.company.companyInfo.companyId===v),x=H.findIndex(j=>j.key===R);I!==-1&&x!==-1&&(m.current[I]==null?m.current[I]=[V]:m.current[I][x]=V)},[e.tasksList]);return c.useEffect(()=>{if(b!=null&&d!=null){const{companyId:v,entityType:R}=b,[V,I]=R.split("."),x=e.tasksList.findIndex(T=>T.company.companyInfo.companyId===v),j=H.findIndex(T=>T.key===I);x!==-1&&!(d.visibleStartIndex<=x&&d.visibleStopIndex>=x)&&s.current?.scrollToItem(x,"center"),setTimeout(()=>{const T=m.current[x]?.[0]?.getBoundingClientRect().bottom,k=m.current[x]?.[0]?.getBoundingClientRect().top;T!=null&&k!=null&&(window.innerHeight>=T&&window.innerHeight>=k||k<0)&&m.current[x][j]?.scrollIntoView({block:"center",behavior:"auto"})},0);const A=setInterval(()=>{const T=m.current[x]?.[j]?.getBoundingClientRect().left,k=m.current[x]?.[j]?.getBoundingClientRect().right,G=m.current[x]?.[j]?.offsetWidth;if(T!=null&&G!=null&&k!=null&&(T<window.innerWidth-G||k<window.innerWidth)){clearInterval(A);const t=b.threadId,E=b.onThreadShownCallback;t&&(B(null),K(b.threadId),E?.())}},500);setTimeout(()=>{clearInterval(A),B(null)},2e3)}},[b,d,K,B]),r.jsx(ct,{children:r.jsx(ue.Provider,{value:l,children:r.jsx(Te,{children:({height:v,width:R})=>r.jsx(ye,{style:{height:v,width:R},children:r.jsx($e,{isItemLoaded:C,itemCount:e.tasksList.length+1,loadMoreItems:M,children:({onItemsRendered:V})=>r.jsx(Ce,{height:v,innerElementType:ge,itemCount:e.tasksList.length,itemSize:O,itemData:{companyTaskManagerView:e,addThreadRequestThreadId:$,setElementRef:_,setAddThreadRequestThreadId:w,onRowClick:u},width:R,ref:s,onItemsRendered:I=>{S(I),V(I)},overscanCount:Ne,children:ot})})})})})})},ot=({index:e,style:n,data:o})=>{const u=o.companyTaskManagerView,{addThreadRequestThreadId:h,setElementRef:g,setAddThreadRequestThreadId:s,onRowClick:d}=o,S=u.tasksList[e];return r.jsx(lt,{style:{...n,width:"fit-content",minWidth:"100%"},children:r.jsx(et,{totalHeight:typeof n.height=="number"?n.height:ae,addThreadRequestThreadId:h,setElementRef:g,setAddThreadRequestThreadId:s,task:S,onRowClick:d})},S.task.id)},ye=y.div``,dt=y.div`
-  position: relative;
-  width: auto;
-  height: 100%;
-`,lt=y.div`
-  top: ${a.sp0};
-  left: ${a.sp0};
-  padding-bottom: ${a.sp3};
-  box-sizing: border-box;
-`,ct=y.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-`,{cockpit:he}=Q.getLocalizedStrings(),Xt=({headerActions:e,headerData:n,taskManagerPageData:o,taskManagerPageActions:u})=>{const{companyTaskManagerView:h}=o,{uiState:g}=h,{onCockpitReloadData:s,onFetchTaskManagerView:d,onRowClick:S}=u,[l,K]=c.useState(""),B=h.fetchState==="Completed",b=()=>{d(g.pageToken,g.sortKey,g.sortOrder,!0,g.filterText)},$=(O,C)=>{d(null,O,C,!1,g.filterText)},w=c.useRef(ke(O=>d(null,"dueDate","descending",!1,O),500,{trailing:!0})).current,m=(O,C)=>{K(C),C.trim().length>=2?w(C):C.trim().length==0&&w("")};return r.jsxs(mt,{children:[r.jsx(Ke,{headerActions:{...e,filterActions:{...e.filterActions,onFilterTextChanged:m}},headerData:{...n,allTabOptions:Le,selectedTabOption:"taskManager",companiesLoaded:B,filterData:{filterText:l,disableFilters:!0}}}),r.jsx(ht,{companyTaskManagerView:h,onCockpitReloadData:s,fetchNextItemsOnScroll:b,onColumnSortConfigChanged:$,onRowClick:S})]})},ht=({companyTaskManagerView:e,onRowClick:n,onCockpitReloadData:o,fetchNextItemsOnScroll:u,onColumnSortConfigChanged:h})=>{const g=ne();return e.fetchState==="Error"&&e.tasksList.length===0?r.jsx(ze,{selectedCockpitOption:"taskManager",onCockpitReloadData:o}):e.fetchState==="Not-Started"||e.fetchState==="In-Progress"&&e.tasksList.length===0?r.jsx(pt,{children:r.jsx(fe,{size:"ExtraLarge",start:!0})}):e.fetchState==="Completed"&&e.tasksList.length===0?r.jsx(Me,{emptySearchTextFirstLine:he.emptySearchTextFirstLine,emptySearchTextSecondLine:he.emptySearchTextSecondLine,filtersApplied:!1}):r.jsx(ut,{windowSize:g,children:r.jsx(it,{companyTaskManagerView:e,fetchNextItemsOnScroll:u,onColumnSortConfigChanged:h,onRowClick:n})})},mt=y.div`
-  height: calc(100vh - 60px);
-  overflow-y: hidden;
-  background-color: ${e=>e.theme.colors.grey4};
-`,pt=y.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  background-color: ${e=>e.theme.colors.grey4};
-`,ut=y.div`
-  height: calc(100% - 75px);
-  padding: ${e=>`${a.sp0} ${oe.cockpitRightPadding.valuePx(e.windowSize)} ${a.sp0} ${oe.cockpitLeftPadding.valuePx(e.windowSize)}`};
-`;export{Xt as default};