@xh/hoist 71.0.0-SNAPSHOT.1735657683714 → 71.0.0-SNAPSHOT.1735658425894
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/CHANGELOG.md
CHANGED
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
ID and access tokens in a single request and to use refresh tokens to maintain access without
|
|
33
33
|
relying on third-party cookies.
|
|
34
34
|
* Updated sorting on grouped grids to place ungrouped items at the bottom.
|
|
35
|
+
* `DashCanvas` views can now be resized left and up in addition to right and down.
|
|
35
36
|
|
|
36
37
|
### 🐞 Bug Fixes
|
|
37
38
|
|
|
@@ -1,3 +1,32 @@
|
|
|
1
|
+
@mixin resize-handle-ew {
|
|
2
|
+
height: 100%;
|
|
3
|
+
top: 0;
|
|
4
|
+
transform: rotate(0);
|
|
5
|
+
width: 8px;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@mixin resize-handle-ns {
|
|
9
|
+
height: 8px;
|
|
10
|
+
left: 0;
|
|
11
|
+
transform: rotate(0);
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@mixin resize-handle-corner {
|
|
16
|
+
height: 16px;
|
|
17
|
+
width: 16px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@mixin resize-handle-se-sw {
|
|
21
|
+
@include resize-handle-corner;
|
|
22
|
+
bottom: -8px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@mixin resize-handle-ne-nw {
|
|
26
|
+
@include resize-handle-corner;
|
|
27
|
+
top: -8px;
|
|
28
|
+
}
|
|
29
|
+
|
|
1
30
|
.xh-dash-canvas {
|
|
2
31
|
width: 100%;
|
|
3
32
|
height: 100%;
|
|
@@ -21,27 +50,44 @@
|
|
|
21
50
|
|
|
22
51
|
> .react-resizable-handle {
|
|
23
52
|
// Make the resize handles fill the entire side
|
|
53
|
+
&.react-resizable-handle-n {
|
|
54
|
+
@include resize-handle-ns;
|
|
55
|
+
top: -4px;
|
|
56
|
+
}
|
|
57
|
+
|
|
24
58
|
&.react-resizable-handle-s {
|
|
59
|
+
@include resize-handle-ns;
|
|
25
60
|
bottom: -4px;
|
|
26
|
-
height: 8px;
|
|
27
|
-
left: 0;
|
|
28
|
-
transform: rotate(0);
|
|
29
|
-
width: 100%;
|
|
30
61
|
}
|
|
31
62
|
|
|
32
63
|
&.react-resizable-handle-e {
|
|
33
|
-
|
|
64
|
+
@include resize-handle-ew;
|
|
34
65
|
right: -4px;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&.react-resizable-handle-w {
|
|
69
|
+
@include resize-handle-ew;
|
|
70
|
+
left: -4px;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&.react-resizable-handle-ne {
|
|
74
|
+
@include resize-handle-ne-nw;
|
|
75
|
+
right: -8px;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
&.react-resizable-handle-nw {
|
|
79
|
+
@include resize-handle-ne-nw;
|
|
80
|
+
left: -8px;
|
|
38
81
|
}
|
|
39
82
|
|
|
40
83
|
&.react-resizable-handle-se {
|
|
41
|
-
|
|
42
|
-
height: 16px;
|
|
84
|
+
@include resize-handle-se-sw;
|
|
43
85
|
right: -8px;
|
|
44
|
-
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
&.react-resizable-handle-sw {
|
|
89
|
+
@include resize-handle-se-sw;
|
|
90
|
+
left: -8px;
|
|
45
91
|
}
|
|
46
92
|
|
|
47
93
|
// Hide the resize handles
|
|
@@ -112,7 +112,9 @@ export class DashCanvasModel
|
|
|
112
112
|
|
|
113
113
|
return {
|
|
114
114
|
...it,
|
|
115
|
-
resizeHandles: autoHeight
|
|
115
|
+
resizeHandles: autoHeight
|
|
116
|
+
? ['w', 'e']
|
|
117
|
+
: ['s', 'w', 'e', 'n', 'sw', 'nw', 'se', 'ne'],
|
|
116
118
|
maxH: viewSpec.maxHeight,
|
|
117
119
|
minH: viewSpec.minHeight,
|
|
118
120
|
maxW: viewSpec.maxWidth,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xh/hoist",
|
|
3
|
-
"version": "71.0.0-SNAPSHOT.
|
|
3
|
+
"version": "71.0.0-SNAPSHOT.1735658425894",
|
|
4
4
|
"description": "Hoist add-on for building and deploying React Applications.",
|
|
5
5
|
"repository": "github:xh/hoist-react",
|
|
6
6
|
"homepage": "https://xh.io",
|