@gooddata/sdk-ui-dashboard 10.16.0-alpha.9 → 10.16.0-beta.0

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionInsightListItemDropHandler.js

@@ -0,0 +1,72 @@
+// (C) 2022-2024 GoodData Corporation
+import { useCallback } from "react";
+import { insightRef, insightTitle } from "@gooddata/sdk-model";
+import { getSizeInfo } from "../../../../_staging/layout/sizing.js";
+import { newLoadingPlaceholderWidget } from "../../../../widgets/index.js";
+import { selectSettings, useDashboardDispatch, useDashboardSelector, useDashboardCommandProcessing, uiActions, enableInsightWidgetDateFilter, addNestedLayoutSection, dispatchAndWaitFor, replaceNestedLayoutSectionItem, } from "../../../../model/index.js";
+import { asLayoutItemPath, serializeLayoutSectionPath } from "../../../../_staging/layout/coordinates.js";
+export function useNewSectionInsightListItemDropHandler(sectionIndex) {
+    const dispatch = useDashboardDispatch();
+    const settings = useDashboardSelector(selectSettings);
+    const { run: preselectDateDataset } = useDashboardCommandProcessing({
+        commandCreator: enableInsightWidgetDateFilter,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.INSIGHT_WIDGET.FILTER_SETTINGS_CHANGED",
+        onSuccess: (event) => {
+            dispatch(uiActions.setWidgetLoadingAdditionalDataStopped(event.payload.ref));
+        },
+        onError: (event) => {
+            dispatch(uiActions.setWidgetLoadingAdditionalDataStopped(event.payload.command.payload.ref));
+        },
+    });
+    const { run: replaceSectionItemLoader } = useDashboardCommandProcessing({
+        commandCreator: replaceNestedLayoutSectionItem,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.FLUID_LAYOUT.ITEM_REPLACED",
+        onSuccess: (event) => {
+            const ref = event.payload.items[0].widget.ref;
+            dispatch(uiActions.selectWidget(ref));
+            dispatch(uiActions.setConfigurationPanelOpened(true));
+            dispatch(uiActions.setWidgetDateDatasetAutoSelect(true));
+            dispatch(uiActions.setWidgetLoadingAdditionalDataStarted(ref));
+            preselectDateDataset(ref, "default");
+        },
+    });
+    return useCallback((insight) => {
+        const correlationId = `insert-insight-list-item-${serializeLayoutSectionPath(sectionIndex)}`;
+        const itemIndex = 0;
+        const layoutPath = asLayoutItemPath(sectionIndex, itemIndex);
+        const sizeInfo = getSizeInfo(settings, "insight", insight);
+        dispatchAndWaitFor(dispatch, addNestedLayoutSection(sectionIndex, {}, [
+            {
+                type: "IDashboardLayoutItem",
+                size: {
+                    xl: {
+                        gridHeight: sizeInfo.height.default,
+                        gridWidth: sizeInfo.width.default,
+                    },
+                },
+                widget: newLoadingPlaceholderWidget(),
+            },
+        ], false, correlationId)).then(() => {
+            replaceSectionItemLoader(layoutPath, {
+                type: "IDashboardLayoutItem",
+                widget: {
+                    type: "insight",
+                    insight: insightRef(insight),
+                    ignoreDashboardFilters: [],
+                    drills: [],
+                    title: insightTitle(insight),
+                    description: "",
+                },
+                size: {
+                    xl: {
+                        gridHeight: sizeInfo.height.default,
+                        gridWidth: sizeInfo.width.default,
+                    },
+                },
+            }, undefined, false, correlationId);
+        });
+    }, [dispatch, replaceSectionItemLoader, sectionIndex, settings]);
+}
+//# sourceMappingURL=useNewSectionInsightListItemDropHandler.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionInsightListItemDropHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNewSectionInsightListItemDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionInsightListItemDropHandler.ts"],"names":[],"mappings":"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"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionInsightPlaceholderDropHandler.d.ts

@@ -0,0 +1,3 @@
+import { ILayoutSectionPath } from "../../../../types.js";
+export declare function useNewSectionInsightPlaceholderDropHandler(sectionIndex: ILayoutSectionPath): () => void;
+//# sourceMappingURL=useNewSectionInsightPlaceholderDropHandler.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionInsightPlaceholderDropHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNewSectionInsightPlaceholderDropHandler.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionInsightPlaceholderDropHandler.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,0CAA0C,CAAC,YAAY,EAAE,kBAAkB,cA6B1F"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionInsightPlaceholderDropHandler.js

