@gooddata/sdk-ui-dashboard 11.54.0-alpha.4 → 11.54.0-alpha.5

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutMocks.js

@@ -0,0 +1,95 @@
+// (C) 2007-2026 GoodData Corporation
+import { idRef } from "@gooddata/sdk-model";
+import { newInsight } from "../../../../_staging/insight/insightBuilder.js";
+import { DropZoneType, WidgetPosition } from "./LayoutTypes.js";
+export const widgetMock = () => (ref) => {
+    return {
+        type: "widget",
+        ref,
+    };
+};
+export const widgetDropzoneMock = (visType = "bar", isInitialDropzone = false, position = WidgetPosition.next) => (ref) => {
+    return {
+        type: "widgetDropzone",
+        dragZoneWidget: {
+            dropzone: {
+                ref,
+                widgetType: "insight",
+                content: newInsight(`local:${visType}`, (m) => m.title("Some vis").uri("gdc/some/vis")),
+                isInitialDropzone,
+                position,
+            },
+        },
+        ref,
+    };
+};
+export const widgetDropzoneHotspotMock = (widgetRef, dropZoneType = DropZoneType.next) => (ref) => {
+    return {
+        type: "widgetDropzoneHotspot",
+        dropZoneType,
+        ref,
+        widgetRef,
+    };
+};
+export const widgetKpiPlaceholderMock = () => (ref) => {
+    return {
+        type: "widgetKpiPlaceholder",
+        ref,
+    };
+};
+export const widgetNewInsightPlaceholderMock = () => (ref) => {
+    return {
+        type: "widgetNewInsightPlaceholder",
+        ref,
+    };
+};
+export const rowMock = (contentGeneratorColumnWidthAndHeightAsRatioTuples, title, description, isDropzone) => {
+    return {
+        contentGeneratorColumnWidthAndHeightAsRatioTuples,
+        title,
+        description,
+        isDropzone,
+    };
+};
+export const getWidgetMockRef = (itemIndex, sectionIndex) => idRef(`widget_${itemIndex}_row_${sectionIndex}`);
+export const layoutMock = (rowMocks) => {
+    const emptyLayout = {
+        type: "IDashboardLayout",
+        sections: [],
+    };
+    return rowMocks.reduce((acc, rowMock, sectionIndex) => {
+        const rowId = `row_${sectionIndex}`;
+        if (!acc.sections[sectionIndex]) {
+            acc.sections[sectionIndex] = {
+                type: "IDashboardLayoutSection",
+                items: [],
+                ...(rowMock.title || rowMock.description
+                    ? {
+                        header: {
+                            title: rowMock.title,
+                            description: rowMock.description,
+                        },
+                    }
+                    : {}),
+            };
+        }
+        return rowMock.contentGeneratorColumnWidthAndHeightAsRatioTuples.reduce((acc2, [contentGenerator, gridWidth = 12, heightAsRatio = undefined], itemIndex) => {
+            const widgetRef = getWidgetMockRef(itemIndex, sectionIndex);
+            const widget = contentGenerator(widgetRef, rowId);
+            const item = {
+                type: "IDashboardLayoutItem",
+                size: {
+                    xl: {
+                        gridWidth,
+                    },
+                },
+                widget,
+            };
+            if (heightAsRatio) {
+                item.size.xl.heightAsRatio = heightAsRatio;
+            }
+            acc2.sections[sectionIndex].items[itemIndex] = item;
+            return acc2;
+        }, acc);
+    }, emptyLayout);
+};

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutRowRenderer.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+import { type ScreenSize } from "@gooddata/sdk-model";
+import { type IDashboardLayoutItemFacade, type IDashboardLayoutSectionFacade } from "../../../../_staging/dashboard/flexibleLayout/facade/interfaces.js";
+import { type IDashboardEditLayoutContent } from "./DashboardEditLayoutTypes.js";
+export interface IDashboardEditLayoutRowRendererOwnProps {
+    layoutItems: IDashboardLayoutItemFacade<IDashboardEditLayoutContent>[];
+    screen: ScreenSize;
+    section: IDashboardLayoutSectionFacade<IDashboardEditLayoutContent>;
+    children?: ReactNode;
+}
+export type IDashboardEditLayoutRowRendererProps = IDashboardEditLayoutRowRendererOwnProps;
+export declare function RenderDashboardEditLayoutRowRenderer({ children }: IDashboardEditLayoutRowRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare const DashboardEditLayoutRowRenderer: typeof RenderDashboardEditLayoutRowRenderer;
+//# sourceMappingURL=DashboardEditLayoutRowRenderer.d.ts.map

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutRowRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditLayoutRowRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutRowRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EACH,KAAK,0BAA0B,EAC/B,KAAK,6BAA6B,EACrC,MAAM,oEAAoE,CAAC;AAE5E,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAEjF,MAAM,WAAW,uCAAuC;IACpD,WAAW,EAAE,0BAA0B,CAAC,2BAA2B,CAAC,EAAE,CAAC;IACvE,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,6BAA6B,CAAC,2BAA2B,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,oCAAoC,GAAG,uCAAuC,CAAC;AAE3F,wBAAgB,oCAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,oCAAoC,2CAQtG;AAED,eAAO,MAAM,8BAA8B,6CAAuC,CAAC"}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutRowRenderer.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { Fragment, useRef } from "react";
+export function RenderDashboardEditLayoutRowRenderer({ children }) {
+    const rowId = "rowId";
+    const contentRef = useRef(null);
+    return (_jsx("div", { ref: contentRef, className: "gd-fluid-layout-row s-gd-fluid-layout-row", children: _jsx(Fragment, { children: children }) }, rowId));
+}
+export const DashboardEditLayoutRowRenderer = RenderDashboardEditLayoutRowRenderer;

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionBorder.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+export type DashboardEditLayoutSectionBorderStatus = "active" | "muted" | "invisible";
+interface IDashboardEditLayoutSectionBorderProps {
+    children?: ReactNode;
+    status: DashboardEditLayoutSectionBorderStatus;
+}
+export declare function DashboardEditLayoutSectionBorder(props: IDashboardEditLayoutSectionBorderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DashboardEditLayoutSectionBorder.d.ts.map

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionBorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditLayoutSectionBorder.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionBorder.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,sCAAsC,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;AAEtF,UAAU,sCAAsC;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,sCAAsC,CAAC;CAClD;AAED,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,sCAAsC,2CA0B7F"}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionBorder.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2019-2026 GoodData Corporation
+import { Fragment } from "react";
+import cx from "classnames";
+import { DashboardEditLayoutSectionBorderMarker } from "./DashboardEditLayoutSectionBorderMarker.js";
+export function DashboardEditLayoutSectionBorder(props) {
+    return (_jsxs(Fragment, { children: [
+            _jsxs("div", { className: classNames("top", props.status), children: [
+                    _jsx(DashboardEditLayoutSectionBorderMarker, { className: "gd-fluidlayout-row-separator-icon gd-fluidlayout-row-separator-icon-left", active: props.status === "active" }), _jsx(DashboardEditLayoutSectionBorderMarker, { className: "gd-fluidlayout-row-separator-icon gd-fluidlayout-row-separator-icon-right", active: props.status === "active" })
+                ] }), props.children, _jsxs("div", { className: classNames("bottom", props.status), children: [
+                    _jsx(DashboardEditLayoutSectionBorderMarker, { className: "gd-fluidlayout-row-separator-icon gd-fluidlayout-row-separator-icon-left", active: props.status === "active" }), _jsx(DashboardEditLayoutSectionBorderMarker, { className: "gd-fluidlayout-row-separator-icon gd-fluidlayout-row-separator-icon-right", active: props.status === "active" })
+                ] })
+        ] }));
+}
+function classNames(position, status) {
+    return cx("gd-fluidlayout-row-separator", "s-fluidlayout-row-separator", position, status);
+}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionBorderMarker.d.ts

@@ -0,0 +1,6 @@
+export interface IDashboardEditLayoutSectionBorderMarkerProps {
+    active?: boolean;
+    className?: string;
+}
+export declare function DashboardEditLayoutSectionBorderMarker({ active, className }: IDashboardEditLayoutSectionBorderMarkerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardEditLayoutSectionBorderMarker.d.ts.map

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionBorderMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditLayoutSectionBorderMarker.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionBorderMarker.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,4CAA4C;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,sCAAsC,CAAC,EACnD,MAAM,EACN,SAAS,EACZ,EAAE,4CAA4C,2CAsB9C"}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionBorderMarker.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2020-2026 GoodData Corporation
+import { GD_COLOR_HIGHLIGHT, GD_COLOR_WHITE, INFO_TEXT_COLOR } from "@gooddata/sdk-ui-kit";
+export function DashboardEditLayoutSectionBorderMarker({ active, className, }) {
+    const background = active ? `var(--gd-palette-primary-base, ${GD_COLOR_HIGHLIGHT})` : "#E6E6E6";
+    const color = active ? GD_COLOR_WHITE : INFO_TEXT_COLOR;
+    return (_jsx("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", className: className, children: _jsxs("g", { fill: "none", fillRule: "evenodd", children: [
+                _jsx("circle", { cx: "10", cy: "10", r: "10", fill: background }), _jsx("path", { d: "M6.5 9.5H14c.2761424 0 .5.22385763.5.5 0 .2761424-.2238576.5-.5.5H6.5V14c0 .2761424-.22385763.5-.5.5-.27614237 0-.5-.2238576-.5-.5V6c0-.27614237.22385763-.5.5-.5.27614237 0 .5.22385763.5.5v3.5z", fill: color, fillRule: "nonzero" })
+            ] }) }));
+}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionHeader.d.ts

@@ -0,0 +1,9 @@
+export interface IDashboardEditLayoutSectionHeaderOwnProps {
+    title: string;
+    description: string;
+    rowId: string;
+}
+export type IDashboardEditLayoutSectionHeaderProps = IDashboardEditLayoutSectionHeaderOwnProps;
+export declare function RenderDashboardEditLayoutSectionHeader({ description, title }: IDashboardEditLayoutSectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const DashboardEditLayoutSectionHeader: typeof RenderDashboardEditLayoutSectionHeader;
+//# sourceMappingURL=DashboardEditLayoutSectionHeader.d.ts.map

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditLayoutSectionHeader.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionHeader.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,yCAAyC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,sCAAsC,GAAG,yCAAyC,CAAC;AAE/F,wBAAgB,sCAAsC,CAAC,EACnD,WAAW,EACX,KAAK,EACR,EAAE,sCAAsC,2CAexC;AAED,eAAO,MAAM,gCAAgC,+CAAyC,CAAC"}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionHeader.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2019-2026 GoodData Corporation
+import { DashboardLayoutEditSectionHeader } from "../../DefaultDashboardLayoutRenderer/DashboardLayoutEditSectionHeader.js";
+export function RenderDashboardEditLayoutSectionHeader({ description, title, }) {
+    const isDashboardEditing = true;
+    return (_jsx(DashboardLayoutEditSectionHeader
+    // @ts-expect-error this is weird, who did this?
+    , { 
+        // @ts-expect-error this is weird, who did this?
+        title: title, description: description, renderHeader: isDashboardEditing
+            ? "<SectionHeaderEditable title={title} description={description} rowId={rowId} />"
+            : null }));
+}
+export const DashboardEditLayoutSectionHeader = RenderDashboardEditLayoutSectionHeader;

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionHeaderRenderer.d.ts

@@ -0,0 +1,8 @@
+import { type IDashboardLayoutSectionHeaderRenderProps } from "../../DefaultDashboardLayoutRenderer/interfaces.js";
+import { type IDashboardEditLayoutContent } from "./DashboardEditLayoutTypes.js";
+type IDashboardLayoutSectionHeaderRendererOwnProps = IDashboardLayoutSectionHeaderRenderProps<IDashboardEditLayoutContent>;
+type IDashboardLayoutSectionHeaderRendererProps = IDashboardLayoutSectionHeaderRendererOwnProps;
+export declare function RenderDashboardEditLayoutSectionHeaderRenderer(props: IDashboardLayoutSectionHeaderRendererProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const DashboardEditLayoutSectionHeaderRenderer: typeof RenderDashboardEditLayoutSectionHeaderRenderer;
+export {};
+//# sourceMappingURL=DashboardEditLayoutSectionHeaderRenderer.d.ts.map

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionHeaderRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditLayoutSectionHeaderRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionHeaderRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,wCAAwC,EAAE,MAAM,oDAAoD,CAAC;AAGnH,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAEjF,KAAK,6CAA6C,GAC9C,wCAAwC,CAAC,2BAA2B,CAAC,CAAC;AAE1E,KAAK,0CAA0C,GAAG,6CAA6C,CAAC;AAkChG,wBAAgB,8CAA8C,CAC1D,KAAK,EAAE,0CAA0C,kDA+BpD;AAED,eAAO,MAAM,wCAAwC,uDAAiD,CAAC"}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionHeaderRenderer.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DashboardLayoutItemViewRenderer } from "../../DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.js";
+import { DashboardEditLayoutSectionHeader } from "./DashboardEditLayoutSectionHeader.js";
+const emptyItemFacadeWithFullSize = {
+    ref: () => undefined,
+    index: () => [{ sectionIndex: 0, itemIndex: 0 }],
+    raw: () => null,
+    widget: () => null,
+    section: () => undefined,
+    size: () => ({ xl: { gridWidth: 12 } }),
+    sizeForScreen: () => ({ gridWidth: 12 }),
+    isLastInSection: () => true,
+    isLastInRow: (_screen) => true,
+    widgetEquals: () => false,
+    widgetIs: () => false,
+    isEmpty: () => false,
+    hasSizeForScreen: () => false,
+    indexIs: () => false,
+    isFirstInSection: () => true,
+    test: () => false,
+    testRaw: () => false,
+    isCustomItem: () => false,
+    isInsightWidgetDefinitionItem: () => false,
+    isInsightWidgetItem: () => false,
+    isKpiWidgetDefinitionItem: () => false,
+    isKpiWidgetItem: () => false,
+    isLayoutItem: () => false,
+    isWidgetDefinitionItem: () => false,
+    isWidgetItem: () => false,
+    isWidgetItemWithInsightRef: () => false,
+    isWidgetItemWithKpiRef: () => false,
+    isWidgetItemWithRef: () => false,
+    sizeForScreenWithFallback: (_screen) => undefined,
+};
+export function RenderDashboardEditLayoutSectionHeaderRenderer(props) {
+    const { section, DefaultSectionHeaderRenderer } = props;
+    const rowId = "rowId";
+    const hasJustOneDropZone = false;
+    const isDashboardEditing = true; // TODO state?
+    const header = section.header();
+    if (hasJustOneDropZone) {
+        return null;
+    }
+    if (isDashboardEditing) {
+        return (_jsx(DashboardLayoutItemViewRenderer, { DefaultItemRenderer: DashboardLayoutItemViewRenderer, item: emptyItemFacadeWithFullSize, rowIndex: 0, children: _jsx(DashboardEditLayoutSectionHeader, { title: header?.title || "", description: header?.description || "", rowId: rowId }) }));
+    }
+    return _jsx(DefaultSectionHeaderRenderer, { ...props });
+}
+export const DashboardEditLayoutSectionHeaderRenderer = RenderDashboardEditLayoutSectionHeaderRenderer;

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionRenderer.d.ts

@@ -0,0 +1,7 @@
+import { type IDashboardLayoutSectionRenderProps } from "../../DefaultDashboardLayoutRenderer/interfaces.js";
+import { type IDashboardEditLayoutContent } from "./DashboardEditLayoutTypes.js";
+export type IDashboardEditLayoutSectionRendererOwnProps = IDashboardLayoutSectionRenderProps<IDashboardEditLayoutContent>;
+export type IDashboardEditLayoutSectionRendererProps = IDashboardEditLayoutSectionRendererOwnProps;
+export declare function RenderDashboardEditLayoutSectionRenderer(props: IDashboardEditLayoutSectionRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare const DashboardEditLayoutSectionRenderer: typeof RenderDashboardEditLayoutSectionRenderer;
+//# sourceMappingURL=DashboardEditLayoutSectionRenderer.d.ts.map

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditLayoutSectionRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,kCAAkC,EAAE,MAAM,oDAAoD,CAAC;AAG7G,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAEjF,MAAM,MAAM,2CAA2C,GACnD,kCAAkC,CAAC,2BAA2B,CAAC,CAAC;AAEpE,MAAM,MAAM,wCAAwC,GAAG,2CAA2C,CAAC;AACnG,wBAAgB,wCAAwC,CAAC,KAAK,EAAE,wCAAwC,2CA6CvG;AAED,eAAO,MAAM,kCAAkC,iDAA2C,CAAC"}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutSectionRenderer.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useCallback, useState } from "react";
+import cx from "classnames";
+import { DashboardEditLayoutSectionBorder } from "./DashboardEditLayoutSectionBorder.js";
+export function RenderDashboardEditLayoutSectionRenderer(props) {
+    const { DefaultSectionRenderer, section, children } = props;
+    const { isDragging, isRowDropzoneVisible, activeHeaderRowId, rowId } = {
+        isDragging: false,
+        activeHeaderRowId: "active row id",
+        isRowDropzoneVisible: false,
+        rowId: "row id",
+    };
+    const [isActive, setIsActive] = useState(false);
+    const markRowAsActive = useCallback(() => setIsActive(true), [setIsActive]);
+    const markRowAsInactive = useCallback(() => setIsActive(false), [setIsActive]);
+    const isActivatedByHeader = rowId === activeHeaderRowId;
+    const isRowActive = (isActive || isActivatedByHeader) && isRowDropzoneVisible;
+    const className = cx({
+        active: isRowActive,
+    });
+    let rowBorderStatus = isRowActive ? "active" : "muted";
+    if (!isDragging && !isActivatedByHeader) {
+        rowBorderStatus = "invisible";
+    }
+    const isHiddenSection = section.items().all().length === 0; //hide empty sections
+    return (_jsx(DefaultSectionRenderer, { ...props, isHidden: isHiddenSection, className: className, ...(isDragging && {
+            onMouseEnter: markRowAsActive,
+            onMouseLeave: markRowAsInactive,
+            onMouseOver: markRowAsActive,
+        }), children: _jsx(DashboardEditLayoutSectionBorder, { status: rowBorderStatus, children: children }) }));
+}
+export const DashboardEditLayoutSectionRenderer = RenderDashboardEditLayoutSectionRenderer;

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutTypes.d.ts

@@ -0,0 +1,62 @@
+import { type IDashboardLayout, type IDashboardLayoutItem, type IDashboardLayoutSection, type ObjRef } from "@gooddata/sdk-model";
+import { type DropZoneType, type IDragZoneWidget } from "./LayoutTypes.js";
+export type DashboardEditLayoutContentType = "widget" | "widgetDropzone" | "widgetDropzoneHotspot" | "widgetKpiPlaceholder" | "widgetNewInsightPlaceholder";
+export interface IDashboardEditLayoutContentBase {
+    /**
+     * Dashboard edit layout content type - widget or drag and drop widget.
+     */
+    type: DashboardEditLayoutContentType;
+    /**
+     * Persisted widget identifier/uri, or widget temporary identifier
+     * for widgets added in edit mode (or custom drag and drop widgets).
+     */
+    ref: ObjRef;
+}
+export interface IDashboardEditLayoutContentWidget extends IDashboardEditLayoutContentBase {
+    /**
+     * Type
+     */
+    type: "widget";
+}
+export interface IDashboardEditLayoutContentWidgetDropzone extends IDashboardEditLayoutContentBase {
+    /**
+     * Type
+     */
+    type: "widgetDropzone";
+    /**
+     * Drag and drop widget details
+     */
+    dragZoneWidget: IDragZoneWidget;
+}
+export interface IDashboardEditLayoutContentWidgetDropzoneHotspot extends IDashboardEditLayoutContentBase {
+    /**
+     * Type
+     */
+    type: "widgetDropzoneHotspot";
+    /**
+     * Persisted widget identifier/uri, or widget temporary identifier
+     * for widgets added in edit mode.
+     */
+    widgetRef: ObjRef;
+    /**
+     * Drop zone position (prev / next)
+     */
+    dropZoneType: DropZoneType;
+}
+export interface IDashboardEditLayoutContentWidgetKpiPlaceholder extends IDashboardEditLayoutContentBase {
+    /**
+     * Type
+     */
+    type: "widgetKpiPlaceholder";
+}
+export interface IDashboardEditLayoutContentWidgetNewInsightPlaceholder extends IDashboardEditLayoutContentBase {
+    /**
+     * Type
+     */
+    type: "widgetNewInsightPlaceholder";
+}
+export type IDashboardEditLayoutContent = IDashboardEditLayoutContentWidget | IDashboardEditLayoutContentWidgetDropzone | IDashboardEditLayoutContentWidgetDropzoneHotspot | IDashboardEditLayoutContentWidgetKpiPlaceholder | IDashboardEditLayoutContentWidgetNewInsightPlaceholder;
+export type IDashboardEditLayoutItem = IDashboardLayoutItem<IDashboardEditLayoutContent>;
+export type IDashboardEditLayoutSection = IDashboardLayoutSection<IDashboardEditLayoutContent>;
+export type IDashboardEditLayout = IDashboardLayout<IDashboardEditLayoutContent>;
+//# sourceMappingURL=DashboardEditLayoutTypes.d.ts.map

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditLayoutTypes.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutTypes.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,MAAM,EACd,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,MAAM,8BAA8B,GACpC,QAAQ,GACR,gBAAgB,GAChB,uBAAuB,GACvB,sBAAsB,GACtB,6BAA6B,CAAC;AAEpC,MAAM,WAAW,+BAA+B;IAC5C;;OAEG;IACH,IAAI,EAAE,8BAA8B,CAAC;IAErC;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iCAAkC,SAAQ,+BAA+B;IACtF;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;CAClB;AAED,MAAM,WAAW,yCAA0C,SAAQ,+BAA+B;IAC9F;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IAEvB;;OAEG;IACH,cAAc,EAAE,eAAe,CAAC;CACnC;AAED,MAAM,WAAW,gDAAiD,SAAQ,+BAA+B;IACrG;;OAEG;IACH,IAAI,EAAE,uBAAuB,CAAC;IAE9B;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC;CAC9B;AAED,MAAM,WAAW,+CAAgD,SAAQ,+BAA+B;IACpG;;OAEG;IACH,IAAI,EAAE,sBAAsB,CAAC;CAChC;AAED,MAAM,WAAW,sDAAuD,SAAQ,+BAA+B;IAC3G;;OAEG;IACH,IAAI,EAAE,6BAA6B,CAAC;CACvC;AAED,MAAM,MAAM,2BAA2B,GACjC,iCAAiC,GACjC,yCAAyC,GACzC,gDAAgD,GAChD,+CAA+C,GAC/C,sDAAsD,CAAC;AAE7D,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,CAAC,2BAA2B,CAAC,CAAC;AAEzF,MAAM,MAAM,2BAA2B,GAAG,uBAAuB,CAAC,2BAA2B,CAAC,CAAC;AAE/F,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,2BAA2B,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutTypes.js

@@ -0,0 +1,2 @@
+// (C) 2019-2026 GoodData Corporation
+export {};

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutWidget.d.ts

@@ -0,0 +1,11 @@
+import { type RefObject } from "react";
+import { type ScreenSize } from "@gooddata/sdk-model";
+import { type IDashboardLayoutItemFacade } from "../../../../_staging/dashboard/flexibleLayout/facade/interfaces.js";
+import { type IDashboardEditLayoutContent } from "./DashboardEditLayoutTypes.js";
+export interface IDashboardEditLayoutWidgetProps {
+    item: IDashboardLayoutItemFacade<IDashboardEditLayoutContent>;
+    screen: ScreenSize;
+    contentRef?: RefObject<HTMLDivElement | null>;
+}
+export declare function DashboardEditLayoutWidget(_props: IDashboardEditLayoutWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardEditLayoutWidget.d.ts.map

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditLayoutWidget.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,oEAAoE,CAAC;AAErH,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAEjF,MAAM,WAAW,+BAA+B;IAC5C,IAAI,EAAE,0BAA0B,CAAC,2BAA2B,CAAC,CAAC;IAC9D,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,+BAA+B,2CAEhF"}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutWidget.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DashboardEditLayoutWidget(_props) {
+    return _jsx("div", { children: "Widget content MOCK" });
+}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutWidgetRenderer.d.ts

@@ -0,0 +1,8 @@
+import { type IDashboardLayoutWidgetRenderProps } from "../../DefaultDashboardLayoutRenderer/interfaces.js";
+import { type IDashboardEditLayoutContent } from "./DashboardEditLayoutTypes.js";
+type IDashboardEditLayoutWidgetRendererOwnProps = IDashboardLayoutWidgetRenderProps<IDashboardEditLayoutContent>;
+export type IDashboardEditLayoutWidgetRendererProps = IDashboardEditLayoutWidgetRendererOwnProps;
+export declare function RenderDashboardEditLayoutWidgetRenderer(props: IDashboardEditLayoutWidgetRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare const DashboardEditLayoutWidgetRenderer: typeof RenderDashboardEditLayoutWidgetRenderer;
+export {};
+//# sourceMappingURL=DashboardEditLayoutWidgetRenderer.d.ts.map

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutWidgetRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditLayoutWidgetRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutWidgetRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,iCAAiC,EAAE,MAAM,oDAAoD,CAAC;AAG5G,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAGjF,KAAK,0CAA0C,GAC3C,iCAAiC,CAAC,2BAA2B,CAAC,CAAC;AAEnE,MAAM,MAAM,uCAAuC,GAAG,0CAA0C,CAAC;AAIjG,wBAAgB,uCAAuC,CAAC,KAAK,EAAE,uCAAuC,2CAmCrG;AAED,eAAO,MAAM,iCAAiC,gDAA0C,CAAC"}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/DashboardEditLayoutWidgetRenderer.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useRef } from "react";
+import cx from "classnames";
+import { getDashboardLayoutItemHeightForRatioAndScreen } from "../../DefaultDashboardLayoutRenderer/utils/sizing.js";
+import { DashboardEditLayoutWidget } from "./DashboardEditLayoutWidget.js";
+const screen = "xl"; // Todo: figure out what this was supposed to be?
+export function RenderDashboardEditLayoutWidgetRenderer(props) {
+    const contentRef = useRef(null);
+    const { item, DefaultWidgetRenderer } = props;
+    const widget = item.widget();
+    const currentSize = item.sizeForScreen(screen);
+    const { heightAsRatio = 100, gridHeight = 12 } = currentSize;
+    const isLastSection = item.section().isLast();
+    const isLast = isLastSection && item.isLastInSection();
+    const classNames = cx({
+        last: widget?.type === "widget" ? isLast : false,
+    });
+    let height;
+    if (heightAsRatio) {
+        height = getDashboardLayoutItemHeightForRatioAndScreen(currentSize, screen);
+    }
+    else if (gridHeight) {
+        height = undefined;
+    }
+    return (_jsx(DefaultWidgetRenderer, { ...props, height: height, minHeight: 20, allowOverflow: !!heightAsRatio, className: classNames, contentRef: contentRef, children: _jsx(DashboardEditLayoutWidget, { contentRef: contentRef, item: item, screen: screen }) }));
+}
+export const DashboardEditLayoutWidgetRenderer = RenderDashboardEditLayoutWidgetRenderer;

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/LayoutTypes.d.ts

@@ -0,0 +1,26 @@
+import { type AnalyticalWidgetType, type IInsight, type IKpi, type ObjRef } from "@gooddata/sdk-model";
+export type SdkCompliantWidgetContent = IKpi | IInsight;
+export declare enum WidgetCategory {
+    kpi = "kpi",
+    insight = "insight",
+    visualization = "visualization",
+    widget = "widget"
+}
+export declare enum DropZoneType {
+    prev = "prev",
+    next = "next"
+}
+export declare enum WidgetPosition {
+    prev = "prev",
+    next = "next"
+}
+export interface IDragZoneWidget {
+    dropzone: {
+        widgetType: AnalyticalWidgetType;
+        content?: SdkCompliantWidgetContent;
+        ref?: ObjRef;
+        position?: WidgetPosition;
+        isInitialDropzone?: boolean;
+    };
+}
+//# sourceMappingURL=LayoutTypes.d.ts.map

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/LayoutTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutTypes.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/useInKD/DashboardEditLayout/LayoutTypes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAEvG,MAAM,MAAM,yBAAyB,GAAG,IAAI,GAAG,QAAQ,CAAC;AAExD,oBAAY,cAAc;IACtB,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,aAAa,kBAAkB;IAC/B,MAAM,WAAW;CACpB;AAED,oBAAY,YAAY;IACpB,IAAI,SAAS;IACb,IAAI,SAAS;CAChB;AAED,oBAAY,cAAc;IACtB,IAAI,SAAS;IACb,IAAI,SAAS;CAChB;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE;QACN,UAAU,EAAE,oBAAoB,CAAC;QACjC,OAAO,CAAC,EAAE,yBAAyB,CAAC;QACpC,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,cAAc,CAAC;QAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC/B,CAAC;CACL"}

package/esm/presentation/flexibleLayout/useInKD/DashboardEditLayout/LayoutTypes.js

@@ -0,0 +1,21 @@
+// (C) 2007-2026 GoodData Corporation
+export { WidgetCategory };
+var WidgetCategory;
+(function (WidgetCategory) {
+    WidgetCategory["kpi"] = "kpi";
+    WidgetCategory["insight"] = "insight";
+    WidgetCategory["visualization"] = "visualization";
+    WidgetCategory["widget"] = "widget";
+})(WidgetCategory || (WidgetCategory = {}));
+export { DropZoneType };
+var DropZoneType;
+(function (DropZoneType) {
+    DropZoneType["prev"] = "prev";
+    DropZoneType["next"] = "next";
+})(DropZoneType || (DropZoneType = {}));
+export { WidgetPosition };
+var WidgetPosition;
+(function (WidgetPosition) {
+    WidgetPosition["prev"] = "prev";
+    WidgetPosition["next"] = "next";
+})(WidgetPosition || (WidgetPosition = {}));

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.tsx"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,yBAAyB,EAC9B,KAAK,mCAAmC,EACxC,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EAExB,KAAK,8BAA8B,EACnC,KAAK,kCAAkC,EACvC,KAAK,WAAW,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAMH,KAAK,mBAAmB,EAC3B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sDAAsD,CAAC;AAgBrG,OAAO,EACH,KAAK,iBAAiB,EAWzB,MAAM,yEAAyE,CAAC;AAMjF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAwBlG,UAAU,eAAe;IACrB,UAAU,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACjD,KAAK,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,8BAA8B,EAAE,GAAG,kCAAkC,EAAE,CAAC;IACtF,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;IACvC,mBAAmB,EAAE,mBAAmB,EAAE,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,EAAE,MAAM,CAAC;IACjC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,qBAA6B,EAC7B,wBAAwB,EACxB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,wBAAwB,EAC3B,EAAE,eAAe,2CAuXjB"}
+{"version":3,"file":"EditAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.tsx"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,yBAAyB,EAC9B,KAAK,mCAAmC,EACxC,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EAExB,KAAK,8BAA8B,EACnC,KAAK,kCAAkC,EACvC,KAAK,WAAW,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAMH,KAAK,mBAAmB,EAC3B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sDAAsD,CAAC;AAgBrG,OAAO,EACH,KAAK,iBAAiB,EAWzB,MAAM,yEAAyE,CAAC;AAMjF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAwBlG,UAAU,eAAe;IACrB,UAAU,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACjD,KAAK,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,8BAA8B,EAAE,GAAG,kCAAkC,EAAE,CAAC;IACtF,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;IACvC,mBAAmB,EAAE,mBAAmB,EAAE,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,EAAE,MAAM,CAAC;IACjC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,qBAA6B,EAC7B,wBAAwB,EACxB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,wBAAwB,EAC3B,EAAE,eAAe,2CAsXjB"}

package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.js

@@ -120,7 +120,7 @@ export function EditAlert({ alert, execResult, isNewAlert, hasAlerts, destinatio
                                             ] })
                                     ] })), destinations.length > 1 && (_jsxs("div", { style: { marginTop: "1rem" }, children: [
                                         _jsx("label", { htmlFor: "alert.destination", className: "gd-edit-alert__destination-label", children: _jsx(FormattedMessage, { id: "insightAlert.config.action" }) }), _jsx(AlertDestinationSelect, { id: "alert.destination", selectedDestination: updatedAlert.notificationChannel, onDestinationChange: changeDestination, destinations: destinations, overlayPositionType: overlayPositionType })
-                                    ] })), _jsx(RecipientsSelect, { id: "alert.recipients", loggedUser: defaultUser, value: updatedAlert.recipients ?? [], originalValue: alert.recipients || [], onChange: changeRecipients, allowEmptySelection: true, allowOnlyLoggedUserRecipients: allowOnlyLoggedUserRecipients, allowExternalRecipients: allowExternalRecipients, maxRecipients: maxAutomationsRecipients, className: "gd-edit-alert__recipients", notificationChannels: destinations, notificationChannelId: updatedAlert.notificationChannel }), _jsx("label", { htmlFor: "alert.title", className: "gd-edit-alert__title-label", children: _jsx(FormattedMessage, { id: "insightAlert.config.name" }) }), _jsx(AlertTitle, { id: "alert.title", measures: measures, alert: updatedAlert, separators: separators, onChange: (e) => {
+                                    ] })), _jsx(RecipientsSelect, { id: "alert.recipients", loggedUser: defaultUser, value: updatedAlert.recipients ?? [], onChange: changeRecipients, allowEmptySelection: true, allowOnlyLoggedUserRecipients: allowOnlyLoggedUserRecipients, allowExternalRecipients: allowExternalRecipients, maxRecipients: maxAutomationsRecipients, className: "gd-edit-alert__recipients", notificationChannels: destinations, notificationChannelId: updatedAlert.notificationChannel }), _jsx("label", { htmlFor: "alert.title", className: "gd-edit-alert__title-label", children: _jsx(FormattedMessage, { id: "insightAlert.config.name" }) }), _jsx(AlertTitle, { id: "alert.title", measures: measures, alert: updatedAlert, separators: separators, onChange: (e) => {
                                         changeTitle(e === "" ? undefined : String(e));
                                     } })
                             ] }), warningMessage ? _jsx(Message, { type: "warning", children: warningMessage }) : null, isValid ? null : (_jsx(Message, { type: "error", children: _jsx(FormattedMessage, { id: invalidMessagesObj[invalidityReason].id }) }))] }), _jsxs("div", { className: "gd-edit-alert__buttons", children: [