@gooddata/sdk-ui-dashboard 10.14.0-alpha.1 → 10.14.0-alpha.11

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.d.ts

@@ -0,0 +1,3 @@
+import { IDashboardLayoutItemRenderer } from "./interfaces.js";
+export declare const DashboardLayoutItemViewRenderer: IDashboardLayoutItemRenderer<unknown>;
+//# sourceMappingURL=DashboardLayoutItemViewRenderer.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutItemViewRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAK/D,eAAO,MAAM,+BAA+B,EAAE,4BAA4B,CAAC,OAAO,CAyCjF,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.js

@@ -0,0 +1,39 @@
+import cx from "classnames";
+import isNil from "lodash/isNil.js";
+import React, { useMemo } from "react";
+import { Col } from "react-grid-system";
+const isHiddenStyle = { height: 0, width: 0, overflow: "hidden", flex: 0 };
+export const DashboardLayoutItemViewRenderer = (props) => {
+    const { item, screen, children, className, minHeight = 0, isHidden } = props;
+    const { size, ratio, width, height } = getSizeForItem(item, screen);
+    const style = useMemo(() => {
+        let computedStyle = {
+            minHeight,
+        };
+        if (isHidden) {
+            computedStyle = {
+                ...computedStyle,
+                ...isHiddenStyle,
+            };
+        }
+        return computedStyle;
+    }, [minHeight, isHidden]);
+    return (React.createElement(Col, { xl: size?.xl?.gridWidth, lg: size?.lg?.gridWidth, md: size?.md?.gridWidth, sm: size?.sm?.gridWidth, xs: size?.xs?.gridWidth, className: cx("gd-fluidlayout-column", "s-fluid-layout-column", `s-fluid-layout-screen-${screen}`, `s-fluid-layout-column-width-${width}`, {
+            [`s-fluid-layout-column-ratio-${ratio}`]: !isNil(ratio),
+            [`s-fluid-layout-column-height-${height}`]: !isNil(height),
+        }, className), style: style }, children));
+};
+function getSizeForItem(item, screen) {
+    const size = item.size();
+    const currentScreenSizeConfiguration = item.sizeForScreen(screen);
+    const ratio = currentScreenSizeConfiguration?.heightAsRatio;
+    const height = currentScreenSizeConfiguration?.gridHeight;
+    const width = currentScreenSizeConfiguration?.gridWidth;
+    return {
+        height,
+        width,
+        ratio,
+        size,
+    };
+}
+//# sourceMappingURL=DashboardLayoutItemViewRenderer.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutItemViewRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,MAAM,aAAa,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAE3E,MAAM,CAAC,MAAM,+BAA+B,GAA0C,CAAC,KAAK,EAAE,EAAE;IAC5F,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAEpE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,IAAI,aAAa,GAAG;YAChB,SAAS;SACZ,CAAC;QAEF,IAAI,QAAQ,EAAE,CAAC;YACX,aAAa,GAAG;gBACZ,GAAG,aAAa;gBAChB,GAAG,aAAa;aACnB,CAAC;QACN,CAAC;QACD,OAAO,aAAa,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,oBAAC,GAAG,IACA,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EACvB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EACvB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EACvB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EACvB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EACvB,SAAS,EAAE,EAAE,CACT,uBAAuB,EACvB,uBAAuB,EACvB,yBAAyB,MAAM,EAAE,EACjC,+BAA+B,KAAK,EAAE,EACtC;YACI,CAAC,+BAA+B,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;YACvD,CAAC,gCAAgC,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;SAC7D,EACD,SAAS,CACZ,EACD,KAAK,EAAE,KAAK,IAEX,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,cAAc,CAAC,IAAyC,EAAE,MAAkB;IACjF,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IACzB,MAAM,8BAA8B,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAClE,MAAM,KAAK,GAAG,8BAA8B,EAAE,aAAa,CAAC;IAC5D,MAAM,MAAM,GAAG,8BAA8B,EAAE,UAAU,CAAC;IAC1D,MAAM,KAAK,GAAG,8BAA8B,EAAE,SAAS,CAAC;IAExD,OAAO;QACH,MAAM;QACN,KAAK;QACL,KAAK;QACL,IAAI;KACP,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ScreenSize } from "@gooddata/sdk-model";
+import { RenderMode } from "../../../types.js";
+import { IDashboardLayoutSectionFacade } from "../../../_staging/dashboard/fluidLayout/facade/interfaces.js";
+import { IDashboardLayoutGridRowRenderer, IDashboardLayoutItemKeyGetter, IDashboardLayoutItemRenderer, IDashboardLayoutSectionHeaderRenderer, IDashboardLayoutSectionKeyGetter, IDashboardLayoutSectionRenderer, IDashboardLayoutWidgetRenderer } from "./interfaces.js";
+/**
+ * @alpha
+ */
+export interface IDashboardLayoutSectionProps<TWidget> {
+    section: IDashboardLayoutSectionFacade<TWidget>;
+    sectionKeyGetter?: IDashboardLayoutSectionKeyGetter<TWidget>;
+    sectionRenderer?: IDashboardLayoutSectionRenderer<TWidget>;
+    sectionHeaderRenderer?: IDashboardLayoutSectionHeaderRenderer<TWidget>;
+    itemKeyGetter?: IDashboardLayoutItemKeyGetter<TWidget>;
+    itemRenderer?: IDashboardLayoutItemRenderer<TWidget>;
+    widgetRenderer: IDashboardLayoutWidgetRenderer<TWidget>;
+    gridRowRenderer?: IDashboardLayoutGridRowRenderer<TWidget>;
+    getLayoutDimensions: () => DOMRect;
+    screen: ScreenSize;
+    renderMode: RenderMode;
+    isDraggingWidget?: boolean;
+}
+export declare function DashboardLayoutSection<TWidget>(props: IDashboardLayoutSectionProps<TWidget>): JSX.Element;
+//# sourceMappingURL=DashboardLayoutSection.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAEH,6BAA6B,EAChC,MAAM,8DAA8D,CAAC;AAItE,OAAO,EACH,+BAA+B,EAC/B,6BAA6B,EAC7B,4BAA4B,EAC5B,qCAAqC,EACrC,gCAAgC,EAChC,+BAA+B,EAC/B,8BAA8B,EACjC,MAAM,iBAAiB,CAAC;AAKzB;;GAEG;AACH,MAAM,WAAW,4BAA4B,CAAC,OAAO;IACjD,OAAO,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,gCAAgC,CAAC,OAAO,CAAC,CAAC;IAC7D,eAAe,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAC3D,qBAAqB,CAAC,EAAE,qCAAqC,CAAC,OAAO,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,4BAA4B,CAAC,OAAO,CAAC,CAAC;IACrD,cAAc,EAAE,8BAA8B,CAAC,OAAO,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAC3D,mBAAmB,EAAE,MAAM,OAAO,CAAC;IACnC,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAYD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,KAAK,EAAE,4BAA4B,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAwFzG"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.js