@@ -0,0 +1,35 @@
+// (C) 2022-2024 GoodData Corporation
+import { useCallback } from "react";
+import { idRef } from "@gooddata/sdk-model";
+import { getInsightPlaceholderSizeInfo } from "../../../../_staging/layout/sizing.js";
+import { selectSettings, useDashboardDispatch, useDashboardSelector, useDashboardCommandProcessing, uiActions, addNestedLayoutSection, } from "../../../../model/index.js";
+import { INSIGHT_PLACEHOLDER_WIDGET_ID, newInsightPlaceholderWidget } from "../../../../widgets/index.js";
+export function useNewSectionInsightPlaceholderDropHandler(sectionIndex) {
+    const dispatch = useDashboardDispatch();
+    const settings = useDashboardSelector(selectSettings);
+    const { run: addNewSectionWithInsightPlaceholder } = useDashboardCommandProcessing({
+        commandCreator: addNestedLayoutSection,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.FLUID_LAYOUT.SECTION_ADDED",
+        onSuccess: () => {
+            dispatch(uiActions.selectWidget(idRef(INSIGHT_PLACEHOLDER_WIDGET_ID)));
+            dispatch(uiActions.setConfigurationPanelOpened(true));
+        },
+    });
+    return useCallback(() => {
+        const sizeInfo = getInsightPlaceholderSizeInfo(settings);
+        addNewSectionWithInsightPlaceholder(sectionIndex, {}, [
+            {
+                type: "IDashboardLayoutItem",
+                size: {
+                    xl: {
+                        gridHeight: sizeInfo.height.default,
+                        gridWidth: sizeInfo.width.default,
+                    },
+                },
+                widget: newInsightPlaceholderWidget(),
+            },
+        ]);
+    }, [addNewSectionWithInsightPlaceholder, sectionIndex, settings]);
+}
+//# sourceMappingURL=useNewSectionInsightPlaceholderDropHandler.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionInsightPlaceholderDropHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNewSectionInsightPlaceholderDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionInsightPlaceholderDropHandler.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AACtF,OAAO,EACH,cAAc,EACd,oBAAoB,EACpB,oBAAoB,EACpB,6BAA6B,EAC7B,SAAS,EACT,sBAAsB,GACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,6BAA6B,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAG1G,MAAM,UAAU,0CAA0C,CAAC,YAAgC;IACvF,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAEtD,MAAM,EAAE,GAAG,EAAE,mCAAmC,EAAE,GAAG,6BAA6B,CAAC;QAC/E,cAAc,EAAE,sBAAsB;QACtC,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,yCAAyC;QACvD,SAAS,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC;YACvE,QAAQ,CAAC,SAAS,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,GAAG,EAAE;QACpB,MAAM,QAAQ,GAAG,6BAA6B,CAAC,QAAQ,CAAC,CAAC;QACzD,mCAAmC,CAAC,YAAY,EAAE,EAAE,EAAE;YAClD;gBACI,IAAI,EAAE,sBAAsB;gBAC5B,IAAI,EAAE;oBACF,EAAE,EAAE;wBACA,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAQ;wBACpC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAQ;qBACrC;iBACJ;gBACD,MAAM,EAAE,2BAA2B,EAAE;aACxC;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,mCAAmC,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;AACtE,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionKpiPlaceholderDropHandler.d.ts

@@ -0,0 +1,3 @@
+import { ILayoutSectionPath } from "../../../../types.js";
+export declare function useNewSectionKpiPlaceholderDropHandler(sectionIndex: ILayoutSectionPath): () => void;
+//# sourceMappingURL=useNewSectionKpiPlaceholderDropHandler.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionKpiPlaceholderDropHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNewSectionKpiPlaceholderDropHandler.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionKpiPlaceholderDropHandler.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,sCAAsC,CAAC,YAAY,EAAE,kBAAkB,cAgCtF"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionKpiPlaceholderDropHandler.js

@@ -0,0 +1,38 @@
+// (C) 2022-2024 GoodData Corporation
+import { useCallback } from "react";
+import { idRef } from "@gooddata/sdk-model";
+import { getSizeInfo } from "../../../../_staging/layout/sizing.js";
+import { selectSettings, useDashboardDispatch, useDashboardSelector, useDashboardCommandProcessing, uiActions, addNestedLayoutSection, } from "../../../../model/index.js";
+import { KPI_PLACEHOLDER_WIDGET_ID, newKpiPlaceholderWidget } from "../../../../widgets/index.js";
+export function useNewSectionKpiPlaceholderDropHandler(sectionIndex) {
+    const dispatch = useDashboardDispatch();
+    const settings = useDashboardSelector(selectSettings);
+    const { run: addNewSectionWithKpiPlaceholder } = useDashboardCommandProcessing({
+        commandCreator: addNestedLayoutSection,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.FLUID_LAYOUT.SECTION_ADDED",
+        onSuccess: (event) => {
+            const ref = event.payload.section.items[0].widget.ref;
+            dispatch(uiActions.selectWidget(idRef(KPI_PLACEHOLDER_WIDGET_ID)));
+            dispatch(uiActions.setConfigurationPanelOpened(true));
+            dispatch(uiActions.setWidgetDateDatasetAutoSelect(true));
+            dispatch(uiActions.setWidgetLoadingAdditionalDataStarted(ref));
+        },
+    });
+    return useCallback(() => {
+        const sizeInfo = getSizeInfo(settings, "kpi");
+        addNewSectionWithKpiPlaceholder(sectionIndex, {}, [
+            {
+                type: "IDashboardLayoutItem",
+                size: {
+                    xl: {
+                        gridHeight: sizeInfo.height.default,
+                        gridWidth: sizeInfo.width.default,
+                    },
+                },
+                widget: newKpiPlaceholderWidget(),
+            },
+        ]);
+    }, [addNewSectionWithKpiPlaceholder, sectionIndex, settings]);
+}
+//# sourceMappingURL=useNewSectionKpiPlaceholderDropHandler.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionKpiPlaceholderDropHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNewSectionKpiPlaceholderDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionKpiPlaceholderDropHandler.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EACH,cAAc,EACd,oBAAoB,EACpB,oBAAoB,EACpB,6BAA6B,EAC7B,SAAS,EACT,sBAAsB,GACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAGlG,MAAM,UAAU,sCAAsC,CAAC,YAAgC;IACnF,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAEtD,MAAM,EAAE,GAAG,EAAE,+BAA+B,EAAE,GAAG,6BAA6B,CAAC;QAC3E,cAAc,EAAE,sBAAsB;QACtC,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,yCAAyC;QACvD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAO,CAAC,GAAG,CAAC;YACvD,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC;YACnE,QAAQ,CAAC,SAAS,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;YACtD,QAAQ,CAAC,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,CAAC,CAAC;YACzD,QAAQ,CAAC,SAAS,CAAC,qCAAqC,CAAC,GAAG,CAAC,CAAC,CAAC;QACnE,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,GAAG,EAAE;QACpB,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC9C,+BAA+B,CAAC,YAAY,EAAE,EAAE,EAAE;YAC9C;gBACI,IAAI,EAAE,sBAAsB;gBAC5B,IAAI,EAAE;oBACF,EAAE,EAAE;wBACA,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAQ;wBACpC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAQ;qBACrC;iBACJ;gBACD,MAAM,EAAE,uBAAuB,EAAE;aACpC;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,+BAA+B,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;AAClE,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionRichTextPlaceholderDropHandler.d.ts

