ydb-embedded-ui 9.0.0 → 9.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/EnableFullscreenButton/EnableFullscreenButton.d.ts +3 -1
- package/dist/components/EnableFullscreenButton/EnableFullscreenButton.js +2 -2
- package/dist/components/EnableFullscreenButton/EnableFullscreenButton.js.map +1 -1
- package/dist/components/EntityStatus/EntityStatus.d.ts +2 -1
- package/dist/components/EntityStatus/EntityStatus.js +7 -4
- package/dist/components/EntityStatus/EntityStatus.js.map +1 -1
- package/dist/components/JsonViewer/JsonViewer.d.ts +2 -0
- package/dist/components/JsonViewer/JsonViewer.js +4 -4
- package/dist/components/JsonViewer/JsonViewer.js.map +1 -1
- package/dist/components/JsonViewer/JsonViewer.scss +2 -0
- package/dist/components/JsonViewer/components/Cell.d.ts +1 -0
- package/dist/components/JsonViewer/components/Cell.js +6 -6
- package/dist/components/JsonViewer/components/Cell.js.map +1 -1
- package/dist/components/JsonViewer/components/FullValueDialog.js +5 -1
- package/dist/components/JsonViewer/components/FullValueDialog.js.map +1 -1
- package/dist/components/ShortyString/ShortyString.scss +1 -1
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.d.ts +2 -1
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.js +4 -3
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.js.map +1 -1
- package/dist/components/TableWithControlsLayout/TableWithControlsLayout.scss +1 -1
- package/dist/components/Tags/Tags.js +2 -1
- package/dist/components/Tags/Tags.js.map +1 -1
- package/dist/components/VDisk/utils.d.ts +2 -2
- package/dist/components/VDisk/utils.js +12 -13
- package/dist/components/VDisk/utils.js.map +1 -1
- package/dist/components/VDiskInfo/VDiskInfo.js +5 -1
- package/dist/components/VDiskInfo/VDiskInfo.js.map +1 -1
- package/dist/components/VDiskPopup/VDiskPopup.js +15 -12
- package/dist/components/VDiskPopup/VDiskPopup.js.map +1 -1
- package/dist/containers/Cluster/Cluster.js +11 -4
- package/dist/containers/Cluster/Cluster.js.map +1 -1
- package/dist/containers/Cluster/Cluster.scss +19 -7
- package/dist/containers/Cluster/ClusterInfo/ClusterInfo.js +3 -3
- package/dist/containers/Cluster/ClusterInfo/ClusterInfo.scss +2 -0
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.js +2 -2
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.js.map +1 -1
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.scss +6 -1
- package/dist/containers/Cluster/ClusterInfo/utils/utils.js +3 -3
- package/dist/containers/Cluster/ClusterInfo/utils/utils.js.map +1 -1
- package/dist/containers/Cluster/ClusterOverview/ClusterOverview.scss +0 -2
- package/dist/containers/Nodes/Nodes.scss +0 -4
- package/dist/containers/PDiskPage/PDiskSpaceDistribution/PDiskSpaceDistribution.js +1 -1
- package/dist/containers/PDiskPage/PDiskSpaceDistribution/PDiskSpaceDistribution.js.map +1 -1
- package/dist/containers/Storage/Storage.scss +0 -4
- package/dist/containers/Tenant/Diagnostics/Describe/Describe.d.ts +1 -3
- package/dist/containers/Tenant/Diagnostics/Describe/Describe.js +9 -33
- package/dist/containers/Tenant/Diagnostics/Describe/Describe.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Diagnostics.d.ts +2 -1
- package/dist/containers/Tenant/Diagnostics/Diagnostics.js +2 -2
- package/dist/containers/Tenant/Diagnostics/Diagnostics.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.d.ts +2 -2
- package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.js +13 -7
- package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/ChangefeedInfo/ChangefeedInfo.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/ChangefeedInfo/ChangefeedInfo.js +7 -10
- package/dist/containers/Tenant/Diagnostics/Overview/ChangefeedInfo/ChangefeedInfo.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/Overview.js +8 -32
- package/dist/containers/Tenant/Diagnostics/Overview/Overview.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/TopicInfo/TopicInfo.js +10 -1
- package/dist/containers/Tenant/Diagnostics/Overview/TopicInfo/TopicInfo.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Partitions/PartitionsControls/PartitionsControls.js +1 -1
- package/dist/containers/Tenant/Diagnostics/Partitions/PartitionsControls/PartitionsControls.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Partitions/columns/columns.js +1 -1
- package/dist/containers/Tenant/Diagnostics/Partitions/columns/columns.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.js +67 -24
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.scss +8 -2
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.d.ts +2 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.js +15 -7
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/TopicMessageDetails.d.ts +7 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/TopicMessageDetails.js +82 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/TopicMessageDetails.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/TopicMessageDetails.scss +53 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicDataSection.d.ts +8 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicDataSection.js +7 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicDataSection.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.d.ts +7 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.js +65 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessageGeneralInfo.d.ts +6 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessageGeneralInfo.js +39 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessageGeneralInfo.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessageMetadata.d.ts +6 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessageMetadata.js +9 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessageMetadata.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/fields.d.ts +10 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/fields.js +67 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/fields.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/shared.d.ts +2 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/shared.js +4 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/shared.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.js +19 -19
- package/dist/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/Columns.scss +17 -9
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.d.ts +32 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.js +158 -117
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/getData.d.ts +6 -4
- package/dist/containers/Tenant/Diagnostics/TopicData/getData.js +3 -4
- package/dist/containers/Tenant/Diagnostics/TopicData/getData.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/i18n/en.json +10 -2
- package/dist/containers/Tenant/Diagnostics/TopicData/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicDataQueryParams.d.ts +2 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicDataQueryParams.js +7 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicDataQueryParams.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/constants.js +3 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/constants.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/types.d.ts +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/types.js +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/types.js.map +1 -1
- package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.d.ts +2 -1
- package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.js +3 -3
- package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.js.map +1 -1
- package/dist/containers/Tenant/ObjectSummary/SchemaTree/SchemaTree.js +4 -2
- package/dist/containers/Tenant/ObjectSummary/SchemaTree/SchemaTree.js.map +1 -1
- package/dist/containers/Tenant/Query/Preview/Preview.d.ts +2 -8
- package/dist/containers/Tenant/Query/Preview/Preview.js +21 -47
- package/dist/containers/Tenant/Query/Preview/Preview.js.map +1 -1
- package/dist/containers/Tenant/Query/Preview/Preview.scss +9 -20
- package/dist/containers/Tenant/Query/Preview/components/PreviewView.d.ts +11 -0
- package/dist/containers/Tenant/Query/Preview/components/PreviewView.js +28 -0
- package/dist/containers/Tenant/Query/Preview/components/PreviewView.js.map +1 -0
- package/dist/containers/Tenant/Query/Preview/components/TablePreview.d.ts +2 -0
- package/dist/containers/Tenant/Query/Preview/components/TablePreview.js +25 -0
- package/dist/containers/Tenant/Query/Preview/components/TablePreview.js.map +1 -0
- package/dist/containers/Tenant/Query/Preview/components/TopicPreview.d.ts +2 -0
- package/dist/containers/Tenant/Query/Preview/components/TopicPreview.js +53 -0
- package/dist/containers/Tenant/Query/Preview/components/TopicPreview.js.map +1 -0
- package/dist/containers/Tenant/Query/Preview/components/TopicPreviewTable.d.ts +6 -0
- package/dist/containers/Tenant/Query/Preview/components/TopicPreviewTable.js +44 -0
- package/dist/containers/Tenant/Query/Preview/components/TopicPreviewTable.js.map +1 -0
- package/dist/containers/Tenant/Query/Preview/i18n/en.json +4 -0
- package/dist/containers/Tenant/Query/Preview/i18n/index.d.ts +2 -0
- package/dist/containers/Tenant/Query/Preview/i18n/index.js +5 -0
- package/dist/containers/Tenant/Query/Preview/i18n/index.js.map +1 -0
- package/dist/containers/Tenant/Query/Preview/shared.d.ts +1 -0
- package/dist/containers/Tenant/Query/Preview/shared.js +3 -0
- package/dist/containers/Tenant/Query/Preview/shared.js.map +1 -0
- package/dist/containers/Tenant/Query/Preview/types.d.ts +7 -0
- package/dist/containers/Tenant/Query/Preview/types.js +2 -0
- package/dist/containers/Tenant/Query/Preview/types.js.map +1 -0
- package/dist/containers/Tenant/Query/Query.d.ts +2 -1
- package/dist/containers/Tenant/Query/Query.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.d.ts +2 -1
- package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.js +5 -5
- package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryResult/QueryResultViewer.js +1 -1
- package/dist/containers/Tenant/Query/QueryResult/QueryResultViewer.js.map +1 -1
- package/dist/containers/Tenant/Tenant.js +1 -1
- package/dist/containers/Tenant/Tenant.js.map +1 -1
- package/dist/containers/Tenant/TenantPages.d.ts +1 -0
- package/dist/containers/Tenant/TenantPages.js.map +1 -1
- package/dist/containers/Tenant/utils/controls.d.ts +2 -2
- package/dist/containers/Tenant/utils/controls.js +4 -2
- package/dist/containers/Tenant/utils/controls.js.map +1 -1
- package/dist/containers/Tenant/utils/schema.d.ts +0 -1
- package/dist/containers/Tenant/utils/schema.js +2 -22
- package/dist/containers/Tenant/utils/schema.js.map +1 -1
- package/dist/containers/Tenant/utils/schemaActions.d.ts +1 -1
- package/dist/containers/Tenant/utils/schemaActions.js.map +1 -1
- package/dist/containers/Tenant/utils/types.d.ts +10 -0
- package/dist/containers/Tenant/utils/types.js +2 -0
- package/dist/containers/Tenant/utils/types.js.map +1 -0
- package/dist/containers/Tenants/Tenants.js +58 -42
- package/dist/containers/Tenants/Tenants.js.map +1 -1
- package/dist/containers/Tenants/Tenants.scss +1 -1
- package/dist/containers/Tenants/i18n/en.json +2 -1
- package/dist/containers/Tenants/i18n/index.d.ts +1 -1
- package/dist/containers/VDiskPage/VDiskPage.js +19 -3
- package/dist/containers/VDiskPage/VDiskPage.js.map +1 -1
- package/dist/routes.d.ts +9 -1
- package/dist/routes.js +2 -2
- package/dist/routes.js.map +1 -1
- package/dist/store/reducers/capabilities/hooks.d.ts +1 -0
- package/dist/store/reducers/capabilities/hooks.js +4 -1
- package/dist/store/reducers/capabilities/hooks.js.map +1 -1
- package/dist/store/reducers/overview/overview.d.ts +0 -36
- package/dist/store/reducers/overview/overview.js +0 -55
- package/dist/store/reducers/overview/overview.js.map +1 -1
- package/dist/store/reducers/partitions/types.d.ts +1 -1
- package/dist/store/reducers/storage/prepareGroupsDisks.js +6 -0
- package/dist/store/reducers/storage/prepareGroupsDisks.js.map +1 -1
- package/dist/store/reducers/topic.d.ts +1 -1
- package/dist/store/reducers/topic.js +1 -1
- package/dist/store/reducers/topic.js.map +1 -1
- package/dist/store/state-url-mapping.d.ts +1 -0
- package/dist/store/state-url-mapping.js +1 -0
- package/dist/store/state-url-mapping.js.map +1 -1
- package/dist/types/api/topic.d.ts +1 -0
- package/dist/uiFactory/types.d.ts +6 -0
- package/dist/utils/downloadFile.d.ts +1 -0
- package/dist/utils/downloadFile.js +8 -4
- package/dist/utils/downloadFile.js.map +1 -1
- package/dist/utils/utils.d.ts +1 -0
- package/dist/utils/utils.js +1 -1
- package/dist/utils/utils.js.map +1 -1
- package/package.json +2 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ObjectGeneral.js","sourceRoot":"","sources":["../../../../src/containers/Tenant/ObjectGeneral/ObjectGeneral.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,gBAAgB,EAAC,MAAM,0CAA0C,CAAC;AAG1E,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAC,MAAM,sCAAsC,CAAC;AAEtE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"ObjectGeneral.js","sourceRoot":"","sources":["../../../../src/containers/Tenant/ObjectGeneral/ObjectGeneral.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,gBAAgB,EAAC,MAAM,0CAA0C,CAAC;AAG1E,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAC,MAAM,sCAAsC,CAAC;AAEtE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAW/B,SAAS,aAAa,CAAC,KAAyB;IAC5C,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAE9B,MAAM,EAAC,UAAU,EAAC,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE/D,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,MAAM,EAAC,IAAI,EAAE,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,UAAU,EAAE,IAAI,EAAC,GAChF,KAAK,CAAC;QACV,QAAQ,UAAU,EAAE,CAAC;YACjB,KAAK,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC1B,OAAO,CACH,KAAC,KAAK,IACF,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;YACN,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACN,OAAO,CACH,KAAC,WAAW,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,qBAAqB,EAAE,qBAAqB,EAC5C,oBAAoB,EAAE,oBAAoB,GAC5C,CACL,CAAC;YACN,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,KAAC,gBAAgB,KAAG,EACnB,iBAAiB,EAAE,IAClB,CACT,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}
|
@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
5
|
import React from 'react';
|
6
6
|
import { NavigationTree } from 'ydb-ui-components';
|
7
7
|
import { getConnectToDBDialog } from '../../../../components/ConnectToDB/ConnectToDBDialog';
|
8
|
-
import { useCreateDirectoryFeatureAvailable } from '../../../../store/reducers/capabilities/hooks';
|
8
|
+
import { useCreateDirectoryFeatureAvailable, useTopicDataAvailable, } from '../../../../store/reducers/capabilities/hooks';
|
9
9
|
import { selectIsDirty, selectUserInput } from '../../../../store/reducers/query/query';
|
10
10
|
import { schemaApi } from '../../../../store/reducers/schema/schema';
|
11
11
|
import { tableSchemaDataApi } from '../../../../store/reducers/tableSchemaData';
|
@@ -25,6 +25,7 @@ export function SchemaTree(props) {
|
|
25
25
|
const input = useTypedSelector(selectUserInput);
|
26
26
|
const isDirty = useTypedSelector(selectIsDirty);
|
27
27
|
const [getTableSchemaDataQuery, { currentData: actionsSchemaData, isFetching: isActionsDataFetching },] = tableSchemaDataApi.useLazyGetTableSchemaDataQuery();
|
28
|
+
const isTopicPreviewAvailable = useTopicDataAvailable();
|
28
29
|
const [createDirectoryOpen, setCreateDirectoryOpen] = React.useState(false);
|
29
30
|
const [parentPath, setParentPath] = React.useState('');
|
30
31
|
const setSchemaTreeKey = useDispatchTreeKey();
|
@@ -60,6 +61,7 @@ export function SchemaTree(props) {
|
|
60
61
|
// FIXME: should only be explicitly set to true for tables with indexes
|
61
62
|
// at the moment of writing there is no property to determine this, fix later
|
62
63
|
expandable: !isChildless,
|
64
|
+
meta: { subType: PathSubType },
|
63
65
|
};
|
64
66
|
});
|
65
67
|
return childItems;
|
@@ -116,6 +118,6 @@ export function SchemaTree(props) {
|
|
116
118
|
return [];
|
117
119
|
}, renderAdditionalNodeElements: getSchemaControls(dispatch, {
|
118
120
|
setActivePath: onActivePathUpdate,
|
119
|
-
}), activePath: currentPath, onActivePathUpdate: onActivePathUpdate, cache: false, virtualize: true }, schemaTreeKey)] }));
|
121
|
+
}, undefined, isTopicPreviewAvailable), activePath: currentPath, onActivePathUpdate: onActivePathUpdate, cache: false, virtualize: true }, schemaTreeKey)] }));
|
120
122
|
}
|
121
123
|
//# sourceMappingURL=SchemaTree.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SchemaTree.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/ObjectSummary/SchemaTree/SchemaTree.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,0FAA0F;AAC1F,uGAAuG;AACvG,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,sDAAsD,CAAC;AAC1F,OAAO,
|
1
|
+
{"version":3,"file":"SchemaTree.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/ObjectSummary/SchemaTree/SchemaTree.tsx"],"names":[],"mappings":"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"}
|
@@ -1,9 +1,3 @@
|
|
1
|
-
import type {
|
1
|
+
import type { PreviewContainerProps } from './types';
|
2
2
|
import './Preview.scss';
|
3
|
-
|
4
|
-
database: string;
|
5
|
-
path: string;
|
6
|
-
type: EPathType | undefined;
|
7
|
-
}
|
8
|
-
export declare const Preview: ({ database, path, type }: PreviewProps) => import("react/jsx-runtime").JSX.Element;
|
9
|
-
export {};
|
3
|
+
export declare function PreviewContainer(props: PreviewContainerProps): import("react/jsx-runtime").JSX.Element;
|
@@ -1,52 +1,26 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import
|
5
|
-
import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
|
6
|
-
import { QueryResultTable } from '../../../../components/QueryResultTable';
|
7
|
-
import { previewApi } from '../../../../store/reducers/preview';
|
8
|
-
import { setShowPreview } from '../../../../store/reducers/schema/schema';
|
9
|
-
import { cn } from '../../../../utils/cn';
|
10
|
-
import { useTypedDispatch } from '../../../../utils/hooks';
|
11
|
-
import { parseQueryErrorToString } from '../../../../utils/query';
|
12
|
-
import { isExternalTableType, isTableType } from '../../utils/schema';
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { useTopicDataAvailable } from '../../../../store/reducers/capabilities/hooks';
|
3
|
+
import { EPathSubType, EPathType } from '../../../../types/api/schema';
|
4
|
+
import { isTableType } from '../../utils/schema';
|
13
5
|
import i18n from '../i18n';
|
6
|
+
import { Preview } from './components/PreviewView';
|
7
|
+
import { TablePreview } from './components/TablePreview';
|
8
|
+
import { TopicPreview } from './components/TopicPreview';
|
9
|
+
import { b } from './shared';
|
14
10
|
import './Preview.scss';
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
const
|
19
|
-
const
|
20
|
-
const
|
21
|
-
|
22
|
-
|
23
|
-
query,
|
24
|
-
action: isExternalTableType(type) ? 'execute-query' : 'execute-scan',
|
25
|
-
limitRows: 100,
|
26
|
-
}, {
|
27
|
-
skip: !isPreviewAvailable,
|
28
|
-
refetchOnMountOrArgChange: true,
|
29
|
-
});
|
30
|
-
const loading = isFetching && currentData === undefined;
|
31
|
-
const data = (_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : {};
|
32
|
-
const handleClosePreview = () => {
|
33
|
-
dispatch(setShowPreview(false));
|
34
|
-
};
|
35
|
-
const renderHeader = () => {
|
36
|
-
var _a, _b;
|
37
|
-
return (_jsxs("div", { className: b('header'), children: [_jsxs("div", { className: b('title'), children: [i18n('preview.title'), _jsxs(Text, { color: "secondary", variant: "body-2", children: [data.truncated ? `${i18n('preview.truncated')} ` : '', "(", (_b = (_a = data.result) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0, ")"] }), _jsx("div", { className: b('table-name'), children: path })] }), _jsxs("div", { className: b('controls-left'), children: [_jsx(EnableFullscreenButton, { disabled: Boolean(error) }), _jsx(Button, { view: "flat-secondary", onClick: handleClosePreview, title: i18n('preview.close'), children: _jsx(Icon, { data: Xmark, size: 18 }) })] })] }));
|
38
|
-
};
|
39
|
-
if (loading) {
|
40
|
-
return (_jsx("div", { className: b('loader-container'), children: _jsx(Loader, { size: "m" }) }));
|
11
|
+
export function PreviewContainer(props) {
|
12
|
+
const { type, subType } = props;
|
13
|
+
const isTable = isTableType(type);
|
14
|
+
const isTopic = type === EPathType.EPathTypePersQueueGroup;
|
15
|
+
const isCdcTopic = subType === EPathSubType.EPathSubTypeStreamImpl;
|
16
|
+
const isTopicPreviewAvailable = useTopicDataAvailable();
|
17
|
+
if (isTable) {
|
18
|
+
return _jsx(TablePreview, { ...props });
|
41
19
|
}
|
42
|
-
|
43
|
-
|
44
|
-
message = _jsx("div", { className: b('message-container'), children: i18n('preview.not-available') });
|
20
|
+
if (isTopic && !isCdcTopic && isTopicPreviewAvailable) {
|
21
|
+
return _jsx(TopicPreview, { ...props });
|
45
22
|
}
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
const content = message !== null && message !== void 0 ? message : (_jsx("div", { className: b('result'), children: _jsx(QueryResultTable, { data: data.result, columns: data.columns }) }));
|
50
|
-
return (_jsxs("div", { className: b(), children: [renderHeader(), _jsx(Fullscreen, { children: content })] }));
|
51
|
-
};
|
23
|
+
const renderContent = () => (_jsx("div", { className: b('message-container'), children: i18n('preview.not-available') }));
|
24
|
+
return _jsx(Preview, { ...props, renderResult: renderContent });
|
25
|
+
}
|
52
26
|
//# sourceMappingURL=Preview.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Query/Preview/Preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,
|
1
|
+
{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Query/Preview/Preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,qBAAqB,EAAC,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC/C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAG3B,OAAO,gBAAgB,CAAC;AAExB,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IACzD,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IAC9B,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAI,KAAK,SAAS,CAAC,uBAAuB,CAAC;IAC3D,MAAM,UAAU,GAAG,OAAO,KAAK,YAAY,CAAC,sBAAsB,CAAC;IACnE,MAAM,uBAAuB,GAAG,qBAAqB,EAAE,CAAC;IAExD,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,KAAC,YAAY,OAAK,KAAK,GAAI,CAAC;IACvC,CAAC;IAED,IAAI,OAAO,IAAI,CAAC,UAAU,IAAI,uBAAuB,EAAE,CAAC;QACpD,OAAO,KAAC,YAAY,OAAK,KAAK,GAAI,CAAC;IACvC,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CACxB,cAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAAG,IAAI,CAAC,uBAAuB,CAAC,GAAO,CAChF,CAAC;IACF,OAAO,KAAC,OAAO,OAAK,KAAK,EAAE,YAAY,EAAE,aAAa,GAAI,CAAC;AAC/D,CAAC"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
@use '../../../../styles/mixins.scss';
|
2
2
|
|
3
|
-
.
|
3
|
+
.ydb-preview {
|
4
4
|
height: 100%;
|
5
5
|
@include mixins.flex-container();
|
6
6
|
@include mixins.query-data-table();
|
@@ -8,23 +8,15 @@
|
|
8
8
|
position: sticky;
|
9
9
|
top: 0;
|
10
10
|
|
11
|
-
display: flex;
|
12
11
|
flex-shrink: 0;
|
13
|
-
justify-content: space-between;
|
14
|
-
align-items: center;
|
15
12
|
|
16
13
|
height: 53px;
|
17
|
-
padding: 0
|
14
|
+
padding: 0 var(--g-spacing-6);
|
18
15
|
|
19
16
|
border-bottom: 1px solid var(--g-color-line-generic);
|
20
17
|
background-color: var(--g-color-base-background);
|
21
18
|
}
|
22
19
|
|
23
|
-
&__title {
|
24
|
-
display: flex;
|
25
|
-
gap: var(--g-spacing-1);
|
26
|
-
}
|
27
|
-
|
28
20
|
&__table-name {
|
29
21
|
margin-left: var(--g-spacing-1);
|
30
22
|
|
@@ -36,21 +28,18 @@
|
|
36
28
|
gap: var(--g-spacing-1);
|
37
29
|
}
|
38
30
|
&__message-container {
|
39
|
-
padding:
|
40
|
-
}
|
41
|
-
|
42
|
-
&__loader-container {
|
43
|
-
display: flex;
|
44
|
-
justify-content: center;
|
45
|
-
align-items: center;
|
46
|
-
|
47
|
-
height: 100%;
|
31
|
+
padding: var(--g-spacing-3) 0;
|
48
32
|
}
|
49
33
|
|
50
34
|
&__result {
|
51
35
|
overflow: auto;
|
52
36
|
|
53
37
|
width: 100%;
|
54
|
-
padding-left:
|
38
|
+
padding-left: var(--g-spacing-5);
|
39
|
+
}
|
40
|
+
|
41
|
+
&__partition-info {
|
42
|
+
height: 36px;
|
43
|
+
padding-left: var(--g-spacing-1);
|
55
44
|
}
|
56
45
|
}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
interface PreviewProps {
|
3
|
+
path: string;
|
4
|
+
quantity?: number;
|
5
|
+
truncated?: boolean;
|
6
|
+
renderResult?: () => React.ReactNode;
|
7
|
+
loading?: boolean;
|
8
|
+
error?: unknown;
|
9
|
+
}
|
10
|
+
export declare function Preview({ path, quantity, truncated, renderResult, loading, error, }: PreviewProps): import("react/jsx-runtime").JSX.Element;
|
11
|
+
export {};
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Xmark } from '@gravity-ui/icons';
|
3
|
+
import { Button, Flex, Icon, Text } from '@gravity-ui/uikit';
|
4
|
+
import EnableFullscreenButton from '../../../../../components/EnableFullscreenButton/EnableFullscreenButton';
|
5
|
+
import Fullscreen from '../../../../../components/Fullscreen/Fullscreen';
|
6
|
+
import { LoaderWrapper } from '../../../../../components/LoaderWrapper/LoaderWrapper';
|
7
|
+
import { setShowPreview } from '../../../../../store/reducers/schema/schema';
|
8
|
+
import { useTypedDispatch } from '../../../../../utils/hooks';
|
9
|
+
import { parseQueryErrorToString } from '../../../../../utils/query';
|
10
|
+
import i18n from '../../i18n';
|
11
|
+
import { b } from '../shared';
|
12
|
+
export function Preview({ path, quantity = 0, truncated, renderResult, loading, error, }) {
|
13
|
+
const dispatch = useTypedDispatch();
|
14
|
+
const handleClosePreview = () => {
|
15
|
+
dispatch(setShowPreview(false));
|
16
|
+
};
|
17
|
+
const renderHeader = () => {
|
18
|
+
return (_jsxs(Flex, { justifyContent: "space-between", alignItems: "center", className: b('header'), children: [_jsxs(Flex, { gap: 1, children: [i18n('preview.title'), _jsxs(Text, { color: "secondary", variant: "body-2", children: [truncated ? `${i18n('preview.truncated')} ` : '', "(", quantity, ")"] }), _jsx("div", { className: b('table-name'), children: path })] }), _jsxs("div", { className: b('controls-left'), children: [_jsx(EnableFullscreenButton, { disabled: Boolean(error) }), _jsx(Button, { view: "flat-secondary", onClick: handleClosePreview, title: i18n('preview.close'), children: _jsx(Icon, { data: Xmark, size: 18 }) })] })] }));
|
19
|
+
};
|
20
|
+
const renderContent = () => {
|
21
|
+
if (error) {
|
22
|
+
return (_jsx("div", { className: b('message-container', 'error'), children: parseQueryErrorToString(error) }));
|
23
|
+
}
|
24
|
+
return renderResult === null || renderResult === void 0 ? void 0 : renderResult();
|
25
|
+
};
|
26
|
+
return (_jsx(LoaderWrapper, { loading: loading, children: _jsxs("div", { className: b(), children: [renderHeader(), _jsx(Fullscreen, { children: _jsx("div", { className: b('result'), children: renderContent() }) })] }) }));
|
27
|
+
}
|
28
|
+
//# sourceMappingURL=PreviewView.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"PreviewView.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Query/Preview/components/PreviewView.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE3D,OAAO,sBAAsB,MAAM,yEAAyE,CAAC;AAC7G,OAAO,UAAU,MAAM,iDAAiD,CAAC;AACzE,OAAO,EAAC,aAAa,EAAC,MAAM,uDAAuD,CAAC;AACpF,OAAO,EAAC,cAAc,EAAC,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;AACnE,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAC,CAAC,EAAC,MAAM,WAAW,CAAC;AAW5B,MAAM,UAAU,OAAO,CAAC,EACpB,IAAI,EACJ,QAAQ,GAAG,CAAC,EACZ,SAAS,EACT,YAAY,EACZ,OAAO,EACP,KAAK,GACM;IACX,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IAEpC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,CACH,MAAC,IAAI,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aAC3E,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,aACP,IAAI,CAAC,eAAe,CAAC,EACtB,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,QAAQ,aACnC,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,OAAG,QAAQ,SACzD,EACP,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,IAAI,GAAO,IAC1C,EACP,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,sBAAsB,IAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,GAAI,EACpD,KAAC,MAAM,IACH,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,YAE5B,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,GAC1B,IACP,IACH,CACV,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,EAAE,CAAC;YACR,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,EAAE,OAAO,CAAC,YAC1C,uBAAuB,CAAC,KAAK,CAAC,GAC7B,CACT,CAAC;QACN,CAAC;QACD,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,YAC3B,eAAK,SAAS,EAAE,CAAC,EAAE,aACd,YAAY,EAAE,EACf,KAAC,UAAU,cACP,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,aAAa,EAAE,GAAO,GAC3C,IACX,GACM,CACnB,CAAC;AACN,CAAC"}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { QueryResultTable } from '../../../../../components/QueryResultTable';
|
3
|
+
import { previewApi } from '../../../../../store/reducers/preview';
|
4
|
+
import { isExternalTableType } from '../../../utils/schema';
|
5
|
+
import { Preview } from './PreviewView';
|
6
|
+
const TABLE_PREVIEW_LIMIT = 100;
|
7
|
+
export function TablePreview({ database, path, type }) {
|
8
|
+
var _a, _b, _c;
|
9
|
+
const query = `select * from \`${path}\` limit 101`;
|
10
|
+
const { currentData, isFetching, error } = previewApi.useSendQueryQuery({
|
11
|
+
database,
|
12
|
+
query,
|
13
|
+
action: isExternalTableType(type) ? 'execute-query' : 'execute-scan',
|
14
|
+
limitRows: TABLE_PREVIEW_LIMIT,
|
15
|
+
}, {
|
16
|
+
refetchOnMountOrArgChange: true,
|
17
|
+
});
|
18
|
+
const loading = isFetching && currentData === undefined;
|
19
|
+
const data = (_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : {};
|
20
|
+
const renderResult = () => {
|
21
|
+
return _jsx(QueryResultTable, { data: data.result, columns: data.columns });
|
22
|
+
};
|
23
|
+
return (_jsx(Preview, { path: path, renderResult: renderResult, loading: loading, error: error, truncated: data.truncated, quantity: (_c = data.result) === null || _c === void 0 ? void 0 : _c.length }));
|
24
|
+
}
|
25
|
+
//# sourceMappingURL=TablePreview.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TablePreview.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Query/Preview/components/TablePreview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAC,UAAU,EAAC,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAG1D,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AAEtC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,MAAM,UAAU,YAAY,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAwB;;IACtE,MAAM,KAAK,GAAG,mBAAmB,IAAI,cAAc,CAAC;IACpD,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,UAAU,CAAC,iBAAiB,CACjE;QACI,QAAQ;QACR,KAAK;QACL,MAAM,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc;QACpE,SAAS,EAAE,mBAAmB;KACjC,EACD;QACI,yBAAyB,EAAE,IAAI;KAClC,CACJ,CAAC;IACF,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,KAAK,SAAS,CAAC;IACxD,MAAM,IAAI,GAAG,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC;IAEhD,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAI,CAAC;IAC1E,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,OAAO,IACJ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,GAC/B,CACL,CAAC;AACN,CAAC"}
|
@@ -0,0 +1,53 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import React from 'react';
|
3
|
+
import { Flex, Text } from '@gravity-ui/uikit';
|
4
|
+
import { skipToken } from '@reduxjs/toolkit/query';
|
5
|
+
import { isNil } from 'lodash';
|
6
|
+
import { partitionsApi } from '../../../../../store/reducers/partitions/partitions';
|
7
|
+
import { topicApi } from '../../../../../store/reducers/topic';
|
8
|
+
import { safeParseNumber } from '../../../../../utils/utils';
|
9
|
+
import i18n from '../i18n';
|
10
|
+
import { b } from '../shared';
|
11
|
+
import { Preview } from './PreviewView';
|
12
|
+
import { TopicPreviewTable } from './TopicPreviewTable';
|
13
|
+
const TOPIC_PREVIEW_LIMIT = 100;
|
14
|
+
export function TopicPreview({ database, path }) {
|
15
|
+
var _a, _b;
|
16
|
+
const { data: partitions, isLoading: partitionsLoading, error: partitionsError, } = partitionsApi.useGetPartitionsQuery({ path, database });
|
17
|
+
const firstPartition = React.useMemo(() => {
|
18
|
+
return partitions === null || partitions === void 0 ? void 0 : partitions[0];
|
19
|
+
}, [partitions]);
|
20
|
+
const queryParams = React.useMemo(() => {
|
21
|
+
const firstPartitionId = firstPartition === null || firstPartition === void 0 ? void 0 : firstPartition.partitionId;
|
22
|
+
if (!firstPartition || isNil(firstPartitionId)) {
|
23
|
+
return skipToken;
|
24
|
+
}
|
25
|
+
const params = {
|
26
|
+
database,
|
27
|
+
path,
|
28
|
+
partition: String(firstPartitionId),
|
29
|
+
limit: TOPIC_PREVIEW_LIMIT,
|
30
|
+
offset: safeParseNumber(firstPartition.endOffset) - TOPIC_PREVIEW_LIMIT,
|
31
|
+
message_size_limit: 100,
|
32
|
+
};
|
33
|
+
return params;
|
34
|
+
}, [database, path, firstPartition]);
|
35
|
+
const { currentData, error, isFetching } = topicApi.useGetTopicDataQuery(queryParams);
|
36
|
+
const loading = partitionsLoading || (isFetching && currentData === undefined);
|
37
|
+
const offsetsRange = React.useMemo(() => {
|
38
|
+
if (!firstPartition) {
|
39
|
+
return undefined;
|
40
|
+
}
|
41
|
+
return {
|
42
|
+
start: safeParseNumber(firstPartition.startOffset),
|
43
|
+
end: safeParseNumber(firstPartition.endOffset) - 1,
|
44
|
+
};
|
45
|
+
}, [firstPartition]);
|
46
|
+
const renderResult = React.useCallback(() => {
|
47
|
+
var _a, _b;
|
48
|
+
return (_jsxs(Flex, { direction: "column", children: [_jsxs(Flex, { className: b('partition-info'), alignItems: "center", gap: 2, children: [!isNil(firstPartition === null || firstPartition === void 0 ? void 0 : firstPartition.partitionId) && (_jsx(Text, { variant: "body-2", children: i18n('label_partition-id', { id: firstPartition.partitionId }) })), offsetsRange && (_jsxs(Text, { variant: "body-2", color: "secondary", children: ["(", i18n('label_offsets-range', offsetsRange), ")"] }))] }), currentData && (_jsx(TopicPreviewTable, { messages: (_b = (_a = currentData.Messages) === null || _a === void 0 ? void 0 : _a.toReversed()) !== null && _b !== void 0 ? _b : [] }))] }));
|
49
|
+
}, [offsetsRange, firstPartition, currentData]);
|
50
|
+
const offsetsQuantity = safeParseNumber(currentData === null || currentData === void 0 ? void 0 : currentData.EndOffset) - safeParseNumber(currentData === null || currentData === void 0 ? void 0 : currentData.StartOffset);
|
51
|
+
return (_jsx(Preview, { path: path, renderResult: renderResult, loading: loading, error: partitionsError || error, truncated: offsetsQuantity > TOPIC_PREVIEW_LIMIT, quantity: (_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.Messages) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0 }));
|
52
|
+
}
|
53
|
+
//# sourceMappingURL=TopicPreview.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TopicPreview.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Query/Preview/components/TopicPreview.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import type { TopicMessage } from '../../../../../types/api/topic';
|
2
|
+
interface TopicPreviewTableProps {
|
3
|
+
messages: TopicMessage[];
|
4
|
+
}
|
5
|
+
export declare function TopicPreviewTable({ messages }: TopicPreviewTableProps): import("react/jsx-runtime").JSX.Element;
|
6
|
+
export {};
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import React from 'react';
|
3
|
+
import { isNil } from 'lodash';
|
4
|
+
import { ResizeableDataTable } from '../../../../../components/ResizeableDataTable/ResizeableDataTable';
|
5
|
+
import { DEFAULT_TABLE_SETTINGS, EMPTY_DATA_PLACEHOLDER } from '../../../../../utils/constants';
|
6
|
+
import { TopicDataMessage, TopicDataSize, TopicDataTimestamp, TopicDataTsDiff, } from '../../../Diagnostics/TopicData/columns/columns';
|
7
|
+
import { TOPIC_DATA_COLUMNS_TITLES } from '../../../Diagnostics/TopicData/utils/constants';
|
8
|
+
import { TOPIC_DATA_COLUMNS_IDS } from '../../../Diagnostics/TopicData/utils/types';
|
9
|
+
import { b } from '../shared';
|
10
|
+
const columns = [
|
11
|
+
{
|
12
|
+
name: TOPIC_DATA_COLUMNS_IDS.OFFSET,
|
13
|
+
header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.OFFSET],
|
14
|
+
render: ({ row: { Offset } }) => (isNil(Offset) ? EMPTY_DATA_PLACEHOLDER : Offset),
|
15
|
+
sortable: false,
|
16
|
+
},
|
17
|
+
{
|
18
|
+
name: TOPIC_DATA_COLUMNS_IDS.TIMESTAMP_CREATE,
|
19
|
+
header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.TIMESTAMP_CREATE],
|
20
|
+
render: ({ row: { CreateTimestamp, TimestampDiff } }) => (_jsxs(React.Fragment, { children: [_jsx(TopicDataTimestamp, { timestamp: CreateTimestamp }), _jsx("br", {}), _jsx(TopicDataTsDiff, { value: TimestampDiff, baseColor: "secondary", variant: "body-1" })] })),
|
21
|
+
width: 200,
|
22
|
+
sortable: false,
|
23
|
+
},
|
24
|
+
{
|
25
|
+
name: TOPIC_DATA_COLUMNS_IDS.MESSAGE,
|
26
|
+
header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.MESSAGE],
|
27
|
+
render: ({ row: { Message, OriginalSize } }) => (_jsx(TopicDataMessage, { message: Message, size: OriginalSize })),
|
28
|
+
width: 500,
|
29
|
+
sortable: false,
|
30
|
+
},
|
31
|
+
{
|
32
|
+
name: TOPIC_DATA_COLUMNS_IDS.SIZE,
|
33
|
+
header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.SIZE],
|
34
|
+
render: ({ row: { StorageSize } }) => _jsx(TopicDataSize, { size: StorageSize }),
|
35
|
+
align: 'right',
|
36
|
+
width: 100,
|
37
|
+
sortable: false,
|
38
|
+
},
|
39
|
+
];
|
40
|
+
export function TopicPreviewTable({ messages }) {
|
41
|
+
const getRowIndex = (row, index) => { var _a; return (_a = row.Offset) !== null && _a !== void 0 ? _a : index; };
|
42
|
+
return (_jsx(ResizeableDataTable, { data: messages, columns: columns, settings: DEFAULT_TABLE_SETTINGS, rowKey: getRowIndex, wrapperClassName: b('table-wrapper'), emptyDataMessage: "No data" }));
|
43
|
+
}
|
44
|
+
//# sourceMappingURL=TopicPreviewTable.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TopicPreviewTable.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Query/Preview/components/TopicPreviewTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,KAAK,EAAC,MAAM,QAAQ,CAAC;AAE7B,OAAO,EAAC,mBAAmB,EAAC,MAAM,mEAAmE,CAAC;AAEtG,OAAO,EAAC,sBAAsB,EAAE,sBAAsB,EAAC,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EACH,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,eAAe,GAClB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAC,yBAAyB,EAAC,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAC,sBAAsB,EAAC,MAAM,4CAA4C,CAAC;AAClF,OAAO,EAAC,CAAC,EAAC,MAAM,WAAW,CAAC;AAE5B,MAAM,OAAO,GAA2B;IACpC;QACI,IAAI,EAAE,sBAAsB,CAAC,MAAM;QACnC,MAAM,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,MAAM,CAAC;QAChE,MAAM,EAAE,CAAC,EAAC,GAAG,EAAE,EAAC,MAAM,EAAC,EAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,MAAM,CAAC;QAC9E,QAAQ,EAAE,KAAK;KAClB;IACD;QACI,IAAI,EAAE,sBAAsB,CAAC,gBAAgB;QAC7C,MAAM,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,gBAAgB,CAAC;QAC1E,MAAM,EAAE,CAAC,EAAC,GAAG,EAAE,EAAC,eAAe,EAAE,aAAa,EAAC,EAAC,EAAE,EAAE,CAAC,CACjD,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,kBAAkB,IAAC,SAAS,EAAE,eAAe,GAAI,EAClD,cAAM,EACN,KAAC,eAAe,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAC,WAAW,EAAC,OAAO,EAAC,QAAQ,GAAG,IACnE,CACpB;QACD,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,KAAK;KAClB;IACD;QACI,IAAI,EAAE,sBAAsB,CAAC,OAAO;QACpC,MAAM,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,OAAO,CAAC;QACjE,MAAM,EAAE,CAAC,EAAC,GAAG,EAAE,EAAC,OAAO,EAAE,YAAY,EAAC,EAAC,EAAE,EAAE,CAAC,CACxC,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,GAAI,CAC7D;QACD,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,KAAK;KAClB;IACD;QACI,IAAI,EAAE,sBAAsB,CAAC,IAAI;QACjC,MAAM,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,IAAI,CAAC;QAC9D,MAAM,EAAE,CAAC,EAAC,GAAG,EAAE,EAAC,WAAW,EAAC,EAAC,EAAE,EAAE,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,WAAW,GAAI;QACtE,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAC;AAMF,MAAM,UAAU,iBAAiB,CAAC,EAAC,QAAQ,EAAyB;IAChE,MAAM,WAAW,GAAG,CAAC,GAAiB,EAAE,KAAa,EAAE,EAAE,WAAC,OAAA,MAAA,GAAG,CAAC,MAAM,mCAAI,KAAK,CAAA,EAAA,CAAC;IAC9E,OAAO,CACH,KAAC,mBAAmB,IAChB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAE,CAAC,CAAC,eAAe,CAAC,EACpC,gBAAgB,EAAC,SAAS,GAC5B,CACL,CAAC;AACN,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Query/Preview/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,aAAa,CAAC;AAEhC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const b: import("@bem-react/classname").ClassNameFormatter;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Query/Preview/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AAExC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Query/Preview/types.ts"],"names":[],"mappings":""}
|
@@ -1,10 +1,11 @@
|
|
1
|
-
import type { EPathType } from '../../../types/api/schema';
|
1
|
+
import type { EPathSubType, EPathType } from '../../../types/api/schema';
|
2
2
|
import './Query.scss';
|
3
3
|
interface QueryProps {
|
4
4
|
theme: string;
|
5
5
|
tenantName: string;
|
6
6
|
path: string;
|
7
7
|
type?: EPathType;
|
8
|
+
subType?: EPathSubType;
|
8
9
|
}
|
9
10
|
export declare const Query: (props: QueryProps) => import("react/jsx-runtime").JSX.Element;
|
10
11
|
export {};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Query.js","sourceRoot":"","sources":["../../../../src/containers/Tenant/Query/Query.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAC,eAAe,EAAC,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAC,oBAAoB,EAAC,MAAM,0CAA0C,CAAC;AAE9E,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAE,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAExE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAE,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"Query.js","sourceRoot":"","sources":["../../../../src/containers/Tenant/Query/Query.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAC,eAAe,EAAC,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAC,oBAAoB,EAAC,MAAM,0CAA0C,CAAC;AAE9E,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAE,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAExE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAE,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;AAU1B,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACvC,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IAEpC,MAAM,EAAC,QAAQ,GAAG,oBAAoB,CAAC,QAAQ,EAAC,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE7F,MAAM,qBAAqB,GAAG,CAAC,KAAsB,EAAE,EAAE;QACrD,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,EACrD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,QAAQ,QAAQ,EAAE,CAAC;YACf,KAAK,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACjC,OAAO,KAAC,WAAW,IAAC,eAAe,EAAE,qBAAqB,KAAM,KAAK,GAAI,CAAC;YAC9E,CAAC;YACD,KAAK,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;gBAChC,OAAO,KAAC,cAAc,IAAC,eAAe,EAAE,qBAAqB,GAAI,CAAC;YACtE,CAAC;YACD,KAAK,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9B,OAAO,KAAC,YAAY,IAAC,eAAe,EAAE,qBAAqB,GAAI,CAAC;YACpE,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACN,OAAO,IAAI,CAAC;YAChB,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,aACd,SAAS,CAAC,CAAC,CAAC,CACT,KAAC,MAAM,cACH,0BAAQ,SAAS,CAAC,KAAK,GAAS,GAC3B,CACZ,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,SAAS,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAI,EACxD,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAAG,aAAa,EAAE,GAAO,IACnD,CACT,CAAC;AACN,CAAC,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { EPathType } from '../../../../types/api/schema';
|
1
|
+
import type { EPathSubType, EPathType } from '../../../../types/api/schema';
|
2
2
|
import './QueryEditor.scss';
|
3
3
|
interface QueryEditorProps {
|
4
4
|
tenantName: string;
|
@@ -8,6 +8,7 @@ interface QueryEditorProps {
|
|
8
8
|
}) => void;
|
9
9
|
theme: string;
|
10
10
|
type?: EPathType;
|
11
|
+
subType?: EPathSubType;
|
11
12
|
}
|
12
13
|
export default function QueryEditor(props: QueryEditorProps): import("react/jsx-runtime").JSX.Element;
|
13
14
|
export {};
|
@@ -14,7 +14,7 @@ import { useChangedQuerySettings } from '../../../../utils/hooks/useChangedQuery
|
|
14
14
|
import { useLastQueryExecutionSettings } from '../../../../utils/hooks/useLastQueryExecutionSettings';
|
15
15
|
import { DEFAULT_QUERY_SETTINGS, QUERY_ACTIONS, QUERY_MODES } from '../../../../utils/query';
|
16
16
|
import { PaneVisibilityActionTypes, paneVisibilityToggleReducerCreator, } from '../../utils/paneVisibilityToggleHelpers';
|
17
|
-
import {
|
17
|
+
import { PreviewContainer } from '../Preview/Preview';
|
18
18
|
import { QueryEditorControls } from '../QueryEditorControls/QueryEditorControls';
|
19
19
|
import { QueryResultViewer } from '../QueryResult/QueryResultViewer';
|
20
20
|
import { QuerySettingsDialog } from '../QuerySettingsDialog/QuerySettingsDialog';
|
@@ -29,7 +29,7 @@ const initialTenantCommonInfoState = {
|
|
29
29
|
};
|
30
30
|
export default function QueryEditor(props) {
|
31
31
|
const dispatch = useTypedDispatch();
|
32
|
-
const { tenantName, path, type, theme, changeUserInput } = props;
|
32
|
+
const { tenantName, path, type, theme, changeUserInput, subType } = props;
|
33
33
|
const savedPath = useTypedSelector(selectTenantPath);
|
34
34
|
const result = useTypedSelector(selectResult);
|
35
35
|
const historyQueries = useTypedSelector(selectQueriesHistory);
|
@@ -151,11 +151,11 @@ export default function QueryEditor(props) {
|
|
151
151
|
};
|
152
152
|
return (_jsxs("div", { className: b(), children: [_jsxs(SplitPane, { direction: "vertical", defaultSizePaneKey: DEFAULT_SIZE_RESULT_PANE_KEY, triggerCollapse: resultVisibilityState.triggerCollapse, triggerExpand: resultVisibilityState.triggerExpand, minSize: [0, 52], collapsedSizes: [100, 0], onSplitStartDragAdditional: onSplitStartDragAdditional, children: [_jsxs("div", { className: b('pane-wrapper', {
|
153
153
|
top: true,
|
154
|
-
}), children: [_jsx("div", { className: b('monaco-wrapper'), children: _jsx("div", { className: b('monaco'), children: _jsx(YqlEditor, { changeUserInput: changeUserInput, theme: theme, handleSendExecuteClick: handleSendExecuteClick, handleGetExplainQueryClick: handleGetExplainQueryClick }) }) }), renderControls()] }), _jsx("div", { className: b('pane-wrapper'), children: _jsx(Result, { resultVisibilityState: resultVisibilityState, onExpandResultHandler: onExpandResultHandler, onCollapseResultHandler: onCollapseResultHandler, type: type, theme: theme, result: result, tenantName: tenantName, path: path, showPreview: showPreview, queryText: lastExecutedQueryText, tableSettings: tableSettings }, result === null || result === void 0 ? void 0 : result.queryId) })] }), _jsx(QuerySettingsDialog, {})] }));
|
154
|
+
}), children: [_jsx("div", { className: b('monaco-wrapper'), children: _jsx("div", { className: b('monaco'), children: _jsx(YqlEditor, { changeUserInput: changeUserInput, theme: theme, handleSendExecuteClick: handleSendExecuteClick, handleGetExplainQueryClick: handleGetExplainQueryClick }) }) }), renderControls()] }), _jsx("div", { className: b('pane-wrapper'), children: _jsx(Result, { resultVisibilityState: resultVisibilityState, onExpandResultHandler: onExpandResultHandler, onCollapseResultHandler: onCollapseResultHandler, type: type, subType: subType, theme: theme, result: result, tenantName: tenantName, path: path, showPreview: showPreview, queryText: lastExecutedQueryText, tableSettings: tableSettings }, result === null || result === void 0 ? void 0 : result.queryId) })] }), _jsx(QuerySettingsDialog, {})] }));
|
155
155
|
}
|
156
|
-
function Result({ resultVisibilityState, onExpandResultHandler, onCollapseResultHandler, type, theme, result, tenantName, path, showPreview, queryText, tableSettings, }) {
|
156
|
+
function Result({ resultVisibilityState, onExpandResultHandler, onCollapseResultHandler, type, subType, theme, result, tenantName, path, showPreview, queryText, tableSettings, }) {
|
157
157
|
if (showPreview) {
|
158
|
-
return _jsx(
|
158
|
+
return _jsx(PreviewContainer, { database: tenantName, path: path, type: type, subType: subType });
|
159
159
|
}
|
160
160
|
if (result) {
|
161
161
|
return (_jsx(QueryResultViewer, { result: result, resultType: result === null || result === void 0 ? void 0 : result.type, theme: theme, tenantName: tenantName, isResultsCollapsed: resultVisibilityState.collapsed, tableSettings: tableSettings, onExpandResults: onExpandResultHandler, onCollapseResults: onCollapseResultHandler, queryText: queryText }));
|