random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-02-01 13:46:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix compil issues

Browse Source
This commit is contained in:
Laurent Nguyen 2024-03-27 10:52:31 +01:00
parent fb6be32166
commit 55ee3854aa
1 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
View File

@ -1,4 +1,12 @@
import { ItemDefinition, PartitionKey, PartitionKeyDefinition, QueryIterator, Resource } from "@azure/cosmos"; import {
FeedOptions,
Item,
ItemDefinition,
PartitionKey,
PartitionKeyDefinition,
QueryIterator,
Resource,
} from "@azure/cosmos";
import { FluentProvider } from "@fluentui/react-components"; import { FluentProvider } from "@fluentui/react-components";
import Split from "@uiw/react-split"; import Split from "@uiw/react-split";
import { KeyCodes, QueryCopilotSampleContainerId, QueryCopilotSampleDatabaseId } from "Common/Constants"; import { KeyCodes, QueryCopilotSampleContainerId, QueryCopilotSampleDatabaseId } from "Common/Constants";
@ -80,7 +88,7 @@ export class DocumentsTabV2 extends TabsBase {
// From TabsBase.renderObjectForEditor() // From TabsBase.renderObjectForEditor()
const renderObjectForEditor = ( const renderObjectForEditor = (
value: unknown, value: unknown,
replacer: (this: any, key: string, value: any) => any, replacer: (this: unknown, key: string, value: unknown) => unknown,
space: string | number, space: string | number,
): string => JSON.stringify(value, replacer, space); ): string => JSON.stringify(value, replacer, space);
@ -358,7 +366,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
setEditorState(ViewModels.DocumentExplorerState.newDocumentValid); setEditorState(ViewModels.DocumentExplorerState.newDocumentValid);
}; };
const onSaveNewDocumentClick = (): Promise<any> => { const onSaveNewDocumentClick = (): Promise<unknown> => {
setIsExecutionError(false); setIsExecutionError(false);
const startKey: number = TelemetryProcessor.traceStart(Action.CreateDocument, { const startKey: number = TelemetryProcessor.traceStart(Action.CreateDocument, {
dataExplorerArea: Constants.Areas.Tab, dataExplorerArea: Constants.Areas.Tab,
@ -369,7 +377,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
setIsExecuting(true); setIsExecuting(true);
return createDocument(props.collection, document) return createDocument(props.collection, document)
.then( .then(
(savedDocument: any) => { (savedDocument: unknown) => {
const value: string = renderObjectForEditor(savedDocument || {}, null, 4); const value: string = renderObjectForEditor(savedDocument || {}, null, 4);
setSelectedDocumentContentBaseline(value); setSelectedDocumentContentBaseline(value);
setInitialDocumentContent(value); setInitialDocumentContent(value);
@ -437,7 +445,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
setIsExecuting(true); setIsExecuting(true);
return updateDocument(props.collection, selectedDocumentId, documentContent) return updateDocument(props.collection, selectedDocumentId, documentContent)
.then( .then(
(updatedDocument: any) => { (updatedDocument: Item & { _rid: string }) => {
const value: string = renderObjectForEditor(updatedDocument || {}, null, 4); const value: string = renderObjectForEditor(updatedDocument || {}, null, 4);
setSelectedDocumentContentBaseline(value); setSelectedDocumentContentBaseline(value);
setInitialDocumentContent(value); setInitialDocumentContent(value);
@ -483,7 +491,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
// setEditorState(ViewModels.DocumentExplorerState.exisitingDocumentNoEdits); // setEditorState(ViewModels.DocumentExplorerState.exisitingDocumentNoEdits);
}; };
const onDeleteExisitingDocumentClick = async (): void => { const onDeleteExisitingDocumentClick = async (): Promise<void> => {
// const selectedDocumentId = this.selectedDocumentId(); // const selectedDocumentId = this.selectedDocumentId();
const msg = !isPreferredApiMongoDB const msg = !isPreferredApiMongoDB
? "Are you sure you want to delete the selected item ?" ? "Are you sure you want to delete the selected item ?"
@ -575,7 +583,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
setQueryAbortController(_queryAbortController); setQueryAbortController(_queryAbortController);
const filter: string = filterContent.trim(); const filter: string = filterContent.trim();
const query: string = buildQuery(filter); const query: string = buildQuery(filter);
const options: any = {}; const options: FeedOptions = {};
options.enableCrossPartitionQuery = HeadersUtility.shouldEnableCrossPartitionKey(); options.enableCrossPartitionQuery = HeadersUtility.shouldEnableCrossPartitionKey();
if (resourceTokenPartitionKey) { if (resourceTokenPartitionKey) {
@ -676,7 +684,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
return true; return true;
}; };
const loadNextPage = (applyFilterButtonClicked?: boolean): Promise<any> => { const loadNextPage = (applyFilterButtonClicked?: boolean): Promise<unknown> => {
setIsExecuting(true); setIsExecuting(true);
setIsExecutionError(false); setIsExecutionError(false);
let automaticallyCancelQueryAfterTimeout: boolean; let automaticallyCancelQueryAfterTimeout: boolean;
@ -712,11 +720,11 @@ const DocumentsTabComponent: React.FunctionComponent<{
const currentDocumentsRids = currentDocuments.map((currentDocument) => currentDocument.rid); const currentDocumentsRids = currentDocuments.map((currentDocument) => currentDocument.rid);
const nextDocumentIds = documentsIdsResponse const nextDocumentIds = documentsIdsResponse
// filter documents already loaded in observable // filter documents already loaded in observable
.filter((d: any) => { .filter((d: DataModels.DocumentId) => {
return currentDocumentsRids.indexOf(d._rid) < 0; return currentDocumentsRids.indexOf(d._rid) < 0;
}) })
// map raw response to view model // map raw response to view model
.map((rawDocument: any) => { .map((rawDocument: DataModels.DocumentId & { _partitionKeyValue: string[] }) => {
const partitionKeyValue = rawDocument._partitionKeyValue; const partitionKeyValue = rawDocument._partitionKeyValue;
// TODO: Mock documentsTab. Fix this // TODO: Mock documentsTab. Fix this
@ -1159,13 +1167,13 @@ const DocumentsTabComponent: React.FunctionComponent<{
value={filterContent} value={filterContent}
onChange={(e) => setFilterContent(e.target.value)} onChange={(e) => setFilterContent(e.target.value)}
/* /*
data-bind=" data-bind="
W attr:{ W attr:{
placeholder:isPreferredApiMongoDB?'Type a query predicate (e.g., {´a´:´foo´}), or choose one from the drop down list, or leave empty to query all documents.':'Type a query predicate (e.g., WHERE c.id=´1´), or choose one from the drop down list, or leave empty to query all documents.' placeholder:isPreferredApiMongoDB?'Type a query predicate (e.g., {´a´:´foo´}), or choose one from the drop down list, or leave empty to query all documents.':'Type a query predicate (e.g., WHERE c.id=´1´), or choose one from the drop down list, or leave empty to query all documents.'
}, },
css: { placeholderVisible: filterContent().length === 0 }, css: { placeholderVisible: filterContent().length === 0 },
textInput: filterContent" textInput: filterContent"
*/ */
/> />
<datalist id="filtersList" /*data-bind="foreach: lastFilterContents"*/> <datalist id="filtersList" /*data-bind="foreach: lastFilterContents"*/>