@lax-wp/design-system 0.13.57 → 0.13.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/data-display/infinite-table/body/rows/row.cjs.js +1 -1
  2. package/dist/components/data-display/infinite-table/body/rows/row.cjs.js.map +1 -1
  3. package/dist/components/data-display/infinite-table/body/rows/row.es.js +1 -1
  4. package/dist/components/data-display/infinite-table/body/rows/row.es.js.map +1 -1
  5. package/dist/components/user-avatar/UserAvatar.cjs.js +1 -1
  6. package/dist/components/user-avatar/UserAvatar.cjs.js.map +1 -1
  7. package/dist/components/user-avatar/UserAvatar.es.js +28 -30
  8. package/dist/components/user-avatar/UserAvatar.es.js.map +1 -1
  9. package/package.json +1 -1
package/dist/components/data-display/infinite-table/body/rows/row.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),pi=require("../../../../../constants/table.cjs.js"),$i=require("../../../../../providers/design-system-provider/hooks.cjs.js"),Mi=require("@dnd-kit/core"),wi=require("@dnd-kit/sortable"),ie=require("@dnd-kit/utilities"),Fi=require("@mui/icons-material"),ee=require("@mui/icons-material/AddRounded"),Ei=require("../../../../../_virtual/index.cjs.js"),ne=require("react-dom"),Ni=require("../../context.cjs.js"),te=require("../cell/ActionCell.cjs.js"),le=require("../cell/CheckboxCell.cjs.js"),ae=require("../cell/DataCell.cjs.js"),Hi=require("../../validateCell.cjs.js"),se=require("../cell/LoaderCell.cjs.js"),oe=require("../cell/PendingEditCell.cjs.js"),de=require("../cell/RowActionCell.cjs.js"),re=require("../cell/RowOptionsCell.cjs.js"),ge=({row:i,isLastRow:$,lastRow:w,highlightSubstring:ii,index:z,style:Ci,level:e=0,expandedRows:c,rows:ei})=>{const{lastNonStickyColumnIndex:M,checkboxConfig:s,onRowClick:E,rowOptions:b,disableOptionsForRowIndex:F=null,getSumOfNextVisibleColumnWidth:ni,onRowEdit:H,inlineEditColumns:xi,tableActions:ti,dndSortableUtils:li,withSortable:f,withDraggable:N,getInnerRowData:ai,showNewItem:W,rawData:O,dragConfig:p,getFullRowDataOnClick:si,selectedRowId:r,rowWrapper:U,isCellClickDisabled:vi,rowAdditionalActions:j,hoverConfig:oi,addPendingEdit:D,removePendingEdit:P,fieldOperationLoading:di,clearRowPendingEdits:q,saveRowPendingEdits:K,pendingEdits:A}=l.useContext(Ni.TableContext),B=$i.useTableConfig(),ri=!!s,{activeInlineEdit:gi,setActiveInlineEdit:L}=l.useContext(Ni.TableContext),a=gi?.rowId===i.original.id?gi?.columnKey:null,u=!!a,ci=n=>{L?.(n===null?null:{rowId:String(i.original.id),columnKey:n})},[C,Y]=l.useState(null),[ui,_]=l.useState(null),[R,G]=l.useState(null),[x,S]=l.useState(!1),[y,J]=l.useState(!1),_i=l.useRef(null);l.useEffect(()=>{const n=_i.current,g=a;if(n&&!g){const h=A?.[i.original.id]?.[n];if(h){const d=i.cells?.find(m=>m.column?.key===n);if(d){const m=Hi.validateCellValue(h.value,d.column);!m.isValid&&D&&D(String(i.original.id),n,{...h,validationError:m.error})}}}_i.current=g??null},[a,i.original.id,i.cells,A,D]),l.useEffect(()=>{if(O){const n=String(i?.original?.id);G(O[n]?.[i?.cells[0].column.Header]||O[n]?.[0])}},[O,i?.original?.id,i?.cells]);const o=wi.useSortable({id:i.original.id,data:{...i.original},disabled:!f}),v=Mi.useDraggable({id:i.original.id,data:{...i.original},disabled:!!f}),{listeners:fi,transform:mi,setNodeRef:bi,isDragging:T,attributes:hi,active:V,over:I,...Ui}=f?o:v,{setNodeRef:ji}=Mi.useDroppable({id:`table-file-dropzone-${i?.original?.id}`,data:{type:"table-file-dropzone",folderId:i?.original?.id,isFolder:i?.original?.type==="folder"}}),Ki={transform:ie.CSS.Transform.toString(mi),transition:f?Ui.transition:void 0,cursor:T?"grabbing":"grab",opacity:T?"0.5":"1"},Yi=()=>!V||!I||!f?!1:li?.checkOverEachItem?li.checkOverEachItem(V,I)&&!!I:V.data.current?.type!==I.data.current?.type&&!!I,Di=n=>{_(n.target.value)},Gi=()=>{di||ci(null)},Ri=l.useRef(null),Ii=l.useCallback(n=>{Ri.current=n},[]),Pi=l.useRef(B);Pi.current=B;const Bi=l.useCallback(()=>{q&&q(String(i.original.id))},[q,i.original.id]),Oi=l.useCallback(()=>{if(Ri.current){const n=Ri.current();if(!n.isValid)return;a&&n.value!==void 0&&D&&D(String(i.original.id),a,{value:n.value,originalValue:i.original[a],meta:n.meta||void 0})}else if(a){const n=i.cells?.find(g=>g.column?.key===a);if(n){const g=A?.[i.original.id]?.[a]?.value,h=g!==void 0?g:n.value,d=Hi.validateCellValue(h,n.column);if(!d.isValid){Pi.current?.showNotification?.("error",d.error||"Validation failed");return}}}K&&K(String(i.original.id))},[K,i.original,i.cells,a,D,A]),qi=(n,g)=>{const h={...i.original},d=n!==void 0?n:ui;a&&d!==void 0&&(h[a]=d,H&&H(h,z,a,d,g),P&&P(String(i.original.id),a)),Gi()},Ai=l.useRef(null),Li=(n,g,h,d)=>{if(!vi&&(n?.stopPropagation(),a!==d)){if(H){if(xi?.includes(d))ci(d),_(String(i.original[d]));else{const m=B?.getSystemMessage?.("notAllowedInlineEdit")||"Inline Edit is not allowed for this column";B?.showNotification?.("error",m)}return}if(E)E(g,h,i.original,ei?.map(m=>m.original)||[]);else if(!E&&s){const m=i.original.id,Zi={target:{checked:!s.checkedIds.includes(m)}};s.onItemCheck(Zi,m)}}},Ti=async()=>{S(!0),ai&&await ai(i?.original?.id,i?.original,!(c?.[i?.original?.id]?.isOpen??!1),i?.original?.__level||0),S(!1)},Ji=l.useMemo(()=>i.cells.filter(n=>n.column?.visible).map(n=>n.column?.width??0).reduce((n,g)=>n+g,0),[i.cells]),Q=l.useMemo(()=>p?.draggingOver&&p?.draggingOver===i?.original?.id,[p,i?.original?.id]),Si=l.useMemo(()=>Q?p?.dropPosition||"inside":null,[Q,p?.dropPosition]),X=!!(Q&&Si==="inside"),k=i?.original?.__rowMetadata||i?.original?._meta,Z=C!==i?.original?.id,yi=!i?.original?.__isLoading,Vi=!!(k?.__is_new||k?.__is_added||i?.original?.is_added||R?.is_added||k?.is_added||k?.is_new),Qi=!!(i?.original?.is_deleted||k?.__is_deleted||R?.is_deleted||k?.is_deleted),Xi=!!(i?.original?.is_modified||i?.original?.is_row_modified||k?.__is_modified||k?.__is_edited||R?.is_row_modified||k?.is_modified)&&!Vi,ki=r!=null&&String(r)===String(i?.original?.id),zi=Ei({"bg-neutral-100 dark:bg-black-600":C===i?.original?.id&&!u,"bg-primary-100 dark:bg-primary-950":ki&&Z&&!u,"bg-primary-50 dark:bg-black-700":!i?.original?.is_read&&W&&!i?.original?.__isLoading&&Z&&!u,"bg-warning-50 dark:bg-warning-975":Xi&&yi&&Z&&!u,"bg-error-50 dark:bg-error-975":Qi&&yi&&Z&&!u,"bg-success-50 dark:bg-success-975":Vi&&yi&&Z&&!u,"bg-primary-50 dark:bg-primary-900":u,[pi.getTableRowBgClassNamesByStatus[i?.original?.__rowBgStatus]]:i?.original?.__rowBgStatus&&!u});return l.createElement("tr",{...i.getRowProps(),ref:N||f?bi:null,key:i.original.id,"data-row-id":i.original.id,className:Ei(`text-neutral-900 dark:text-white cursor-pointer min-w-full relative ${s?.selectionDisabledRowIds?.includes(i?.original?.id)?"opacity-50":""} border-t`,T?"z-40":"",Yi()?"shadow-dnd-drop":"",N&&I&&I?.data?.current?.type==="table-file-dropzone"&&I?.data?.current?.folderId===i?.original?.id&&i?.original?.type==="folder"?"bg-primary-50":"",i?.original?.isDefinedActionRow?"bg-primary-50":"",X?"z-50":"",zi||"bg-white dark:bg-black-800"),style:{...Ci,...f?Ki:{},width:"max-content"},...N||f?hi:{},...N||f?fi:{}},X&&p?.dragOperation?t.jsx("div",{className:"absolute right-2 h-row flex items-center z-20 pointer-events-none",children:t.jsx("div",{className:"bg-primary-200 px-2 py-1 rounded",children:p?.dragOperation==="COPY"?t.jsx(ee,{sx:{fontSize:12},className:"text-primary-700"}):t.jsx(Fi.SubdirectoryArrowLeftRounded,{sx:{fontSize:12},className:"text-primary-700"})})}):null,X&&!p?.dragOperation?t.jsx("div",{className:"absolute right-2 h-row flex items-center z-20 pointer-events-none",children:t.jsx(Fi.SubdirectoryArrowLeftRounded,{sx:{fontSize:16},className:"text-primary-500"})}):null,Q&&Si==="before"&&!i?.original?.isDefinedActionRow?t.jsx("div",{className:"absolute -top-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none",children:t.jsx("div",{className:"absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500"})}):null,Q&&Si==="after"&&!i?.original?.isDefinedActionRow?t.jsx("div",{className:"absolute -bottom-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none",children:t.jsx("div",{className:"absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500"})}):null,i?.original?.isDefinedActionRow?t.jsx(te.ActionCell,{cells:i.cells,id:i?.original?.id,isCheckbox:s,level:e,name:i?.original?.name,onClick:i?.original?.onClick,rowHovering:C||"",isRoot:i?.original?.isRoot,totalWidth:Ji,row:i.original,uploadCell:i?.original?.uploadCell,disabled:i?.original?.disabled,disabledTooltip:i?.original?.disabledTooltip}):U?t.jsx(U,{data:i.original,setIsDraggingFile:J,children:t.jsx(Wi,{isDraggingOver:X,level:e,withDraggable:N,setDroppableNodeRef:ji,isLastRow:$,lastRow:w,isCheckbox:ri,checkboxConfig:s,row:i,rowHovering:C,tableActions:ti,disableOptionsForRowIndex:F,index:z,showNewItem:W,currentData:R,lastNonStickyColumnIndex:M,getSumOfNextVisibleColumnWidth:ni,toggleRowExpand:Ti,loadingExpand:x,cellRef:Ai,handleCellClick:Li,getFullRowDataOnClick:si,handleCellValueChange:Di,handleUpdateCellData:qi,handleRowCancelEdit:Bi,handleRowConfirmEdit:Oi,registerValidation:Ii,inlineEditing:a,isInlineEditing:u,setRowHovering:Y,highlightSubstring:ii,rowOptions:b,isDraggingFile:y,rowAdditionalActions:j,hoverConfig:oi,isSelected:ki})}):t.jsx(Wi,{level:e,withDraggable:N,setDroppableNodeRef:ji,isLastRow:$,lastRow:w,isCheckbox:ri,checkboxConfig:s,row:i,rowHovering:C,tableActions:ti,disableOptionsForRowIndex:F,index:z,showNewItem:W,currentData:R,lastNonStickyColumnIndex:M,getSumOfNextVisibleColumnWidth:ni,toggleRowExpand:Ti,loadingExpand:x,cellRef:Ai,handleCellClick:Li,getFullRowDataOnClick:si,handleCellValueChange:Di,handleUpdateCellData:qi,handleRowCancelEdit:Bi,handleRowConfirmEdit:Oi,registerValidation:Ii,inlineEditing:a,isInlineEditing:u,setRowHovering:Y,highlightSubstring:ii,rowOptions:b,isDraggingFile:y,isDraggingOver:X,rowAdditionalActions:j,hoverConfig:oi,isSelected:ki}))},Wi=({withDraggable:i,setDroppableNodeRef:$,isLastRow:w,lastRow:ii,isCheckbox:z,checkboxConfig:Ci,row:e,rowHovering:c,tableActions:ei,disableOptionsForRowIndex:M,index:s,showNewItem:E,currentData:b,lastNonStickyColumnIndex:F,getSumOfNextVisibleColumnWidth:ni,toggleRowExpand:H,loadingExpand:xi,cellRef:ti,handleCellClick:li,getFullRowDataOnClick:f,handleCellValueChange:N,handleUpdateCellData:ai,handleRowCancelEdit:W,handleRowConfirmEdit:O,registerValidation:p,inlineEditing:si,isInlineEditing:r,setRowHovering:U,highlightSubstring:vi,rowOptions:j,level:oi,isDraggingFile:D,isDraggingOver:P,rowAdditionalActions:di,hoverConfig:q,isSelected:K})=>{const[A,B]=l.useState(!1),{getPendingEdit:ri,hasPendingEdit:gi,pendingEdits:L,tableHeaders:a,pendingEditsCount:u,scrollToCell:ci}=l.useContext(Ni.TableContext),C=L?.[e.original.id]&&Object.keys(L[e.original.id]).length>0,Y=(u??0)>0,ui=l.useMemo(()=>{if(Array.isArray(j))return j;if(typeof j=="function"){const o=j({...e.original,rowIndex:s});return Array.isArray(o)?o:[]}return[]},[j,e.original,s]),_=e?.original?.__rowMetadata||e?.original?._meta,R=c!==e?.original?.id,G=!e?.original?.__isLoading,x=!!(_?.__is_new||_?.__is_added||e?.original?.is_added||b?.is_added||_?.is_added||_?.is_new),S=!!(e?.original?.is_deleted||_?.__is_deleted||b?.is_deleted||_?.is_deleted),y=!!(e?.original?.is_modified||e?.original?.is_row_modified||_?.__is_modified||_?.__is_edited||b?.is_row_modified||_?.is_deleted)&&!x,J=K&&!r&&c!==e?.original?.id?"bg-primary-100 dark:bg-primary-950":void 0,_i=Ei("pointer-events-none absolute left-0 top-0 bottom-0 w-[3px] z-10",{"bg-success-400 dark:bg-success-500":x&&G&&R&&!r,"bg-error-400 dark:bg-error-500":S&&G&&R&&!r,"bg-warning-400 dark:bg-warning-500":y&&G&&R&&!r});return t.jsxs("div",{ref:i?$:null,className:P?"border-2 border-primary-400 dark:border-primary-500 rounded-sm":"",children:[t.jsx("div",{className:_i}),t.jsxs("div",{className:"flex",ref:w?ii:null,children:[Y&&t.jsx(oe.PendingEditCell,{rowId:String(e.original.id),rowIndex:s,pendingEdits:L,tableHeaders:a,rowHasPendingEdits:!!C,rowHovering:c!=null?String(c):void 0,isInlineEditing:r,is_read:!!e.original.is_read,is_modified:y,is_row_modified:!!e.original.is_row_modified,is_deleted:S,is_added:x,is_incomplete:e?.original?.status==="Incomplete",showNewItem:E,onScrollToCell:ci}),z&&t.jsx(le.CheckboxCell,{checkboxConfig:Ci,id:String(e.original.id),rowHovering:c!=null?String(c):void 0,isDisabled:!!e?.original?.__isLoading,isDraggingOver:P,is_added:x,is_deleted:S,is_incomplete:e?.original?.status==="Incomplete",is_modified:y,is_read:!!e.original.is_read,is_row_modified:!!e.original.is_row_modified,showNewItem:E,currentData:b??{},bgColor:e?.original?.__rowBgStatus?pi.getTableRowBgClassNamesByStatus[e?.original?.__rowBgStatus]:J,isInlineEditing:r,hasPendingEditsColumn:Y,rowHasPendingEdits:C}),ei?t.jsx(de.RowActionCell,{tableActions:ei,disableOptionsForRowIndex:M??null,id:String(e.original.id),index:s,is_read:!!e?.original?.is_read,is_incomplete:e?.original?.status==="Incomplete",showNewItem:!!E,is_modified:y,is_row_modified:!!e?.original?.is_row_modified,is_deleted:S,currentData:b??{},is_added:x,rowData:e.original,rowHovering:c,isDisabled:!!e?.original?.__isLoading,bgColor:D?"bg-primary-50":e?.original?.__rowBgStatus?pi.getTableRowBgClassNamesByStatus[e?.original?.__rowBgStatus]:J,isInlineEditing:r,rowHasPendingEdits:C}):null,t.jsxs("div",{className:"relative flex-1",id:`row-${e.original.id}`,onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),children:[e.cells.filter(o=>o?.column?.visible!==!1).map((o,v)=>{const fi=v===F?.(),mi=v===(F?.()??-1)+1,bi=o?.column?.sticky?ni?.(v)??0:0;if(e.original?.__isLoading)return t.jsx(se.LoaderCell,{cell:o,id:v,nextWidthSum:bi,isLastCell:fi,rowHovering:c,index:v,isFirstStickyCell:mi},v);const T=ri?.(String(e.original.id),o?.column?.key||""),hi=gi?.(String(e.original.id),o?.column?.key||"");return t.jsx(ae.DataCell,{cell:o,rowHovering:c,isFirstStickyCell:mi,level:oi??0,toggleRowExpand:H,loadingExpand:xi,index:v,cellRef:ti,currentData:b,handleCellClick:V=>{V&&li(V,f?e.original:String(e.original.id),v,o?.column?.key||"")},handleCellValueChange:N,handleUpdateCellData:ai,registerValidation:p,id:e.original.id,inlineEditing:si,isInlineEditing:r,isLastCell:fi,is_incomplete:e?.original?.status==="Incomplete",is_added:x,is_deleted:S,is_modified:y,is_read:!!e.original.is_read,is_row_modified:!!e.original.is_row_modified,nextWidthSum:bi,setRowHovering:U,highlightSubstring:vi,isDraggingOver:P,isLoading:!!e?.original?.__isLoading,pendingEdit:T,hasPendingEdit:hi,pendingValidationError:T?.validationError},o?.column?.key)}),q?.onHover&&A&&ne.createPortal(t.jsx("div",{className:"absolute top-full left-10 z-50 bg-white dark:bg-black-800 rounded-xl",children:q.onHover(e.original)}),document.getElementById(`row-${e.original.id}`))]}),(ui.length>0||!!di)&&t.jsx(re.RowOptionsCell,{rowId:e.original.id,rowOptions:ui,disableOption:M!==null||!!e?.original?.__isLoading,rowHovering:c,setRowHovering:U,is_read:!!e.original.is_read,showNewItem:!!E,is_modified:y,is_row_modified:!!e.original.is_row_modified,is_incomplete:e?.original?.status==="Incomplete",currentData:b??{},is_deleted:S,is_added:x,isDraggingOver:!!P,rowAdditionalActions:di,rowData:e.original,index:s,bgColor:e?.original?.__rowBgStatus?pi.getTableRowBgClassNamesByStatus[e?.original?.__rowBgStatus]:J,isInlineEditing:r,onConfirmEdit:O,onCancelEdit:W,rowHasPendingEdits:C})]})]})};exports.Row=ge;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),pi=require("../../../../../constants/table.cjs.js"),$i=require("../../../../../providers/design-system-provider/hooks.cjs.js"),Mi=require("@dnd-kit/core"),wi=require("@dnd-kit/sortable"),ie=require("@dnd-kit/utilities"),Fi=require("@mui/icons-material"),ee=require("@mui/icons-material/AddRounded"),Ei=require("../../../../../_virtual/index.cjs.js"),ne=require("react-dom"),Ni=require("../../context.cjs.js"),te=require("../cell/ActionCell.cjs.js"),le=require("../cell/CheckboxCell.cjs.js"),ae=require("../cell/DataCell.cjs.js"),Hi=require("../../validateCell.cjs.js"),se=require("../cell/LoaderCell.cjs.js"),oe=require("../cell/PendingEditCell.cjs.js"),de=require("../cell/RowActionCell.cjs.js"),re=require("../cell/RowOptionsCell.cjs.js"),ge=({row:i,isLastRow:$,lastRow:w,highlightSubstring:ii,index:z,style:Ci,level:e=0,expandedRows:c,rows:ei})=>{const{lastNonStickyColumnIndex:M,checkboxConfig:s,onRowClick:E,rowOptions:b,disableOptionsForRowIndex:F=null,getSumOfNextVisibleColumnWidth:ni,onRowEdit:H,inlineEditColumns:xi,tableActions:ti,dndSortableUtils:li,withSortable:f,withDraggable:N,getInnerRowData:ai,showNewItem:W,rawData:O,dragConfig:p,getFullRowDataOnClick:si,selectedRowId:r,rowWrapper:U,isCellClickDisabled:vi,rowAdditionalActions:j,hoverConfig:oi,addPendingEdit:D,removePendingEdit:P,fieldOperationLoading:di,clearRowPendingEdits:q,saveRowPendingEdits:K,pendingEdits:A}=l.useContext(Ni.TableContext),B=$i.useTableConfig(),ri=!!s,{activeInlineEdit:gi,setActiveInlineEdit:L}=l.useContext(Ni.TableContext),a=gi?.rowId===i.original.id?gi?.columnKey:null,u=!!a,ci=n=>{L?.(n===null?null:{rowId:String(i.original.id),columnKey:n})},[C,Y]=l.useState(null),[ui,_]=l.useState(null),[R,G]=l.useState(null),[x,S]=l.useState(!1),[y,J]=l.useState(!1),_i=l.useRef(null);l.useEffect(()=>{const n=_i.current,g=a;if(n&&!g){const h=A?.[i.original.id]?.[n];if(h){const d=i.cells?.find(m=>m.column?.key===n);if(d){const m=Hi.validateCellValue(h.value,d.column);!m.isValid&&D&&D(String(i.original.id),n,{...h,validationError:m.error})}}}_i.current=g??null},[a,i.original.id,i.cells,A,D]),l.useEffect(()=>{if(O){const n=String(i?.original?.id);G(O[n]?.[i?.cells[0].column.Header]||O[n]?.[0])}},[O,i?.original?.id,i?.cells]);const o=wi.useSortable({id:i.original.id,data:{...i.original},disabled:!f}),v=Mi.useDraggable({id:i.original.id,data:{...i.original},disabled:!!f}),{listeners:fi,transform:mi,setNodeRef:bi,isDragging:T,attributes:hi,active:V,over:I,...Ui}=f?o:v,{setNodeRef:ji}=Mi.useDroppable({id:`table-file-dropzone-${i?.original?.id}`,data:{type:"table-file-dropzone",folderId:i?.original?.id,isFolder:i?.original?.type==="folder"}}),Ki={transform:ie.CSS.Transform.toString(mi),transition:f?Ui.transition:void 0,cursor:T?"grabbing":"grab",opacity:T?"0.5":"1"},Yi=()=>!V||!I||!f?!1:li?.checkOverEachItem?li.checkOverEachItem(V,I)&&!!I:V.data.current?.type!==I.data.current?.type&&!!I,Di=n=>{_(n.target.value)},Gi=()=>{di||ci(null)},Ri=l.useRef(null),Ii=l.useCallback(n=>{Ri.current=n},[]),Pi=l.useRef(B);Pi.current=B;const Bi=l.useCallback(()=>{q&&q(String(i.original.id))},[q,i.original.id]),Oi=l.useCallback(()=>{if(Ri.current){const n=Ri.current();if(!n.isValid)return;a&&n.value!==void 0&&D&&D(String(i.original.id),a,{value:n.value,originalValue:i.original[a],meta:n.meta||void 0})}else if(a){const n=i.cells?.find(g=>g.column?.key===a);if(n){const g=A?.[i.original.id]?.[a]?.value,h=g!==void 0?g:n.value,d=Hi.validateCellValue(h,n.column);if(!d.isValid){Pi.current?.showNotification?.("error",d.error||"Validation failed");return}}}K&&K(String(i.original.id))},[K,i.original,i.cells,a,D,A]),qi=(n,g)=>{const h={...i.original},d=n!==void 0?n:ui;a&&d!==void 0&&(h[a]=d,H&&H(h,z,a,d,g),P&&P(String(i.original.id),a)),Gi()},Ai=l.useRef(null),Li=(n,g,h,d)=>{if(!vi&&(n?.stopPropagation(),a!==d)){if(H){if(xi?.includes(d))ci(d),_(String(i.original[d]));else{const m=B?.getSystemMessage?.("notAllowedInlineEdit")||"Inline Edit is not allowed for this column";B?.showNotification?.("error",m)}return}if(E)E(g,h,i.original,ei?.map(m=>m.original)||[]);else if(!E&&s){const m=i.original.id,Zi={target:{checked:!s.checkedIds.includes(m)}};s.onItemCheck(Zi,m)}}},Ti=async()=>{S(!0),ai&&await ai(i?.original?.id,i?.original,!(c?.[i?.original?.id]?.isOpen??!1),i?.original?.__level||0),S(!1)},Ji=l.useMemo(()=>i.cells.filter(n=>n.column?.visible).map(n=>n.column?.width??0).reduce((n,g)=>n+g,0),[i.cells]),Q=l.useMemo(()=>p?.draggingOver&&p?.draggingOver===i?.original?.id,[p,i?.original?.id]),Si=l.useMemo(()=>Q?p?.dropPosition||"inside":null,[Q,p?.dropPosition]),X=!!(Q&&Si==="inside"),k=i?.original?.__rowMetadata||i?.original?._meta,Z=C!==i?.original?.id,yi=!i?.original?.__isLoading,Vi=!!(k?.__is_new||k?.__is_added||i?.original?.is_added||R?.is_added||k?.is_added||k?.is_new),Qi=!!(i?.original?.is_deleted||k?.__is_deleted||R?.is_deleted||k?.is_deleted),Xi=!!(i?.original?.is_modified||i?.original?.is_row_modified||k?.__is_modified||k?.__is_edited||R?.is_row_modified||k?.is_modified)&&!Vi,ki=r!=null&&String(r)===String(i?.original?.id),zi=Ei({"bg-neutral-100 dark:bg-black-600":C===i?.original?.id&&!u,"bg-primary-100 dark:bg-primary-950":ki&&Z&&!u,"bg-primary-50 dark:bg-black-700":!i?.original?.is_read&&W&&!i?.original?.__isLoading&&Z&&!u,"bg-warning-50 dark:bg-warning-975":Xi&&yi&&Z&&!u,"bg-error-50 dark:bg-error-975":Qi&&yi&&Z&&!u,"bg-success-50 dark:bg-success-975":Vi&&yi&&Z&&!u,"bg-primary-50 dark:bg-primary-900":u,[pi.getTableRowBgClassNamesByStatus[i?.original?.__rowBgStatus]]:i?.original?.__rowBgStatus&&!u});return l.createElement("tr",{...i.getRowProps(),ref:N||f?bi:null,key:i.original.id,"data-row-id":i.original.id,className:Ei(`text-neutral-900 dark:text-white cursor-pointer min-w-full relative ${s?.selectionDisabledRowIds?.includes(i?.original?.id)?"opacity-50":""} border-t`,T?"z-40":"",Yi()?"shadow-dnd-drop":"",N&&I&&I?.data?.current?.type==="table-file-dropzone"&&I?.data?.current?.folderId===i?.original?.id&&i?.original?.type==="folder"?"bg-primary-50":"",i?.original?.isDefinedActionRow?"bg-primary-50":"",X?"z-50":"",zi||"bg-white dark:bg-black-800"),style:{...Ci,...f?Ki:{},width:"max-content"},...N||f?hi:{},...N||f?fi:{}},X&&p?.dragOperation?t.jsx("div",{className:"absolute right-2 h-row flex items-center z-20 pointer-events-none",children:t.jsx("div",{className:"bg-primary-200 px-2 py-1 rounded",children:p?.dragOperation==="COPY"?t.jsx(ee,{sx:{fontSize:12},className:"text-primary-700"}):t.jsx(Fi.SubdirectoryArrowLeftRounded,{sx:{fontSize:12},className:"text-primary-700"})})}):null,X&&!p?.dragOperation?t.jsx("div",{className:"absolute right-2 h-row flex items-center z-20 pointer-events-none",children:t.jsx(Fi.SubdirectoryArrowLeftRounded,{sx:{fontSize:16},className:"text-primary-500"})}):null,Q&&Si==="before"&&!i?.original?.isDefinedActionRow?t.jsx("div",{className:"absolute -top-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none",children:t.jsx("div",{className:"absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500"})}):null,Q&&Si==="after"&&!i?.original?.isDefinedActionRow?t.jsx("div",{className:"absolute -bottom-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none",children:t.jsx("div",{className:"absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500"})}):null,i?.original?.isDefinedActionRow?t.jsx(te.ActionCell,{cells:i.cells,id:i?.original?.id,isCheckbox:s,level:e,name:i?.original?.name,onClick:i?.original?.onClick,rowHovering:C||"",isRoot:i?.original?.isRoot,totalWidth:Ji,row:i.original,uploadCell:i?.original?.uploadCell,disabled:i?.original?.disabled,disabledTooltip:i?.original?.disabledTooltip}):U?t.jsx(U,{data:i.original,setIsDraggingFile:J,children:t.jsx(Wi,{isDraggingOver:X,level:e,withDraggable:N,setDroppableNodeRef:ji,isLastRow:$,lastRow:w,isCheckbox:ri,checkboxConfig:s,row:i,rowHovering:C,tableActions:ti,disableOptionsForRowIndex:F,index:z,showNewItem:W,currentData:R,lastNonStickyColumnIndex:M,getSumOfNextVisibleColumnWidth:ni,toggleRowExpand:Ti,loadingExpand:x,cellRef:Ai,handleCellClick:Li,getFullRowDataOnClick:si,handleCellValueChange:Di,handleUpdateCellData:qi,handleRowCancelEdit:Bi,handleRowConfirmEdit:Oi,registerValidation:Ii,inlineEditing:a,isInlineEditing:u,setRowHovering:Y,highlightSubstring:ii,rowOptions:b,isDraggingFile:y,rowAdditionalActions:j,hoverConfig:oi,isSelected:ki})}):t.jsx(Wi,{level:e,withDraggable:N,setDroppableNodeRef:ji,isLastRow:$,lastRow:w,isCheckbox:ri,checkboxConfig:s,row:i,rowHovering:C,tableActions:ti,disableOptionsForRowIndex:F,index:z,showNewItem:W,currentData:R,lastNonStickyColumnIndex:M,getSumOfNextVisibleColumnWidth:ni,toggleRowExpand:Ti,loadingExpand:x,cellRef:Ai,handleCellClick:Li,getFullRowDataOnClick:si,handleCellValueChange:Di,handleUpdateCellData:qi,handleRowCancelEdit:Bi,handleRowConfirmEdit:Oi,registerValidation:Ii,inlineEditing:a,isInlineEditing:u,setRowHovering:Y,highlightSubstring:ii,rowOptions:b,isDraggingFile:y,isDraggingOver:X,rowAdditionalActions:j,hoverConfig:oi,isSelected:ki}))},Wi=({withDraggable:i,setDroppableNodeRef:$,isLastRow:w,lastRow:ii,isCheckbox:z,checkboxConfig:Ci,row:e,rowHovering:c,tableActions:ei,disableOptionsForRowIndex:M,index:s,showNewItem:E,currentData:b,lastNonStickyColumnIndex:F,getSumOfNextVisibleColumnWidth:ni,toggleRowExpand:H,loadingExpand:xi,cellRef:ti,handleCellClick:li,getFullRowDataOnClick:f,handleCellValueChange:N,handleUpdateCellData:ai,handleRowCancelEdit:W,handleRowConfirmEdit:O,registerValidation:p,inlineEditing:si,isInlineEditing:r,setRowHovering:U,highlightSubstring:vi,rowOptions:j,level:oi,isDraggingFile:D,isDraggingOver:P,rowAdditionalActions:di,hoverConfig:q,isSelected:K})=>{const[A,B]=l.useState(!1),{getPendingEdit:ri,hasPendingEdit:gi,pendingEdits:L,tableHeaders:a,pendingEditsCount:u,scrollToCell:ci}=l.useContext(Ni.TableContext),C=L?.[e.original.id]&&Object.keys(L[e.original.id]).length>0,Y=(u??0)>0,ui=l.useMemo(()=>{if(Array.isArray(j))return j;if(typeof j=="function"){const o=j({...e.original,rowIndex:s});return Array.isArray(o)?o:[]}return[]},[j,e.original,s]),_=e?.original?.__rowMetadata||e?.original?._meta,R=c!==e?.original?.id,G=!e?.original?.__isLoading,x=!!(_?.__is_new||_?.__is_added||e?.original?.is_added||b?.is_added||_?.is_added||_?.is_new),S=!!(e?.original?.is_deleted||_?.__is_deleted||b?.is_deleted||_?.is_deleted),y=!!(e?.original?.is_modified||e?.original?.is_row_modified||_?.__is_modified||_?.__is_edited||b?.is_row_modified||_?.is_deleted)&&!x,J=K&&!r&&c!==e?.original?.id?"bg-primary-100 dark:bg-primary-950":void 0,_i=Ei("pointer-events-none absolute left-0 top-0 bottom-0 w-[3px] z-40",{"bg-success-400 dark:bg-success-500":x&&G&&R&&!r,"bg-error-400 dark:bg-error-500":S&&G&&R&&!r,"bg-warning-400 dark:bg-warning-500":y&&G&&R&&!r});return t.jsxs("div",{ref:i?$:null,className:P?"border-2 border-primary-400 dark:border-primary-500 rounded-sm":"",children:[t.jsx("div",{className:_i}),t.jsxs("div",{className:"flex",ref:w?ii:null,children:[Y&&t.jsx(oe.PendingEditCell,{rowId:String(e.original.id),rowIndex:s,pendingEdits:L,tableHeaders:a,rowHasPendingEdits:!!C,rowHovering:c!=null?String(c):void 0,isInlineEditing:r,is_read:!!e.original.is_read,is_modified:y,is_row_modified:!!e.original.is_row_modified,is_deleted:S,is_added:x,is_incomplete:e?.original?.status==="Incomplete",showNewItem:E,onScrollToCell:ci}),z&&t.jsx(le.CheckboxCell,{checkboxConfig:Ci,id:String(e.original.id),rowHovering:c!=null?String(c):void 0,isDisabled:!!e?.original?.__isLoading,isDraggingOver:P,is_added:x,is_deleted:S,is_incomplete:e?.original?.status==="Incomplete",is_modified:y,is_read:!!e.original.is_read,is_row_modified:!!e.original.is_row_modified,showNewItem:E,currentData:b??{},bgColor:e?.original?.__rowBgStatus?pi.getTableRowBgClassNamesByStatus[e?.original?.__rowBgStatus]:J,isInlineEditing:r,hasPendingEditsColumn:Y,rowHasPendingEdits:C}),ei?t.jsx(de.RowActionCell,{tableActions:ei,disableOptionsForRowIndex:M??null,id:String(e.original.id),index:s,is_read:!!e?.original?.is_read,is_incomplete:e?.original?.status==="Incomplete",showNewItem:!!E,is_modified:y,is_row_modified:!!e?.original?.is_row_modified,is_deleted:S,currentData:b??{},is_added:x,rowData:e.original,rowHovering:c,isDisabled:!!e?.original?.__isLoading,bgColor:D?"bg-primary-50":e?.original?.__rowBgStatus?pi.getTableRowBgClassNamesByStatus[e?.original?.__rowBgStatus]:J,isInlineEditing:r,rowHasPendingEdits:C}):null,t.jsxs("div",{className:"relative flex-1",id:`row-${e.original.id}`,onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),children:[e.cells.filter(o=>o?.column?.visible!==!1).map((o,v)=>{const fi=v===F?.(),mi=v===(F?.()??-1)+1,bi=o?.column?.sticky?ni?.(v)??0:0;if(e.original?.__isLoading)return t.jsx(se.LoaderCell,{cell:o,id:v,nextWidthSum:bi,isLastCell:fi,rowHovering:c,index:v,isFirstStickyCell:mi},v);const T=ri?.(String(e.original.id),o?.column?.key||""),hi=gi?.(String(e.original.id),o?.column?.key||"");return t.jsx(ae.DataCell,{cell:o,rowHovering:c,isFirstStickyCell:mi,level:oi??0,toggleRowExpand:H,loadingExpand:xi,index:v,cellRef:ti,currentData:b,handleCellClick:V=>{V&&li(V,f?e.original:String(e.original.id),v,o?.column?.key||"")},handleCellValueChange:N,handleUpdateCellData:ai,registerValidation:p,id:e.original.id,inlineEditing:si,isInlineEditing:r,isLastCell:fi,is_incomplete:e?.original?.status==="Incomplete",is_added:x,is_deleted:S,is_modified:y,is_read:!!e.original.is_read,is_row_modified:!!e.original.is_row_modified,nextWidthSum:bi,setRowHovering:U,highlightSubstring:vi,isDraggingOver:P,isLoading:!!e?.original?.__isLoading,pendingEdit:T,hasPendingEdit:hi,pendingValidationError:T?.validationError},o?.column?.key)}),q?.onHover&&A&&ne.createPortal(t.jsx("div",{className:"absolute top-full left-10 z-50 bg-white dark:bg-black-800 rounded-xl",children:q.onHover(e.original)}),document.getElementById(`row-${e.original.id}`))]}),(ui.length>0||!!di)&&t.jsx(re.RowOptionsCell,{rowId:e.original.id,rowOptions:ui,disableOption:M!==null||!!e?.original?.__isLoading,rowHovering:c,setRowHovering:U,is_read:!!e.original.is_read,showNewItem:!!E,is_modified:y,is_row_modified:!!e.original.is_row_modified,is_incomplete:e?.original?.status==="Incomplete",currentData:b??{},is_deleted:S,is_added:x,isDraggingOver:!!P,rowAdditionalActions:di,rowData:e.original,index:s,bgColor:e?.original?.__rowBgStatus?pi.getTableRowBgClassNamesByStatus[e?.original?.__rowBgStatus]:J,isInlineEditing:r,onConfirmEdit:O,onCancelEdit:W,rowHasPendingEdits:C})]})]})};exports.Row=ge;
2
2
  //# sourceMappingURL=row.cjs.js.map
