ydb-embedded-ui 11.3.0 → 11.4.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/DoughnutMetrics/DoughnutMetrics.d.ts +3 -1
- package/dist/components/DoughnutMetrics/DoughnutMetrics.js +16 -20
- package/dist/components/DoughnutMetrics/DoughnutMetrics.js.map +1 -1
- package/dist/components/DoughnutMetrics/DoughnutMetrics.scss +25 -28
- package/dist/components/DoughnutMetrics/SvgCircle.d.ts +14 -0
- package/dist/components/DoughnutMetrics/SvgCircle.js +5 -0
- package/dist/components/DoughnutMetrics/SvgCircle.js.map +1 -0
- package/dist/components/DoughnutMetrics/utils.d.ts +36 -0
- package/dist/components/DoughnutMetrics/utils.js +40 -0
- package/dist/components/DoughnutMetrics/utils.js.map +1 -0
- package/dist/services/api/index.d.ts +2 -1
- package/dist/services/api/index.js +18 -1
- package/dist/services/api/index.js.map +1 -1
- package/dist/styles/versions.scss +110 -86
- package/dist/utils/prepareErrorMessage.js +9 -2
- package/dist/utils/prepareErrorMessage.js.map +1 -1
- package/dist/utils/versions/getVersionsColors.d.ts +1 -1
- package/dist/utils/versions/getVersionsColors.js +39 -27
- package/dist/utils/versions/getVersionsColors.js.map +1 -1
- package/package.json +1 -1
@@ -1,7 +1,9 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import type { HelpMarkProps, TextProps } from '@gravity-ui/uikit';
|
3
3
|
import type { ProgressStatus } from '../../utils/progress';
|
4
|
+
import { SIZE_CONFIG } from './utils';
|
4
5
|
import './DoughnutMetrics.scss';
|
6
|
+
type Size = keyof typeof SIZE_CONFIG;
|
5
7
|
interface LegendProps {
|
6
8
|
children?: React.ReactNode;
|
7
9
|
variant?: TextProps['variant'];
|
@@ -14,7 +16,7 @@ interface DoughnutProps {
|
|
14
16
|
fillWidth: number;
|
15
17
|
children?: React.ReactNode;
|
16
18
|
className?: string;
|
17
|
-
size?:
|
19
|
+
size?: Size;
|
18
20
|
}
|
19
21
|
export declare function DoughnutMetrics({ status, fillWidth, children, className, size, }: DoughnutProps): import("react/jsx-runtime").JSX.Element;
|
20
22
|
export declare namespace DoughnutMetrics {
|
@@ -2,35 +2,31 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
3
3
|
import { Flex, HelpMark, Text } from '@gravity-ui/uikit';
|
4
4
|
import { cn } from '../../utils/cn';
|
5
|
+
import { SvgCircle } from './SvgCircle';
|
6
|
+
import { ROTATION_OFFSET, SIZE_CONFIG, calculateCircumference, calculateOverlapDasharray, calculateStrokeDasharray, } from './utils';
|
5
7
|
import './DoughnutMetrics.scss';
|
6
8
|
const b = cn('ydb-doughnut-metrics');
|
7
9
|
const SizeContext = React.createContext('medium');
|
8
|
-
function Legend({ children, variant = 'subheader-3', color = 'primary', note, noteIconSize, }) {
|
9
|
-
return (_jsxs(Flex, { gap: 1, alignItems: "center", children: [_jsx(Text, { variant: variant, color: color, className: b('legend'), as: "div", children: children }), note && (_jsx(HelpMark, { iconSize: noteIconSize
|
10
|
+
function Legend({ children, variant = 'subheader-3', color = 'primary', note, noteIconSize = 'm', }) {
|
11
|
+
return (_jsxs(Flex, { gap: 1, alignItems: "center", children: [_jsx(Text, { variant: variant, color: color, className: b('legend'), as: "div", children: children }), note && (_jsx(HelpMark, { iconSize: noteIconSize, className: b('legend-note'), popoverProps: { placement: 'right' }, children: note }))] }));
|
10
12
|
}
|
13
|
+
// Value component
|
11
14
|
function Value({ children, variant }) {
|
12
15
|
const size = React.useContext(SizeContext);
|
13
|
-
const
|
14
|
-
small: 'subheader-1',
|
15
|
-
medium: 'subheader-2',
|
16
|
-
large: 'subheader-3',
|
17
|
-
};
|
18
|
-
const finalVariant = variant || sizeVariantMap[size];
|
16
|
+
const finalVariant = variant || SIZE_CONFIG[size].textVariant;
|
19
17
|
return (_jsx(Text, { variant: finalVariant, className: b('value'), children: children }));
|
20
18
|
}
|
21
19
|
export function DoughnutMetrics({ status, fillWidth, children, className, size = 'medium', }) {
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
const
|
31
|
-
|
32
|
-
};
|
33
|
-
return (_jsx(SizeContext.Provider, { value: size, children: _jsxs("div", { className: b({ status }, className), style: { position: 'relative' }, children: [_jsx("div", { style: doughnutStyle, className: b('doughnut', { size }) }), _jsx("div", { className: b('text-wrapper'), children: children })] }) }));
|
20
|
+
const config = SIZE_CONFIG[size];
|
21
|
+
const radius = (config.width - config.strokeWidth) / 2;
|
22
|
+
const circumference = calculateCircumference(radius);
|
23
|
+
const strokeDashoffset = circumference * ROTATION_OFFSET;
|
24
|
+
const centerX = config.width / 2;
|
25
|
+
const centerY = config.width / 2;
|
26
|
+
const strokeDasharray = calculateStrokeDasharray(fillWidth, circumference);
|
27
|
+
const overlapDasharray = calculateOverlapDasharray(fillWidth, circumference);
|
28
|
+
const needsOverlapCircle = fillWidth > 100;
|
29
|
+
return (_jsx(SizeContext.Provider, { value: size, children: _jsxs("div", { className: b({ status }, className), children: [_jsxs("svg", { width: config.width, height: config.width, className: b('doughnut'), children: [_jsx(SvgCircle, { cx: centerX, cy: centerY, r: radius, stroke: "var(--doughnut-backdrop-color)", strokeWidth: config.strokeWidth }), _jsx(SvgCircle, { cx: centerX, cy: centerY, r: radius, stroke: "var(--doughnut-color)", strokeWidth: config.strokeWidth, strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset, className: b('progress-circle') }), needsOverlapCircle && (_jsx(SvgCircle, { cx: centerX, cy: centerY, r: radius, stroke: "var(--doughnut-overlap-color)", strokeWidth: config.strokeWidth, strokeDasharray: overlapDasharray, strokeDashoffset: strokeDashoffset, className: b('overlap-circle') }))] }), _jsx("div", { className: b('text-wrapper'), children: children })] }) }));
|
34
30
|
}
|
35
31
|
DoughnutMetrics.Legend = Legend;
|
36
32
|
DoughnutMetrics.Value = Value;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DoughnutMetrics.js","sourceRoot":"","sources":["../../../src/components/DoughnutMetrics/DoughnutMetrics.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"DoughnutMetrics.js","sourceRoot":"","sources":["../../../src/components/DoughnutMetrics/DoughnutMetrics.tsx"],"names":[],"mappings":"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"}
|
@@ -1,69 +1,66 @@
|
|
1
1
|
.ydb-doughnut-metrics {
|
2
|
-
--doughnut-border: 16px;
|
3
|
-
--doughnut-width: 100px;
|
4
|
-
--doughnut-wrapper-indent: calc(var(--doughnut-border) + 5px);
|
5
2
|
--doughnut-color: var(--g-color-base-positive-heavy);
|
6
3
|
--doughnut-backdrop-color: var(--g-color-base-generic);
|
7
4
|
--doughnut-overlap-color: var(--g-color-base-positive-heavy-hover);
|
8
5
|
--doughnut-text-color: var(--g-color-text-positive-heavy);
|
9
6
|
|
7
|
+
position: relative;
|
8
|
+
|
10
9
|
&__doughnut {
|
11
10
|
position: relative;
|
12
11
|
|
13
|
-
|
14
|
-
aspect-ratio: 1;
|
15
|
-
|
16
|
-
border-radius: 50%;
|
17
|
-
mask: radial-gradient(circle at center, transparent 46%, #000 46.5%);
|
12
|
+
display: block;
|
18
13
|
|
19
|
-
|
20
|
-
|
14
|
+
// Enable smooth rendering for SVG
|
15
|
+
shape-rendering: geometricPrecision;
|
16
|
+
-webkit-font-smoothing: antialiased;
|
17
|
+
-moz-osx-font-smoothing: grayscale;
|
21
18
|
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
--doughnut-width: 65px;
|
26
|
-
--doughnut-wrapper-indent: 15px;
|
27
|
-
}
|
19
|
+
// Ensure SVG renders smoothly
|
20
|
+
image-rendering: smooth;
|
21
|
+
will-change: transform;
|
28
22
|
|
29
|
-
|
30
|
-
|
31
|
-
--doughnut-width: 100px;
|
32
|
-
--doughnut-wrapper-indent: calc(var(--doughnut-border) + 5px);
|
23
|
+
// Preserve rotation origin
|
24
|
+
transform-origin: center;
|
33
25
|
}
|
34
26
|
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
27
|
+
// Progress circle animation
|
28
|
+
&__progress-circle,
|
29
|
+
&__overlap-circle {
|
30
|
+
transition: stroke-dasharray 0.3s ease;
|
31
|
+
transform-origin: center;
|
39
32
|
}
|
40
33
|
|
34
|
+
// Status modifiers
|
41
35
|
&_status_warning {
|
42
36
|
--doughnut-color: var(--g-color-base-warning-heavy);
|
43
37
|
--doughnut-overlap-color: var(--g-color-base-warning-heavy-hover);
|
44
38
|
--doughnut-text-color: var(--g-color-text-warning);
|
45
39
|
}
|
40
|
+
|
46
41
|
&_status_danger {
|
47
42
|
--doughnut-color: var(--g-color-base-danger-heavy);
|
48
43
|
--doughnut-overlap-color: var(--g-color-base-danger-heavy-hover);
|
49
44
|
--doughnut-text-color: var(--g-color-base-danger-heavy);
|
50
45
|
}
|
46
|
+
|
51
47
|
&__text-wrapper {
|
52
48
|
position: absolute;
|
53
49
|
z-index: 1;
|
54
|
-
top:
|
55
|
-
left:
|
50
|
+
top: 50%;
|
51
|
+
left: 50%;
|
56
52
|
|
57
53
|
display: flex;
|
58
54
|
flex-direction: column;
|
59
55
|
justify-content: center;
|
60
56
|
align-items: center;
|
61
57
|
|
62
|
-
width:
|
58
|
+
width: 100%;
|
59
|
+
height: 100%;
|
63
60
|
|
64
61
|
text-align: center;
|
65
62
|
|
66
|
-
|
63
|
+
transform: translate(-50%, -50%);
|
67
64
|
}
|
68
65
|
|
69
66
|
&__value {
|
@@ -0,0 +1,14 @@
|
|
1
|
+
interface SvgCircleProps {
|
2
|
+
cx: number;
|
3
|
+
cy: number;
|
4
|
+
r: number;
|
5
|
+
stroke: string;
|
6
|
+
strokeWidth: number;
|
7
|
+
strokeDasharray?: string;
|
8
|
+
strokeDashoffset?: number;
|
9
|
+
strokeLinecap?: 'butt' | 'round' | 'square';
|
10
|
+
fill?: string;
|
11
|
+
className?: string;
|
12
|
+
}
|
13
|
+
export declare function SvgCircle({ cx, cy, r, stroke, strokeWidth, strokeDasharray, strokeDashoffset, strokeLinecap, fill, className, }: SvgCircleProps): import("react/jsx-runtime").JSX.Element;
|
14
|
+
export {};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
export function SvgCircle({ cx, cy, r, stroke, strokeWidth, strokeDasharray, strokeDashoffset, strokeLinecap = 'butt', fill = 'none', className, }) {
|
3
|
+
return (_jsx("circle", { cx: cx, cy: cy, r: r, fill: fill, stroke: stroke, strokeWidth: strokeWidth, strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset, strokeLinecap: strokeLinecap, className: className }));
|
4
|
+
}
|
5
|
+
//# sourceMappingURL=SvgCircle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SvgCircle.js","sourceRoot":"","sources":["../../../src/components/DoughnutMetrics/SvgCircle.tsx"],"names":[],"mappings":";AAaA,MAAM,UAAU,SAAS,CAAC,EACtB,EAAE,EACF,EAAE,EACF,CAAC,EACD,MAAM,EACN,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,aAAa,GAAG,MAAM,EACtB,IAAI,GAAG,MAAM,EACb,SAAS,GACI;IACb,OAAO,CACH,iBACI,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,CAAC,EACJ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,GACtB,CACL,CAAC;AACN,CAAC"}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
export declare const SIZE_CONFIG: {
|
2
|
+
readonly small: {
|
3
|
+
readonly width: 65;
|
4
|
+
readonly strokeWidth: 12;
|
5
|
+
readonly textVariant: "subheader-1";
|
6
|
+
};
|
7
|
+
readonly medium: {
|
8
|
+
readonly width: 100;
|
9
|
+
readonly strokeWidth: 16;
|
10
|
+
readonly textVariant: "subheader-2";
|
11
|
+
};
|
12
|
+
readonly large: {
|
13
|
+
readonly width: 130;
|
14
|
+
readonly strokeWidth: 20;
|
15
|
+
readonly textVariant: "subheader-3";
|
16
|
+
};
|
17
|
+
};
|
18
|
+
export declare const ROTATION_OFFSET = 0.75;
|
19
|
+
/**
|
20
|
+
* Calculate the circumference of a circle given its radius
|
21
|
+
*/
|
22
|
+
export declare function calculateCircumference(radius: number): number;
|
23
|
+
/**
|
24
|
+
* Calculate stroke-dasharray for SVG circle progress fill
|
25
|
+
* @param fillWidth - Progress percentage (0-100+)
|
26
|
+
* @param circumference - Circle circumference
|
27
|
+
* @returns Stroke-dasharray string for filled portion
|
28
|
+
*/
|
29
|
+
export declare function calculateStrokeDasharray(fillWidth: number, circumference: number): string;
|
30
|
+
/**
|
31
|
+
* Calculate stroke-dasharray for overlap portion when progress exceeds 100%
|
32
|
+
* @param fillWidth - Progress percentage (0-100+)
|
33
|
+
* @param circumference - Circle circumference
|
34
|
+
* @returns Stroke-dasharray string for overlap portion
|
35
|
+
*/
|
36
|
+
export declare function calculateOverlapDasharray(fillWidth: number, circumference: number): string;
|
@@ -0,0 +1,40 @@
|
|
1
|
+
// Constants
|
2
|
+
export const SIZE_CONFIG = {
|
3
|
+
small: { width: 65, strokeWidth: 12, textVariant: 'subheader-1' },
|
4
|
+
medium: { width: 100, strokeWidth: 16, textVariant: 'subheader-2' },
|
5
|
+
large: { width: 130, strokeWidth: 20, textVariant: 'subheader-3' },
|
6
|
+
};
|
7
|
+
export const ROTATION_OFFSET = 0.75; // Start from bottom (270 degrees)
|
8
|
+
/**
|
9
|
+
* Calculate the circumference of a circle given its radius
|
10
|
+
*/
|
11
|
+
export function calculateCircumference(radius) {
|
12
|
+
return 2 * Math.PI * radius;
|
13
|
+
}
|
14
|
+
/**
|
15
|
+
* Calculate stroke-dasharray for SVG circle progress fill
|
16
|
+
* @param fillWidth - Progress percentage (0-100+)
|
17
|
+
* @param circumference - Circle circumference
|
18
|
+
* @returns Stroke-dasharray string for filled portion
|
19
|
+
*/
|
20
|
+
export function calculateStrokeDasharray(fillWidth, circumference) {
|
21
|
+
if (fillWidth <= 0) {
|
22
|
+
return '0 0';
|
23
|
+
}
|
24
|
+
const filledLength = (Math.min(fillWidth, 100) / 100) * circumference;
|
25
|
+
return `${filledLength} ${circumference - filledLength}`;
|
26
|
+
}
|
27
|
+
/**
|
28
|
+
* Calculate stroke-dasharray for overlap portion when progress exceeds 100%
|
29
|
+
* @param fillWidth - Progress percentage (0-100+)
|
30
|
+
* @param circumference - Circle circumference
|
31
|
+
* @returns Stroke-dasharray string for overlap portion
|
32
|
+
*/
|
33
|
+
export function calculateOverlapDasharray(fillWidth, circumference) {
|
34
|
+
if (fillWidth <= 100) {
|
35
|
+
return '0 0';
|
36
|
+
}
|
37
|
+
const overlapLength = ((fillWidth - 100) / 100) * circumference;
|
38
|
+
return `${overlapLength} ${circumference - overlapLength}`;
|
39
|
+
}
|
40
|
+
//# sourceMappingURL=utils.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/DoughnutMetrics/utils.ts"],"names":[],"mappings":"AAAA,YAAY;AACZ,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,aAAa,EAAC;IAC/D,MAAM,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,aAAa,EAAC;IACjE,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,aAAa,EAAC;CAC1D,CAAC;AAEX,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,kCAAkC;AAEvE;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,MAAc;IACjD,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;AAChC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,SAAiB,EAAE,aAAqB;IAC7E,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC;IACtE,OAAO,GAAG,YAAY,IAAI,aAAa,GAAG,YAAY,EAAE,CAAC;AAC7D,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,yBAAyB,CAAC,SAAiB,EAAE,aAAqB;IAC9E,IAAI,SAAS,IAAI,GAAG,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,MAAM,aAAa,GAAG,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC;IAChE,OAAO,GAAG,aAAa,IAAI,aAAa,GAAG,aAAa,EAAE,CAAC;AAC/D,CAAC"}
|
@@ -21,8 +21,9 @@ export declare class YdbEmbeddedAPI {
|
|
21
21
|
viewer: ViewerAPI;
|
22
22
|
meta?: MetaAPI;
|
23
23
|
codeAssist?: CodeAssistAPI;
|
24
|
-
constructor({ webVersion, withCredentials }?: {
|
24
|
+
constructor({ webVersion, withCredentials, csrfTokenGetter, }?: {
|
25
25
|
webVersion?: boolean | undefined;
|
26
26
|
withCredentials?: boolean | undefined;
|
27
|
+
csrfTokenGetter?: (() => undefined) | undefined;
|
27
28
|
});
|
28
29
|
}
|
@@ -11,7 +11,8 @@ import { TabletsAPI } from './tablets';
|
|
11
11
|
import { VDiskAPI } from './vdisk';
|
12
12
|
import { ViewerAPI } from './viewer';
|
13
13
|
export class YdbEmbeddedAPI {
|
14
|
-
constructor({ webVersion = false, withCredentials = false } = {}) {
|
14
|
+
constructor({ webVersion = false, withCredentials = false, csrfTokenGetter = () => undefined, } = {}) {
|
15
|
+
var _a, _b;
|
15
16
|
const config = { withCredentials };
|
16
17
|
this.auth = new AuthAPI({ config });
|
17
18
|
if (webVersion) {
|
@@ -28,6 +29,22 @@ export class YdbEmbeddedAPI {
|
|
28
29
|
this.tablets = new TabletsAPI({ config });
|
29
30
|
this.vdisk = new VDiskAPI({ config });
|
30
31
|
this.viewer = new ViewerAPI({ config });
|
32
|
+
const token = csrfTokenGetter();
|
33
|
+
if (token) {
|
34
|
+
this.auth.setCSRFToken(token);
|
35
|
+
// Use optional chaining as `meta` may not be initialized.
|
36
|
+
(_a = this.meta) === null || _a === void 0 ? void 0 : _a.setCSRFToken(token);
|
37
|
+
// Use optional chaining as `codeAssist` may not be initialized.
|
38
|
+
(_b = this.codeAssist) === null || _b === void 0 ? void 0 : _b.setCSRFToken(token);
|
39
|
+
this.operation.setCSRFToken(token);
|
40
|
+
this.pdisk.setCSRFToken(token);
|
41
|
+
this.scheme.setCSRFToken(token);
|
42
|
+
this.storage.setCSRFToken(token);
|
43
|
+
this.streaming.setCSRFToken(token);
|
44
|
+
this.tablets.setCSRFToken(token);
|
45
|
+
this.vdisk.setCSRFToken(token);
|
46
|
+
this.viewer.setCSRFToken(token);
|
47
|
+
}
|
31
48
|
}
|
32
49
|
}
|
33
50
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/services/api/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,WAAW,CAAC;AACrC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,WAAW,CAAC;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAC;AAEnC,MAAM,OAAO,cAAc;IAavB,YAAY,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/services/api/index.ts"],"names":[],"mappings":"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"}
|
@@ -1,106 +1,130 @@
|
|
1
1
|
.g-root {
|
2
2
|
&_theme_light,
|
3
3
|
&_theme_light-hc {
|
4
|
-
--versions-
|
5
|
-
|
6
|
-
--versions-
|
7
|
-
--versions-
|
8
|
-
|
9
|
-
--versions-orange-
|
10
|
-
|
11
|
-
--versions-
|
12
|
-
--versions-
|
13
|
-
|
14
|
-
--versions-
|
15
|
-
|
16
|
-
--versions-
|
17
|
-
--versions-
|
18
|
-
|
19
|
-
--versions-
|
20
|
-
|
21
|
-
--versions-
|
22
|
-
--versions-
|
23
|
-
|
24
|
-
--versions-
|
25
|
-
--versions-green-2: #b1ff33;
|
26
|
-
--versions-green-3: #cbff78;
|
27
|
-
--versions-green-4: #ddffa7;
|
28
|
-
|
29
|
-
--versions-teal-1: #31eba4;
|
30
|
-
--versions-teal-2: #16ffa6;
|
31
|
-
--versions-teal-3: #4cffba;
|
32
|
-
--versions-teal-4: #9bffd8;
|
33
|
-
|
34
|
-
--versions-cyan-1: #2ee4e8;
|
35
|
-
--versions-cyan-2: #0cfbff;
|
36
|
-
--versions-cyan-3: #63fdff;
|
37
|
-
--versions-cyan-4: #b1feff;
|
4
|
+
--versions-default-color: #d5d5d5;
|
5
|
+
|
6
|
+
--versions-orange-1: #ff5512;
|
7
|
+
--versions-orange-2: #ff753a;
|
8
|
+
--versions-orange-3: #ffa16b;
|
9
|
+
--versions-orange-4: #ffc497;
|
10
|
+
|
11
|
+
--versions-yellow-1: #fed018;
|
12
|
+
--versions-yellow-2: #faca1c;
|
13
|
+
--versions-yellow-3: #f6d66d;
|
14
|
+
--versions-yellow-4: #f8e09f;
|
15
|
+
|
16
|
+
--versions-green-1: #26ee79;
|
17
|
+
--versions-green-2: #33ff77;
|
18
|
+
--versions-green-3: #8eff78;
|
19
|
+
--versions-green-4: #c4ffa7;
|
20
|
+
|
21
|
+
--versions-lightblue-1: #21c7ff;
|
22
|
+
--versions-lightblue-2: #38cdff;
|
23
|
+
--versions-lightblue-3: #60d7ff;
|
24
|
+
--versions-lightblue-4: #79ddff;
|
38
25
|
|
39
26
|
--versions-blue-1: #386bff;
|
40
27
|
--versions-blue-2: #4070ff;
|
41
28
|
--versions-blue-3: #658bff;
|
42
29
|
--versions-blue-4: #a1b9ff;
|
43
30
|
|
44
|
-
--versions-
|
45
|
-
--versions-
|
46
|
-
--versions-
|
47
|
-
--versions-
|
48
|
-
|
49
|
-
--versions-pink-1: #
|
50
|
-
--versions-pink-2: #
|
51
|
-
--versions-pink-3: #
|
52
|
-
--versions-pink-4: #
|
31
|
+
--versions-violet-1: #d107e3;
|
32
|
+
--versions-violet-2: #d836f9;
|
33
|
+
--versions-violet-3: #e563ff;
|
34
|
+
--versions-violet-4: #dc92ff;
|
35
|
+
|
36
|
+
--versions-pink-1: #ff499e;
|
37
|
+
--versions-pink-2: #ff5ca8;
|
38
|
+
--versions-pink-3: #fe8ac0;
|
39
|
+
--versions-pink-4: #ff9dcb;
|
40
|
+
|
41
|
+
--versions-caramel-1: #dd7709;
|
42
|
+
--versions-caramel-2: #ea8312;
|
43
|
+
--versions-caramel-3: #f1a757;
|
44
|
+
--versions-caramel-4: #ffc484;
|
45
|
+
|
46
|
+
--versions-moss-1: #53920a;
|
47
|
+
--versions-moss-2: #6eb818;
|
48
|
+
--versions-moss-3: #8dd43c;
|
49
|
+
--versions-moss-4: #b4ea76;
|
50
|
+
|
51
|
+
--versions-turquoise-1: #19b5b8;
|
52
|
+
--versions-turquoise-2: #38cacd;
|
53
|
+
--versions-turquoise-3: #51e5e8;
|
54
|
+
--versions-turquoise-4: #98f4f6;
|
55
|
+
|
56
|
+
--versions-barbie-1: #f35fc4;
|
57
|
+
--versions-barbie-2: #f17acc;
|
58
|
+
--versions-barbie-3: #ff86d9;
|
59
|
+
--versions-barbie-4: #ffa4e3;
|
60
|
+
|
61
|
+
--versions-night-1: #5616ea;
|
62
|
+
--versions-night-2: #6934e4;
|
63
|
+
--versions-night-3: #7c48f6;
|
64
|
+
--versions-night-4: #a179ff;
|
53
65
|
}
|
54
66
|
&_theme_dark,
|
55
67
|
&_theme_dark-hc {
|
56
|
-
--versions-
|
57
|
-
|
58
|
-
--versions-
|
59
|
-
--versions-
|
60
|
-
|
61
|
-
--versions-orange-
|
62
|
-
|
63
|
-
--versions-
|
64
|
-
--versions-
|
65
|
-
|
66
|
-
--versions-
|
67
|
-
|
68
|
-
--versions-
|
69
|
-
--versions-
|
70
|
-
|
71
|
-
--versions-
|
72
|
-
|
73
|
-
--versions-
|
74
|
-
--versions-
|
75
|
-
|
76
|
-
--versions-
|
77
|
-
--versions-green-2: #b1ff33;
|
78
|
-
--versions-green-3: #cbff78;
|
79
|
-
--versions-green-4: #ddffa7;
|
80
|
-
|
81
|
-
--versions-teal-1: #27c98b;
|
82
|
-
--versions-teal-2: #16ffa6;
|
83
|
-
--versions-teal-3: #4cffba;
|
84
|
-
--versions-teal-4: #9bffd8;
|
85
|
-
|
86
|
-
--versions-cyan-1: #0edbde;
|
87
|
-
--versions-cyan-2: #0cfbff;
|
88
|
-
--versions-cyan-3: #63fdff;
|
89
|
-
--versions-cyan-4: #b1feff;
|
68
|
+
--versions-default-color: #656469;
|
69
|
+
|
70
|
+
--versions-orange-1: #ff5512;
|
71
|
+
--versions-orange-2: #ff753a;
|
72
|
+
--versions-orange-3: #ffa16b;
|
73
|
+
--versions-orange-4: #ffc497;
|
74
|
+
|
75
|
+
--versions-yellow-1: #fed018;
|
76
|
+
--versions-yellow-2: #fae41c;
|
77
|
+
--versions-yellow-3: #f6e66d;
|
78
|
+
--versions-yellow-4: #f8ef9f;
|
79
|
+
|
80
|
+
--versions-green-1: #26ee79;
|
81
|
+
--versions-green-2: #33ff77;
|
82
|
+
--versions-green-3: #8eff78;
|
83
|
+
--versions-green-4: #c4ffa7;
|
84
|
+
|
85
|
+
--versions-lightblue-1: #00b8f6;
|
86
|
+
--versions-lightblue-2: #41d0ff;
|
87
|
+
--versions-lightblue-3: #87e1ff;
|
88
|
+
--versions-lightblue-4: #b5e8f9;
|
90
89
|
|
91
90
|
--versions-blue-1: #2059ff;
|
92
91
|
--versions-blue-2: #4070ff;
|
93
92
|
--versions-blue-3: #658bff;
|
94
93
|
--versions-blue-4: #a1b9ff;
|
95
94
|
|
96
|
-
--versions-
|
97
|
-
--versions-
|
98
|
-
--versions-
|
99
|
-
--versions-
|
100
|
-
|
101
|
-
--versions-pink-1: #
|
102
|
-
--versions-pink-2: #
|
103
|
-
--versions-pink-3: #
|
104
|
-
--versions-pink-4: #
|
95
|
+
--versions-violet-1: #a10aff;
|
96
|
+
--versions-violet-2: #b845ff;
|
97
|
+
--versions-violet-3: #c76cff;
|
98
|
+
--versions-violet-4: #dfacff;
|
99
|
+
|
100
|
+
--versions-pink-1: #ed2a7a;
|
101
|
+
--versions-pink-2: #fe398a;
|
102
|
+
--versions-pink-3: #fb6ba6;
|
103
|
+
--versions-pink-4: #ff90be;
|
104
|
+
|
105
|
+
--versions-caramel-1: #bc6c15;
|
106
|
+
--versions-caramel-2: #d67e1e;
|
107
|
+
--versions-caramel-3: #f9a243;
|
108
|
+
--versions-caramel-4: #ffb96d;
|
109
|
+
|
110
|
+
--versions-moss-1: #478500;
|
111
|
+
--versions-moss-2: #5fa90c;
|
112
|
+
--versions-moss-3: #76ba28;
|
113
|
+
--versions-moss-4: #a3e855;
|
114
|
+
|
115
|
+
--versions-turquoise-1: #009ea0;
|
116
|
+
--versions-turquoise-2: #1dc7ca;
|
117
|
+
--versions-turquoise-3: #3debee;
|
118
|
+
--versions-turquoise-4: #6ff3f5;
|
119
|
+
|
120
|
+
--versions-barbie-1: #ee55be;
|
121
|
+
--versions-barbie-2: #ff6bd0;
|
122
|
+
--versions-barbie-3: #ff86d9;
|
123
|
+
--versions-barbie-4: #ffa4e3;
|
124
|
+
|
125
|
+
--versions-night-1: #5b1fe6;
|
126
|
+
--versions-night-2: #7a41ff;
|
127
|
+
--versions-night-3: #9973f3;
|
128
|
+
--versions-night-4: #a179ff;
|
105
129
|
}
|
106
130
|
}
|
@@ -3,8 +3,15 @@ export function prepareErrorMessage(error) {
|
|
3
3
|
return error;
|
4
4
|
}
|
5
5
|
if (error && typeof error === 'object') {
|
6
|
-
if ('data' in error &&
|
7
|
-
|
6
|
+
if ('data' in error && error.data) {
|
7
|
+
if (typeof error.data === 'string') {
|
8
|
+
return error.data;
|
9
|
+
}
|
10
|
+
else if (typeof error.data === 'object' &&
|
11
|
+
'message' in error.data &&
|
12
|
+
typeof error.data.message === 'string') {
|
13
|
+
return error.data.message;
|
14
|
+
}
|
8
15
|
}
|
9
16
|
else if ('statusText' in error && typeof error.statusText === 'string') {
|
10
17
|
return error.statusText;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"prepareErrorMessage.js","sourceRoot":"","sources":["../../src/utils/prepareErrorMessage.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CAAC,KAAc;IAC9C,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,IAAI,MAAM,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;
|
1
|
+
{"version":3,"file":"prepareErrorMessage.js","sourceRoot":"","sources":["../../src/utils/prepareErrorMessage.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CAAC,KAAc;IAC9C,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;YAChC,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACjC,OAAO,KAAK,CAAC,IAAI,CAAC;YACtB,CAAC;iBAAM,IACH,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;gBAC9B,SAAS,IAAI,KAAK,CAAC,IAAI;gBACvB,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,KAAK,QAAQ,EACxC,CAAC;gBACC,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;YAC9B,CAAC;QACL,CAAC;aAAM,IAAI,YAAY,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,UAAU,KAAK,QAAQ,EAAE,CAAC;YACvE,OAAO,KAAK,CAAC,UAAU,CAAC;QAC5B,CAAC;aAAM,IAAI,SAAS,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YACjE,OAAO,KAAK,CAAC,OAAO,CAAC;QACzB,CAAC;IACL,CAAC;IAED,OAAO,EAAE,CAAC;AACd,CAAC"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import type { VersionToColorMap, VersionsMap } from '../../types/versions';
|
2
2
|
export declare const hashCode: (s: string) => number;
|
3
3
|
export declare const COLORS: string[][];
|
4
|
-
export declare const DEFAULT_COLOR = "var(--
|
4
|
+
export declare const DEFAULT_COLOR = "var(--versions-default-color)";
|
5
5
|
/** Calculates sub color index */
|
6
6
|
export declare function getMinorVersionColorVariant(minorIndex: number, minorQuantity: number): number;
|
7
7
|
export declare const getVersionsMap: (versions: string[], initialMap?: VersionsMap) => VersionsMap;
|
@@ -6,18 +6,6 @@ export const hashCode = (s) => {
|
|
6
6
|
}, 0);
|
7
7
|
};
|
8
8
|
export const COLORS = [
|
9
|
-
[
|
10
|
-
'var(--versions-red-1)',
|
11
|
-
'var(--versions-red-2)',
|
12
|
-
'var(--versions-red-3)',
|
13
|
-
'var(--versions-red-4)',
|
14
|
-
],
|
15
|
-
[
|
16
|
-
'var(--versions-orange-red-1)',
|
17
|
-
'var(--versions-orange-red-2)',
|
18
|
-
'var(--versions-orange-red-3)',
|
19
|
-
'var(--versions-orange-red-4)',
|
20
|
-
],
|
21
9
|
[
|
22
10
|
'var(--versions-orange-1)',
|
23
11
|
'var(--versions-orange-2)',
|
@@ -37,16 +25,10 @@ export const COLORS = [
|
|
37
25
|
'var(--versions-green-4)',
|
38
26
|
],
|
39
27
|
[
|
40
|
-
'var(--versions-
|
41
|
-
'var(--versions-
|
42
|
-
'var(--versions-
|
43
|
-
'var(--versions-
|
44
|
-
],
|
45
|
-
[
|
46
|
-
'var(--versions-cyan-1)',
|
47
|
-
'var(--versions-cyan-2)',
|
48
|
-
'var(--versions-cyan-3)',
|
49
|
-
'var(--versions-cyan-4)',
|
28
|
+
'var(--versions-lightblue-1)',
|
29
|
+
'var(--versions-lightblue-2)',
|
30
|
+
'var(--versions-lightblue-3)',
|
31
|
+
'var(--versions-lightblue-4)',
|
50
32
|
],
|
51
33
|
[
|
52
34
|
'var(--versions-blue-1)',
|
@@ -55,10 +37,10 @@ export const COLORS = [
|
|
55
37
|
'var(--versions-blue-4)',
|
56
38
|
],
|
57
39
|
[
|
58
|
-
'var(--versions-
|
59
|
-
'var(--versions-
|
60
|
-
'var(--versions-
|
61
|
-
'var(--versions-
|
40
|
+
'var(--versions-violet-1)',
|
41
|
+
'var(--versions-violet-2)',
|
42
|
+
'var(--versions-violet-3)',
|
43
|
+
'var(--versions-violet-4)',
|
62
44
|
],
|
63
45
|
[
|
64
46
|
'var(--versions-pink-1)',
|
@@ -66,8 +48,38 @@ export const COLORS = [
|
|
66
48
|
'var(--versions-pink-3)',
|
67
49
|
'var(--versions-pink-4)',
|
68
50
|
],
|
51
|
+
[
|
52
|
+
'var(--versions-caramel-1)',
|
53
|
+
'var(--versions-caramel-2)',
|
54
|
+
'var(--versions-caramel-3)',
|
55
|
+
'var(--versions-caramel-4)',
|
56
|
+
],
|
57
|
+
[
|
58
|
+
'var(--versions-moss-1)',
|
59
|
+
'var(--versions-moss-2)',
|
60
|
+
'var(--versions-moss-3)',
|
61
|
+
'var(--versions-moss-4)',
|
62
|
+
],
|
63
|
+
[
|
64
|
+
'var(--versions-turquoise-1)',
|
65
|
+
'var(--versions-turquoise-2)',
|
66
|
+
'var(--versions-turquoise-3)',
|
67
|
+
'var(--versions-turquoise-4)',
|
68
|
+
],
|
69
|
+
[
|
70
|
+
'var(--versions-barbie-1)',
|
71
|
+
'var(--versions-barbie-2)',
|
72
|
+
'var(--versions-barbie-3)',
|
73
|
+
'var(--versions-barbie-4)',
|
74
|
+
],
|
75
|
+
[
|
76
|
+
'var(--versions-night-1)',
|
77
|
+
'var(--versions-night-2)',
|
78
|
+
'var(--versions-night-3)',
|
79
|
+
'var(--versions-night-4)',
|
80
|
+
],
|
69
81
|
];
|
70
|
-
export const DEFAULT_COLOR = 'var(--
|
82
|
+
export const DEFAULT_COLOR = 'var(--versions-default-color)';
|
71
83
|
/** Calculates sub color index */
|
72
84
|
export function getMinorVersionColorVariant(minorIndex, minorQuantity) {
|
73
85
|
// We have 4 sub colors for each color
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"getVersionsColors.js","sourceRoot":"","sources":["../../../src/utils/versions/getVersionsColors.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAEhE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,EAAE;IAClC,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAsB;QAClE,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,sBAAsB;IAC5C,CAAC,EAAE,CAAC,CAAC,CAAC;AACV,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB;QACI,
|
1
|
+
{"version":3,"file":"getVersionsColors.js","sourceRoot":"","sources":["../../../src/utils/versions/getVersionsColors.ts"],"names":[],"mappings":"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"}
|