@vuu-ui/vuu-table-extras 4.0.0-alpha.22 → 4.0.0-alpha.24
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/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "4.0.0-alpha.
|
|
2
|
+
"version": "4.0.0-alpha.24",
|
|
3
3
|
"author": "heswell",
|
|
4
4
|
"main": "./src/index.js",
|
|
5
5
|
"license": "Apache-2.0",
|
|
@@ -12,20 +12,20 @@
|
|
|
12
12
|
"lezer-generate:column": "lezer-generator --output ./src/column-expression-input/column-language-parser/generated/column-parser.ts ./src/column-expression-input/column-language-parser/grammar/column.grammar"
|
|
13
13
|
},
|
|
14
14
|
"devDependencies": {
|
|
15
|
-
"@vuu-ui/vuu-filter-types": "4.0.0-alpha.
|
|
16
|
-
"@vuu-ui/vuu-protocol-types": "4.0.0-alpha.
|
|
15
|
+
"@vuu-ui/vuu-filter-types": "4.0.0-alpha.24",
|
|
16
|
+
"@vuu-ui/vuu-protocol-types": "4.0.0-alpha.24"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@vuu-ui/core": "4.0.0-alpha.
|
|
20
|
-
"@vuu-ui/vuu-codemirror": "4.0.0-alpha.
|
|
21
|
-
"@vuu-ui/vuu-data-editing": "4.0.0-alpha.
|
|
22
|
-
"@vuu-ui/vuu-data-react": "4.0.0-alpha.
|
|
23
|
-
"@vuu-ui/vuu-data-types": "4.0.0-alpha.
|
|
24
|
-
"@vuu-ui/vuu-table-types": "4.0.0-alpha.
|
|
25
|
-
"@vuu-ui/vuu-popups": "4.0.0-alpha.
|
|
26
|
-
"@vuu-ui/vuu-table": "4.0.0-alpha.
|
|
27
|
-
"@vuu-ui/vuu-utils": "4.0.0-alpha.
|
|
28
|
-
"@vuu-ui/vuu-ui-controls": "4.0.0-alpha.
|
|
19
|
+
"@vuu-ui/core": "4.0.0-alpha.24",
|
|
20
|
+
"@vuu-ui/vuu-codemirror": "4.0.0-alpha.24",
|
|
21
|
+
"@vuu-ui/vuu-data-editing": "4.0.0-alpha.24",
|
|
22
|
+
"@vuu-ui/vuu-data-react": "4.0.0-alpha.24",
|
|
23
|
+
"@vuu-ui/vuu-data-types": "4.0.0-alpha.24",
|
|
24
|
+
"@vuu-ui/vuu-table-types": "4.0.0-alpha.24",
|
|
25
|
+
"@vuu-ui/vuu-popups": "4.0.0-alpha.24",
|
|
26
|
+
"@vuu-ui/vuu-table": "4.0.0-alpha.24",
|
|
27
|
+
"@vuu-ui/vuu-utils": "4.0.0-alpha.24",
|
|
28
|
+
"@vuu-ui/vuu-ui-controls": "4.0.0-alpha.24",
|
|
29
29
|
"@lezer/lr": "1.4.2",
|
|
30
30
|
"@salt-ds/core": "1.72.0",
|
|
31
31
|
"@salt-ds/styles": "0.4.1",
|
|
@@ -1,20 +1,24 @@
|
|
|
1
1
|
const css = `
|
|
2
2
|
.vuuTableCell {
|
|
3
3
|
& .vuuTableDropdownCell {
|
|
4
|
-
--vuu-icon-height: 15px;
|
|
5
|
-
--vuu-icon-left: calc(100% - var(--salt-spacing-300));
|
|
6
|
-
--vuu-icon-size: 8px;
|
|
7
|
-
--vuu-icon-top: -3px;
|
|
8
4
|
--salt-focused-outlineStyle: none;
|
|
9
5
|
--saltButton-borderRadius: 2px;
|
|
10
6
|
border: solid 1px var(--salt-editable-borderColor);
|
|
11
7
|
height: var(--vuu-table-embedded-control-height);
|
|
12
8
|
min-height: var(--vuu-table-embedded-control-height);
|
|
13
9
|
text-align: left;
|
|
14
|
-
border-radius: 2px;
|
|
15
10
|
font-weight: 500;
|
|
11
|
+
font-size: inherit;
|
|
12
|
+
border-radius: 2px;
|
|
13
|
+
gap: 3px;
|
|
14
|
+
padding: 0 3px 0 4px;
|
|
15
|
+
line-height: normal;
|
|
16
16
|
position: relative;
|
|
17
17
|
|
|
18
|
+
& .saltDropdown-content {
|
|
19
|
+
min-width: 0;
|
|
20
|
+
}
|
|
21
|
+
|
|
18
22
|
& button:focus-visible {
|
|
19
23
|
--saltButton-borderColor: var(--salt-focused-outlineColor);
|
|
20
24
|
--saltButton-borderWidth: 2px;
|
|
@@ -31,6 +35,26 @@ const css = `
|
|
|
31
35
|
}
|
|
32
36
|
}
|
|
33
37
|
|
|
38
|
+
.salt-theme.vuu-theme .vuuTableCell .vuuTableDropdownCell .saltDropdown-toggle {
|
|
39
|
+
flex: 0 0 12px;
|
|
40
|
+
width: 12px;
|
|
41
|
+
height: 12px;
|
|
42
|
+
margin-left: 0;
|
|
43
|
+
display: inline-block;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.vuuTableDropdownCell-options .saltOption {
|
|
47
|
+
align-items: center;
|
|
48
|
+
min-height: 21px;
|
|
49
|
+
padding: 2px 8px;
|
|
50
|
+
font-size: 11px;
|
|
51
|
+
line-height: 17px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.salt-theme.vuu-theme .saltOptionList.vuuTableDropdownCell-options .saltOption[aria-selected="true"] {
|
|
55
|
+
box-shadow: inset calc(var(--salt-spacing-100) / 2) 0 0 0 var(--salt-selectable-borderColor-selected);
|
|
56
|
+
}
|
|
57
|
+
|
|
34
58
|
|
|
35
59
|
`;
|
|
36
60
|
export default css;
|
|
@@ -64,7 +64,10 @@ const DropdownCell_DropdownCell = /*#__PURE__*/ memo(function({ column, dataRow,
|
|
|
64
64
|
className: clsx(classBase, {
|
|
65
65
|
[`${classBase}-edited`]: true === editedDuringCurrentSession
|
|
66
66
|
}),
|
|
67
|
-
|
|
67
|
+
OverlayProps: {
|
|
68
|
+
className: `${classBase}-options`
|
|
69
|
+
},
|
|
70
|
+
title: selectedOption?.label,
|
|
68
71
|
onClick: handleClick,
|
|
69
72
|
onKeyDownCapture: handleKeyDown,
|
|
70
73
|
onOpenChange: handleOpenChange,
|