package/dist/components/data-display/infinite-table/body/rows/row.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"row.cjs.js","sources":["../../../../../../src/components/data-display/infinite-table/body/rows/row.tsx"],"sourcesContent":["import { getTableRowBgClassNamesByStatus } from '../../../../../constants/table';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { SubdirectoryArrowLeftRounded } from '@mui/icons-material';\nimport AddRounded from '@mui/icons-material/AddRounded';\nimport cn from 'classnames';\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { TableContext } from '../../context';\nimport { ActionCell } from '../cell/ActionCell';\nimport { CheckboxCell } from '../cell/CheckboxCell';\nimport { DataCell } from '../cell/DataCell';\nimport { validateCellValue } from '../../validateCell';\nimport { LoaderCell } from '../cell/LoaderCell';\nimport { PendingEditCell } from '../cell/PendingEditCell';\nimport { RowActionCell } from '../cell/RowActionCell';\nimport { RowOptionsCell } from '../cell/RowOptionsCell';\n\ntype TRowMetadata = {\n is_modified: object;\n is_new: boolean;\n is_deleted: boolean;\n is_added: boolean;\n __is_modified?: boolean;\n __is_edited?: boolean;\n __is_deleted?: boolean;\n __is_new?: boolean;\n __is_added?: boolean;\n};\n\ninterface TableCell {\n column: {\n key?: string;\n visible?: boolean;\n width?: number;\n sticky?: boolean;\n Header?: string;\n type?: string;\n is_required?: boolean;\n meta?: Record<string, unknown>;\n [key: string]: unknown;\n };\n value?: unknown;\n [key: string]: unknown;\n}\n\ninterface RowOriginal {\n id: string | number;\n is_read?: boolean;\n is_modified?: boolean;\n is_row_modified?: boolean;\n is_deleted?: boolean;\n is_added?: boolean;\n status?: string;\n type?: string;\n __isLoading?: boolean;\n __level?: number;\n __rowBgStatus?: string;\n __rowMetadata?: { __is_modified?: boolean };\n isDefinedActionRow?: boolean;\n isRoot?: boolean;\n name?: string | { props?: { text?: string } };\n onClick?: () => void;\n uploadCell?: boolean;\n disabled?: boolean;\n disabledTooltip?: string;\n [key: string]: unknown;\n}\n\ninterface TableRowData {\n original: RowOriginal;\n cells: TableCell[];\n getRowProps: () => Record<string, unknown>;\n index: number;\n [key: string]: unknown;\n}\n\ntype TRowOption = {\n key: string;\n label: React.ReactNode;\n isVisible?: boolean;\n [k: string]: unknown;\n};\n\ntype TProps = {\n row: TableRowData;\n isLastRow?: boolean;\n lastRow?: unknown;\n getSubRows?: () => unknown;\n prepareRow?: (row: unknown) => void;\n highlightSubstring?: (value: string) => JSX.Element;\n index: number;\n style?: Record<string, unknown>;\n visibleSubRowIds?: Record<string, unknown>;\n rowsLength?: number;\n level?: number;\n columns?: Record<string, unknown>;\n expandedRows?: Record<string, { isOpen: boolean }>;\n rows?: Array<{ original: unknown }>;\n};\n\nexport const Row = ({ row, isLastRow, lastRow, highlightSubstring, index, style, level = 0, expandedRows, rows }: TProps) => {\n const {\n lastNonStickyColumnIndex,\n checkboxConfig,\n onRowClick,\n rowOptions,\n disableOptionsForRowIndex = null,\n getSumOfNextVisibleColumnWidth,\n onRowEdit,\n inlineEditColumns,\n tableActions,\n dndSortableUtils,\n withSortable,\n withDraggable,\n getInnerRowData,\n showNewItem,\n rawData,\n dragConfig,\n getFullRowDataOnClick,\n selectedRowId,\n rowWrapper: RowWrapper,\n isCellClickDisabled,\n rowAdditionalActions,\n hoverConfig,\n addPendingEdit,\n removePendingEdit,\n fieldOperationLoading,\n clearRowPendingEdits,\n saveRowPendingEdits,\n pendingEdits: contextPendingEdits,\n } = useContext(TableContext);\n\n const tableConfig = useTableConfig();\n\n const isCheckbox = Boolean(checkboxConfig);\n const { activeInlineEdit, setActiveInlineEdit } = useContext(TableContext);\n const inlineEditing = activeInlineEdit?.rowId === row.original.id ? activeInlineEdit?.columnKey : null;\n const isInlineEditing = Boolean(inlineEditing);\n const setInlineEditing = (columnKey: string | null) => {\n if (columnKey === null) setActiveInlineEdit?.(null);\n else setActiveInlineEdit?.({ rowId: String(row.original.id), columnKey });\n };\n const [rowHovering, setRowHovering] = useState<string | number | null>(null);\n const [editedCellValue, setEditedCellValue] = useState<string | null>(null);\n const [currentData, setCurrentData] = useState<Record<string, unknown> | null>(null);\n const [loadingExpand, setLoadingExpand] = useState(false);\n const [isDraggingFile, setIsDraggingFile] = useState(false);\n\n const prevInlineEditingRef = useRef<string | null>(null);\n useEffect(() => {\n const wasEditing = prevInlineEditingRef.current;\n const isNowEditing = inlineEditing;\n\n if (wasEditing && !isNowEditing) {\n const pendingEdit = contextPendingEdits?.[row.original.id]?.[wasEditing];\n if (pendingEdit) {\n const currentCell = row.cells?.find((c: TableCell) => c.column?.key === wasEditing);\n if (currentCell) {\n const result = validateCellValue(pendingEdit.value, currentCell.column as { type?: string; is_required?: boolean });\n if (!result.isValid && addPendingEdit) {\n addPendingEdit(String(row.original.id), wasEditing, {\n ...pendingEdit,\n validationError: result.error,\n });\n }\n }\n }\n }\n\n prevInlineEditingRef.current = isNowEditing ?? null;\n }, [inlineEditing, row.original.id, row.cells, contextPendingEdits, addPendingEdit]);\n\n useEffect(() => {\n if (rawData) {\n const idKey = String(row?.original?.id);\n setCurrentData(rawData[idKey]?.[row?.cells[0].column.Header as string] || rawData[idKey]?.[0]);\n }\n }, [rawData, row?.original?.id, row?.cells]);\n\n const sortableResult = useSortable({ id: row.original.id, data: { ...row.original }, disabled: !withSortable });\n const draggableResult = useDraggable({ id: row.original.id, data: { ...row.original }, disabled: !!withSortable });\n const { listeners, transform, setNodeRef, isDragging, attributes, active, over, ...rest } = withSortable\n ? sortableResult\n : draggableResult;\n\n const { setNodeRef: setDroppableNodeRef } = useDroppable({\n id: `table-file-dropzone-${row?.original?.id}`,\n data: { type: 'table-file-dropzone', folderId: row?.original?.id, isFolder: row?.original?.type === 'folder' },\n });\n\n const dndStyles = {\n transform: CSS.Transform.toString(transform),\n transition: withSortable ? (rest as { transition?: string }).transition : undefined,\n cursor: isDragging ? 'grabbing' : 'grab',\n opacity: isDragging ? '0.5' : '1',\n };\n\n const isOverOtherContext = (): boolean => {\n if (!active || !over || !withSortable) return false;\n if (dndSortableUtils?.checkOverEachItem) return dndSortableUtils.checkOverEachItem(active, over) && Boolean(over);\n return active.data.current?.type !== over.data.current?.type && Boolean(over);\n };\n\n const handleCellValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setEditedCellValue(e.target.value);\n };\n\n const handleCloseEdit = () => {\n if (fieldOperationLoading) return;\n setInlineEditing(null);\n };\n\n const validationRef = useRef<(() => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) | null>(null);\n\n const registerValidation = useCallback(\n (validateFn: () => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) => {\n validationRef.current = validateFn;\n },\n [],\n );\n\n const tableConfigRef = useRef(tableConfig);\n tableConfigRef.current = tableConfig;\n\n const handleRowCancelEdit = useCallback(() => {\n if (clearRowPendingEdits) clearRowPendingEdits(String(row.original.id));\n }, [clearRowPendingEdits, row.original.id]);\n\n const handleRowConfirmEdit = useCallback(() => {\n if (validationRef.current) {\n const result = validationRef.current();\n if (!result.isValid) return;\n if (inlineEditing && result.value !== undefined && addPendingEdit) {\n addPendingEdit(String(row.original.id), inlineEditing, {\n value: result.value,\n originalValue: row.original[inlineEditing],\n meta: result.meta || undefined,\n });\n }\n } else if (inlineEditing) {\n const currentCell = row.cells?.find((c: TableCell) => c.column?.key === inlineEditing);\n if (currentCell) {\n const pendingValue = contextPendingEdits?.[row.original.id]?.[inlineEditing]?.value;\n const valueToValidate = pendingValue !== undefined ? pendingValue : currentCell.value;\n const result = validateCellValue(valueToValidate as string | boolean | null | undefined, currentCell.column as { type?: string; is_required?: boolean });\n if (!result.isValid) {\n tableConfigRef.current?.showNotification?.('error', result.error || 'Validation failed');\n return;\n }\n }\n }\n\n if (saveRowPendingEdits) saveRowPendingEdits(String(row.original.id));\n }, [saveRowPendingEdits, row.original, row.cells, inlineEditing, addPendingEdit, contextPendingEdits]);\n\n const handleUpdateCellData = (\n directValue?: string | boolean | null,\n meta?: { currency_code?: string | null; reference?: unknown | null;[key: string]: unknown | null } | null,\n ) => {\n const _item = { ...row.original };\n const updatedValue = directValue !== undefined ? directValue : editedCellValue;\n if (inlineEditing && updatedValue !== undefined) {\n _item[inlineEditing] = updatedValue;\n if (onRowEdit) onRowEdit(_item, index, inlineEditing, updatedValue, meta);\n if (removePendingEdit) removePendingEdit(String(row.original.id), inlineEditing);\n }\n handleCloseEdit();\n };\n\n const ref = useRef<HTMLElement>(null);\n\n const handleCellClick = (event: React.MouseEvent, data: string | Record<string, unknown>, idx: number, key: string) => {\n if (isCellClickDisabled) return;\n event?.stopPropagation();\n if (inlineEditing === key) return;\n\n if (onRowEdit) {\n if (inlineEditColumns?.includes(key)) {\n setInlineEditing(key);\n setEditedCellValue(String(row.original[key]));\n } else {\n const msg = tableConfig?.getSystemMessage?.('notAllowedInlineEdit') || 'Inline Edit is not allowed for this column';\n tableConfig?.showNotification?.('error', msg);\n }\n return;\n }\n\n if (onRowClick) {\n onRowClick(data, idx, row.original, rows?.map((_row: { original: unknown }) => _row.original) || []);\n } else if (!onRowClick && checkboxConfig) {\n const _id = row.original.id;\n const checkEvent = { target: { checked: !checkboxConfig.checkedIds.includes(_id) } };\n checkboxConfig.onItemCheck(checkEvent, _id);\n }\n };\n\n const toggleRowExpand = async () => {\n setLoadingExpand(true);\n if (getInnerRowData) {\n await getInnerRowData(row?.original?.id, row?.original, !(expandedRows?.[row?.original?.id as string]?.isOpen ?? false), row?.original?.__level || 0);\n }\n setLoadingExpand(false);\n };\n\n\n\n\n const totalWidth = useMemo(() => {\n return row.cells.filter((c: TableCell) => c.column?.visible).map((c: TableCell) => c.column?.width ?? 0).reduce((a: number, b: number) => a + b, 0);\n }, [row.cells]);\n\n const isDraggingOver = useMemo(() => {\n return dragConfig?.draggingOver && dragConfig?.draggingOver === row?.original?.id;\n }, [dragConfig, row?.original?.id]);\n\n const dropPosition = useMemo(() => {\n if (!isDraggingOver) return null;\n return dragConfig?.dropPosition || 'inside';\n }, [isDraggingOver, dragConfig?.dropPosition]);\n\n const isDraggingOverInside = Boolean(isDraggingOver && dropPosition === 'inside');\n\n const _meta = (row?.original?.__rowMetadata as TRowMetadata) || (row?.original?._meta as TRowMetadata | undefined);\n const _notHovering = rowHovering !== row?.original?.id;\n const _notLoading = !row?.original?.__isLoading;\n const _isNewRow = !!(\n _meta?.__is_new ||\n _meta?.__is_added ||\n row?.original?.is_added ||\n (currentData?.is_added as boolean) ||\n _meta?.is_added ||\n _meta?.is_new\n );\n const _isDeletedRow = !!(row?.original?.is_deleted || _meta?.__is_deleted || (currentData?.is_deleted as boolean) || _meta?.is_deleted);\n const _isModifiedRow =\n !!(\n row?.original?.is_modified ||\n row?.original?.is_row_modified ||\n _meta?.__is_modified ||\n _meta?.__is_edited ||\n (currentData?.is_row_modified as boolean) ||\n _meta?.is_modified\n ) && !_isNewRow;\n\n const isSelected =\n selectedRowId !== null && selectedRowId !== undefined && String(selectedRowId) === String(row?.original?.id);\n\n const bgColor = cn({\n 'bg-neutral-100 dark:bg-black-600': rowHovering === row?.original?.id && !isInlineEditing,\n 'bg-primary-100 dark:bg-primary-950': isSelected && _notHovering && !isInlineEditing,\n 'bg-primary-50 dark:bg-black-700': !row?.original?.is_read && showNewItem && !row?.original?.__isLoading && _notHovering && !isInlineEditing,\n // 'bg-white dark:bg-black-700': cell.column.sticky && rowHovering !== id,\n 'bg-warning-50 dark:bg-warning-975': _isModifiedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-error-50 dark:bg-error-975': _isDeletedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-success-50 dark:bg-success-975': _isNewRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-primary-50 dark:bg-primary-900': isInlineEditing,\n [getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string]]: row?.original?.__rowBgStatus && !isInlineEditing,\n });\n\n return (\n <tr\n {...row.getRowProps()}\n ref={withDraggable || withSortable ? setNodeRef : null}\n key={row.original.id}\n data-row-id={row.original.id}\n className={cn(\n `text-neutral-900 dark:text-white cursor-pointer min-w-full relative ${checkboxConfig?.selectionDisabledRowIds?.includes(row?.original?.id) ? 'opacity-50' : ''} border-t`,\n isDragging ? 'z-40' : '',\n isOverOtherContext() ? 'shadow-dnd-drop' : '',\n withDraggable && over && over?.data?.current?.type === 'table-file-dropzone' && over?.data?.current?.folderId === row?.original?.id && row?.original?.type === 'folder' ? 'bg-primary-50' : '',\n row?.original?.isDefinedActionRow ? 'bg-primary-50' : '',\n isDraggingOverInside ? 'z-50' : '',\n bgColor ? bgColor : 'bg-white dark:bg-black-800',\n )}\n style={{ ...style, ...(withSortable ? dndStyles : {}), width: 'max-content' }}\n {...(withDraggable || withSortable ? attributes : {})}\n {...(withDraggable || withSortable ? listeners : {})}\n >\n {isDraggingOverInside && dragConfig?.dragOperation ? (\n <div className='absolute right-2 h-row flex items-center z-20 pointer-events-none'>\n <div className='bg-primary-200 px-2 py-1 rounded'>\n {dragConfig?.dragOperation === 'COPY' ? (\n <AddRounded sx={{ fontSize: 12 }} className='text-primary-700' />\n ) : (\n <SubdirectoryArrowLeftRounded sx={{ fontSize: 12 }} className='text-primary-700' />\n )}\n </div>\n </div>\n ) : null}\n {isDraggingOverInside && !dragConfig?.dragOperation ? (\n <div className='absolute right-2 h-row flex items-center z-20 pointer-events-none'>\n <SubdirectoryArrowLeftRounded sx={{ fontSize: 16 }} className='text-primary-500' />\n </div>\n ) : null}\n {isDraggingOver && dropPosition === 'before' && !row?.original?.isDefinedActionRow ? (\n <div className='absolute -top-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none'>\n <div className='absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500' />\n </div>\n ) : null}\n {isDraggingOver && dropPosition === 'after' && !row?.original?.isDefinedActionRow ? (\n <div className='absolute -bottom-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none'>\n <div className='absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500' />\n </div>\n ) : null}\n\n {row?.original?.isDefinedActionRow ? (\n <ActionCell\n cells={row.cells}\n id={row?.original?.id}\n isCheckbox={checkboxConfig}\n level={level}\n name={row?.original?.name as string}\n onClick={row?.original?.onClick as () => void}\n rowHovering={rowHovering || ''}\n isRoot={row?.original?.isRoot as boolean}\n totalWidth={totalWidth}\n row={row.original as Record<string, unknown>}\n uploadCell={row?.original?.uploadCell as boolean}\n disabled={row?.original?.disabled as boolean}\n disabledTooltip={row?.original?.disabledTooltip as string}\n />\n ) : RowWrapper ? (\n <RowWrapper data={row.original} setIsDraggingFile={setIsDraggingFile}>\n <RowContent\n isDraggingOver={isDraggingOverInside}\n level={level}\n withDraggable={withDraggable}\n setDroppableNodeRef={setDroppableNodeRef}\n isLastRow={isLastRow}\n lastRow={lastRow}\n isCheckbox={isCheckbox}\n checkboxConfig={checkboxConfig}\n row={row}\n rowHovering={rowHovering}\n tableActions={tableActions}\n disableOptionsForRowIndex={disableOptionsForRowIndex}\n index={index}\n showNewItem={showNewItem}\n currentData={currentData}\n lastNonStickyColumnIndex={lastNonStickyColumnIndex}\n getSumOfNextVisibleColumnWidth={getSumOfNextVisibleColumnWidth}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n cellRef={ref}\n handleCellClick={handleCellClick}\n getFullRowDataOnClick={getFullRowDataOnClick}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n handleRowCancelEdit={handleRowCancelEdit}\n handleRowConfirmEdit={handleRowConfirmEdit}\n registerValidation={registerValidation}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring}\n rowOptions={rowOptions}\n isDraggingFile={isDraggingFile}\n rowAdditionalActions={rowAdditionalActions}\n hoverConfig={hoverConfig}\n isSelected={isSelected}\n />\n </RowWrapper>\n ) : (\n <RowContent\n level={level}\n withDraggable={withDraggable}\n setDroppableNodeRef={setDroppableNodeRef}\n isLastRow={isLastRow}\n lastRow={lastRow}\n isCheckbox={isCheckbox}\n checkboxConfig={checkboxConfig}\n row={row}\n rowHovering={rowHovering}\n tableActions={tableActions}\n disableOptionsForRowIndex={disableOptionsForRowIndex}\n index={index}\n showNewItem={showNewItem}\n currentData={currentData}\n lastNonStickyColumnIndex={lastNonStickyColumnIndex}\n getSumOfNextVisibleColumnWidth={getSumOfNextVisibleColumnWidth}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n cellRef={ref}\n handleCellClick={handleCellClick}\n getFullRowDataOnClick={getFullRowDataOnClick}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n handleRowCancelEdit={handleRowCancelEdit}\n handleRowConfirmEdit={handleRowConfirmEdit}\n registerValidation={registerValidation}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring}\n rowOptions={rowOptions}\n isDraggingFile={isDraggingFile}\n isDraggingOver={isDraggingOverInside}\n rowAdditionalActions={rowAdditionalActions}\n hoverConfig={hoverConfig}\n isSelected={isSelected}\n />\n )}\n </tr>\n );\n};\n\ninterface RowContentProps {\n withDraggable?: boolean;\n setDroppableNodeRef: (node: HTMLElement | null) => void;\n isLastRow?: boolean;\n lastRow?: unknown;\n isCheckbox: boolean;\n checkboxConfig: Record<string, unknown> | null;\n row: TableRowData;\n rowHovering: string | number | null;\n tableActions?: ((rowData: Record<string, unknown>, index: number) => React.ReactNode) | null;\n disableOptionsForRowIndex?: number | null;\n index: number;\n showNewItem?: boolean;\n currentData: Record<string, unknown> | null;\n lastNonStickyColumnIndex?: (() => number | null) | null;\n getSumOfNextVisibleColumnWidth?: (index: number) => number | null;\n toggleRowExpand: () => Promise<void>;\n loadingExpand: boolean;\n cellRef: React.RefObject<HTMLElement | null>;\n handleCellClick: (event: React.MouseEvent, data: string | Record<string, unknown>, idx: number, key: string) => void;\n getFullRowDataOnClick?: boolean;\n handleCellValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n handleUpdateCellData: (directValue?: string | boolean | null, meta?: Record<string, unknown> | null) => void;\n handleRowCancelEdit: () => void;\n handleRowConfirmEdit: () => void;\n registerValidation: (fn: () => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) => void;\n inlineEditing: string | null;\n isInlineEditing: boolean;\n setRowHovering: (id: string | number | null) => void;\n highlightSubstring?: (value: string) => React.ReactNode;\n rowOptions?: TRowOption[] | ((rowData: Record<string, unknown>) => TRowOption[] | null) | null;\n level?: number;\n isDraggingFile?: boolean;\n isDraggingOver?: boolean;\n rowAdditionalActions?: unknown;\n hoverConfig?: { onHover?: (data: Record<string, unknown>) => React.ReactNode };\n isSelected?: boolean;\n}\n\nconst RowContent = ({\n withDraggable,\n setDroppableNodeRef,\n isLastRow,\n lastRow,\n isCheckbox,\n checkboxConfig,\n row,\n rowHovering,\n tableActions,\n disableOptionsForRowIndex,\n index,\n showNewItem,\n currentData,\n lastNonStickyColumnIndex,\n getSumOfNextVisibleColumnWidth,\n toggleRowExpand,\n loadingExpand,\n cellRef,\n handleCellClick,\n getFullRowDataOnClick,\n handleCellValueChange,\n handleUpdateCellData,\n handleRowCancelEdit,\n handleRowConfirmEdit,\n registerValidation,\n inlineEditing,\n isInlineEditing,\n setRowHovering,\n highlightSubstring,\n rowOptions,\n level,\n isDraggingFile,\n isDraggingOver,\n rowAdditionalActions,\n hoverConfig,\n isSelected,\n}: RowContentProps) => {\n const [isRowContentHovering, setIsRowContentHovering] = useState(false);\n const {\n getPendingEdit: getPendingEditFn,\n hasPendingEdit: hasPendingEditFn,\n pendingEdits,\n tableHeaders,\n pendingEditsCount,\n scrollToCell,\n } = useContext(TableContext);\n const rowHasPendingEdits = pendingEdits?.[row.original.id] && Object.keys(pendingEdits[row.original.id]).length > 0;\n const tableHasAnyPendingEdits = (pendingEditsCount ?? 0) > 0;\n const resolvedRowOptions = useMemo<TRowOption[]>(() => {\n if (Array.isArray(rowOptions)) return rowOptions;\n if (typeof rowOptions === 'function') {\n const options = rowOptions({ ...row.original, rowIndex: index });\n return Array.isArray(options) ? options : [];\n }\n return [];\n }, [rowOptions, row.original, index]);\n\n\n const _meta = (row?.original?.__rowMetadata as TRowMetadata | undefined) || (row?.original?._meta as TRowMetadata | undefined);\n const _notHovering = rowHovering !== row?.original?.id;\n const _notLoading = !row?.original?.__isLoading;\n const _isNewRow = !!(\n _meta?.__is_new ||\n _meta?.__is_added ||\n row?.original?.is_added ||\n (currentData?.is_added as boolean) ||\n _meta?.is_added ||\n _meta?.is_new\n );\n const _isDeletedRow = !!(row?.original?.is_deleted || _meta?.__is_deleted || (currentData?.is_deleted as boolean) || _meta?.is_deleted);\n const _isModifiedRow =\n !!(\n row?.original?.is_modified ||\n row?.original?.is_row_modified ||\n _meta?.__is_modified ||\n _meta?.__is_edited ||\n (currentData?.is_row_modified as boolean) ||\n _meta?.is_deleted\n ) && !_isNewRow;\n\n // Only apply the selected background when the row is not being hovered, so on hover the icon cells\n // (checkbox, actions, options) fall back to the same gray hover background as the data cells.\n const selectedBg =\n isSelected && !isInlineEditing && rowHovering !== row?.original?.id ? 'bg-primary-100 dark:bg-primary-950' : undefined;\n\n const statusBorderClass = cn('pointer-events-none absolute left-0 top-0 bottom-0 w-[3px] z-10', {\n 'bg-success-400 dark:bg-success-500': _isNewRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-error-400 dark:bg-error-500': _isDeletedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-warning-400 dark:bg-warning-500': _isModifiedRow && _notLoading && _notHovering && !isInlineEditing,\n });\n\n return (\n <div\n ref={withDraggable ? setDroppableNodeRef : null}\n className={isDraggingOver ? 'border-2 border-primary-400 dark:border-primary-500 rounded-sm' : ''}\n >\n <div className={statusBorderClass} />\n <div className='flex' ref={isLastRow ? (lastRow as React.Ref<HTMLDivElement>) : null}>\n {tableHasAnyPendingEdits && (\n <PendingEditCell\n rowId={String(row.original.id)}\n rowIndex={index}\n pendingEdits={pendingEdits}\n tableHeaders={tableHeaders}\n rowHasPendingEdits={!!rowHasPendingEdits}\n rowHovering={rowHovering != null ? String(rowHovering) : undefined}\n isInlineEditing={isInlineEditing}\n is_read={!!row.original.is_read}\n is_modified={_isModifiedRow}\n is_row_modified={!!row.original.is_row_modified}\n is_deleted={_isDeletedRow}\n is_added={_isNewRow}\n is_incomplete={row?.original?.status === 'Incomplete'}\n showNewItem={showNewItem}\n onScrollToCell={scrollToCell}\n />\n )}\n\n {isCheckbox && (\n <CheckboxCell\n checkboxConfig={checkboxConfig as never}\n id={String(row.original.id)}\n rowHovering={rowHovering != null ? String(rowHovering) : undefined}\n isDisabled={!!row?.original?.__isLoading}\n isDraggingOver={isDraggingOver}\n is_added={_isNewRow}\n is_deleted={_isDeletedRow}\n is_incomplete={row?.original?.status === 'Incomplete'}\n is_modified={_isModifiedRow}\n is_read={!!row.original.is_read}\n is_row_modified={!!row.original.is_row_modified}\n showNewItem={showNewItem}\n currentData={currentData ?? {}}\n bgColor={row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n hasPendingEditsColumn={tableHasAnyPendingEdits}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n )}\n\n {tableActions ? (\n <RowActionCell\n tableActions={tableActions as (rowData: Record<string, unknown>, index: number) => JSX.Element}\n disableOptionsForRowIndex={disableOptionsForRowIndex ?? null}\n id={String(row.original.id)}\n index={index}\n is_read={!!row?.original?.is_read}\n is_incomplete={row?.original?.status === 'Incomplete'}\n showNewItem={!!showNewItem}\n is_modified={_isModifiedRow}\n is_row_modified={!!row?.original?.is_row_modified}\n is_deleted={_isDeletedRow}\n currentData={currentData ?? {}}\n is_added={_isNewRow}\n rowData={row.original as Record<string, unknown>}\n rowHovering={rowHovering}\n isDisabled={!!row?.original?.__isLoading}\n bgColor={isDraggingFile ? 'bg-primary-50' : row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n ) : null}\n\n <div\n className='relative flex-1'\n id={`row-${row.original.id}`}\n onMouseEnter={() => setIsRowContentHovering(true)}\n onMouseLeave={() => setIsRowContentHovering(false)}\n >\n {row.cells\n .filter((cell: TableCell) => cell?.column?.visible !== false)\n .map((cell: TableCell, y: number) => {\n const isLastCell = y === lastNonStickyColumnIndex?.();\n const isFirstStickyCell = y === (lastNonStickyColumnIndex?.() ?? -1) + 1;\n const nextWidthSum = cell?.column?.sticky ? (getSumOfNextVisibleColumnWidth?.(y) ?? 0) : 0;\n\n if (row.original?.__isLoading) {\n return (\n <LoaderCell cell={cell as unknown as { column: { width: number; sticky?: boolean; sequence?: number } }} id={y} nextWidthSum={nextWidthSum} isLastCell={isLastCell} rowHovering={rowHovering} index={y} key={y} isFirstStickyCell={isFirstStickyCell} />\n );\n }\n\n const pendingEdit = getPendingEditFn?.(String(row.original.id), cell?.column?.key || '');\n const hasPending = hasPendingEditFn?.(String(row.original.id), cell?.column?.key || '');\n\n return (\n <DataCell\n cell={cell as unknown as import('../../types').ICell}\n rowHovering={rowHovering}\n isFirstStickyCell={isFirstStickyCell}\n level={level ?? 0}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n key={cell?.column?.key}\n index={y}\n cellRef={cellRef as React.RefObject<HTMLDivElement>}\n currentData={currentData as { is_row_modified?: boolean; is_deleted?: boolean; is_added?: boolean }}\n handleCellClick={(e?: React.MouseEvent) => { if (e) handleCellClick(e, getFullRowDataOnClick ? row.original : String(row.original.id), y, cell?.column?.key || ''); }}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n registerValidation={registerValidation}\n id={row.original.id}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n isLastCell={isLastCell}\n is_incomplete={row?.original?.status === 'Incomplete'}\n is_added={_isNewRow}\n is_deleted={_isDeletedRow}\n is_modified={_isModifiedRow}\n is_read={!!row.original.is_read}\n is_row_modified={!!row.original.is_row_modified}\n nextWidthSum={nextWidthSum}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring as ((value: string) => JSX.Element) | undefined}\n isDraggingOver={isDraggingOver}\n isLoading={!!row?.original?.__isLoading}\n pendingEdit={pendingEdit}\n hasPendingEdit={hasPending}\n pendingValidationError={pendingEdit?.validationError}\n />\n );\n })}\n\n {hoverConfig?.onHover &&\n isRowContentHovering &&\n createPortal(\n <div className='absolute top-full left-10 z-50 bg-white dark:bg-black-800 rounded-xl'>{hoverConfig.onHover(row.original) as React.ReactNode}</div>,\n document.getElementById(`row-${row.original.id}`) as HTMLElement,\n )}\n </div>\n\n {(resolvedRowOptions.length > 0 || !!rowAdditionalActions) && (\n <RowOptionsCell\n rowId={row.original.id}\n rowOptions={resolvedRowOptions}\n disableOption={disableOptionsForRowIndex !== null || !!row?.original?.__isLoading}\n rowHovering={rowHovering}\n setRowHovering={setRowHovering}\n is_read={!!row.original.is_read}\n showNewItem={!!showNewItem}\n is_modified={_isModifiedRow}\n is_row_modified={!!row.original.is_row_modified}\n is_incomplete={row?.original?.status === 'Incomplete'}\n currentData={currentData ?? {}}\n is_deleted={_isDeletedRow}\n is_added={_isNewRow}\n isDraggingOver={!!isDraggingOver}\n rowAdditionalActions={rowAdditionalActions as (rowData: Record<string, unknown>, index: number, isHovering: boolean) => React.ReactNode}\n rowData={row.original as Record<string, unknown>}\n index={index}\n bgColor={row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n onConfirmEdit={handleRowConfirmEdit}\n onCancelEdit={handleRowCancelEdit}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n )}\n </div>\n </div>\n );\n};\n"],"names":["Row","row","isLastRow","lastRow","highlightSubstring","index","style","level","expandedRows","rows","lastNonStickyColumnIndex","checkboxConfig","onRowClick","rowOptions","disableOptionsForRowIndex","getSumOfNextVisibleColumnWidth","onRowEdit","inlineEditColumns","tableActions","dndSortableUtils","withSortable","withDraggable","getInnerRowData","showNewItem","rawData","dragConfig","getFullRowDataOnClick","selectedRowId","RowWrapper","isCellClickDisabled","rowAdditionalActions","hoverConfig","addPendingEdit","removePendingEdit","fieldOperationLoading","clearRowPendingEdits","saveRowPendingEdits","contextPendingEdits","useContext","TableContext","tableConfig","useTableConfig","isCheckbox","activeInlineEdit","setActiveInlineEdit","inlineEditing","isInlineEditing","setInlineEditing","columnKey","rowHovering","setRowHovering","useState","editedCellValue","setEditedCellValue","currentData","setCurrentData","loadingExpand","setLoadingExpand","isDraggingFile","setIsDraggingFile","prevInlineEditingRef","useRef","useEffect","wasEditing","isNowEditing","pendingEdit","currentCell","c","result","validateCellValue","idKey","sortableResult","useSortable","draggableResult","useDraggable","listeners","transform","setNodeRef","isDragging","attributes","active","over","rest","setDroppableNodeRef","useDroppable","dndStyles","CSS","isOverOtherContext","handleCellValueChange","e","handleCloseEdit","validationRef","registerValidation","useCallback","validateFn","tableConfigRef","handleRowCancelEdit","handleRowConfirmEdit","pendingValue","valueToValidate","handleUpdateCellData","directValue","meta","_item","updatedValue","ref","handleCellClick","event","data","idx","key","msg","_row","_id","checkEvent","toggleRowExpand","totalWidth","useMemo","a","b","isDraggingOver","dropPosition","isDraggingOverInside","_meta","_notHovering","_notLoading","_isNewRow","_isDeletedRow","_isModifiedRow","isSelected","bgColor","cn","getTableRowBgClassNamesByStatus","createElement","jsx","AddRounded","SubdirectoryArrowLeftRounded","ActionCell","RowContent","cellRef","isRowContentHovering","setIsRowContentHovering","getPendingEditFn","hasPendingEditFn","pendingEdits","tableHeaders","pendingEditsCount","scrollToCell","rowHasPendingEdits","tableHasAnyPendingEdits","resolvedRowOptions","options","selectedBg","statusBorderClass","jsxs","PendingEditCell","CheckboxCell","RowActionCell","cell","y","isLastCell","isFirstStickyCell","nextWidthSum","LoaderCell","hasPending","DataCell","createPortal","RowOptionsCell"],"mappings":"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"}
1
+ {"version":3,"file":"row.cjs.js","sources":["../../../../../../src/components/data-display/infinite-table/body/rows/row.tsx"],"sourcesContent":["import { getTableRowBgClassNamesByStatus } from '../../../../../constants/table';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { SubdirectoryArrowLeftRounded } from '@mui/icons-material';\nimport AddRounded from '@mui/icons-material/AddRounded';\nimport cn from 'classnames';\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { TableContext } from '../../context';\nimport { ActionCell } from '../cell/ActionCell';\nimport { CheckboxCell } from '../cell/CheckboxCell';\nimport { DataCell } from '../cell/DataCell';\nimport { validateCellValue } from '../../validateCell';\nimport { LoaderCell } from '../cell/LoaderCell';\nimport { PendingEditCell } from '../cell/PendingEditCell';\nimport { RowActionCell } from '../cell/RowActionCell';\nimport { RowOptionsCell } from '../cell/RowOptionsCell';\n\ntype TRowMetadata = {\n is_modified: object;\n is_new: boolean;\n is_deleted: boolean;\n is_added: boolean;\n __is_modified?: boolean;\n __is_edited?: boolean;\n __is_deleted?: boolean;\n __is_new?: boolean;\n __is_added?: boolean;\n};\n\ninterface TableCell {\n column: {\n key?: string;\n visible?: boolean;\n width?: number;\n sticky?: boolean;\n Header?: string;\n type?: string;\n is_required?: boolean;\n meta?: Record<string, unknown>;\n [key: string]: unknown;\n };\n value?: unknown;\n [key: string]: unknown;\n}\n\ninterface RowOriginal {\n id: string | number;\n is_read?: boolean;\n is_modified?: boolean;\n is_row_modified?: boolean;\n is_deleted?: boolean;\n is_added?: boolean;\n status?: string;\n type?: string;\n __isLoading?: boolean;\n __level?: number;\n __rowBgStatus?: string;\n __rowMetadata?: { __is_modified?: boolean };\n isDefinedActionRow?: boolean;\n isRoot?: boolean;\n name?: string | { props?: { text?: string } };\n onClick?: () => void;\n uploadCell?: boolean;\n disabled?: boolean;\n disabledTooltip?: string;\n [key: string]: unknown;\n}\n\ninterface TableRowData {\n original: RowOriginal;\n cells: TableCell[];\n getRowProps: () => Record<string, unknown>;\n index: number;\n [key: string]: unknown;\n}\n\ntype TRowOption = {\n key: string;\n label: React.ReactNode;\n isVisible?: boolean;\n [k: string]: unknown;\n};\n\ntype TProps = {\n row: TableRowData;\n isLastRow?: boolean;\n lastRow?: unknown;\n getSubRows?: () => unknown;\n prepareRow?: (row: unknown) => void;\n highlightSubstring?: (value: string) => JSX.Element;\n index: number;\n style?: Record<string, unknown>;\n visibleSubRowIds?: Record<string, unknown>;\n rowsLength?: number;\n level?: number;\n columns?: Record<string, unknown>;\n expandedRows?: Record<string, { isOpen: boolean }>;\n rows?: Array<{ original: unknown }>;\n};\n\nexport const Row = ({ row, isLastRow, lastRow, highlightSubstring, index, style, level = 0, expandedRows, rows }: TProps) => {\n const {\n lastNonStickyColumnIndex,\n checkboxConfig,\n onRowClick,\n rowOptions,\n disableOptionsForRowIndex = null,\n getSumOfNextVisibleColumnWidth,\n onRowEdit,\n inlineEditColumns,\n tableActions,\n dndSortableUtils,\n withSortable,\n withDraggable,\n getInnerRowData,\n showNewItem,\n rawData,\n dragConfig,\n getFullRowDataOnClick,\n selectedRowId,\n rowWrapper: RowWrapper,\n isCellClickDisabled,\n rowAdditionalActions,\n hoverConfig,\n addPendingEdit,\n removePendingEdit,\n fieldOperationLoading,\n clearRowPendingEdits,\n saveRowPendingEdits,\n pendingEdits: contextPendingEdits,\n } = useContext(TableContext);\n\n const tableConfig = useTableConfig();\n\n const isCheckbox = Boolean(checkboxConfig);\n const { activeInlineEdit, setActiveInlineEdit } = useContext(TableContext);\n const inlineEditing = activeInlineEdit?.rowId === row.original.id ? activeInlineEdit?.columnKey : null;\n const isInlineEditing = Boolean(inlineEditing);\n const setInlineEditing = (columnKey: string | null) => {\n if (columnKey === null) setActiveInlineEdit?.(null);\n else setActiveInlineEdit?.({ rowId: String(row.original.id), columnKey });\n };\n const [rowHovering, setRowHovering] = useState<string | number | null>(null);\n const [editedCellValue, setEditedCellValue] = useState<string | null>(null);\n const [currentData, setCurrentData] = useState<Record<string, unknown> | null>(null);\n const [loadingExpand, setLoadingExpand] = useState(false);\n const [isDraggingFile, setIsDraggingFile] = useState(false);\n\n const prevInlineEditingRef = useRef<string | null>(null);\n useEffect(() => {\n const wasEditing = prevInlineEditingRef.current;\n const isNowEditing = inlineEditing;\n\n if (wasEditing && !isNowEditing) {\n const pendingEdit = contextPendingEdits?.[row.original.id]?.[wasEditing];\n if (pendingEdit) {\n const currentCell = row.cells?.find((c: TableCell) => c.column?.key === wasEditing);\n if (currentCell) {\n const result = validateCellValue(pendingEdit.value, currentCell.column as { type?: string; is_required?: boolean });\n if (!result.isValid && addPendingEdit) {\n addPendingEdit(String(row.original.id), wasEditing, {\n ...pendingEdit,\n validationError: result.error,\n });\n }\n }\n }\n }\n\n prevInlineEditingRef.current = isNowEditing ?? null;\n }, [inlineEditing, row.original.id, row.cells, contextPendingEdits, addPendingEdit]);\n\n useEffect(() => {\n if (rawData) {\n const idKey = String(row?.original?.id);\n setCurrentData(rawData[idKey]?.[row?.cells[0].column.Header as string] || rawData[idKey]?.[0]);\n }\n }, [rawData, row?.original?.id, row?.cells]);\n\n const sortableResult = useSortable({ id: row.original.id, data: { ...row.original }, disabled: !withSortable });\n const draggableResult = useDraggable({ id: row.original.id, data: { ...row.original }, disabled: !!withSortable });\n const { listeners, transform, setNodeRef, isDragging, attributes, active, over, ...rest } = withSortable\n ? sortableResult\n : draggableResult;\n\n const { setNodeRef: setDroppableNodeRef } = useDroppable({\n id: `table-file-dropzone-${row?.original?.id}`,\n data: { type: 'table-file-dropzone', folderId: row?.original?.id, isFolder: row?.original?.type === 'folder' },\n });\n\n const dndStyles = {\n transform: CSS.Transform.toString(transform),\n transition: withSortable ? (rest as { transition?: string }).transition : undefined,\n cursor: isDragging ? 'grabbing' : 'grab',\n opacity: isDragging ? '0.5' : '1',\n };\n\n const isOverOtherContext = (): boolean => {\n if (!active || !over || !withSortable) return false;\n if (dndSortableUtils?.checkOverEachItem) return dndSortableUtils.checkOverEachItem(active, over) && Boolean(over);\n return active.data.current?.type !== over.data.current?.type && Boolean(over);\n };\n\n const handleCellValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setEditedCellValue(e.target.value);\n };\n\n const handleCloseEdit = () => {\n if (fieldOperationLoading) return;\n setInlineEditing(null);\n };\n\n const validationRef = useRef<(() => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) | null>(null);\n\n const registerValidation = useCallback(\n (validateFn: () => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) => {\n validationRef.current = validateFn;\n },\n [],\n );\n\n const tableConfigRef = useRef(tableConfig);\n tableConfigRef.current = tableConfig;\n\n const handleRowCancelEdit = useCallback(() => {\n if (clearRowPendingEdits) clearRowPendingEdits(String(row.original.id));\n }, [clearRowPendingEdits, row.original.id]);\n\n const handleRowConfirmEdit = useCallback(() => {\n if (validationRef.current) {\n const result = validationRef.current();\n if (!result.isValid) return;\n if (inlineEditing && result.value !== undefined && addPendingEdit) {\n addPendingEdit(String(row.original.id), inlineEditing, {\n value: result.value,\n originalValue: row.original[inlineEditing],\n meta: result.meta || undefined,\n });\n }\n } else if (inlineEditing) {\n const currentCell = row.cells?.find((c: TableCell) => c.column?.key === inlineEditing);\n if (currentCell) {\n const pendingValue = contextPendingEdits?.[row.original.id]?.[inlineEditing]?.value;\n const valueToValidate = pendingValue !== undefined ? pendingValue : currentCell.value;\n const result = validateCellValue(valueToValidate as string | boolean | null | undefined, currentCell.column as { type?: string; is_required?: boolean });\n if (!result.isValid) {\n tableConfigRef.current?.showNotification?.('error', result.error || 'Validation failed');\n return;\n }\n }\n }\n\n if (saveRowPendingEdits) saveRowPendingEdits(String(row.original.id));\n }, [saveRowPendingEdits, row.original, row.cells, inlineEditing, addPendingEdit, contextPendingEdits]);\n\n const handleUpdateCellData = (\n directValue?: string | boolean | null,\n meta?: { currency_code?: string | null; reference?: unknown | null;[key: string]: unknown | null } | null,\n ) => {\n const _item = { ...row.original };\n const updatedValue = directValue !== undefined ? directValue : editedCellValue;\n if (inlineEditing && updatedValue !== undefined) {\n _item[inlineEditing] = updatedValue;\n if (onRowEdit) onRowEdit(_item, index, inlineEditing, updatedValue, meta);\n if (removePendingEdit) removePendingEdit(String(row.original.id), inlineEditing);\n }\n handleCloseEdit();\n };\n\n const ref = useRef<HTMLElement>(null);\n\n const handleCellClick = (event: React.MouseEvent, data: string | Record<string, unknown>, idx: number, key: string) => {\n if (isCellClickDisabled) return;\n event?.stopPropagation();\n if (inlineEditing === key) return;\n\n if (onRowEdit) {\n if (inlineEditColumns?.includes(key)) {\n setInlineEditing(key);\n setEditedCellValue(String(row.original[key]));\n } else {\n const msg = tableConfig?.getSystemMessage?.('notAllowedInlineEdit') || 'Inline Edit is not allowed for this column';\n tableConfig?.showNotification?.('error', msg);\n }\n return;\n }\n\n if (onRowClick) {\n onRowClick(data, idx, row.original, rows?.map((_row: { original: unknown }) => _row.original) || []);\n } else if (!onRowClick && checkboxConfig) {\n const _id = row.original.id;\n const checkEvent = { target: { checked: !checkboxConfig.checkedIds.includes(_id) } };\n checkboxConfig.onItemCheck(checkEvent, _id);\n }\n };\n\n const toggleRowExpand = async () => {\n setLoadingExpand(true);\n if (getInnerRowData) {\n await getInnerRowData(row?.original?.id, row?.original, !(expandedRows?.[row?.original?.id as string]?.isOpen ?? false), row?.original?.__level || 0);\n }\n setLoadingExpand(false);\n };\n\n\n\n\n const totalWidth = useMemo(() => {\n return row.cells.filter((c: TableCell) => c.column?.visible).map((c: TableCell) => c.column?.width ?? 0).reduce((a: number, b: number) => a + b, 0);\n }, [row.cells]);\n\n const isDraggingOver = useMemo(() => {\n return dragConfig?.draggingOver && dragConfig?.draggingOver === row?.original?.id;\n }, [dragConfig, row?.original?.id]);\n\n const dropPosition = useMemo(() => {\n if (!isDraggingOver) return null;\n return dragConfig?.dropPosition || 'inside';\n }, [isDraggingOver, dragConfig?.dropPosition]);\n\n const isDraggingOverInside = Boolean(isDraggingOver && dropPosition === 'inside');\n\n const _meta = (row?.original?.__rowMetadata as TRowMetadata) || (row?.original?._meta as TRowMetadata | undefined);\n const _notHovering = rowHovering !== row?.original?.id;\n const _notLoading = !row?.original?.__isLoading;\n const _isNewRow = !!(\n _meta?.__is_new ||\n _meta?.__is_added ||\n row?.original?.is_added ||\n (currentData?.is_added as boolean) ||\n _meta?.is_added ||\n _meta?.is_new\n );\n const _isDeletedRow = !!(row?.original?.is_deleted || _meta?.__is_deleted || (currentData?.is_deleted as boolean) || _meta?.is_deleted);\n const _isModifiedRow =\n !!(\n row?.original?.is_modified ||\n row?.original?.is_row_modified ||\n _meta?.__is_modified ||\n _meta?.__is_edited ||\n (currentData?.is_row_modified as boolean) ||\n _meta?.is_modified\n ) && !_isNewRow;\n\n const isSelected =\n selectedRowId !== null && selectedRowId !== undefined && String(selectedRowId) === String(row?.original?.id);\n\n const bgColor = cn({\n 'bg-neutral-100 dark:bg-black-600': rowHovering === row?.original?.id && !isInlineEditing,\n 'bg-primary-100 dark:bg-primary-950': isSelected && _notHovering && !isInlineEditing,\n 'bg-primary-50 dark:bg-black-700': !row?.original?.is_read && showNewItem && !row?.original?.__isLoading && _notHovering && !isInlineEditing,\n // 'bg-white dark:bg-black-700': cell.column.sticky && rowHovering !== id,\n 'bg-warning-50 dark:bg-warning-975': _isModifiedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-error-50 dark:bg-error-975': _isDeletedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-success-50 dark:bg-success-975': _isNewRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-primary-50 dark:bg-primary-900': isInlineEditing,\n [getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string]]: row?.original?.__rowBgStatus && !isInlineEditing,\n });\n\n return (\n <tr\n {...row.getRowProps()}\n ref={withDraggable || withSortable ? setNodeRef : null}\n key={row.original.id}\n data-row-id={row.original.id}\n className={cn(\n `text-neutral-900 dark:text-white cursor-pointer min-w-full relative ${checkboxConfig?.selectionDisabledRowIds?.includes(row?.original?.id) ? 'opacity-50' : ''} border-t`,\n isDragging ? 'z-40' : '',\n isOverOtherContext() ? 'shadow-dnd-drop' : '',\n withDraggable && over && over?.data?.current?.type === 'table-file-dropzone' && over?.data?.current?.folderId === row?.original?.id && row?.original?.type === 'folder' ? 'bg-primary-50' : '',\n row?.original?.isDefinedActionRow ? 'bg-primary-50' : '',\n isDraggingOverInside ? 'z-50' : '',\n bgColor ? bgColor : 'bg-white dark:bg-black-800',\n )}\n style={{ ...style, ...(withSortable ? dndStyles : {}), width: 'max-content' }}\n {...(withDraggable || withSortable ? attributes : {})}\n {...(withDraggable || withSortable ? listeners : {})}\n >\n {isDraggingOverInside && dragConfig?.dragOperation ? (\n <div className='absolute right-2 h-row flex items-center z-20 pointer-events-none'>\n <div className='bg-primary-200 px-2 py-1 rounded'>\n {dragConfig?.dragOperation === 'COPY' ? (\n <AddRounded sx={{ fontSize: 12 }} className='text-primary-700' />\n ) : (\n <SubdirectoryArrowLeftRounded sx={{ fontSize: 12 }} className='text-primary-700' />\n )}\n </div>\n </div>\n ) : null}\n {isDraggingOverInside && !dragConfig?.dragOperation ? (\n <div className='absolute right-2 h-row flex items-center z-20 pointer-events-none'>\n <SubdirectoryArrowLeftRounded sx={{ fontSize: 16 }} className='text-primary-500' />\n </div>\n ) : null}\n {isDraggingOver && dropPosition === 'before' && !row?.original?.isDefinedActionRow ? (\n <div className='absolute -top-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none'>\n <div className='absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500' />\n </div>\n ) : null}\n {isDraggingOver && dropPosition === 'after' && !row?.original?.isDefinedActionRow ? (\n <div className='absolute -bottom-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none'>\n <div className='absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500' />\n </div>\n ) : null}\n\n {row?.original?.isDefinedActionRow ? (\n <ActionCell\n cells={row.cells}\n id={row?.original?.id}\n isCheckbox={checkboxConfig}\n level={level}\n name={row?.original?.name as string}\n onClick={row?.original?.onClick as () => void}\n rowHovering={rowHovering || ''}\n isRoot={row?.original?.isRoot as boolean}\n totalWidth={totalWidth}\n row={row.original as Record<string, unknown>}\n uploadCell={row?.original?.uploadCell as boolean}\n disabled={row?.original?.disabled as boolean}\n disabledTooltip={row?.original?.disabledTooltip as string}\n />\n ) : RowWrapper ? (\n <RowWrapper data={row.original} setIsDraggingFile={setIsDraggingFile}>\n <RowContent\n isDraggingOver={isDraggingOverInside}\n level={level}\n withDraggable={withDraggable}\n setDroppableNodeRef={setDroppableNodeRef}\n isLastRow={isLastRow}\n lastRow={lastRow}\n isCheckbox={isCheckbox}\n checkboxConfig={checkboxConfig}\n row={row}\n rowHovering={rowHovering}\n tableActions={tableActions}\n disableOptionsForRowIndex={disableOptionsForRowIndex}\n index={index}\n showNewItem={showNewItem}\n currentData={currentData}\n lastNonStickyColumnIndex={lastNonStickyColumnIndex}\n getSumOfNextVisibleColumnWidth={getSumOfNextVisibleColumnWidth}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n cellRef={ref}\n handleCellClick={handleCellClick}\n getFullRowDataOnClick={getFullRowDataOnClick}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n handleRowCancelEdit={handleRowCancelEdit}\n handleRowConfirmEdit={handleRowConfirmEdit}\n registerValidation={registerValidation}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring}\n rowOptions={rowOptions}\n isDraggingFile={isDraggingFile}\n rowAdditionalActions={rowAdditionalActions}\n hoverConfig={hoverConfig}\n isSelected={isSelected}\n />\n </RowWrapper>\n ) : (\n <RowContent\n level={level}\n withDraggable={withDraggable}\n setDroppableNodeRef={setDroppableNodeRef}\n isLastRow={isLastRow}\n lastRow={lastRow}\n isCheckbox={isCheckbox}\n checkboxConfig={checkboxConfig}\n row={row}\n rowHovering={rowHovering}\n tableActions={tableActions}\n disableOptionsForRowIndex={disableOptionsForRowIndex}\n index={index}\n showNewItem={showNewItem}\n currentData={currentData}\n lastNonStickyColumnIndex={lastNonStickyColumnIndex}\n getSumOfNextVisibleColumnWidth={getSumOfNextVisibleColumnWidth}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n cellRef={ref}\n handleCellClick={handleCellClick}\n getFullRowDataOnClick={getFullRowDataOnClick}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n handleRowCancelEdit={handleRowCancelEdit}\n handleRowConfirmEdit={handleRowConfirmEdit}\n registerValidation={registerValidation}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring}\n rowOptions={rowOptions}\n isDraggingFile={isDraggingFile}\n isDraggingOver={isDraggingOverInside}\n rowAdditionalActions={rowAdditionalActions}\n hoverConfig={hoverConfig}\n isSelected={isSelected}\n />\n )}\n </tr>\n );\n};\n\ninterface RowContentProps {\n withDraggable?: boolean;\n setDroppableNodeRef: (node: HTMLElement | null) => void;\n isLastRow?: boolean;\n lastRow?: unknown;\n isCheckbox: boolean;\n checkboxConfig: Record<string, unknown> | null;\n row: TableRowData;\n rowHovering: string | number | null;\n tableActions?: ((rowData: Record<string, unknown>, index: number) => React.ReactNode) | null;\n disableOptionsForRowIndex?: number | null;\n index: number;\n showNewItem?: boolean;\n currentData: Record<string, unknown> | null;\n lastNonStickyColumnIndex?: (() => number | null) | null;\n getSumOfNextVisibleColumnWidth?: (index: number) => number | null;\n toggleRowExpand: () => Promise<void>;\n loadingExpand: boolean;\n cellRef: React.RefObject<HTMLElement | null>;\n handleCellClick: (event: React.MouseEvent, data: string | Record<string, unknown>, idx: number, key: string) => void;\n getFullRowDataOnClick?: boolean;\n handleCellValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n handleUpdateCellData: (directValue?: string | boolean | null, meta?: Record<string, unknown> | null) => void;\n handleRowCancelEdit: () => void;\n handleRowConfirmEdit: () => void;\n registerValidation: (fn: () => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) => void;\n inlineEditing: string | null;\n isInlineEditing: boolean;\n setRowHovering: (id: string | number | null) => void;\n highlightSubstring?: (value: string) => React.ReactNode;\n rowOptions?: TRowOption[] | ((rowData: Record<string, unknown>) => TRowOption[] | null) | null;\n level?: number;\n isDraggingFile?: boolean;\n isDraggingOver?: boolean;\n rowAdditionalActions?: unknown;\n hoverConfig?: { onHover?: (data: Record<string, unknown>) => React.ReactNode };\n isSelected?: boolean;\n}\n\nconst RowContent = ({\n withDraggable,\n setDroppableNodeRef,\n isLastRow,\n lastRow,\n isCheckbox,\n checkboxConfig,\n row,\n rowHovering,\n tableActions,\n disableOptionsForRowIndex,\n index,\n showNewItem,\n currentData,\n lastNonStickyColumnIndex,\n getSumOfNextVisibleColumnWidth,\n toggleRowExpand,\n loadingExpand,\n cellRef,\n handleCellClick,\n getFullRowDataOnClick,\n handleCellValueChange,\n handleUpdateCellData,\n handleRowCancelEdit,\n handleRowConfirmEdit,\n registerValidation,\n inlineEditing,\n isInlineEditing,\n setRowHovering,\n highlightSubstring,\n rowOptions,\n level,\n isDraggingFile,\n isDraggingOver,\n rowAdditionalActions,\n hoverConfig,\n isSelected,\n}: RowContentProps) => {\n const [isRowContentHovering, setIsRowContentHovering] = useState(false);\n const {\n getPendingEdit: getPendingEditFn,\n hasPendingEdit: hasPendingEditFn,\n pendingEdits,\n tableHeaders,\n pendingEditsCount,\n scrollToCell,\n } = useContext(TableContext);\n const rowHasPendingEdits = pendingEdits?.[row.original.id] && Object.keys(pendingEdits[row.original.id]).length > 0;\n const tableHasAnyPendingEdits = (pendingEditsCount ?? 0) > 0;\n const resolvedRowOptions = useMemo<TRowOption[]>(() => {\n if (Array.isArray(rowOptions)) return rowOptions;\n if (typeof rowOptions === 'function') {\n const options = rowOptions({ ...row.original, rowIndex: index });\n return Array.isArray(options) ? options : [];\n }\n return [];\n }, [rowOptions, row.original, index]);\n\n\n const _meta = (row?.original?.__rowMetadata as TRowMetadata | undefined) || (row?.original?._meta as TRowMetadata | undefined);\n const _notHovering = rowHovering !== row?.original?.id;\n const _notLoading = !row?.original?.__isLoading;\n const _isNewRow = !!(\n _meta?.__is_new ||\n _meta?.__is_added ||\n row?.original?.is_added ||\n (currentData?.is_added as boolean) ||\n _meta?.is_added ||\n _meta?.is_new\n );\n const _isDeletedRow = !!(row?.original?.is_deleted || _meta?.__is_deleted || (currentData?.is_deleted as boolean) || _meta?.is_deleted);\n const _isModifiedRow =\n !!(\n row?.original?.is_modified ||\n row?.original?.is_row_modified ||\n _meta?.__is_modified ||\n _meta?.__is_edited ||\n (currentData?.is_row_modified as boolean) ||\n _meta?.is_deleted\n ) && !_isNewRow;\n\n // Only apply the selected background when the row is not being hovered, so on hover the icon cells\n // (checkbox, actions, options) fall back to the same gray hover background as the data cells.\n const selectedBg =\n isSelected && !isInlineEditing && rowHovering !== row?.original?.id ? 'bg-primary-100 dark:bg-primary-950' : undefined;\n\n const statusBorderClass = cn('pointer-events-none absolute left-0 top-0 bottom-0 w-[3px] z-40', {\n 'bg-success-400 dark:bg-success-500': _isNewRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-error-400 dark:bg-error-500': _isDeletedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-warning-400 dark:bg-warning-500': _isModifiedRow && _notLoading && _notHovering && !isInlineEditing,\n });\n\n return (\n <div\n ref={withDraggable ? setDroppableNodeRef : null}\n className={isDraggingOver ? 'border-2 border-primary-400 dark:border-primary-500 rounded-sm' : ''}\n >\n <div className={statusBorderClass} />\n <div className='flex' ref={isLastRow ? (lastRow as React.Ref<HTMLDivElement>) : null}>\n {tableHasAnyPendingEdits && (\n <PendingEditCell\n rowId={String(row.original.id)}\n rowIndex={index}\n pendingEdits={pendingEdits}\n tableHeaders={tableHeaders}\n rowHasPendingEdits={!!rowHasPendingEdits}\n rowHovering={rowHovering != null ? String(rowHovering) : undefined}\n isInlineEditing={isInlineEditing}\n is_read={!!row.original.is_read}\n is_modified={_isModifiedRow}\n is_row_modified={!!row.original.is_row_modified}\n is_deleted={_isDeletedRow}\n is_added={_isNewRow}\n is_incomplete={row?.original?.status === 'Incomplete'}\n showNewItem={showNewItem}\n onScrollToCell={scrollToCell}\n />\n )}\n\n {isCheckbox && (\n <CheckboxCell\n checkboxConfig={checkboxConfig as never}\n id={String(row.original.id)}\n rowHovering={rowHovering != null ? String(rowHovering) : undefined}\n isDisabled={!!row?.original?.__isLoading}\n isDraggingOver={isDraggingOver}\n is_added={_isNewRow}\n is_deleted={_isDeletedRow}\n is_incomplete={row?.original?.status === 'Incomplete'}\n is_modified={_isModifiedRow}\n is_read={!!row.original.is_read}\n is_row_modified={!!row.original.is_row_modified}\n showNewItem={showNewItem}\n currentData={currentData ?? {}}\n bgColor={row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n hasPendingEditsColumn={tableHasAnyPendingEdits}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n )}\n\n {tableActions ? (\n <RowActionCell\n tableActions={tableActions as (rowData: Record<string, unknown>, index: number) => JSX.Element}\n disableOptionsForRowIndex={disableOptionsForRowIndex ?? null}\n id={String(row.original.id)}\n index={index}\n is_read={!!row?.original?.is_read}\n is_incomplete={row?.original?.status === 'Incomplete'}\n showNewItem={!!showNewItem}\n is_modified={_isModifiedRow}\n is_row_modified={!!row?.original?.is_row_modified}\n is_deleted={_isDeletedRow}\n currentData={currentData ?? {}}\n is_added={_isNewRow}\n rowData={row.original as Record<string, unknown>}\n rowHovering={rowHovering}\n isDisabled={!!row?.original?.__isLoading}\n bgColor={isDraggingFile ? 'bg-primary-50' : row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n ) : null}\n\n <div\n className='relative flex-1'\n id={`row-${row.original.id}`}\n onMouseEnter={() => setIsRowContentHovering(true)}\n onMouseLeave={() => setIsRowContentHovering(false)}\n >\n {row.cells\n .filter((cell: TableCell) => cell?.column?.visible !== false)\n .map((cell: TableCell, y: number) => {\n const isLastCell = y === lastNonStickyColumnIndex?.();\n const isFirstStickyCell = y === (lastNonStickyColumnIndex?.() ?? -1) + 1;\n const nextWidthSum = cell?.column?.sticky ? (getSumOfNextVisibleColumnWidth?.(y) ?? 0) : 0;\n\n if (row.original?.__isLoading) {\n return (\n <LoaderCell cell={cell as unknown as { column: { width: number; sticky?: boolean; sequence?: number } }} id={y} nextWidthSum={nextWidthSum} isLastCell={isLastCell} rowHovering={rowHovering} index={y} key={y} isFirstStickyCell={isFirstStickyCell} />\n );\n }\n\n const pendingEdit = getPendingEditFn?.(String(row.original.id), cell?.column?.key || '');\n const hasPending = hasPendingEditFn?.(String(row.original.id), cell?.column?.key || '');\n\n return (\n <DataCell\n cell={cell as unknown as import('../../types').ICell}\n rowHovering={rowHovering}\n isFirstStickyCell={isFirstStickyCell}\n level={level ?? 0}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n key={cell?.column?.key}\n index={y}\n cellRef={cellRef as React.RefObject<HTMLDivElement>}\n currentData={currentData as { is_row_modified?: boolean; is_deleted?: boolean; is_added?: boolean }}\n handleCellClick={(e?: React.MouseEvent) => { if (e) handleCellClick(e, getFullRowDataOnClick ? row.original : String(row.original.id), y, cell?.column?.key || ''); }}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n registerValidation={registerValidation}\n id={row.original.id}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n isLastCell={isLastCell}\n is_incomplete={row?.original?.status === 'Incomplete'}\n is_added={_isNewRow}\n is_deleted={_isDeletedRow}\n is_modified={_isModifiedRow}\n is_read={!!row.original.is_read}\n is_row_modified={!!row.original.is_row_modified}\n nextWidthSum={nextWidthSum}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring as ((value: string) => JSX.Element) | undefined}\n isDraggingOver={isDraggingOver}\n isLoading={!!row?.original?.__isLoading}\n pendingEdit={pendingEdit}\n hasPendingEdit={hasPending}\n pendingValidationError={pendingEdit?.validationError}\n />\n );\n })}\n\n {hoverConfig?.onHover &&\n isRowContentHovering &&\n createPortal(\n <div className='absolute top-full left-10 z-50 bg-white dark:bg-black-800 rounded-xl'>{hoverConfig.onHover(row.original) as React.ReactNode}</div>,\n document.getElementById(`row-${row.original.id}`) as HTMLElement,\n )}\n </div>\n\n {(resolvedRowOptions.length > 0 || !!rowAdditionalActions) && (\n <RowOptionsCell\n rowId={row.original.id}\n rowOptions={resolvedRowOptions}\n disableOption={disableOptionsForRowIndex !== null || !!row?.original?.__isLoading}\n rowHovering={rowHovering}\n setRowHovering={setRowHovering}\n is_read={!!row.original.is_read}\n showNewItem={!!showNewItem}\n is_modified={_isModifiedRow}\n is_row_modified={!!row.original.is_row_modified}\n is_incomplete={row?.original?.status === 'Incomplete'}\n currentData={currentData ?? {}}\n is_deleted={_isDeletedRow}\n is_added={_isNewRow}\n isDraggingOver={!!isDraggingOver}\n rowAdditionalActions={rowAdditionalActions as (rowData: Record<string, unknown>, index: number, isHovering: boolean) => React.ReactNode}\n rowData={row.original as Record<string, unknown>}\n index={index}\n bgColor={row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n onConfirmEdit={handleRowConfirmEdit}\n onCancelEdit={handleRowCancelEdit}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n )}\n </div>\n </div>\n );\n};\n"],"names":["Row","row","isLastRow","lastRow","highlightSubstring","index","style","level","expandedRows","rows","lastNonStickyColumnIndex","checkboxConfig","onRowClick","rowOptions","disableOptionsForRowIndex","getSumOfNextVisibleColumnWidth","onRowEdit","inlineEditColumns","tableActions","dndSortableUtils","withSortable","withDraggable","getInnerRowData","showNewItem","rawData","dragConfig","getFullRowDataOnClick","selectedRowId","RowWrapper","isCellClickDisabled","rowAdditionalActions","hoverConfig","addPendingEdit","removePendingEdit","fieldOperationLoading","clearRowPendingEdits","saveRowPendingEdits","contextPendingEdits","useContext","TableContext","tableConfig","useTableConfig","isCheckbox","activeInlineEdit","setActiveInlineEdit","inlineEditing","isInlineEditing","setInlineEditing","columnKey","rowHovering","setRowHovering","useState","editedCellValue","setEditedCellValue","currentData","setCurrentData","loadingExpand","setLoadingExpand","isDraggingFile","setIsDraggingFile","prevInlineEditingRef","useRef","useEffect","wasEditing","isNowEditing","pendingEdit","currentCell","c","result","validateCellValue","idKey","sortableResult","useSortable","draggableResult","useDraggable","listeners","transform","setNodeRef","isDragging","attributes","active","over","rest","setDroppableNodeRef","useDroppable","dndStyles","CSS","isOverOtherContext","handleCellValueChange","e","handleCloseEdit","validationRef","registerValidation","useCallback","validateFn","tableConfigRef","handleRowCancelEdit","handleRowConfirmEdit","pendingValue","valueToValidate","handleUpdateCellData","directValue","meta","_item","updatedValue","ref","handleCellClick","event","data","idx","key","msg","_row","_id","checkEvent","toggleRowExpand","totalWidth","useMemo","a","b","isDraggingOver","dropPosition","isDraggingOverInside","_meta","_notHovering","_notLoading","_isNewRow","_isDeletedRow","_isModifiedRow","isSelected","bgColor","cn","getTableRowBgClassNamesByStatus","createElement","jsx","AddRounded","SubdirectoryArrowLeftRounded","ActionCell","RowContent","cellRef","isRowContentHovering","setIsRowContentHovering","getPendingEditFn","hasPendingEditFn","pendingEdits","tableHeaders","pendingEditsCount","scrollToCell","rowHasPendingEdits","tableHasAnyPendingEdits","resolvedRowOptions","options","selectedBg","statusBorderClass","jsxs","PendingEditCell","CheckboxCell","RowActionCell","cell","y","isLastCell","isFirstStickyCell","nextWidthSum","LoaderCell","hasPending","DataCell","createPortal","RowOptionsCell"],"mappings":"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"}
package/dist/components/data-display/infinite-table/body/rows/row.es.js CHANGED
@@ -323,7 +323,7 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
323
323
  return Array.isArray(o) ? o : [];