@@ -0,0 +1,50 @@
+import flatMap from "lodash/flatMap.js";
+import React, { useMemo } from "react";
+import { DashboardLayoutGridRow } from "./DashboardLayoutGridRow.js";
+import { DashboardLayoutSectionHeaderRenderer } from "./DashboardLayoutSectionHeaderRenderer.js";
+import { DashboardLayoutSectionRenderer } from "./DashboardLayoutSectionRenderer.js";
+import { DashboardLayoutSectionOverlayController } from "../DashboardItemOverlay/DashboardItemOverlayController.js";
+import last from "lodash/last.js";
+import { DashboardLayoutGridRowEdit } from "./DashboardLayoutGridRowEdit.js";
+const defaultSectionRenderer = (props) => (React.createElement(DashboardLayoutSectionRenderer, { ...props }));
+const defaultHeaderRenderer = (props) => (React.createElement(DashboardLayoutSectionHeaderRenderer, { ...props }));
+const defaultItemKeyGetter = ({ item }) => item.index().toString();
+export function DashboardLayoutSection(props) {
+    const { section, sectionRenderer = defaultSectionRenderer, sectionHeaderRenderer = defaultHeaderRenderer, itemKeyGetter = defaultItemKeyGetter, gridRowRenderer, itemRenderer, widgetRenderer, getLayoutDimensions, screen, renderMode, } = props;
+    const renderProps = { section, screen, renderMode };
+    const items = useMemo(() => {
+        if (renderMode === "edit") {
+            const itemsInRowsByIndex = section
+                .items()
+                .asGridRows(screen)
+                .map((itemsInRow) => [last(itemsInRow).index(), itemsInRow]);
+            const itemsInRow = section.items().all();
+            return (React.createElement(DashboardLayoutGridRowEdit, { screen: screen, itemsInRowsByIndex: itemsInRowsByIndex, section: section, items: itemsInRow, gridRowRenderer: gridRowRenderer, itemKeyGetter: itemKeyGetter, itemRenderer: itemRenderer, widgetRenderer: widgetRenderer, renderMode: renderMode, getLayoutDimensions: getLayoutDimensions }));
+        }
+        return flatMap(section.items().asGridRows(screen), (itemsInRow, index) => {
+            return (React.createElement(DashboardLayoutGridRow, { key: index.toString(), screen: screen, section: section, items: itemsInRow, gridRowRenderer: gridRowRenderer, itemKeyGetter: itemKeyGetter, itemRenderer: itemRenderer, widgetRenderer: widgetRenderer, renderMode: renderMode, getLayoutDimensions: getLayoutDimensions }));
+        });
+    }, [
+        getLayoutDimensions,
+        gridRowRenderer,
+        itemKeyGetter,
+        itemRenderer,
+        renderMode,
+        screen,
+        section,
+        widgetRenderer,
+    ]);
+    return sectionRenderer({
+        ...renderProps,
+        DefaultSectionRenderer: DashboardLayoutSectionRenderer,
+        children: (React.createElement(React.Fragment, null,
+            sectionHeaderRenderer({
+                section,
+                screen,
+                DefaultSectionHeaderRenderer: DashboardLayoutSectionHeaderRenderer,
+            }),
+            items,
+            renderMode === "edit" ? React.createElement(DashboardLayoutSectionOverlayController, { section: section }) : null)),
+    });
+}
+//# sourceMappingURL=DashboardLayoutSection.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.js.map

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

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeader.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+/**
+ * @alpha
+ */
+export interface IDashboardLayoutSectionHeaderProps {
+    title?: string;
+    description?: string;
+    /**
+     * This prop is here to allow rendering row hotspots in gdc-dashboards edit mode
+     * in the same DOM location as before without duplicating css classes / DOM structure,
+     * because we want to have all the logic and styling of the dashboard layout in one place,
+     * to keep the look of Dashboard component in sync with gdc-dashboards.
+     */
+    renderBeforeHeader?: React.ReactNode;
+    /**
+     * This prop is here to allow rendering editable row header in gdc-dashboards edit mode
+     * in the same DOM location as before without duplicating css classes / DOM structure,
+     * because we want to have all the logic and styling of the dashboard layout in one place,
+     * to keep the look of Dashboard component in sync with gdc-dashboards.
+     */
+    renderHeader?: React.ReactNode;
+}
+export declare const DashboardLayoutSectionHeader: React.FC<IDashboardLayoutSectionHeaderProps>;
+//# sourceMappingURL=DashboardLayoutSectionHeader.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,MAAM,WAAW,kCAAkC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAErC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CA0BrF,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeader.js

