document types

2025-10-31 00:13:16 +01:00
parent 3941ec61d3
commit 813ce24aeb
19 changed files with 1714 additions and 43 deletions
@@ -56,6 +56,37 @@ const resolveCorrespondents = (doc) => {
  return results;
 };

+const resolveDocumentType = (doc) => {
+  if (!doc) {
+    return null;
+  }
+
+  const type = doc.document_type;
+  const fallbackId = doc.document_type_id ?? null;
+
+  if (!type) {
+    return null;
+  }
+
+  if (typeof type === 'string') {
+    const name = type.trim();
+    if (!name) {
+      return null;
+    }
+    return { id: fallbackId, name };
+  }
+
+  if (typeof type === 'object') {
+    const name = (type.name || type.label || '').trim();
+    if (!name) {
+      return null;
+    }
+    return { id: type.id ?? fallbackId, name };
+  }
+
+  return null;
+};
+
 // Detects when an element becomes visible within a scroll container.
 const useLazyVisibility = (rootRef, resetKey) => {
  const targetRef = useRef(null);
@@ -231,6 +262,8 @@ const DocumentsTable = ({
  getDownloadHref,
  onTagClick,
  onCorrespondentClick,
+  activeDocumentTypeIds = [],
+  onDocumentTypeClick,
  isSearchLoading = false,
  onDocumentTagDrop,
  viewMode = 'list',
@@ -257,6 +290,10 @@ const DocumentsTable = ({
    () => new Set(activeCorrespondentIds || []),
    [activeCorrespondentIds],
  );
+  const activeDocumentTypeIdSet = useMemo(
+    () => new Set(activeDocumentTypeIds || []),
+    [activeDocumentTypeIds],
+  );
  const scrollRef = useRef(null);
  const suppressDocumentClickRef = useRef(false);
  const [, forceVisibilityTick] = useState(0);
@@ -628,6 +665,11 @@ const DocumentsTable = ({
                const visibleTags = tagList.slice(0, 3);
                const remainingTagCount = tagList.length > 3 ? tagList.length - 3 : 0;
                const correspondents = resolveCorrespondents(doc);
+                const documentType = resolveDocumentType(doc);
+                const isDocumentTypeActive =
+                  documentType?.id != null && activeDocumentTypeIdSet.has(documentType.id);
+                const canToggleDocumentType =
+                  documentType?.id != null && typeof onDocumentTypeClick === 'function';
                const cardClasses = ['document-card', 'document'];
                if (isSelected) cardClasses.push('selected');
                if (isDraggingDoc) cardClasses.push('is-dragging');
@@ -663,6 +705,32 @@ const DocumentsTable = ({
                        className="document-card__title"
                        title={doc.title || doc.original_name}
                      >
+                        {documentType ? (
+                          <span
+                            className={`doc-type-label${
+                              isDocumentTypeActive ? ' active' : ''
+                            }`}
+                            role={canToggleDocumentType ? 'button' : undefined}
+                            tabIndex={canToggleDocumentType ? 0 : undefined}
+                            onClick={(event) => {
+                              event.stopPropagation();
+                              if (canToggleDocumentType) {
+                                onDocumentTypeClick?.(documentType.id, documentType);
+                              }
+                            }}
+                            onKeyDown={(event) => {
+                              if (event.key === 'Enter' || event.key === ' ') {
+                                event.preventDefault();
+                                event.stopPropagation();
+                                if (canToggleDocumentType) {
+                                  onDocumentTypeClick?.(documentType.id, documentType);
+                                }
+                              }
+                            }}
+                          >
+                            {documentType.name}
+                          </span>
+                        ) : null}
                        {correspondents.length > 0 ? (
                          <span className="doc-correspondents">
                            {renderCorrespondentLinks(correspondents)}
@@ -854,6 +922,9 @@ const DocumentsTable = ({
                  if (isDraggingDoc) rowClasses.push('is-dragging');
                  const downloadHref = getDownloadHref?.(doc) || null;
                  const correspondents = resolveCorrespondents(doc);
+                  const documentType = resolveDocumentType(doc);
+                  const isRowDocumentTypeActive = documentType?.id != null && activeDocumentTypeIdSet.has(documentType.id);
+                  const canToggleRowDocumentType = documentType?.id != null && typeof onDocumentTypeClick === 'function';

                  return (
                    <tr
@@ -883,6 +954,32 @@ const DocumentsTable = ({
                        <div className="doc-name">
                          <div className="doc-list__name-content">
                            <span className="doc-name__title">
+                              {documentType ? (
+                                <span
+                                  className={`doc-type-label${
+                                    isRowDocumentTypeActive ? ' active' : ''
+                                  }`}
+                                  role={canToggleRowDocumentType ? 'button' : undefined}
+                                  tabIndex={canToggleRowDocumentType ? 0 : undefined}
+                                  onClick={(event) => {
+                                    event.stopPropagation();
+                                    if (canToggleRowDocumentType) {
+                                      onDocumentTypeClick?.(documentType.id, documentType);
+                                    }
+                                  }}
+                                  onKeyDown={(event) => {
+                                    if (event.key === 'Enter' || event.key === ' ') {
+                                      event.preventDefault();
+                                      event.stopPropagation();
+                                      if (canToggleRowDocumentType) {
+                                        onDocumentTypeClick?.(documentType.id, documentType);
+                                      }
+                                    }
+                                  }}
+                                >
+                                  {documentType.name}
+                                </span>
+                              ) : null}
                              {correspondents.length > 0 ? (
                                <span className="doc-correspondents">
                                  {renderCorrespondentLinks(correspondents)}