@@ -0,0 +1,4 @@
+import { ILayoutSectionPath } from "../../../../types.js";
+import { BaseDraggableLayoutItemSize } from "../../../dragAndDrop/index.js";
+export declare function useNewSectionRichTextPlaceholderDropHandler(sectionIndex: ILayoutSectionPath): (itemSize: BaseDraggableLayoutItemSize) => void;
+//# sourceMappingURL=useNewSectionRichTextPlaceholderDropHandler.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionRichTextPlaceholderDropHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNewSectionRichTextPlaceholderDropHandler.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionRichTextPlaceholderDropHandler.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,wBAAgB,2CAA2C,CAAC,YAAY,EAAE,kBAAkB,cAczE,2BAA2B,UA4B7C"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionRichTextPlaceholderDropHandler.js

@@ -0,0 +1,43 @@
+// (C) 2022-2024 GoodData Corporation
+import { useCallback } from "react";
+import { useDashboardDispatch, useDashboardCommandProcessing, uiActions, addNestedLayoutSection, } from "../../../../model/index.js";
+import { idRef } from "@gooddata/sdk-model";
+import { v4 as uuidv4 } from "uuid";
+export function useNewSectionRichTextPlaceholderDropHandler(sectionIndex) {
+    const dispatch = useDashboardDispatch();
+    const { run: addNewSectionWithRichText } = useDashboardCommandProcessing({
+        commandCreator: addNestedLayoutSection,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.FLUID_LAYOUT.SECTION_ADDED",
+        onSuccess: (event) => {
+            const ref = event.payload.section.items[0].widget.ref;
+            dispatch(uiActions.selectWidget(ref));
+        },
+    });
+    return useCallback((itemSize) => {
+        const id = uuidv4();
+        addNewSectionWithRichText(sectionIndex, {}, [
+            {
+                type: "IDashboardLayoutItem",
+                size: {
+                    xl: {
+                        gridHeight: itemSize.gridHeight,
+                        gridWidth: itemSize.gridWidth,
+                    },
+                },
+                widget: {
+                    type: "richText",
+                    description: "",
+                    content: "",
+                    drills: [],
+                    ignoreDashboardFilters: [],
+                    title: "",
+                    identifier: id,
+                    ref: idRef(id),
+                    uri: `/${id}`,
+                },
+            },
+        ]);
+    }, [addNewSectionWithRichText, sectionIndex]);
+}
+//# sourceMappingURL=useNewSectionRichTextPlaceholderDropHandler.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionRichTextPlaceholderDropHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNewSectionRichTextPlaceholderDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionRichTextPlaceholderDropHandler.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EACH,oBAAoB,EACpB,6BAA6B,EAC7B,SAAS,EACT,sBAAsB,GACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAIpC,MAAM,UAAU,2CAA2C,CAAC,YAAgC;IACxF,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,EAAE,GAAG,EAAE,yBAAyB,EAAE,GAAG,6BAA6B,CAAC;QACrE,cAAc,EAAE,sBAAsB;QACtC,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,yCAAyC;QACvD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAO,CAAC,GAAG,CAAC;YACvD,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1C,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CACd,CAAC,QAAqC,EAAE,EAAE;QACtC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QAEpB,yBAAyB,CAAC,YAAY,EAAE,EAAE,EAAE;YACxC;gBACI,IAAI,EAAE,sBAAsB;gBAC5B,IAAI,EAAE;oBACF,EAAE,EAAE;wBACA,UAAU,EAAE,QAAQ,CAAC,UAAU;wBAC/B,SAAS,EAAE,QAAQ,CAAC,SAAS;qBAChC;iBACJ;gBACD,MAAM,EAAE;oBACJ,IAAI,EAAE,UAAU;oBAChB,WAAW,EAAE,EAAE;oBACf,OAAO,EAAE,EAAE;oBACX,MAAM,EAAE,EAAE;oBACV,sBAAsB,EAAE,EAAE;oBAC1B,KAAK,EAAE,EAAE;oBACT,UAAU,EAAE,EAAE;oBACd,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;oBACd,GAAG,EAAE,IAAI,EAAE,EAAE;iBAChB;aACJ;SACJ,CAAC,CAAC;IACP,CAAC,EACD,CAAC,yBAAyB,EAAE,YAAY,CAAC,CAC5C,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionVisualizationSwitcherPlaceholderDropHandler.d.ts