@@ -0,0 +1,15 @@
+// (C) 2019-2024 GoodData Corporation
+import React from "react";
+import { Typography } from "@gooddata/sdk-ui-kit";
+import { DashboardLayoutSectionHeaderDescription } from "./DashboardLayoutSectionHeaderDescription.js";
+export const DashboardLayoutSectionHeader = (props) => {
+    const { title, description, renderBeforeHeader, renderHeader } = props;
+    return (React.createElement("div", { className: "gd-fluid-layout-row-header s-fluid-layout-row-header" },
+        renderBeforeHeader,
+        React.createElement("div", { className: "gd-fluid-layout-row-header-container" }, renderHeader ?? (React.createElement("div", { className: "gd-row-header-view" },
+            title ? (React.createElement("div", { className: "gd-row-header-title-wrapper" },
+                React.createElement("span", { className: "title" },
+                    React.createElement(Typography, { tagName: "h2", className: "s-fluid-layout-row-title" }, title)))) : null,
+            description ? (React.createElement(DashboardLayoutSectionHeaderDescription, { description: description })) : null)))));
+};
+//# sourceMappingURL=DashboardLayoutSectionHeader.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionHeader.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeader.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,uCAAuC,EAAE,MAAM,8CAA8C,CAAC;AA0BvG,MAAM,CAAC,MAAM,4BAA4B,GAAiD,CAAC,KAAK,EAAE,EAAE;IAChG,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEvE,OAAO,CACH,6BAAK,SAAS,EAAC,sDAAsD;QAChE,kBAAkB;QACnB,6BAAK,SAAS,EAAC,sCAAsC,IAChD,YAAY,IAAI,CACb,6BAAK,SAAS,EAAC,oBAAoB;YAC9B,KAAK,CAAC,CAAC,CAAC,CACL,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,8BAAM,SAAS,EAAC,OAAO;oBACnB,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,0BAA0B,IACxD,KAAK,CACG,CACV,CACL,CACT,CAAC,CAAC,CAAC,IAAI;YACP,WAAW,CAAC,CAAC,CAAC,CACX,oBAAC,uCAAuC,IAAC,WAAW,EAAE,WAAW,GAAI,CACxE,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CACC,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderDescription.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+/**
+ * @alpha
+ */
+export interface IDashboardLayoutSectionHeaderDescriptionProps {
+    description: string;
+}
+export declare const DashboardLayoutSectionHeaderDescription: React.FC<IDashboardLayoutSectionHeaderDescriptionProps>;
+//# sourceMappingURL=DashboardLayoutSectionHeaderDescription.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionHeaderDescription.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderDescription.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,WAAW,6CAA6C;IAC1D,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,uCAAuC,EAAE,KAAK,CAAC,EAAE,CAC1D,6CAA6C,CAmBhD,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderDescription.js

