@bundle-stats/ui 4.23.0-beta.3 → 4.23.0-beta.5
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/app/app.module.css +4 -2
- package/lib/app/header/header.module.css +1 -3
- package/lib/chart-colors.json +56 -56
- package/lib/components/asset-name/asset-name.js +8 -7
- package/lib/components/asset-name/asset-name.js.map +1 -1
- package/lib/components/asset-name/asset-name.module.css +20 -10
- package/lib/components/bundle-assets/bundle-assets.js +4 -2
- package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.module.css +0 -12
- package/lib/components/bundle-assets-totals/bundle-assets-totals.js +4 -2
- package/lib/components/bundle-assets-totals/bundle-assets-totals.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.js +4 -2
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.module.css +8 -16
- package/lib/components/bundle-packages/bundle-packages.js +4 -2
- package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib/components/bundle-packages/bundle-packages.module.css +21 -22
- package/lib/components/entry-info/entry-info.module.css +0 -1
- package/lib/components/metric-run-info/metric-run-info.js +3 -2
- package/lib/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib/components/metrics-display-selector/metrics-display-selector.module.css +0 -2
- package/lib/components/metrics-table/metrics-table.js +31 -20
- package/lib/components/metrics-table/metrics-table.js.map +1 -1
- package/lib/components/metrics-table/metrics-table.module.css +4 -12
- package/lib/components/metrics-table-options/metrics-table-options.js +4 -4
- package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
- package/lib/components/metrics-table-row-count/index.js +18 -0
- package/lib/components/metrics-table-row-count/index.js.map +1 -0
- package/lib/components/metrics-table-row-count/metrics-table-row-count.js +17 -0
- package/lib/components/metrics-table-row-count/metrics-table-row-count.js.map +1 -0
- package/lib/components/metrics-table-row-count/metrics-table-row-count.module.css +5 -0
- package/lib/components/sort-button/sort-button.module.css +0 -2
- package/lib/components/summary/summary.module.css +10 -3
- package/lib/css/default.css +7 -4
- package/lib/css/variables.css +21 -17
- package/lib/layout/flex-stack/flex-stack.js +2 -2
- package/lib/layout/flex-stack/flex-stack.js.map +1 -1
- package/lib/layout/flex-stack/flex-stack.module.css +65 -10
- package/lib/ui/button/button.js +1 -0
- package/lib/ui/button/button.js.map +1 -1
- package/lib/ui/button/button.module.css +28 -28
- package/lib/ui/copy-to-clipboard/copy-to-clipboard.module.css +2 -2
- package/lib/ui/dropdown/dropdown.module.css +4 -2
- package/lib/ui/filters/filters.js +6 -5
- package/lib/ui/filters/filters.js.map +1 -1
- package/lib/ui/filters/filters.module.css +3 -5
- package/lib/ui/hover-card/hover-card.module.css +4 -5
- package/lib/ui/input/input.module.css +2 -2
- package/lib/ui/table/table.module.css +12 -5
- package/lib/ui/tabs/tabs.module.css +13 -9
- package/lib/ui/tag/tag.module.css +0 -2
- package/lib/ui/textarea/textarea.module.css +2 -2
- package/lib-esm/app/app.module.css +4 -2
- package/lib-esm/app/header/header.module.css +1 -3
- package/lib-esm/chart-colors.json +56 -56
- package/lib-esm/components/asset-name/asset-name.js +8 -7
- package/lib-esm/components/asset-name/asset-name.js.map +1 -1
- package/lib-esm/components/asset-name/asset-name.module.css +20 -10
- package/lib-esm/components/bundle-assets/bundle-assets.js +4 -2
- package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.module.css +0 -12
- package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js +4 -2
- package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.js +4 -2
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.module.css +8 -16
- package/lib-esm/components/bundle-packages/bundle-packages.js +4 -2
- package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
- package/lib-esm/components/bundle-packages/bundle-packages.module.css +21 -22
- package/lib-esm/components/entry-info/entry-info.module.css +0 -1
- package/lib-esm/components/metric-run-info/metric-run-info.js +3 -2
- package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.module.css +0 -2
- package/lib-esm/components/metrics-table/metrics-table.js +32 -20
- package/lib-esm/components/metrics-table/metrics-table.js.map +1 -1
- package/lib-esm/components/metrics-table/metrics-table.module.css +4 -12
- package/lib-esm/components/metrics-table-options/metrics-table-options.js +4 -4
- package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
- package/lib-esm/components/metrics-table-row-count/index.js +2 -0
- package/lib-esm/components/metrics-table-row-count/index.js.map +1 -0
- package/lib-esm/components/metrics-table-row-count/metrics-table-row-count.js +10 -0
- package/lib-esm/components/metrics-table-row-count/metrics-table-row-count.js.map +1 -0
- package/lib-esm/components/metrics-table-row-count/metrics-table-row-count.module.css +5 -0
- package/lib-esm/components/sort-button/sort-button.module.css +0 -2
- package/lib-esm/components/summary/summary.module.css +10 -3
- package/lib-esm/css/default.css +7 -4
- package/lib-esm/css/variables.css +21 -17
- package/lib-esm/layout/flex-stack/flex-stack.js +3 -2
- package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
- package/lib-esm/layout/flex-stack/flex-stack.module.css +65 -10
- package/lib-esm/ui/button/button.js +1 -0
- package/lib-esm/ui/button/button.js.map +1 -1
- package/lib-esm/ui/button/button.module.css +28 -28
- package/lib-esm/ui/copy-to-clipboard/copy-to-clipboard.module.css +2 -2
- package/lib-esm/ui/dropdown/dropdown.module.css +4 -2
- package/lib-esm/ui/filters/filters.js +6 -5
- package/lib-esm/ui/filters/filters.js.map +1 -1
- package/lib-esm/ui/filters/filters.module.css +3 -5
- package/lib-esm/ui/hover-card/hover-card.module.css +4 -5
- package/lib-esm/ui/input/input.module.css +2 -2
- package/lib-esm/ui/table/table.module.css +12 -5
- package/lib-esm/ui/tabs/tabs.module.css +13 -9
- package/lib-esm/ui/tag/tag.module.css +0 -2
- package/lib-esm/ui/textarea/textarea.module.css +2 -2
- package/package.json +3 -3
- package/src/app/app.module.css +4 -2
- package/src/app/header/header.module.css +1 -3
- package/src/chart-colors.json +56 -56
- package/src/components/asset-name/asset-name.module.css +20 -10
- package/src/components/asset-name/asset-name.tsx +8 -12
- package/src/components/bundle-assets/bundle-assets.module.css +0 -12
- package/src/components/bundle-assets/bundle-assets.tsx +8 -1
- package/src/components/bundle-assets-totals/bundle-assets-totals.jsx +6 -4
- package/src/components/bundle-modules/bundle-modules.module.css +8 -16
- package/src/components/bundle-modules/bundle-modules.tsx +8 -1
- package/src/components/bundle-packages/bundle-packages.jsx +5 -1
- package/src/components/bundle-packages/bundle-packages.module.css +21 -22
- package/src/components/entry-info/entry-info.module.css +0 -1
- package/src/components/metric-run-info/metric-run-info.stories.tsx +9 -0
- package/src/components/metric-run-info/metric-run-info.tsx +9 -2
- package/src/components/metrics-display-selector/metrics-display-selector.module.css +0 -2
- package/src/components/metrics-table/metrics-table.module.css +4 -12
- package/src/components/metrics-table/metrics-table.tsx +70 -39
- package/src/components/metrics-table-options/metrics-table-options.tsx +12 -12
- package/src/components/metrics-table-row-count/index.ts +1 -0
- package/src/components/metrics-table-row-count/metrics-table-row-count.module.css +5 -0
- package/src/components/metrics-table-row-count/metrics-table-row-count.tsx +21 -0
- package/src/components/sort-button/sort-button.module.css +0 -2
- package/src/components/summary/summary.module.css +10 -3
- package/src/css/default.css +7 -4
- package/src/css/variables.css +21 -17
- package/src/layout/flex-stack/flex-stack.module.css +65 -10
- package/src/layout/flex-stack/flex-stack.stories.tsx +68 -9
- package/src/layout/flex-stack/flex-stack.tsx +24 -4
- package/src/ui/button/button.module.css +28 -28
- package/src/ui/button/button.tsx +1 -0
- package/src/ui/copy-to-clipboard/copy-to-clipboard.module.css +2 -2
- package/src/ui/dropdown/dropdown.module.css +4 -2
- package/src/ui/dropdown/dropdown.stories.tsx +6 -0
- package/src/ui/filters/filters.module.css +3 -5
- package/src/ui/filters/filters.tsx +21 -16
- package/src/ui/hover-card/hover-card.module.css +4 -5
- package/src/ui/input/input.module.css +2 -2
- package/src/ui/table/table.module.css +12 -5
- package/src/ui/tabs/tabs.module.css +13 -9
- package/src/ui/tag/tag.module.css +0 -2
- package/src/ui/textarea/textarea.module.css +2 -2
- package/types/components/metric-run-info/metric-run-info.d.ts +1 -1
- package/types/components/metrics-table/metrics-table.d.ts +2 -1
- package/types/components/metrics-table-row-count/index.d.ts +1 -0
- package/types/components/metrics-table-row-count/metrics-table-row-count.d.ts +7 -0
- package/types/layout/flex-stack/flex-stack.d.ts +6 -2
- package/types/ui/button/button.d.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/ui/button/button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAA+D;AAE/D,kCAA2C;AAC3C,4EAAsC;AAEzB,QAAA,WAAW,GAAG;IACzB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAEE,QAAA,WAAW,GAAG;IACzB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,SAAS;CACT,CAAC;AAEE,QAAA,aAAa,GAAG,WAAQ,CAAC,KAAK,CAAC;AAmB5C,MAAM,eAAe,GAAG,CACtB,KAAqF,EACrF,GAAiC,EACjC,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,EAAE,EAAE,SAAS,GAAG,eAAmB,EACnC,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,WAAQ,EACf,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAGV,MAAM,eAAe,GAAG,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAW,CAAC,MAAM,CAAC;IAE3F,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,2BAAG,CAAC,IAAI,EACR,IAAI,IAAI,2BAAG,CAAC,IAAI,CAAC,EACjB,2BAAG,CAAC,YAAY,CAAC,EAEjB,OAAO,IAAI,2BAAG,CAAC,OAAO,EACtB,OAAO,IAAI,2BAAG,CAAC,YAAY,IAAI,EAAE,CAAC,EAElC,KAAK,IAAI,2BAAG,CAAC,KAAK,EAClB,KAAK,IAAI,2BAAG,CAAC,UAAU,IAAI,EAAE,CAAC,EAE9B,eAAe,IAAI,2BAAG,CAAC,OAAO,EAC9B,cAAc,IAAI,2BAAG,CAAC,WAAW,cAAc,EAAE,CAAC,EAElD,MAAM,IAAI,2BAAG,CAAC,MAAM,EACpB,MAAM,IAAI,OAAO,IAAI,2BAAG,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAElD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa;QACzD,KAAK,IAAI,8BAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK,GAAI;QACrD,QAAQ,IAAI,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO,IAAG,QAAQ,CAAQ;QAC3D,UAAU,IAAI,8BAAC,IAAI,IAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK,GAAI,CACtD,CACb,CAAC;AACJ,CAAC,CAAC;AAKW,QAAA,MAAM,GAAG,eAAK,CAAC,UAAU,CAAC,eAAe,CAIxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/ui/button/button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAA+D;AAE/D,kCAA2C;AAC3C,4EAAsC;AAEzB,QAAA,WAAW,GAAG;IACzB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAEE,QAAA,WAAW,GAAG;IACzB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,SAAS;CACT,CAAC;AAEE,QAAA,aAAa,GAAG,WAAQ,CAAC,KAAK,CAAC;AAmB5C,MAAM,eAAe,GAAG,CACtB,KAAqF,EACrF,GAAiC,EACjC,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,EAAE,EAAE,SAAS,GAAG,eAAmB,EACnC,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,WAAQ,EACf,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAGV,MAAM,eAAe,GAAG,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAW,CAAC,MAAM,CAAC;IAE3F,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,2BAAG,CAAC,IAAI,EACR,IAAI,IAAI,2BAAG,CAAC,IAAI,CAAC,EACjB,2BAAG,CAAC,YAAY,CAAC,EAEjB,OAAO,IAAI,2BAAG,CAAC,OAAO,EACtB,OAAO,IAAI,2BAAG,CAAC,YAAY,IAAI,EAAE,CAAC,EAElC,KAAK,IAAI,2BAAG,CAAC,KAAK,EAClB,KAAK,IAAI,2BAAG,CAAC,UAAU,IAAI,EAAE,CAAC,EAE9B,eAAe,IAAI,2BAAG,CAAC,OAAO,EAC9B,cAAc,IAAI,2BAAG,CAAC,WAAW,cAAc,EAAE,CAAC,EAElD,MAAM,IAAI,2BAAG,CAAC,MAAM,EACpB,MAAM,IAAI,OAAO,IAAI,2BAAG,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAElD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa;QACzD,KAAK,IAAI,8BAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK,GAAI;QACrD,QAAQ,IAAI,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO,IAAG,QAAQ,CAAQ;QAC3D,UAAU,IAAI,8BAAC,IAAI,IAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK,GAAI,CACtD,CACb,CAAC;AACJ,CAAC,CAAC;AAKW,QAAA,MAAM,GAAG,eAAK,CAAC,UAAU,CAAC,eAAe,CAIxB,CAAC"}
|
|
@@ -3,28 +3,32 @@
|
|
|
3
3
|
--button-space: 0px;
|
|
4
4
|
/* button border width */
|
|
5
5
|
--border-width: 0px;
|
|
6
|
+
/* line height in pixels to prevent layout shift when rendering a glyph */
|
|
7
|
+
--line-height: var(--space-small);
|
|
6
8
|
|
|
7
9
|
display: inline-flex;
|
|
8
10
|
align-items: center;
|
|
9
11
|
justify-content: center;
|
|
10
|
-
gap: calc(
|
|
12
|
+
gap: calc(var(--button-space) * 0.66);
|
|
11
13
|
appearance: none;
|
|
12
14
|
padding: 0;
|
|
13
15
|
border: var(--border-width) solid transparent;
|
|
14
16
|
background: none;
|
|
15
|
-
transition: var(--transition-out);
|
|
16
17
|
color: var(--color-text-ultra-light);
|
|
18
|
+
font-size: var(--size-medium);
|
|
17
19
|
font-family: var(--font-family);
|
|
20
|
+
line-height: var(--line-height);
|
|
18
21
|
white-space: nowrap;
|
|
22
|
+
transition: var(--transition-out);
|
|
19
23
|
}
|
|
20
24
|
|
|
21
25
|
a.root {
|
|
22
26
|
text-decoration: none;
|
|
23
27
|
}
|
|
24
28
|
|
|
29
|
+
.root:focus,
|
|
25
30
|
.root:hover,
|
|
26
|
-
.root:active
|
|
27
|
-
.root:focus {
|
|
31
|
+
.root:active {
|
|
28
32
|
outline: none;
|
|
29
33
|
color: var(--color-text-light);
|
|
30
34
|
transition: var(--transition-in);
|
|
@@ -32,6 +36,8 @@ a.root {
|
|
|
32
36
|
|
|
33
37
|
.glyph {
|
|
34
38
|
flex: 0 0 auto;
|
|
39
|
+
width: var(--line-height);
|
|
40
|
+
height: var(--line-height);
|
|
35
41
|
}
|
|
36
42
|
|
|
37
43
|
.text {
|
|
@@ -43,13 +49,13 @@ a.root {
|
|
|
43
49
|
* Kind variation
|
|
44
50
|
*/
|
|
45
51
|
.primary {
|
|
46
|
-
color: var(--color-
|
|
52
|
+
color: var(--color-accent);
|
|
47
53
|
}
|
|
48
54
|
|
|
49
55
|
.primary:hover,
|
|
50
56
|
.primary:active,
|
|
51
57
|
.primary:focus {
|
|
52
|
-
color: var(--color-
|
|
58
|
+
color: var(--color-accent-dark);
|
|
53
59
|
}
|
|
54
60
|
|
|
55
61
|
.secondary {
|
|
@@ -106,14 +112,14 @@ a.root {
|
|
|
106
112
|
* Solid Kind variation
|
|
107
113
|
*/
|
|
108
114
|
.solid {
|
|
109
|
-
background: var(--color-
|
|
115
|
+
background: var(--color-accent);
|
|
110
116
|
color: var(--color-background);
|
|
111
117
|
}
|
|
112
118
|
|
|
113
119
|
.solid:hover,
|
|
114
120
|
.solid:active,
|
|
115
121
|
.solid:focus {
|
|
116
|
-
background: var(--color-
|
|
122
|
+
background: var(--color-accent-dark);
|
|
117
123
|
color: var(--color-background);
|
|
118
124
|
}
|
|
119
125
|
|
|
@@ -180,40 +186,30 @@ a.root {
|
|
|
180
186
|
/**
|
|
181
187
|
* Size variation
|
|
182
188
|
*/
|
|
189
|
+
.xsmall {
|
|
190
|
+
--button-space: var(--space-xxxsmall);
|
|
191
|
+
--line-height: var(--space-xsmall);
|
|
192
|
+
|
|
193
|
+
font-size: var(--size-xsmall);
|
|
194
|
+
}
|
|
195
|
+
|
|
183
196
|
.small {
|
|
184
197
|
--button-space: var(--space-xxsmall);
|
|
198
|
+
--line-height: var(--space-small);
|
|
185
199
|
|
|
186
200
|
font-size: var(--size-small);
|
|
187
|
-
line-height: var(--space-small);
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.small .glyph {
|
|
191
|
-
width: var(--space-small);
|
|
192
|
-
height: var(--space-small);
|
|
193
201
|
}
|
|
194
202
|
|
|
195
203
|
.medium {
|
|
196
204
|
--button-space: var(--space-xsmall);
|
|
197
|
-
|
|
198
|
-
font-size: var(--size-medium);
|
|
199
|
-
line-height: calc(var(--space-small) + var(--space-xxxsmall));
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
.medium .glyph {
|
|
203
|
-
width: calc(var(--space-small) + var(--space-xxxsmall));
|
|
204
|
-
height: calc(var(--space-small) + var(--space-xxxsmall));
|
|
205
|
+
--line-height: calc(var(--space-small) + var(--space-xxxsmall));
|
|
205
206
|
}
|
|
206
207
|
|
|
207
208
|
.large {
|
|
208
209
|
--button-space: var(--space-small);
|
|
210
|
+
--line-height: var(--space-medium);
|
|
209
211
|
|
|
210
212
|
font-size: var(--size-large);
|
|
211
|
-
line-height: var(--space-medium);
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
.large .glyph {
|
|
215
|
-
width: var(--space-medium);
|
|
216
|
-
height: var(--space-medium);
|
|
217
213
|
}
|
|
218
214
|
|
|
219
215
|
/**
|
|
@@ -300,6 +296,10 @@ a.root {
|
|
|
300
296
|
/**
|
|
301
297
|
* Radius variation
|
|
302
298
|
*/
|
|
299
|
+
.radius--xsmall {
|
|
300
|
+
border-radius: var(--radius-xsmall);
|
|
301
|
+
}
|
|
302
|
+
|
|
303
303
|
.radius--small {
|
|
304
304
|
border-radius: var(--radius-small);
|
|
305
305
|
}
|
|
@@ -45,6 +45,9 @@
|
|
|
45
45
|
border-radius: var(--radius-small);
|
|
46
46
|
padding: var(--space-xxxsmall);
|
|
47
47
|
background: none;
|
|
48
|
+
color: inherit;
|
|
49
|
+
font-size: inherit;
|
|
50
|
+
line-height: inherit;
|
|
48
51
|
text-align: left;
|
|
49
52
|
text-decoration: none;
|
|
50
53
|
cursor: default;
|
|
@@ -70,14 +73,13 @@
|
|
|
70
73
|
color: var(--color-primary-dark);
|
|
71
74
|
}
|
|
72
75
|
|
|
73
|
-
|
|
74
76
|
.group {
|
|
75
77
|
position: relative;
|
|
76
78
|
padding: calc(var(--space-xxxsmall) / 2 + 1px) 0 calc(var(--space-xxxsmall) / 2);
|
|
77
79
|
}
|
|
78
80
|
|
|
79
81
|
.group::before {
|
|
80
|
-
content:
|
|
82
|
+
content: ' ';
|
|
81
83
|
display: block;
|
|
82
84
|
position: absolute;
|
|
83
85
|
left: var(--space-xxxsmall);
|
|
@@ -66,7 +66,7 @@ const FilterDropdownItem = (props) => {
|
|
|
66
66
|
const onOnlyClick = (0, react_1.useCallback)(() => getOnGroupCheck(false, { [id]: true })(), [getOnGroupCheck, id]);
|
|
67
67
|
return (react_1.default.createElement(dropdown_1.DropdownItem, { onClick: onItemClick, hideOnClick: false, className: (0, classnames_1.default)(filters_module_css_1.default.filterGroupItem, className) },
|
|
68
68
|
react_1.default.createElement(Filter, { label: label, name: id, onChange: onChange, checked: checked, disabled: disabled, className: filters_module_css_1.default.filterGroupItemFilter }),
|
|
69
|
-
react_1.default.createElement(button_1.Button, {
|
|
69
|
+
react_1.default.createElement(button_1.Button, { solid: true, size: "xsmall", type: "button", onClick: onOnlyClick, disabled: disabled, className: filters_module_css_1.default.filterGroupOnlyButton }, I18N.ONLY)));
|
|
70
70
|
};
|
|
71
71
|
const FilterGroup = (props) => {
|
|
72
72
|
const { className = '', groupKey, data, values, onCheckboxChange, toggleFilters } = props;
|
|
@@ -101,10 +101,11 @@ const FilterGroup = (props) => {
|
|
|
101
101
|
groupItems.length > 10 && (react_1.default.createElement(dropdown_1.DropdownGroup, null,
|
|
102
102
|
react_1.default.createElement(input_search_1.InputSearch, { defaultValue: search, onChange: setSearch, placeholder: I18N.GROUP_SEARCH, debounceWait: 0 }))),
|
|
103
103
|
react_1.default.createElement(dropdown_1.DropdownGroup, { className: filters_module_css_1.default.filterGroupItems },
|
|
104
|
-
filteredGroupItems.length === 0 && (react_1.default.createElement(
|
|
105
|
-
react_1.default.createElement("
|
|
106
|
-
|
|
107
|
-
react_1.default.createElement(
|
|
104
|
+
filteredGroupItems.length === 0 && (react_1.default.createElement(flex_stack_1.FlexStack, { alignItems: "center", justifyContent: "center", className: filters_module_css_1.default.filterGroupSearchNotFound },
|
|
105
|
+
react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
|
|
106
|
+
react_1.default.createElement("p", null, I18N.GROUP_NOT_FOUND),
|
|
107
|
+
react_1.default.createElement("div", null,
|
|
108
|
+
react_1.default.createElement(button_1.Button, { solid: true, size: "xsmall", type: "button", onClick: () => setSearch(''), className: filters_module_css_1.default.filterGroupSearchNotFoundClear }, I18N.GROUP_SEARCH_CLEAR))))),
|
|
108
109
|
filteredGroupItems.map(({ key: itemKey, ...itemData }) => {
|
|
109
110
|
const id = getGroupItemKey(groupKey, itemKey);
|
|
110
111
|
return (react_1.default.createElement(FilterDropdownItem, { key: id, id: id, label: itemData.label, checked: values[id], disabled: itemData.disabled, onChange: onCheckboxChange, toggleFilters: toggleFilters, getOnGroupCheck: getOnGroupCheck }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,4DAA4B;AAG5B,wDAAoD;AACpD,8CAA2C;AAC3C,sCAAmC;AACnC,oDAAgD;AAChD,0CAAoE;AACpE,kDAA8C;AAC9C,qDAAuC;AACvC,mDAAqE;AACrE,8EAAuC;AAMvC,MAAM,MAAM,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7D,OAAO,CACL,8BAAC,sBAAS,IACR,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,MAAM,EAAE,SAAS,CAAC;QAEpC,yCACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,UAAU,IAAI,EAAE,EACpB,IAAI,EAAE,IAAI,KACN,UAAU,EACd,SAAS,EAAE,4BAAG,CAAC,aAAa,GAC5B;QACF,wCAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,4BAAG,CAAC,WAAW,IAC3C,KAAK,CACD,CACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,OAAe,EAAU,EAAE,CAAC,GAAG,QAAQ,IAAI,OAAO,EAAE,CAAC;AAiBhG,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,GACzF,KAAK,CAAC;IAOR,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAuC,EAAE,EAAE;QAC1C,IAAI,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE,OAAO,CAAC,CACvC,CAAC;IAKF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAC9C,CAAC,eAAe,EAAE,EAAE,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAY,IACX,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,eAAe,EAAE,SAAS,CAAC;QAE7C,8BAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,4BAAG,CAAC,qBAAqB,GACpC;QACF,8BAAC,eAAM,IACL,
|
|
1
|
+
{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.tsx"],"names":[],"mappings":"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"}
|
|
@@ -45,9 +45,9 @@
|
|
|
45
45
|
transition: var(--transition-out);
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
.filterSingle:
|
|
48
|
+
.filterSingle:focus,
|
|
49
49
|
.filterSingle:active,
|
|
50
|
-
.filterSingle:
|
|
50
|
+
.filterSingle:hover {
|
|
51
51
|
border-color: var(--color-outline-dark);
|
|
52
52
|
transition: var(--transition-in);
|
|
53
53
|
}
|
|
@@ -72,8 +72,6 @@
|
|
|
72
72
|
right: 2px;
|
|
73
73
|
top: 50%;
|
|
74
74
|
transform: translateY(-50%);
|
|
75
|
-
padding: var(--space-xxxsmall);
|
|
76
|
-
font-size: var(--size-xsmall);
|
|
77
75
|
line-height: 1.1;
|
|
78
76
|
}
|
|
79
77
|
|
|
@@ -102,8 +100,8 @@
|
|
|
102
100
|
}
|
|
103
101
|
|
|
104
102
|
.filterGroupSearchNotFound {
|
|
105
|
-
padding: var(--space-xxsmall) 0;
|
|
106
103
|
text-align: center;
|
|
104
|
+
min-height: calc(10 * (var(--space-small) + 2 * var(--space-xxxsmall)));
|
|
107
105
|
font-size: var(--size-small);
|
|
108
106
|
color: var(--color-text-light);
|
|
109
107
|
}
|
|
@@ -10,13 +10,12 @@
|
|
|
10
10
|
transition: var(--transition-out);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
.anchor:focus,
|
|
14
|
+
.anchor:active,
|
|
13
15
|
.anchor:hover {
|
|
14
|
-
color: var(--color-
|
|
15
|
-
transition: var(--transition-in);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.anchor:focus {
|
|
16
|
+
color: var(--color-accent-dark);
|
|
19
17
|
outline: 0;
|
|
18
|
+
transition: var(--transition-in);
|
|
20
19
|
}
|
|
21
20
|
|
|
22
21
|
.hoverCard {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
border-radius: var(--radius-small);
|
|
4
4
|
color: var(--color-text-light);
|
|
5
5
|
width: 100%;
|
|
6
|
-
transition: var(--transition-
|
|
6
|
+
transition: var(--transition-out);
|
|
7
7
|
appearance: none;
|
|
8
8
|
outline: none;
|
|
9
9
|
}
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
.root:focus {
|
|
28
28
|
border-color: var(--color-outline-dark);
|
|
29
29
|
color: inherit;
|
|
30
|
-
transition: var(--transition-
|
|
30
|
+
transition: var(--transition-in);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
/** Size modifier */
|
|
@@ -33,21 +33,28 @@
|
|
|
33
33
|
border-top: 0;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.root tbody
|
|
36
|
+
.root tbody a {
|
|
37
37
|
color: inherit;
|
|
38
38
|
text-decoration: none;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.root tbody
|
|
42
|
-
.root tbody
|
|
43
|
-
.root tbody
|
|
44
|
-
color: var(--color-
|
|
41
|
+
.root tbody a:focus,
|
|
42
|
+
.root tbody a:active,
|
|
43
|
+
.root tbody a:hover {
|
|
44
|
+
color: var(--color-accent);
|
|
45
45
|
text-decoration: underline;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
+
/* hover current row */
|
|
49
|
+
.root tbody tr th,
|
|
50
|
+
.root tbody tr td {
|
|
51
|
+
transition: var(--transition-out);
|
|
52
|
+
}
|
|
53
|
+
|
|
48
54
|
.root tbody tr:hover th,
|
|
49
55
|
.root tbody tr:hover td {
|
|
50
56
|
background-color: var(--color-highlight-warning);
|
|
57
|
+
transition: var(--transition-in);
|
|
51
58
|
}
|
|
52
59
|
|
|
53
60
|
.empty {
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
color: var(--color-text-ultra-light);
|
|
14
14
|
font-weight: bold;
|
|
15
15
|
text-decoration: none;
|
|
16
|
-
transition: var(--
|
|
16
|
+
transition: var(--transition-out);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.item::after {
|
|
@@ -24,27 +24,31 @@
|
|
|
24
24
|
right: 0;
|
|
25
25
|
bottom: -1px;
|
|
26
26
|
height: 2px;
|
|
27
|
-
background:
|
|
27
|
+
background: currentColor;
|
|
28
|
+
opacity: 0;
|
|
29
|
+
transition: var(--transition-out);
|
|
28
30
|
}
|
|
29
31
|
|
|
30
|
-
.item:
|
|
32
|
+
.item:focus,
|
|
31
33
|
.item:active,
|
|
32
|
-
.item:
|
|
33
|
-
color: var(--color-
|
|
34
|
+
.item:hover {
|
|
35
|
+
color: var(--color-accent);
|
|
34
36
|
outline: none;
|
|
35
|
-
transition: var(--ui-transition-out);
|
|
36
37
|
}
|
|
37
38
|
|
|
38
39
|
.item:hover::after,
|
|
39
40
|
.item:active::after,
|
|
40
41
|
.item:focus::after {
|
|
41
|
-
|
|
42
|
+
opacity: 1;
|
|
43
|
+
transition: var(--transition-in);
|
|
42
44
|
}
|
|
43
45
|
|
|
44
46
|
.itemActive {
|
|
45
|
-
color: var(--color-
|
|
47
|
+
color: var(--color-accent);
|
|
48
|
+
transition: var(--transition-in);
|
|
46
49
|
}
|
|
47
50
|
|
|
48
51
|
.itemActive::after {
|
|
49
|
-
|
|
52
|
+
opacity: 1;
|
|
53
|
+
transition: var(--transition-in);
|
|
50
54
|
}
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
|
|
11
11
|
a.root {
|
|
12
12
|
text-decoration: none;
|
|
13
|
-
transition: var(--transition-out);
|
|
14
13
|
}
|
|
15
14
|
|
|
16
15
|
a.root:hover,
|
|
@@ -19,7 +18,6 @@ a.root:active {
|
|
|
19
18
|
opacity: 0.8;
|
|
20
19
|
color: var(--color-light);
|
|
21
20
|
text-decoration: none;
|
|
22
|
-
transition: var(--transition-in);
|
|
23
21
|
}
|
|
24
22
|
|
|
25
23
|
/** Kind variation */
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
color: var(--color-text-light);
|
|
5
5
|
width: 100%;
|
|
6
6
|
resize: vertical;
|
|
7
|
-
transition: var(--transition-
|
|
7
|
+
transition: var(--transition-out);
|
|
8
8
|
appearance: none;
|
|
9
9
|
outline: none;
|
|
10
10
|
}
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
.root:focus {
|
|
29
29
|
border-color: var(--color-outline-dark);
|
|
30
30
|
color: inherit;
|
|
31
|
-
transition: var(--transition-
|
|
31
|
+
transition: var(--transition-in);
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.root[readonly=''] {
|
|
@@ -42,11 +42,13 @@
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.tabActive {
|
|
45
|
-
color: var(--color-
|
|
45
|
+
color: var(--color-accent);
|
|
46
|
+
transition: var(--transition-in);
|
|
46
47
|
}
|
|
47
48
|
|
|
48
49
|
.tabActive::after {
|
|
49
|
-
|
|
50
|
+
opacity: 1;
|
|
51
|
+
transition: var(--transition-in);
|
|
50
52
|
}
|
|
51
53
|
|
|
52
54
|
.tabsContent {
|
|
@@ -11,14 +11,12 @@
|
|
|
11
11
|
border-radius: 50%;
|
|
12
12
|
opacity: 0.8;
|
|
13
13
|
color: var(--color-text-ultra-dark);
|
|
14
|
-
transition: var(--transition-out);
|
|
15
14
|
}
|
|
16
15
|
|
|
17
|
-
.toolsGitHub:hover,
|
|
18
16
|
.toolsGitHub:focus,
|
|
17
|
+
.toolsGitHub:hover,
|
|
19
18
|
.toolsGitHub:active {
|
|
20
19
|
opacity: 1;
|
|
21
|
-
transition: var(--transition-in);
|
|
22
20
|
}
|
|
23
21
|
|
|
24
22
|
.toolsGitHubIcon {
|
|
@@ -1,59 +1,59 @@
|
|
|
1
1
|
[
|
|
2
|
-
"rgba(
|
|
3
|
-
"rgba(
|
|
4
|
-
"rgba(
|
|
5
|
-
"rgba(
|
|
6
|
-
"rgba(
|
|
7
|
-
"rgba(
|
|
8
|
-
"rgba(
|
|
9
|
-
"rgba(
|
|
10
|
-
"rgba(
|
|
11
|
-
"rgba(
|
|
12
|
-
"rgba(
|
|
13
|
-
"rgba(
|
|
14
|
-
"rgba(
|
|
15
|
-
"rgba(
|
|
16
|
-
"rgba(
|
|
17
|
-
"rgba(
|
|
18
|
-
"rgba(
|
|
19
|
-
"rgba(
|
|
20
|
-
"rgba(
|
|
21
|
-
"rgba(
|
|
22
|
-
"rgba(
|
|
23
|
-
"rgba(
|
|
24
|
-
"rgba(
|
|
25
|
-
"rgba(
|
|
26
|
-
"rgba(
|
|
27
|
-
"rgba(
|
|
28
|
-
"rgba(
|
|
29
|
-
"rgba(
|
|
30
|
-
"rgba(
|
|
31
|
-
"rgba(
|
|
32
|
-
"rgba(
|
|
33
|
-
"rgba(
|
|
34
|
-
"rgba(
|
|
35
|
-
"rgba(
|
|
36
|
-
"rgba(
|
|
37
|
-
"rgba(
|
|
38
|
-
"rgba(
|
|
39
|
-
"rgba(
|
|
40
|
-
"rgba(
|
|
41
|
-
"rgba(
|
|
42
|
-
"rgba(255,
|
|
43
|
-
"rgba(255,
|
|
44
|
-
"rgba(255,
|
|
45
|
-
"rgba(255,
|
|
46
|
-
"rgba(255,
|
|
47
|
-
"rgba(255,
|
|
48
|
-
"rgba(255,
|
|
49
|
-
"rgba(255,
|
|
50
|
-
"rgba(255,
|
|
51
|
-
"rgba(255,
|
|
52
|
-
"rgba(255,
|
|
53
|
-
"rgba(255,
|
|
54
|
-
"rgba(255,
|
|
55
|
-
"rgba(255,
|
|
56
|
-
"rgba(255,
|
|
57
|
-
"rgba(255,
|
|
2
|
+
"rgba(79,146,213,1)",
|
|
3
|
+
"rgba(86,146,215,1)",
|
|
4
|
+
"rgba(92,145,217,1)",
|
|
5
|
+
"rgba(99,145,219,1)",
|
|
6
|
+
"rgba(105,144,221,1)",
|
|
7
|
+
"rgba(112,144,223,1)",
|
|
8
|
+
"rgba(118,143,225,1)",
|
|
9
|
+
"rgba(125,143,227,1)",
|
|
10
|
+
"rgba(131,142,229,1)",
|
|
11
|
+
"rgba(138,141,229,1)",
|
|
12
|
+
"rgba(145,140,229,1)",
|
|
13
|
+
"rgba(152,138,229,1)",
|
|
14
|
+
"rgba(159,137,229,1)",
|
|
15
|
+
"rgba(165,136,228,1)",
|
|
16
|
+
"rgba(172,135,228,1)",
|
|
17
|
+
"rgba(179,133,228,1)",
|
|
18
|
+
"rgba(186,132,228,1)",
|
|
19
|
+
"rgba(192,130,226,1)",
|
|
20
|
+
"rgba(198,129,223,1)",
|
|
21
|
+
"rgba(204,127,221,1)",
|
|
22
|
+
"rgba(210,125,218,1)",
|
|
23
|
+
"rgba(216,123,216,1)",
|
|
24
|
+
"rgba(222,122,213,1)",
|
|
25
|
+
"rgba(228,120,211,1)",
|
|
26
|
+
"rgba(234,118,208,1)",
|
|
27
|
+
"rgba(237,117,204,1)",
|
|
28
|
+
"rgba(239,116,199,1)",
|
|
29
|
+
"rgba(242,114,195,1)",
|
|
30
|
+
"rgba(245,113,191,1)",
|
|
31
|
+
"rgba(247,112,186,1)",
|
|
32
|
+
"rgba(250,111,182,1)",
|
|
33
|
+
"rgba(252,109,177,1)",
|
|
34
|
+
"rgba(255,108,173,1)",
|
|
35
|
+
"rgba(255,109,167,1)",
|
|
36
|
+
"rgba(255,109,162,1)",
|
|
37
|
+
"rgba(255,110,156,1)",
|
|
38
|
+
"rgba(255,111,151,1)",
|
|
39
|
+
"rgba(255,111,145,1)",
|
|
40
|
+
"rgba(255,112,139,1)",
|
|
41
|
+
"rgba(255,112,134,1)",
|
|
42
|
+
"rgba(255,113,128,1)",
|
|
43
|
+
"rgba(255,116,122,1)",
|
|
44
|
+
"rgba(255,119,116,1)",
|
|
45
|
+
"rgba(255,121,109,1)",
|
|
46
|
+
"rgba(255,124,103,1)",
|
|
47
|
+
"rgba(255,127,97,1)",
|
|
48
|
+
"rgba(255,130,91,1)",
|
|
49
|
+
"rgba(255,132,84,1)",
|
|
50
|
+
"rgba(255,135,78,1)",
|
|
51
|
+
"rgba(255,139,68,1)",
|
|
52
|
+
"rgba(255,143,59,1)",
|
|
53
|
+
"rgba(255,147,49,1)",
|
|
54
|
+
"rgba(255,151,39,1)",
|
|
55
|
+
"rgba(255,154,29,1)",
|
|
56
|
+
"rgba(255,158,20,1)",
|
|
57
|
+
"rgba(255,162,10,1)",
|
|
58
58
|
"rgba(255,166,0,1)"
|
|
59
59
|
]
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import cx from 'classnames';
|
|
2
3
|
import { Icon } from '../../ui/icon';
|
|
3
4
|
import { FileName } from '../../ui/file-name';
|
|
4
5
|
import { HoverCard } from '../../ui/hover-card';
|
|
@@ -11,14 +12,14 @@ const RUNS_LABELS = [RUN_TITLE_CURRENT, RUN_TITLE_BASELINE];
|
|
|
11
12
|
export const AssetName = (props) => {
|
|
12
13
|
const { className = '', EntryComponentLink, row } = props;
|
|
13
14
|
const { label, isNotPredictive, runs, isChunk, isEntry, isInitial } = row;
|
|
14
|
-
return (React.createElement("span", { className: className },
|
|
15
|
+
return (React.createElement("span", { className: cx(css.root, className) },
|
|
15
16
|
isNotPredictive && (React.createElement(HoverCard, { label: React.createElement(Icon, { className: css.notPredictiveIcon, glyph: Icon.ICONS.WARNING }), className: css.notPredictive, hoverCardClassName: css.notPredictiveHoverCard },
|
|
16
17
|
React.createElement(AssetNotPredictive, { runs: runs, labels: RUNS_LABELS }))),
|
|
17
|
-
React.createElement(EntryComponentLink, { entryId: row.key, className: css.
|
|
18
|
-
React.createElement("span", { className: css.
|
|
19
|
-
isEntry && (React.createElement(AssetMetaTag, { className: css.
|
|
20
|
-
isInitial && (React.createElement(AssetMetaTag, { className: css.
|
|
21
|
-
isChunk && (React.createElement(AssetMetaTag, { className: css.
|
|
22
|
-
React.createElement(FileName, { className: css.
|
|
18
|
+
React.createElement(EntryComponentLink, { entryId: row.key, className: css.link },
|
|
19
|
+
React.createElement("span", { className: css.tags },
|
|
20
|
+
isEntry && (React.createElement(AssetMetaTag, { className: css.tag, title: "Entrypoint", tag: "entry", status: isEntry })),
|
|
21
|
+
isInitial && (React.createElement(AssetMetaTag, { className: css.tag, title: "Initial", tag: "initial", status: isInitial })),
|
|
22
|
+
isChunk && (React.createElement(AssetMetaTag, { className: css.tag, title: "Chunk", tag: "chunk", status: isChunk }))),
|
|
23
|
+
React.createElement(FileName, { className: css.name, name: label }))));
|
|
23
24
|
};
|
|
24
25
|
//# sourceMappingURL=asset-name.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-name.js","sourceRoot":"","sources":["../../../src/components/asset-name/asset-name.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"asset-name.js","sourceRoot":"","sources":["../../../src/components/asset-name/asset-name.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAE1C,MAAM,iBAAiB,GAAG,SAAS,CAAC;AACpC,MAAM,kBAAkB,GAAG,UAAU,CAAC;AACtC,MAAM,WAAW,GAAG,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AAQ5D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC;IAE1E,OAAO,CACL,8BAAM,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrC,eAAe,IAAI,CAClB,oBAAC,SAAS,IACR,KAAK,EAAE,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,EAC5E,SAAS,EAAE,GAAG,CAAC,aAAa,EAC5B,kBAAkB,EAAE,GAAG,CAAC,sBAAsB;YAE9C,oBAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,GAAI,CAC7C,CACb;QAED,oBAAC,kBAAkB,IAAC,OAAO,EAAE,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI;YACvD,8BAAM,SAAS,EAAE,GAAG,CAAC,IAAI;gBACtB,OAAO,IAAI,CACV,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,EAAE,OAAO,GAAI,CACrF;gBACA,SAAS,IAAI,CACZ,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,EAAC,SAAS,EAAC,GAAG,EAAC,SAAS,EAAC,MAAM,EAAE,SAAS,GAAI,CACtF;gBACA,OAAO,IAAI,CACV,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,EAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,EAAE,OAAO,GAAI,CAChF,CACI;YACP,oBAAC,QAAQ,IAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,GAAI,CAC3B,CAChB,CACR,CAAC;AACJ,CAAC,CAAC"}
|