@@ -0,0 +1,4 @@
+import { ILayoutSectionPath } from "../../../../types.js";
+import { BaseDraggableLayoutItemSize } from "../../../dragAndDrop/index.js";
+export declare function useNewSectionVisualizationSwitcherPlaceholderDropHandler(sectionIndex: ILayoutSectionPath): (itemSize: BaseDraggableLayoutItemSize) => void;
+//# sourceMappingURL=useNewSectionVisualizationSwitcherPlaceholderDropHandler.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionVisualizationSwitcherPlaceholderDropHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNewSectionVisualizationSwitcherPlaceholderDropHandler.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionVisualizationSwitcherPlaceholderDropHandler.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,wBAAgB,wDAAwD,CAAC,YAAY,EAAE,kBAAkB,cAetF,2BAA2B,UA4B7C"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionVisualizationSwitcherPlaceholderDropHandler.js

@@ -0,0 +1,44 @@
+// (C) 2024 GoodData Corporation
+import { useCallback } from "react";
+import { v4 as uuidv4 } from "uuid";
+import { idRef } from "@gooddata/sdk-model";
+import { useDashboardDispatch, useDashboardCommandProcessing, uiActions, addNestedLayoutSection, } from "../../../../model/index.js";
+export function useNewSectionVisualizationSwitcherPlaceholderDropHandler(sectionIndex) {
+    const dispatch = useDashboardDispatch();
+    const { run: addNewSectionWithVisualizationSwitcherPlaceholder } = useDashboardCommandProcessing({
+        commandCreator: addNestedLayoutSection,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.FLUID_LAYOUT.SECTION_ADDED",
+        onSuccess: (event) => {
+            const ref = event.payload.section.items[0].widget.ref;
+            dispatch(uiActions.selectWidget(ref));
+            dispatch(uiActions.setConfigurationPanelOpened(true));
+        },
+    });
+    return useCallback((itemSize) => {
+        const id = uuidv4();
+        addNewSectionWithVisualizationSwitcherPlaceholder(sectionIndex, {}, [
+            {
+                type: "IDashboardLayoutItem",
+                size: {
+                    xl: {
+                        gridHeight: itemSize.gridHeight,
+                        gridWidth: itemSize.gridWidth,
+                    },
+                },
+                widget: {
+                    type: "visualizationSwitcher",
+                    visualizations: [],
+                    description: "",
+                    drills: [],
+                    ignoreDashboardFilters: [],
+                    title: "",
+                    identifier: id,
+                    ref: idRef(id),
+                    uri: `/${id}`,
+                },
+            },
+        ]);
+    }, [addNewSectionWithVisualizationSwitcherPlaceholder, sectionIndex]);
+}
+//# sourceMappingURL=useNewSectionVisualizationSwitcherPlaceholderDropHandler.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionVisualizationSwitcherPlaceholderDropHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNewSectionVisualizationSwitcherPlaceholderDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionVisualizationSwitcherPlaceholderDropHandler.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EACH,oBAAoB,EACpB,6BAA6B,EAC7B,SAAS,EACT,sBAAsB,GACzB,MAAM,4BAA4B,CAAC;AAIpC,MAAM,UAAU,wDAAwD,CAAC,YAAgC;IACrG,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,EAAE,GAAG,EAAE,iDAAiD,EAAE,GAAG,6BAA6B,CAAC;QAC7F,cAAc,EAAE,sBAAsB;QACtC,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,yCAAyC;QACvD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAO,CAAC,GAAG,CAAC;YACvD,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;YACtC,QAAQ,CAAC,SAAS,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CACd,CAAC,QAAqC,EAAE,EAAE;QACtC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QAEpB,iDAAiD,CAAC,YAAY,EAAE,EAAE,EAAE;YAChE;gBACI,IAAI,EAAE,sBAAsB;gBAC5B,IAAI,EAAE;oBACF,EAAE,EAAE;wBACA,UAAU,EAAE,QAAQ,CAAC,UAAU;wBAC/B,SAAS,EAAE,QAAQ,CAAC,SAAS;qBAChC;iBACJ;gBACD,MAAM,EAAE;oBACJ,IAAI,EAAE,uBAAuB;oBAC7B,cAAc,EAAE,EAAE;oBAClB,WAAW,EAAE,EAAE;oBACf,MAAM,EAAE,EAAE;oBACV,sBAAsB,EAAE,EAAE;oBAC1B,KAAK,EAAE,EAAE;oBACT,UAAU,EAAE,EAAE;oBACd,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;oBACd,GAAG,EAAE,IAAI,EAAE,EAAE;iBAChB;aACJ;SACJ,CAAC,CAAC;IACP,CAAC,EACD,CAAC,iDAAiD,EAAE,YAAY,CAAC,CACpE,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useRichTextPlaceholderDropHandler.d.ts

@@ -0,0 +1,4 @@
+import { ILayoutItemPath } from "../../../../types.js";
+import { BaseDraggableLayoutItemSize } from "../../../dragAndDrop/index.js";
+export declare function useRichTextPlaceholderDropHandler(layoutPath: ILayoutItemPath): (itemSize: BaseDraggableLayoutItemSize) => void;
+//# sourceMappingURL=useRichTextPlaceholderDropHandler.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useRichTextPlaceholderDropHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRichTextPlaceholderDropHandler.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useRichTextPlaceholderDropHandler.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,wBAAgB,iCAAiC,CAAC,UAAU,EAAE,eAAe,cAc1D,2BAA2B,UA0B7C"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useRichTextPlaceholderDropHandler.js