324
324
  }
325
325
  return [];
326
- }, [N, e.original, a]), m = e?.original?.__rowMetadata || e?.original?._meta, y = g !== e?.original?.id, q = !e?.original?.__isLoading, C = !!(m?.__is_new || m?.__is_added || e?.original?.is_added || f?.is_added || m?.is_added || m?.is_new), R = !!(e?.original?.is_deleted || m?.__is_deleted || f?.is_deleted || m?.is_deleted), k = !!(e?.original?.is_modified || e?.original?.is_row_modified || m?.__is_modified || m?.__is_edited || f?.is_row_modified || m?.is_deleted) && !C, G = K && !s && g !== e?.original?.id ? "bg-primary-100 dark:bg-primary-950" : void 0, ui = Oi("pointer-events-none absolute left-0 top-0 bottom-0 w-[3px] z-10", {
326
+ }, [N, e.original, a]), m = e?.original?.__rowMetadata || e?.original?._meta, y = g !== e?.original?.id, q = !e?.original?.__isLoading, C = !!(m?.__is_new || m?.__is_added || e?.original?.is_added || f?.is_added || m?.is_added || m?.is_new), R = !!(e?.original?.is_deleted || m?.__is_deleted || f?.is_deleted || m?.is_deleted), k = !!(e?.original?.is_modified || e?.original?.is_row_modified || m?.__is_modified || m?.__is_edited || f?.is_row_modified || m?.is_deleted) && !C, G = K && !s && g !== e?.original?.id ? "bg-primary-100 dark:bg-primary-950" : void 0, ui = Oi("pointer-events-none absolute left-0 top-0 bottom-0 w-[3px] z-40", {
327
327
  "bg-success-400 dark:bg-success-500": C && q && y && !s,
328
328
  "bg-error-400 dark:bg-error-500": R && q && y && !s,
329
329
  "bg-warning-400 dark:bg-warning-500": k && q && y && !s
package/dist/components/data-display/infinite-table/body/rows/row.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"row.es.js","sources":["../../../../../../src/components/data-display/infinite-table/body/rows/row.tsx"],"sourcesContent":["import { getTableRowBgClassNamesByStatus } from '../../../../../constants/table';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { SubdirectoryArrowLeftRounded } from '@mui/icons-material';\nimport AddRounded from '@mui/icons-material/AddRounded';\nimport cn from 'classnames';\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { TableContext } from '../../context';\nimport { ActionCell } from '../cell/ActionCell';\nimport { CheckboxCell } from '../cell/CheckboxCell';\nimport { DataCell } from '../cell/DataCell';\nimport { validateCellValue } from '../../validateCell';\nimport { LoaderCell } from '../cell/LoaderCell';\nimport { PendingEditCell } from '../cell/PendingEditCell';\nimport { RowActionCell } from '../cell/RowActionCell';\nimport { RowOptionsCell } from '../cell/RowOptionsCell';\n\ntype TRowMetadata = {\n is_modified: object;\n is_new: boolean;\n is_deleted: boolean;\n is_added: boolean;\n __is_modified?: boolean;\n __is_edited?: boolean;\n __is_deleted?: boolean;\n __is_new?: boolean;\n __is_added?: boolean;\n};\n\ninterface TableCell {\n column: {\n key?: string;\n visible?: boolean;\n width?: number;\n sticky?: boolean;\n Header?: string;\n type?: string;\n is_required?: boolean;\n meta?: Record<string, unknown>;\n [key: string]: unknown;\n };\n value?: unknown;\n [key: string]: unknown;\n}\n\ninterface RowOriginal {\n id: string | number;\n is_read?: boolean;\n is_modified?: boolean;\n is_row_modified?: boolean;\n is_deleted?: boolean;\n is_added?: boolean;\n status?: string;\n type?: string;\n __isLoading?: boolean;\n __level?: number;\n __rowBgStatus?: string;\n __rowMetadata?: { __is_modified?: boolean };\n isDefinedActionRow?: boolean;\n isRoot?: boolean;\n name?: string | { props?: { text?: string } };\n onClick?: () => void;\n uploadCell?: boolean;\n disabled?: boolean;\n disabledTooltip?: string;\n [key: string]: unknown;\n}\n\ninterface TableRowData {\n original: RowOriginal;\n cells: TableCell[];\n getRowProps: () => Record<string, unknown>;\n index: number;\n [key: string]: unknown;\n}\n\ntype TRowOption = {\n key: string;\n label: React.ReactNode;\n isVisible?: boolean;\n [k: string]: unknown;\n};\n\ntype TProps = {\n row: TableRowData;\n isLastRow?: boolean;\n lastRow?: unknown;\n getSubRows?: () => unknown;\n prepareRow?: (row: unknown) => void;\n highlightSubstring?: (value: string) => JSX.Element;\n index: number;\n style?: Record<string, unknown>;\n visibleSubRowIds?: Record<string, unknown>;\n rowsLength?: number;\n level?: number;\n columns?: Record<string, unknown>;\n expandedRows?: Record<string, { isOpen: boolean }>;\n rows?: Array<{ original: unknown }>;\n};\n\nexport const Row = ({ row, isLastRow, lastRow, highlightSubstring, index, style, level = 0, expandedRows, rows }: TProps) => {\n const {\n lastNonStickyColumnIndex,\n checkboxConfig,\n onRowClick,\n rowOptions,\n disableOptionsForRowIndex = null,\n getSumOfNextVisibleColumnWidth,\n onRowEdit,\n inlineEditColumns,\n tableActions,\n dndSortableUtils,\n withSortable,\n withDraggable,\n getInnerRowData,\n showNewItem,\n rawData,\n dragConfig,\n getFullRowDataOnClick,\n selectedRowId,\n rowWrapper: RowWrapper,\n isCellClickDisabled,\n rowAdditionalActions,\n hoverConfig,\n addPendingEdit,\n removePendingEdit,\n fieldOperationLoading,\n clearRowPendingEdits,\n saveRowPendingEdits,\n pendingEdits: contextPendingEdits,\n } = useContext(TableContext);\n\n const tableConfig = useTableConfig();\n\n const isCheckbox = Boolean(checkboxConfig);\n const { activeInlineEdit, setActiveInlineEdit } = useContext(TableContext);\n const inlineEditing = activeInlineEdit?.rowId === row.original.id ? activeInlineEdit?.columnKey : null;\n const isInlineEditing = Boolean(inlineEditing);\n const setInlineEditing = (columnKey: string | null) => {\n if (columnKey === null) setActiveInlineEdit?.(null);\n else setActiveInlineEdit?.({ rowId: String(row.original.id), columnKey });\n };\n const [rowHovering, setRowHovering] = useState<string | number | null>(null);\n const [editedCellValue, setEditedCellValue] = useState<string | null>(null);\n const [currentData, setCurrentData] = useState<Record<string, unknown> | null>(null);\n const [loadingExpand, setLoadingExpand] = useState(false);\n const [isDraggingFile, setIsDraggingFile] = useState(false);\n\n const prevInlineEditingRef = useRef<string | null>(null);\n useEffect(() => {\n const wasEditing = prevInlineEditingRef.current;\n const isNowEditing = inlineEditing;\n\n if (wasEditing && !isNowEditing) {\n const pendingEdit = contextPendingEdits?.[row.original.id]?.[wasEditing];\n if (pendingEdit) {\n const currentCell = row.cells?.find((c: TableCell) => c.column?.key === wasEditing);\n if (currentCell) {\n const result = validateCellValue(pendingEdit.value, currentCell.column as { type?: string; is_required?: boolean });\n if (!result.isValid && addPendingEdit) {\n addPendingEdit(String(row.original.id), wasEditing, {\n ...pendingEdit,\n validationError: result.error,\n });\n }\n }\n }\n }\n\n prevInlineEditingRef.current = isNowEditing ?? null;\n }, [inlineEditing, row.original.id, row.cells, contextPendingEdits, addPendingEdit]);\n\n useEffect(() => {\n if (rawData) {\n const idKey = String(row?.original?.id);\n setCurrentData(rawData[idKey]?.[row?.cells[0].column.Header as string] || rawData[idKey]?.[0]);\n }\n }, [rawData, row?.original?.id, row?.cells]);\n\n const sortableResult = useSortable({ id: row.original.id, data: { ...row.original }, disabled: !withSortable });\n const draggableResult = useDraggable({ id: row.original.id, data: { ...row.original }, disabled: !!withSortable });\n const { listeners, transform, setNodeRef, isDragging, attributes, active, over, ...rest } = withSortable\n ? sortableResult\n : draggableResult;\n\n const { setNodeRef: setDroppableNodeRef } = useDroppable({\n id: `table-file-dropzone-${row?.original?.id}`,\n data: { type: 'table-file-dropzone', folderId: row?.original?.id, isFolder: row?.original?.type === 'folder' },\n });\n\n const dndStyles = {\n transform: CSS.Transform.toString(transform),\n transition: withSortable ? (rest as { transition?: string }).transition : undefined,\n cursor: isDragging ? 'grabbing' : 'grab',\n opacity: isDragging ? '0.5' : '1',\n };\n\n const isOverOtherContext = (): boolean => {\n if (!active || !over || !withSortable) return false;\n if (dndSortableUtils?.checkOverEachItem) return dndSortableUtils.checkOverEachItem(active, over) && Boolean(over);\n return active.data.current?.type !== over.data.current?.type && Boolean(over);\n };\n\n const handleCellValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setEditedCellValue(e.target.value);\n };\n\n const handleCloseEdit = () => {\n if (fieldOperationLoading) return;\n setInlineEditing(null);\n };\n\n const validationRef = useRef<(() => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) | null>(null);\n\n const registerValidation = useCallback(\n (validateFn: () => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) => {\n validationRef.current = validateFn;\n },\n [],\n );\n\n const tableConfigRef = useRef(tableConfig);\n tableConfigRef.current = tableConfig;\n\n const handleRowCancelEdit = useCallback(() => {\n if (clearRowPendingEdits) clearRowPendingEdits(String(row.original.id));\n }, [clearRowPendingEdits, row.original.id]);\n\n const handleRowConfirmEdit = useCallback(() => {\n if (validationRef.current) {\n const result = validationRef.current();\n if (!result.isValid) return;\n if (inlineEditing && result.value !== undefined && addPendingEdit) {\n addPendingEdit(String(row.original.id), inlineEditing, {\n value: result.value,\n originalValue: row.original[inlineEditing],\n meta: result.meta || undefined,\n });\n }\n } else if (inlineEditing) {\n const currentCell = row.cells?.find((c: TableCell) => c.column?.key === inlineEditing);\n if (currentCell) {\n const pendingValue = contextPendingEdits?.[row.original.id]?.[inlineEditing]?.value;\n const valueToValidate = pendingValue !== undefined ? pendingValue : currentCell.value;\n const result = validateCellValue(valueToValidate as string | boolean | null | undefined, currentCell.column as { type?: string; is_required?: boolean });\n if (!result.isValid) {\n tableConfigRef.current?.showNotification?.('error', result.error || 'Validation failed');\n return;\n }\n }\n }\n\n if (saveRowPendingEdits) saveRowPendingEdits(String(row.original.id));\n }, [saveRowPendingEdits, row.original, row.cells, inlineEditing, addPendingEdit, contextPendingEdits]);\n\n const handleUpdateCellData = (\n directValue?: string | boolean | null,\n meta?: { currency_code?: string | null; reference?: unknown | null;[key: string]: unknown | null } | null,\n ) => {\n const _item = { ...row.original };\n const updatedValue = directValue !== undefined ? directValue : editedCellValue;\n if (inlineEditing && updatedValue !== undefined) {\n _item[inlineEditing] = updatedValue;\n if (onRowEdit) onRowEdit(_item, index, inlineEditing, updatedValue, meta);\n if (removePendingEdit) removePendingEdit(String(row.original.id), inlineEditing);\n }\n handleCloseEdit();\n };\n\n const ref = useRef<HTMLElement>(null);\n\n const handleCellClick = (event: React.MouseEvent, data: string | Record<string, unknown>, idx: number, key: string) => {\n if (isCellClickDisabled) return;\n event?.stopPropagation();\n if (inlineEditing === key) return;\n\n if (onRowEdit) {\n if (inlineEditColumns?.includes(key)) {\n setInlineEditing(key);\n setEditedCellValue(String(row.original[key]));\n } else {\n const msg = tableConfig?.getSystemMessage?.('notAllowedInlineEdit') || 'Inline Edit is not allowed for this column';\n tableConfig?.showNotification?.('error', msg);\n }\n return;\n }\n\n if (onRowClick) {\n onRowClick(data, idx, row.original, rows?.map((_row: { original: unknown }) => _row.original) || []);\n } else if (!onRowClick && checkboxConfig) {\n const _id = row.original.id;\n const checkEvent = { target: { checked: !checkboxConfig.checkedIds.includes(_id) } };\n checkboxConfig.onItemCheck(checkEvent, _id);\n }\n };\n\n const toggleRowExpand = async () => {\n setLoadingExpand(true);\n if (getInnerRowData) {\n await getInnerRowData(row?.original?.id, row?.original, !(expandedRows?.[row?.original?.id as string]?.isOpen ?? false), row?.original?.__level || 0);\n }\n setLoadingExpand(false);\n };\n\n\n\n\n const totalWidth = useMemo(() => {\n return row.cells.filter((c: TableCell) => c.column?.visible).map((c: TableCell) => c.column?.width ?? 0).reduce((a: number, b: number) => a + b, 0);\n }, [row.cells]);\n\n const isDraggingOver = useMemo(() => {\n return dragConfig?.draggingOver && dragConfig?.draggingOver === row?.original?.id;\n }, [dragConfig, row?.original?.id]);\n\n const dropPosition = useMemo(() => {\n if (!isDraggingOver) return null;\n return dragConfig?.dropPosition || 'inside';\n }, [isDraggingOver, dragConfig?.dropPosition]);\n\n const isDraggingOverInside = Boolean(isDraggingOver && dropPosition === 'inside');\n\n const _meta = (row?.original?.__rowMetadata as TRowMetadata) || (row?.original?._meta as TRowMetadata | undefined);\n const _notHovering = rowHovering !== row?.original?.id;\n const _notLoading = !row?.original?.__isLoading;\n const _isNewRow = !!(\n _meta?.__is_new ||\n _meta?.__is_added ||\n row?.original?.is_added ||\n (currentData?.is_added as boolean) ||\n _meta?.is_added ||\n _meta?.is_new\n );\n const _isDeletedRow = !!(row?.original?.is_deleted || _meta?.__is_deleted || (currentData?.is_deleted as boolean) || _meta?.is_deleted);\n const _isModifiedRow =\n !!(\n row?.original?.is_modified ||\n row?.original?.is_row_modified ||\n _meta?.__is_modified ||\n _meta?.__is_edited ||\n (currentData?.is_row_modified as boolean) ||\n _meta?.is_modified\n ) && !_isNewRow;\n\n const isSelected =\n selectedRowId !== null && selectedRowId !== undefined && String(selectedRowId) === String(row?.original?.id);\n\n const bgColor = cn({\n 'bg-neutral-100 dark:bg-black-600': rowHovering === row?.original?.id && !isInlineEditing,\n 'bg-primary-100 dark:bg-primary-950': isSelected && _notHovering && !isInlineEditing,\n 'bg-primary-50 dark:bg-black-700': !row?.original?.is_read && showNewItem && !row?.original?.__isLoading && _notHovering && !isInlineEditing,\n // 'bg-white dark:bg-black-700': cell.column.sticky && rowHovering !== id,\n 'bg-warning-50 dark:bg-warning-975': _isModifiedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-error-50 dark:bg-error-975': _isDeletedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-success-50 dark:bg-success-975': _isNewRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-primary-50 dark:bg-primary-900': isInlineEditing,\n [getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string]]: row?.original?.__rowBgStatus && !isInlineEditing,\n });\n\n return (\n <tr\n {...row.getRowProps()}\n ref={withDraggable || withSortable ? setNodeRef : null}\n key={row.original.id}\n data-row-id={row.original.id}\n className={cn(\n `text-neutral-900 dark:text-white cursor-pointer min-w-full relative ${checkboxConfig?.selectionDisabledRowIds?.includes(row?.original?.id) ? 'opacity-50' : ''} border-t`,\n isDragging ? 'z-40' : '',\n isOverOtherContext() ? 'shadow-dnd-drop' : '',\n withDraggable && over && over?.data?.current?.type === 'table-file-dropzone' && over?.data?.current?.folderId === row?.original?.id && row?.original?.type === 'folder' ? 'bg-primary-50' : '',\n row?.original?.isDefinedActionRow ? 'bg-primary-50' : '',\n isDraggingOverInside ? 'z-50' : '',\n bgColor ? bgColor : 'bg-white dark:bg-black-800',\n )}\n style={{ ...style, ...(withSortable ? dndStyles : {}), width: 'max-content' }}\n {...(withDraggable || withSortable ? attributes : {})}\n {...(withDraggable || withSortable ? listeners : {})}\n >\n {isDraggingOverInside && dragConfig?.dragOperation ? (\n <div className='absolute right-2 h-row flex items-center z-20 pointer-events-none'>\n <div className='bg-primary-200 px-2 py-1 rounded'>\n {dragConfig?.dragOperation === 'COPY' ? (\n <AddRounded sx={{ fontSize: 12 }} className='text-primary-700' />\n ) : (\n <SubdirectoryArrowLeftRounded sx={{ fontSize: 12 }} className='text-primary-700' />\n )}\n </div>\n </div>\n ) : null}\n {isDraggingOverInside && !dragConfig?.dragOperation ? (\n <div className='absolute right-2 h-row flex items-center z-20 pointer-events-none'>\n <SubdirectoryArrowLeftRounded sx={{ fontSize: 16 }} className='text-primary-500' />\n </div>\n ) : null}\n {isDraggingOver && dropPosition === 'before' && !row?.original?.isDefinedActionRow ? (\n <div className='absolute -top-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none'>\n <div className='absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500' />\n </div>\n ) : null}\n {isDraggingOver && dropPosition === 'after' && !row?.original?.isDefinedActionRow ? (\n <div className='absolute -bottom-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none'>\n <div className='absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500' />\n </div>\n ) : null}\n\n {row?.original?.isDefinedActionRow ? (\n <ActionCell\n cells={row.cells}\n id={row?.original?.id}\n isCheckbox={checkboxConfig}\n level={level}\n name={row?.original?.name as string}\n onClick={row?.original?.onClick as () => void}\n rowHovering={rowHovering || ''}\n isRoot={row?.original?.isRoot as boolean}\n totalWidth={totalWidth}\n row={row.original as Record<string, unknown>}\n uploadCell={row?.original?.uploadCell as boolean}\n disabled={row?.original?.disabled as boolean}\n disabledTooltip={row?.original?.disabledTooltip as string}\n />\n ) : RowWrapper ? (\n <RowWrapper data={row.original} setIsDraggingFile={setIsDraggingFile}>\n <RowContent\n isDraggingOver={isDraggingOverInside}\n level={level}\n withDraggable={withDraggable}\n setDroppableNodeRef={setDroppableNodeRef}\n isLastRow={isLastRow}\n lastRow={lastRow}\n isCheckbox={isCheckbox}\n checkboxConfig={checkboxConfig}\n row={row}\n rowHovering={rowHovering}\n tableActions={tableActions}\n disableOptionsForRowIndex={disableOptionsForRowIndex}\n index={index}\n showNewItem={showNewItem}\n currentData={currentData}\n lastNonStickyColumnIndex={lastNonStickyColumnIndex}\n getSumOfNextVisibleColumnWidth={getSumOfNextVisibleColumnWidth}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n cellRef={ref}\n handleCellClick={handleCellClick}\n getFullRowDataOnClick={getFullRowDataOnClick}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n handleRowCancelEdit={handleRowCancelEdit}\n handleRowConfirmEdit={handleRowConfirmEdit}\n registerValidation={registerValidation}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring}\n rowOptions={rowOptions}\n isDraggingFile={isDraggingFile}\n rowAdditionalActions={rowAdditionalActions}\n hoverConfig={hoverConfig}\n isSelected={isSelected}\n />\n </RowWrapper>\n ) : (\n <RowContent\n level={level}\n withDraggable={withDraggable}\n setDroppableNodeRef={setDroppableNodeRef}\n isLastRow={isLastRow}\n lastRow={lastRow}\n isCheckbox={isCheckbox}\n checkboxConfig={checkboxConfig}\n row={row}\n rowHovering={rowHovering}\n tableActions={tableActions}\n disableOptionsForRowIndex={disableOptionsForRowIndex}\n index={index}\n showNewItem={showNewItem}\n currentData={currentData}\n lastNonStickyColumnIndex={lastNonStickyColumnIndex}\n getSumOfNextVisibleColumnWidth={getSumOfNextVisibleColumnWidth}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n cellRef={ref}\n handleCellClick={handleCellClick}\n getFullRowDataOnClick={getFullRowDataOnClick}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n handleRowCancelEdit={handleRowCancelEdit}\n handleRowConfirmEdit={handleRowConfirmEdit}\n registerValidation={registerValidation}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring}\n rowOptions={rowOptions}\n isDraggingFile={isDraggingFile}\n isDraggingOver={isDraggingOverInside}\n rowAdditionalActions={rowAdditionalActions}\n hoverConfig={hoverConfig}\n isSelected={isSelected}\n />\n )}\n </tr>\n );\n};\n\ninterface RowContentProps {\n withDraggable?: boolean;\n setDroppableNodeRef: (node: HTMLElement | null) => void;\n isLastRow?: boolean;\n lastRow?: unknown;\n isCheckbox: boolean;\n checkboxConfig: Record<string, unknown> | null;\n row: TableRowData;\n rowHovering: string | number | null;\n tableActions?: ((rowData: Record<string, unknown>, index: number) => React.ReactNode) | null;\n disableOptionsForRowIndex?: number | null;\n index: number;\n showNewItem?: boolean;\n currentData: Record<string, unknown> | null;\n lastNonStickyColumnIndex?: (() => number | null) | null;\n getSumOfNextVisibleColumnWidth?: (index: number) => number | null;\n toggleRowExpand: () => Promise<void>;\n loadingExpand: boolean;\n cellRef: React.RefObject<HTMLElement | null>;\n handleCellClick: (event: React.MouseEvent, data: string | Record<string, unknown>, idx: number, key: string) => void;\n getFullRowDataOnClick?: boolean;\n handleCellValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n handleUpdateCellData: (directValue?: string | boolean | null, meta?: Record<string, unknown> | null) => void;\n handleRowCancelEdit: () => void;\n handleRowConfirmEdit: () => void;\n registerValidation: (fn: () => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) => void;\n inlineEditing: string | null;\n isInlineEditing: boolean;\n setRowHovering: (id: string | number | null) => void;\n highlightSubstring?: (value: string) => React.ReactNode;\n rowOptions?: TRowOption[] | ((rowData: Record<string, unknown>) => TRowOption[] | null) | null;\n level?: number;\n isDraggingFile?: boolean;\n isDraggingOver?: boolean;\n rowAdditionalActions?: unknown;\n hoverConfig?: { onHover?: (data: Record<string, unknown>) => React.ReactNode };\n isSelected?: boolean;\n}\n\nconst RowContent = ({\n withDraggable,\n setDroppableNodeRef,\n isLastRow,\n lastRow,\n isCheckbox,\n checkboxConfig,\n row,\n rowHovering,\n tableActions,\n disableOptionsForRowIndex,\n index,\n showNewItem,\n currentData,\n lastNonStickyColumnIndex,\n getSumOfNextVisibleColumnWidth,\n toggleRowExpand,\n loadingExpand,\n cellRef,\n handleCellClick,\n getFullRowDataOnClick,\n handleCellValueChange,\n handleUpdateCellData,\n handleRowCancelEdit,\n handleRowConfirmEdit,\n registerValidation,\n inlineEditing,\n isInlineEditing,\n setRowHovering,\n highlightSubstring,\n rowOptions,\n level,\n isDraggingFile,\n isDraggingOver,\n rowAdditionalActions,\n hoverConfig,\n isSelected,\n}: RowContentProps) => {\n const [isRowContentHovering, setIsRowContentHovering] = useState(false);\n const {\n getPendingEdit: getPendingEditFn,\n hasPendingEdit: hasPendingEditFn,\n pendingEdits,\n tableHeaders,\n pendingEditsCount,\n scrollToCell,\n } = useContext(TableContext);\n const rowHasPendingEdits = pendingEdits?.[row.original.id] && Object.keys(pendingEdits[row.original.id]).length > 0;\n const tableHasAnyPendingEdits = (pendingEditsCount ?? 0) > 0;\n const resolvedRowOptions = useMemo<TRowOption[]>(() => {\n if (Array.isArray(rowOptions)) return rowOptions;\n if (typeof rowOptions === 'function') {\n const options = rowOptions({ ...row.original, rowIndex: index });\n return Array.isArray(options) ? options : [];\n }\n return [];\n }, [rowOptions, row.original, index]);\n\n\n const _meta = (row?.original?.__rowMetadata as TRowMetadata | undefined) || (row?.original?._meta as TRowMetadata | undefined);\n const _notHovering = rowHovering !== row?.original?.id;\n const _notLoading = !row?.original?.__isLoading;\n const _isNewRow = !!(\n _meta?.__is_new ||\n _meta?.__is_added ||\n row?.original?.is_added ||\n (currentData?.is_added as boolean) ||\n _meta?.is_added ||\n _meta?.is_new\n );\n const _isDeletedRow = !!(row?.original?.is_deleted || _meta?.__is_deleted || (currentData?.is_deleted as boolean) || _meta?.is_deleted);\n const _isModifiedRow =\n !!(\n row?.original?.is_modified ||\n row?.original?.is_row_modified ||\n _meta?.__is_modified ||\n _meta?.__is_edited ||\n (currentData?.is_row_modified as boolean) ||\n _meta?.is_deleted\n ) && !_isNewRow;\n\n // Only apply the selected background when the row is not being hovered, so on hover the icon cells\n // (checkbox, actions, options) fall back to the same gray hover background as the data cells.\n const selectedBg =\n isSelected && !isInlineEditing && rowHovering !== row?.original?.id ? 'bg-primary-100 dark:bg-primary-950' : undefined;\n\n const statusBorderClass = cn('pointer-events-none absolute left-0 top-0 bottom-0 w-[3px] z-10', {\n 'bg-success-400 dark:bg-success-500': _isNewRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-error-400 dark:bg-error-500': _isDeletedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-warning-400 dark:bg-warning-500': _isModifiedRow && _notLoading && _notHovering && !isInlineEditing,\n });\n\n return (\n <div\n ref={withDraggable ? setDroppableNodeRef : null}\n className={isDraggingOver ? 'border-2 border-primary-400 dark:border-primary-500 rounded-sm' : ''}\n >\n <div className={statusBorderClass} />\n <div className='flex' ref={isLastRow ? (lastRow as React.Ref<HTMLDivElement>) : null}>\n {tableHasAnyPendingEdits && (\n <PendingEditCell\n rowId={String(row.original.id)}\n rowIndex={index}\n pendingEdits={pendingEdits}\n tableHeaders={tableHeaders}\n rowHasPendingEdits={!!rowHasPendingEdits}\n rowHovering={rowHovering != null ? String(rowHovering) : undefined}\n isInlineEditing={isInlineEditing}\n is_read={!!row.original.is_read}\n is_modified={_isModifiedRow}\n is_row_modified={!!row.original.is_row_modified}\n is_deleted={_isDeletedRow}\n is_added={_isNewRow}\n is_incomplete={row?.original?.status === 'Incomplete'}\n showNewItem={showNewItem}\n onScrollToCell={scrollToCell}\n />\n )}\n\n {isCheckbox && (\n <CheckboxCell\n checkboxConfig={checkboxConfig as never}\n id={String(row.original.id)}\n rowHovering={rowHovering != null ? String(rowHovering) : undefined}\n isDisabled={!!row?.original?.__isLoading}\n isDraggingOver={isDraggingOver}\n is_added={_isNewRow}\n is_deleted={_isDeletedRow}\n is_incomplete={row?.original?.status === 'Incomplete'}\n is_modified={_isModifiedRow}\n is_read={!!row.original.is_read}\n is_row_modified={!!row.original.is_row_modified}\n showNewItem={showNewItem}\n currentData={currentData ?? {}}\n bgColor={row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n hasPendingEditsColumn={tableHasAnyPendingEdits}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n )}\n\n {tableActions ? (\n <RowActionCell\n tableActions={tableActions as (rowData: Record<string, unknown>, index: number) => JSX.Element}\n disableOptionsForRowIndex={disableOptionsForRowIndex ?? null}\n id={String(row.original.id)}\n index={index}\n is_read={!!row?.original?.is_read}\n is_incomplete={row?.original?.status === 'Incomplete'}\n showNewItem={!!showNewItem}\n is_modified={_isModifiedRow}\n is_row_modified={!!row?.original?.is_row_modified}\n is_deleted={_isDeletedRow}\n currentData={currentData ?? {}}\n is_added={_isNewRow}\n rowData={row.original as Record<string, unknown>}\n rowHovering={rowHovering}\n isDisabled={!!row?.original?.__isLoading}\n bgColor={isDraggingFile ? 'bg-primary-50' : row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n ) : null}\n\n <div\n className='relative flex-1'\n id={`row-${row.original.id}`}\n onMouseEnter={() => setIsRowContentHovering(true)}\n onMouseLeave={() => setIsRowContentHovering(false)}\n >\n {row.cells\n .filter((cell: TableCell) => cell?.column?.visible !== false)\n .map((cell: TableCell, y: number) => {\n const isLastCell = y === lastNonStickyColumnIndex?.();\n const isFirstStickyCell = y === (lastNonStickyColumnIndex?.() ?? -1) + 1;\n const nextWidthSum = cell?.column?.sticky ? (getSumOfNextVisibleColumnWidth?.(y) ?? 0) : 0;\n\n if (row.original?.__isLoading) {\n return (\n <LoaderCell cell={cell as unknown as { column: { width: number; sticky?: boolean; sequence?: number } }} id={y} nextWidthSum={nextWidthSum} isLastCell={isLastCell} rowHovering={rowHovering} index={y} key={y} isFirstStickyCell={isFirstStickyCell} />\n );\n }\n\n const pendingEdit = getPendingEditFn?.(String(row.original.id), cell?.column?.key || '');\n const hasPending = hasPendingEditFn?.(String(row.original.id), cell?.column?.key || '');\n\n return (\n <DataCell\n cell={cell as unknown as import('../../types').ICell}\n rowHovering={rowHovering}\n isFirstStickyCell={isFirstStickyCell}\n level={level ?? 0}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n key={cell?.column?.key}\n index={y}\n cellRef={cellRef as React.RefObject<HTMLDivElement>}\n currentData={currentData as { is_row_modified?: boolean; is_deleted?: boolean; is_added?: boolean }}\n handleCellClick={(e?: React.MouseEvent) => { if (e) handleCellClick(e, getFullRowDataOnClick ? row.original : String(row.original.id), y, cell?.column?.key || ''); }}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n registerValidation={registerValidation}\n id={row.original.id}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n isLastCell={isLastCell}\n is_incomplete={row?.original?.status === 'Incomplete'}\n is_added={_isNewRow}\n is_deleted={_isDeletedRow}\n is_modified={_isModifiedRow}\n is_read={!!row.original.is_read}\n is_row_modified={!!row.original.is_row_modified}\n nextWidthSum={nextWidthSum}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring as ((value: string) => JSX.Element) | undefined}\n isDraggingOver={isDraggingOver}\n isLoading={!!row?.original?.__isLoading}\n pendingEdit={pendingEdit}\n hasPendingEdit={hasPending}\n pendingValidationError={pendingEdit?.validationError}\n />\n );\n })}\n\n {hoverConfig?.onHover &&\n isRowContentHovering &&\n createPortal(\n <div className='absolute top-full left-10 z-50 bg-white dark:bg-black-800 rounded-xl'>{hoverConfig.onHover(row.original) as React.ReactNode}</div>,\n document.getElementById(`row-${row.original.id}`) as HTMLElement,\n )}\n </div>\n\n {(resolvedRowOptions.length > 0 || !!rowAdditionalActions) && (\n <RowOptionsCell\n rowId={row.original.id}\n rowOptions={resolvedRowOptions}\n disableOption={disableOptionsForRowIndex !== null || !!row?.original?.__isLoading}\n rowHovering={rowHovering}\n setRowHovering={setRowHovering}\n is_read={!!row.original.is_read}\n showNewItem={!!showNewItem}\n is_modified={_isModifiedRow}\n is_row_modified={!!row.original.is_row_modified}\n is_incomplete={row?.original?.status === 'Incomplete'}\n currentData={currentData ?? {}}\n is_deleted={_isDeletedRow}\n is_added={_isNewRow}\n isDraggingOver={!!isDraggingOver}\n rowAdditionalActions={rowAdditionalActions as (rowData: Record<string, unknown>, index: number, isHovering: boolean) => React.ReactNode}\n rowData={row.original as Record<string, unknown>}\n index={index}\n bgColor={row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n onConfirmEdit={handleRowConfirmEdit}\n onCancelEdit={handleRowCancelEdit}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n )}\n </div>\n </div>\n );\n};\n"],"names":["Row","row","isLastRow","lastRow","highlightSubstring","index","style","level","expandedRows","rows","lastNonStickyColumnIndex","checkboxConfig","onRowClick","rowOptions","disableOptionsForRowIndex","getSumOfNextVisibleColumnWidth","onRowEdit","inlineEditColumns","tableActions","dndSortableUtils","withSortable","withDraggable","getInnerRowData","showNewItem","rawData","dragConfig","getFullRowDataOnClick","selectedRowId","RowWrapper","isCellClickDisabled","rowAdditionalActions","hoverConfig","addPendingEdit","removePendingEdit","fieldOperationLoading","clearRowPendingEdits","saveRowPendingEdits","contextPendingEdits","useContext","TableContext","tableConfig","useTableConfig","isCheckbox","activeInlineEdit","setActiveInlineEdit","inlineEditing","isInlineEditing","setInlineEditing","columnKey","rowHovering","setRowHovering","useState","editedCellValue","setEditedCellValue","currentData","setCurrentData","loadingExpand","setLoadingExpand","isDraggingFile","setIsDraggingFile","prevInlineEditingRef","useRef","useEffect","wasEditing","isNowEditing","pendingEdit","currentCell","c","result","validateCellValue","idKey","sortableResult","useSortable","draggableResult","useDraggable","listeners","transform","setNodeRef","isDragging","attributes","active","over","rest","setDroppableNodeRef","useDroppable","dndStyles","CSS","isOverOtherContext","handleCellValueChange","e","handleCloseEdit","validationRef","registerValidation","useCallback","validateFn","tableConfigRef","handleRowCancelEdit","handleRowConfirmEdit","pendingValue","valueToValidate","handleUpdateCellData","directValue","meta","_item","updatedValue","ref","handleCellClick","event","data","idx","key","msg","_row","_id","checkEvent","toggleRowExpand","totalWidth","useMemo","a","b","isDraggingOver","dropPosition","isDraggingOverInside","_meta","_notHovering","_notLoading","_isNewRow","_isDeletedRow","_isModifiedRow","isSelected","bgColor","cn","getTableRowBgClassNamesByStatus","createElement","jsx","AddRounded","SubdirectoryArrowLeftRounded","ActionCell","RowContent","cellRef","isRowContentHovering","setIsRowContentHovering","getPendingEditFn","hasPendingEditFn","pendingEdits","tableHeaders","pendingEditsCount","scrollToCell","rowHasPendingEdits","tableHasAnyPendingEdits","resolvedRowOptions","options","selectedBg","statusBorderClass","jsxs","PendingEditCell","CheckboxCell","RowActionCell","cell","y","isLastCell","isFirstStickyCell","nextWidthSum","LoaderCell","hasPending","DataCell","createPortal","RowOptionsCell"],"mappings":"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"}
1
+ {"version":3,"file":"row.es.js","sources":["../../../../../../src/components/data-display/infinite-table/body/rows/row.tsx"],"sourcesContent":["import { getTableRowBgClassNamesByStatus } from '../../../../../constants/table';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { SubdirectoryArrowLeftRounded } from '@mui/icons-material';\nimport AddRounded from '@mui/icons-material/AddRounded';\nimport cn from 'classnames';\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { TableContext } from '../../context';\nimport { ActionCell } from '../cell/ActionCell';\nimport { CheckboxCell } from '../cell/CheckboxCell';\nimport { DataCell } from '../cell/DataCell';\nimport { validateCellValue } from '../../validateCell';\nimport { LoaderCell } from '../cell/LoaderCell';\nimport { PendingEditCell } from '../cell/PendingEditCell';\nimport { RowActionCell } from '../cell/RowActionCell';\nimport { RowOptionsCell } from '../cell/RowOptionsCell';\n\ntype TRowMetadata = {\n is_modified: object;\n is_new: boolean;\n is_deleted: boolean;\n is_added: boolean;\n __is_modified?: boolean;\n __is_edited?: boolean;\n __is_deleted?: boolean;\n __is_new?: boolean;\n __is_added?: boolean;\n};\n\ninterface TableCell {\n column: {\n key?: string;\n visible?: boolean;\n width?: number;\n sticky?: boolean;\n Header?: string;\n type?: string;\n is_required?: boolean;\n meta?: Record<string, unknown>;\n [key: string]: unknown;\n };\n value?: unknown;\n [key: string]: unknown;\n}\n\ninterface RowOriginal {\n id: string | number;\n is_read?: boolean;\n is_modified?: boolean;\n is_row_modified?: boolean;\n is_deleted?: boolean;\n is_added?: boolean;\n status?: string;\n type?: string;\n __isLoading?: boolean;\n __level?: number;\n __rowBgStatus?: string;\n __rowMetadata?: { __is_modified?: boolean };\n isDefinedActionRow?: boolean;\n isRoot?: boolean;\n name?: string | { props?: { text?: string } };\n onClick?: () => void;\n uploadCell?: boolean;\n disabled?: boolean;\n disabledTooltip?: string;\n [key: string]: unknown;\n}\n\ninterface TableRowData {\n original: RowOriginal;\n cells: TableCell[];\n getRowProps: () => Record<string, unknown>;\n index: number;\n [key: string]: unknown;\n}\n\ntype TRowOption = {\n key: string;\n label: React.ReactNode;\n isVisible?: boolean;\n [k: string]: unknown;\n};\n\ntype TProps = {\n row: TableRowData;\n isLastRow?: boolean;\n lastRow?: unknown;\n getSubRows?: () => unknown;\n prepareRow?: (row: unknown) => void;\n highlightSubstring?: (value: string) => JSX.Element;\n index: number;\n style?: Record<string, unknown>;\n visibleSubRowIds?: Record<string, unknown>;\n rowsLength?: number;\n level?: number;\n columns?: Record<string, unknown>;\n expandedRows?: Record<string, { isOpen: boolean }>;\n rows?: Array<{ original: unknown }>;\n};\n\nexport const Row = ({ row, isLastRow, lastRow, highlightSubstring, index, style, level = 0, expandedRows, rows }: TProps) => {\n const {\n lastNonStickyColumnIndex,\n checkboxConfig,\n onRowClick,\n rowOptions,\n disableOptionsForRowIndex = null,\n getSumOfNextVisibleColumnWidth,\n onRowEdit,\n inlineEditColumns,\n tableActions,\n dndSortableUtils,\n withSortable,\n withDraggable,\n getInnerRowData,\n showNewItem,\n rawData,\n dragConfig,\n getFullRowDataOnClick,\n selectedRowId,\n rowWrapper: RowWrapper,\n isCellClickDisabled,\n rowAdditionalActions,\n hoverConfig,\n addPendingEdit,\n removePendingEdit,\n fieldOperationLoading,\n clearRowPendingEdits,\n saveRowPendingEdits,\n pendingEdits: contextPendingEdits,\n } = useContext(TableContext);\n\n const tableConfig = useTableConfig();\n\n const isCheckbox = Boolean(checkboxConfig);\n const { activeInlineEdit, setActiveInlineEdit } = useContext(TableContext);\n const inlineEditing = activeInlineEdit?.rowId === row.original.id ? activeInlineEdit?.columnKey : null;\n const isInlineEditing = Boolean(inlineEditing);\n const setInlineEditing = (columnKey: string | null) => {\n if (columnKey === null) setActiveInlineEdit?.(null);\n else setActiveInlineEdit?.({ rowId: String(row.original.id), columnKey });\n };\n const [rowHovering, setRowHovering] = useState<string | number | null>(null);\n const [editedCellValue, setEditedCellValue] = useState<string | null>(null);\n const [currentData, setCurrentData] = useState<Record<string, unknown> | null>(null);\n const [loadingExpand, setLoadingExpand] = useState(false);\n const [isDraggingFile, setIsDraggingFile] = useState(false);\n\n const prevInlineEditingRef = useRef<string | null>(null);\n useEffect(() => {\n const wasEditing = prevInlineEditingRef.current;\n const isNowEditing = inlineEditing;\n\n if (wasEditing && !isNowEditing) {\n const pendingEdit = contextPendingEdits?.[row.original.id]?.[wasEditing];\n if (pendingEdit) {\n const currentCell = row.cells?.find((c: TableCell) => c.column?.key === wasEditing);\n if (currentCell) {\n const result = validateCellValue(pendingEdit.value, currentCell.column as { type?: string; is_required?: boolean });\n if (!result.isValid && addPendingEdit) {\n addPendingEdit(String(row.original.id), wasEditing, {\n ...pendingEdit,\n validationError: result.error,\n });\n }\n }\n }\n }\n\n prevInlineEditingRef.current = isNowEditing ?? null;\n }, [inlineEditing, row.original.id, row.cells, contextPendingEdits, addPendingEdit]);\n\n useEffect(() => {\n if (rawData) {\n const idKey = String(row?.original?.id);\n setCurrentData(rawData[idKey]?.[row?.cells[0].column.Header as string] || rawData[idKey]?.[0]);\n }\n }, [rawData, row?.original?.id, row?.cells]);\n\n const sortableResult = useSortable({ id: row.original.id, data: { ...row.original }, disabled: !withSortable });\n const draggableResult = useDraggable({ id: row.original.id, data: { ...row.original }, disabled: !!withSortable });\n const { listeners, transform, setNodeRef, isDragging, attributes, active, over, ...rest } = withSortable\n ? sortableResult\n : draggableResult;\n\n const { setNodeRef: setDroppableNodeRef } = useDroppable({\n id: `table-file-dropzone-${row?.original?.id}`,\n data: { type: 'table-file-dropzone', folderId: row?.original?.id, isFolder: row?.original?.type === 'folder' },\n });\n\n const dndStyles = {\n transform: CSS.Transform.toString(transform),\n transition: withSortable ? (rest as { transition?: string }).transition : undefined,\n cursor: isDragging ? 'grabbing' : 'grab',\n opacity: isDragging ? '0.5' : '1',\n };\n\n const isOverOtherContext = (): boolean => {\n if (!active || !over || !withSortable) return false;\n if (dndSortableUtils?.checkOverEachItem) return dndSortableUtils.checkOverEachItem(active, over) && Boolean(over);\n return active.data.current?.type !== over.data.current?.type && Boolean(over);\n };\n\n const handleCellValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setEditedCellValue(e.target.value);\n };\n\n const handleCloseEdit = () => {\n if (fieldOperationLoading) return;\n setInlineEditing(null);\n };\n\n const validationRef = useRef<(() => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) | null>(null);\n\n const registerValidation = useCallback(\n (validateFn: () => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) => {\n validationRef.current = validateFn;\n },\n [],\n );\n\n const tableConfigRef = useRef(tableConfig);\n tableConfigRef.current = tableConfig;\n\n const handleRowCancelEdit = useCallback(() => {\n if (clearRowPendingEdits) clearRowPendingEdits(String(row.original.id));\n }, [clearRowPendingEdits, row.original.id]);\n\n const handleRowConfirmEdit = useCallback(() => {\n if (validationRef.current) {\n const result = validationRef.current();\n if (!result.isValid) return;\n if (inlineEditing && result.value !== undefined && addPendingEdit) {\n addPendingEdit(String(row.original.id), inlineEditing, {\n value: result.value,\n originalValue: row.original[inlineEditing],\n meta: result.meta || undefined,\n });\n }\n } else if (inlineEditing) {\n const currentCell = row.cells?.find((c: TableCell) => c.column?.key === inlineEditing);\n if (currentCell) {\n const pendingValue = contextPendingEdits?.[row.original.id]?.[inlineEditing]?.value;\n const valueToValidate = pendingValue !== undefined ? pendingValue : currentCell.value;\n const result = validateCellValue(valueToValidate as string | boolean | null | undefined, currentCell.column as { type?: string; is_required?: boolean });\n if (!result.isValid) {\n tableConfigRef.current?.showNotification?.('error', result.error || 'Validation failed');\n return;\n }\n }\n }\n\n if (saveRowPendingEdits) saveRowPendingEdits(String(row.original.id));\n }, [saveRowPendingEdits, row.original, row.cells, inlineEditing, addPendingEdit, contextPendingEdits]);\n\n const handleUpdateCellData = (\n directValue?: string | boolean | null,\n meta?: { currency_code?: string | null; reference?: unknown | null;[key: string]: unknown | null } | null,\n ) => {\n const _item = { ...row.original };\n const updatedValue = directValue !== undefined ? directValue : editedCellValue;\n if (inlineEditing && updatedValue !== undefined) {\n _item[inlineEditing] = updatedValue;\n if (onRowEdit) onRowEdit(_item, index, inlineEditing, updatedValue, meta);\n if (removePendingEdit) removePendingEdit(String(row.original.id), inlineEditing);\n }\n handleCloseEdit();\n };\n\n const ref = useRef<HTMLElement>(null);\n\n const handleCellClick = (event: React.MouseEvent, data: string | Record<string, unknown>, idx: number, key: string) => {\n if (isCellClickDisabled) return;\n event?.stopPropagation();\n if (inlineEditing === key) return;\n\n if (onRowEdit) {\n if (inlineEditColumns?.includes(key)) {\n setInlineEditing(key);\n setEditedCellValue(String(row.original[key]));\n } else {\n const msg = tableConfig?.getSystemMessage?.('notAllowedInlineEdit') || 'Inline Edit is not allowed for this column';\n tableConfig?.showNotification?.('error', msg);\n }\n return;\n }\n\n if (onRowClick) {\n onRowClick(data, idx, row.original, rows?.map((_row: { original: unknown }) => _row.original) || []);\n } else if (!onRowClick && checkboxConfig) {\n const _id = row.original.id;\n const checkEvent = { target: { checked: !checkboxConfig.checkedIds.includes(_id) } };\n checkboxConfig.onItemCheck(checkEvent, _id);\n }\n };\n\n const toggleRowExpand = async () => {\n setLoadingExpand(true);\n if (getInnerRowData) {\n await getInnerRowData(row?.original?.id, row?.original, !(expandedRows?.[row?.original?.id as string]?.isOpen ?? false), row?.original?.__level || 0);\n }\n setLoadingExpand(false);\n };\n\n\n\n\n const totalWidth = useMemo(() => {\n return row.cells.filter((c: TableCell) => c.column?.visible).map((c: TableCell) => c.column?.width ?? 0).reduce((a: number, b: number) => a + b, 0);\n }, [row.cells]);\n\n const isDraggingOver = useMemo(() => {\n return dragConfig?.draggingOver && dragConfig?.draggingOver === row?.original?.id;\n }, [dragConfig, row?.original?.id]);\n\n const dropPosition = useMemo(() => {\n if (!isDraggingOver) return null;\n return dragConfig?.dropPosition || 'inside';\n }, [isDraggingOver, dragConfig?.dropPosition]);\n\n const isDraggingOverInside = Boolean(isDraggingOver && dropPosition === 'inside');\n\n const _meta = (row?.original?.__rowMetadata as TRowMetadata) || (row?.original?._meta as TRowMetadata | undefined);\n const _notHovering = rowHovering !== row?.original?.id;\n const _notLoading = !row?.original?.__isLoading;\n const _isNewRow = !!(\n _meta?.__is_new ||\n _meta?.__is_added ||\n row?.original?.is_added ||\n (currentData?.is_added as boolean) ||\n _meta?.is_added ||\n _meta?.is_new\n );\n const _isDeletedRow = !!(row?.original?.is_deleted || _meta?.__is_deleted || (currentData?.is_deleted as boolean) || _meta?.is_deleted);\n const _isModifiedRow =\n !!(\n row?.original?.is_modified ||\n row?.original?.is_row_modified ||\n _meta?.__is_modified ||\n _meta?.__is_edited ||\n (currentData?.is_row_modified as boolean) ||\n _meta?.is_modified\n ) && !_isNewRow;\n\n const isSelected =\n selectedRowId !== null && selectedRowId !== undefined && String(selectedRowId) === String(row?.original?.id);\n\n const bgColor = cn({\n 'bg-neutral-100 dark:bg-black-600': rowHovering === row?.original?.id && !isInlineEditing,\n 'bg-primary-100 dark:bg-primary-950': isSelected && _notHovering && !isInlineEditing,\n 'bg-primary-50 dark:bg-black-700': !row?.original?.is_read && showNewItem && !row?.original?.__isLoading && _notHovering && !isInlineEditing,\n // 'bg-white dark:bg-black-700': cell.column.sticky && rowHovering !== id,\n 'bg-warning-50 dark:bg-warning-975': _isModifiedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-error-50 dark:bg-error-975': _isDeletedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-success-50 dark:bg-success-975': _isNewRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-primary-50 dark:bg-primary-900': isInlineEditing,\n [getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string]]: row?.original?.__rowBgStatus && !isInlineEditing,\n });\n\n return (\n <tr\n {...row.getRowProps()}\n ref={withDraggable || withSortable ? setNodeRef : null}\n key={row.original.id}\n data-row-id={row.original.id}\n className={cn(\n `text-neutral-900 dark:text-white cursor-pointer min-w-full relative ${checkboxConfig?.selectionDisabledRowIds?.includes(row?.original?.id) ? 'opacity-50' : ''} border-t`,\n isDragging ? 'z-40' : '',\n isOverOtherContext() ? 'shadow-dnd-drop' : '',\n withDraggable && over && over?.data?.current?.type === 'table-file-dropzone' && over?.data?.current?.folderId === row?.original?.id && row?.original?.type === 'folder' ? 'bg-primary-50' : '',\n row?.original?.isDefinedActionRow ? 'bg-primary-50' : '',\n isDraggingOverInside ? 'z-50' : '',\n bgColor ? bgColor : 'bg-white dark:bg-black-800',\n )}\n style={{ ...style, ...(withSortable ? dndStyles : {}), width: 'max-content' }}\n {...(withDraggable || withSortable ? attributes : {})}\n {...(withDraggable || withSortable ? listeners : {})}\n >\n {isDraggingOverInside && dragConfig?.dragOperation ? (\n <div className='absolute right-2 h-row flex items-center z-20 pointer-events-none'>\n <div className='bg-primary-200 px-2 py-1 rounded'>\n {dragConfig?.dragOperation === 'COPY' ? (\n <AddRounded sx={{ fontSize: 12 }} className='text-primary-700' />\n ) : (\n <SubdirectoryArrowLeftRounded sx={{ fontSize: 12 }} className='text-primary-700' />\n )}\n </div>\n </div>\n ) : null}\n {isDraggingOverInside && !dragConfig?.dragOperation ? (\n <div className='absolute right-2 h-row flex items-center z-20 pointer-events-none'>\n <SubdirectoryArrowLeftRounded sx={{ fontSize: 16 }} className='text-primary-500' />\n </div>\n ) : null}\n {isDraggingOver && dropPosition === 'before' && !row?.original?.isDefinedActionRow ? (\n <div className='absolute -top-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none'>\n <div className='absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500' />\n </div>\n ) : null}\n {isDraggingOver && dropPosition === 'after' && !row?.original?.isDefinedActionRow ? (\n <div className='absolute -bottom-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none'>\n <div className='absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500' />\n </div>\n ) : null}\n\n {row?.original?.isDefinedActionRow ? (\n <ActionCell\n cells={row.cells}\n id={row?.original?.id}\n isCheckbox={checkboxConfig}\n level={level}\n name={row?.original?.name as string}\n onClick={row?.original?.onClick as () => void}\n rowHovering={rowHovering || ''}\n isRoot={row?.original?.isRoot as boolean}\n totalWidth={totalWidth}\n row={row.original as Record<string, unknown>}\n uploadCell={row?.original?.uploadCell as boolean}\n disabled={row?.original?.disabled as boolean}\n disabledTooltip={row?.original?.disabledTooltip as string}\n />\n ) : RowWrapper ? (\n <RowWrapper data={row.original} setIsDraggingFile={setIsDraggingFile}>\n <RowContent\n isDraggingOver={isDraggingOverInside}\n level={level}\n withDraggable={withDraggable}\n setDroppableNodeRef={setDroppableNodeRef}\n isLastRow={isLastRow}\n lastRow={lastRow}\n isCheckbox={isCheckbox}\n checkboxConfig={checkboxConfig}\n row={row}\n rowHovering={rowHovering}\n tableActions={tableActions}\n disableOptionsForRowIndex={disableOptionsForRowIndex}\n index={index}\n showNewItem={showNewItem}\n currentData={currentData}\n lastNonStickyColumnIndex={lastNonStickyColumnIndex}\n getSumOfNextVisibleColumnWidth={getSumOfNextVisibleColumnWidth}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n cellRef={ref}\n handleCellClick={handleCellClick}\n getFullRowDataOnClick={getFullRowDataOnClick}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n handleRowCancelEdit={handleRowCancelEdit}\n handleRowConfirmEdit={handleRowConfirmEdit}\n registerValidation={registerValidation}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring}\n rowOptions={rowOptions}\n isDraggingFile={isDraggingFile}\n rowAdditionalActions={rowAdditionalActions}\n hoverConfig={hoverConfig}\n isSelected={isSelected}\n />\n </RowWrapper>\n ) : (\n <RowContent\n level={level}\n withDraggable={withDraggable}\n setDroppableNodeRef={setDroppableNodeRef}\n isLastRow={isLastRow}\n lastRow={lastRow}\n isCheckbox={isCheckbox}\n checkboxConfig={checkboxConfig}\n row={row}\n rowHovering={rowHovering}\n tableActions={tableActions}\n disableOptionsForRowIndex={disableOptionsForRowIndex}\n index={index}\n showNewItem={showNewItem}\n currentData={currentData}\n lastNonStickyColumnIndex={lastNonStickyColumnIndex}\n getSumOfNextVisibleColumnWidth={getSumOfNextVisibleColumnWidth}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n cellRef={ref}\n handleCellClick={handleCellClick}\n getFullRowDataOnClick={getFullRowDataOnClick}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n handleRowCancelEdit={handleRowCancelEdit}\n handleRowConfirmEdit={handleRowConfirmEdit}\n registerValidation={registerValidation}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring}\n rowOptions={rowOptions}\n isDraggingFile={isDraggingFile}\n isDraggingOver={isDraggingOverInside}\n rowAdditionalActions={rowAdditionalActions}\n hoverConfig={hoverConfig}\n isSelected={isSelected}\n />\n )}\n </tr>\n );\n};\n\ninterface RowContentProps {\n withDraggable?: boolean;\n setDroppableNodeRef: (node: HTMLElement | null) => void;\n isLastRow?: boolean;\n lastRow?: unknown;\n isCheckbox: boolean;\n checkboxConfig: Record<string, unknown> | null;\n row: TableRowData;\n rowHovering: string | number | null;\n tableActions?: ((rowData: Record<string, unknown>, index: number) => React.ReactNode) | null;\n disableOptionsForRowIndex?: number | null;\n index: number;\n showNewItem?: boolean;\n currentData: Record<string, unknown> | null;\n lastNonStickyColumnIndex?: (() => number | null) | null;\n getSumOfNextVisibleColumnWidth?: (index: number) => number | null;\n toggleRowExpand: () => Promise<void>;\n loadingExpand: boolean;\n cellRef: React.RefObject<HTMLElement | null>;\n handleCellClick: (event: React.MouseEvent, data: string | Record<string, unknown>, idx: number, key: string) => void;\n getFullRowDataOnClick?: boolean;\n handleCellValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n handleUpdateCellData: (directValue?: string | boolean | null, meta?: Record<string, unknown> | null) => void;\n handleRowCancelEdit: () => void;\n handleRowConfirmEdit: () => void;\n registerValidation: (fn: () => { isValid: boolean; value?: string | boolean | null; meta?: Record<string, unknown> | null }) => void;\n inlineEditing: string | null;\n isInlineEditing: boolean;\n setRowHovering: (id: string | number | null) => void;\n highlightSubstring?: (value: string) => React.ReactNode;\n rowOptions?: TRowOption[] | ((rowData: Record<string, unknown>) => TRowOption[] | null) | null;\n level?: number;\n isDraggingFile?: boolean;\n isDraggingOver?: boolean;\n rowAdditionalActions?: unknown;\n hoverConfig?: { onHover?: (data: Record<string, unknown>) => React.ReactNode };\n isSelected?: boolean;\n}\n\nconst RowContent = ({\n withDraggable,\n setDroppableNodeRef,\n isLastRow,\n lastRow,\n isCheckbox,\n checkboxConfig,\n row,\n rowHovering,\n tableActions,\n disableOptionsForRowIndex,\n index,\n showNewItem,\n currentData,\n lastNonStickyColumnIndex,\n getSumOfNextVisibleColumnWidth,\n toggleRowExpand,\n loadingExpand,\n cellRef,\n handleCellClick,\n getFullRowDataOnClick,\n handleCellValueChange,\n handleUpdateCellData,\n handleRowCancelEdit,\n handleRowConfirmEdit,\n registerValidation,\n inlineEditing,\n isInlineEditing,\n setRowHovering,\n highlightSubstring,\n rowOptions,\n level,\n isDraggingFile,\n isDraggingOver,\n rowAdditionalActions,\n hoverConfig,\n isSelected,\n}: RowContentProps) => {\n const [isRowContentHovering, setIsRowContentHovering] = useState(false);\n const {\n getPendingEdit: getPendingEditFn,\n hasPendingEdit: hasPendingEditFn,\n pendingEdits,\n tableHeaders,\n pendingEditsCount,\n scrollToCell,\n } = useContext(TableContext);\n const rowHasPendingEdits = pendingEdits?.[row.original.id] && Object.keys(pendingEdits[row.original.id]).length > 0;\n const tableHasAnyPendingEdits = (pendingEditsCount ?? 0) > 0;\n const resolvedRowOptions = useMemo<TRowOption[]>(() => {\n if (Array.isArray(rowOptions)) return rowOptions;\n if (typeof rowOptions === 'function') {\n const options = rowOptions({ ...row.original, rowIndex: index });\n return Array.isArray(options) ? options : [];\n }\n return [];\n }, [rowOptions, row.original, index]);\n\n\n const _meta = (row?.original?.__rowMetadata as TRowMetadata | undefined) || (row?.original?._meta as TRowMetadata | undefined);\n const _notHovering = rowHovering !== row?.original?.id;\n const _notLoading = !row?.original?.__isLoading;\n const _isNewRow = !!(\n _meta?.__is_new ||\n _meta?.__is_added ||\n row?.original?.is_added ||\n (currentData?.is_added as boolean) ||\n _meta?.is_added ||\n _meta?.is_new\n );\n const _isDeletedRow = !!(row?.original?.is_deleted || _meta?.__is_deleted || (currentData?.is_deleted as boolean) || _meta?.is_deleted);\n const _isModifiedRow =\n !!(\n row?.original?.is_modified ||\n row?.original?.is_row_modified ||\n _meta?.__is_modified ||\n _meta?.__is_edited ||\n (currentData?.is_row_modified as boolean) ||\n _meta?.is_deleted\n ) && !_isNewRow;\n\n // Only apply the selected background when the row is not being hovered, so on hover the icon cells\n // (checkbox, actions, options) fall back to the same gray hover background as the data cells.\n const selectedBg =\n isSelected && !isInlineEditing && rowHovering !== row?.original?.id ? 'bg-primary-100 dark:bg-primary-950' : undefined;\n\n const statusBorderClass = cn('pointer-events-none absolute left-0 top-0 bottom-0 w-[3px] z-40', {\n 'bg-success-400 dark:bg-success-500': _isNewRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-error-400 dark:bg-error-500': _isDeletedRow && _notLoading && _notHovering && !isInlineEditing,\n 'bg-warning-400 dark:bg-warning-500': _isModifiedRow && _notLoading && _notHovering && !isInlineEditing,\n });\n\n return (\n <div\n ref={withDraggable ? setDroppableNodeRef : null}\n className={isDraggingOver ? 'border-2 border-primary-400 dark:border-primary-500 rounded-sm' : ''}\n >\n <div className={statusBorderClass} />\n <div className='flex' ref={isLastRow ? (lastRow as React.Ref<HTMLDivElement>) : null}>\n {tableHasAnyPendingEdits && (\n <PendingEditCell\n rowId={String(row.original.id)}\n rowIndex={index}\n pendingEdits={pendingEdits}\n tableHeaders={tableHeaders}\n rowHasPendingEdits={!!rowHasPendingEdits}\n rowHovering={rowHovering != null ? String(rowHovering) : undefined}\n isInlineEditing={isInlineEditing}\n is_read={!!row.original.is_read}\n is_modified={_isModifiedRow}\n is_row_modified={!!row.original.is_row_modified}\n is_deleted={_isDeletedRow}\n is_added={_isNewRow}\n is_incomplete={row?.original?.status === 'Incomplete'}\n showNewItem={showNewItem}\n onScrollToCell={scrollToCell}\n />\n )}\n\n {isCheckbox && (\n <CheckboxCell\n checkboxConfig={checkboxConfig as never}\n id={String(row.original.id)}\n rowHovering={rowHovering != null ? String(rowHovering) : undefined}\n isDisabled={!!row?.original?.__isLoading}\n isDraggingOver={isDraggingOver}\n is_added={_isNewRow}\n is_deleted={_isDeletedRow}\n is_incomplete={row?.original?.status === 'Incomplete'}\n is_modified={_isModifiedRow}\n is_read={!!row.original.is_read}\n is_row_modified={!!row.original.is_row_modified}\n showNewItem={showNewItem}\n currentData={currentData ?? {}}\n bgColor={row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n hasPendingEditsColumn={tableHasAnyPendingEdits}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n )}\n\n {tableActions ? (\n <RowActionCell\n tableActions={tableActions as (rowData: Record<string, unknown>, index: number) => JSX.Element}\n disableOptionsForRowIndex={disableOptionsForRowIndex ?? null}\n id={String(row.original.id)}\n index={index}\n is_read={!!row?.original?.is_read}\n is_incomplete={row?.original?.status === 'Incomplete'}\n showNewItem={!!showNewItem}\n is_modified={_isModifiedRow}\n is_row_modified={!!row?.original?.is_row_modified}\n is_deleted={_isDeletedRow}\n currentData={currentData ?? {}}\n is_added={_isNewRow}\n rowData={row.original as Record<string, unknown>}\n rowHovering={rowHovering}\n isDisabled={!!row?.original?.__isLoading}\n bgColor={isDraggingFile ? 'bg-primary-50' : row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n ) : null}\n\n <div\n className='relative flex-1'\n id={`row-${row.original.id}`}\n onMouseEnter={() => setIsRowContentHovering(true)}\n onMouseLeave={() => setIsRowContentHovering(false)}\n >\n {row.cells\n .filter((cell: TableCell) => cell?.column?.visible !== false)\n .map((cell: TableCell, y: number) => {\n const isLastCell = y === lastNonStickyColumnIndex?.();\n const isFirstStickyCell = y === (lastNonStickyColumnIndex?.() ?? -1) + 1;\n const nextWidthSum = cell?.column?.sticky ? (getSumOfNextVisibleColumnWidth?.(y) ?? 0) : 0;\n\n if (row.original?.__isLoading) {\n return (\n <LoaderCell cell={cell as unknown as { column: { width: number; sticky?: boolean; sequence?: number } }} id={y} nextWidthSum={nextWidthSum} isLastCell={isLastCell} rowHovering={rowHovering} index={y} key={y} isFirstStickyCell={isFirstStickyCell} />\n );\n }\n\n const pendingEdit = getPendingEditFn?.(String(row.original.id), cell?.column?.key || '');\n const hasPending = hasPendingEditFn?.(String(row.original.id), cell?.column?.key || '');\n\n return (\n <DataCell\n cell={cell as unknown as import('../../types').ICell}\n rowHovering={rowHovering}\n isFirstStickyCell={isFirstStickyCell}\n level={level ?? 0}\n toggleRowExpand={toggleRowExpand}\n loadingExpand={loadingExpand}\n key={cell?.column?.key}\n index={y}\n cellRef={cellRef as React.RefObject<HTMLDivElement>}\n currentData={currentData as { is_row_modified?: boolean; is_deleted?: boolean; is_added?: boolean }}\n handleCellClick={(e?: React.MouseEvent) => { if (e) handleCellClick(e, getFullRowDataOnClick ? row.original : String(row.original.id), y, cell?.column?.key || ''); }}\n handleCellValueChange={handleCellValueChange}\n handleUpdateCellData={handleUpdateCellData}\n registerValidation={registerValidation}\n id={row.original.id}\n inlineEditing={inlineEditing}\n isInlineEditing={isInlineEditing}\n isLastCell={isLastCell}\n is_incomplete={row?.original?.status === 'Incomplete'}\n is_added={_isNewRow}\n is_deleted={_isDeletedRow}\n is_modified={_isModifiedRow}\n is_read={!!row.original.is_read}\n is_row_modified={!!row.original.is_row_modified}\n nextWidthSum={nextWidthSum}\n setRowHovering={setRowHovering}\n highlightSubstring={highlightSubstring as ((value: string) => JSX.Element) | undefined}\n isDraggingOver={isDraggingOver}\n isLoading={!!row?.original?.__isLoading}\n pendingEdit={pendingEdit}\n hasPendingEdit={hasPending}\n pendingValidationError={pendingEdit?.validationError}\n />\n );\n })}\n\n {hoverConfig?.onHover &&\n isRowContentHovering &&\n createPortal(\n <div className='absolute top-full left-10 z-50 bg-white dark:bg-black-800 rounded-xl'>{hoverConfig.onHover(row.original) as React.ReactNode}</div>,\n document.getElementById(`row-${row.original.id}`) as HTMLElement,\n )}\n </div>\n\n {(resolvedRowOptions.length > 0 || !!rowAdditionalActions) && (\n <RowOptionsCell\n rowId={row.original.id}\n rowOptions={resolvedRowOptions}\n disableOption={disableOptionsForRowIndex !== null || !!row?.original?.__isLoading}\n rowHovering={rowHovering}\n setRowHovering={setRowHovering}\n is_read={!!row.original.is_read}\n showNewItem={!!showNewItem}\n is_modified={_isModifiedRow}\n is_row_modified={!!row.original.is_row_modified}\n is_incomplete={row?.original?.status === 'Incomplete'}\n currentData={currentData ?? {}}\n is_deleted={_isDeletedRow}\n is_added={_isNewRow}\n isDraggingOver={!!isDraggingOver}\n rowAdditionalActions={rowAdditionalActions as (rowData: Record<string, unknown>, index: number, isHovering: boolean) => React.ReactNode}\n rowData={row.original as Record<string, unknown>}\n index={index}\n bgColor={row?.original?.__rowBgStatus ? getTableRowBgClassNamesByStatus[row?.original?.__rowBgStatus as string] : selectedBg}\n isInlineEditing={isInlineEditing}\n onConfirmEdit={handleRowConfirmEdit}\n onCancelEdit={handleRowCancelEdit}\n rowHasPendingEdits={rowHasPendingEdits}\n />\n )}\n </div>\n </div>\n );\n};\n"],"names":["Row","row","isLastRow","lastRow","highlightSubstring","index","style","level","expandedRows","rows","lastNonStickyColumnIndex","checkboxConfig","onRowClick","rowOptions","disableOptionsForRowIndex","getSumOfNextVisibleColumnWidth","onRowEdit","inlineEditColumns","tableActions","dndSortableUtils","withSortable","withDraggable","getInnerRowData","showNewItem","rawData","dragConfig","getFullRowDataOnClick","selectedRowId","RowWrapper","isCellClickDisabled","rowAdditionalActions","hoverConfig","addPendingEdit","removePendingEdit","fieldOperationLoading","clearRowPendingEdits","saveRowPendingEdits","contextPendingEdits","useContext","TableContext","tableConfig","useTableConfig","isCheckbox","activeInlineEdit","setActiveInlineEdit","inlineEditing","isInlineEditing","setInlineEditing","columnKey","rowHovering","setRowHovering","useState","editedCellValue","setEditedCellValue","currentData","setCurrentData","loadingExpand","setLoadingExpand","isDraggingFile","setIsDraggingFile","prevInlineEditingRef","useRef","useEffect","wasEditing","isNowEditing","pendingEdit","currentCell","c","result","validateCellValue","idKey","sortableResult","useSortable","draggableResult","useDraggable","listeners","transform","setNodeRef","isDragging","attributes","active","over","rest","setDroppableNodeRef","useDroppable","dndStyles","CSS","isOverOtherContext","handleCellValueChange","e","handleCloseEdit","validationRef","registerValidation","useCallback","validateFn","tableConfigRef","handleRowCancelEdit","handleRowConfirmEdit","pendingValue","valueToValidate","handleUpdateCellData","directValue","meta","_item","updatedValue","ref","handleCellClick","event","data","idx","key","msg","_row","_id","checkEvent","toggleRowExpand","totalWidth","useMemo","a","b","isDraggingOver","dropPosition","isDraggingOverInside","_meta","_notHovering","_notLoading","_isNewRow","_isDeletedRow","_isModifiedRow","isSelected","bgColor","cn","getTableRowBgClassNamesByStatus","createElement","jsx","AddRounded","SubdirectoryArrowLeftRounded","ActionCell","RowContent","cellRef","isRowContentHovering","setIsRowContentHovering","getPendingEditFn","hasPendingEditFn","pendingEdits","tableHeaders","pendingEditsCount","scrollToCell","rowHasPendingEdits","tableHasAnyPendingEdits","resolvedRowOptions","options","selectedBg","statusBorderClass","jsxs","PendingEditCell","CheckboxCell","RowActionCell","cell","y","isLastCell","isFirstStickyCell","nextWidthSum","LoaderCell","hasPending","DataCell","createPortal","RowOptionsCell"],"mappings":"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"}
package/dist/components/user-avatar/UserAvatar.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("@mui/icons-material/EditOutlined"),V=require("@mui/icons-material/WarningRounded"),s=require("../../_virtual/index.cjs.js"),n=require("react"),l=require("../data-display/typography/Typography.cjs.js"),g=require("../data-display/tag/Tag.cjs.js"),D=require("../data-display/skeleton/Skeleton.cjs.js"),ee=require("../../utils/countryFlags.cjs.js"),re=require("./UserAvatarPopper.cjs.js"),ae=require("./StatusInfoRow.cjs.js"),u=require("./constants.cjs.js"),se=require("./PersonIcon.cjs.js"),oe=require("./useDynamicPosition.cjs.js"),ne=require("../icon/icons.generated.cjs.js"),j=({label:t,content:i})=>e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(l.Typography,{size:"small",variant:"medium",className:"mr-5",appearance:"body",children:t}),i]}),H=({firstName:t,lastName:i,email:U,profilePic:c,size:v="md",hoverSize:k="lg",containerClassName:F="",enablePopper:P=!0,className:A,userId:C,lastViewedOn:m,isActive:b,statusIndicator:B=!1,userDetails:r,isFetchingUserDetails:$=!1,authToken:z,onHover:G,currentlyEditing:R})=>{if(t==="All"&&i==="Users")return e.jsx("div",{className:"p-1 rounded-full bg-primary-100 dark:bg-black-600 flex items-center justify-center",children:e.jsx(ne.GroupsIcon,{className:"text-primary-600 dark:text-primary-600 w-xs h-xs"})});const[W,w]=n.useState(!1),[M,d]=n.useState(!1),_=u.sizeClasses[v],{triggerRef:J,dropdownRef:K,position:f,isVisible:Q,show:S,hide:q}=oe.useDynamicPosition(),N=n.useRef({}),I=n.useMemo(()=>{if(b||!m)return!1;const a=new Date(m);return(new Date().getTime()-a.getTime())/(1e3*60*60)<24},[b,m]),h=b?"bg-primary-600 dark:bg-primary-600":I?"bg-primary-300 dark:bg-primary-300":m?"bg-neutral-400 dark:bg-neutral-400":null,p=b?"border-primary-600 dark:border-primary-600":I?"border-primary-300 dark:border-primary-300":m?"border-neutral-400 dark:border-neutral-400":"border-primary-200 dark:border-neutral-800",X={"2xs":"w-1.5 h-1.5",xs:"w-2 h-2",sm:"w-2.5 h-2.5",md:"w-3 h-3",lg:"w-3.5 h-3.5",xl:"w-4 h-4"};n.useEffect(()=>{if(c)if(N.current[c])d(!0);else{d(!1);const a=new Image,x=z||(typeof localStorage<"u"?localStorage.getItem("token"):null);a.src=c+(x?"?token="+x:""),a.onload=()=>{N.current[c]=a.src,d(!0)},a.onerror=()=>{d(!1)}}else d(!1)},[c,z]),n.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]);const y=c?N.current[c]:void 0,o=n.useRef(null),T=n.useRef(null),Y=()=>{G?.(),t&&i&&P&&(o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{w(!0)},300))},L=a=>{o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{T.current&&!T.current.contains(a.relatedTarget)&&w(!1)},200)},Z=e.jsxs("div",{ref:T,className:"bg-white dark:bg-black-800 shadow rounded-lg border border-neutral-200 dark:border-black-700 min-w-[280px]",onMouseEnter:()=>{o.current&&clearTimeout(o.current)},onMouseLeave:a=>L(a),children:[e.jsxs("div",{className:"flex flex-col gap-1 items-center p-5",children:[e.jsxs("div",{className:s("relative",u.sizeClasses[k]),children:[y&&M?e.jsx("img",{src:y,alt:"Profile",className:s("rounded-full border-2 object-cover w-full h-full",p),onError:()=>d(!1)}):e.jsx("div",{className:s("bg-primary-100 dark:bg-primary-950 border-2 flex items-center justify-center rounded-full w-full h-full",p),children:e.jsx(l.Typography,{size:"extra-small",variant:"semibold",appearance:"custom",className:s("text-primary-600",u.initialsFontSizeClasses[k]),children:u.getInitials((t||"")+" "+(i||""))})}),h&&e.jsx("div",{className:s("absolute bottom-0 right-0 rounded-full border-2 border-white dark:border-black-800",X[k],h)})]}),e.jsxs("div",{className:"flex flex-row gap-1 items-center justify-center",children:[e.jsxs(l.Typography,{size:"medium",variant:"semibold",className:"w-full text-center",children:[t||""," ",i||""]}),r?.region&&e.jsx("span",{children:ee.getFlagComponentRectangleMd(r?.region)})]}),e.jsx(l.Typography,{size:"small",variant:"medium",appearance:"body",children:U||r?.email||""})]}),R?e.jsx("div",{className:"px-5 pb-3",children:e.jsxs("div",{className:"flex items-center gap-3 rounded-lg border border-primary-100 dark:border-primary-900 bg-[rgba(230,241,252,0.60)] dark:bg-primary-950/40 px-[13px] py-[7px]",children:[e.jsx("div",{className:"flex items-center justify-center shrink-0 w-7 h-7 rounded-[5px] border-[0.4px] border-primary-100 dark:border-primary-900 bg-primary-50 dark:bg-primary-950",children:e.jsx(O,{sx:{width:13,height:13},className:"text-primary-600 dark:text-primary-500"})}),e.jsxs("div",{className:"flex flex-col min-w-0",children:[e.jsx(l.Typography,{size:"extra-small",variant:"semibold",appearance:"custom",className:"text-2xs leading-4 uppercase tracking-[0.2px] text-primary-600 dark:text-primary-500",children:"Currently editing"}),e.jsx(l.Typography,{size:"extra-small",variant:"semibold",className:"truncate",children:R})]})]})}):null,C&&($?e.jsx("div",{className:"p-5",children:e.jsx(D.Skeleton,{})}):C&&(r?.teams||r?.clearanceLevel||r?.group)?e.jsxs("div",{className:"flex flex-col gap-4 bg-neutral-50 border-t border-neutral-200 dark:bg-black-700 dark:border-none p-5 rounded-b-lg",children:[e.jsx(ae.StatusInfoRow,{isActive:b,lastViewedOn:m}),r.username&&e.jsx(j,{label:"Username",content:e.jsx("div",{className:"flex gap-2",children:e.jsx(l.Typography,{size:"small",variant:"medium",appearance:"body",children:r.username})})}),r?.teams&&r?.teams?.length>0&&e.jsx(j,{label:"Team",content:e.jsxs("div",{className:"flex gap-2",children:[r?.teams?.length>0&&e.jsx(g.Tag,{label:r?.teams[0]?.name,color:r?.teams[0]?.color||"#e38715",size:"md",isHashColor:!0},r?.teams[0]?.id),r?.teams?.length>=2&&e.jsxs("div",{ref:J,className:"relative cursor-pointer",onMouseEnter:S,onMouseLeave:q,onClick:a=>a.stopPropagation(),children:[e.jsx(g.Tag,{label:`+ ${r?.teams?.length-1} More`,color:"#004f08",size:"md",isHashColor:!0},1),Q&&e.jsx("div",{ref:K,className:s("absolute w-max bg-white dark:text-black-200 dark:bg-black-800 shadow-md border border-neutral-200 dark:border-black-800 rounded-md px-2 z-10 overflow-y-auto max-h-60",{"top-full":f.vertical==="bottom","bottom-full":f.vertical==="top","left-0":f.horizontal==="left","right-0":f.horizontal==="right"}),onMouseEnter:S,onMouseLeave:q,children:r?.teams?.slice(1)?.map((a,x)=>e.jsx("div",{className:"my-2",children:e.jsx(g.Tag,{label:a?.name,color:a?.color||"#4A5568",size:"md",isHashColor:!0,className:"w-fit"},a?.id)},a?.id||x))})]})]})}),r?.group&&e.jsx(j,{label:"Role",content:e.jsx(g.Tag,{label:r?.group,color:"#004094",size:"md",isHashColor:!0},r?.group)}),r?.clearanceLevel&&e.jsx(j,{label:"Clearance Level",content:e.jsx(g.Tag,{label:`Level ${r?.clearanceLevel}`,color:"#b30000",size:"md",isHashColor:!0},String(r?.clearanceLevel))})]}):e.jsx("div",{className:"flex items-center justify-center bg-neutral-50 dark:bg-black-700 border-t border-neutral-200 dark:border-black-700 p-5 rounded-b-lg",children:e.jsxs(l.Typography,{className:"flex items-center justify-center gap-1",size:"extra-small",variant:"medium",appearance:"body",children:[e.jsx(V,{sx:{height:"16px",width:"16px",color:"#F04438"}}),"No other information found!"]})}))]}),E=n.useRef(null);return e.jsxs("div",{onMouseEnter:Y,onMouseLeave:L,className:s("inline-block relative cursor-pointer",A),ref:E,children:[e.jsxs("div",{className:s("relative",F||_),children:[y&&M?e.jsx("img",{src:y,alt:"Profile",className:s("rounded-full border object-cover w-full h-full",p),onError:()=>d(!1)}):t&&i?e.jsx("div",{className:s("bg-primary-100 flex items-center justify-center rounded-full border dark:bg-black-700",u.sizeClasses[v],p),children:e.jsx(l.Typography,{size:"extra-small",variant:"semibold",appearance:"custom",className:s("text-primary-600",u.initialsFontSizeClasses[v]),children:u.getInitials((t||"")+" "+(i||""))})}):e.jsx("div",{className:s(p,"p-1 rounded-full bg-neutral-200 dark:bg-black-600 flex items-center justify-center border w-full h-full"),children:e.jsx(se.PersonIcon,{fill:"#98A2B3"})}),B&&h&&e.jsx("div",{className:s("absolute bottom-0 right-0 rounded-full border border-white dark:border-black-800 w-2 h-2",h)})]}),e.jsx(re.UserAvatarPopper,{isOpen:W,onClose:()=>w(!1),anchorEl:E.current,className:"bg-white dark:bg-black-700 shadow rounded-lg border border-neutral-200 dark:border-black-600",children:Z})]})};H.displayName="UserAvatar";exports.UserAvatar=H;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("@mui/icons-material/EditOutlined"),V=require("@mui/icons-material/WarningRounded"),s=require("../../_virtual/index.cjs.js"),n=require("react"),l=require("../data-display/typography/Typography.cjs.js"),x=require("../data-display/tag/Tag.cjs.js"),D=require("../data-display/skeleton/Skeleton.cjs.js"),ee=require("../../utils/countryFlags.cjs.js"),re=require("./UserAvatarPopper.cjs.js"),ae=require("./StatusInfoRow.cjs.js"),m=require("./constants.cjs.js"),se=require("./PersonIcon.cjs.js"),oe=require("./useDynamicPosition.cjs.js"),ne=require("../icon/icons.generated.cjs.js"),j=({label:t,content:i})=>e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(l.Typography,{size:"small",variant:"medium",className:"mr-5",appearance:"body",children:t}),i]}),H=({firstName:t,lastName:i,email:U,profilePic:c,size:v="md",hoverSize:k="lg",containerClassName:F="",enablePopper:P=!0,className:A,userId:C,lastViewedOn:u,isActive:b,statusIndicator:B=!1,userDetails:r,isFetchingUserDetails:$=!1,authToken:z,onHover:G,currentlyEditing:R})=>{const[W,w]=n.useState(!1),[M,d]=n.useState(!1),_=m.sizeClasses[v],{triggerRef:J,dropdownRef:K,position:f,isVisible:Q,show:S,hide:q}=oe.useDynamicPosition(),N=n.useRef({}),I=n.useMemo(()=>{if(b||!u)return!1;const a=new Date(u);return(new Date().getTime()-a.getTime())/(1e3*60*60)<24},[b,u]),h=b?"bg-primary-600 dark:bg-primary-600":I?"bg-primary-300 dark:bg-primary-300":u?"bg-neutral-400 dark:bg-neutral-400":null,p=b?"border-primary-600 dark:border-primary-600":I?"border-primary-300 dark:border-primary-300":u?"border-neutral-400 dark:border-neutral-400":"border-primary-200 dark:border-neutral-800",X={"2xs":"w-1.5 h-1.5",xs:"w-2 h-2",sm:"w-2.5 h-2.5",md:"w-3 h-3",lg:"w-3.5 h-3.5",xl:"w-4 h-4"};n.useEffect(()=>{if(c)if(N.current[c])d(!0);else{d(!1);const a=new Image,g=z||(typeof localStorage<"u"?localStorage.getItem("token"):null);a.src=c+(g?"?token="+g:""),a.onload=()=>{N.current[c]=a.src,d(!0)},a.onerror=()=>{d(!1)}}else d(!1)},[c,z]),n.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]);const y=c?N.current[c]:void 0,o=n.useRef(null),T=n.useRef(null),Y=()=>{G?.(),t&&i&&P&&(o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{w(!0)},300))},L=a=>{o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{T.current&&!T.current.contains(a.relatedTarget)&&w(!1)},200)},Z=e.jsxs("div",{ref:T,className:"bg-white dark:bg-black-800 shadow rounded-lg border border-neutral-200 dark:border-black-700 min-w-[280px]",onMouseEnter:()=>{o.current&&clearTimeout(o.current)},onMouseLeave:a=>L(a),children:[e.jsxs("div",{className:"flex flex-col gap-1 items-center p-5",children:[e.jsxs("div",{className:s("relative",m.sizeClasses[k]),children:[y&&M?e.jsx("img",{src:y,alt:"Profile",className:s("rounded-full border-2 object-cover w-full h-full",p),onError:()=>d(!1)}):e.jsx("div",{className:s("bg-primary-100 dark:bg-primary-950 border-2 flex items-center justify-center rounded-full w-full h-full",p),children:e.jsx(l.Typography,{size:"extra-small",variant:"semibold",appearance:"custom",className:s("text-primary-600",m.initialsFontSizeClasses[k]),children:m.getInitials((t||"")+" "+(i||""))})}),h&&e.jsx("div",{className:s("absolute bottom-0 right-0 rounded-full border-2 border-white dark:border-black-800",X[k],h)})]}),e.jsxs("div",{className:"flex flex-row gap-1 items-center justify-center",children:[e.jsxs(l.Typography,{size:"medium",variant:"semibold",className:"w-full text-center",children:[t||""," ",i||""]}),r?.region&&e.jsx("span",{children:ee.getFlagComponentRectangleMd(r?.region)})]}),e.jsx(l.Typography,{size:"small",variant:"medium",appearance:"body",children:U||r?.email||""})]}),R?e.jsx("div",{className:"px-5 pb-3",children:e.jsxs("div",{className:"flex items-center gap-3 rounded-lg border border-primary-100 dark:border-primary-900 bg-[rgba(230,241,252,0.60)] dark:bg-primary-950/40 px-[13px] py-[7px]",children:[e.jsx("div",{className:"flex items-center justify-center shrink-0 w-7 h-7 rounded-[5px] border-[0.4px] border-primary-100 dark:border-primary-900 bg-primary-50 dark:bg-primary-950",children:e.jsx(O,{sx:{width:13,height:13},className:"text-primary-600 dark:text-primary-500"})}),e.jsxs("div",{className:"flex flex-col min-w-0",children:[e.jsx(l.Typography,{size:"extra-small",variant:"semibold",appearance:"custom",className:"text-2xs leading-4 uppercase tracking-[0.2px] text-primary-600 dark:text-primary-500",children:"Currently editing"}),e.jsx(l.Typography,{size:"extra-small",variant:"semibold",className:"truncate",children:R})]})]})}):null,C&&($?e.jsx("div",{className:"p-5",children:e.jsx(D.Skeleton,{})}):C&&(r?.teams||r?.clearanceLevel||r?.group)?e.jsxs("div",{className:"flex flex-col gap-4 bg-neutral-50 border-t border-neutral-200 dark:bg-black-700 dark:border-none p-5 rounded-b-lg",children:[e.jsx(ae.StatusInfoRow,{isActive:b,lastViewedOn:u}),r.username&&e.jsx(j,{label:"Username",content:e.jsx("div",{className:"flex gap-2",children:e.jsx(l.Typography,{size:"small",variant:"medium",appearance:"body",children:r.username})})}),r?.teams&&r?.teams?.length>0&&e.jsx(j,{label:"Team",content:e.jsxs("div",{className:"flex gap-2",children:[r?.teams?.length>0&&e.jsx(x.Tag,{label:r?.teams[0]?.name,color:r?.teams[0]?.color||"#e38715",size:"md",isHashColor:!0},r?.teams[0]?.id),r?.teams?.length>=2&&e.jsxs("div",{ref:J,className:"relative cursor-pointer",onMouseEnter:S,onMouseLeave:q,onClick:a=>a.stopPropagation(),children:[e.jsx(x.Tag,{label:`+ ${r?.teams?.length-1} More`,color:"#004f08",size:"md",isHashColor:!0},1),Q&&e.jsx("div",{ref:K,className:s("absolute w-max bg-white dark:text-black-200 dark:bg-black-800 shadow-md border border-neutral-200 dark:border-black-800 rounded-md px-2 z-10 overflow-y-auto max-h-60",{"top-full":f.vertical==="bottom","bottom-full":f.vertical==="top","left-0":f.horizontal==="left","right-0":f.horizontal==="right"}),onMouseEnter:S,onMouseLeave:q,children:r?.teams?.slice(1)?.map((a,g)=>e.jsx("div",{className:"my-2",children:e.jsx(x.Tag,{label:a?.name,color:a?.color||"#4A5568",size:"md",isHashColor:!0,className:"w-fit"},a?.id)},a?.id||g))})]})]})}),r?.group&&e.jsx(j,{label:"Role",content:e.jsx(x.Tag,{label:r?.group,color:"#004094",size:"md",isHashColor:!0},r?.group)}),r?.clearanceLevel&&e.jsx(j,{label:"Clearance Level",content:e.jsx(x.Tag,{label:`Level ${r?.clearanceLevel}`,color:"#b30000",size:"md",isHashColor:!0},String(r?.clearanceLevel))})]}):e.jsx("div",{className:"flex items-center justify-center bg-neutral-50 dark:bg-black-700 border-t border-neutral-200 dark:border-black-700 p-5 rounded-b-lg",children:e.jsxs(l.Typography,{className:"flex items-center justify-center gap-1",size:"extra-small",variant:"medium",appearance:"body",children:[e.jsx(V,{sx:{height:"16px",width:"16px",color:"#F04438"}}),"No other information found!"]})}))]}),E=n.useRef(null);return e.jsxs("div",{onMouseEnter:Y,onMouseLeave:L,className:s("inline-block relative cursor-pointer",A),ref:E,children:[e.jsxs("div",{className:s("relative",F||_),children:[y&&M?e.jsx("img",{src:y,alt:"Profile",className:s("rounded-full border object-cover w-full h-full",p),onError:()=>d(!1)}):t==="All"&&i==="Users"?e.jsx("div",{className:s("rounded-full bg-primary-100 dark:bg-black-600 flex items-center justify-center"),children:e.jsx(ne.GroupsIcon,{className:"text-primary-600 dark:text-primary-600 w-md h-md"})}):t&&i?e.jsx("div",{className:s("bg-primary-100 flex items-center justify-center rounded-full border dark:bg-black-700",m.sizeClasses[v],p),children:e.jsx(l.Typography,{size:"extra-small",variant:"semibold",appearance:"custom",className:s("text-primary-600",m.initialsFontSizeClasses[v]),children:m.getInitials((t||"")+" "+(i||""))})}):e.jsx("div",{className:s(p,"p-1 rounded-full bg-neutral-200 dark:bg-black-600 flex items-center justify-center border w-full h-full"),children:e.jsx(se.PersonIcon,{fill:"#98A2B3"})}),B&&h&&e.jsx("div",{className:s("absolute bottom-0 right-0 rounded-full border border-white dark:border-black-800 w-2 h-2",h)})]}),e.jsx(re.UserAvatarPopper,{isOpen:W,onClose:()=>w(!1),anchorEl:E.current,className:"bg-white dark:bg-black-700 shadow rounded-lg border border-neutral-200 dark:border-black-600",children:Z})]})};H.displayName="UserAvatar";exports.UserAvatar=H;
2
2
  //# sourceMappingURL=UserAvatar.cjs.js.map