@@ -0,0 +1,12 @@
+// (C) 2019-2024 GoodData Corporation
+import * as React from "react";
+import cx from "classnames";
+import { RichText } from "@gooddata/sdk-ui-kit";
+import { selectEnableRichTextDescriptions, useDashboardSelector } from "../../../model/index.js";
+export const DashboardLayoutSectionHeaderDescription = (props) => {
+    const { description } = props;
+    const useRichText = useDashboardSelector(selectEnableRichTextDescriptions);
+    const className = cx("gd-paragraph", "description", "s-fluid-layout-row-description");
+    return (React.createElement("div", { className: className }, useRichText ? (React.createElement(RichText, { className: "gd-layout-row-description-richtext", value: description, renderMode: "view" })) : (description)));
+};
+//# sourceMappingURL=DashboardLayoutSectionHeaderDescription.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionHeaderDescription.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderDescription.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,gCAAgC,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AASjG,MAAM,CAAC,MAAM,uCAAuC,GAEhD,CAAC,KAAK,EAAE,EAAE;IACV,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,WAAW,GAAG,oBAAoB,CAAC,gCAAgC,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,gCAAgC,CAAC,CAAC;IACtF,OAAO,CACH,6BAAK,SAAS,EAAE,SAAS,IACpB,WAAW,CAAC,CAAC,CAAC,CACX,oBAAC,QAAQ,IACL,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,WAAW,EAClB,UAAU,EAAC,MAAM,GACnB,CACL,CAAC,CAAC,CAAC,CACA,WAAW,CACd,CACC,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IDashboardLayoutSectionHeaderRenderProps } from "./interfaces.js";
+export declare function DashboardLayoutSectionHeaderRenderer(props: IDashboardLayoutSectionHeaderRenderProps<any>): JSX.Element | null;
+//# sourceMappingURL=DashboardLayoutSectionHeaderRenderer.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionHeaderRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,wCAAwC,EAAE,MAAM,iBAAiB,CAAC;AAG3E,wBAAgB,oCAAoC,CAChD,KAAK,EAAE,wCAAwC,CAAC,GAAG,CAAC,GACrD,GAAG,CAAC,OAAO,GAAG,IAAI,CAgBpB"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.js

@@ -0,0 +1,12 @@
+// (C) 2019-2024 GoodData Corporation
+import * as React from "react";
+import { DashboardLayoutItemViewRenderer } from "./DashboardLayoutItemViewRenderer.js";
+import { DashboardLayoutSectionHeader } from "./DashboardLayoutSectionHeader.js";
+import { emptyItemFacadeWithFullSize } from "./utils/emptyFacade.js";
+export function DashboardLayoutSectionHeaderRenderer(props) {
+    const { section, screen } = props;
+    const sectionHeader = section.header();
+    return sectionHeader ? (React.createElement(DashboardLayoutItemViewRenderer, { DefaultItemRenderer: DashboardLayoutItemViewRenderer, item: emptyItemFacadeWithFullSize, screen: screen },
+        React.createElement(DashboardLayoutSectionHeader, { title: sectionHeader.title, description: sectionHeader.description }))) : null;
+}
+//# sourceMappingURL=DashboardLayoutSectionHeaderRenderer.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionHeaderRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAErE,MAAM,UAAU,oCAAoC,CAChD,KAAoD;IAEpD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAEvC,OAAO,aAAa,CAAC,CAAC,CAAC,CACnB,oBAAC,+BAA+B,IAC5B,mBAAmB,EAAE,+BAA+B,EACpD,IAAI,EAAE,2BAA2B,EACjC,MAAM,EAAE,MAAM;QAEd,oBAAC,4BAA4B,IACzB,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,WAAW,EAAE,aAAa,CAAC,WAAW,GACxC,CAC4B,CACrC,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.d.ts

@@ -0,0 +1,3 @@
+import { IDashboardLayoutSectionRenderer } from "./interfaces.js";
+export declare const DashboardLayoutSectionRenderer: IDashboardLayoutSectionRenderer<unknown>;
+//# sourceMappingURL=DashboardLayoutSectionRenderer.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAMlE,eAAO,MAAM,8BAA8B,EAAE,+BAA+B,CAAC,OAAO,CAenF,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.js