@@ -0,0 +1,41 @@
+// (C) 2022-2024 GoodData Corporation
+import { useCallback } from "react";
+import { addNestedLayoutSectionItem, uiActions, useDashboardCommandProcessing, useDashboardDispatch, } from "../../../../model/index.js";
+import { idRef } from "@gooddata/sdk-model";
+import { v4 as uuidv4 } from "uuid";
+export function useRichTextPlaceholderDropHandler(layoutPath) {
+    const dispatch = useDashboardDispatch();
+    const { run: createRichText } = useDashboardCommandProcessing({
+        commandCreator: addNestedLayoutSectionItem,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.FLUID_LAYOUT.ITEMS_ADDED",
+        onSuccess: (event) => {
+            const ref = event.payload.itemsAdded[0].widget.ref;
+            dispatch(uiActions.selectWidget(ref));
+        },
+    });
+    return useCallback((itemSize) => {
+        const id = uuidv4();
+        createRichText(layoutPath, {
+            type: "IDashboardLayoutItem",
+            size: {
+                xl: {
+                    gridHeight: itemSize.gridHeight,
+                    gridWidth: itemSize.gridWidth,
+                },
+            },
+            widget: {
+                type: "richText",
+                description: "",
+                content: "",
+                drills: [],
+                ignoreDashboardFilters: [],
+                title: "",
+                identifier: id,
+                ref: idRef(id),
+                uri: `/${id}`,
+            },
+        });
+    }, [createRichText, layoutPath]);
+}
+//# sourceMappingURL=useRichTextPlaceholderDropHandler.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useRichTextPlaceholderDropHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRichTextPlaceholderDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useRichTextPlaceholderDropHandler.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EACH,0BAA0B,EAC1B,SAAS,EACT,6BAA6B,EAC7B,oBAAoB,GACvB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAIpC,MAAM,UAAU,iCAAiC,CAAC,UAA2B;IACzE,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,6BAA6B,CAAC;QAC1D,cAAc,EAAE,0BAA0B;QAC1C,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,uCAAuC;QACrD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAO,CAAC,GAAG,CAAC;YACpD,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1C,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CACd,CAAC,QAAqC,EAAE,EAAE;QACtC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QAEpB,cAAc,CAAC,UAAU,EAAE;YACvB,IAAI,EAAE,sBAAsB;YAC5B,IAAI,EAAE;gBACF,EAAE,EAAE;oBACA,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,SAAS,EAAE,QAAQ,CAAC,SAAS;iBAChC;aACJ;YACD,MAAM,EAAE;gBACJ,IAAI,EAAE,UAAU;gBAChB,WAAW,EAAE,EAAE;gBACf,OAAO,EAAE,EAAE;gBACX,MAAM,EAAE,EAAE;gBACV,sBAAsB,EAAE,EAAE;gBAC1B,KAAK,EAAE,EAAE;gBACT,UAAU,EAAE,EAAE;gBACd,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;gBACd,GAAG,EAAE,IAAI,EAAE,EAAE;aAChB;SACJ,CAAC,CAAC;IACP,CAAC,EACD,CAAC,cAAc,EAAE,UAAU,CAAC,CAC/B,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useVisualizationSwitcherPlaceholderDropHandler.d.ts

@@ -0,0 +1,4 @@
+import { ILayoutItemPath } from "../../../../types.js";
+import { BaseDraggableLayoutItemSize } from "../../../dragAndDrop/index.js";
+export declare function useVisualizationSwitcherPlaceholderDropHandler(layoutPath: ILayoutItemPath): (itemSize: BaseDraggableLayoutItemSize) => void;
+//# sourceMappingURL=useVisualizationSwitcherPlaceholderDropHandler.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useVisualizationSwitcherPlaceholderDropHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisualizationSwitcherPlaceholderDropHandler.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useVisualizationSwitcherPlaceholderDropHandler.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,wBAAgB,8CAA8C,CAAC,UAAU,EAAE,eAAe,cAevE,2BAA2B,UA0B7C"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useVisualizationSwitcherPlaceholderDropHandler.js

