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

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

@@ -0,0 +1,403 @@
+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};