@@ -0,0 +1,13 @@
+// (C) 2007-2024 GoodData Corporation
+import React from "react";
+import cx from "classnames";
+const isHiddenStyle = { height: 0, width: 0, overflow: "hidden", flex: 0 };
+const defaultStyle = {};
+export const DashboardLayoutSectionRenderer = (props) => {
+    const { children, className, debug, isHidden } = props;
+    const style = isHidden ? isHiddenStyle : defaultStyle;
+    return (React.createElement("div", { className: cx(["gd-fluidlayout-row", "s-fluid-layout-row", className], {
+            "gd-fluidlayout-row-debug": debug,
+        }), style: style }, children));
+};
+//# sourceMappingURL=DashboardLayoutSectionRenderer.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,MAAM,aAAa,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAC3E,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,MAAM,CAAC,MAAM,8BAA8B,GAA6C,CAAC,KAAK,EAAE,EAAE;IAC9F,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;IAEtD,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CAAC,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,CAAC,EAAE;YACnE,0BAA0B,EAAE,KAAK;SACpC,CAAC,EACF,KAAK,EAAE,KAAK,IAEX,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IDashboardLayoutWidgetRenderProps } from "./interfaces.js";
+export declare function DashboardLayoutWidgetRenderer(props: IDashboardLayoutWidgetRenderProps<any>): JSX.Element;
+//# sourceMappingURL=DashboardLayoutWidgetRenderer.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutWidgetRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iCAAiC,EAAE,MAAM,iBAAiB,CAAC;AAEpE,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iCAAiC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,OAAO,CAmDxG"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.js

@@ -0,0 +1,32 @@
+// (C) 2007-2024 GoodData Corporation
+import React, { useMemo } from "react";
+import cx from "classnames";
+export function DashboardLayoutWidgetRenderer(props) {
+    const { item, screen, debug, className, contentRef, isResizedByLayoutSizingStrategy, minHeight, height, allowOverflow, children, } = props;
+    const { heightAsRatio, gridHeight } = item.size()[screen];
+    const style = useMemo(() => {
+        const computedStyle = {
+            minHeight,
+            height,
+        };
+        if (allowOverflow) {
+            computedStyle.overflowX = "hidden";
+            computedStyle.overflowY = "auto";
+        }
+        if (debug) {
+            if (!heightAsRatio) {
+                computedStyle.outline = "solid 1px yellow";
+            }
+            else {
+                computedStyle.border = isResizedByLayoutSizingStrategy
+                    ? "dashed 1px #d6d6d6"
+                    : "solid 1px green";
+            }
+        }
+        return computedStyle;
+    }, [minHeight, height, allowOverflow, debug, heightAsRatio, isResizedByLayoutSizingStrategy]);
+    return (React.createElement("div", { ref: contentRef, className: cx("gd-fluidlayout-column-container", className, {
+            "custom-height": !!gridHeight,
+        }), style: style }, children));
+}
+//# sourceMappingURL=DashboardLayoutWidgetRenderer.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutWidgetRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,MAAM,UAAU,6BAA6B,CAAC,KAA6C;IACvF,MAAM,EACF,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,UAAU,EACV,+BAA+B,EAC/B,SAAS,EACT,MAAM,EACN,aAAa,EACb,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAE,CAAC;IAE3D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,MAAM,aAAa,GAAkB;YACjC,SAAS;YACT,MAAM;SACT,CAAC;QAEF,IAAI,aAAa,EAAE,CAAC;YAChB,aAAa,CAAC,SAAS,GAAG,QAAQ,CAAC;YACnC,aAAa,CAAC,SAAS,GAAG,MAAM,CAAC;QACrC,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACR,IAAI,CAAC,aAAa,EAAE,CAAC;gBACjB,aAAa,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACJ,aAAa,CAAC,MAAM,GAAG,+BAA+B;oBAClD,CAAC,CAAC,oBAAoB;oBACtB,CAAC,CAAC,iBAAiB,CAAC;YAC5B,CAAC;QACL,CAAC;QAED,OAAO,aAAa,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,+BAA+B,CAAC,CAAC,CAAC;IAE9F,OAAO,CACH,6BACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,EAAE;YACxD,eAAe,EAAE,CAAC,CAAC,UAAU;SAChC,CAAC,EACF,KAAK,EAAE,KAAK,IAEX,QAAQ,CACP,CACT,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.d.ts

@@ -0,0 +1,3 @@
+import { IDashboardLayoutSectionRenderer } from "./interfaces.js";
+export declare const EditableDashboardLayoutSectionRenderer: IDashboardLayoutSectionRenderer<unknown>;
+//# sourceMappingURL=EditableDashboardLayoutSectionRenderer.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableDashboardLayoutSectionRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAuBlE,eAAO,MAAM,sCAAsC,EAAE,+BAA+B,CAAC,OAAO,CAgB3F,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.js

