@bundle-stats/ui 4.13.0-beta.16 → 4.13.0-beta.18
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/lib/assets/icons.svg +70 -67
- package/lib/assets/icons.svg.js +14 -12
- package/lib/assets/icons.svg.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.js +39 -7
- package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib/components/bundle-assets-totals/bundle-assets-totals.js +4 -4
- package/lib/components/bundle-assets-totals/bundle-assets-totals.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.js +28 -7
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.js +39 -7
- package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib/components/metrics-display-selector/metrics-display-selector.js +41 -4
- package/lib/components/metrics-display-selector/metrics-display-selector.js.map +1 -1
- package/lib/components/metrics-display-selector/metrics-display-selector.module.css +15 -7
- package/lib/components/metrics-treemap/index.js +4 -0
- package/lib/components/metrics-treemap/index.js.map +1 -1
- package/lib/components/metrics-treemap/metrics-treemap.constants.js +3 -0
- package/lib/components/metrics-treemap/metrics-treemap.constants.js.map +1 -0
- package/lib/components/metrics-treemap/metrics-treemap.js +63 -44
- package/lib/components/metrics-treemap/metrics-treemap.js.map +1 -1
- package/lib/components/metrics-treemap/metrics-treemap.module.css +60 -28
- package/lib/components/metrics-treemap/metrics-treemap.utils.js +70 -0
- package/lib/components/metrics-treemap/metrics-treemap.utils.js.map +1 -0
- package/lib/hooks/metrics-display-type.js +56 -24
- package/lib/hooks/metrics-display-type.js.map +1 -1
- package/lib/hooks/search-params.js +1 -0
- package/lib/hooks/search-params.js.map +1 -1
- package/lib/ui/icon/icon.js +1 -0
- package/lib/ui/icon/icon.js.map +1 -1
- package/lib/ui/input-search/input-search.js +1 -1
- package/lib/ui/input-search/input-search.js.map +1 -1
- package/lib-esm/assets/icons.svg +70 -67
- package/lib-esm/assets/icons.svg.js +14 -12
- package/lib-esm/assets/icons.svg.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.js +40 -8
- package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js +5 -5
- package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.js +29 -8
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.js +40 -8
- package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.js +41 -4
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.js.map +1 -1
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.module.css +15 -7
- package/lib-esm/components/metrics-treemap/index.js +1 -0
- package/lib-esm/components/metrics-treemap/index.js.map +1 -1
- package/lib-esm/components/metrics-treemap/metrics-treemap.constants.js +2 -0
- package/lib-esm/components/metrics-treemap/metrics-treemap.constants.js.map +1 -0
- package/lib-esm/components/metrics-treemap/metrics-treemap.js +64 -45
- package/lib-esm/components/metrics-treemap/metrics-treemap.js.map +1 -1
- package/lib-esm/components/metrics-treemap/metrics-treemap.module.css +60 -28
- package/lib-esm/components/metrics-treemap/metrics-treemap.utils.js +65 -0
- package/lib-esm/components/metrics-treemap/metrics-treemap.utils.js.map +1 -0
- package/lib-esm/hooks/metrics-display-type.js +57 -24
- package/lib-esm/hooks/metrics-display-type.js.map +1 -1
- package/lib-esm/hooks/search-params.js +1 -0
- package/lib-esm/hooks/search-params.js.map +1 -1
- package/lib-esm/ui/icon/icon.js +1 -0
- package/lib-esm/ui/icon/icon.js.map +1 -1
- package/lib-esm/ui/input-search/input-search.js +1 -1
- package/lib-esm/ui/input-search/input-search.js.map +1 -1
- package/package.json +7 -7
- package/src/assets/icons/check.svg +4 -0
- package/src/assets/icons.svg +70 -67
- package/src/assets/icons.svg.jsx +12 -12
- package/src/components/bundle-assets/bundle-assets.jsx +76 -20
- package/src/components/bundle-assets-totals/bundle-assets-totals.jsx +5 -4
- package/src/components/bundle-modules/bundle-modules.tsx +76 -16
- package/src/components/bundle-packages/bundle-packages.jsx +71 -16
- package/src/components/metrics-display-selector/metrics-display-selector.module.css +15 -7
- package/src/components/metrics-display-selector/metrics-display-selector.stories.tsx +33 -0
- package/src/components/metrics-display-selector/metrics-display-selector.tsx +83 -25
- package/src/components/metrics-treemap/__tests__/metrics-treemap.utils.ts +143 -0
- package/src/components/metrics-treemap/index.ts +1 -0
- package/src/components/metrics-treemap/metrics-treemap.constants.ts +43 -0
- package/src/components/metrics-treemap/metrics-treemap.module.css +60 -28
- package/src/components/metrics-treemap/metrics-treemap.stories.tsx +44 -10
- package/src/components/metrics-treemap/metrics-treemap.tsx +258 -90
- package/src/components/metrics-treemap/metrics-treemap.utils.ts +107 -0
- package/src/hooks/metrics-display-type.ts +87 -29
- package/src/hooks/search-params.js +1 -0
- package/src/ui/icon/icon.tsx +1 -0
- package/src/ui/input-search/input-search.tsx +1 -0
- package/types/components/metrics-display-selector/metrics-display-selector.d.ts +3 -1
- package/types/components/metrics-treemap/index.d.ts +1 -0
- package/types/components/metrics-treemap/metrics-treemap.constants.d.ts +15 -0
- package/types/components/metrics-treemap/metrics-treemap.d.ts +7 -5
- package/types/components/metrics-treemap/metrics-treemap.utils.d.ts +4 -0
- package/types/hooks/metrics-display-type.d.ts +8 -2
- package/types/ui/icon/icon.d.ts +2 -0
|
@@ -13,25 +13,56 @@
|
|
|
13
13
|
top: 0;
|
|
14
14
|
width: 100%;
|
|
15
15
|
height: 100%;
|
|
16
|
-
fill: var(--color-text);
|
|
17
|
-
font-family: var(--font-family);
|
|
18
16
|
background: var(--color-background);
|
|
19
17
|
}
|
|
20
18
|
|
|
21
|
-
/**
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
/**
|
|
20
|
+
* Tile group
|
|
21
|
+
*/
|
|
22
|
+
.tileGroup {
|
|
23
|
+
position: absolute;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.tileGroupTitle {
|
|
27
|
+
width: 100%;
|
|
28
|
+
padding: 2px var(--space-xxxsmall);
|
|
29
|
+
color: var(--color-text);
|
|
30
|
+
font-size: 10px;
|
|
31
|
+
line-height: 12px;
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
white-space: nowrap;
|
|
34
|
+
text-overflow: ellipsis;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/** Tile group size variation */
|
|
38
|
+
.tileGroupSizeDefault {
|
|
39
|
+
transition: var(--ui-transition-in);
|
|
40
|
+
transition-property: left top width height;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/** Tile group nested variation */
|
|
44
|
+
.nested .tileGroup {
|
|
45
|
+
background: rgba(200, 200, 200, 0.1);
|
|
46
|
+
outline: 1px solid rgba(255, 255, 255, 0.6);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/** Update background for current tileGroup and its children */
|
|
50
|
+
.nested .tileGroup:has(> .tileGroupTitle:hover),
|
|
51
|
+
.nested .tileGroup:has(> .tileGroupTitle:hover) .tileGroup,
|
|
52
|
+
.nested .tileGroup:has(> .tile:hover),
|
|
53
|
+
.nested .tileGroup:has(> .tile:hover) .tileGroup {
|
|
54
|
+
background: rgba(200, 200, 200, 0.2);
|
|
25
55
|
}
|
|
26
56
|
|
|
27
57
|
/** Leaf wrapper button */
|
|
28
58
|
.tile {
|
|
29
59
|
position: absolute;
|
|
30
60
|
appearance: none;
|
|
61
|
+
outline: 1px solid rgba(255, 255, 255, 0.6);
|
|
31
62
|
border: 0;
|
|
32
63
|
border-radius: 0;
|
|
33
64
|
padding: 0;
|
|
34
|
-
background:
|
|
65
|
+
background: var(--color-background);
|
|
35
66
|
display: flex;
|
|
36
67
|
align-items: center;
|
|
37
68
|
font-family: var(--font-family-fixed);
|
|
@@ -54,16 +85,13 @@
|
|
|
54
85
|
color: var(--color-highlight);
|
|
55
86
|
transition: var(--ui-transition-out);
|
|
56
87
|
transition-property: opacity;
|
|
57
|
-
opacity: 0.
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.tile:hover {
|
|
61
|
-
transition: var(--ui-transition-in);
|
|
88
|
+
opacity: 0.8;
|
|
62
89
|
}
|
|
63
90
|
|
|
64
91
|
.tile:hover::before {
|
|
65
92
|
transition: var(--ui-transition-in);
|
|
66
|
-
|
|
93
|
+
transition-property: opacity;
|
|
94
|
+
opacity: 0.6;
|
|
67
95
|
}
|
|
68
96
|
|
|
69
97
|
.tileContent {
|
|
@@ -84,7 +112,7 @@
|
|
|
84
112
|
padding-left: var(--space-small);
|
|
85
113
|
}
|
|
86
114
|
|
|
87
|
-
.
|
|
115
|
+
.tileContentLabel {
|
|
88
116
|
flex: 0 1 auto;
|
|
89
117
|
width: 100%;
|
|
90
118
|
min-width: 0;
|
|
@@ -92,32 +120,37 @@
|
|
|
92
120
|
overflow: hidden;
|
|
93
121
|
}
|
|
94
122
|
|
|
95
|
-
.
|
|
123
|
+
.tileContentValue {
|
|
96
124
|
flex: 0 0 auto;
|
|
97
125
|
max-width: calc(100% + var(--space-xxsmall));
|
|
98
126
|
white-space: nowrap;
|
|
99
127
|
overflow: hidden;
|
|
100
128
|
}
|
|
101
129
|
|
|
102
|
-
.
|
|
130
|
+
.tileContentMetric {
|
|
103
131
|
font-weight: bold;
|
|
104
132
|
}
|
|
105
133
|
|
|
106
|
-
.
|
|
134
|
+
.tileContentDelta {
|
|
107
135
|
margin-left: var(--space-xxxsmall);
|
|
108
136
|
}
|
|
109
137
|
|
|
110
138
|
/** Tile size variation */
|
|
111
|
-
.
|
|
139
|
+
.tileSizeSmall .tileContent {
|
|
112
140
|
padding: var(--space-xxxsmall) var(--space-xxsmall);
|
|
113
141
|
gap: 0;
|
|
114
142
|
font-size: var(--size-xsmall);
|
|
115
143
|
}
|
|
116
144
|
|
|
117
|
-
.
|
|
145
|
+
.tileSizeSmall .tileContentLabel {
|
|
118
146
|
margin-top: 0;
|
|
119
147
|
}
|
|
120
148
|
|
|
149
|
+
.tileSizeDefault {
|
|
150
|
+
transition: var(--ui-transition-in);
|
|
151
|
+
transition-property: left top width height;
|
|
152
|
+
}
|
|
153
|
+
|
|
121
154
|
/** Tile diff variation */
|
|
122
155
|
.tile-NO_CHANGE {
|
|
123
156
|
color: var(--color-text-light);
|
|
@@ -125,11 +158,11 @@
|
|
|
125
158
|
|
|
126
159
|
.tile-NO_CHANGE::before {
|
|
127
160
|
color: var(--color-gray-50);
|
|
128
|
-
opacity: 0.
|
|
161
|
+
opacity: 0.5;
|
|
129
162
|
}
|
|
130
163
|
|
|
131
164
|
.tile-NO_CHANGE:hover::before {
|
|
132
|
-
opacity: 0.
|
|
165
|
+
opacity: 0.3;
|
|
133
166
|
}
|
|
134
167
|
|
|
135
168
|
.tile-HIGH_NEGATIVE::before {
|
|
@@ -193,17 +226,16 @@
|
|
|
193
226
|
pointer-events: none;
|
|
194
227
|
}
|
|
195
228
|
|
|
196
|
-
/* prevent tooltip portal wrapper from capturing events */
|
|
197
|
-
div[role="presentation"]:has(.tooltip) {
|
|
198
|
-
pointer-events: none;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
|
|
202
229
|
.tileTooltipArrow svg {
|
|
203
230
|
display: block;
|
|
204
231
|
fill: var(--color-background) !important;
|
|
205
232
|
}
|
|
206
233
|
|
|
207
234
|
.tileTooltipContentTitle {
|
|
208
|
-
font-size: var(--size-
|
|
235
|
+
font-size: var(--size-small);
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
/* prevent tooltip portal wrapper from capturing events */
|
|
239
|
+
div[role="presentation"]:has(.tooltip) {
|
|
240
|
+
pointer-events: none;
|
|
209
241
|
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getTreemapNodesGroupedByPath = exports.getTreemapNodes = void 0;
|
|
4
|
+
const ROOT_LABEL = '(root)';
|
|
5
|
+
function getReportMetricRowMaxValue(item) {
|
|
6
|
+
const values = item.runs.map((run) => run?.value || 0);
|
|
7
|
+
return Math.max(...values);
|
|
8
|
+
}
|
|
9
|
+
function getTreemapNodes(items) {
|
|
10
|
+
const rootChildren = items.map((item) => ({
|
|
11
|
+
id: item.key,
|
|
12
|
+
label: item.key,
|
|
13
|
+
value: getReportMetricRowMaxValue(item),
|
|
14
|
+
item,
|
|
15
|
+
}));
|
|
16
|
+
return {
|
|
17
|
+
id: '',
|
|
18
|
+
label: ROOT_LABEL,
|
|
19
|
+
value: 0,
|
|
20
|
+
children: rootChildren,
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
exports.getTreemapNodes = getTreemapNodes;
|
|
24
|
+
function setTreeNode(nodes, slugs, currentSlugId, newNode) {
|
|
25
|
+
const baseSlugs = slugs.slice(0, currentSlugId);
|
|
26
|
+
const [currentSlug, ...restSlug] = slugs.slice(currentSlugId);
|
|
27
|
+
if (!currentSlug) {
|
|
28
|
+
nodes.push(newNode);
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
const currentNodePath = [...baseSlugs, currentSlug].join('/');
|
|
32
|
+
let parentNode = nodes.find((treeNode) => treeNode.id === currentNodePath);
|
|
33
|
+
if (!parentNode) {
|
|
34
|
+
parentNode = {
|
|
35
|
+
id: currentNodePath,
|
|
36
|
+
label: currentSlug,
|
|
37
|
+
value: 0,
|
|
38
|
+
children: [],
|
|
39
|
+
};
|
|
40
|
+
nodes.push(parentNode);
|
|
41
|
+
}
|
|
42
|
+
if (restSlug.length === 0) {
|
|
43
|
+
parentNode.children.push(newNode);
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
setTreeNode(parentNode.children, slugs, currentSlugId + 1, newNode);
|
|
47
|
+
}
|
|
48
|
+
function getTreemapNodesGroupedByPath(items) {
|
|
49
|
+
const treeNodes = [];
|
|
50
|
+
items.forEach((item) => {
|
|
51
|
+
const slugs = item.key.split('/');
|
|
52
|
+
const baseSlugs = slugs.slice(0, -1);
|
|
53
|
+
const baseName = slugs.slice(-1)[0];
|
|
54
|
+
const treeNode = {
|
|
55
|
+
id: item.key,
|
|
56
|
+
label: baseName,
|
|
57
|
+
value: getReportMetricRowMaxValue(item),
|
|
58
|
+
item,
|
|
59
|
+
};
|
|
60
|
+
setTreeNode(treeNodes, baseSlugs, 0, treeNode);
|
|
61
|
+
});
|
|
62
|
+
return {
|
|
63
|
+
id: '',
|
|
64
|
+
label: ROOT_LABEL,
|
|
65
|
+
value: 0,
|
|
66
|
+
children: treeNodes,
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
exports.getTreemapNodesGroupedByPath = getTreemapNodesGroupedByPath;
|
|
70
|
+
//# sourceMappingURL=metrics-treemap.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"metrics-treemap.utils.js","sourceRoot":"","sources":["../../../src/components/metrics-treemap/metrics-treemap.utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,36 +5,68 @@ const react_1 = require("react");
|
|
|
5
5
|
const react_use_1 = require("react-use");
|
|
6
6
|
const use_query_params_1 = require("use-query-params");
|
|
7
7
|
const constants_1 = require("../constants");
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
const DEFAULT_VALUE = constants_1.MetricsDisplayType.TABLE;
|
|
9
|
+
const DEFAULT_GROUP_BY = '';
|
|
10
|
+
const QUERY_PARAM_VALUE = 'dt';
|
|
11
|
+
const QUERY_PARAM_GROUP_BY = 'dtg';
|
|
12
|
+
const useMetricsDisplayType = (groups) => {
|
|
13
|
+
const [queryParams, setQueryParams] = (0, use_query_params_1.useQueryParams)({
|
|
14
|
+
[QUERY_PARAM_VALUE]: use_query_params_1.StringParam,
|
|
15
|
+
[QUERY_PARAM_GROUP_BY]: use_query_params_1.StringParam,
|
|
13
16
|
});
|
|
14
|
-
const [
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
const { [QUERY_PARAM_VALUE]: queryParamValue, [QUERY_PARAM_GROUP_BY]: queryParamGroupBy } = queryParams;
|
|
18
|
+
const [storageValue, setStorageValue] = (0, react_use_1.useLocalStorage)(QUERY_PARAM_VALUE, DEFAULT_VALUE);
|
|
19
|
+
const [storageGroupBy, setStorageGroupBy] = (0, react_use_1.useLocalStorage)(QUERY_PARAM_GROUP_BY, DEFAULT_GROUP_BY);
|
|
20
|
+
const value = (0, react_1.useMemo)(() => {
|
|
21
|
+
const resolvedValue = queryParamValue || storageValue;
|
|
22
|
+
if (!resolvedValue) {
|
|
23
|
+
return DEFAULT_VALUE;
|
|
19
24
|
}
|
|
20
|
-
if (!Object.values(constants_1.MetricsDisplayType).includes(
|
|
21
|
-
return
|
|
25
|
+
if (!Object.values(constants_1.MetricsDisplayType).includes(resolvedValue)) {
|
|
26
|
+
return DEFAULT_VALUE;
|
|
22
27
|
}
|
|
23
|
-
return
|
|
24
|
-
}, [
|
|
28
|
+
return resolvedValue;
|
|
29
|
+
}, [queryParamValue, storageValue]);
|
|
30
|
+
const groupBy = (0, react_1.useMemo)(() => {
|
|
31
|
+
const resolvedValue = queryParamGroupBy || storageGroupBy;
|
|
32
|
+
if (!resolvedValue) {
|
|
33
|
+
return DEFAULT_GROUP_BY;
|
|
34
|
+
}
|
|
35
|
+
if (!groups?.[value]?.includes(resolvedValue)) {
|
|
36
|
+
return DEFAULT_GROUP_BY;
|
|
37
|
+
}
|
|
38
|
+
return resolvedValue;
|
|
39
|
+
}, [queryParamGroupBy, storageGroupBy]);
|
|
40
|
+
(0, react_1.useEffect)(() => {
|
|
41
|
+
if (value !== queryParamValue || groupBy !== queryParamGroupBy) {
|
|
42
|
+
setQueryParams({ [QUERY_PARAM_VALUE]: value, [QUERY_PARAM_GROUP_BY]: groupBy });
|
|
43
|
+
}
|
|
44
|
+
}, [value, queryParamValue, groupBy, queryParamGroupBy, setQueryParams]);
|
|
25
45
|
(0, react_1.useEffect)(() => {
|
|
26
|
-
if (
|
|
27
|
-
|
|
46
|
+
if (value !== storageValue) {
|
|
47
|
+
setStorageValue(value);
|
|
28
48
|
}
|
|
29
|
-
if (
|
|
30
|
-
|
|
49
|
+
if (groupBy !== storageValue) {
|
|
50
|
+
setStorageGroupBy(groupBy);
|
|
31
51
|
}
|
|
32
|
-
}, [
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
52
|
+
}, [
|
|
53
|
+
value,
|
|
54
|
+
storageValue,
|
|
55
|
+
groupBy,
|
|
56
|
+
storageGroupBy,
|
|
57
|
+
setQueryParams,
|
|
58
|
+
setStorageValue,
|
|
59
|
+
setStorageGroupBy,
|
|
60
|
+
]);
|
|
61
|
+
const setDisplayType = (0, react_1.useCallback)((newValue, newGroupBy = DEFAULT_GROUP_BY) => {
|
|
62
|
+
setStorageValue(newValue);
|
|
63
|
+
setStorageGroupBy(newGroupBy);
|
|
64
|
+
setQueryParams({
|
|
65
|
+
[QUERY_PARAM_VALUE]: newValue,
|
|
66
|
+
[QUERY_PARAM_GROUP_BY]: newGroupBy,
|
|
67
|
+
});
|
|
68
|
+
}, [setStorageValue, setQueryParams]);
|
|
69
|
+
return [{ value, groupBy }, setDisplayType];
|
|
38
70
|
};
|
|
39
71
|
exports.useMetricsDisplayType = useMetricsDisplayType;
|
|
40
72
|
//# sourceMappingURL=metrics-display-type.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-display-type.js","sourceRoot":"","sources":["../../src/hooks/metrics-display-type.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AACxD,yCAA4C;AAC5C,uDAA+D;AAE/D,4CAAkD;AAElD,MAAM,
|
|
1
|
+
{"version":3,"file":"metrics-display-type.js","sourceRoot":"","sources":["../../src/hooks/metrics-display-type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-params.js","sourceRoot":"","sources":["../../src/hooks/search-params.js"],"names":[],"mappings":";;;;;;AAAA,iCAA0E;AAC1E,6DAAqC;AACrC,yDAAiC;AAEjC,MAAM,kBAAkB,GAAG,aAAa,CAAC;AACzC,MAAM,iBAAiB,GAAG,YAAY,CAAC;AACvC,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAC7C,MAAM,gBAAgB,GAAG,WAAW,CAAC;AACrC,MAAM,UAAU,GAAG,KAAK,CAAC;AAEzB,MAAM,cAAc,GAAG,EAAE,CAAC;AAC1B,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAEpC,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,EAAE;IAClC,IAAI,aAAa,GAAG,sBAAsB,CAAC;IAE3C,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE;QAC7B,OAAO,aAAa,CAAC;KACtB;IAED,IAAI;QACF,aAAa,GAAG,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACzC;IAAC,OAAO,GAAG,EAAE;QAEZ,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;KACpB;IAED,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GACpB,CAAC,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,EAAE,EAAE,CAC1D,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;IAChB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAEjC,QAAQ,IAAI,EAAE;QACZ,KAAK,kBAAkB,CAAC,CAAC;YACvB,MAAM,QAAQ,GAAG;gBACf,OAAO,EAAE,OAAO;gBAChB,MAAM,EAAE,KAAK,CAAC,MAAM;
|
|
1
|
+
{"version":3,"file":"search-params.js","sourceRoot":"","sources":["../../src/hooks/search-params.js"],"names":[],"mappings":"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"}
|
package/lib/ui/icon/icon.js
CHANGED
package/lib/ui/icon/icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,eAAe;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAUJ,MAAM,IAAI,GAAG,CAAC,KAA+C,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAElG,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,yBAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,uCAAK,SAAS,EAAE,yBAAG,CAAC,IAAI;YACtB,uCAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf;AAEF,YAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;AAC/B,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,eAAe;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAUJ,MAAM,IAAI,GAAG,CAAC,KAA+C,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAElG,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,yBAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,uCAAK,SAAS,EAAE,yBAAG,CAAC,IAAI;YACtB,uCAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf;AAEF,YAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;AAC/B,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC"}
|
|
@@ -57,7 +57,7 @@ const InputSearch = (props) => {
|
|
|
57
57
|
}, [changeValue]);
|
|
58
58
|
return (react_1.default.createElement("div", { className: rootClassname },
|
|
59
59
|
react_1.default.createElement(input_1.Input, { className: input_search_module_css_1.default.input, placeholder: placeholder, onChange: inputOnChange, value: value, size: "small", autoComplete: "off" }),
|
|
60
|
-
value && (react_1.default.createElement(button_1.Button, { radius: "circle", glyph: icon_1.Icon.ICONS.CANCEL, type: "button", onClick: clearButtonOnClick, "aria-label": "Clear search", className: input_search_module_css_1.default.cancelButton }))));
|
|
60
|
+
value && (react_1.default.createElement(button_1.Button, { size: "small", radius: "circle", glyph: icon_1.Icon.ICONS.CANCEL, type: "button", onClick: clearButtonOnClick, "aria-label": "Clear search", className: input_search_module_css_1.default.cancelButton }))));
|
|
61
61
|
};
|
|
62
62
|
exports.InputSearch = InputSearch;
|
|
63
63
|
//# sourceMappingURL=input-search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-search.js","sourceRoot":"","sources":["../../../src/ui/input-search/input-search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,4DAA4B;AAC5B,+DAAuC;AACvC,uDAA+B;AAE/B,sCAAmC;AACnC,kCAA+B;AAC/B,oCAAiC;AAEjC,wFAA4C;AASrC,MAAM,WAAW,GAAG,CACzB,KAAuE,EACvE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,QAAQ,EACtB,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,cAAI,EACf,YAAY,GAAG,GAAG,GACnB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,iCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAGjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,IAAA,kBAAQ,EAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,QAAgB,EAAE,EAAE;QACnB,IAAI,QAAQ,KAAK,KAAK,EAAE;YACtB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACpB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,KAA0C,EAAE,EAAE;QAC7C,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa;QAC3B,8BAAC,aAAK,IACJ,SAAS,EAAE,iCAAG,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,GAClB;QACD,KAAK,IAAI,CACR,8BAAC,eAAM,IACL,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,gBAChB,cAAc,EACzB,SAAS,EAAE,iCAAG,CAAC,YAAY,GAC3B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"input-search.js","sourceRoot":"","sources":["../../../src/ui/input-search/input-search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,4DAA4B;AAC5B,+DAAuC;AACvC,uDAA+B;AAE/B,sCAAmC;AACnC,kCAA+B;AAC/B,oCAAiC;AAEjC,wFAA4C;AASrC,MAAM,WAAW,GAAG,CACzB,KAAuE,EACvE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,QAAQ,EACtB,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,cAAI,EACf,YAAY,GAAG,GAAG,GACnB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,iCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAGjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,IAAA,kBAAQ,EAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,QAAgB,EAAE,EAAE;QACnB,IAAI,QAAQ,KAAK,KAAK,EAAE;YACtB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACpB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,KAA0C,EAAE,EAAE;QAC7C,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa;QAC3B,8BAAC,aAAK,IACJ,SAAS,EAAE,iCAAG,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,GAClB;QACD,KAAK,IAAI,CACR,8BAAC,eAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,gBAChB,cAAc,EACzB,SAAS,EAAE,iCAAG,CAAC,YAAY,GAC3B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,WAAW,eAiEtB"}
|
package/lib-esm/assets/icons.svg
CHANGED
|
@@ -1,69 +1,72 @@
|
|
|
1
1
|
<svg width="0" height="0" style="position:absolute">
|
|
2
|
-
<symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
3
|
-
<path d="M12 5v14M19 12l-7 7-7-7"/>
|
|
4
|
-
</symbol>
|
|
5
|
-
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
6
|
-
<circle cx="12" cy="12" r="10"/>
|
|
7
|
-
<path d="m12 16 4-4-4-4M8 12h8"/>
|
|
8
|
-
</symbol>
|
|
9
|
-
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
10
|
-
<path d="
|
|
11
|
-
</symbol>
|
|
12
|
-
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
13
|
-
<path d="
|
|
14
|
-
</symbol>
|
|
15
|
-
<symbol
|
|
16
|
-
<
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<
|
|
24
|
-
<
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
<
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
<
|
|
32
|
-
<path d="
|
|
33
|
-
</symbol>
|
|
34
|
-
<symbol
|
|
35
|
-
<path d="
|
|
36
|
-
</symbol>
|
|
37
|
-
<symbol viewBox="0 0
|
|
38
|
-
<path
|
|
39
|
-
</symbol>
|
|
40
|
-
<symbol viewBox="0 0
|
|
41
|
-
<
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
<
|
|
45
|
-
<
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
<
|
|
49
|
-
<path d="
|
|
50
|
-
</symbol>
|
|
51
|
-
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
52
|
-
<
|
|
53
|
-
|
|
54
|
-
<
|
|
55
|
-
|
|
56
|
-
<
|
|
57
|
-
<
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
<
|
|
61
|
-
<path d="
|
|
62
|
-
</symbol>
|
|
63
|
-
<symbol fill="none" stroke="currentColor" stroke-
|
|
64
|
-
<path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9
|
|
65
|
-
</symbol>
|
|
66
|
-
<symbol
|
|
67
|
-
<path d="
|
|
68
|
-
</symbol>
|
|
2
|
+
<symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="arrow" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path d="M12 5v14M19 12l-7 7-7-7"/>
|
|
4
|
+
</symbol>
|
|
5
|
+
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="arrow-right-circle" xmlns="http://www.w3.org/2000/svg">
|
|
6
|
+
<circle cx="12" cy="12" r="10"/>
|
|
7
|
+
<path d="m12 16 4-4-4-4M8 12h8"/>
|
|
8
|
+
</symbol>
|
|
9
|
+
<symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="check" xmlns="http://www.w3.org/2000/svg">
|
|
10
|
+
<path d="M20 6 9 17l-5-5"/>
|
|
11
|
+
</symbol>
|
|
12
|
+
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="chevron-down" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
+
<path d="m6 9 6 6 6-6"/>
|
|
14
|
+
</symbol>
|
|
15
|
+
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="chevron-up" xmlns="http://www.w3.org/2000/svg">
|
|
16
|
+
<path d="m18 15-6-6-6 6"/>
|
|
17
|
+
</symbol>
|
|
18
|
+
<symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="clock" xmlns="http://www.w3.org/2000/svg">
|
|
19
|
+
<circle cx="12" cy="12" r="10"/>
|
|
20
|
+
<path d="M12 6v6l4 2"/>
|
|
21
|
+
</symbol>
|
|
22
|
+
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="close" xmlns="http://www.w3.org/2000/svg">
|
|
23
|
+
<circle cx="12" cy="12" r="10"/>
|
|
24
|
+
<path d="m15 9-6 6M9 9l6 6"/>
|
|
25
|
+
</symbol>
|
|
26
|
+
<symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="commit" xmlns="http://www.w3.org/2000/svg">
|
|
27
|
+
<circle cx="12" cy="12" r="4"/>
|
|
28
|
+
<path d="M1.05 12H7M17.01 12h5.95"/>
|
|
29
|
+
</symbol>
|
|
30
|
+
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="error" xmlns="http://www.w3.org/2000/svg">
|
|
31
|
+
<circle cx="12" cy="12" r="10"/>
|
|
32
|
+
<path d="M12 8v4M12 16h.01"/>
|
|
33
|
+
</symbol>
|
|
34
|
+
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="external-link" xmlns="http://www.w3.org/2000/svg">
|
|
35
|
+
<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3"/>
|
|
36
|
+
</symbol>
|
|
37
|
+
<symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="filter" xmlns="http://www.w3.org/2000/svg">
|
|
38
|
+
<path d="M12 20V10M18 20V4M6 20v-4"/>
|
|
39
|
+
</symbol>
|
|
40
|
+
<symbol viewBox="0 0 98 96" id="github" xmlns="http://www.w3.org/2000/svg">
|
|
41
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="currentColor"/>
|
|
42
|
+
</symbol>
|
|
43
|
+
<symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="help" xmlns="http://www.w3.org/2000/svg">
|
|
44
|
+
<circle cx="12" cy="12" r="10"/>
|
|
45
|
+
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01"/>
|
|
46
|
+
</symbol>
|
|
47
|
+
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="info" xmlns="http://www.w3.org/2000/svg">
|
|
48
|
+
<circle cx="12" cy="12" r="10"/>
|
|
49
|
+
<path d="M12 16v-4M12 8h.01"/>
|
|
50
|
+
</symbol>
|
|
51
|
+
<symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="menu" xmlns="http://www.w3.org/2000/svg">
|
|
52
|
+
<path d="M3 12h18M3 6h18M3 18h18"/>
|
|
53
|
+
</symbol>
|
|
54
|
+
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="more-vertical" xmlns="http://www.w3.org/2000/svg">
|
|
55
|
+
<circle cx="12" cy="12" r="1"/>
|
|
56
|
+
<circle cx="12" cy="5" r="1"/>
|
|
57
|
+
<circle cx="12" cy="19" r="1"/>
|
|
58
|
+
</symbol>
|
|
59
|
+
<symbol viewBox="0 0 24 24" fill="currentColor" id="sort" xmlns="http://www.w3.org/2000/svg">
|
|
60
|
+
<path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/>
|
|
61
|
+
<path d="M0 0h24v24H0z" fill="none"/>
|
|
62
|
+
</symbol>
|
|
63
|
+
<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="table" xmlns="http://www.w3.org/2000/svg">
|
|
64
|
+
<path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"/>
|
|
65
|
+
</symbol>
|
|
66
|
+
<symbol fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" id="treemap" xmlns="http://www.w3.org/2000/svg">
|
|
67
|
+
<path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 21h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9M12.025 3.422 12 20.652ZM12.85 9l7.347.025zm-.153 6 7.576.025zm4.334.764L17 20.326Z"/>
|
|
68
|
+
</symbol>
|
|
69
|
+
<symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="warning" xmlns="http://www.w3.org/2000/svg">
|
|
70
|
+
<path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4M12 17h.01"/>
|
|
71
|
+
</symbol>
|
|
69
72
|
</svg>
|