feat: update frontend components for integration.
This commit is contained in:
@@ -26,12 +26,6 @@ const DocumentsInner: React.FC<{
|
|||||||
const { openDetailPanel } = surfaceConfig;
|
const { openDetailPanel } = surfaceConfig;
|
||||||
const sidebarHidden = sidebarCollapsed || sidebarSuppressed;
|
const sidebarHidden = sidebarCollapsed || sidebarSuppressed;
|
||||||
|
|
||||||
const handleOpenSidepanel = useCallback((docId: string) => {
|
|
||||||
if (openDetailPanel) {
|
|
||||||
openDetailPanel(docId);
|
|
||||||
}
|
|
||||||
}, [openDetailPanel]);
|
|
||||||
|
|
||||||
const documentsTablePropsWithNav = surfaceConfig.documentsTableProps
|
const documentsTablePropsWithNav = surfaceConfig.documentsTableProps
|
||||||
? {
|
? {
|
||||||
...surfaceConfig.documentsTableProps,
|
...surfaceConfig.documentsTableProps,
|
||||||
@@ -75,7 +69,7 @@ const DocumentsInner: React.FC<{
|
|||||||
<DocumentOpenProvider
|
<DocumentOpenProvider
|
||||||
onOpenViewer={onNavigate}
|
onOpenViewer={onNavigate}
|
||||||
onOpenPreview={openPreview}
|
onOpenPreview={openPreview}
|
||||||
onOpenSidepanel={handleOpenSidepanel}
|
onOpenSidepanel={openDetailPanel}
|
||||||
>
|
>
|
||||||
{renderSurface()}
|
{renderSurface()}
|
||||||
</DocumentOpenProvider>
|
</DocumentOpenProvider>
|
||||||
|
|||||||
@@ -45,7 +45,6 @@ interface UseDetailWorkspaceResult {
|
|||||||
openDetailPanel: ReturnType<typeof useDetailPanel>['openDetailPanel'];
|
openDetailPanel: ReturnType<typeof useDetailPanel>['openDetailPanel'];
|
||||||
closeDetailPanel: ReturnType<typeof useDetailPanel>['closeDetailPanel'];
|
closeDetailPanel: ReturnType<typeof useDetailPanel>['closeDetailPanel'];
|
||||||
handleDetailPanelClose: () => void;
|
handleDetailPanelClose: () => void;
|
||||||
inspectDocument: (docId: Identifier | null) => void;
|
|
||||||
resolveThumbnailUrlForDoc: (doc: Document | null) => string | null;
|
resolveThumbnailUrlForDoc: (doc: Document | null) => string | null;
|
||||||
resolveFolderPath: (folderId?: Identifier | 'root') => Array<{ id: Identifier | 'root'; name: string }>;
|
resolveFolderPath: (folderId?: Identifier | 'root') => Array<{ id: Identifier | 'root'; name: string }>;
|
||||||
}
|
}
|
||||||
@@ -140,16 +139,6 @@ const useDetailWorkspace = ({
|
|||||||
[ensureAssetUrl, getAsset],
|
[ensureAssetUrl, getAsset],
|
||||||
);
|
);
|
||||||
|
|
||||||
const inspectDocument = useCallback(
|
|
||||||
(documentId: Identifier) => {
|
|
||||||
if (!documentId) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
openDetailPanel(documentId);
|
|
||||||
},
|
|
||||||
[openDetailPanel],
|
|
||||||
);
|
|
||||||
|
|
||||||
const handleDetailPanelClose = useCallback(() => {
|
const handleDetailPanelClose = useCallback(() => {
|
||||||
closeDetailPanel();
|
closeDetailPanel();
|
||||||
}, [closeDetailPanel]);
|
}, [closeDetailPanel]);
|
||||||
@@ -208,6 +197,8 @@ const useDetailWorkspace = ({
|
|||||||
closeDetailPanel,
|
closeDetailPanel,
|
||||||
handleDetailPanelClose,
|
handleDetailPanelClose,
|
||||||
inspectDocument,
|
inspectDocument,
|
||||||
|
previewActive,
|
||||||
|
previewWorkspaceDocument,
|
||||||
resolveThumbnailUrlForDoc,
|
resolveThumbnailUrlForDoc,
|
||||||
resolveFolderPath,
|
resolveFolderPath,
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user