@zeniai/web-cockpit-ui 1.15.39-qa → 1.15.40-dev

package/dist/assets/TaskManagementPage-ChTC8Nzf-c9kZ-1iP.js

@@ -0,0 +1,508 @@
+import{ax as kt,y as Ze,V as t,jy as K,bD as xt,aa as _,cr as wt,am as V,ar as ft,F as oe,o as s,jz as qe,cj as Ie,cn as Ct,ga as Tt,ba as $t,bP as Je,aU as bt,ce as yt,J as le,a9 as jt,x as Qe,cH as vt,ad as St,b4 as Gt,cv as Lt,iV as Nt,iW as It,jA as ze,aS as Et,r as Me,bU as Ee,eQ as et,jB as Dt,d1 as tt,jC as pe,jD as xe,jE as we,jF as st,jG as Mt,jH as ot,jI as nt,jJ as at,jK as rt,jL as it,jM as U,u as ke,jN as re,aj as ie,jO as zt,jP as Bt,a as At,ao as Rt,jQ as Wt,dc as Pt,jR as Ot,cL as lt,es as Ft,w as Ht,jS as _t,jT as Ut,gb as Vt,gC as Kt,jU as Xt,jV as J,jW as Be,cx as Yt,jX as Zt,jY as qt,jZ as Jt,j_ as Ae,p as Re,gz as Qt,an as es}from"./index-Dfs8yBxm.js";import{a as n}from"./sentry-Dje-_Mky.js";import{n as o,c as fe}from"./mui-BoUXdMXW.js";import{GZ as ts,G_ as We,cd as dt,ce as ct,cf as ss}from"./zeni-epic-state-DjuGgMVt.js";import{J as os,t as ns}from"./SpendManagementSection-DbsdVrJv-B_c96ZIs.js";import{A as as,t as rs,a as is,E as ls}from"./NotificationsListConfig-_L5Loigk-C2rXa9XH.js";import{a as ds}from"./SpendManagementListViewPage-DsTTqmEx-yOHixb_V.js";import"./liveblocks-DO6Nvzzd.js";import"./core-XvwDdaId.js";import"./recharts-Dx_NgewX.js";import"./lottie-Brfg_siY.js";import"./analytics-DtwjxHiX.js";import"./lexical-Huj_vwAQ.js";import"./utils-CyvMfhu-.js";import"./StatusSwitcher-B4EYXc0F-D3lCfolE.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="25fd023f-7b2a-42ec-b708-01bd9b074b41",e._sentryDebugIdIdentifier="sentry-dbid-25fd023f-7b2a-42ec-b708-01bd9b074b41")}catch{}})();const cs=100,ps=100,us=3,hs=.7,ms=({scrollContainerRef:e,isEnabled:d=!0,edgeThreshold:r=cs,scrollSpeed:h=ps,minScrollAmount:g=us,scrollCurveExponent:u=hs})=>{n.useEffect(()=>{if(!d||typeof window>"u"||typeof document>"u")return;let a=!1,p=0,i=null;const c=Math.max(r,1),T=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},j=m=>{const G=e.current;return!G||!(m.target instanceof Node)?!1:G.contains(m.target)},N=m=>j(m),E=m=>{const G=Math.max(m,0)/c,b=Math.pow(G,u)*h;return Math.max(g,b)},k=(m,G,b)=>{const I=b==="up"?-G:G;m===window?window.scrollBy({top:I,behavior:"auto"}):m instanceof HTMLElement&&typeof m.scrollTop=="number"&&(m.scrollTop+=I)},C=()=>e.current??window,w=()=>{if(!a)return;const m=C(),G=window.innerHeight,b=p;if(b<c&&b>0){const I=c-b,M=E(I);k(m,M,"up")}else if(b>G-c){const I=b-(G-c),M=E(I);k(m,M,"down")}i=requestAnimationFrame(w)},z=m=>{N(m)?a=!0:(a=!1,T())},B=()=>{a=!1,T()},A=m=>{a&&(p=m.clientY)},D=m=>{A(m),a&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",z),document.addEventListener("dragend",B),document.addEventListener("dragover",D),()=>{document.removeEventListener("dragstart",z),document.removeEventListener("dragend",B),document.removeEventListener("dragover",D),T()}},[r,d,g,e,u,h])},Se=oe.getLocalizedStrings(),pt=({count:e})=>t.jsx(gs,{isCircular:e<10,children:t.jsx(ks,{children:e>Se.common.numbers.maximumCount?`${Se.common.numbers.maximumCount}${Se.common.strings.plus}`:e})}),gs=o.div`
+  ${e=>e.isCircular?fe`
+          height: 18px;
+          width: 18px;
+        `:fe`
+          height: 18px;
+          min-width: 18px;
+          padding: ${s.sp0} ${s.sp1};
+        `}
+  background-color: transparent;
+  border-radius: ${s.sp12};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: 1px solid;
+  outline-color: inherit;
+`,ks=o(Rt)`
+  color: inherit;
+`,{taskManagement:Pe,common:Ge}=oe.getLocalizedStrings();function xs(e){const{onChange:d,value:r,resetDisabled:h,onReset:g}=e,u=()=>{h!==!0&&g()};return t.jsxs(ws,{children:[t.jsx(Ts,{children:Pe.taskList.groupingFilters.groupBy}),t.jsx(fs,{children:t.jsx(os,{value:r,placeHolder:Pe.taskList.groupingFilters.placeholder,onChange:a=>{const p=We(a.value);if(p!=null)d(p);else throw new Error("Invalid taskListGroupByKey")},options:ts,getOptionLabel:a=>{const p=Ge.texts,i=We(a);return i!=null?p[i]:Ge.strings.empty}})}),t.jsxs(Cs,{onClick:u,isDisabled:h,children:[t.jsx($s,{}),t.jsx(V,{children:Ge.reset})]})]})}const ws=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp4};
+  justify-content: space-between;
+  padding-bottom: ${s.sp4};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,fs=o.div`
+  flex: 1;
+`,Cs=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isDisabled?fe`
+          opacity: 0.3;
+        `:fe`
+          cursor: pointer;
+        `};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+  }
+
+  column-gap: ${s.sp1};
+`,Ts=o($t)`
+  color: ${e=>e.theme.colors.primary};
+`,$s=o(Je)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,bs=oe.getLocalizedStrings().taskManagement.taskList.footer;function ys({taskGroupsList:e,anchorEl:d,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:g,onClose:u}){const a=()=>{u(),h()};return t.jsx(qe,{open:!!d,anchorEl:d,onClose:u,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(js,{children:[t.jsx(vs,{children:e.map(p=>{const i=()=>{u(),g(p.id)};return t.jsx(Oe,{onClick:i,children:t.jsx(ie,{children:p.groupName})},p.id)})}),t.jsx(_,{controller:r==="groupName",children:t.jsxs(Oe,{onClick:a,children:[t.jsx(Ss,{}),t.jsx(ie,{children:bs.createGroup})]})})]})})}const js=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+`,Oe=o.div`
+  padding: ${s.sp2} ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+
+  cursor: pointer;
+  display: flex;
+  column-gap: ${s.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,vs=o.div`
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Ss=o(tt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`;function Gs({placeholder:e,searchText:d,inputContainerStyles:r,onSearchTextChanged:h}){const[g,u]=n.useState(!1),a=n.useRef(null),p=le(),i=()=>{d||u(!1)};return t.jsxs(Ls,{children:[g?null:t.jsx(Is,{onMouseEnter:()=>u(!0),onClick:()=>{u(!0),a.current?.focus()},children:t.jsx(Fe,{})}),g?t.jsxs(Ns,{style:r,isOpen:g,children:[t.jsx(Fe,{}),t.jsx(Es,{windowSize:p,autoFocus:p!=="small",placeholder:e,value:d,onBlur:i,onChange:c=>{const T=c.target;h(T.value)},ref:a}),d?t.jsx(Ds,{}):null]}):null]})}const Ls=o.div`
+  position: relative;
+`,Ns=o.div`
+  position: absolute;
+  right: 0;
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp1};
+  padding-bottom: ${s.sp1};
+  border-bottom: 1px solid ${e=>e.theme.colors.primary};
+  min-width: ${({isOpen:e})=>e?"200px":"0px"};
+  transition: min-width 0.3s ease-in-out;
+`,Fe=o(zt)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${s.sp3};
+  height: ${s.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Is=o.div`
+  cursor: pointer;
+`,Es=o(Bt)`
+  display: flex;
+  border-width: ${s.sp0};
+  outline-width: ${s.sp0};
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${s.sp1};
+  flex: 1;
+  background-color: inherit;
+  ::placeholder {
+    color: ${e=>e.theme.colors.grey1};
+  }
+`,Ds=o(At)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Ms=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.6011 5.42688H3.10107",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 9.60004L7.92188 12.4125L6.51562 11.0063",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 11.0063H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 15.4125L7.92188 18.225L6.51562 16.8188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 16.8188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),zs=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Bs=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},n.createElement("path",{d:"M4.49908 1.50001H12.0015H19.5039C19.5039 1.50001 20.868 1.50001 20.868 2.86409V21.1359C20.868 21.1359 20.868 22.5 19.5039 22.5H4.49908C4.49908 22.5 3.13501 22.5 3.13501 21.1359V2.86409C3.13501 2.86409 3.13501 1.50001 4.49908 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M7.5 11.9996L8.598 14.1953C8.70072 14.4016 8.85107 14.5804 9.03662 14.7171C9.22217 14.8538 9.43759 14.9443 9.66506 14.9812C9.89254 15.0182 10.1255 15.0004 10.3448 14.9295C10.5641 14.8585 10.7633 14.7364 10.926 14.5733L16.5 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{taskManagement:As,common:Rs}=oe.getLocalizedStrings(),Q=As.taskList.newTaskOptions;function Ws({anchorEl:e,groupByKey:d,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:g,expandedTemplate:u,onExpandTemplate:a,onClose:p,onNewTaskClick:i,onNewGroupClick:c,handleGroupTemplateClick:T,handleGroupTemplateTaskClick:j,onNewTaskInitialization:N}){const E=Ze(),[k,C]=n.useState(null),[w,z]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(z(null),C(null),p())},[h.fetchState,p]);const B=n.useCallback((D,m)=>{C(m),j(D,m)},[j]),A=n.useCallback(D=>{z(D),T(D)},[T]);return t.jsx(qe,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${E.colors.grey3}`}},anchorEl:e,onClose:p,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Os,{isTaskTemplatesEnabled:g,children:[t.jsxs(_s,{children:[t.jsxs(He,{onClick:i,children:[t.jsx(Fs,{}),t.jsx(Ie,{children:Q.task})]}),t.jsx(_,{controller:d==="groupName",children:t.jsxs(He,{onClick:()=>c(""),children:[t.jsx(Hs,{}),t.jsx(Ie,{children:Q.group})]})})]}),g?t.jsx(Ps,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:u,handleGroupTemplateClick:A,handleGroupTemplateTaskClick:B,onNewGroupClick:c,onNewTaskInitialization:N,onExpandTemplate:a}):null]})})}const Ps=({taskGroupTemplates:e,taskIdInCreation:d,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:g,handleGroupTemplateClick:u,handleGroupTemplateTaskClick:a,onNewGroupClick:p,onNewTaskInitialization:i})=>{const[c,T]=n.useState(""),j=n.useMemo(()=>{const k=[];return e.forEach(C=>{if(C.name.toLowerCase().includes(c.toLowerCase()))k.push(C);else{const w=C.tasks.filter(z=>z.name.toLowerCase().includes(c.toLowerCase()));w.length>0&&k.push({...C,tasks:w})}}),k},[e,c]),N=n.useCallback(()=>{i(c)},[c,i]),E=n.useCallback(()=>{p(c)},[c,p]);return t.jsxs(Us,{children:[t.jsx(Vs,{children:t.jsxs(Xs,{children:[t.jsxs(Ks,{children:[t.jsx(Ys,{}),t.jsx(Zs,{children:Q.groupTemplates})]}),t.jsx(Gs,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:c,onSearchTextChanged:T,placeholder:Q.searchPlaceholder})]})}),t.jsx(_,{controller:j.length>0,children:t.jsx(qs,{children:j.map(k=>{const C=h===k.id;return t.jsxs(ro,{children:[t.jsxs(Js,{onClick:()=>{g(k.id)},expanded:C,children:[t.jsxs(Qs,{children:[t.jsx(_,{controller:C,children:t.jsx(ao,{})}),t.jsx(_,{controller:!C,children:t.jsx(no,{})}),t.jsx(V,{children:k.name}),t.jsx(pt,{count:k.tasks.length})]}),t.jsx(so,{expanded:C,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:Q.createGroup,disabled:k.createdAt!=null,onClick:w=>{w.stopPropagation(),g(null),u(k.id)},reverseSpinnerColor:!1,loading:r===k.id})]}),t.jsx(_,{controller:C,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(eo,{children:[t.jsxs(to,{children:[t.jsx(io,{className:"styled-dot"}),t.jsx(po,{className:"task-name-text",children:w.name})]}),t.jsx(oo,{loading:d===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Rs.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(_,{controller:j.length===0,children:[t.jsx(lo,{children:t.jsx(co,{children:Q.noTaskGroup})}),t.jsxs(_e,{onClick:N,children:[t.jsx(Ue,{}),t.jsx(V,{children:Q.newTaskOptionText.replace("__searchText__",c)})]}),t.jsxs(_e,{onClick:E,children:[t.jsx(Ue,{}),t.jsx(V,{children:Q.newGroupOptionText.replace("__searchText__",c)})]})]})]})},Os=o.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
+`,He=o.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  align-items: center;
+  padding: ${s.sp2} ${s.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};
+  }
+`,Fs=o(Bs)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Hs=o(zs)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,_s=o.div`
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Us=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-bottom: ${s.sp2};
+`,Vs=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp3};
+`,Ks=o.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  align-items: center;
+  justify-content: space-between;
+`,Xs=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,Ys=o(Ms)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Zs=o(Ie)`
+  color: ${e=>e.theme.colors.primary};
+`,qs=o.div`
+  max-height: 320px;
+  overflow: auto;
+`,Js=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${s.sp6};
+  padding-right: ${s.sp4};
+  color: ${e=>e.expanded?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    .hidden-create-group-button {
+      display: block;
+    }
+  }
+`,Qs=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp0};
+  color: inherit;
+  column-gap: ${s.sp2};
+`,eo=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${s.sp6};
+  padding-right: ${s.sp4};
+
+  &:hover {
+    column-gap: ${s.sp2};
+    background-color: ${e=>e.theme.colors.background};
+    .task-name-text {
+      max-width: 244px;
+    }
+    .hidden-create-task-button {
+      display: block;
+    }
+  }
+`,to=o.div`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding: ${s.sp2} ${s.sp0};
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    .styled-dot {
+      background-color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,so=o(Me)`
+  display: ${e=>e.expanded===!0?"block":"none"};
+`,oo=o(Me)`
+  display: none;
+`,no=o(Dt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,ao=o(et)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,ro=o.div``,io=o.div`
+  display: inline-block;
+  border-radius: ${s.sp2};
+  width: ${s.sp1};
+  height: ${s.sp1};
+  margin: ${s.sp0} 12px ${s.sp0} 6px;
+  cursor: inherit;
+  background-color: ${e=>e.theme.colors.grey1};
+`,lo=o.div`
+  padding: ${s.sp2} ${s.sp3};
+`,co=o(V)`
+  color: ${e=>e.theme.colors.hero};
+`,_e=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  column-gap: ${s.sp2};
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ue=o(tt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,po=o(V)`
+  color: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 336px;
+`,{common:Le,dateFormat:uo,taskManagement:De}=oe.getLocalizedStrings(),ut={taskNameMaxWidth:new Qe(125,170,170,250,300)},ho=({taskDetail:e,tagList:d,sectionId:r,onRowClick:h,onTimeSpentUpdate:g,onShowToast:u})=>{const a=le(),p=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,c=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Le.strings.empty,{getValues:T,resetField:j,getFieldState:N}=lt(),E=(k,C)=>{const w=Ae(k,C,we);N(w).invalid?j(w):g(e,{timeSpent:T(w)})};return t.jsxs(ko,{children:[t.jsxs(Go,{windowSize:a,onClick:h,responsiveWidth:J[0].width,children:[t.jsxs(Lo,{windowSize:a,children:[t.jsx(Io,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(Do,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(No,{windowSize:a,responsiveWidth:J[0].width,children:t.jsx(Eo,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ve,{windowSize:a,responsiveWidth:J[1].width,children:Be(e.status.code)}),t.jsx(Ao,{windowSize:a,responsiveWidth:J[2].width,children:Be(e.priority.code)}),t.jsx(Ro,{windowSize:a,responsiveWidth:J[3].width,children:e.dueDate!=null?e.dueDate.format(uo.visual.MMMDCommaYYYYformat):t.jsx(xo,{children:Le.strings.hyphen})}),t.jsx(Ve,{windowSize:a,responsiveWidth:J[4].width,children:p>0?t.jsxs(wo,{children:[t.jsx(Yt,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Mo,{children:t.jsx(zo,{children:c})}),p>1?t.jsx(fo,{children:`${Le.strings.plus}${p-1}`}):null]}):null}),t.jsx(Wo,{windowSize:a,responsiveWidth:J[5].width,children:e.tagIds.length>0?t.jsx(Bo,{children:Zt(e.tagIds,d)}):null}),t.jsx(Oo,{windowSize:a,responsiveWidth:J[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Fo,{className:"timeSpentField",children:t.jsx(qt,{name:Ae(r,e.id,we),placeholder:De.common.timeSpentPlaceholder,timeSpentFormat:De.common.timeSpentFormat,registerOptions:{validate:k=>ss(k)>Jt?(u({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{E(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},mo=({taskGroup:e,tagList:d,sectionId:r,showGroupName:h,showRenameTextField:g,isSelectionAllowed:u,isCollapsed:a,existingTaskGroupNamesByGroupId:p,onDeleteTaskGroup:i,onExpandAll:c,onCollapseAll:T,onAddNewTaskToTaskGroup:j,onCollapseToggle:N,onTaskManagementRowClick:E,onDragStart:k,onTimeSpentUpdate:C,onShowToast:w})=>{const[z,B]=n.useState(null),A=le(),{setFocus:D}=lt(),m=n.useCallback(()=>{N(e.id)},[N,e.id]),G=n.useCallback(f=>{B(f.currentTarget)},[]),b=n.useCallback(()=>{B(null)},[]),I=n.useCallback(()=>{j(e.id)},[j,e.id]),M=n.useCallback(()=>{B(null),i(e.id)},[i,e.id]),x=n.useCallback(()=>{D(`${r}.groupName`),b()},[b,r,D]);return t.jsxs(go,{windowSize:A,children:[t.jsx(_,{controller:h,children:t.jsxs(Co,{children:[t.jsxs(To,{children:[t.jsx($o,{isOpen:a===!1,onClick:m,children:t.jsx(bo,{})}),t.jsx(Ft,{style:{textAlign:"start",width:"100%",background:"unset",...Ht.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:De.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:f=>_t(f,e.id,p)===!1},isDisabled:g&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(yo,{onClick:G,children:t.jsx(jo,{})}),t.jsx(Ut,{onClose:b,onAddTask:I,onCollapseAll:T,onDelete:M,onExpandAll:c,onRename:x,isDefault:e.isDefault,anchorEl:z})]})}),t.jsx(_,{controller:a===!1,children:t.jsx(Vt,{mode:"checked_or_hover",isDisabled:u===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(f=>{const Y=()=>{E(f.id)};return{label:t.jsx(ho,{taskDetail:f,onRowClick:Y,tagList:d,onTimeSpentUpdate:C,onShowToast:w,sectionId:r}),prefix:A==="small"?null:t.jsx(vo,{children:t.jsx(So,{})}),value:f.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:k,draggable:!0})})]})},go=o.div`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  padding-right: ${s.sp3};
+  row-gap: ${s.sp3};
+`,ko=o.div`
+  display: flex;
+  align-items: center;
+  height: ${s.sp10};
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${Re.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${Re.dropShadowNormalLight}`};
+  border-radius: ${s.sp2};
+  cursor: pointer;
+  &:hover {
+    z-index: 1;
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    .taskDescriptionText,
+    .taskNameText {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .selected-options 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};
+    }
+  }
+  padding-left: ${s.sp4};
+  padding-right: ${s.sp4};
+  justify-content: space-between;
+`,xo=o(V)``,wo=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,fo=o(es)`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  width: calc(${s.sp3} + ${s.sp1});
+  height: calc(${s.sp3} + ${s.sp1});
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Co=o.div`
+  padding-left: ${s.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,To=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,$o=o.div`
+  cursor: pointer;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,bo=o(et)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,yo=o.div`
+  cursor: pointer;
+`,jo=o(Kt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,vo=o.div`
+  padding-left: ${s.sp3};
+  cursor: grab;
+`,So=o(Xt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Go=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: top;
+  column-gap: ${s.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,Lo=o(V)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+  align-items: flex-start;
+`,No=o(V)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${s.sp4};
+  width: 100%;
+`,Io=o.div`
+  max-width: ${e=>`${ut.taskNameMaxWidth.value(e.windowSize)-ke[4]}px`};
+  color: ${e=>e.theme.colors.hero};
+  width: ${e=>e.isIconPresent?"80%":"90%"};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+`,Eo=o(ie)`
+  color: ${e=>e.theme.colors.grey1};
+  max-width: ${e=>ut.taskNameMaxWidth.valuePx(e.windowSize)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Do=o(Qt)`
+  display: flex;
+  align-items: center;
+  margin-left: ${s.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${s.sp1};
+`,Mo=o.div`
+  margin-right: ${s.sp1};
+  margin-left: ${s.sp1};
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+`,zo=o(ie)`
+  color: ${e=>e.theme.colors.hero};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: ${s.sp8};
+  white-space: nowrap;
+`,Bo=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${s.sp2};
+`,Ve=o.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  overflow: hidden;
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  margin-right: ${s.sp1};
+`,Ao=o(ie)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  overflow: hidden;
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${s.sp1};
+  column-gap: ${s.sp2};
+`,Ro=o(ie)`
+  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;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${e=>e.isLastColumn===!0?s.sp2:s.sp0};
+  column-gap: ${s.sp2};
+`,Wo=o.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  overflow: hidden;
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${s.sp1};
+  column-gap: ${s.sp2};
+`,Po=o.div`
+  width: inherit;
+  position: relative;
+`,Oo=o(Po)`
+  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;
+  align-items: center;
+  justify-content: flex-end;
+  column-gap: ${s.sp2};
+`,Fo=o.div`
+  max-width: ${s.sp11};
+`,Ho=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("rect",{x:10,y:2,width:12,height:12,rx:2,stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 10.75C7 10.3358 6.66421 10 6.25 10H3.70967C2.76545 10 2 10.7654 2 11.7097V20.2936C2 21.2378 2.76544 22.0033 3.70966 22.0033H12.2936C13.2378 22.0033 14.0033 21.2378 14.0033 20.2936V17.75C14.0033 17.3358 13.6675 17 13.2533 17C12.8391 17 12.5033 17.3358 12.5033 17.75V20.2936C12.5033 20.4094 12.4094 20.5033 12.2936 20.5033H3.70966C3.59387 20.5033 3.5 20.4094 3.5 20.2936V11.7097C3.5 11.5939 3.59387 11.5 3.70967 11.5H6.25C6.66421 11.5 7 11.1642 7 10.75Z",fill:"currentColor"})),H=oe.getLocalizedStrings(),Ke=e=>`${e}_form`,_o={rowGap:new Qe(ke[0],ke[5],ke[5])},{common:{footer:Xe},taskManagement:Ne}=oe.getLocalizedStrings(),jn=({taskListView:e,tagListView:d,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:g,onDragNDrop:u,onDeleteTaskGroup:a,updateLocalData:p,onTaskManagementRowClick:i,onReloadTasks:c,onColumnSortConfigChanged:T,onSearchTextChanged:j,onBackClick:N,onNewTaskClick:E,onFiltersChange:k,resetLocalData:C,handleCreateGroup:w,assignGroupToTasks:z,onAddNewTaskToTaskGroup:B,onGroupByFilterChange:A,onTaskGroupRename:D,analytics:m,onTimeSpentUpdate:G,onShowToast:b,handleGroupTemplateClick:I,handleGroupTemplateTaskClick:M,handleNewTaskInitialization:x,onTaskGroupNameClick:f})=>{const[Y,X]=n.useState(!1),[ee,O]=n.useState(null),[F,ne]=n.useState(null),[Z,ue]=n.useState(null),[Ce,de]=n.useState(null),[he,ae]=n.useState(!1),Te=kt(),{fetchState:te,uiState:q,filters:$e,userList:ce,taskGroupsWithTasksList:be}=e,{tagList:ye}=d,je=Ze(),ve=W=>{ae(W)},me=n.useCallback(W=>{de(W.currentTarget)},[]),ge=n.useCallback(W=>{A(W)},[A]),l=n.useCallback(()=>{A("groupName")},[A]),v=n.useCallback(W=>{x(W)},[x]),P=ce.users.map(W=>W.user).filter(W=>W!=null),S={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:he,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:q.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:$e,searchTextBoxStyle:{right:"108px"},onNewButtonClick:me,onSearchOpen:ve,onSearchTextChanged:j,onFiltersChange:k,analytics:m,downloadState:"Not-Started",createdByUserListLoaded:ce.fetchState==="Completed"||ce.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(xs,{value:q.groupByKey,resetDisabled:q.groupByKey==="groupName",onChange:ge,onReset:l}),height:90},getFilterOptions:()=>ds("task_management",P,Te.loggedInUserRole??[],d.tagList)},L=n.useCallback(W=>{de(null),O(K),p({...e.localData,newTaskGroupName:W})},[e.localData,p]),R=n.useCallback(()=>{de(null)},[]),y=n.useCallback(()=>{F!=null&&a(F)},[F,a]),$=n.useCallback(()=>{O(K)},[]),se=n.useCallback(W=>{ue(gt=>gt===W?null:W)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&X(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&ue(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ht=()=>te==="Error"?t.jsxs(qo,{children:[t.jsx(Jo,{onClick:c,children:t.jsx(Qo,{})}),t.jsx(en,{children:H.common.reloadPage.label})]}):te==="Completed"&&be.length===0?t.jsx(Ct,{message:H.taskManagement.taskList.noDataText}):te==="Not-Started"||te==="In-Progress"?t.jsx(Tt,{fetchState:te}):t.jsx(Uo,{taskListView:e,tagList:ye,renameActiveField:ee,updateTask:g,onDragNDrop:u,onAddNewTaskToTaskGroup:B,onColumnSortConfigChanged:T,onTaskManagementRowClick:i,assignGroupToTasks:z,handleCreateGroup:w,resetLocalData:C,setGroupCreationInProgress:$,setShowDeleteModal:X,updateLocalData:p,setActiveTaskGroupId:ne,setRenameActiveField:O,onTaskGroupRename:D,onTimeSpentUpdate:G,onShowToast:b,onCreateTagClick:h,onTaskGroupNameClick:f}),mt=t.jsx(ns,{spendManagementSectionProps:S});return t.jsxs(Zo,{children:[t.jsx(xt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:je.colors.grey4,style:{zIndex:3},onBackClick:N,rightSideComponent:mt,isSearchOpen:he,source:"TaskManagementPage"}),t.jsx(Ws,{anchorEl:Ce,groupByKey:q.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:R,onNewTaskClick:E,onNewGroupClick:L,handleGroupTemplateClick:I,handleGroupTemplateTaskClick:M,onNewTaskInitialization:v,onExpandTemplate:se,expandedTemplate:Z}),t.jsx(Yo,{children:ht()}),t.jsx(_,{controller:Y===!0,children:t.jsx(wt,{action:{onOkClick:y,onCancelClick:()=>{X(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(an,{children:t.jsx(ft,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(rn,{children:t.jsx(V,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Uo=({taskListView:e,tagList:d,renameActiveField:r,updateTask:h,onTaskGroupRename:g,setRenameActiveField:u,onDragNDrop:a,updateLocalData:p,setShowDeleteModal:i,handleCreateGroup:c,resetLocalData:T,assignGroupToTasks:j,setGroupCreationInProgress:N,onTaskManagementRowClick:E,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:C,setActiveTaskGroupId:w,onTimeSpentUpdate:z,onShowToast:B,onCreateTagClick:A,onTaskGroupNameClick:D})=>{const m=n.useRef(null);yt({componentName:"task.management.list"});const[G,b]=n.useState(null),I=n.useRef({}),M=le(),{localData:x,taskGroupsWithTasksList:f,uiState:Y}=e,[X,ee]=n.useState([]),O=n.useRef(null);ms({scrollContainerRef:O,isEnabled:M!=="small"});const F=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),ne=jt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,x,F,d),[x,e.taskGroupsWithTasksList,F,d]),values:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,x,F,d),[x,e.taskGroupsWithTasksList,F,d])}),Z=n.useMemo(()=>{if(r!==K)return f;const l=[],v=f.map(P=>{const S=P.tasks.filter(L=>{const R=x.selectedTaskIds.includes(L.id)===!0;return R&&l.push(L),R===!1});return{...P,tasks:S}});return v.unshift({groupName:"",isDefault:!1,id:K,tasks:l}),v},[r,f,x.selectedTaskIds]),ue=n.useCallback(l=>X.includes(Z[l].id)||Z[l].tasks.length===0?100:I.current?.[l]!=null?I.current[l]+_o.rowGap.value(M):(as*1+rs)*3+is+ls,[X,Z,M]),Ce=n.useCallback(l=>{b(l.currentTarget)},[]),de=n.useCallback((l,v)=>{I.current={...I.current,[l]:v},m.current?.resetAfterIndex(0,!0)},[M,m,f]),he=n.useCallback(l=>{ee(v=>v.includes(l)?v.filter(P=>l!==P):[...v,l]),m.current?.resetAfterIndex(0,!0)},[]),ae=n.useCallback(()=>{b(null)},[]),Te=n.useCallback(()=>{ee(f.map(l=>l.id)),m.current?.resetAfterIndex(0,!0)},[f]),te=n.useCallback(()=>{ee([]),m.current?.resetAfterIndex(0,!0)},[]),q=n.useCallback(()=>{N(),m.current?.scrollTo(0),ae()},[ae,N]),$e=n.useCallback(l=>{w(l),i(!0)},[w,i]),ce=n.useCallback(()=>{x.selectedTaskIds.length>0?r!==K?q():c(!0):r===K?c(!1):r!=null&&g(r,x.existingTaskGroupNamesByGroupId[r])},[x.selectedTaskIds.length,x.existingTaskGroupNamesByGroupId,r,q,c,g]),be=n.useCallback(()=>{u(null),T()},[T,u]),ye=n.useCallback(l=>{T(),u(l)},[T,u]),je=n.useCallback(()=>{x.defaultTaskGroupId!=null&&j(x.defaultTaskGroupId)},[j,x.defaultTaskGroupId]),ve=async(l,v)=>{if(l.includes(at)){const S=l.split(".")[2],L=f.flatMap(y=>y.tasks).find(y=>y.id===S),R=v[U][re][S].priority.selectedOption;if(L!=null&&R!=null){const y=dt.find($=>$.code===R);y!=null&&h(L,{priority:y})}return}if(l.includes(rt)){const S=l.split(".")[2],L=f.flatMap(y=>y.tasks).find(y=>y.id===S),R=v[U][re][S].status.selectedOption;if(L!=null&&R!=null){const y=ct.find($=>$.code===R);L!=null&&y!=null&&h(L,{status:y})}return}if(l.includes(ot)){const S=l.split(".")[2],L=f.flatMap($=>$.tasks).find($=>$.id===S),R=f.find($=>$.tasks.find(se=>se.id===S))?.id,y=v[U][re][S].assignees.selectedUsers.map($=>$.userId);R!=null&&y!=null&&L!=null&&h(L,{assignees:y});return}if(l.includes(nt)){const S=l.split(".")[2],L=f.flatMap($=>$.tasks).find($=>$.id===S),R=f.find($=>$.tasks.find(se=>se.id===S))?.id,y=v[U][re][S].dueDate.date;R!=null&&y!=null&&L!=null&&h(L,{dueDate:y});return}if(l.includes(st)){const S=l.split(".")[2],L=f.flatMap($=>$.tasks).find($=>$.id===S),R=f.find($=>$.tasks.find(se=>se.id===S))?.id,y=v[U][re][S].tags.selectedOptions;R!=null&&y!=null&&L!=null&&h(L,{tagIds:y});return}l.includes(we)&&ne.trigger(l);const P=Xo(l,v,x);p(P)};n.useEffect(()=>{const l=ne.watch((v,{name:P})=>{P!=null&&v!=null&&vt(()=>ve(P,v))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&u(null)},[u,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&u(null)},[u,e.taskGroupUpdateStatus.fetchState]);const me=f.length>1&&x.selectedTaskIds.length>0&&r!==K,ge=x.newTaskGroupName.length>0||x.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(St,{...ne,children:t.jsx("form",{id:Ke(ze),onSubmit:ne.handleSubmit(ce),style:{width:"100%"},children:t.jsx(tn,{isFooterVisible:ge,windowSize:M,children:t.jsx(Gt,{children:({height:l,width:v})=>t.jsx(Lt,{ref:m,outerRef:O,height:l,itemCount:Z.length,itemSize:ue,estimatedItemSize:It,itemKey:P=>Z[P].id,width:v,overscanCount:Nt,itemData:{tagList:d,taskGroupsWithTasksList:Z,uiState:Y,collapsedGroups:X,userList:e.userList,renameActiveField:r,selectedRowIds:x.selectedTaskIds,existingTaskGroupNamesByGroupId:x.existingTaskGroupNamesByGroupId,onRenameClick:ye,handleOnDragNDrop:a,onCollapseToggle:he,setRowHeight:de,onTaskManagementRowClick:E,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:C,onCollapseAll:Te,onDeleteTaskGroup:$e,onExpandAll:te,onTimeSpentUpdate:z,onShowToast:B,onCreateTagClick:A,onTaskGroupNameClick:D},initialScrollOffset:0,children:Vo})})})})}),ge?t.jsx(Et,{formId:Ke(ze),primaryBtn:{label:f.length===1&&x.selectedTaskIds.length>0&&r!==K?Ne.taskList.footer.createGroup:Xe.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Xe.cancel,style:{width:"135px"},onClick:be},helperContainerStyle:M==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(_,{controller:M!=="small"&&x.selectedTaskIds.length>0,children:t.jsxs(on,{children:[t.jsx(pt,{count:x.selectedTaskIds.length}),t.jsx(nn,{children:x.selectedTaskIds.length>1?Ne.taskList.footer.tasksSelected:Ne.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(_,{controller:M!=="small"&&x.selectedTaskIds.length>0,children:t.jsx(dn,{children:t.jsx(Ee,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(ln,{onClick:je})})})}),showPrimaryButton:me===!1,customPrimaryButton:me?t.jsxs(t.Fragment,{children:[t.jsx(Me,{variant:"secondary",label:H.taskManagement.taskList.footer.moveTo,onClick:Ce,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(ys,{taskGroupsList:f,anchorEl:G,groupByKey:Y.groupByKey,onCreateNewGroup:q,onExistingGroupSelection:l=>{ae(),j(l)},onClose:ae})]}):void 0}):null]})},Vo=({index:e,style:d,data:r})=>{const h=n.useRef(null),g=le(),{tagList:u,taskGroupsWithTasksList:a,uiState:p,renameActiveField:i,collapsedGroups:c,onCollapseToggle:T,onTaskManagementRowClick:j,setRowHeight:N,onColumnSortConfigChanged:E,onCollapseAll:k,onExpandAll:C,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:z,handleOnDragNDrop:B,onRenameClick:A,userList:D,selectedRowIds:m,existingTaskGroupNamesByGroupId:G,onTimeSpentUpdate:b,onShowToast:I,onCreateTagClick:M,onTaskGroupNameClick:x}=r;n.useEffect(()=>{h.current?.firstElementChild!=null&&N(e,h.current.firstElementChild.clientHeight)},[e,h,g,a[e]?.tasks]);const f=n.useCallback(O=>{const F=O.dataTransfer.getData("row");B(F,a[e].id)},[B,e,a]),Y=n.useCallback(O=>{O.preventDefault()},[]),X=(O,F)=>{O.dataTransfer.setData("row",F)},ee=()=>{A(a[e].id)};return t.jsx(sn,{style:{...d,width:"100%"},ref:h,onDrop:f,onDragOver:Y,children:t.jsx(Ko,{taskGroup:a[e],showGroupName:!0,tagList:u,uiState:p,isCollapsed:c.includes(a[e].id),onCollapseToggle:T,showRenameTextField:i===a[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:j,onColumnSortConfigChanged:E,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:z,onExpandAll:C,selectedRowIds:m,userList:D,existingTaskGroupNamesByGroupId:G,onDragStart:X,onRenameClick:ee,onTimeSpentUpdate:b,onShowToast:I,onCreateTagClick:M,onTaskGroupNameClick:x},a[e].id)})},Ko=({taskGroup:e,tagList:d,showGroupName:r,uiState:h,showRenameTextField:g,isCollapsed:u,isSelectionAllowed:a,selectedRowIds:p,userList:i,existingTaskGroupNamesByGroupId:c,onRenameClick:T,onTaskManagementRowClick:j,onCollapseToggle:N,onColumnSortConfigChanged:E,onCollapseAll:k,onExpandAll:C,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:z,onDragStart:B,onTimeSpentUpdate:A,onShowToast:D,onCreateTagClick:m,onTaskGroupNameClick:G})=>{const b=le(),I=b==="medium-regular"||b==="medium-compact"||b==="small"?mo:Ot;return t.jsx(I,{taskGroup:e,tagList:d,userList:i,sectionId:U,showGroupName:r,uiState:h,showRenameTextField:g,isCollapsed:u,isSelectionAllowed:a,selectedRowIds:p,existingTaskGroupNamesByGroupId:c,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:z,onExpandAll:C,onCollapseToggle:N,onTaskManagementRowClick:j,onColumnSortConfigChanged:E,onDragStart:B,onRenameClick:T,onTimeSpentUpdate:A,onShowToast:D,onCreateTagClick:m,onTaskGroupNameClick:G})},Ye=(e,d,r,h)=>{const g={},u={};e.forEach(p=>{u[p.id]={[xe]:[],[pe]:d.existingTaskGroupNamesByGroupId[p.id]},p.tasks.forEach(i=>{d.selectedTaskIds.includes(i.id)&&u[p.id].selectedIds.push(i.id),g[i.id]={[rt]:{selectedOption:i.status.code,allOptions:ct.map(c=>({label:c.name,value:c.code}))},[at]:{selectedOption:i.priority.code,allOptions:dt.map(c=>({label:c.name,value:c.code}))},[nt]:{date:i.dueDate,showBusinessDay:!1},[ot]:{allUsers:r,selectedUsers:i.assigneeUsers.map(c=>c.user)},[st]:{allOptions:Mt(h),selectedOptions:i.tagIds},[we]:i.timeSpent}})});const a={[it]:{[K]:{[pe]:d.newTaskGroupName,[xe]:[]},...u},[re]:g};return{[U]:a}},Xo=(e,d,r)=>{if(e.includes(U)){const h=e.split(".")[2];if(e.includes(pe))return e.includes(K)?{...r,newTaskGroupName:d[U].groupData[h][pe]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:d[U].groupData[h][pe]}};if(e.includes(xe)){const g=Wt(Pt(Object.values(d[U][it]),xe)).filter(u=>u!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:g}}}return r},Yo=o.div`
+  display: block;
+  height: 100%;
+`,Zo=o.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow: hidden;
+`,qo=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Jo=o.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,Qo=o(Je)`
+  height: ${s.sp5};
+  width: ${s.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,en=o(bt)`
+  margin-top: ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,tn=o.div`
+  /** Subtract top so list can occupy remaining available height */
+  height: ${e=>e.isFooterVisible===!0?"calc(100vh - 152px)":"calc(100vh - 88px)"}; // total - header
+  max-width: 99.9%;
+`,sn=o.div`
+  top: ${s.sp0};
+  left: ${s.sp0};
+  box-sizing: border-box;
+`,on=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp2};
+  padding-left: ${s.sp9};
+`,nn=o(V)`
+  color: ${e=>e.theme.colors.primary};
+`,an=o.div`
+  padding-top: ${s.sp7};
+  padding-bottom: ${s.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,rn=o.div`
+  padding-left: ${s.sp8};
+  padding-right: ${s.sp8};
+  padding-bottom: ${s.sp5};
+  color: ${e=>e.theme.colors.hero};
+`,ln=o(Ho)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,dn=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: ${s.sp6};
+`;export{jn as default,Ke as uniqueFormName};

package/dist/assets/{TimeRangeSwitcher-DFnX6_WT-8rb8PRgV.js → TimeRangeSwitcher-37ytEy0X-BPg3_wjC.js}

@@ -1,4 +1,4 @@
-import{V as t,b4 as _,aE as S,dl as B,bs as H,o as c,ai as L}from"./index-Dn4fsqrg.js";import{a as n}from"./sentry-BKz9JNP2.js";import{n as g}from"./mui-t9zesPMq.js";import{Y as q}from"./core-DTkIP9TV.js";import{V as U}from"./CollapsableReportTable-Cq8bhaYC-CZx2j0pM.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="f38f097c-0448-48b2-ab16-279fed29a9fe",e._sentryDebugIdIdentifier="sentry-dbid-f38f097c-0448-48b2-ab16-279fed29a9fe")}catch{}})();const W=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),X=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,Z=g.div`
+import{V as t,b4 as B,aF as S,dm as V,bs as H,o as c,aj as L}from"./index-Dfs8yBxm.js";import{a as n}from"./sentry-Dje-_Mky.js";import{n as g}from"./mui-BoUXdMXW.js";import{Y as q}from"./core-XvwDdaId.js";import{O as U}from"./CollapsableReportTable-CoDaSHJN-BeRkup1e.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="3f720254-a34a-4e5e-a983-4885fcaa4b09",e._sentryDebugIdIdentifier="sentry-dbid-3f720254-a34a-4e5e-a983-4885fcaa4b09")}catch{}})();const W=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),X=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,Z=g.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
@@ -61,4 +61,4 @@ import{V as t,b4 as _,aE as S,dl as B,bs as H,o as c,ai as L}from"./index-Dn4fsq
   cursor: pointer;
   pointer-events: all;
   color: ${e=>e.theme.colors.grey5};
-`;function j({iconPosition:e}){switch(e){case"left":return t.jsx(W,{className:"slider-icon",fill:"currentColor"});case"right":return t.jsx(X,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function te(e){return q.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:s,timeframe:l,tick:r,tickIndex:u,isSelected:a,onClick:f}){return t.jsx(A,{isEnabled:e,isSelected:a,onClick:()=>{f(r,u,l)},children:t.jsx(J,{children:U(s,r,l)})})}function ne(e,s,l,r,u){const a=s-e,f=Math.floor(e/h)+Math.round(a/h),w=f+l.length-r.length,x=f+l.length,b=u-x;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function oe(e){return e.startIndex!=null}function I(e,s){let l={startIndex:0,length:0};if(oe(e))l=e;else{const r=e.length;l={startIndex:s.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:s,timeframe:l,timeframeTicks:r,isEnabled:u,selection:a,onClick:f,onSelectionChanged:w}){const x=n.createRef(),b=n.useRef(null),[z,M]=n.useState(!1),[i,T]=n.useState(I(a.selectedTicks,r)),$=n.useRef(i.startIndex);n.useEffect(()=>{$.current=i.startIndex});const[y,C]=n.useState(a.highlightedOfSelectedTicks),O=(i.startIndex+i.length>r.length?Math.max(r.length-i.length,0):i.startIndex)*h,[E,F]=n.useState({x:O,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const o=I(a.selectedTicks,r);if(!S(i,o)){T(o);const d=o.startIndex*h;F({x:d,y:0})}S(y,a.highlightedOfSelectedTicks)||C(a.highlightedOfSelectedTicks)},[i,y,a,r]),n.useLayoutEffect(()=>{const{startIndex:o,length:d}=i;x.current?.scrollToItem($.current<=o?o+d-1:o)},[x,i]);const N=u!==!1,P=(o,d,m)=>{f?.(m,o)},V=(o,d)=>{const m=ne(E.x,d.x,i,y,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},D=({index:o,style:d})=>{const m=r[o],{startIndex:v,length:R}=y,Y=o>=v&&o<v+R;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:N,firstMonthOfFY:s,timeframe:l,tick:m,tickIndex:o,isSelected:Y,onClick:P},o)})},k=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:x,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:D}),z===!0&&k!=null?t.jsx(te,{parentNode:k,children:t.jsx(B,{axis:"x",defaultPosition:{x:0,y:0},position:E,bounds:{left:0,right:(r.length-i.length)*h},grid:[1,0],scale:1,onStop:V,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:i.length,ref:b,children:[t.jsx(Q,{children:t.jsx(j,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(j,{iconPosition:"right"})})]})})}):null]})}function he(e){return t.jsx(Z,{children:t.jsx(_,{children:({width:s})=>t.jsx(le,{...e,width:s})})})}export{p as a,he as p};
+`;function j({iconPosition:e}){switch(e){case"left":return t.jsx(W,{className:"slider-icon",fill:"currentColor"});case"right":return t.jsx(X,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function te(e){return q.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:s,timeframe:l,tick:r,tickIndex:u,isSelected:a,onClick:f}){return t.jsx(A,{isEnabled:e,isSelected:a,onClick:()=>{f(r,u,l)},children:t.jsx(J,{children:U(s,r,l)})})}function ne(e,s,l,r,u){const a=s-e,f=Math.floor(e/h)+Math.round(a/h),w=f+l.length-r.length,x=f+l.length,b=u-x;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function oe(e){return e.startIndex!=null}function I(e,s){let l={startIndex:0,length:0};if(oe(e))l=e;else{const r=e.length;l={startIndex:s.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:s,timeframe:l,timeframeTicks:r,isEnabled:u,selection:a,onClick:f,onSelectionChanged:w}){const x=n.createRef(),b=n.useRef(null),[z,M]=n.useState(!1),[i,T]=n.useState(I(a.selectedTicks,r)),$=n.useRef(i.startIndex);n.useEffect(()=>{$.current=i.startIndex});const[y,O]=n.useState(a.highlightedOfSelectedTicks),C=(i.startIndex+i.length>r.length?Math.max(r.length-i.length,0):i.startIndex)*h,[E,F]=n.useState({x:C,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const o=I(a.selectedTicks,r);if(!S(i,o)){T(o);const d=o.startIndex*h;F({x:d,y:0})}S(y,a.highlightedOfSelectedTicks)||O(a.highlightedOfSelectedTicks)},[i,y,a,r]),n.useLayoutEffect(()=>{const{startIndex:o,length:d}=i;x.current?.scrollToItem($.current<=o?o+d-1:o)},[x,i]);const N=u!==!1,P=(o,d,m)=>{f?.(m,o)},D=(o,d)=>{const m=ne(E.x,d.x,i,y,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},R=({index:o,style:d})=>{const m=r[o],{startIndex:v,length:Y}=y,_=o>=v&&o<v+Y;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:N,firstMonthOfFY:s,timeframe:l,tick:m,tickIndex:o,isSelected:_,onClick:P},o)})},k=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:x,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:R}),z===!0&&k!=null?t.jsx(te,{parentNode:k,children:t.jsx(V,{axis:"x",defaultPosition:{x:0,y:0},position:E,bounds:{left:0,right:(r.length-i.length)*h},grid:[1,0],scale:1,onStop:D,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:i.length,ref:b,children:[t.jsx(Q,{children:t.jsx(j,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(j,{iconPosition:"right"})})]})})}):null]})}function he(e){return t.jsx(Z,{children:t.jsx(B,{children:({width:s})=>t.jsx(le,{...e,width:s})})})}export{p as a,he as p};

package/dist/assets/TimeframeSwitcher-Ca28fZEt-4kauNdEu.js

@@ -0,0 +1,31 @@
+import{V as r,o as t,aj as p,F as u}from"./index-Dfs8yBxm.js";import{n as d}from"./mui-BoUXdMXW.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="7cef7fb4-ab16-4933-badc-5cef595225cd",e._sentryDebugIdIdentifier="sentry-dbid-7cef7fb4-ab16-4933-badc-5cef595225cd")}catch{}})();const g=d.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  padding: ${t.sp1};
+  border-radius: 10px;
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+`,b=d.div`
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
+  }
+  cursor: ${e=>e.isSelected?"default":"pointer"};
+  border-radius: ${t.sp2};
+  background-color: ${e=>e.isSelected?e.theme.colors.grey5:e.theme.colors.background};
+  box-shadow: ${e=>e.isSelected?`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`:null};
+`,_=d(p)`
+  padding: ${t.sp2} ${t.sp3} ${t.sp2} ${t.sp3};
+`,w=d.div`
+  width: 1px;
+  height: ${t.sp3};
+  background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey2};
+`,y=d.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;function x({timeframe:e,isSelected:o,onClick:n}){const s=i=>{switch(i){case"month":case"quarter":case"year":case"this_week_to_date":case"last_week":case"this_month_to_date":case"last_month":case"last_3_months":case"last_6_months":case"last_12_months":case"this_year_to_date":case"last_year":return u.getLocalizedStrings().timeframeSwitcherLabels[i];default:return console.warn("Unsupported timeframe"),""}};return r.jsx(b,{onClick:()=>{o===!1&&n(e)},isSelected:o,children:r.jsx(_,{children:s(e)})})}function k({containerDataTestId:e,onTimeframeSelectionChanged:o,selectedTimeframe:n,timeframes:s}){const i=c=>{o?.(c)},l=s.findIndex(c=>c===n);return r.jsx(g,{"data-testid":e,children:s.map((c,a)=>{const m=s.length>1&&a<s.length-1,h=a===l,f=a===l-1;return r.jsxs(y,{children:[r.jsx(x,{timeframe:c,isSelected:h,onClick:i},a),m?r.jsx(w,{isSelected:h||f}):null]},a)})})}export{k as j};

package/dist/assets/TimeframeSwitcherWithToggle-BSWY0nMa-u1tKN6th.js

@@ -0,0 +1,31 @@
+import{J as d,V as i,x as c,aj as u,bK as w}from"./index-Dfs8yBxm.js";import{n as a}from"./mui-BoUXdMXW.js";import{j as l}from"./TimeframeSwitcher-Ca28fZEt-4kauNdEu.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="45227516-cccb-4058-8d28-8ab697cc5017",e._sentryDebugIdIdentifier="sentry-dbid-45227516-cccb-4058-8d28-8ab697cc5017")}catch{}})();const s="ZeniSwitch",t={root:`${s}-root`,switchBase:`${s}-switchBase`,track:`${s}-track`,thumb:`${s}-thumb`},x=({className:e,...o})=>i.jsx(w,{...o,className:e,classes:{...t}}),p=a(x)(({theme:e})=>({[`& .${t.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${t.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${t.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${t.root}.${t.switchBase}.Mui-checked + .${t.track}`]:{backgroundColor:e.colors.grey1},[`&.${t.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${t.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${t.switchBase}.Mui-checked .${t.thumb}`]:{backgroundColor:e.colors.primary},[`& .${t.switchBase}.Mui-checked .${t.thumb}:before`]:{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"><path fill="${encodeURIComponent(e.colors.grey5)}" d="M10.738 2L4.5075 8.4035L1.2615 5.0685L0 6.3655L4.5075 11L12 3.297L10.738 2Z" /></svg>')`},[`& .${t.switchBase}.Mui-checked + .${t.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${t.switchBase}.Mui-disabled + .${t.track}`]:{opacity:.7},[`& .${t.thumb}`]:{backgroundColor:e.colors.grey2,width:20,height:20,boxShadow:"none","&:before":{content:"''",position:"absolute",width:"100%",height:"100%",left:0,top:0,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},[`& .${t.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>i.jsx(p,{...e}),n={timeframePaddingLeft:new c(0,0,125),timeframePaddingBottom:new c(8,8,0)},y=a.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,$=a.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+`,m=a.div`
+  display: flex;
+  flex-direction: row;
+  flex: 1 1 auto;
+  justify-content: center;
+  padding-left: ${e=>n.timeframePaddingLeft.valuePx(e.windowSize)};
+  padding-bottom: ${e=>n.timeframePaddingBottom.valuePx(e.windowSize)};
+`,k=a.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+`,j=a.div`
+  display: flex;
+  width: 125px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+`,T=a(u)`
+  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
+  opacity: ${e=>e.isDisabled?.5:1};
+`,g=({label:e,isOn:o,isToggleDisabled:r,onValueChanged:f})=>i.jsxs(i.Fragment,{children:[i.jsx(T,{isOn:o,isDisabled:r===!0,children:e}),i.jsx(b,{checked:o,edge:"end",disabled:r===!0,disableRipple:r===!0,onChange:h=>{f(h.target.checked)}})]}),C=e=>{const o=d();return i.jsxs(y,{children:[i.jsx(m,{windowSize:o,children:i.jsx(l,{containerDataTestId:e.timeframeSwitcherDataTestId,selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),i.jsx(k,{"data-testid":e.compareToggleDataTestId,children:i.jsx(g,{...e.toggle})})]})},I=e=>{const o=d();return i.jsxs($,{children:[i.jsx(m,{windowSize:o,children:i.jsx(l,{containerDataTestId:e.timeframeSwitcherDataTestId,selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),i.jsx(j,{"data-testid":e.compareToggleDataTestId,children:i.jsx(g,{...e.toggle})})]})};function D(e){const o=d();return o==="small"||o==="medium-compact"?i.jsx(C,{...e}):i.jsx(I,{...e})}export{D as I};