@lax-wp/design-system 0.13.56 → 0.13.57

package/dist/components/data-display/infinite-table/body/rows/row.es.js.map

@@ -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({\n    'border-l-[3px] border-l-success-400 dark:border-l-success-500': _isNewRow && _notLoading && _notHovering && !isInlineEditing,\n    'border-l-[3px] border-l-error-400 dark:border-l-error-500': _isDeletedRow && _notLoading && _notHovering && !isInlineEditing,\n    'border-l-[3px] border-l-warning-400 dark:border-l-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={cn('flex', statusBorderClass)} 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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"}
+{"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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"}

package/dist/components/user-avatar/UserAvatar.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("@mui/icons-material"),V=require("@mui/icons-material/EditOutlined"),D=require("@mui/icons-material/WarningRounded"),s=require("../../_virtual/index.cjs.js"),l=require("react"),n=require("../data-display/typography/Typography.cjs.js"),g=require("../data-display/tag/Tag.cjs.js"),ee=require("../data-display/skeleton/Skeleton.cjs.js"),re=require("../../utils/countryFlags.cjs.js"),ae=require("./UserAvatarPopper.cjs.js"),se=require("./StatusInfoRow.cjs.js"),u=require("./constants.cjs.js"),oe=require("./PersonIcon.cjs.js"),le=require("./useDynamicPosition.cjs.js"),j=({label:t,content:i})=>e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(n.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:A="",enablePopper:F=!0,className:P,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(O.GroupsOutlined,{sx:{fontSize:16},className:"text-primary-600 dark:text-primary-600"})});const[W,w]=l.useState(!1),[S,d]=l.useState(!1),J=u.sizeClasses[v],{triggerRef:K,dropdownRef:Q,position:f,isVisible:X,show:M,hide:q}=le.useDynamicPosition(),N=l.useRef({}),I=l.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",Y={"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"};l.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]),l.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]);const y=c?N.current[c]:void 0,o=l.useRef(null),T=l.useRef(null),Z=()=>{G?.(),t&&i&&F&&(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)},_=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&&S?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(n.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",Y[k],h)})]}),e.jsxs("div",{className:"flex flex-row gap-1 items-center justify-center",children:[e.jsxs(n.Typography,{size:"medium",variant:"semibold",className:"w-full text-center",children:[t||""," ",i||""]}),r?.region&&e.jsx("span",{children:re.getFlagComponentRectangleMd(r?.region)})]}),e.jsx(n.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(V,{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(n.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(n.Typography,{size:"extra-small",variant:"semibold",className:"truncate",children:R})]})]})}):null,C&&($?e.jsx("div",{className:"p-5",children:e.jsx(ee.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(se.StatusInfoRow,{isActive:b,lastViewedOn:m}),r.username&&e.jsx(j,{label:"Username",content:e.jsx("div",{className:"flex gap-2",children:e.jsx(n.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:K,className:"relative cursor-pointer",onMouseEnter:M,onMouseLeave:q,onClick:a=>a.stopPropagation(),children:[e.jsx(g.Tag,{label:`+ ${r?.teams?.length-1} More`,color:"#004f08",size:"md",isHashColor:!0},1),X&&e.jsx("div",{ref:Q,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:M,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(n.Typography,{className:"flex items-center justify-center gap-1",size:"extra-small",variant:"medium",appearance:"body",children:[e.jsx(D,{sx:{height:"16px",width:"16px",color:"#F04438"}}),"No other information found!"]})}))]}),E=l.useRef(null);return e.jsxs("div",{onMouseEnter:Z,onMouseLeave:L,className:s("inline-block relative cursor-pointer",P),ref:E,children:[e.jsxs("div",{className:s("relative",A||J),children:[y&&S?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(n.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(oe.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(ae.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:_})]})};H.displayName="UserAvatar";exports.UserAvatar=H;
+"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;
 //# sourceMappingURL=UserAvatar.cjs.js.map

package/dist/components/user-avatar/UserAvatar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatar.cjs.js","sources":["../../../src/components/user-avatar/UserAvatar.tsx"],"sourcesContent":["import { GroupsOutlined } from '@mui/icons-material';\nimport 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';\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        <GroupsOutlined sx={{ fontSize: 16 }} className='text-primary-600 dark:text-primary-600' />\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","GroupsOutlined","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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"}
+{"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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"}