@@ -0,0 +1,26 @@
+// (C) 2007-2024 GoodData Corporation
+import React from "react";
+import cx from "classnames";
+import { DashboardLayoutSectionBorder, useIsDraggingWidget, } from "../../dragAndDrop/index.js";
+import { selectActiveSectionIndex, useDashboardSelector } from "../../../model/index.js";
+const isHiddenStyle = { height: 0, width: 0, overflow: "hidden", flex: 0 };
+const defaultStyle = {};
+function useBorderStatus(sectionIndex) {
+    const activeSectionIndex = useDashboardSelector(selectActiveSectionIndex);
+    const isDraggingWidget = useIsDraggingWidget();
+    if (isDraggingWidget) {
+        return "muted";
+    }
+    const isActive = activeSectionIndex === sectionIndex;
+    return !isActive ? "invisible" : "muted";
+}
+export const EditableDashboardLayoutSectionRenderer = (props) => {
+    const { children, className, debug, isHidden, section } = props;
+    const style = isHidden ? isHiddenStyle : defaultStyle;
+    const status = useBorderStatus(section.index());
+    return (React.createElement("div", { className: cx(["gd-fluidlayout-row", "s-fluid-layout-row", className], {
+            "gd-fluidlayout-row-debug": debug,
+        }), style: style },
+        React.createElement(DashboardLayoutSectionBorder, { status: status }, children)));
+};
+//# sourceMappingURL=EditableDashboardLayoutSectionRenderer.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableDashboardLayoutSectionRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACH,4BAA4B,EAE5B,mBAAmB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEzF,MAAM,aAAa,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAC3E,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,SAAS,eAAe,CAAC,YAAoB;IACzC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;IAC1E,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,IAAI,gBAAgB,EAAE,CAAC;QACnB,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,MAAM,QAAQ,GAAG,kBAAkB,KAAK,YAAY,CAAC;IACrD,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,sCAAsC,GAA6C,CAAC,KAAK,EAAE,EAAE;IACtG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEhE,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;IACtD,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IAEhD,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CAAC,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,CAAC,EAAE;YACnE,0BAA0B,EAAE,KAAK;SACpC,CAAC,EACF,KAAK,EAAE,KAAK;QAEZ,oBAAC,4BAA4B,IAAC,MAAM,EAAE,MAAM,IAAG,QAAQ,CAAgC,CACrF,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/EditableLabelWithBubble.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface IEditableLabelWithBubbleProps {
+    className: string;
+    alignTo: string;
+    maxRows: number;
+    value: string;
+    maxLength: number;
+    placeholderMessage: string;
+    warningLimit: number;
+    onSubmit: (value: string) => void;
+    onEditingStart?: () => void;
+    onCancel?: () => void;
+    children?: React.ReactNode;
+}
+export declare function EditableLabelWithBubble({ onEditingStart, maxLength, value, warningLimit, onCancel, alignTo, className, maxRows, placeholderMessage, children, onSubmit, }: IEditableLabelWithBubbleProps): JSX.Element;
+//# sourceMappingURL=EditableLabelWithBubble.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/EditableLabelWithBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableLabelWithBubble.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/EditableLabelWithBubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,MAAM,WAAW,6BAA6B;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,wBAAgB,uBAAuB,CAAC,EACpC,cAAc,EACd,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,QAAQ,GACX,EAAE,6BAA6B,GAAG,GAAG,CAAC,OAAO,CAmE7C"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/EditableLabelWithBubble.js

@@ -0,0 +1,38 @@
+// (C) 2019-2024 GoodData Corporation
+import React, { useCallback, useState } from "react";
+import { Bubble, EditableLabel } from "@gooddata/sdk-ui-kit";
+import { useIntl } from "react-intl";
+const BUBBLE_ALIGN_POINTS = [{ align: "bl tl" }];
+const ARROW_OFFSETS = { "bl tl": [0, 7] };
+const BUBBLE_STYLE = "bubble-primary";
+export function EditableLabelWithBubble({ onEditingStart, maxLength, value, warningLimit, onCancel, alignTo, className, maxRows, placeholderMessage, children, onSubmit, }) {
+    const intl = useIntl();
+    const [currentValue, setCurrentValue] = useState(value);
+    const [editing, setEditing] = useState(false);
+    const charactersCountLeft = maxLength - currentValue.length;
+    const maximumCharactersCount = maxLength;
+    const bubbleMessage = intl.formatMessage({ id: "layout.header.characters.left" }, { currentCharactersCount: charactersCountLeft, maximumCharactersCount });
+    const currentValueLength = currentValue.length;
+    const isBubbleVisible = editing && maxLength - currentValueLength <= warningLimit;
+    const onStart = useCallback(() => {
+        setEditing(true);
+        onEditingStart?.();
+    }, [onEditingStart]);
+    const onCancelCallback = useCallback(() => {
+        setEditing(false);
+        setCurrentValue(value);
+        onCancel?.();
+    }, [onCancel, value]);
+    const onSubmitCallback = useCallback((newValue) => {
+        setEditing(false);
+        setCurrentValue(newValue);
+        onSubmit(newValue);
+    }, [onSubmit]);
+    const onChange = useCallback((newValue) => {
+        setCurrentValue(newValue);
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(EditableLabel, { className: className, maxRows: maxRows, value: value, maxLength: maxLength, placeholder: placeholderMessage, onEditingStart: onStart, onCancel: onCancelCallback, onChange: onChange, onSubmit: onSubmitCallback }, children),
+        isBubbleVisible ? (React.createElement(Bubble, { alignTo: alignTo, className: BUBBLE_STYLE, alignPoints: BUBBLE_ALIGN_POINTS, arrowOffsets: ARROW_OFFSETS }, bubbleMessage)) : null));
+}
+//# sourceMappingURL=EditableLabelWithBubble.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/EditableLabelWithBubble.js.map

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

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/SectionHeaderEditable.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ISectionHeaderEditableProps {
+    title: string;
+    description: string;
+    index: number;
+}
+export declare function SectionHeaderEditable(props: ISectionHeaderEditableProps): JSX.Element;
+//# sourceMappingURL=SectionHeaderEditable.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/SectionHeaderEditable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeaderEditable.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/SectionHeaderEditable.tsx"],"names":[],"mappings":";AA4BA,MAAM,WAAW,2BAA2B;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CA2HrF"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/SectionHeaderEditable.js