package/dist/components/user-avatar/UserAvatar.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UserAvatar.cjs.js","sources":["../../../src/components/user-avatar/UserAvatar.tsx"],"sourcesContent":["import EditOutlinedIcon from '@mui/icons-material/EditOutlined';\nimport WarningRoundedIcon from '@mui/icons-material/WarningRounded';\nimport cn from 'classnames';\nimport { type FC, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Typography } from '../data-display/typography/Typography';\nimport { Tag } from '../data-display/tag/Tag';\nimport { Skeleton } from '../data-display/skeleton/Skeleton';\nimport { getFlagComponentRectangleMd } from '../../utils/countryFlags';\nimport { UserAvatarPopper } from './UserAvatarPopper';\nimport { StatusInfoRow } from './StatusInfoRow';\nimport { sizeClasses, getInitials, initialsFontSizeClasses } from './constants';\nimport { PersonIcon } from './PersonIcon';\nimport { useDynamicPosition } from './useDynamicPosition';\nimport { GroupsIcon } from '../icon';\n\nexport type UserAvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport type UserDetailsTeam = {\n id?: string;\n name: string;\n color?: string;\n};\n\nexport type UserDetails = {\n email?: string;\n username?: string;\n teams?: UserDetailsTeam[];\n group?: string;\n clearanceLevel?: number | string;\n region?: string;\n};\n\nexport type UserAvatarProps = {\n firstName?: string;\n lastName?: string;\n email?: string;\n enablePopper?: boolean;\n profilePic?: string;\n size?: UserAvatarSize;\n hoverSize?: UserAvatarSize;\n containerClassName?: string;\n className?: string;\n userId?: string;\n lastViewedOn?: string;\n isActive?: boolean;\n statusIndicator?: boolean;\n /** User details to display in the popper - replaces the useTeamMemberFilter hook */\n userDetails?: UserDetails | null;\n /** Whether user details are being fetched */\n isFetchingUserDetails?: boolean;\n /** Optional token for authenticated image loading */\n authToken?: string;\n /** Callback triggered when mouse enters the avatar */\n onHover?: () => void;\n /** Name of the clause / line item the user is currently editing. When set, a highlighted \"Currently editing\" card is shown in the popper. */\n currentlyEditing?: string;\n};\n\nconst InfoRow = ({ label, content }: { label: string; content: React.ReactNode }) => (\n <div className='flex justify-between items-center'>\n <Typography size='small' variant='medium' className='mr-5' appearance='body'>\n {label}\n </Typography>\n {content}\n </div>\n);\n\n/**\n * UserAvatar component for displaying user profile pictures with hover popper\n *\n * @example\n * ```tsx\n * <UserAvatar\n * firstName=\"John\"\n * lastName=\"Doe\"\n * email=\"john@example.com\"\n * profilePic=\"/avatar.jpg\"\n * userDetails={{ teams: [{ name: 'Engineering', color: '#0066cc' }], group: 'Admin' }}\n * />\n * ```\n */\nexport const UserAvatar: FC<UserAvatarProps> = ({\n firstName,\n lastName,\n email,\n profilePic,\n size = 'md',\n hoverSize = 'lg',\n containerClassName = '',\n enablePopper = true,\n className,\n userId,\n lastViewedOn,\n isActive,\n statusIndicator = false,\n userDetails,\n isFetchingUserDetails = false,\n authToken,\n onHover,\n currentlyEditing,\n}) => {\n if (firstName === 'All' && lastName === 'Users') {\n return (\n <div className='p-1 rounded-full bg-primary-100 dark:bg-black-600 flex items-center justify-center'>\n <GroupsIcon className='text-primary-600 dark:text-primary-600 w-xs h-xs' />\n </div>\n );\n }\n\n const [visible, setVisible] = useState<boolean>(false);\n const [imageLoaded, setImageLoaded] = useState<boolean>(false);\n\n const avatarSizeClass = sizeClasses[size];\n\n const {\n triggerRef: moreTagRef,\n dropdownRef,\n position: dropdownPosition,\n isVisible: showMore,\n show: handleShowMore,\n hide: handleHideMore,\n } = useDynamicPosition();\n\n const imageCacheRef = useRef<{ [key: string]: string }>({});\n\n const isRecent = useMemo(() => {\n if (isActive || !lastViewedOn) return false;\n const date = new Date(lastViewedOn);\n const now = new Date();\n const diffInHours = (now.getTime() - date.getTime()) / (1000 * 60 * 60);\n return diffInHours < 24;\n }, [isActive, lastViewedOn]);\n\n const getStatusColor = () => {\n if (isActive) return 'bg-primary-600 dark:bg-primary-600';\n if (isRecent) return 'bg-primary-300 dark:bg-primary-300';\n if (lastViewedOn) return 'bg-neutral-400 dark:bg-neutral-400';\n return null;\n };\n\n const statusColor = getStatusColor();\n\n const getBorderColor = () => {\n if (isActive) return 'border-primary-600 dark:border-primary-600';\n if (isRecent) return 'border-primary-300 dark:border-primary-300';\n if (lastViewedOn) return 'border-neutral-400 dark:border-neutral-400';\n return 'border-primary-200 dark:border-neutral-800';\n };\n\n const borderColor = getBorderColor();\n\n const indicatorSizes = {\n '2xs': 'w-1.5 h-1.5',\n xs: 'w-2 h-2',\n sm: 'w-2.5 h-2.5',\n md: 'w-3 h-3',\n lg: 'w-3.5 h-3.5',\n xl: 'w-4 h-4',\n };\n\n useEffect(() => {\n if (profilePic) {\n if (imageCacheRef.current[profilePic]) {\n setImageLoaded(true);\n } else {\n setImageLoaded(false);\n const img = new Image();\n const token = authToken || (typeof localStorage !== 'undefined' ? localStorage.getItem('token') : null);\n img.src = profilePic + (token ? '?token=' + token : '');\n img.onload = () => {\n imageCacheRef.current[profilePic] = img.src;\n setImageLoaded(true);\n };\n img.onerror = () => {\n setImageLoaded(false);\n };\n }\n } else {\n setImageLoaded(false);\n }\n }, [profilePic, authToken]);\n\n useEffect(() => {\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, []);\n\n const cachedSrc = profilePic ? imageCacheRef.current[profilePic] : undefined;\n\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const popperRef = useRef<HTMLDivElement | null>(null);\n\n const handleMouseEnter = () => {\n onHover?.();\n if (firstName && lastName && enablePopper) {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n timerRef.current = setTimeout(() => {\n setVisible(true);\n }, 300);\n }\n };\n\n const handleMouseLeave = (event: React.MouseEvent) => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n timerRef.current = setTimeout(() => {\n if (popperRef.current && !popperRef.current.contains(event.relatedTarget as Node)) {\n setVisible(false);\n }\n }, 200);\n };\n\n const popperContent = (\n <div\n ref={popperRef}\n className='bg-white dark:bg-black-800 shadow rounded-lg border border-neutral-200 dark:border-black-700 min-w-[280px]'\n onMouseEnter={() => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n }}\n onMouseLeave={(event) => handleMouseLeave(event)}\n >\n <div className='flex flex-col gap-1 items-center p-5'>\n <div className={cn('relative', sizeClasses[hoverSize])}>\n {cachedSrc && imageLoaded ? (\n <img\n src={cachedSrc}\n alt='Profile'\n className={cn('rounded-full border-2 object-cover w-full h-full', borderColor)}\n onError={() => setImageLoaded(false)}\n />\n ) : (\n <div\n className={cn(\n 'bg-primary-100 dark:bg-primary-950 border-2 flex items-center justify-center rounded-full w-full h-full',\n borderColor,\n )}\n >\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className={cn('text-primary-600', initialsFontSizeClasses[hoverSize])}\n >\n {getInitials((firstName || '') + ' ' + (lastName || ''))}\n </Typography>\n </div>\n )}\n\n {statusColor && (\n <div\n className={cn(\n 'absolute bottom-0 right-0 rounded-full border-2 border-white dark:border-black-800',\n indicatorSizes[hoverSize],\n statusColor,\n )}\n />\n )}\n </div>\n <div className='flex flex-row gap-1 items-center justify-center'>\n <Typography size='medium' variant='semibold' className='w-full text-center'>\n {firstName || ''} {lastName || ''}\n </Typography>\n {userDetails?.region && <span>{getFlagComponentRectangleMd(userDetails?.region)}</span>}\n </div>\n\n <Typography size='small' variant='medium' appearance='body'>\n {email || userDetails?.email || ''}\n </Typography>\n </div>\n\n {currentlyEditing ? (\n <div className='px-5 pb-3'>\n <div className='flex items-center gap-3 rounded-lg border border-primary-100 dark:border-primary-900 bg-[rgba(230,241,252,0.60)] dark:bg-primary-950/40 px-[13px] py-[7px]'>\n <div className='flex items-center justify-center shrink-0 w-7 h-7 rounded-[5px] border-[0.4px] border-primary-100 dark:border-primary-900 bg-primary-50 dark:bg-primary-950'>\n <EditOutlinedIcon sx={{ width: 13, height: 13 }} className='text-primary-600 dark:text-primary-500' />\n </div>\n <div className='flex flex-col min-w-0'>\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className='text-2xs leading-4 uppercase tracking-[0.2px] text-primary-600 dark:text-primary-500'\n >\n Currently editing\n </Typography>\n <Typography size='extra-small' variant='semibold' className='truncate'>\n {currentlyEditing}\n </Typography>\n </div>\n </div>\n </div>\n ) : null}\n\n {userId &&\n (isFetchingUserDetails ? (\n <div className='p-5'>\n <Skeleton />\n </div>\n ) : userId && (userDetails?.teams || userDetails?.clearanceLevel || userDetails?.group) ? (\n <div className='flex flex-col gap-4 bg-neutral-50 border-t border-neutral-200 dark:bg-black-700 dark:border-none p-5 rounded-b-lg'>\n <StatusInfoRow isActive={isActive} lastViewedOn={lastViewedOn} />\n {userDetails.username && (\n <InfoRow\n label='Username'\n content={\n <div className='flex gap-2'>\n <Typography size='small' variant='medium' appearance='body'>\n {userDetails.username}\n </Typography>\n </div>\n }\n />\n )}\n\n {userDetails?.teams && userDetails?.teams?.length > 0 && (\n <InfoRow\n label='Team'\n content={\n <div className='flex gap-2'>\n {userDetails?.teams?.length > 0 && (\n <Tag\n key={userDetails?.teams[0]?.id}\n label={userDetails?.teams[0]?.name}\n color={userDetails?.teams[0]?.color || '#e38715'}\n size='md'\n isHashColor\n />\n )}\n {userDetails?.teams?.length >= 2 && (\n <div\n ref={moreTagRef}\n className='relative cursor-pointer'\n onMouseEnter={handleShowMore}\n onMouseLeave={handleHideMore}\n onClick={(e) => e.stopPropagation()}\n >\n <Tag key={1} label={`+ ${userDetails?.teams?.length - 1} More`} color='#004f08' size='md' isHashColor />\n\n {showMore && (\n <div\n ref={dropdownRef}\n className={cn(\n 'absolute w-max bg-white dark:text-black-200 dark:bg-black-800 shadow-md border border-neutral-200 dark:border-black-800 rounded-md px-2 z-10 overflow-y-auto max-h-60',\n {\n 'top-full': dropdownPosition.vertical === 'bottom',\n 'bottom-full': dropdownPosition.vertical === 'top',\n 'left-0': dropdownPosition.horizontal === 'left',\n 'right-0': dropdownPosition.horizontal === 'right',\n },\n )}\n onMouseEnter={handleShowMore}\n onMouseLeave={handleHideMore}\n >\n {userDetails?.teams?.slice(1)?.map((team, index) => (\n <div key={team?.id || index} className='my-2'>\n <Tag key={team?.id} label={team?.name} color={team?.color || '#4A5568'} size='md' isHashColor className='w-fit' />\n </div>\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n }\n />\n )}\n\n {userDetails?.group && (\n <InfoRow\n label='Role'\n content={<Tag key={userDetails?.group} label={userDetails?.group} color='#004094' size='md' isHashColor />}\n />\n )}\n\n {userDetails?.clearanceLevel && (\n <InfoRow\n label='Clearance Level'\n content={\n <Tag\n key={String(userDetails?.clearanceLevel)}\n label={`Level ${userDetails?.clearanceLevel}`}\n color='#b30000'\n size='md'\n isHashColor\n />\n }\n />\n )}\n </div>\n ) : (\n <div className='flex items-center justify-center bg-neutral-50 dark:bg-black-700 border-t border-neutral-200 dark:border-black-700 p-5 rounded-b-lg'>\n <Typography className='flex items-center justify-center gap-1' size='extra-small' variant='medium' appearance='body'>\n <WarningRoundedIcon\n sx={{\n height: '16px',\n width: '16px',\n color: '#F04438',\n }}\n />\n No other information found!\n </Typography>\n </div>\n ))}\n </div>\n );\n const containerRef = useRef<HTMLDivElement>(null);\n return (\n <div\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n className={cn('inline-block relative cursor-pointer', className)}\n ref={containerRef}\n >\n <div className={cn('relative', containerClassName || avatarSizeClass)}>\n {cachedSrc && imageLoaded ? (\n <img\n src={cachedSrc}\n alt='Profile'\n className={cn('rounded-full border object-cover w-full h-full', borderColor)}\n onError={() => setImageLoaded(false)}\n />\n ) : firstName && lastName ? (\n <div\n className={cn(\n 'bg-primary-100 flex items-center justify-center rounded-full border dark:bg-black-700',\n sizeClasses[size],\n borderColor,\n )}\n >\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className={cn('text-primary-600', initialsFontSizeClasses[size])}\n >\n {getInitials((firstName || '') + ' ' + (lastName || ''))}\n </Typography>\n </div>\n ) : (\n <div className={cn(borderColor, 'p-1 rounded-full bg-neutral-200 dark:bg-black-600 flex items-center justify-center border w-full h-full')}>\n <PersonIcon fill='#98A2B3' />\n </div>\n )}\n\n {statusIndicator && statusColor && (\n <div\n className={cn(\n 'absolute bottom-0 right-0 rounded-full border border-white dark:border-black-800 w-2 h-2',\n\n statusColor,\n )}\n />\n )}\n </div>\n <UserAvatarPopper\n isOpen={visible}\n onClose={() => setVisible(false)}\n anchorEl={containerRef.current}\n className='bg-white dark:bg-black-700 shadow rounded-lg border border-neutral-200 dark:border-black-600'\n >\n {popperContent}\n </UserAvatarPopper>\n </div>\n );\n};\n\nUserAvatar.displayName = 'UserAvatar';\n\n"],"names":["InfoRow","label","content","jsxs","jsx","Typography","UserAvatar","firstName","lastName","email","profilePic","size","hoverSize","containerClassName","enablePopper","className","userId","lastViewedOn","isActive","statusIndicator","userDetails","isFetchingUserDetails","authToken","onHover","currentlyEditing","GroupsIcon","visible","setVisible","useState","imageLoaded","setImageLoaded","avatarSizeClass","sizeClasses","moreTagRef","dropdownRef","dropdownPosition","showMore","handleShowMore","handleHideMore","useDynamicPosition","imageCacheRef","useRef","isRecent","useMemo","date","statusColor","borderColor","indicatorSizes","useEffect","img","token","timerRef","cachedSrc","popperRef","handleMouseEnter","handleMouseLeave","event","popperContent","cn","initialsFontSizeClasses","getInitials","getFlagComponentRectangleMd","EditOutlinedIcon","Skeleton","StatusInfoRow","Tag","e","team","index","WarningRoundedIcon","containerRef","PersonIcon","UserAvatarPopper"],"mappings":"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"}
1
+ {"version":3,"file":"UserAvatar.cjs.js","sources":["../../../src/components/user-avatar/UserAvatar.tsx"],"sourcesContent":["import EditOutlinedIcon from '@mui/icons-material/EditOutlined';\nimport WarningRoundedIcon from '@mui/icons-material/WarningRounded';\nimport cn from 'classnames';\nimport { type FC, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Typography } from '../data-display/typography/Typography';\nimport { Tag } from '../data-display/tag/Tag';\nimport { Skeleton } from '../data-display/skeleton/Skeleton';\nimport { getFlagComponentRectangleMd } from '../../utils/countryFlags';\nimport { UserAvatarPopper } from './UserAvatarPopper';\nimport { StatusInfoRow } from './StatusInfoRow';\nimport { sizeClasses, getInitials, initialsFontSizeClasses } from './constants';\nimport { PersonIcon } from './PersonIcon';\nimport { useDynamicPosition } from './useDynamicPosition';\nimport { GroupsIcon } from '../icon';\n\nexport type UserAvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport type UserDetailsTeam = {\n id?: string;\n name: string;\n color?: string;\n};\n\nexport type UserDetails = {\n email?: string;\n username?: string;\n teams?: UserDetailsTeam[];\n group?: string;\n clearanceLevel?: number | string;\n region?: string;\n};\n\nexport type UserAvatarProps = {\n firstName?: string;\n lastName?: string;\n email?: string;\n enablePopper?: boolean;\n profilePic?: string;\n size?: UserAvatarSize;\n hoverSize?: UserAvatarSize;\n containerClassName?: string;\n className?: string;\n userId?: string;\n lastViewedOn?: string;\n isActive?: boolean;\n statusIndicator?: boolean;\n /** User details to display in the popper - replaces the useTeamMemberFilter hook */\n userDetails?: UserDetails | null;\n /** Whether user details are being fetched */\n isFetchingUserDetails?: boolean;\n /** Optional token for authenticated image loading */\n authToken?: string;\n /** Callback triggered when mouse enters the avatar */\n onHover?: () => void;\n /** Name of the clause / line item the user is currently editing. When set, a highlighted \"Currently editing\" card is shown in the popper. */\n currentlyEditing?: string;\n};\n\nconst InfoRow = ({ label, content }: { label: string; content: React.ReactNode }) => (\n <div className='flex justify-between items-center'>\n <Typography size='small' variant='medium' className='mr-5' appearance='body'>\n {label}\n </Typography>\n {content}\n </div>\n);\n\n/**\n * UserAvatar component for displaying user profile pictures with hover popper\n *\n * @example\n * ```tsx\n * <UserAvatar\n * firstName=\"John\"\n * lastName=\"Doe\"\n * email=\"john@example.com\"\n * profilePic=\"/avatar.jpg\"\n * userDetails={{ teams: [{ name: 'Engineering', color: '#0066cc' }], group: 'Admin' }}\n * />\n * ```\n */\nexport const UserAvatar: FC<UserAvatarProps> = ({\n firstName,\n lastName,\n email,\n profilePic,\n size = 'md',\n hoverSize = 'lg',\n containerClassName = '',\n enablePopper = true,\n className,\n userId,\n lastViewedOn,\n isActive,\n statusIndicator = false,\n userDetails,\n isFetchingUserDetails = false,\n authToken,\n onHover,\n currentlyEditing,\n}) => {\n // if (firstName === 'All' && lastName === 'Users') {\n // return (\n // <div className='p-1 rounded-full bg-primary-100 dark:bg-black-600 flex items-center justify-center'>\n // <GroupsIcon className='text-primary-600 dark:text-primary-600 w-xs h-xs' />\n // </div>\n // );\n // }\n\n const [visible, setVisible] = useState<boolean>(false);\n const [imageLoaded, setImageLoaded] = useState<boolean>(false);\n\n const avatarSizeClass = sizeClasses[size];\n\n const {\n triggerRef: moreTagRef,\n dropdownRef,\n position: dropdownPosition,\n isVisible: showMore,\n show: handleShowMore,\n hide: handleHideMore,\n } = useDynamicPosition();\n\n const imageCacheRef = useRef<{ [key: string]: string }>({});\n\n const isRecent = useMemo(() => {\n if (isActive || !lastViewedOn) return false;\n const date = new Date(lastViewedOn);\n const now = new Date();\n const diffInHours = (now.getTime() - date.getTime()) / (1000 * 60 * 60);\n return diffInHours < 24;\n }, [isActive, lastViewedOn]);\n\n const getStatusColor = () => {\n if (isActive) return 'bg-primary-600 dark:bg-primary-600';\n if (isRecent) return 'bg-primary-300 dark:bg-primary-300';\n if (lastViewedOn) return 'bg-neutral-400 dark:bg-neutral-400';\n return null;\n };\n\n const statusColor = getStatusColor();\n\n const getBorderColor = () => {\n if (isActive) return 'border-primary-600 dark:border-primary-600';\n if (isRecent) return 'border-primary-300 dark:border-primary-300';\n if (lastViewedOn) return 'border-neutral-400 dark:border-neutral-400';\n return 'border-primary-200 dark:border-neutral-800';\n };\n\n const borderColor = getBorderColor();\n\n const indicatorSizes = {\n '2xs': 'w-1.5 h-1.5',\n xs: 'w-2 h-2',\n sm: 'w-2.5 h-2.5',\n md: 'w-3 h-3',\n lg: 'w-3.5 h-3.5',\n xl: 'w-4 h-4',\n };\n\n useEffect(() => {\n if (profilePic) {\n if (imageCacheRef.current[profilePic]) {\n setImageLoaded(true);\n } else {\n setImageLoaded(false);\n const img = new Image();\n const token = authToken || (typeof localStorage !== 'undefined' ? localStorage.getItem('token') : null);\n img.src = profilePic + (token ? '?token=' + token : '');\n img.onload = () => {\n imageCacheRef.current[profilePic] = img.src;\n setImageLoaded(true);\n };\n img.onerror = () => {\n setImageLoaded(false);\n };\n }\n } else {\n setImageLoaded(false);\n }\n }, [profilePic, authToken]);\n\n useEffect(() => {\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, []);\n\n const cachedSrc = profilePic ? imageCacheRef.current[profilePic] : undefined;\n\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const popperRef = useRef<HTMLDivElement | null>(null);\n\n const handleMouseEnter = () => {\n onHover?.();\n if (firstName && lastName && enablePopper) {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n timerRef.current = setTimeout(() => {\n setVisible(true);\n }, 300);\n }\n };\n\n const handleMouseLeave = (event: React.MouseEvent) => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n timerRef.current = setTimeout(() => {\n if (popperRef.current && !popperRef.current.contains(event.relatedTarget as Node)) {\n setVisible(false);\n }\n }, 200);\n };\n\n const popperContent = (\n <div\n ref={popperRef}\n className='bg-white dark:bg-black-800 shadow rounded-lg border border-neutral-200 dark:border-black-700 min-w-[280px]'\n onMouseEnter={() => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n }}\n onMouseLeave={(event) => handleMouseLeave(event)}\n >\n <div className='flex flex-col gap-1 items-center p-5'>\n <div className={cn('relative', sizeClasses[hoverSize])}>\n {cachedSrc && imageLoaded ? (\n <img\n src={cachedSrc}\n alt='Profile'\n className={cn('rounded-full border-2 object-cover w-full h-full', borderColor)}\n onError={() => setImageLoaded(false)}\n />\n ) : (\n <div\n className={cn(\n 'bg-primary-100 dark:bg-primary-950 border-2 flex items-center justify-center rounded-full w-full h-full',\n borderColor,\n )}\n >\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className={cn('text-primary-600', initialsFontSizeClasses[hoverSize])}\n >\n {getInitials((firstName || '') + ' ' + (lastName || ''))}\n </Typography>\n </div>\n )}\n\n {statusColor && (\n <div\n className={cn(\n 'absolute bottom-0 right-0 rounded-full border-2 border-white dark:border-black-800',\n indicatorSizes[hoverSize],\n statusColor,\n )}\n />\n )}\n </div>\n <div className='flex flex-row gap-1 items-center justify-center'>\n <Typography size='medium' variant='semibold' className='w-full text-center'>\n {firstName || ''} {lastName || ''}\n </Typography>\n {userDetails?.region && <span>{getFlagComponentRectangleMd(userDetails?.region)}</span>}\n </div>\n\n <Typography size='small' variant='medium' appearance='body'>\n {email || userDetails?.email || ''}\n </Typography>\n </div>\n\n {currentlyEditing ? (\n <div className='px-5 pb-3'>\n <div className='flex items-center gap-3 rounded-lg border border-primary-100 dark:border-primary-900 bg-[rgba(230,241,252,0.60)] dark:bg-primary-950/40 px-[13px] py-[7px]'>\n <div className='flex items-center justify-center shrink-0 w-7 h-7 rounded-[5px] border-[0.4px] border-primary-100 dark:border-primary-900 bg-primary-50 dark:bg-primary-950'>\n <EditOutlinedIcon sx={{ width: 13, height: 13 }} className='text-primary-600 dark:text-primary-500' />\n </div>\n <div className='flex flex-col min-w-0'>\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className='text-2xs leading-4 uppercase tracking-[0.2px] text-primary-600 dark:text-primary-500'\n >\n Currently editing\n </Typography>\n <Typography size='extra-small' variant='semibold' className='truncate'>\n {currentlyEditing}\n </Typography>\n </div>\n </div>\n </div>\n ) : null}\n\n {userId &&\n (isFetchingUserDetails ? (\n <div className='p-5'>\n <Skeleton />\n </div>\n ) : userId && (userDetails?.teams || userDetails?.clearanceLevel || userDetails?.group) ? (\n <div className='flex flex-col gap-4 bg-neutral-50 border-t border-neutral-200 dark:bg-black-700 dark:border-none p-5 rounded-b-lg'>\n <StatusInfoRow isActive={isActive} lastViewedOn={lastViewedOn} />\n {userDetails.username && (\n <InfoRow\n label='Username'\n content={\n <div className='flex gap-2'>\n <Typography size='small' variant='medium' appearance='body'>\n {userDetails.username}\n </Typography>\n </div>\n }\n />\n )}\n\n {userDetails?.teams && userDetails?.teams?.length > 0 && (\n <InfoRow\n label='Team'\n content={\n <div className='flex gap-2'>\n {userDetails?.teams?.length > 0 && (\n <Tag\n key={userDetails?.teams[0]?.id}\n label={userDetails?.teams[0]?.name}\n color={userDetails?.teams[0]?.color || '#e38715'}\n size='md'\n isHashColor\n />\n )}\n {userDetails?.teams?.length >= 2 && (\n <div\n ref={moreTagRef}\n className='relative cursor-pointer'\n onMouseEnter={handleShowMore}\n onMouseLeave={handleHideMore}\n onClick={(e) => e.stopPropagation()}\n >\n <Tag key={1} label={`+ ${userDetails?.teams?.length - 1} More`} color='#004f08' size='md' isHashColor />\n\n {showMore && (\n <div\n ref={dropdownRef}\n className={cn(\n 'absolute w-max bg-white dark:text-black-200 dark:bg-black-800 shadow-md border border-neutral-200 dark:border-black-800 rounded-md px-2 z-10 overflow-y-auto max-h-60',\n {\n 'top-full': dropdownPosition.vertical === 'bottom',\n 'bottom-full': dropdownPosition.vertical === 'top',\n 'left-0': dropdownPosition.horizontal === 'left',\n 'right-0': dropdownPosition.horizontal === 'right',\n },\n )}\n onMouseEnter={handleShowMore}\n onMouseLeave={handleHideMore}\n >\n {userDetails?.teams?.slice(1)?.map((team, index) => (\n <div key={team?.id || index} className='my-2'>\n <Tag key={team?.id} label={team?.name} color={team?.color || '#4A5568'} size='md' isHashColor className='w-fit' />\n </div>\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n }\n />\n )}\n\n {userDetails?.group && (\n <InfoRow\n label='Role'\n content={<Tag key={userDetails?.group} label={userDetails?.group} color='#004094' size='md' isHashColor />}\n />\n )}\n\n {userDetails?.clearanceLevel && (\n <InfoRow\n label='Clearance Level'\n content={\n <Tag\n key={String(userDetails?.clearanceLevel)}\n label={`Level ${userDetails?.clearanceLevel}`}\n color='#b30000'\n size='md'\n isHashColor\n />\n }\n />\n )}\n </div>\n ) : (\n <div className='flex items-center justify-center bg-neutral-50 dark:bg-black-700 border-t border-neutral-200 dark:border-black-700 p-5 rounded-b-lg'>\n <Typography className='flex items-center justify-center gap-1' size='extra-small' variant='medium' appearance='body'>\n <WarningRoundedIcon\n sx={{\n height: '16px',\n width: '16px',\n color: '#F04438',\n }}\n />\n No other information found!\n </Typography>\n </div>\n ))}\n </div>\n );\n const containerRef = useRef<HTMLDivElement>(null);\n return (\n <div\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n className={cn('inline-block relative cursor-pointer', className)}\n ref={containerRef}\n >\n <div className={cn('relative', containerClassName || avatarSizeClass)}>\n {cachedSrc && imageLoaded ? (\n <img\n src={cachedSrc}\n alt='Profile'\n className={cn('rounded-full border object-cover w-full h-full', borderColor)}\n onError={() => setImageLoaded(false)}\n />\n ) : firstName === 'All' && lastName === 'Users' ? (\n <div className={cn('rounded-full bg-primary-100 dark:bg-black-600 flex items-center justify-center')}>\n <GroupsIcon className='text-primary-600 dark:text-primary-600 w-md h-md' />\n </div>\n ) :\n firstName && lastName ? (\n <div\n className={cn(\n 'bg-primary-100 flex items-center justify-center rounded-full border dark:bg-black-700',\n sizeClasses[size],\n borderColor,\n )}\n >\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className={cn('text-primary-600', initialsFontSizeClasses[size])}\n >\n {getInitials((firstName || '') + ' ' + (lastName || ''))}\n </Typography>\n </div>\n ) : (\n <div className={cn(borderColor, 'p-1 rounded-full bg-neutral-200 dark:bg-black-600 flex items-center justify-center border w-full h-full')}>\n <PersonIcon fill='#98A2B3' />\n </div>\n )}\n\n {statusIndicator && statusColor && (\n <div\n className={cn(\n 'absolute bottom-0 right-0 rounded-full border border-white dark:border-black-800 w-2 h-2',\n\n statusColor,\n )}\n />\n )}\n </div>\n <UserAvatarPopper\n isOpen={visible}\n onClose={() => setVisible(false)}\n anchorEl={containerRef.current}\n className='bg-white dark:bg-black-700 shadow rounded-lg border border-neutral-200 dark:border-black-600'\n >\n {popperContent}\n </UserAvatarPopper>\n </div>\n );\n};\n\nUserAvatar.displayName = 'UserAvatar';\n\n"],"names":["InfoRow","label","content","jsxs","jsx","Typography","UserAvatar","firstName","lastName","email","profilePic","size","hoverSize","containerClassName","enablePopper","className","userId","lastViewedOn","isActive","statusIndicator","userDetails","isFetchingUserDetails","authToken","onHover","currentlyEditing","visible","setVisible","useState","imageLoaded","setImageLoaded","avatarSizeClass","sizeClasses","moreTagRef","dropdownRef","dropdownPosition","showMore","handleShowMore","handleHideMore","useDynamicPosition","imageCacheRef","useRef","isRecent","useMemo","date","statusColor","borderColor","indicatorSizes","useEffect","img","token","timerRef","cachedSrc","popperRef","handleMouseEnter","handleMouseLeave","event","popperContent","cn","initialsFontSizeClasses","getInitials","getFlagComponentRectangleMd","EditOutlinedIcon","Skeleton","StatusInfoRow","Tag","e","team","index","WarningRoundedIcon","containerRef","GroupsIcon","PersonIcon","UserAvatarPopper"],"mappings":"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"}
package/dist/components/user-avatar/UserAvatar.es.js CHANGED
@@ -1,7 +1,7 @@
1
- import { jsx as e, jsxs as o } from "react/jsx-runtime";
1
+ import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
2
  import re from "@mui/icons-material/EditOutlined";
3
3
  import ae from "@mui/icons-material/WarningRounded";
4
- import l from "../../_virtual/index.es.js";
4
+ import o from "../../_virtual/index.es.js";
5
5
  import { useState as B, useRef as v, useMemo as oe, useEffect as F } from "react";
6
6
  import { Typography as n } from "../data-display/typography/Typography.es.js";
7
7
  import { Tag as p } from "../data-display/tag/Tag.es.js";
@@ -13,7 +13,7 @@ import { sizeClasses as M, getInitials as A, initialsFontSizeClasses as $ } from
13
13
  import { PersonIcon as ie } from "./PersonIcon.es.js";
14
14
  import { useDynamicPosition as ce } from "./useDynamicPosition.es.js";
15
15
  import { GroupsIcon as se } from "../icon/icons.generated.es.js";
16
- const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
16
+ const k = ({ label: d, content: i }) => /* @__PURE__ */ l("div", { className: "flex justify-between items-center", children: [
17
17
  /* @__PURE__ */ e(n, { size: "small", variant: "medium", className: "mr-5", appearance: "body", children: d }),
18
18
  i
19
19
  ] }), me = ({
@@ -36,8 +36,6 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
36
36
  onHover: Q,
37
37
  currentlyEditing: L
38
38
  }) => {
39
- if (d === "All" && i === "Users")
40
- return /* @__PURE__ */ e("div", { className: "p-1 rounded-full bg-primary-100 dark:bg-black-600 flex items-center justify-center", children: /* @__PURE__ */ e(se, { className: "text-primary-600 dark:text-primary-600 w-xs h-xs" }) });
41
39
  const [X, N] = B(!1), [T, s] = B(!1), Y = M[y], {
42
40
  triggerRef: Z,
43
41
  dropdownRef: _,
@@ -83,7 +81,7 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
83
81
  t.current && clearTimeout(t.current), t.current = setTimeout(() => {
84
82
  z.current && !z.current.contains(a.relatedTarget) && N(!1);
85
83
  }, 200);
86
- }, ee = /* @__PURE__ */ o(
84
+ }, ee = /* @__PURE__ */ l(
87
85
  "div",
88
86
  {
89
87
  ref: z,
@@ -93,20 +91,20 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
93
91
  },
94
92
  onMouseLeave: (a) => H(a),
95
93
  children: [
96
- /* @__PURE__ */ o("div", { className: "flex flex-col gap-1 items-center p-5", children: [
97
- /* @__PURE__ */ o("div", { className: l("relative", M[w]), children: [
94
+ /* @__PURE__ */ l("div", { className: "flex flex-col gap-1 items-center p-5", children: [
95
+ /* @__PURE__ */ l("div", { className: o("relative", M[w]), children: [
98
96
  x && T ? /* @__PURE__ */ e(
99
97
  "img",
100
98
  {
101
99
  src: x,
102
100
  alt: "Profile",
103
- className: l("rounded-full border-2 object-cover w-full h-full", b),
101
+ className: o("rounded-full border-2 object-cover w-full h-full", b),
104
102
  onError: () => s(!1)
105
103
  }
106
104
  ) : /* @__PURE__ */ e(
107
105
  "div",
108
106
  {
109
- className: l(
107
+ className: o(
110
108
  "bg-primary-100 dark:bg-primary-950 border-2 flex items-center justify-center rounded-full w-full h-full",
111
109
  b
112
110
  ),
@@ -116,7 +114,7 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
116
114
  size: "extra-small",
117
115
  variant: "semibold",
118
116
  appearance: "custom",
119
- className: l("text-primary-600", $[w]),
117
+ className: o("text-primary-600", $[w]),
120
118
  children: A((d || "") + " " + (i || ""))
121
119
  }
122
120
  )
@@ -125,7 +123,7 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
125
123
  h && /* @__PURE__ */ e(
126
124
  "div",
127
125
  {
128
- className: l(
126
+ className: o(
129
127
  "absolute bottom-0 right-0 rounded-full border-2 border-white dark:border-black-800",
130
128
  V[w],
131
129
  h
@@ -133,8 +131,8 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
133
131
  }
134
132
  )
135
133
  ] }),
136
- /* @__PURE__ */ o("div", { className: "flex flex-row gap-1 items-center justify-center", children: [
137
- /* @__PURE__ */ o(n, { size: "medium", variant: "semibold", className: "w-full text-center", children: [
134
+ /* @__PURE__ */ l("div", { className: "flex flex-row gap-1 items-center justify-center", children: [
135
+ /* @__PURE__ */ l(n, { size: "medium", variant: "semibold", className: "w-full text-center", children: [
138
136
  d || "",
139
137
  " ",
140
138
  i || ""
@@ -143,9 +141,9 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
143
141
  ] }),
144
142
  /* @__PURE__ */ e(n, { size: "small", variant: "medium", appearance: "body", children: G || r?.email || "" })
145
143
  ] }),
146
- L ? /* @__PURE__ */ e("div", { className: "px-5 pb-3", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-3 rounded-lg border border-primary-100 dark:border-primary-900 bg-[rgba(230,241,252,0.60)] dark:bg-primary-950/40 px-[13px] py-[7px]", children: [
144
+ L ? /* @__PURE__ */ e("div", { className: "px-5 pb-3", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-3 rounded-lg border border-primary-100 dark:border-primary-900 bg-[rgba(230,241,252,0.60)] dark:bg-primary-950/40 px-[13px] py-[7px]", children: [
147
145
  /* @__PURE__ */ e("div", { className: "flex items-center justify-center shrink-0 w-7 h-7 rounded-[5px] border-[0.4px] border-primary-100 dark:border-primary-900 bg-primary-50 dark:bg-primary-950", children: /* @__PURE__ */ e(re, { sx: { width: 13, height: 13 }, className: "text-primary-600 dark:text-primary-500" }) }),
148
- /* @__PURE__ */ o("div", { className: "flex flex-col min-w-0", children: [
146
+ /* @__PURE__ */ l("div", { className: "flex flex-col min-w-0", children: [
149
147
  /* @__PURE__ */ e(
150
148
  n,
151
149
  {
@@ -159,7 +157,7 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
159
157
  /* @__PURE__ */ e(n, { size: "extra-small", variant: "semibold", className: "truncate", children: L })
160
158
  ] })
161
159
  ] }) }) : null,
162
- R && (K ? /* @__PURE__ */ e("div", { className: "p-5", children: /* @__PURE__ */ e(le, {}) }) : R && (r?.teams || r?.clearanceLevel || r?.group) ? /* @__PURE__ */ o("div", { className: "flex flex-col gap-4 bg-neutral-50 border-t border-neutral-200 dark:bg-black-700 dark:border-none p-5 rounded-b-lg", children: [
160
+ R && (K ? /* @__PURE__ */ e("div", { className: "p-5", children: /* @__PURE__ */ e(le, {}) }) : R && (r?.teams || r?.clearanceLevel || r?.group) ? /* @__PURE__ */ l("div", { className: "flex flex-col gap-4 bg-neutral-50 border-t border-neutral-200 dark:bg-black-700 dark:border-none p-5 rounded-b-lg", children: [
163
161
  /* @__PURE__ */ e(de, { isActive: u, lastViewedOn: m }),
164
162
  r.username && /* @__PURE__ */ e(
165
163
  k,
@@ -172,7 +170,7 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
172
170
  k,
173
171
  {
174
172
  label: "Team",
175
- content: /* @__PURE__ */ o("div", { className: "flex gap-2", children: [
173
+ content: /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
176
174
  r?.teams?.length > 0 && /* @__PURE__ */ e(
177
175
  p,
178
176
  {
@@ -183,7 +181,7 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
183
181
  },
184
182
  r?.teams[0]?.id
185
183
  ),
186
- r?.teams?.length >= 2 && /* @__PURE__ */ o(
184
+ r?.teams?.length >= 2 && /* @__PURE__ */ l(
187
185
  "div",
188
186
  {
189
187
  ref: Z,
@@ -197,7 +195,7 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
197
195
  "div",
198
196
  {
199
197
  ref: _,
200
- className: l(
198
+ className: o(
201
199
  "absolute w-max bg-white dark:text-black-200 dark:bg-black-800 shadow-md border border-neutral-200 dark:border-black-800 rounded-md px-2 z-10 overflow-y-auto max-h-60",
202
200
  {
203
201
  "top-full": g.vertical === "bottom",
@@ -240,7 +238,7 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
240
238
  )
241
239
  }
242
240
  )
243
- ] }) : /* @__PURE__ */ e("div", { className: "flex items-center justify-center bg-neutral-50 dark:bg-black-700 border-t border-neutral-200 dark:border-black-700 p-5 rounded-b-lg", children: /* @__PURE__ */ o(n, { className: "flex items-center justify-center gap-1", size: "extra-small", variant: "medium", appearance: "body", children: [
241
+ ] }) : /* @__PURE__ */ e("div", { className: "flex items-center justify-center bg-neutral-50 dark:bg-black-700 border-t border-neutral-200 dark:border-black-700 p-5 rounded-b-lg", children: /* @__PURE__ */ l(n, { className: "flex items-center justify-center gap-1", size: "extra-small", variant: "medium", appearance: "body", children: [
244
242
  /* @__PURE__ */ e(
245
243
  ae,
246
244
  {
@@ -256,27 +254,27 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
256
254
  ]
257
255
  }
258
256
  ), U = v(null);
259
- return /* @__PURE__ */ o(
257
+ return /* @__PURE__ */ l(
260
258
  "div",
261
259
  {
262
260
  onMouseEnter: D,
263
261
  onMouseLeave: H,
264
- className: l("inline-block relative cursor-pointer", q),
262
+ className: o("inline-block relative cursor-pointer", q),
265
263
  ref: U,
266
264
  children: [
267
- /* @__PURE__ */ o("div", { className: l("relative", P || Y), children: [
265
+ /* @__PURE__ */ l("div", { className: o("relative", P || Y), children: [
268
266
  x && T ? /* @__PURE__ */ e(
269
267
  "img",
270
268
  {
271
269
  src: x,
272
270
  alt: "Profile",
273
- className: l("rounded-full border object-cover w-full h-full", b),
271
+ className: o("rounded-full border object-cover w-full h-full", b),
274
272
  onError: () => s(!1)
275
273
  }
276
- ) : d && i ? /* @__PURE__ */ e(
274
+ ) : d === "All" && i === "Users" ? /* @__PURE__ */ e("div", { className: o("rounded-full bg-primary-100 dark:bg-black-600 flex items-center justify-center"), children: /* @__PURE__ */ e(se, { className: "text-primary-600 dark:text-primary-600 w-md h-md" }) }) : d && i ? /* @__PURE__ */ e(
277
275
  "div",
278
276
  {
279
- className: l(
277
+ className: o(
280
278
  "bg-primary-100 flex items-center justify-center rounded-full border dark:bg-black-700",
281
279
  M[y],
282
280
  b
@@ -287,16 +285,16 @@ const k = ({ label: d, content: i }) => /* @__PURE__ */ o("div", { className: "f
287
285
  size: "extra-small",
288
286
  variant: "semibold",
289
287
  appearance: "custom",
290
- className: l("text-primary-600", $[y]),
288
+ className: o("text-primary-600", $[y]),
291
289
  children: A((d || "") + " " + (i || ""))
292
290
  }
293
291
  )
294
292
  }
295
- ) : /* @__PURE__ */ e("div", { className: l(b, "p-1 rounded-full bg-neutral-200 dark:bg-black-600 flex items-center justify-center border w-full h-full"), children: /* @__PURE__ */ e(ie, { fill: "#98A2B3" }) }),
293
+ ) : /* @__PURE__ */ e("div", { className: o(b, "p-1 rounded-full bg-neutral-200 dark:bg-black-600 flex items-center justify-center border w-full h-full"), children: /* @__PURE__ */ e(ie, { fill: "#98A2B3" }) }),
296
294
  J && h && /* @__PURE__ */ e(
297
295
  "div",
298
296
  {
299
- className: l(
297
+ className: o(
300
298
  "absolute bottom-0 right-0 rounded-full border border-white dark:border-black-800 w-2 h-2",
301
299
  h
302
300
  )
package/dist/components/user-avatar/UserAvatar.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UserAvatar.es.js","sources":["../../../src/components/user-avatar/UserAvatar.tsx"],"sourcesContent":["import EditOutlinedIcon from '@mui/icons-material/EditOutlined';\nimport WarningRoundedIcon from '@mui/icons-material/WarningRounded';\nimport cn from 'classnames';\nimport { type FC, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Typography } from '../data-display/typography/Typography';\nimport { Tag } from '../data-display/tag/Tag';\nimport { Skeleton } from '../data-display/skeleton/Skeleton';\nimport { getFlagComponentRectangleMd } from '../../utils/countryFlags';\nimport { UserAvatarPopper } from './UserAvatarPopper';\nimport { StatusInfoRow } from './StatusInfoRow';\nimport { sizeClasses, getInitials, initialsFontSizeClasses } from './constants';\nimport { PersonIcon } from './PersonIcon';\nimport { useDynamicPosition } from './useDynamicPosition';\nimport { GroupsIcon } from '../icon';\n\nexport type UserAvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport type UserDetailsTeam = {\n id?: string;\n name: string;\n color?: string;\n};\n\nexport type UserDetails = {\n email?: string;\n username?: string;\n teams?: UserDetailsTeam[];\n group?: string;\n clearanceLevel?: number | string;\n region?: string;\n};\n\nexport type UserAvatarProps = {\n firstName?: string;\n lastName?: string;\n email?: string;\n enablePopper?: boolean;\n profilePic?: string;\n size?: UserAvatarSize;\n hoverSize?: UserAvatarSize;\n containerClassName?: string;\n className?: string;\n userId?: string;\n lastViewedOn?: string;\n isActive?: boolean;\n statusIndicator?: boolean;\n /** User details to display in the popper - replaces the useTeamMemberFilter hook */\n userDetails?: UserDetails | null;\n /** Whether user details are being fetched */\n isFetchingUserDetails?: boolean;\n /** Optional token for authenticated image loading */\n authToken?: string;\n /** Callback triggered when mouse enters the avatar */\n onHover?: () => void;\n /** Name of the clause / line item the user is currently editing. When set, a highlighted \"Currently editing\" card is shown in the popper. */\n currentlyEditing?: string;\n};\n\nconst InfoRow = ({ label, content }: { label: string; content: React.ReactNode }) => (\n <div className='flex justify-between items-center'>\n <Typography size='small' variant='medium' className='mr-5' appearance='body'>\n {label}\n </Typography>\n {content}\n </div>\n);\n\n/**\n * UserAvatar component for displaying user profile pictures with hover popper\n *\n * @example\n * ```tsx\n * <UserAvatar\n * firstName=\"John\"\n * lastName=\"Doe\"\n * email=\"john@example.com\"\n * profilePic=\"/avatar.jpg\"\n * userDetails={{ teams: [{ name: 'Engineering', color: '#0066cc' }], group: 'Admin' }}\n * />\n * ```\n */\nexport const UserAvatar: FC<UserAvatarProps> = ({\n firstName,\n lastName,\n email,\n profilePic,\n size = 'md',\n hoverSize = 'lg',\n containerClassName = '',\n enablePopper = true,\n className,\n userId,\n lastViewedOn,\n isActive,\n statusIndicator = false,\n userDetails,\n isFetchingUserDetails = false,\n authToken,\n onHover,\n currentlyEditing,\n}) => {\n if (firstName === 'All' && lastName === 'Users') {\n return (\n <div className='p-1 rounded-full bg-primary-100 dark:bg-black-600 flex items-center justify-center'>\n <GroupsIcon className='text-primary-600 dark:text-primary-600 w-xs h-xs' />\n </div>\n );\n }\n\n const [visible, setVisible] = useState<boolean>(false);\n const [imageLoaded, setImageLoaded] = useState<boolean>(false);\n\n const avatarSizeClass = sizeClasses[size];\n\n const {\n triggerRef: moreTagRef,\n dropdownRef,\n position: dropdownPosition,\n isVisible: showMore,\n show: handleShowMore,\n hide: handleHideMore,\n } = useDynamicPosition();\n\n const imageCacheRef = useRef<{ [key: string]: string }>({});\n\n const isRecent = useMemo(() => {\n if (isActive || !lastViewedOn) return false;\n const date = new Date(lastViewedOn);\n const now = new Date();\n const diffInHours = (now.getTime() - date.getTime()) / (1000 * 60 * 60);\n return diffInHours < 24;\n }, [isActive, lastViewedOn]);\n\n const getStatusColor = () => {\n if (isActive) return 'bg-primary-600 dark:bg-primary-600';\n if (isRecent) return 'bg-primary-300 dark:bg-primary-300';\n if (lastViewedOn) return 'bg-neutral-400 dark:bg-neutral-400';\n return null;\n };\n\n const statusColor = getStatusColor();\n\n const getBorderColor = () => {\n if (isActive) return 'border-primary-600 dark:border-primary-600';\n if (isRecent) return 'border-primary-300 dark:border-primary-300';\n if (lastViewedOn) return 'border-neutral-400 dark:border-neutral-400';\n return 'border-primary-200 dark:border-neutral-800';\n };\n\n const borderColor = getBorderColor();\n\n const indicatorSizes = {\n '2xs': 'w-1.5 h-1.5',\n xs: 'w-2 h-2',\n sm: 'w-2.5 h-2.5',\n md: 'w-3 h-3',\n lg: 'w-3.5 h-3.5',\n xl: 'w-4 h-4',\n };\n\n useEffect(() => {\n if (profilePic) {\n if (imageCacheRef.current[profilePic]) {\n setImageLoaded(true);\n } else {\n setImageLoaded(false);\n const img = new Image();\n const token = authToken || (typeof localStorage !== 'undefined' ? localStorage.getItem('token') : null);\n img.src = profilePic + (token ? '?token=' + token : '');\n img.onload = () => {\n imageCacheRef.current[profilePic] = img.src;\n setImageLoaded(true);\n };\n img.onerror = () => {\n setImageLoaded(false);\n };\n }\n } else {\n setImageLoaded(false);\n }\n }, [profilePic, authToken]);\n\n useEffect(() => {\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, []);\n\n const cachedSrc = profilePic ? imageCacheRef.current[profilePic] : undefined;\n\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const popperRef = useRef<HTMLDivElement | null>(null);\n\n const handleMouseEnter = () => {\n onHover?.();\n if (firstName && lastName && enablePopper) {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n timerRef.current = setTimeout(() => {\n setVisible(true);\n }, 300);\n }\n };\n\n const handleMouseLeave = (event: React.MouseEvent) => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n timerRef.current = setTimeout(() => {\n if (popperRef.current && !popperRef.current.contains(event.relatedTarget as Node)) {\n setVisible(false);\n }\n }, 200);\n };\n\n const popperContent = (\n <div\n ref={popperRef}\n className='bg-white dark:bg-black-800 shadow rounded-lg border border-neutral-200 dark:border-black-700 min-w-[280px]'\n onMouseEnter={() => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n }}\n onMouseLeave={(event) => handleMouseLeave(event)}\n >\n <div className='flex flex-col gap-1 items-center p-5'>\n <div className={cn('relative', sizeClasses[hoverSize])}>\n {cachedSrc && imageLoaded ? (\n <img\n src={cachedSrc}\n alt='Profile'\n className={cn('rounded-full border-2 object-cover w-full h-full', borderColor)}\n onError={() => setImageLoaded(false)}\n />\n ) : (\n <div\n className={cn(\n 'bg-primary-100 dark:bg-primary-950 border-2 flex items-center justify-center rounded-full w-full h-full',\n borderColor,\n )}\n >\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className={cn('text-primary-600', initialsFontSizeClasses[hoverSize])}\n >\n {getInitials((firstName || '') + ' ' + (lastName || ''))}\n </Typography>\n </div>\n )}\n\n {statusColor && (\n <div\n className={cn(\n 'absolute bottom-0 right-0 rounded-full border-2 border-white dark:border-black-800',\n indicatorSizes[hoverSize],\n statusColor,\n )}\n />\n )}\n </div>\n <div className='flex flex-row gap-1 items-center justify-center'>\n <Typography size='medium' variant='semibold' className='w-full text-center'>\n {firstName || ''} {lastName || ''}\n </Typography>\n {userDetails?.region && <span>{getFlagComponentRectangleMd(userDetails?.region)}</span>}\n </div>\n\n <Typography size='small' variant='medium' appearance='body'>\n {email || userDetails?.email || ''}\n </Typography>\n </div>\n\n {currentlyEditing ? (\n <div className='px-5 pb-3'>\n <div className='flex items-center gap-3 rounded-lg border border-primary-100 dark:border-primary-900 bg-[rgba(230,241,252,0.60)] dark:bg-primary-950/40 px-[13px] py-[7px]'>\n <div className='flex items-center justify-center shrink-0 w-7 h-7 rounded-[5px] border-[0.4px] border-primary-100 dark:border-primary-900 bg-primary-50 dark:bg-primary-950'>\n <EditOutlinedIcon sx={{ width: 13, height: 13 }} className='text-primary-600 dark:text-primary-500' />\n </div>\n <div className='flex flex-col min-w-0'>\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className='text-2xs leading-4 uppercase tracking-[0.2px] text-primary-600 dark:text-primary-500'\n >\n Currently editing\n </Typography>\n <Typography size='extra-small' variant='semibold' className='truncate'>\n {currentlyEditing}\n </Typography>\n </div>\n </div>\n </div>\n ) : null}\n\n {userId &&\n (isFetchingUserDetails ? (\n <div className='p-5'>\n <Skeleton />\n </div>\n ) : userId && (userDetails?.teams || userDetails?.clearanceLevel || userDetails?.group) ? (\n <div className='flex flex-col gap-4 bg-neutral-50 border-t border-neutral-200 dark:bg-black-700 dark:border-none p-5 rounded-b-lg'>\n <StatusInfoRow isActive={isActive} lastViewedOn={lastViewedOn} />\n {userDetails.username && (\n <InfoRow\n label='Username'\n content={\n <div className='flex gap-2'>\n <Typography size='small' variant='medium' appearance='body'>\n {userDetails.username}\n </Typography>\n </div>\n }\n />\n )}\n\n {userDetails?.teams && userDetails?.teams?.length > 0 && (\n <InfoRow\n label='Team'\n content={\n <div className='flex gap-2'>\n {userDetails?.teams?.length > 0 && (\n <Tag\n key={userDetails?.teams[0]?.id}\n label={userDetails?.teams[0]?.name}\n color={userDetails?.teams[0]?.color || '#e38715'}\n size='md'\n isHashColor\n />\n )}\n {userDetails?.teams?.length >= 2 && (\n <div\n ref={moreTagRef}\n className='relative cursor-pointer'\n onMouseEnter={handleShowMore}\n onMouseLeave={handleHideMore}\n onClick={(e) => e.stopPropagation()}\n >\n <Tag key={1} label={`+ ${userDetails?.teams?.length - 1} More`} color='#004f08' size='md' isHashColor />\n\n {showMore && (\n <div\n ref={dropdownRef}\n className={cn(\n 'absolute w-max bg-white dark:text-black-200 dark:bg-black-800 shadow-md border border-neutral-200 dark:border-black-800 rounded-md px-2 z-10 overflow-y-auto max-h-60',\n {\n 'top-full': dropdownPosition.vertical === 'bottom',\n 'bottom-full': dropdownPosition.vertical === 'top',\n 'left-0': dropdownPosition.horizontal === 'left',\n 'right-0': dropdownPosition.horizontal === 'right',\n },\n )}\n onMouseEnter={handleShowMore}\n onMouseLeave={handleHideMore}\n >\n {userDetails?.teams?.slice(1)?.map((team, index) => (\n <div key={team?.id || index} className='my-2'>\n <Tag key={team?.id} label={team?.name} color={team?.color || '#4A5568'} size='md' isHashColor className='w-fit' />\n </div>\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n }\n />\n )}\n\n {userDetails?.group && (\n <InfoRow\n label='Role'\n content={<Tag key={userDetails?.group} label={userDetails?.group} color='#004094' size='md' isHashColor />}\n />\n )}\n\n {userDetails?.clearanceLevel && (\n <InfoRow\n label='Clearance Level'\n content={\n <Tag\n key={String(userDetails?.clearanceLevel)}\n label={`Level ${userDetails?.clearanceLevel}`}\n color='#b30000'\n size='md'\n isHashColor\n />\n }\n />\n )}\n </div>\n ) : (\n <div className='flex items-center justify-center bg-neutral-50 dark:bg-black-700 border-t border-neutral-200 dark:border-black-700 p-5 rounded-b-lg'>\n <Typography className='flex items-center justify-center gap-1' size='extra-small' variant='medium' appearance='body'>\n <WarningRoundedIcon\n sx={{\n height: '16px',\n width: '16px',\n color: '#F04438',\n }}\n />\n No other information found!\n </Typography>\n </div>\n ))}\n </div>\n );\n const containerRef = useRef<HTMLDivElement>(null);\n return (\n <div\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n className={cn('inline-block relative cursor-pointer', className)}\n ref={containerRef}\n >\n <div className={cn('relative', containerClassName || avatarSizeClass)}>\n {cachedSrc && imageLoaded ? (\n <img\n src={cachedSrc}\n alt='Profile'\n className={cn('rounded-full border object-cover w-full h-full', borderColor)}\n onError={() => setImageLoaded(false)}\n />\n ) : firstName && lastName ? (\n <div\n className={cn(\n 'bg-primary-100 flex items-center justify-center rounded-full border dark:bg-black-700',\n sizeClasses[size],\n borderColor,\n )}\n >\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className={cn('text-primary-600', initialsFontSizeClasses[size])}\n >\n {getInitials((firstName || '') + ' ' + (lastName || ''))}\n </Typography>\n </div>\n ) : (\n <div className={cn(borderColor, 'p-1 rounded-full bg-neutral-200 dark:bg-black-600 flex items-center justify-center border w-full h-full')}>\n <PersonIcon fill='#98A2B3' />\n </div>\n )}\n\n {statusIndicator && statusColor && (\n <div\n className={cn(\n 'absolute bottom-0 right-0 rounded-full border border-white dark:border-black-800 w-2 h-2',\n\n statusColor,\n )}\n />\n )}\n </div>\n <UserAvatarPopper\n isOpen={visible}\n onClose={() => setVisible(false)}\n anchorEl={containerRef.current}\n className='bg-white dark:bg-black-700 shadow rounded-lg border border-neutral-200 dark:border-black-600'\n >\n {popperContent}\n </UserAvatarPopper>\n </div>\n );\n};\n\nUserAvatar.displayName = 'UserAvatar';\n\n"],"names":["InfoRow","label","content","jsxs","jsx","Typography","UserAvatar","firstName","lastName","email","profilePic","size","hoverSize","containerClassName","enablePopper","className","userId","lastViewedOn","isActive","statusIndicator","userDetails","isFetchingUserDetails","authToken","onHover","currentlyEditing","GroupsIcon","visible","setVisible","useState","imageLoaded","setImageLoaded","avatarSizeClass","sizeClasses","moreTagRef","dropdownRef","dropdownPosition","showMore","handleShowMore","handleHideMore","useDynamicPosition","imageCacheRef","useRef","isRecent","useMemo","date","statusColor","borderColor","indicatorSizes","useEffect","img","token","timerRef","cachedSrc","popperRef","handleMouseEnter","handleMouseLeave","event","popperContent","cn","initialsFontSizeClasses","getInitials","getFlagComponentRectangleMd","EditOutlinedIcon","Skeleton","StatusInfoRow","Tag","e","team","index","WarningRoundedIcon","containerRef","PersonIcon","UserAvatarPopper"],"mappings":"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"}
1
+ {"version":3,"file":"UserAvatar.es.js","sources":["../../../src/components/user-avatar/UserAvatar.tsx"],"sourcesContent":["import EditOutlinedIcon from '@mui/icons-material/EditOutlined';\nimport WarningRoundedIcon from '@mui/icons-material/WarningRounded';\nimport cn from 'classnames';\nimport { type FC, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Typography } from '../data-display/typography/Typography';\nimport { Tag } from '../data-display/tag/Tag';\nimport { Skeleton } from '../data-display/skeleton/Skeleton';\nimport { getFlagComponentRectangleMd } from '../../utils/countryFlags';\nimport { UserAvatarPopper } from './UserAvatarPopper';\nimport { StatusInfoRow } from './StatusInfoRow';\nimport { sizeClasses, getInitials, initialsFontSizeClasses } from './constants';\nimport { PersonIcon } from './PersonIcon';\nimport { useDynamicPosition } from './useDynamicPosition';\nimport { GroupsIcon } from '../icon';\n\nexport type UserAvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport type UserDetailsTeam = {\n id?: string;\n name: string;\n color?: string;\n};\n\nexport type UserDetails = {\n email?: string;\n username?: string;\n teams?: UserDetailsTeam[];\n group?: string;\n clearanceLevel?: number | string;\n region?: string;\n};\n\nexport type UserAvatarProps = {\n firstName?: string;\n lastName?: string;\n email?: string;\n enablePopper?: boolean;\n profilePic?: string;\n size?: UserAvatarSize;\n hoverSize?: UserAvatarSize;\n containerClassName?: string;\n className?: string;\n userId?: string;\n lastViewedOn?: string;\n isActive?: boolean;\n statusIndicator?: boolean;\n /** User details to display in the popper - replaces the useTeamMemberFilter hook */\n userDetails?: UserDetails | null;\n /** Whether user details are being fetched */\n isFetchingUserDetails?: boolean;\n /** Optional token for authenticated image loading */\n authToken?: string;\n /** Callback triggered when mouse enters the avatar */\n onHover?: () => void;\n /** Name of the clause / line item the user is currently editing. When set, a highlighted \"Currently editing\" card is shown in the popper. */\n currentlyEditing?: string;\n};\n\nconst InfoRow = ({ label, content }: { label: string; content: React.ReactNode }) => (\n <div className='flex justify-between items-center'>\n <Typography size='small' variant='medium' className='mr-5' appearance='body'>\n {label}\n </Typography>\n {content}\n </div>\n);\n\n/**\n * UserAvatar component for displaying user profile pictures with hover popper\n *\n * @example\n * ```tsx\n * <UserAvatar\n * firstName=\"John\"\n * lastName=\"Doe\"\n * email=\"john@example.com\"\n * profilePic=\"/avatar.jpg\"\n * userDetails={{ teams: [{ name: 'Engineering', color: '#0066cc' }], group: 'Admin' }}\n * />\n * ```\n */\nexport const UserAvatar: FC<UserAvatarProps> = ({\n firstName,\n lastName,\n email,\n profilePic,\n size = 'md',\n hoverSize = 'lg',\n containerClassName = '',\n enablePopper = true,\n className,\n userId,\n lastViewedOn,\n isActive,\n statusIndicator = false,\n userDetails,\n isFetchingUserDetails = false,\n authToken,\n onHover,\n currentlyEditing,\n}) => {\n // if (firstName === 'All' && lastName === 'Users') {\n // return (\n // <div className='p-1 rounded-full bg-primary-100 dark:bg-black-600 flex items-center justify-center'>\n // <GroupsIcon className='text-primary-600 dark:text-primary-600 w-xs h-xs' />\n // </div>\n // );\n // }\n\n const [visible, setVisible] = useState<boolean>(false);\n const [imageLoaded, setImageLoaded] = useState<boolean>(false);\n\n const avatarSizeClass = sizeClasses[size];\n\n const {\n triggerRef: moreTagRef,\n dropdownRef,\n position: dropdownPosition,\n isVisible: showMore,\n show: handleShowMore,\n hide: handleHideMore,\n } = useDynamicPosition();\n\n const imageCacheRef = useRef<{ [key: string]: string }>({});\n\n const isRecent = useMemo(() => {\n if (isActive || !lastViewedOn) return false;\n const date = new Date(lastViewedOn);\n const now = new Date();\n const diffInHours = (now.getTime() - date.getTime()) / (1000 * 60 * 60);\n return diffInHours < 24;\n }, [isActive, lastViewedOn]);\n\n const getStatusColor = () => {\n if (isActive) return 'bg-primary-600 dark:bg-primary-600';\n if (isRecent) return 'bg-primary-300 dark:bg-primary-300';\n if (lastViewedOn) return 'bg-neutral-400 dark:bg-neutral-400';\n return null;\n };\n\n const statusColor = getStatusColor();\n\n const getBorderColor = () => {\n if (isActive) return 'border-primary-600 dark:border-primary-600';\n if (isRecent) return 'border-primary-300 dark:border-primary-300';\n if (lastViewedOn) return 'border-neutral-400 dark:border-neutral-400';\n return 'border-primary-200 dark:border-neutral-800';\n };\n\n const borderColor = getBorderColor();\n\n const indicatorSizes = {\n '2xs': 'w-1.5 h-1.5',\n xs: 'w-2 h-2',\n sm: 'w-2.5 h-2.5',\n md: 'w-3 h-3',\n lg: 'w-3.5 h-3.5',\n xl: 'w-4 h-4',\n };\n\n useEffect(() => {\n if (profilePic) {\n if (imageCacheRef.current[profilePic]) {\n setImageLoaded(true);\n } else {\n setImageLoaded(false);\n const img = new Image();\n const token = authToken || (typeof localStorage !== 'undefined' ? localStorage.getItem('token') : null);\n img.src = profilePic + (token ? '?token=' + token : '');\n img.onload = () => {\n imageCacheRef.current[profilePic] = img.src;\n setImageLoaded(true);\n };\n img.onerror = () => {\n setImageLoaded(false);\n };\n }\n } else {\n setImageLoaded(false);\n }\n }, [profilePic, authToken]);\n\n useEffect(() => {\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, []);\n\n const cachedSrc = profilePic ? imageCacheRef.current[profilePic] : undefined;\n\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const popperRef = useRef<HTMLDivElement | null>(null);\n\n const handleMouseEnter = () => {\n onHover?.();\n if (firstName && lastName && enablePopper) {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n timerRef.current = setTimeout(() => {\n setVisible(true);\n }, 300);\n }\n };\n\n const handleMouseLeave = (event: React.MouseEvent) => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n timerRef.current = setTimeout(() => {\n if (popperRef.current && !popperRef.current.contains(event.relatedTarget as Node)) {\n setVisible(false);\n }\n }, 200);\n };\n\n const popperContent = (\n <div\n ref={popperRef}\n className='bg-white dark:bg-black-800 shadow rounded-lg border border-neutral-200 dark:border-black-700 min-w-[280px]'\n onMouseEnter={() => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n }}\n onMouseLeave={(event) => handleMouseLeave(event)}\n >\n <div className='flex flex-col gap-1 items-center p-5'>\n <div className={cn('relative', sizeClasses[hoverSize])}>\n {cachedSrc && imageLoaded ? (\n <img\n src={cachedSrc}\n alt='Profile'\n className={cn('rounded-full border-2 object-cover w-full h-full', borderColor)}\n onError={() => setImageLoaded(false)}\n />\n ) : (\n <div\n className={cn(\n 'bg-primary-100 dark:bg-primary-950 border-2 flex items-center justify-center rounded-full w-full h-full',\n borderColor,\n )}\n >\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className={cn('text-primary-600', initialsFontSizeClasses[hoverSize])}\n >\n {getInitials((firstName || '') + ' ' + (lastName || ''))}\n </Typography>\n </div>\n )}\n\n {statusColor && (\n <div\n className={cn(\n 'absolute bottom-0 right-0 rounded-full border-2 border-white dark:border-black-800',\n indicatorSizes[hoverSize],\n statusColor,\n )}\n />\n )}\n </div>\n <div className='flex flex-row gap-1 items-center justify-center'>\n <Typography size='medium' variant='semibold' className='w-full text-center'>\n {firstName || ''} {lastName || ''}\n </Typography>\n {userDetails?.region && <span>{getFlagComponentRectangleMd(userDetails?.region)}</span>}\n </div>\n\n <Typography size='small' variant='medium' appearance='body'>\n {email || userDetails?.email || ''}\n </Typography>\n </div>\n\n {currentlyEditing ? (\n <div className='px-5 pb-3'>\n <div className='flex items-center gap-3 rounded-lg border border-primary-100 dark:border-primary-900 bg-[rgba(230,241,252,0.60)] dark:bg-primary-950/40 px-[13px] py-[7px]'>\n <div className='flex items-center justify-center shrink-0 w-7 h-7 rounded-[5px] border-[0.4px] border-primary-100 dark:border-primary-900 bg-primary-50 dark:bg-primary-950'>\n <EditOutlinedIcon sx={{ width: 13, height: 13 }} className='text-primary-600 dark:text-primary-500' />\n </div>\n <div className='flex flex-col min-w-0'>\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className='text-2xs leading-4 uppercase tracking-[0.2px] text-primary-600 dark:text-primary-500'\n >\n Currently editing\n </Typography>\n <Typography size='extra-small' variant='semibold' className='truncate'>\n {currentlyEditing}\n </Typography>\n </div>\n </div>\n </div>\n ) : null}\n\n {userId &&\n (isFetchingUserDetails ? (\n <div className='p-5'>\n <Skeleton />\n </div>\n ) : userId && (userDetails?.teams || userDetails?.clearanceLevel || userDetails?.group) ? (\n <div className='flex flex-col gap-4 bg-neutral-50 border-t border-neutral-200 dark:bg-black-700 dark:border-none p-5 rounded-b-lg'>\n <StatusInfoRow isActive={isActive} lastViewedOn={lastViewedOn} />\n {userDetails.username && (\n <InfoRow\n label='Username'\n content={\n <div className='flex gap-2'>\n <Typography size='small' variant='medium' appearance='body'>\n {userDetails.username}\n </Typography>\n </div>\n }\n />\n )}\n\n {userDetails?.teams && userDetails?.teams?.length > 0 && (\n <InfoRow\n label='Team'\n content={\n <div className='flex gap-2'>\n {userDetails?.teams?.length > 0 && (\n <Tag\n key={userDetails?.teams[0]?.id}\n label={userDetails?.teams[0]?.name}\n color={userDetails?.teams[0]?.color || '#e38715'}\n size='md'\n isHashColor\n />\n )}\n {userDetails?.teams?.length >= 2 && (\n <div\n ref={moreTagRef}\n className='relative cursor-pointer'\n onMouseEnter={handleShowMore}\n onMouseLeave={handleHideMore}\n onClick={(e) => e.stopPropagation()}\n >\n <Tag key={1} label={`+ ${userDetails?.teams?.length - 1} More`} color='#004f08' size='md' isHashColor />\n\n {showMore && (\n <div\n ref={dropdownRef}\n className={cn(\n 'absolute w-max bg-white dark:text-black-200 dark:bg-black-800 shadow-md border border-neutral-200 dark:border-black-800 rounded-md px-2 z-10 overflow-y-auto max-h-60',\n {\n 'top-full': dropdownPosition.vertical === 'bottom',\n 'bottom-full': dropdownPosition.vertical === 'top',\n 'left-0': dropdownPosition.horizontal === 'left',\n 'right-0': dropdownPosition.horizontal === 'right',\n },\n )}\n onMouseEnter={handleShowMore}\n onMouseLeave={handleHideMore}\n >\n {userDetails?.teams?.slice(1)?.map((team, index) => (\n <div key={team?.id || index} className='my-2'>\n <Tag key={team?.id} label={team?.name} color={team?.color || '#4A5568'} size='md' isHashColor className='w-fit' />\n </div>\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n }\n />\n )}\n\n {userDetails?.group && (\n <InfoRow\n label='Role'\n content={<Tag key={userDetails?.group} label={userDetails?.group} color='#004094' size='md' isHashColor />}\n />\n )}\n\n {userDetails?.clearanceLevel && (\n <InfoRow\n label='Clearance Level'\n content={\n <Tag\n key={String(userDetails?.clearanceLevel)}\n label={`Level ${userDetails?.clearanceLevel}`}\n color='#b30000'\n size='md'\n isHashColor\n />\n }\n />\n )}\n </div>\n ) : (\n <div className='flex items-center justify-center bg-neutral-50 dark:bg-black-700 border-t border-neutral-200 dark:border-black-700 p-5 rounded-b-lg'>\n <Typography className='flex items-center justify-center gap-1' size='extra-small' variant='medium' appearance='body'>\n <WarningRoundedIcon\n sx={{\n height: '16px',\n width: '16px',\n color: '#F04438',\n }}\n />\n No other information found!\n </Typography>\n </div>\n ))}\n </div>\n );\n const containerRef = useRef<HTMLDivElement>(null);\n return (\n <div\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n className={cn('inline-block relative cursor-pointer', className)}\n ref={containerRef}\n >\n <div className={cn('relative', containerClassName || avatarSizeClass)}>\n {cachedSrc && imageLoaded ? (\n <img\n src={cachedSrc}\n alt='Profile'\n className={cn('rounded-full border object-cover w-full h-full', borderColor)}\n onError={() => setImageLoaded(false)}\n />\n ) : firstName === 'All' && lastName === 'Users' ? (\n <div className={cn('rounded-full bg-primary-100 dark:bg-black-600 flex items-center justify-center')}>\n <GroupsIcon className='text-primary-600 dark:text-primary-600 w-md h-md' />\n </div>\n ) :\n firstName && lastName ? (\n <div\n className={cn(\n 'bg-primary-100 flex items-center justify-center rounded-full border dark:bg-black-700',\n sizeClasses[size],\n borderColor,\n )}\n >\n <Typography\n size='extra-small'\n variant='semibold'\n appearance='custom'\n className={cn('text-primary-600', initialsFontSizeClasses[size])}\n >\n {getInitials((firstName || '') + ' ' + (lastName || ''))}\n </Typography>\n </div>\n ) : (\n <div className={cn(borderColor, 'p-1 rounded-full bg-neutral-200 dark:bg-black-600 flex items-center justify-center border w-full h-full')}>\n <PersonIcon fill='#98A2B3' />\n </div>\n )}\n\n {statusIndicator && statusColor && (\n <div\n className={cn(\n 'absolute bottom-0 right-0 rounded-full border border-white dark:border-black-800 w-2 h-2',\n\n statusColor,\n )}\n />\n )}\n </div>\n <UserAvatarPopper\n isOpen={visible}\n onClose={() => setVisible(false)}\n anchorEl={containerRef.current}\n className='bg-white dark:bg-black-700 shadow rounded-lg border border-neutral-200 dark:border-black-600'\n >\n {popperContent}\n </UserAvatarPopper>\n </div>\n );\n};\n\nUserAvatar.displayName = 'UserAvatar';\n\n"],"names":["InfoRow","label","content","jsxs","jsx","Typography","UserAvatar","firstName","lastName","email","profilePic","size","hoverSize","containerClassName","enablePopper","className","userId","lastViewedOn","isActive","statusIndicator","userDetails","isFetchingUserDetails","authToken","onHover","currentlyEditing","visible","setVisible","useState","imageLoaded","setImageLoaded","avatarSizeClass","sizeClasses","moreTagRef","dropdownRef","dropdownPosition","showMore","handleShowMore","handleHideMore","useDynamicPosition","imageCacheRef","useRef","isRecent","useMemo","date","statusColor","borderColor","indicatorSizes","useEffect","img","token","timerRef","cachedSrc","popperRef","handleMouseEnter","handleMouseLeave","event","popperContent","cn","initialsFontSizeClasses","getInitials","getFlagComponentRectangleMd","EditOutlinedIcon","Skeleton","StatusInfoRow","Tag","e","team","index","WarningRoundedIcon","containerRef","GroupsIcon","PersonIcon","UserAvatarPopper"],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lax-wp/design-system",
3
3
  "private": false,
4
- "version": "0.13.57",
4
+ "version": "0.13.58",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.es.js",