ydb-embedded-ui 12.10.0 → 12.11.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/EntityStatus/EntityStatus.js +1 -0
- package/dist/components/EntityStatus/EntityStatus.js.map +1 -1
- package/dist/components/Graph/Graph.d.ts +12 -0
- package/dist/components/Graph/Graph.js +42 -0
- package/dist/components/Graph/Graph.js.map +1 -0
- package/dist/containers/AppWithClusters/utils/useAdditionalTenantsProps.js +2 -1
- package/dist/containers/AppWithClusters/utils/useAdditionalTenantsProps.js.map +1 -1
- package/dist/containers/Storage/utils/index.d.ts +1 -1
- package/dist/containers/Tenant/Query/QueryResult/components/Graph/Graph.js +3 -3
- package/dist/containers/Tenant/Query/QueryResult/components/Graph/Graph.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryResult/components/Graph/Graph.scss +0 -2
- package/dist/store/reducers/clusters/utils.js +2 -1
- package/dist/store/reducers/clusters/utils.js.map +1 -1
- package/dist/store/reducers/query/preparePlanData.js.map +1 -1
- package/dist/store/reducers/query/types.d.ts +1 -38
- package/dist/uiFactory/types.d.ts +1 -0
- package/dist/utils/generateEvaluator.d.ts +1 -1
- package/dist/utils/hooks/useNodeDeveloperUIHref.js +2 -1
- package/dist/utils/hooks/useNodeDeveloperUIHref.js.map +1 -1
- package/dist/utils/prepareQueryExplain.d.ts +2 -1
- package/dist/utils/prepareQueryExplain.js.map +1 -1
- package/package.json +3 -4
- package/dist/components/Graph/BlockComponents/ConnectionBlockComponent.d.ts +0 -7
- package/dist/components/Graph/BlockComponents/ConnectionBlockComponent.js +0 -30
- package/dist/components/Graph/BlockComponents/ConnectionBlockComponent.js.map +0 -1
- package/dist/components/Graph/BlockComponents/QueryBlockComponent.d.ts +0 -5
- package/dist/components/Graph/BlockComponents/QueryBlockComponent.js +0 -5
- package/dist/components/Graph/BlockComponents/QueryBlockComponent.js.map +0 -1
- package/dist/components/Graph/BlockComponents/ResultBlockComponent.d.ts +0 -7
- package/dist/components/Graph/BlockComponents/ResultBlockComponent.js +0 -5
- package/dist/components/Graph/BlockComponents/ResultBlockComponent.js.map +0 -1
- package/dist/components/Graph/BlockComponents/StageBlockComponent.d.ts +0 -7
- package/dist/components/Graph/BlockComponents/StageBlockComponent.js +0 -15
- package/dist/components/Graph/BlockComponents/StageBlockComponent.js.map +0 -1
- package/dist/components/Graph/GraphControls.d.ts +0 -6
- package/dist/components/Graph/GraphControls.js +0 -23
- package/dist/components/Graph/GraphControls.js.map +0 -1
- package/dist/components/Graph/GravityGraph.d.ts +0 -8
- package/dist/components/Graph/GravityGraph.js +0 -76
- package/dist/components/Graph/GravityGraph.js.map +0 -1
- package/dist/components/Graph/GravityGraph.scss +0 -124
- package/dist/components/Graph/NonSelectableConnection.d.ts +0 -9
- package/dist/components/Graph/NonSelectableConnection.js +0 -17
- package/dist/components/Graph/NonSelectableConnection.js.map +0 -1
- package/dist/components/Graph/TooltipComponent.d.ts +0 -8
- package/dist/components/Graph/TooltipComponent.js +0 -29
- package/dist/components/Graph/TooltipComponent.js.map +0 -1
- package/dist/components/Graph/colorsConfig.d.ts +0 -19
- package/dist/components/Graph/colorsConfig.js +0 -20
- package/dist/components/Graph/colorsConfig.js.map +0 -1
- package/dist/components/Graph/i18n/en.json +0 -3
- package/dist/components/Graph/i18n/index.d.ts +0 -2
- package/dist/components/Graph/i18n/index.js +0 -5
- package/dist/components/Graph/i18n/index.js.map +0 -1
- package/dist/components/Graph/treeLayout.worker.d.ts +0 -13
- package/dist/components/Graph/treeLayout.worker.js +0 -285
- package/dist/components/Graph/treeLayout.worker.js.map +0 -1
- package/dist/components/Graph/types.d.ts +0 -33
- package/dist/components/Graph/types.js +0 -2
- package/dist/components/Graph/types.js.map +0 -1
- package/dist/components/Graph/utils.d.ts +0 -6
- package/dist/components/Graph/utils.js +0 -87
- package/dist/components/Graph/utils.js.map +0 -1
|
@@ -12,6 +12,7 @@ const b = cn('entity-status');
|
|
|
12
12
|
function defaultRenderName(name) {
|
|
13
13
|
return name !== null && name !== void 0 ? name : '';
|
|
14
14
|
}
|
|
15
|
+
// eslint-disable-next-line complexity
|
|
15
16
|
export function EntityStatus({ status = EFlag.Grey, name = '', renderName = defaultRenderName, path, size = 's', mode = 'color', showStatus = true, externalLink = false, withLeftTrim = false, hasClipboardButton, infoPopoverContent, clipboardButtonAlwaysVisible = false, className, }) {
|
|
16
17
|
const [infoIconHovered, setInfoIconHovered] = React.useState(false);
|
|
17
18
|
const renderIcon = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityStatus.js","sourceRoot":"","sources":["../../../src/components/EntityStatus/EntityStatus.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"EntityStatus.js","sourceRoot":"","sources":["../../../src/components/EntityStatus/EntityStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5F,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAGpD,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAsB9B,SAAS,iBAAiB,CAAC,IAAa;IACpC,OAAO,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC;AACtB,CAAC;AAED,sCAAsC;AACtC,MAAM,UAAU,YAAY,CAAC,EACzB,MAAM,GAAG,KAAK,CAAC,IAAI,EACnB,IAAI,GAAG,EAAE,EACT,UAAU,GAAG,iBAAiB,EAC9B,IAAI,EAEJ,IAAI,GAAG,GAAG,EACV,IAAI,GAAG,OAAO,EAEd,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EAEpB,kBAAkB,EAClB,kBAAkB,EAClB,4BAA4B,GAAG,KAAK,EAEpC,SAAS,GACO;IAChB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,KAAC,UAAU,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IACxF,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,YAAY,EAAE,CAAC;gBACf,OAAO,CACH,KAAC,SAAS,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,YACtC,UAAU,CAAC,IAAI,CAAC,GACT,CACf,CAAC;YACN,CAAC;YAED,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,YACvC,UAAU,CAAC,IAAI,CAAC,GACN,CAClB,CAAC;QACN,CAAC;QACD,OAAO,IAAI,IAAI,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,UAAU,CAAC,IAAI,CAAC,GAAQ,CAAC;IACzE,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,UAAU,EAAE,EACZ,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CACf,eACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;oBACpB,uBAAuB,EAAE,kBAAkB;oBAC3C,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,CAAC;iBAClD,CAAC,aAEF,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,gBAAgB,EAAE,YAAY,EAAC,CAAC,EAAE,KAAK,EAAE,IAAI,YACpE,UAAU,EAAE,GACV,EACN,CAAC,kBAAkB,IAAI,kBAAkB,CAAC,IAAI,CAC3C,eACI,SAAS,EAAE,CAAC,CAAC,kBAAkB,EAAE;4BAC7B,OAAO,EAAE,4BAA4B,IAAI,eAAe;yBAC3D,CAAC,EACF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAElC,kBAAkB,IAAI,CACnB,KAAC,OAAO,IACJ,SAAS,EAAE,sBAAsB,EACjC,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,EACxC,YAAY,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,YAEtD,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE;wCACtB,OAAO,EACH,4BAA4B,IAAI,eAAe;qCACtD,CAAC,YAEF,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,GAC/B,GACH,CACb,EACA,kBAAkB,IAAI,CACnB,KAAC,eAAe,IACZ,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,kBAAkB,EAAE;oCAC7B,OAAO,EAAE,4BAA4B,IAAI,eAAe;iCAC3D,CAAC,GACJ,CACL,IACC,CACT,IACC,CACT,IACC,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Data, Options, Shapes } from '@gravity-ui/paranoid';
|
|
2
|
+
interface GraphProps<T> {
|
|
3
|
+
data: Data<T>;
|
|
4
|
+
opts?: Options;
|
|
5
|
+
shapes?: Shapes;
|
|
6
|
+
}
|
|
7
|
+
export declare function Graph<T>(props: GraphProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
interface YDBGraphProps<T> {
|
|
9
|
+
data: Data<T>;
|
|
10
|
+
}
|
|
11
|
+
export declare function YDBGraph<T>(props: YDBGraphProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { getTopology, getYdbPlanNodeShape } from '@gravity-ui/paranoid';
|
|
4
|
+
export function Graph(props) {
|
|
5
|
+
const containerRef = React.useRef(null);
|
|
6
|
+
const containerId = React.useId();
|
|
7
|
+
const { data, opts, shapes } = props;
|
|
8
|
+
React.useEffect(() => {
|
|
9
|
+
const graphRoot = containerRef.current;
|
|
10
|
+
if (!graphRoot) {
|
|
11
|
+
return undefined;
|
|
12
|
+
}
|
|
13
|
+
graphRoot.innerHTML = '';
|
|
14
|
+
// set width and height to screen size to make a canvas bigger then the container
|
|
15
|
+
graphRoot.style.setProperty('width', '100vw');
|
|
16
|
+
graphRoot.style.setProperty('height', '100vh');
|
|
17
|
+
const topology = getTopology(graphRoot.id, data, opts, shapes);
|
|
18
|
+
topology.render();
|
|
19
|
+
graphRoot.style.setProperty('width', '100%');
|
|
20
|
+
graphRoot.style.setProperty('height', '100%');
|
|
21
|
+
return () => {
|
|
22
|
+
topology.destroy();
|
|
23
|
+
};
|
|
24
|
+
}, [data, opts, shapes]);
|
|
25
|
+
return _jsx("div", { id: containerId, ref: containerRef, style: { overflow: 'auto' } });
|
|
26
|
+
}
|
|
27
|
+
const renderExplainNode = (node) => {
|
|
28
|
+
const parts = node.name.split('|');
|
|
29
|
+
return parts.length > 1 ? parts[1] : node.name;
|
|
30
|
+
};
|
|
31
|
+
const schemaOptions = {
|
|
32
|
+
renderNodeTitle: renderExplainNode,
|
|
33
|
+
textOverflow: 'normal',
|
|
34
|
+
initialZoomFitsCanvas: true,
|
|
35
|
+
};
|
|
36
|
+
const schemaShapes = {
|
|
37
|
+
node: getYdbPlanNodeShape,
|
|
38
|
+
};
|
|
39
|
+
export function YDBGraph(props) {
|
|
40
|
+
return _jsx(Graph, { ...props, opts: schemaOptions, shapes: schemaShapes });
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=Graph.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Graph.js","sourceRoot":"","sources":["../../../src/components/Graph/Graph.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,MAAM,sBAAsB,CAAC;AAStE,MAAM,UAAU,KAAK,CAAI,KAAoB;IACzC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAElC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC;IAEnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;QACzB,iFAAiF;QACjF,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC9C,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAE/C,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QAC/D,QAAQ,CAAC,MAAM,EAAE,CAAC;QAClB,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC7C,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,OAAO,EAAE,CAAC;QACvB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzB,OAAO,cAAK,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAC,GAAI,CAAC;AAClF,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,IAAe,EAAU,EAAE;IAClD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;AACnD,CAAC,CAAC;AAEF,MAAM,aAAa,GAAY;IAC3B,eAAe,EAAE,iBAAiB;IAClC,YAAY,EAAE,QAAiB;IAC/B,qBAAqB,EAAE,IAAI;CAC9B,CAAC;AAEF,MAAM,YAAY,GAAG;IACjB,IAAI,EAAE,mBAAmB;CAC5B,CAAC;AAMF,MAAM,UAAU,QAAQ,CAAI,KAAuB;IAC/C,OAAO,KAAC,KAAK,OAAQ,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAI,CAAC;AAC9E,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { isNil } from 'lodash';
|
|
2
2
|
import { useClusterBaseInfo } from '../../../store/reducers/cluster/cluster';
|
|
3
|
+
import { uiFactory } from '../../../uiFactory/uiFactory';
|
|
3
4
|
import { USE_CLUSTER_BALANCER_AS_BACKEND_KEY } from '../../../utils/constants';
|
|
4
5
|
import { useSetting } from '../../../utils/hooks';
|
|
5
6
|
import { prepareBackendFromBalancer } from '../../../utils/parseBalancer';
|
|
@@ -9,7 +10,7 @@ export function useAdditionalTenantsProps({ getMonitoringLink, getLogsLink, getD
|
|
|
9
10
|
const clusterInfo = useClusterBaseInfo();
|
|
10
11
|
const [useClusterBalancerAsBackend] = useSetting(USE_CLUSTER_BALANCER_AS_BACKEND_KEY);
|
|
11
12
|
const { balancer, monitoring, logging, name: clusterName } = clusterInfo;
|
|
12
|
-
const useMetaProxy = (_a = clusterInfo.settings) === null || _a === void 0 ? void 0 : _a.use_meta_proxy;
|
|
13
|
+
const useMetaProxy = ((_a = clusterInfo.settings) === null || _a === void 0 ? void 0 : _a.use_meta_proxy) || uiFactory.useMetaProxy;
|
|
13
14
|
const additionalTenantsProps = {};
|
|
14
15
|
additionalTenantsProps.prepareTenantBackend = (nodeId) => {
|
|
15
16
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAdditionalTenantsProps.js","sourceRoot":"","sources":["../../../../src/containers/AppWithClusters/utils/useAdditionalTenantsProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,QAAQ,CAAC;AAE7B,OAAO,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAI3E,OAAO,EAAC,mCAAmC,EAAC,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAGhD,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAC,+BAA+B,EAAC,MAAM,+BAA+B,CAAC;AAO9E,MAAM,UAAU,yBAAyB,CAAC,EACtC,iBAAiB,EACjB,WAAW,EACX,gBAAgB,GACQ;;IACxB,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;IACzC,MAAM,CAAC,2BAA2B,CAAC,GAAG,UAAU,CAAU,mCAAmC,CAAC,CAAC;IAE/F,MAAM,EAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,WAAW,CAAC;IAEvE,MAAM,YAAY,GAAG,MAAA,WAAW,CAAC,QAAQ,0CAAE,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"useAdditionalTenantsProps.js","sourceRoot":"","sources":["../../../../src/containers/AppWithClusters/utils/useAdditionalTenantsProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,QAAQ,CAAC;AAE7B,OAAO,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAI3E,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,mCAAmC,EAAC,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAGhD,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAC,+BAA+B,EAAC,MAAM,+BAA+B,CAAC;AAO9E,MAAM,UAAU,yBAAyB,CAAC,EACtC,iBAAiB,EACjB,WAAW,EACX,gBAAgB,GACQ;;IACxB,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;IACzC,MAAM,CAAC,2BAA2B,CAAC,GAAG,UAAU,CAAU,mCAAmC,CAAC,CAAC;IAE/F,MAAM,EAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,WAAW,CAAC;IAEvE,MAAM,YAAY,GAAG,CAAA,MAAA,WAAW,CAAC,QAAQ,0CAAE,cAAc,KAAI,SAAS,CAAC,YAAY,CAAC;IAEpF,MAAM,sBAAsB,GAA2B,EAAE,CAAC;IAC1D,sBAAsB,CAAC,oBAAoB,GAAG,CAAC,MAAM,EAAE,EAAE;;QACrD,gFAAgF;QAChF,IAAI,YAAY,EAAE,CAAC;YACf,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,2DAA2D;QAC3D,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,IAAI,2BAA2B,EAAE,CAAC;YAC9B,OAAO,0BAA0B,CAAC,QAAQ,CAAC,CAAC;QAChD,CAAC;QAED,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YAChB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,OAAO,MAAA,+BAA+B,CAAC,MAAM,EAAE,QAAQ,CAAC,mCAAI,SAAS,CAAC;IAC1E,CAAC,CAAC;IAEF,IAAI,UAAU,IAAI,iBAAiB,EAAE,CAAC;QAClC,sBAAsB,CAAC,iBAAiB,GAAG,CAAC,MAAe,EAAE,MAAoB,EAAE,EAAE;YACjF,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;gBACnB,OAAO,iBAAiB,CAAC,EAAC,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC,CAAC;YACxE,CAAC;YAED,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC;IACN,CAAC;IAED,IAAI,OAAO,IAAI,WAAW,EAAE,CAAC;QACzB,sBAAsB,CAAC,WAAW,GAAG,CAAC,MAAe,EAAE,EAAE;YACrD,IAAI,MAAM,EAAE,CAAC;gBACT,OAAO,WAAW,CAAC,EAAC,OAAO,EAAE,MAAM,EAAC,CAAC,CAAC;YAC1C,CAAC;YAED,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC;IACN,CAAC;IAED,IAAI,gBAAgB,EAAE,CAAC;QACnB,sBAAsB,CAAC,QAAQ,GAAG,CAAC,MAAe,EAAE,MAAoB,EAAE,EAAE;YACxE,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;gBACnB,OAAO,gBAAgB,CAAC,EAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC,CAAC;YAC3D,CAAC;YACD,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;IACN,CAAC;IAED,OAAO,sBAAsB,CAAC;AAClC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import type { PreparedStorageGroup } from '../../../store/reducers/storage/types
|
|
|
2
2
|
import type { Erasure } from '../../../types/api/storage';
|
|
3
3
|
import type { PreparedVDisk } from '../../../utils/disks/types';
|
|
4
4
|
import type { StorageViewContext } from '../types';
|
|
5
|
-
export declare const getDegradedSeverity: (group: PreparedStorageGroup) => "
|
|
5
|
+
export declare const getDegradedSeverity: (group: PreparedStorageGroup) => "success" | "warning" | "danger" | undefined;
|
|
6
6
|
export declare function isVdiskActive(vDisk: PreparedVDisk, viewContext?: StorageViewContext): boolean;
|
|
7
7
|
export declare function getStorageNodesInitialEntitiesCount(context?: StorageViewContext): number | undefined;
|
|
8
8
|
export declare function getStorageGroupsInitialEntitiesCount(context?: StorageViewContext): number | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { YDBGraph } from '../../../../../../components/Graph/Graph';
|
|
4
4
|
import { cn } from '../../../../../../utils/cn';
|
|
5
5
|
import i18n from '../../i18n';
|
|
6
6
|
import { StubMessage } from '../Stub/Stub';
|
|
@@ -11,10 +11,10 @@ function isValidGraphData(data) {
|
|
|
11
11
|
}
|
|
12
12
|
export function Graph({ explain = {}, theme }) {
|
|
13
13
|
const { links, nodes } = explain;
|
|
14
|
-
const data = React.useMemo(() => ({ links
|
|
14
|
+
const data = React.useMemo(() => ({ links, nodes }), [links, nodes]);
|
|
15
15
|
if (!isValidGraphData(data)) {
|
|
16
16
|
return _jsx(StubMessage, { message: i18n('description.graph-is-not-supported') });
|
|
17
17
|
}
|
|
18
|
-
return (_jsx("div", { className: b('canvas-container'), children: _jsx(
|
|
18
|
+
return (_jsx("div", { className: b('canvas-container'), children: _jsx(YDBGraph, { data: data }, theme) }));
|
|
19
19
|
}
|
|
20
20
|
//# sourceMappingURL=Graph.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Graph.js","sourceRoot":"","sources":["../../../../../../../src/containers/Tenant/Query/QueryResult/components/Graph/Graph.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Graph.js","sourceRoot":"","sources":["../../../../../../../src/containers/Tenant/Query/QueryResult/components/Graph/Graph.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,QAAQ,EAAC,MAAM,0CAA0C,CAAC;AAElE,OAAO,EAAC,EAAE,EAAC,MAAM,4BAA4B,CAAC;AAC9C,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAEzC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAOxC,SAAS,gBAAgB,CAAC,IAAmB;IACzC,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EAAC,OAAO,GAAG,EAAE,EAAE,KAAK,EAAa;IACnD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,OAAO,CAAC;IAE/B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAC,WAAW,IAAC,OAAO,EAAE,IAAI,CAAC,oCAAoC,CAAC,GAAI,CAAC;IAChF,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,KAAC,QAAQ,IAAa,IAAI,EAAE,IAAI,IAAjB,KAAK,CAAgB,GAClC,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { uiFactory } from '../../../uiFactory/uiFactory';
|
|
1
2
|
import { prepareBackendFromBalancer } from '../../../utils/parseBalancer';
|
|
2
3
|
import { getVersionMap, getVersionsData, prepareClusterVersions, } from '../../../utils/versions/clusterVersionColors';
|
|
3
4
|
export const prepareClustersData = (data) => {
|
|
@@ -13,7 +14,7 @@ export const prepareClustersData = (data) => {
|
|
|
13
14
|
return clusters.map((cluster) => {
|
|
14
15
|
var _a;
|
|
15
16
|
// If no backend is provided, it will be automatically generated by API instance
|
|
16
|
-
const useMetaProxy = (_a = cluster.settings) === null || _a === void 0 ? void 0 : _a.use_meta_proxy;
|
|
17
|
+
const useMetaProxy = ((_a = cluster.settings) === null || _a === void 0 ? void 0 : _a.use_meta_proxy) || uiFactory.useMetaProxy;
|
|
17
18
|
const preparedBackend = cluster.balancer && !useMetaProxy
|
|
18
19
|
? prepareBackendFromBalancer(cluster.balancer)
|
|
19
20
|
: undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/store/reducers/clusters/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EACH,aAAa,EACb,eAAe,EACf,sBAAsB,GACzB,MAAM,8CAA8C,CAAC;AAItD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAkB,EAAqB,EAAE;IACzE,MAAM,EAAC,QAAQ,GAAG,EAAE,EAAC,GAAG,IAAI,CAAC;IAE7B,IAAI,gBAAgB,GAAG,IAAI,GAAG,EAAE,CAAC;IAEjC,sCAAsC;IACtC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAC,QAAQ,GAAG,EAAE,EAAC,EAAE,EAAE;QACjC,gBAAgB,GAAG,aAAa,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,yCAAyC;IACzC,MAAM,YAAY,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAEvD,+CAA+C;IAC/C,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;;QAC5B,gFAAgF;QAChF,MAAM,YAAY,GAAG,MAAA,OAAO,CAAC,QAAQ,0CAAE,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/store/reducers/clusters/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EACH,aAAa,EACb,eAAe,EACf,sBAAsB,GACzB,MAAM,8CAA8C,CAAC;AAItD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAkB,EAAqB,EAAE;IACzE,MAAM,EAAC,QAAQ,GAAG,EAAE,EAAC,GAAG,IAAI,CAAC;IAE7B,IAAI,gBAAgB,GAAG,IAAI,GAAG,EAAE,CAAC;IAEjC,sCAAsC;IACtC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAC,QAAQ,GAAG,EAAE,EAAC,EAAE,EAAE;QACjC,gBAAgB,GAAG,aAAa,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,yCAAyC;IACzC,MAAM,YAAY,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAEvD,+CAA+C;IAC/C,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;;QAC5B,gFAAgF;QAChF,MAAM,YAAY,GAAG,CAAA,MAAA,OAAO,CAAC,QAAQ,0CAAE,cAAc,KAAI,SAAS,CAAC,YAAY,CAAC;QAChF,MAAM,eAAe,GACjB,OAAO,CAAC,QAAQ,IAAI,CAAC,YAAY;YAC7B,CAAC,CAAC,0BAA0B,CAAC,OAAO,CAAC,QAAQ,CAAC;YAC9C,CAAC,CAAC,SAAS,CAAC;QAEpB,OAAO;YACH,GAAG,OAAO;YACV,gBAAgB,EAAE,sBAAsB,CAAC,OAAO,CAAC,QAAQ,EAAE,YAAY,CAAC;YACxE,eAAe;SAClB,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preparePlanData.js","sourceRoot":"","sources":["../../../../src/store/reducers/query/preparePlanData.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"preparePlanData.js","sourceRoot":"","sources":["../../../../src/store/reducers/query/preparePlanData.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAC;AAI3D,MAAM,eAAe,GAAG;IACpB,EAAE,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;AAErE,MAAM,UAAU,eAAe,CAC3B,OAAgC,EAChC,KAAsB;;IAItB,2BAA2B;IAC3B,IAAI,OAAO,EAAE,CAAC;QACV,MAAM,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAC,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAE5E,IAAI,6BAA6B,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YAC7D,iDAAiD;YACjD,OAAO;gBACH,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;aACxB,CAAC;QACN,CAAC;QAED,IAAI,KAAK,GAAW,EAAE,CAAC;QACvB,IAAI,KAAK,GAAqC,EAAE,CAAC;QAEjD,IAAI,IAAI,EAAE,CAAC;YACP,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;YACvC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;YAC3B,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;QAC/B,CAAC;QAED,IAAI,sBAAsB,CAAC;QAC3B,IAAI,cAAc,EAAE,CAAC;YACjB,sBAAsB,GAAG,qBAAqB,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;QACrE,CAAC;QAED,OAAO;YACH,KAAK;YACL,KAAK;YACL,MAAM;YACN,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,cAAc;gBAC1B,CAAC,CAAC;oBACI,IAAI,EAAE,sBAAsB;oBAC5B,QAAQ,EAAE,cAAc;iBAC3B;gBACH,CAAC,CAAC,SAAS;SAClB,CAAC;IACN,CAAC;IAED,yBAAyB;IACzB,MAAM,aAAa,GAAG,MAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAG,CAAC,CAAC,0CAAE,gBAAgB,0CAAG,CAAC,CAAC,CAAC;IACpE,IAAI,aAAa,EAAE,CAAC;QAChB,IAAI,CAAC;YACD,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YAChD,OAAO,EAAC,GAAG,WAAW,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAC,CAAC;QACpE,CAAC;QAAC,WAAM,CAAC;YACL,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC;IAED,OAAO,EAAE,CAAC;AACd,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { ExplainPlanNodeData, GraphNode, Link } from '@gravity-ui/paranoid';
|
|
1
2
|
import type { PlanTable, QueryPlan, ScriptPlan, SimlifiedPlanOperatorOtherParams, SimplifiedNode } from '../../../types/api/query';
|
|
2
3
|
import type { IQueryResult, QueryAction } from '../../../types/store/query';
|
|
3
4
|
export interface QueryInHistory {
|
|
@@ -7,44 +8,6 @@ export interface QueryInHistory {
|
|
|
7
8
|
endTime?: string | number;
|
|
8
9
|
durationUs?: string | number;
|
|
9
10
|
}
|
|
10
|
-
export interface Link {
|
|
11
|
-
from: string;
|
|
12
|
-
to: string;
|
|
13
|
-
}
|
|
14
|
-
export interface Metric {
|
|
15
|
-
name: string;
|
|
16
|
-
value: string;
|
|
17
|
-
theme?: 'warning' | 'danger';
|
|
18
|
-
}
|
|
19
|
-
export interface GraphNode<TData = any> {
|
|
20
|
-
name: string;
|
|
21
|
-
status?: string;
|
|
22
|
-
meta?: string;
|
|
23
|
-
group?: string;
|
|
24
|
-
data?: TData;
|
|
25
|
-
metrics?: Metric[];
|
|
26
|
-
}
|
|
27
|
-
export interface ExplainPlanNodeData {
|
|
28
|
-
id?: number;
|
|
29
|
-
type: 'query' | 'result' | 'stage' | 'connection' | 'materialize';
|
|
30
|
-
name?: string;
|
|
31
|
-
operators?: string[];
|
|
32
|
-
tables?: string[];
|
|
33
|
-
cte?: string;
|
|
34
|
-
stats?: TopologyNodeDataStats[];
|
|
35
|
-
}
|
|
36
|
-
export interface TopologyNodeDataStatsItem {
|
|
37
|
-
name: string;
|
|
38
|
-
value: string | number;
|
|
39
|
-
}
|
|
40
|
-
export interface TopologyNodeDataStatsSection {
|
|
41
|
-
name: string;
|
|
42
|
-
items: TopologyNodeDataStatsItem[];
|
|
43
|
-
}
|
|
44
|
-
export interface TopologyNodeDataStats {
|
|
45
|
-
group: string;
|
|
46
|
-
stats: TopologyNodeDataStatsSection[] | TopologyNodeDataStatsItem[];
|
|
47
|
-
}
|
|
48
11
|
export interface PreparedPlan {
|
|
49
12
|
links?: Link[];
|
|
50
13
|
nodes?: GraphNode<ExplainPlanNodeData>[];
|
|
@@ -34,6 +34,7 @@ export interface UIFactory<H extends string = CommonIssueType> {
|
|
|
34
34
|
hideGrantAccess?: boolean;
|
|
35
35
|
yaMetricaMap?: Record<string, number>;
|
|
36
36
|
useDatabaseId?: boolean;
|
|
37
|
+
useMetaProxy?: boolean;
|
|
37
38
|
}
|
|
38
39
|
export type HandleCreateDB = (params: {
|
|
39
40
|
clusterName: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const generateEvaluator: <OkLevel extends string, WarnLevel extends string, CritLevel extends string>(levels: [OkLevel, WarnLevel, CritLevel], warn?: number, crit?: number) => (value: number) => OkLevel | WarnLevel | CritLevel | undefined;
|
|
2
|
-
export declare const getUsageSeverity: (value: number) => "
|
|
2
|
+
export declare const getUsageSeverity: (value: number) => "success" | "warning" | "danger" | undefined;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { backend } from '../../store';
|
|
2
2
|
import { useClusterBaseInfo } from '../../store/reducers/cluster/cluster';
|
|
3
|
+
import { uiFactory } from '../../uiFactory/uiFactory';
|
|
3
4
|
import { createDeveloperUIInternalPageHref, createDeveloperUILinkWithNodeId, } from '../developerUI/developerUI';
|
|
4
5
|
import { getBackendFromBalancerAndNodeId } from '../prepareBackend';
|
|
5
6
|
import { useIsUserAllowedToMakeChanges } from './useIsUserAllowedToMakeChanges';
|
|
@@ -8,7 +9,7 @@ export function useNodeDeveloperUIHref(node) {
|
|
|
8
9
|
const singleClusterMode = useTypedSelector((state) => state.singleClusterMode);
|
|
9
10
|
const { balancer = backend, settings } = useClusterBaseInfo();
|
|
10
11
|
const isUserAllowedToMakeChanges = useIsUserAllowedToMakeChanges();
|
|
11
|
-
const useMetaProxy = settings === null || settings === void 0 ? void 0 : settings.use_meta_proxy;
|
|
12
|
+
const useMetaProxy = (settings === null || settings === void 0 ? void 0 : settings.use_meta_proxy) || uiFactory.useMetaProxy;
|
|
12
13
|
if (!isUserAllowedToMakeChanges) {
|
|
13
14
|
return undefined;
|
|
14
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNodeDeveloperUIHref.js","sourceRoot":"","sources":["../../../src/utils/hooks/useNodeDeveloperUIHref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AACpC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sCAAsC,CAAC;AAExE,OAAO,EACH,iCAAiC,EACjC,+BAA+B,GAClC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAC,+BAA+B,EAAC,MAAM,mBAAmB,CAAC;AAElE,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD,MAAM,UAAU,sBAAsB,CAAC,IAAkB;IACrD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAE/E,MAAM,EAAC,QAAQ,GAAG,OAAO,EAAE,QAAQ,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAC5D,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;IAEnE,MAAM,YAAY,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"useNodeDeveloperUIHref.js","sourceRoot":"","sources":["../../../src/utils/hooks/useNodeDeveloperUIHref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AACpC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EACH,iCAAiC,EACjC,+BAA+B,GAClC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAC,+BAA+B,EAAC,MAAM,mBAAmB,CAAC;AAElE,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD,MAAM,UAAU,sBAAsB,CAAC,IAAkB;IACrD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAE/E,MAAM,EAAC,QAAQ,GAAG,OAAO,EAAE,QAAQ,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAC5D,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;IAEnE,MAAM,YAAY,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,KAAI,SAAS,CAAC,YAAY,CAAC;IAExE,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAC9B,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,mFAAmF;IACnF,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACrB,MAAM,eAAe,GAAG,+BAA+B,CACnD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EACZ,QAAQ,EACR,YAAY,CACf,CAAC;QACF,OAAO,eAAe,CAAC,CAAC,CAAC,iCAAiC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5F,CAAC;IAED,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAE,CAAC;QACf,MAAM,eAAe,GAAG,+BAA+B,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrE,OAAO,iCAAiC,CAAC,eAAe,CAAC,CAAC;IAC9D,CAAC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { ExplainPlanNodeData, GraphNode, Link
|
|
1
|
+
import type { ExplainPlanNodeData, GraphNode, Link } from '@gravity-ui/paranoid';
|
|
2
|
+
import type { SimplifiedPlanItem } from '../store/reducers/query/types';
|
|
2
3
|
import type { PlanNode, SimplifiedNode } from '../types/api/query';
|
|
3
4
|
export declare function preparePlan(plan: PlanNode): {
|
|
4
5
|
nodes: GraphNode<ExplainPlanNodeData>[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prepareQueryExplain.js","sourceRoot":"","sources":["../../src/utils/prepareQueryExplain.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"prepareQueryExplain.js","sourceRoot":"","sources":["../../src/utils/prepareQueryExplain.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ydb-embedded-ui",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.11.0",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
"@gravity-ui/components": "^4.4.0",
|
|
18
18
|
"@gravity-ui/date-components": "^3.2.3",
|
|
19
19
|
"@gravity-ui/date-utils": "^2.5.6",
|
|
20
|
-
"@gravity-ui/graph": "^1.1.4",
|
|
21
20
|
"@gravity-ui/i18n": "^1.7.0",
|
|
22
21
|
"@gravity-ui/icons": "^2.16.0",
|
|
23
22
|
"@gravity-ui/illustrations": "^2.1.0",
|
|
24
23
|
"@gravity-ui/navigation": "^3.3.9",
|
|
24
|
+
"@gravity-ui/paranoid": "^3.0.0",
|
|
25
25
|
"@gravity-ui/react-data-table": "^2.2.1",
|
|
26
26
|
"@gravity-ui/table": "^1.10.1",
|
|
27
27
|
"@gravity-ui/uikit": "^7.23.0",
|
|
@@ -169,8 +169,7 @@
|
|
|
169
169
|
"source-map-explorer": "^2.5.3",
|
|
170
170
|
"stylelint": "^16.20.0",
|
|
171
171
|
"ts-jest": "^29.2.5",
|
|
172
|
-
"typescript": "^5.8.3"
|
|
173
|
-
"workerize-loader": "^2.0.2"
|
|
172
|
+
"typescript": "^5.8.3"
|
|
174
173
|
},
|
|
175
174
|
"peerDependencies": {
|
|
176
175
|
"monaco-yql-languages": ">=1.3.0",
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ArrowsExpandHorizontal, DatabaseFill, GripHorizontal, MapPin, Shuffle, } from '@gravity-ui/icons';
|
|
3
|
-
import { Icon } from '@gravity-ui/uikit';
|
|
4
|
-
import { TooltipComponent } from '../TooltipComponent';
|
|
5
|
-
const getIcon = (name) => {
|
|
6
|
-
switch (name) {
|
|
7
|
-
case 'Merge':
|
|
8
|
-
return DatabaseFill;
|
|
9
|
-
case 'UnionAll':
|
|
10
|
-
return GripHorizontal;
|
|
11
|
-
case 'HashShuffle':
|
|
12
|
-
return Shuffle;
|
|
13
|
-
case 'Map':
|
|
14
|
-
return MapPin;
|
|
15
|
-
case 'Broadcast':
|
|
16
|
-
return ArrowsExpandHorizontal;
|
|
17
|
-
default:
|
|
18
|
-
return undefined;
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
export const ConnectionBlockComponent = ({ className, block }) => {
|
|
22
|
-
var _a;
|
|
23
|
-
const icon = getIcon(block.name);
|
|
24
|
-
const content = (_jsxs("div", { className: className, children: [icon && _jsx(Icon, { data: icon }), " ", block.name] }));
|
|
25
|
-
if (!((_a = block.stats) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
26
|
-
return content;
|
|
27
|
-
}
|
|
28
|
-
return _jsx(TooltipComponent, { block: block, children: content });
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=ConnectionBlockComponent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectionBlockComponent.js","sourceRoot":"","sources":["../../../../src/components/Graph/BlockComponents/ConnectionBlockComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,MAAM,EACN,OAAO,GACV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAQrD,MAAM,OAAO,GAAG,CAAC,IAAY,EAAwB,EAAE;IACnD,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,OAAO;YACR,OAAO,YAAY,CAAC;QACxB,KAAK,UAAU;YACX,OAAO,cAAc,CAAC;QAC1B,KAAK,aAAa;YACd,OAAO,OAAO,CAAC;QACnB,KAAK,KAAK;YACN,OAAO,MAAM,CAAC;QAClB,KAAK,WAAW;YACZ,OAAO,sBAAsB,CAAC;QAClC;YACI,OAAO,SAAS,CAAC;IACzB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAQ,EAAE,EAAE;;IAClE,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,OAAO,GAAG,CACZ,eAAK,SAAS,EAAE,SAAS,aACpB,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,OAAG,KAAK,CAAC,IAAI,IACxC,CACT,CAAC;IAEF,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,MAAM,CAAA,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,YAAG,OAAO,GAAoB,CAAC;AACxE,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QueryBlockComponent.js","sourceRoot":"","sources":["../../../../src/components/Graph/BlockComponents/QueryBlockComponent.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAC,SAAS,EAAQ,EAAE,EAAE;IACtD,OAAO,cAAK,SAAS,EAAE,SAAS,GAAI,CAAC;AACzC,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ResultBlockComponent.js","sourceRoot":"","sources":["../../../../src/components/Graph/BlockComponents/ResultBlockComponent.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAQ,EAAE,EAAE;IAC9D,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,KAAK,CAAC,IAAI,GAAO,CAAC;AACzD,CAAC,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Text } from '@gravity-ui/uikit';
|
|
3
|
-
import { TooltipComponent } from '../TooltipComponent';
|
|
4
|
-
import i18n from '../i18n';
|
|
5
|
-
export const StageBlockComponent = ({ className, block }) => {
|
|
6
|
-
var _a;
|
|
7
|
-
const content = (_jsxs("div", { className: className, children: [block.operators
|
|
8
|
-
? block.operators.map((item) => _jsx("div", { children: item }, item))
|
|
9
|
-
: block.name, block.tables ? (_jsxs("div", { style: { overflow: 'hidden', textOverflow: 'ellipsis' }, children: [_jsxs(Text, { color: "secondary", children: [i18n('label_tables'), ": "] }), block.tables.join(', ')] })) : null] }));
|
|
10
|
-
if (!((_a = block.stats) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
11
|
-
return content;
|
|
12
|
-
}
|
|
13
|
-
return _jsx(TooltipComponent, { block: block, children: content });
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=StageBlockComponent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StageBlockComponent.js","sourceRoot":"","sources":["../../../../src/components/Graph/BlockComponents/StageBlockComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,IAAI,MAAM,SAAS,CAAC;AAQ3B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAQ,EAAE,EAAE;;IAC7D,MAAM,OAAO,GAAG,CACZ,eAAK,SAAS,EAAE,SAAS,aACpB,KAAK,CAAC,SAAS;gBACZ,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,wBAAiB,IAAI,IAAX,IAAI,CAAc,CAAC;gBAC7D,CAAC,CAAC,KAAK,CAAC,IAAI,EACf,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACZ,eAAK,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAC,aACtD,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,aAAE,IAAI,CAAC,cAAc,CAAC,UAAU,EACtD,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IACtB,CACT,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;IAEF,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,MAAM,CAAA,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,YAAG,OAAO,GAAoB,CAAC;AACxE,CAAC,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback } from 'react';
|
|
3
|
-
import { Button, Icon } from '@gravity-ui/uikit';
|
|
4
|
-
import { cn } from '../../utils/cn';
|
|
5
|
-
import MagnifierMinusIcon from '@gravity-ui/icons/svgs/magnifier-minus.svg';
|
|
6
|
-
import MagnifierPlusIcon from '@gravity-ui/icons/svgs/magnifier-plus.svg';
|
|
7
|
-
const b = cn('ydb-gravity-graph');
|
|
8
|
-
const ZOOM_STEP = 1.25;
|
|
9
|
-
export const GraphControls = ({ graph }) => {
|
|
10
|
-
const onZoomInClick = useCallback(() => {
|
|
11
|
-
const cameraScale = graph.cameraService.getCameraScale();
|
|
12
|
-
graph.zoom({ scale: cameraScale * ZOOM_STEP });
|
|
13
|
-
}, [graph]);
|
|
14
|
-
const onZoomOutClick = useCallback(() => {
|
|
15
|
-
const cameraScale = graph.cameraService.getCameraScale();
|
|
16
|
-
graph.zoom({ scale: cameraScale / ZOOM_STEP });
|
|
17
|
-
}, [graph]);
|
|
18
|
-
const onResetZoomClick = useCallback(() => {
|
|
19
|
-
graph.zoom({ scale: 1 });
|
|
20
|
-
}, [graph]);
|
|
21
|
-
return (_jsxs("div", { className: b('zoom-controls'), children: [_jsx(Button, { view: "raised", onClick: onZoomInClick, children: _jsx(Icon, { data: MagnifierPlusIcon, size: 16 }) }), _jsx(Button, { view: "raised", onClick: onZoomOutClick, children: _jsx(Icon, { data: MagnifierMinusIcon, size: 16 }) }), _jsx(Button, { view: "raised", onClick: onResetZoomClick, children: "1:1" })] }));
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=GraphControls.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GraphControls.js","sourceRoot":"","sources":["../../../src/components/Graph/GraphControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,kBAAkB,MAAM,4CAA4C,CAAC;AAC5E,OAAO,iBAAiB,MAAM,2CAA2C,CAAC;AAE1E,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAElC,MAAM,SAAS,GAAG,IAAI,CAAC;AAMvB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,KAAK,EAAQ,EAAE,EAAE;IAC5C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,CAAC;QACzD,KAAK,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAAC,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,CAAC;QACzD,KAAK,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAAC,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,KAAK,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,YACxC,KAAC,IAAI,IAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,GAAI,GACtC,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc,YACzC,KAAC,IAAI,IAAC,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,GAAI,GACvC,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,gBAAgB,oBAEtC,IACP,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { GraphState } from '@gravity-ui/graph';
|
|
4
|
-
import { GraphBlock, GraphCanvas, useGraph, useGraphEvent } from '@gravity-ui/graph/react';
|
|
5
|
-
// @ts-ignore - workerize-loader syntax
|
|
6
|
-
import createWorker from 'workerize-loader!./treeLayout.worker';
|
|
7
|
-
import { cn } from '../../utils/cn';
|
|
8
|
-
const b = cn('ydb-gravity-graph');
|
|
9
|
-
import { ConnectionBlockComponent } from './BlockComponents/ConnectionBlockComponent';
|
|
10
|
-
import { QueryBlockComponent } from './BlockComponents/QueryBlockComponent';
|
|
11
|
-
import { ResultBlockComponent } from './BlockComponents/ResultBlockComponent';
|
|
12
|
-
import { StageBlockComponent } from './BlockComponents/StageBlockComponent';
|
|
13
|
-
import { GraphControls } from './GraphControls';
|
|
14
|
-
import { NonSelectableConnection } from './NonSelectableConnection';
|
|
15
|
-
import { graphColorsConfig } from './colorsConfig';
|
|
16
|
-
import { parseCustomPropertyValue } from './utils';
|
|
17
|
-
import './GravityGraph.scss';
|
|
18
|
-
const config = {
|
|
19
|
-
settings: {
|
|
20
|
-
connection: NonSelectableConnection,
|
|
21
|
-
showConnectionArrows: false,
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
const renderBlockFn = (graph, block) => {
|
|
25
|
-
const map = {
|
|
26
|
-
query: QueryBlockComponent,
|
|
27
|
-
result: ResultBlockComponent,
|
|
28
|
-
stage: StageBlockComponent,
|
|
29
|
-
connection: ConnectionBlockComponent,
|
|
30
|
-
};
|
|
31
|
-
const Component = map[block.is];
|
|
32
|
-
return (_jsx(GraphBlock, { graph: graph, block: block, className: b('block'), children: Component ? (_jsxs(_Fragment, { children: [_jsx(Component, { graph: graph, block: block, className: b('block-content', block.is) }), block.id !== 'undefined' && block.is !== 'result' && (_jsxs("div", { className: b('block-id'), children: ["#", block.id] }))] })) : (block.id) }));
|
|
33
|
-
};
|
|
34
|
-
export function GravityGraph({ data, theme }) {
|
|
35
|
-
const { graph, start } = useGraph(config);
|
|
36
|
-
React.useEffect(() => {
|
|
37
|
-
// Using workerize-loader to inline the worker and avoid CORS issues
|
|
38
|
-
const worker = createWorker();
|
|
39
|
-
// Call the exported function from the worker
|
|
40
|
-
worker
|
|
41
|
-
.calculateLayout(data.nodes, data.links)
|
|
42
|
-
.then((result) => {
|
|
43
|
-
graph.setEntities({
|
|
44
|
-
blocks: result.layout,
|
|
45
|
-
connections: result.edges,
|
|
46
|
-
});
|
|
47
|
-
})
|
|
48
|
-
.catch((err) => {
|
|
49
|
-
console.error('Worker error:', err);
|
|
50
|
-
});
|
|
51
|
-
return () => {
|
|
52
|
-
worker.terminate();
|
|
53
|
-
};
|
|
54
|
-
}, [data.nodes, data.links, graph]);
|
|
55
|
-
React.useEffect(() => {
|
|
56
|
-
graph.setColors(parseCustomPropertyValue(graphColorsConfig));
|
|
57
|
-
}, [graph, theme]);
|
|
58
|
-
useGraphEvent(graph, 'state-change', ({ state }) => {
|
|
59
|
-
if (state === GraphState.ATTACHED) {
|
|
60
|
-
graph.cameraService.set({
|
|
61
|
-
scale: 1,
|
|
62
|
-
scaleMax: 1.5,
|
|
63
|
-
scaleMin: 0.5,
|
|
64
|
-
});
|
|
65
|
-
graph.setConstants({
|
|
66
|
-
block: {
|
|
67
|
-
SCALES: [0.125, 0.225, 0.5], // Detailed view stays until zoom = 0.5
|
|
68
|
-
},
|
|
69
|
-
});
|
|
70
|
-
start();
|
|
71
|
-
// graph.zoomTo("center", { padding: 300 });
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
return (_jsxs(_Fragment, { children: [_jsx(GraphCanvas, { graph: graph, renderBlock: renderBlockFn }), _jsx(GraphControls, { graph: graph })] }));
|
|
75
|
-
}
|
|
76
|
-
//# sourceMappingURL=GravityGraph.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GravityGraph.js","sourceRoot":"","sources":["../../../src/components/Graph/GravityGraph.tsx"],"names":[],"mappings":"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"}
|