@gooddata/sdk-ui-dashboard 10.34.0-alpha.1 → 10.34.0-alpha.11
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/esm/__version.d.ts +1 -1
- package/esm/__version.d.ts.map +1 -1
- package/esm/__version.js +1 -1
- package/esm/__version.js.map +1 -1
- package/esm/_staging/layout/coordinates.d.ts +1 -1
- package/esm/_staging/layout/coordinates.d.ts.map +1 -1
- package/esm/_staging/layout/coordinates.js +16 -8
- package/esm/_staging/layout/coordinates.js.map +1 -1
- package/esm/model/commandHandlers/layout/containerWidthSanitization.d.ts +2 -2
- package/esm/model/commandHandlers/layout/containerWidthSanitization.d.ts.map +1 -1
- package/esm/model/commandHandlers/layout/containerWidthSanitization.js +6 -9
- package/esm/model/commandHandlers/layout/containerWidthSanitization.js.map +1 -1
- package/esm/model/commandHandlers/layout/moveSectionItemHandler.d.ts.map +1 -1
- package/esm/model/commandHandlers/layout/moveSectionItemHandler.js +11 -9
- package/esm/model/commandHandlers/layout/moveSectionItemHandler.js.map +1 -1
- package/esm/model/commandHandlers/layout/moveSectionItemToNewSectionHandler.d.ts.map +1 -1
- package/esm/model/commandHandlers/layout/moveSectionItemToNewSectionHandler.js +12 -9
- package/esm/model/commandHandlers/layout/moveSectionItemToNewSectionHandler.js.map +1 -1
- package/esm/model/commandHandlers/layout/resizeWidthHandler.d.ts.map +1 -1
- package/esm/model/commandHandlers/layout/resizeWidthHandler.js +7 -8
- package/esm/model/commandHandlers/layout/resizeWidthHandler.js.map +1 -1
- package/esm/model/commandHandlers/layout/toggleLayoutDirectionHandler.d.ts.map +1 -1
- package/esm/model/commandHandlers/layout/toggleLayoutDirectionHandler.js +1 -1
- package/esm/model/commandHandlers/layout/toggleLayoutDirectionHandler.js.map +1 -1
- package/esm/presentation/dragAndDrop/draggableWidget/AddDashboardLayoutWidgetButton.d.ts.map +1 -1
- package/esm/presentation/dragAndDrop/draggableWidget/AddDashboardLayoutWidgetButton.js +3 -2
- package/esm/presentation/dragAndDrop/draggableWidget/AddDashboardLayoutWidgetButton.js.map +1 -1
- package/esm/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizerHotspot.js +4 -4
- package/esm/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizerHotspot.js.map +1 -1
- package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.d.ts.map +1 -1
- package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.js +3 -1
- package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.js.map +1 -1
- package/package.json +15 -15
- package/styles/css/configurationPanel.css +1 -1
- package/styles/css/main.css +2 -1
- package/styles/css/main.css.map +1 -1
- package/styles/css/resizing.css +1 -0
- package/styles/css/resizing.css.map +1 -1
- package/styles/scss/_variables.scss +1 -1
- package/styles/scss/resizing.scss +1 -0
@@ -9,6 +9,7 @@ import { getRemainingWidthInRow, getRemainingHeightInColumn } from "../../rowEnd
|
|
9
9
|
import { getLayoutConfiguration } from "../../../../_staging/dashboard/flexibleLayout/layoutConfiguration.js";
|
10
10
|
import { getDashboardLayoutItemHeight } from "../../../../_staging/layout/sizing.js";
|
11
11
|
import { useDashboardItemPathAndSize } from "../../../dashboard/components/DashboardItemPathAndSizeContext.js";
|
12
|
+
import { useIsDraggingWidget } from "../../../dragAndDrop/index.js";
|
12
13
|
import { WidgetDropZoneColumn } from "./WidgetDropZoneColumn.js";
|
13
14
|
import { Hotspot } from "./Hotspot.js";
|
14
15
|
const MINIMUM_DROPZONE_WIDTH_TO_RENDER_TEXT = 2;
|
@@ -45,6 +46,7 @@ export const useShouldShowRowEndHotspot = (item, rowIndex) => {
|
|
45
46
|
}
|
46
47
|
};
|
47
48
|
export const RowEndHotspot = ({ item, rowIndex }) => {
|
49
|
+
const isDraggingWidget = useIsDraggingWidget();
|
48
50
|
const { enableRowEndHotspot, gridWidth, gridHeight, hideDropzoneText } = useShouldShowRowEndHotspot(item, rowIndex);
|
49
51
|
const { direction } = getLayoutConfiguration(item.section().layout().raw());
|
50
52
|
const layoutItemSize = useMemo(() => {
|
@@ -64,7 +66,7 @@ export const RowEndHotspot = ({ item, rowIndex }) => {
|
|
64
66
|
const computedHeight = getDashboardLayoutItemHeight(layoutItemSize.xl);
|
65
67
|
return computedHeight === undefined ? {} : { height: computedHeight };
|
66
68
|
}, [layoutItemSize]);
|
67
|
-
if (!enableRowEndHotspot) {
|
69
|
+
if (!enableRowEndHotspot || !isDraggingWidget) {
|
68
70
|
return null;
|
69
71
|
}
|
70
72
|
return (React.createElement(React.Fragment, null,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RowEndHotspot.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EACH,cAAc,EAEd,oBAAoB,EACpB,cAAc,EACd,0BAA0B,GAC7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEH,mCAAmC,GACtC,MAAM,wDAAwD,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,6DAA6D,CAAC;AAC5F,OAAO,EAAE,iBAAiB,EAAE,MAAM,2DAA2D,CAAC;AAC9F,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAClG,OAAO,EAAE,sBAAsB,EAAE,MAAM,sEAAsE,CAAC;AAC9G,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAAE,MAAM,kEAAkE,CAAC;
|
1
|
+
{"version":3,"file":"RowEndHotspot.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@gooddata/sdk-ui-dashboard",
|
3
|
-
"version": "10.34.0-alpha.
|
3
|
+
"version": "10.34.0-alpha.11",
|
4
4
|
"description": "GoodData SDK - Dashboard Component",
|
5
5
|
"repository": {
|
6
6
|
"type": "git",
|
@@ -60,17 +60,17 @@
|
|
60
60
|
"@codemirror/language": "~6.11.0",
|
61
61
|
"@lezer/highlight": "~1.2.1",
|
62
62
|
"@react-aria/interactions": "^3",
|
63
|
-
"@gooddata/sdk-backend-base": "10.34.0-alpha.
|
64
|
-
"@gooddata/sdk-
|
65
|
-
"@gooddata/sdk-
|
66
|
-
"@gooddata/sdk-
|
67
|
-
"@gooddata/sdk-ui-ext": "10.34.0-alpha.
|
68
|
-
"@gooddata/sdk-ui-filters": "10.34.0-alpha.
|
69
|
-
"@gooddata/sdk-ui-geo": "10.34.0-alpha.
|
70
|
-
"@gooddata/sdk-ui-
|
71
|
-
"@gooddata/sdk-ui-vis-commons": "10.34.0-alpha.
|
72
|
-
"@gooddata/sdk-ui-
|
73
|
-
"@gooddata/util": "10.34.0-alpha.
|
63
|
+
"@gooddata/sdk-backend-base": "10.34.0-alpha.11",
|
64
|
+
"@gooddata/sdk-backend-spi": "10.34.0-alpha.11",
|
65
|
+
"@gooddata/sdk-ui": "10.34.0-alpha.11",
|
66
|
+
"@gooddata/sdk-model": "10.34.0-alpha.11",
|
67
|
+
"@gooddata/sdk-ui-ext": "10.34.0-alpha.11",
|
68
|
+
"@gooddata/sdk-ui-filters": "10.34.0-alpha.11",
|
69
|
+
"@gooddata/sdk-ui-geo": "10.34.0-alpha.11",
|
70
|
+
"@gooddata/sdk-ui-theme-provider": "10.34.0-alpha.11",
|
71
|
+
"@gooddata/sdk-ui-vis-commons": "10.34.0-alpha.11",
|
72
|
+
"@gooddata/sdk-ui-kit": "10.34.0-alpha.11",
|
73
|
+
"@gooddata/util": "10.34.0-alpha.11"
|
74
74
|
},
|
75
75
|
"peerDependencies": {
|
76
76
|
"react": "^16.10.0 || ^17.0.0 || ^18.0.0",
|
@@ -122,9 +122,9 @@
|
|
122
122
|
"typescript": "5.3.3",
|
123
123
|
"vitest": "3.0.8",
|
124
124
|
"vitest-dom": "0.1.1",
|
125
|
-
"@gooddata/i18n-toolkit": "10.34.0-alpha.
|
126
|
-
"@gooddata/reference-workspace": "10.34.0-alpha.
|
127
|
-
"@gooddata/sdk-backend-mockingbird": "10.34.0-alpha.
|
125
|
+
"@gooddata/i18n-toolkit": "10.34.0-alpha.11",
|
126
|
+
"@gooddata/reference-workspace": "10.34.0-alpha.11",
|
127
|
+
"@gooddata/sdk-backend-mockingbird": "10.34.0-alpha.11"
|
128
128
|
},
|
129
129
|
"scripts": {
|
130
130
|
"clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",
|
package/styles/css/main.css
CHANGED
@@ -23451,7 +23451,7 @@ figure {
|
|
23451
23451
|
margin: 25px 0 0 0;
|
23452
23452
|
}
|
23453
23453
|
.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel {
|
23454
|
-
max-height:
|
23454
|
+
max-height: 350px;
|
23455
23455
|
overflow-x: hidden;
|
23456
23456
|
overflow-y: auto;
|
23457
23457
|
padding: 0;
|
@@ -25023,6 +25023,7 @@ figure {
|
|
25023
25023
|
flex-direction: column;
|
25024
25024
|
border-radius: 4px;
|
25025
25025
|
align-items: center;
|
25026
|
+
padding: 0;
|
25026
25027
|
}
|
25027
25028
|
.gd-grid-layout-resizer-drag-preview .gd-fluidlayout-width-resizer .width-resizer-line,
|
25028
25029
|
.gd-grid-layout .gd-fluidlayout-width-resizer .width-resizer-line {
|