@@ -0,0 +1,42 @@
+// (C) 2024 GoodData Corporation
+import { useCallback } from "react";
+import { v4 as uuidv4 } from "uuid";
+import { idRef } from "@gooddata/sdk-model";
+import { addNestedLayoutSectionItem, uiActions, useDashboardCommandProcessing, useDashboardDispatch, } from "../../../../model/index.js";
+export function useVisualizationSwitcherPlaceholderDropHandler(layoutPath) {
+    const dispatch = useDashboardDispatch();
+    const { run: createVisualizationSwitcher } = useDashboardCommandProcessing({
+        commandCreator: addNestedLayoutSectionItem,
+        errorEvent: "GDC.DASH/EVT.COMMAND.FAILED",
+        successEvent: "GDC.DASH/EVT.FLUID_LAYOUT.ITEMS_ADDED",
+        onSuccess: (event) => {
+            const ref = event.payload.itemsAdded[0].widget.ref;
+            dispatch(uiActions.selectWidget(ref));
+            dispatch(uiActions.setConfigurationPanelOpened(true));
+        },
+    });
+    return useCallback((itemSize) => {
+        const id = uuidv4();
+        createVisualizationSwitcher(layoutPath, {
+            type: "IDashboardLayoutItem",
+            size: {
+                xl: {
+                    gridHeight: itemSize.gridHeight,
+                    gridWidth: itemSize.gridWidth,
+                },
+            },
+            widget: {
+                type: "visualizationSwitcher",
+                visualizations: [],
+                description: "",
+                drills: [],
+                ignoreDashboardFilters: [],
+                title: "",
+                identifier: id,
+                ref: idRef(id),
+                uri: `/${id}`,
+            },
+        });
+    }, [createVisualizationSwitcher, layoutPath]);
+}
+//# sourceMappingURL=useVisualizationSwitcherPlaceholderDropHandler.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useVisualizationSwitcherPlaceholderDropHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisualizationSwitcherPlaceholderDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useVisualizationSwitcherPlaceholderDropHandler.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EACH,0BAA0B,EAC1B,SAAS,EACT,6BAA6B,EAC7B,oBAAoB,GACvB,MAAM,4BAA4B,CAAC;AAIpC,MAAM,UAAU,8CAA8C,CAAC,UAA2B;IACtF,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,EAAE,GAAG,EAAE,2BAA2B,EAAE,GAAG,6BAA6B,CAAC;QACvE,cAAc,EAAE,0BAA0B;QAC1C,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,uCAAuC;QACrD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAO,CAAC,GAAG,CAAC;YACpD,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;YACtC,QAAQ,CAAC,SAAS,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CACd,CAAC,QAAqC,EAAE,EAAE;QACtC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QAEpB,2BAA2B,CAAC,UAAU,EAAE;YACpC,IAAI,EAAE,sBAAsB;YAC5B,IAAI,EAAE;gBACF,EAAE,EAAE;oBACA,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,SAAS,EAAE,QAAQ,CAAC,SAAS;iBAChC;aACJ;YACD,MAAM,EAAE;gBACJ,IAAI,EAAE,uBAAuB;gBAC7B,cAAc,EAAE,EAAE;gBAClB,WAAW,EAAE,EAAE;gBACf,MAAM,EAAE,EAAE;gBACV,sBAAsB,EAAE,EAAE;gBAC1B,KAAK,EAAE,EAAE;gBACT,UAAU,EAAE,EAAE;gBACd,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;gBACd,GAAG,EAAE,IAAI,EAAE,EAAE;aAChB;SACJ,CAAC,CAAC;IACP,CAAC,EACD,CAAC,2BAA2B,EAAE,UAAU,CAAC,CAC5C,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useWidgetDragHoverHandlers.d.ts

@@ -0,0 +1,9 @@
+import { ILayoutItemPath } from "../../../../types.js";
+/**
+ * @internal
+ */
+export declare function useWidgetDragHoverHandlers(): {
+    handleDragHoverStart: (coordinations: ILayoutItemPath) => void;
+    handleDragHoverEnd: () => void;
+};
+//# sourceMappingURL=useWidgetDragHoverHandlers.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useWidgetDragHoverHandlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetDragHoverHandlers.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useWidgetDragHoverHandlers.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;GAEG;AACH,wBAAgB,0BAA0B;;;EAezC"}

package/esm/presentation/{dragAndDrop → flexibleLayout/dragAndDrop}/draggableWidget/useWidgetDragHoverHandlers.js

@@ -1,6 +1,6 @@
-// (C) 2022 GoodData Corporation
+// (C) 2022-2024 GoodData Corporation
 import { useCallback } from "react";
-import { uiActions, useDashboardDispatch } from "../../../model/index.js";
+import { uiActions, useDashboardDispatch } from "../../../../model/index.js";
 /**
  * @internal
  */

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useWidgetDragHoverHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetDragHoverHandlers.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useWidgetDragHoverHandlers.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAG7E;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,oBAAoB,GAAG,WAAW,CACpC,CAAC,aAA8B,EAAE,EAAE;QAC/B,QAAQ,CAAC,SAAS,CAAC,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC;IAC/D,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,QAAQ,CAAC,SAAS,CAAC,yBAAyB,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAC;AACxD,CAAC"}

package/esm/presentation/flexibleLayout/refs.d.ts

@@ -1,5 +1,5 @@
 import { ObjRef } from "@gooddata/sdk-model";
-import { IDashboardLayoutSectionFacade, IDashboardLayoutItemFacade } from "../../_staging/dashboard/fluidLayout/index.js";
+import { IDashboardLayoutSectionFacade, IDashboardLayoutItemFacade } from "../../_staging/dashboard/flexibleLayout/index.js";
 export declare function getRefsForSection(section: IDashboardLayoutSectionFacade<unknown>): (ObjRef | undefined)[];
 export declare function getRefsForItem(item: IDashboardLayoutItemFacade<unknown>): (ObjRef | undefined)[];
 //# sourceMappingURL=refs.d.ts.map