@@ -0,0 +1,66 @@
+// (C) 2019-2024 GoodData Corporation
+import React, { useCallback, useEffect, useState } from "react";
+import { useIntl } from "react-intl";
+import cx from "classnames";
+import { RichTextWithTooltip } from "@gooddata/sdk-ui-kit";
+import { EditableLabelWithBubble } from "./EditableLabelWithBubble.js";
+import { getTitle, getDescription, MAX_TITLE_LENGTH, TITLE_LENGTH_WARNING_LIMIT, MAX_DESCRIPTION_LENGTH, DESCRIPTION_LENGTH_WARNING_LIMIT, } from "./sectionHeaderHelper.js";
+import { changeLayoutSectionHeader, selectEnableRichTextDescriptions, uiActions, useDashboardDispatch, useDashboardSelector, } from "../../../../model/index.js";
+const richTextTooltipAlignPoints = [
+    { align: "bl tl", offset: { x: 6, y: 1 } },
+    { align: "tl bl", offset: { x: 6, y: -1 } },
+];
+export function SectionHeaderEditable(props) {
+    const useRichText = useDashboardSelector(selectEnableRichTextDescriptions);
+    const description = useRichText ? props.description : getDescription(props.description);
+    const title = getTitle(props.title);
+    const { index } = props;
+    const intl = useIntl();
+    const placeholder = intl.formatMessage({
+        id: "layout.header.add.description.placeholder",
+    });
+    const dispatch = useDashboardDispatch();
+    const changeTitle = useCallback((title) => dispatch(changeLayoutSectionHeader(index, { title }, true)), [dispatch, index]);
+    const changeDescription = useCallback((description) => dispatch(changeLayoutSectionHeader(index, { description }, true)), [dispatch, index]);
+    const onEditingStart = useCallback(() => {
+        dispatch(uiActions.setActiveSectionIndex(index));
+    }, [dispatch, index]);
+    const onEditingEnd = useCallback(() => {
+        dispatch(uiActions.clearActiveSectionIndex());
+    }, [dispatch]);
+    const onTitleSubmit = useCallback((title) => {
+        changeTitle(title);
+        onEditingEnd();
+    }, [changeTitle, onEditingEnd]);
+    const onDescriptionSubmit = useCallback((description) => {
+        changeDescription(description);
+        onEditingEnd();
+    }, [changeDescription, onEditingEnd]);
+    const [isRichTextEditing, setIsRichTextEditing] = useState(false);
+    const [richTextValue, setRichTextValue] = useState("");
+    const onDescriptionClick = useCallback(() => {
+        if (!isRichTextEditing) {
+            onEditingStart();
+            setIsRichTextEditing(true);
+        }
+    }, [isRichTextEditing, onEditingStart]);
+    const onDescriptionBlur = useCallback(() => {
+        changeDescription(richTextValue);
+        onEditingEnd();
+        setIsRichTextEditing(false);
+    }, [changeDescription, onEditingEnd, richTextValue]);
+    const onRichTextChange = useCallback((value) => {
+        setRichTextValue(value);
+    }, []);
+    useEffect(() => {
+        setRichTextValue(description);
+    }, [description]);
+    return (React.createElement("div", { className: "gd-row-header-edit" },
+        React.createElement("div", { className: "gd-editable-label-container gd-row-header-title-wrapper" },
+            React.createElement(EditableLabelWithBubble, { className: `gd-title-for-${index} s-fluid-layout-row-title-input title gd-heading-2`, maxRows: 10, value: title || "", maxLength: MAX_TITLE_LENGTH, warningLimit: TITLE_LENGTH_WARNING_LIMIT, placeholderMessage: intl.formatMessage({ id: "layout.header.add.title.placeholder" }), alignTo: `.gd-title-for-${index}`, onSubmit: onTitleSubmit, onEditingStart: onEditingStart, onCancel: onEditingEnd })),
+        React.createElement("div", { className: "gd-editable-label-container gd-row-header-description-wrapper" }, useRichText ? (React.createElement("div", { className: cx("gd-editable-label-richtext s-fluid-layout-row-description-input", {
+                "is-editing": isRichTextEditing,
+            }), onClick: onDescriptionClick, onBlur: onDescriptionBlur },
+            React.createElement(RichTextWithTooltip, { value: richTextValue, renderMode: isRichTextEditing ? "edit" : "view", onChange: onRichTextChange, editRows: 10, editPlaceholder: placeholder, emptyElement: React.createElement("div", { className: "gd-editable-label-richtext-empty" }, placeholder), showTooltip: isRichTextEditing, tooltipAlignPoints: richTextTooltipAlignPoints }))) : (React.createElement(EditableLabelWithBubble, { className: `gd-description-for-${index} s-fluid-layout-row-description-input description`, alignTo: `.gd-description-for-${index}`, maxRows: 15, value: description || "", maxLength: MAX_DESCRIPTION_LENGTH, warningLimit: DESCRIPTION_LENGTH_WARNING_LIMIT, placeholderMessage: placeholder, onSubmit: onDescriptionSubmit, onEditingStart: onEditingStart, onCancel: onEditingEnd })))));
+}
+//# sourceMappingURL=SectionHeaderEditable.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/SectionHeaderEditable.js.map

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

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/sectionHeaderHelper.d.ts

@@ -0,0 +1,7 @@
+export declare const MAX_TITLE_LENGTH = 256;
+export declare const MAX_DESCRIPTION_LENGTH = 1024;
+export declare const TITLE_LENGTH_WARNING_LIMIT = 128;
+export declare const DESCRIPTION_LENGTH_WARNING_LIMIT = 512;
+export declare function getTitle(title: string): string;
+export declare function getDescription(description: string): string;
+//# sourceMappingURL=sectionHeaderHelper.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/sectionHeaderHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionHeaderHelper.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/sectionHeaderHelper.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,eAAO,MAAM,gCAAgC,MAAM,CAAC;AAEpD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM9C;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAM1D"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/sectionHeaderHelper.js

@@ -0,0 +1,18 @@
+// (C) 2019-2024 GoodData Corporation
+export const MAX_TITLE_LENGTH = 256;
+export const MAX_DESCRIPTION_LENGTH = 1024;
+export const TITLE_LENGTH_WARNING_LIMIT = 128;
+export const DESCRIPTION_LENGTH_WARNING_LIMIT = 512;
+export function getTitle(title) {
+    if (title && title.length > MAX_TITLE_LENGTH) {
+        return title.substring(0, MAX_TITLE_LENGTH) + "...";
+    }
+    return title;
+}
+export function getDescription(description) {
+    if (description && description.length > MAX_DESCRIPTION_LENGTH) {
+        return description.substring(0, MAX_DESCRIPTION_LENGTH) + "...";
+    }
+    return description;
+}
+//# sourceMappingURL=sectionHeaderHelper.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/sectionHeaderHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionHeaderHelper.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableHeader/sectionHeaderHelper.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AACpC,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAE3C,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAC;AAC9C,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAG,CAAC;AAEpD,MAAM,UAAU,QAAQ,CAAC,KAAa;IAClC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,gBAAgB,EAAE,CAAC;QAC3C,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC;IACxD,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,WAAmB;IAC9C,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,sBAAsB,EAAE,CAAC;QAC7D,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC;IACpE,CAAC;IAED,OAAO,WAAW,CAAC;AACvB,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/RenderModeAwareDashboardLayoutSectionHeaderRenderer.d.ts

@@ -0,0 +1,8 @@
+import { IDashboardLayoutSectionHeaderRenderer } from "./interfaces.js";
+/**
+ * render function for DashboardLayoutSectionHeader respecting render mode
+ *
+ * @internal
+ */
+export declare const renderModeAwareDashboardLayoutSectionHeaderRenderer: IDashboardLayoutSectionHeaderRenderer<unknown>;
+//# sourceMappingURL=RenderModeAwareDashboardLayoutSectionHeaderRenderer.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/RenderModeAwareDashboardLayoutSectionHeaderRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderModeAwareDashboardLayoutSectionHeaderRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/RenderModeAwareDashboardLayoutSectionHeaderRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qCAAqC,EAAE,MAAM,iBAAiB,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,mDAAmD,gDAGZ,CAAC"}