package/esm/presentation/flexibleLayout/refs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/refs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EACH,6BAA6B,EAC7B,0BAA0B,EAC7B,MAAM,+CAA+C,CAAC;AAEvD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,6BAA6B,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAEzG;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,0BAA0B,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAEhG"}
+{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/refs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EACH,6BAA6B,EAC7B,0BAA0B,EAC7B,MAAM,kDAAkD,CAAC;AAE1D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,6BAA6B,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAEzG;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,0BAA0B,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAEhG"}

package/esm/presentation/kpiDeleteDialog/DefaultKpiDeleteDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultKpiDeleteDialog.d.ts","sourceRoot":"","sources":["../../../src/presentation/kpiDeleteDialog/DefaultKpiDeleteDialog.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAWnD;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,qBAAqB,CAwB/D;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,UAAW,qBAAqB,KAAG,WAAW,GAAG,IAwBnF,CAAC"}
+{"version":3,"file":"DefaultKpiDeleteDialog.d.ts","sourceRoot":"","sources":["../../../src/presentation/kpiDeleteDialog/DefaultKpiDeleteDialog.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAWnD;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,qBAAqB,CAoB/D;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,UAAW,qBAAqB,KAAG,WAAW,GAAG,IAwBnF,CAAC"}

package/esm/presentation/kpiDeleteDialog/DefaultKpiDeleteDialog.js

@@ -1,18 +1,22 @@
-// (C) 2022 GoodData Corporation
+// (C) 2022-2024 GoodData Corporation
 import React, { useCallback } from "react";
 import { ConfirmDialog, Typography } from "@gooddata/sdk-ui-kit";
 import { FormattedMessage, useIntl } from "react-intl";
-import { dispatchAndWaitFor, eagerRemoveSectionItem, selectIsKpiDeleteDialogOpen, selectKpiDeleteDialogWidgetCoordinates, uiActions, useDashboardDispatch, useDashboardSelector, } from "../../model/index.js";
+import { dispatchAndWaitFor, eagerRemoveNestedLayoutSectionItem, selectIsKpiDeleteDialogOpen, selectKpiDeleteDialogWidgetLayoutPath, uiActions, useDashboardDispatch, useDashboardSelector, } from "../../model/index.js";
 /**
  * @internal
  */
 export function useKpiDeleteDialogProps() {
     const dispatch = useDashboardDispatch();
-    const coordinates = useDashboardSelector(selectKpiDeleteDialogWidgetCoordinates);
+    const layoutPath = useDashboardSelector(selectKpiDeleteDialogWidgetLayoutPath);
     const onCancel = useCallback(() => dispatch(uiActions.closeKpiDeleteDialog()), [dispatch]);
-    const onDelete = useCallback(() => dispatchAndWaitFor(dispatch, eagerRemoveSectionItem(coordinates.sectionIndex, coordinates.itemIndex)).finally(() => {
-        dispatch(uiActions.closeKpiDeleteDialog());
-    }), [coordinates, dispatch]);
+    const onDelete = useCallback(() => {
+        if (layoutPath !== undefined) {
+            dispatchAndWaitFor(dispatch, eagerRemoveNestedLayoutSectionItem(layoutPath)).finally(() => {
+                dispatch(uiActions.closeKpiDeleteDialog());
+            });
+        }
+    }, [layoutPath, dispatch]);
     const isVisible = useDashboardSelector(selectIsKpiDeleteDialogOpen);
     return {
         isVisible,

package/esm/presentation/kpiDeleteDialog/DefaultKpiDeleteDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultKpiDeleteDialog.js","sourceRoot":"","sources":["../../../src/presentation/kpiDeleteDialog/DefaultKpiDeleteDialog.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EACH,kBAAkB,EAClB,sBAAsB,EACtB,2BAA2B,EAC3B,sCAAsC,EACtC,SAAS,EACT,oBAAoB,EACpB,oBAAoB,GACvB,MAAM,sBAAsB,CAAC;AAE9B;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IACxC,MAAM,WAAW,GAAG,oBAAoB,CAAC,sCAAsC,CAAC,CAAC;IAEjF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,oBAAoB,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE3F,MAAM,QAAQ,GAAG,WAAW,CACxB,GAAG,EAAE,CACD,kBAAkB,CACd,QAAQ,EACR,sBAAsB,CAAC,WAAY,CAAC,YAAY,EAAE,WAAY,CAAC,SAAS,CAAC,CAC5E,CAAC,OAAO,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,SAAS,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAC/C,CAAC,CAAC,EACN,CAAC,WAAW,EAAE,QAAQ,CAAC,CAC1B,CAAC;IAEF,MAAM,SAAS,GAAG,oBAAoB,CAAC,2BAA2B,CAAC,CAAC;IAEpE,OAAO;QACH,SAAS;QACT,QAAQ;QACR,QAAQ;KACX,CAAC;AACN,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAA4B,EAAsB,EAAE;IACvF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,oBAAC,aAAa,IACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,KAAK,EACjB,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,sCAAsC,EAAE,CAAC,EAC5E,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EACtD,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,8CAA8C,EAAE,CAAC;QAE5F,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG;YACnB,oBAAC,gBAAgB,IAAC,EAAE,EAAC,qCAAqC,GAAG,CACpD,CACD,CACnB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"DefaultKpiDeleteDialog.js","sourceRoot":"","sources":["../../../src/presentation/kpiDeleteDialog/DefaultKpiDeleteDialog.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EACH,kBAAkB,EAClB,kCAAkC,EAClC,2BAA2B,EAC3B,qCAAqC,EACrC,SAAS,EACT,oBAAoB,EACpB,oBAAoB,GACvB,MAAM,sBAAsB,CAAC;AAE9B;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IACxC,MAAM,UAAU,GAAG,oBAAoB,CAAC,qCAAqC,CAAC,CAAC;IAC/E,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,oBAAoB,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE3F,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YAC3B,kBAAkB,CAAC,QAAQ,EAAE,kCAAkC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACtF,QAAQ,CAAC,SAAS,CAAC,oBAAoB,EAAE,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,oBAAoB,CAAC,2BAA2B,CAAC,CAAC;IAEpE,OAAO;QACH,SAAS;QACT,QAAQ;QACR,QAAQ;KACX,CAAC;AACN,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAA4B,EAAsB,EAAE;IACvF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,oBAAC,aAAa,IACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,KAAK,EACjB,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,sCAAsC,EAAE,CAAC,EAC5E,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EACtD,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,8CAA8C,EAAE,CAAC;QAE5F,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG;YACnB,oBAAC,gBAAgB,IAAC,EAAE,EAAC,qCAAqC,GAAG,CACpD,CACD,CACnB,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/layout/DashboardItemOverlay/DashboardItemOverlayController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { IDashboardLayoutSectionFacade } from "../../../_staging/dashboard/fluidLayout/index.js";
+import { IDashboardLayoutSectionFacade } from "../../../_staging/dashboard/legacyFluidLayout/index.js";
 interface IDashboardLayoutSectionOverlayControllerProps {
     section: IDashboardLayoutSectionFacade<unknown>;
 }

package/esm/presentation/layout/DashboardItemOverlay/DashboardItemOverlayController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardItemOverlayController.d.ts","sourceRoot":"","sources":["../../../../src/presentation/layout/DashboardItemOverlay/DashboardItemOverlayController.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kDAAkD,CAAC;AAIjG,UAAU,6CAA6C;IACnD,OAAO,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,uCAAuC,EAAE,KAAK,CAAC,EAAE,CAC1D,6CAA6C,CAuBhD,CAAC"}
+{"version":3,"file":"DashboardItemOverlayController.d.ts","sourceRoot":"","sources":["../../../../src/presentation/layout/DashboardItemOverlay/DashboardItemOverlayController.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,wDAAwD,CAAC;AAIvG,UAAU,6CAA6C;IACnD,OAAO,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,uCAAuC,EAAE,KAAK,CAAC,EAAE,CAC1D,6CAA6C,CAuBhD,CAAC"}

package/esm/presentation/layout/DashboardItemOverlay/DashboardItemOverlayController.js

@@ -1,4 +1,4 @@
-// (C) 2022-2023 GoodData Corporation
+// (C) 2022-2024 GoodData Corporation
 import React from "react";
 import { useDashboardSelector, useDashboardDispatch, selectWidgetsOverlayState, selectSectionModification, uiActions, } from "../../../model/index.js";
 import { getRefsForSection } from "../refs.js";

package/esm/presentation/layout/DashboardLayoutWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutWidget.d.ts","sourceRoot":"","sources":["../../../src/presentation/layout/DashboardLayoutWidget.tsx"],"names":[],"mappings":"AAiBA,OAAO,EACH,uBAAuB,EAe1B,MAAM,sBAAsB,CAAC;AAgB9B,OAAO,EAAmB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,OAAO,EAGH,8BAA8B,EACjC,MAAM,2CAA2C,CAAC;AAgCnD;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,8BAA8B,CAC9D,uBAAuB,EACvB,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,SAAS,GAAG,iBAAiB,CAAC,CAqKzE,CAAC"}
+{"version":3,"file":"DashboardLayoutWidget.d.ts","sourceRoot":"","sources":["../../../src/presentation/layout/DashboardLayoutWidget.tsx"],"names":[],"mappings":"AAiBA,OAAO,EACH,uBAAuB,EAe1B,MAAM,sBAAsB,CAAC;AAa9B,OAAO,EAAmB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,OAAO,EAGH,8BAA8B,EACjC,MAAM,2CAA2C,CAAC;AAmCnD;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,8BAA8B,CAC9D,uBAAuB,EACvB,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,SAAS,GAAG,iBAAiB,CAAC,CAqKzE,CAAC"}

package/esm/presentation/layout/DashboardLayoutWidget.js

@@ -8,12 +8,15 @@ import { isAnyPlaceholderWidget, isPlaceholderWidget } from "../../widgets/index
 import { getSizeInfo, calculateWidgetMinHeight } from "../../_staging/layout/sizing.js";
 import { getLayoutCoordinates } from "../../_staging/layout/coordinates.js";
 import { useDashboardComponentsContext } from "../dashboardContexts/index.js";
-import { Hotspot, ResizeOverlay, useDashboardDrag, useResizeItemStatus, useWidgetDragEndHandler, WidthResizerHotspot, } from "../dragAndDrop/index.js";
+import { useDashboardDrag, useResizeItemStatus, useWidgetDragEndHandler, } from "../dragAndDrop/index.js";
 import { DashboardWidget } from "../widget/index.js";
 import { DEFAULT_COLUMN_CLIENT_WIDTH, DEFAULT_WIDTH_RESIZER_HEIGHT } from "./constants.js";
 import { getDashboardLayoutItemHeightForRatioAndScreen, } from "./DefaultDashboardLayoutRenderer/index.js";
 import { DashboardItemOverlay } from "./DashboardItemOverlay/DashboardItemOverlay.js";
 import { getRefsForSection, getRefsForItem } from "./refs.js";
+import { ResizeOverlay } from "./dragAndDrop/Resize/ResizeOverlay.js";
+import { WidthResizerHotspot } from "./dragAndDrop/Resize/WidthResizerHotspot.js";
+import { Hotspot } from "./dragAndDrop/draggableWidget/Hotspot.js";
 /**
  * Tests in KD require widget index for css selectors.
  * Widget index equals to the widget order in the layout.
@@ -151,7 +154,7 @@ function createDraggableItem(item, insights, settings) {
     }
     else if (isInsightWidget(widget)) {
         const insight = insights.get(widget.insight);
-        const sizeInfo = getSizeInfo(settings, "kpi", insight); // TODO INE: "kpi"???
+        const sizeInfo = getSizeInfo(settings, "insight", insight);
         return {
             type: "insight",
             insight,