@gooddata/sdk-ui-dashboard 10.14.0-alpha.2 → 10.14.0-alpha.21

package/esm/presentation/alerting/DefaultAlertingManagementDialog/components/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingManagementDialog/components/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAmB,MAAM,qBAAqB,CAAC;AAmBjG,UAAU,WAAW;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrD,MAAM,EAAE,CACJ,KAAK,EAAE,yBAAyB,EAChC,MAAM,EAAE,cAAc,GAAG,SAAS,EAClC,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,QAAQ,EAAE,MAAM,IAAI,KACnB,IAAI,CAAC;IACV,OAAO,EAAE,CAAC,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpE,KAAK,EAAE,yBAAyB,CAAC;CACpC;AAOD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6HvC,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingManagementDialog/components/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAmB,MAAM,qBAAqB,CAAC;AAqBjG,UAAU,WAAW;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrD,MAAM,EAAE,CACJ,KAAK,EAAE,yBAAyB,EAChC,MAAM,EAAE,cAAc,GAAG,SAAS,EAClC,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,QAAQ,EAAE,MAAM,IAAI,KACnB,IAAI,CAAC;IACV,OAAO,EAAE,CAAC,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpE,KAAK,EAAE,yBAAyB,CAAC;CACpC;AAOD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0HvC,CAAC"}

package/esm/presentation/alerting/DefaultAlertingManagementDialog/components/Alert.js

@@ -3,10 +3,11 @@ import React, { useCallback, useRef, useState } from "react";
 import { useIntl } from "react-intl";
 import cx from "classnames";
 import { isInsightWidget } from "@gooddata/sdk-model";
+import { ClientFormatterFacade } from "@gooddata/number-formatter";
 import { Icon, ShortenedText } from "@gooddata/sdk-ui-kit";
 import { useTheme } from "@gooddata/sdk-ui-theme-provider";
 import { gdColorNegative, gdColorStateBlank } from "../../../constants/colors.js";
-import { selectCanManageWorkspace, selectCurrentUser, selectWidgetByRef, useDashboardSelector, } from "../../../../model/index.js";
+import { selectCanManageWorkspace, selectCurrentUser, selectSeparators, selectWidgetByRef, useDashboardSelector, } from "../../../../model/index.js";
 import { AlertDropdown } from "./AlertDropdown.js";
 import { useAlertValidation } from "../../../widget/insight/configuration/InsightAlertConfig/hooks/useAlertValidation.js";
 import { getAlertThreshold, getOperatorTitle, getValueSuffix, } from "../../../widget/insight/configuration/InsightAlertConfig/utils.js";
@@ -19,7 +20,6 @@ export const Alert = (props) => {
     const { alert, onDelete, onEdit, onPause } = props;
     const intl = useIntl();
     const { isValid } = useAlertValidation(alert);
-    const threshold = getAlertThreshold(alert.alert);
     const iconColor = theme?.palette?.complementary?.c6 ?? gdColorStateBlank;
     const iconColorError = theme?.palette?.error?.base ?? gdColorNegative;
     const iconActive = React.createElement(Icon.Alert, { width: 16, height: 16, color: iconColor });
@@ -31,10 +31,8 @@ export const Alert = (props) => {
     const widget = useDashboardSelector(selectWidgetByRef(editWidgetRef));
     const insightWidget = isInsightWidget(widget) ? widget : undefined;
     const widgetName = insightWidget?.title ?? "";
-    const valueSuffix = getValueSuffix(alert.alert) ?? "";
-    const subtitle = [`${getOperatorTitle(intl, alert.alert)} ${threshold}${valueSuffix}`, widgetName]
-        .filter(Boolean)
-        .join(" • ");
+    const separators = useDashboardSelector(selectSeparators);
+    const subtitle = getSubtitle(intl, widgetName, alert, separators);
     const [hover, setHover] = useState(false);
     const [dropdownOpened, toggleDropdownOpened] = useState(false);
     const buttonRef = useRef(null);
@@ -85,4 +83,13 @@ export const Alert = (props) => {
                     React.createElement("span", { className: "gd-notifications-channel-subtitle" },
                         React.createElement(ShortenedText, { className: "gd-notifications-channel-shortened-text", tooltipAlignPoints: TEXT_TOOLTIP_ALIGN_POINTS }, subtitle)))))));
 };
+function getSubtitle(intl, widgetName, alert, separators) {
+    const valueSuffix = getValueSuffix(alert.alert) ?? "";
+    const threshold = getAlertThreshold(alert.alert);
+    const convertedValue = ClientFormatterFacade.convertValue(threshold);
+    const { formattedValue } = ClientFormatterFacade.formatValue(convertedValue, undefined, separators);
+    return [`${getOperatorTitle(intl, alert.alert)} ${formattedValue}${valueSuffix}`, widgetName]
+        .filter(Boolean)
+        .join(" • ");
+}
 //# sourceMappingURL=Alert.js.map

package/esm/presentation/alerting/DefaultAlertingManagementDialog/components/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingManagementDialog/components/Alert.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingManagementDialog/components/Alert.tsx"],"names":[],"mappings":"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"}

package/esm/presentation/constants/classes.d.ts

@@ -0,0 +1,2 @@
+export declare const IGNORED_CONFIGURATION_MENU_CLICK_CLASS = "gd-configuration-menu-ignore-click";
+//# sourceMappingURL=classes.d.ts.map

package/esm/presentation/constants/classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../../src/presentation/constants/classes.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,sCAAsC,uCAAuC,CAAC"}

package/esm/presentation/constants/classes.js

@@ -0,0 +1,3 @@
+// (C) 2021-2024 GoodData Corporation
+export const IGNORED_CONFIGURATION_MENU_CLICK_CLASS = "gd-configuration-menu-ignore-click";
+//# sourceMappingURL=classes.js.map

package/esm/presentation/constants/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../src/presentation/constants/classes.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,MAAM,CAAC,MAAM,sCAAsC,GAAG,oCAAoC,CAAC"}

package/esm/presentation/constants/index.d.ts

@@ -2,4 +2,5 @@ export * from "./zIndex.js";
 export * from "./layout.js";
 export * from "./dashboard.js";
 export * from "./colors.js";
+export * from "./classes.js";
 //# sourceMappingURL=index.d.ts.map

package/esm/presentation/constants/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presentation/constants/index.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presentation/constants/index.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/esm/presentation/constants/index.js

@@ -3,4 +3,5 @@ export * from "./zIndex.js";
 export * from "./layout.js";
 export * from "./dashboard.js";
 export * from "./colors.js";
+export * from "./classes.js";
 //# sourceMappingURL=index.js.map

package/esm/presentation/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presentation/constants/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presentation/constants/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/esm/presentation/constants/layout.d.ts

@@ -7,6 +7,7 @@ export declare const SCREEN_BREAKPOINT_MD = 940;
 export declare const SCREEN_BREAKPOINT_LG = 1170;
 export declare const SCREEN_BREAKPOINT_XL = 1590;
 export declare const SCREEN_BREAKPOINT_XXL = 99999999;
+export declare const DASHBOARD_LAYOUT_BREAK_POINTS: number[];
 export declare const DASHBOARD_LAYOUT_GRID_CONFIGURATION: Configuration;
 export declare const DASHBOARD_LAYOUT_CONTAINER_WIDTHS: {
     xs: number;

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

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/presentation/constants/layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,UAAU,EAAmC,CAAC;AAGxE,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,oBAAoB,OAAO,CAAC;AACzC,eAAO,MAAM,oBAAoB,OAAO,CAAC;AACzC,eAAO,MAAM,qBAAqB,WAAW,CAAC;AAgB9C,eAAO,MAAM,mCAAmC,EAAE,aAMjD,CAAC;AAMF,eAAO,MAAM,iCAAiC;;;;;;CAM7C,CAAC;AAEF,eAAO,MAAM,uCAAuC,MAAM,CAAC;AAE3D,eAAO,MAAM,uCAAuC,MAAM,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/presentation/constants/layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,UAAU,EAAmC,CAAC;AAGxE,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,oBAAoB,OAAO,CAAC;AACzC,eAAO,MAAM,oBAAoB,OAAO,CAAC;AACzC,eAAO,MAAM,qBAAqB,WAAW,CAAC;AAS9C,eAAO,MAAM,6BAA6B,EAAE,MAAM,EAKjD,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,aAMjD,CAAC;AAMF,eAAO,MAAM,iCAAiC;;;;;;CAM7C,CAAC;AAEF,eAAO,MAAM,uCAAuC,MAAM,CAAC;AAE3D,eAAO,MAAM,uCAAuC,MAAM,CAAC"}

package/esm/presentation/constants/layout.js

@@ -11,7 +11,7 @@ const DASHBOARD_LAYOUT_BREAKPOINT_XS = SCREEN_BREAKPOINT_XS + 1;
 const DASHBOARD_LAYOUT_BREAKPOINT_SM = SCREEN_BREAKPOINT_SM + 1;
 const DASHBOARD_LAYOUT_BREAKPOINT_MD = SCREEN_BREAKPOINT_LG + 1;
 const DASHBOARD_LAYOUT_BREAKPOINT_LG = SCREEN_BREAKPOINT_XL + 1;
-const DASHBOARD_LAYOUT_BREAK_POINTS = [
+export const DASHBOARD_LAYOUT_BREAK_POINTS = [
     DASHBOARD_LAYOUT_BREAKPOINT_XS,
     DASHBOARD_LAYOUT_BREAKPOINT_SM,
     DASHBOARD_LAYOUT_BREAKPOINT_MD,

package/esm/presentation/constants/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/presentation/constants/layout.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAExE,cAAc;AACd,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC;AACzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC;AACzC,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAE9C,MAAM,6BAA6B,GAAG,CAAC,CAAC;AAExC,MAAM,8BAA8B,GAAG,oBAAoB,GAAG,CAAC,CAAC;AAChE,MAAM,8BAA8B,GAAG,oBAAoB,GAAG,CAAC,CAAC;AAChE,MAAM,8BAA8B,GAAG,oBAAoB,GAAG,CAAC,CAAC;AAChE,MAAM,8BAA8B,GAAG,oBAAoB,GAAG,CAAC,CAAC;AAEhE,MAAM,6BAA6B,GAAa;IAC5C,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAAkB;IAC9D,2EAA2E;IAC3E,cAAc,EAAE,IAAI;IACpB,kBAAkB,EAAE,SAAS;IAC7B,WAAW,EAAE,6BAA6B;IAC1C,WAAW,EAAE,6BAA6B;CAC7C,CAAC;AAEF,uBAAuB;AACvB,MAAM,wBAAwB,GAAG,CAAC,CAAC;AAEnC,oDAAoD;AACpD,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC7C,EAAE,EAAE,GAAG,GAAG,wBAAwB,EAAE,mCAAmC;IACvE,EAAE,EAAE,GAAG,GAAG,wBAAwB,EAAE,mCAAmC;IACvE,EAAE,EAAE,GAAG,GAAG,wBAAwB,EAAE,mCAAmC;IACvE,EAAE,EAAE,IAAI,GAAG,wBAAwB,EAAE,mCAAmC;IACxE,EAAE,EAAE,IAAI,GAAG,wBAAwB,EAAE,6CAA6C;CACrF,CAAC;AAEF,MAAM,CAAC,MAAM,uCAAuC,GAAG,GAAG,CAAC;AAE3D,MAAM,CAAC,MAAM,uCAAuC,GAAG,GAAG,CAAC"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/presentation/constants/layout.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAExE,cAAc;AACd,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC;AACzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC;AACzC,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAE9C,MAAM,6BAA6B,GAAG,CAAC,CAAC;AAExC,MAAM,8BAA8B,GAAG,oBAAoB,GAAG,CAAC,CAAC;AAChE,MAAM,8BAA8B,GAAG,oBAAoB,GAAG,CAAC,CAAC;AAChE,MAAM,8BAA8B,GAAG,oBAAoB,GAAG,CAAC,CAAC;AAChE,MAAM,8BAA8B,GAAG,oBAAoB,GAAG,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,6BAA6B,GAAa;IACnD,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAAkB;IAC9D,2EAA2E;IAC3E,cAAc,EAAE,IAAI;IACpB,kBAAkB,EAAE,SAAS;IAC7B,WAAW,EAAE,6BAA6B;IAC1C,WAAW,EAAE,6BAA6B;CAC7C,CAAC;AAEF,uBAAuB;AACvB,MAAM,wBAAwB,GAAG,CAAC,CAAC;AAEnC,oDAAoD;AACpD,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC7C,EAAE,EAAE,GAAG,GAAG,wBAAwB,EAAE,mCAAmC;IACvE,EAAE,EAAE,GAAG,GAAG,wBAAwB,EAAE,mCAAmC;IACvE,EAAE,EAAE,GAAG,GAAG,wBAAwB,EAAE,mCAAmC;IACvE,EAAE,EAAE,IAAI,GAAG,wBAAwB,EAAE,mCAAmC;IACxE,EAAE,EAAE,IAAI,GAAG,wBAAwB,EAAE,6CAA6C;CACrF,CAAC;AAEF,MAAM,CAAC,MAAM,uCAAuC,GAAG,GAAG,CAAC;AAE3D,MAAM,CAAC,MAAM,uCAAuC,GAAG,GAAG,CAAC"}

package/esm/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDashboardMainContent.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAQzC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C;;GAEG;AACH,eAAO,MAAM,2BAA2B,MAAO,eAAe,sBAgC7D,CAAC"}
+{"version":3,"file":"DefaultDashboardMainContent.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAYzC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C;;GAEG;AACH,eAAO,MAAM,2BAA2B,MAAO,eAAe,sBAsC7D,CAAC"}

package/esm/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.js

@@ -1,6 +1,7 @@
 // (C) 2023-2024 GoodData Corporation
 import React, { useEffect } from "react";
-import { useDispatchDashboardCommand, changeFilterContextSelection, useWidgetSelection, } from "../../../model/index.js";
+import cx from "classnames";
+import { useDispatchDashboardCommand, changeFilterContextSelection, useWidgetSelection, useDashboardSelector, selectEnableFlexibleLayout, } from "../../../model/index.js";
 import { useDashboardDrop, useWidgetDragHoverHandlers } from "../../dragAndDrop/index.js";
 import { DashboardLayout } from "../../layout/index.js";
 import { DateFilterConfigWarnings } from "../components/DateFilterConfigWarnings.js";
@@ -27,7 +28,11 @@ export const DefaultDashboardMainContent = (_) => {
             handleDragHoverEnd();
         }
     }, [handleDragHoverEnd, isOver]);
-    return (React.createElement("div", { className: "gd-flex-container root-flex-maincontent", ref: dropRef, onClick: deselectWidgets },
+    const isFlexibleLayoutEnabled = useDashboardSelector(selectEnableFlexibleLayout);
+    const classNames = cx("gd-flex-container", "root-flex-maincontent", {
+        "gd-grid-layout": isFlexibleLayoutEnabled,
+    });
+    return (React.createElement("div", { className: classNames, ref: dropRef, onClick: deselectWidgets },
         React.createElement(DateFilterConfigWarnings, null),
         React.createElement(DashboardLayout, { onFiltersChange: onFiltersChange })));
 };

package/esm/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDashboardMainContent.js","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EACH,2BAA2B,EAC3B,4BAA4B,EAC5B,kBAAkB,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,CAAkB,EAAE,EAAE;IAC9D,MAAM,eAAe,GAAG,2BAA2B,CAAC,4BAA4B,CAAC,CAAC;IAClF,MAAM,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEjD,MAAM,EAAE,kBAAkB,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAC1C;QACI,SAAS;QACT,qBAAqB;QACrB,iBAAiB;QACjB,KAAK;QACL,iBAAiB;QACjB,UAAU;QACV,kBAAkB;QAClB,uBAAuB;QACvB,+BAA+B;KAClC,EACD,EAAE,CACL,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,kBAAkB,EAAE,CAAC;QACzB,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEjC,OAAO,CACH,6BAAK,SAAS,EAAC,yCAAyC,EAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe;QAC3F,oBAAC,wBAAwB,OAAG;QAC5B,oBAAC,eAAe,IAAC,eAAe,EAAE,eAAe,GAAI,CACnD,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"DefaultDashboardMainContent.js","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EACH,2BAA2B,EAC3B,4BAA4B,EAC5B,kBAAkB,EAClB,oBAAoB,EACpB,0BAA0B,GAC7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,CAAkB,EAAE,EAAE;IAC9D,MAAM,eAAe,GAAG,2BAA2B,CAAC,4BAA4B,CAAC,CAAC;IAClF,MAAM,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEjD,MAAM,EAAE,kBAAkB,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAC1C;QACI,SAAS;QACT,qBAAqB;QACrB,iBAAiB;QACjB,KAAK;QACL,iBAAiB;QACjB,UAAU;QACV,kBAAkB;QAClB,uBAAuB;QACvB,+BAA+B;KAClC,EACD,EAAE,CACL,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,kBAAkB,EAAE,CAAC;QACzB,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEjC,MAAM,uBAAuB,GAAG,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;IAEjF,MAAM,UAAU,GAAG,EAAE,CAAC,mBAAmB,EAAE,uBAAuB,EAAE;QAChE,gBAAgB,EAAE,uBAAuB;KAC5C,CAAC,CAAC;IAEH,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe;QAC9D,oBAAC,wBAAwB,OAAG;QAC5B,oBAAC,eAAe,IAAC,eAAe,EAAE,eAAe,GAAI,CACnD,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/dashboard/components/DashboardMainContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardMainContent.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardMainContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,eAAO,MAAM,oBAAoB,iFAqC/B,CAAC"}
+{"version":3,"file":"DashboardMainContent.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardMainContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAYhE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,oBAAoB,iFA2C/B,CAAC"}

package/esm/presentation/dashboard/components/DashboardMainContent.js

@@ -1,6 +1,7 @@
 // (C) 2022-2024 GoodData Corporation
 import React, { forwardRef, useEffect } from "react";
-import { useDispatchDashboardCommand, changeFilterContextSelection, useWidgetSelection, } from "../../../model/index.js";
+import cx from "classnames";
+import { useDispatchDashboardCommand, changeFilterContextSelection, useWidgetSelection, useDashboardSelector, selectEnableFlexibleLayout, } from "../../../model/index.js";
 import { useDashboardDrop, useWidgetDragHoverHandlers } from "../../dragAndDrop/index.js";
 import { DashboardLayout } from "../../layout/index.js";
 import { DateFilterConfigWarnings } from "./DateFilterConfigWarnings.js";
@@ -24,8 +25,12 @@ export const DashboardMainContent = forwardRef(function DashboardMainContent(_,
             handleDragHoverEnd();
         }
     }, [handleDragHoverEnd, isOver]);
+    const isFlexibleLayoutEnabled = useDashboardSelector(selectEnableFlexibleLayout);
+    const classNames = cx("gd-flex-container", "root-flex-maincontent", {
+        "gd-grid-layout": isFlexibleLayoutEnabled,
+    });
     return (React.createElement("div", { className: "gd-flex-item-stretch dash-section dash-section-kpis", ref: ref },
-        React.createElement("div", { className: "gd-flex-container root-flex-maincontent", ref: dropRef, onClick: deselectWidgets },
+        React.createElement("div", { className: classNames, ref: dropRef, onClick: deselectWidgets },
             React.createElement(DateFilterConfigWarnings, null),
             React.createElement(DashboardLayout, { onFiltersChange: onFiltersChange }))));
 });

package/esm/presentation/dashboard/components/DashboardMainContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardMainContent.js","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardMainContent.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EACH,2BAA2B,EAC3B,4BAA4B,EAC5B,kBAAkB,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAAC,SAAS,oBAAoB,CAAC,CAAkB,EAAE,GAAG;IAChG,MAAM,eAAe,GAAG,2BAA2B,CAAC,4BAA4B,CAAC,CAAC;IAClF,MAAM,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEjD,MAAM,EAAE,kBAAkB,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAC1C;QACI,SAAS;QACT,qBAAqB;QACrB,iBAAiB;QACjB,KAAK;QACL,iBAAiB;QACjB,UAAU;QACV,kBAAkB;QAClB,uBAAuB;QACvB,+BAA+B;KAClC,EACD,EAAE,CACL,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,kBAAkB,EAAE,CAAC;QACzB,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEjC,OAAO,CACH,6BACI,SAAS,EAAC,qDAAqD,EAC/D,GAAG,EAAE,GAAgC;QAErC,6BAAK,SAAS,EAAC,yCAAyC,EAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe;YAC3F,oBAAC,wBAAwB,OAAG;YAC5B,oBAAC,eAAe,IAAC,eAAe,EAAE,eAAe,GAAI,CACnD,CACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DashboardMainContent.js","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardMainContent.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EACH,2BAA2B,EAC3B,4BAA4B,EAC5B,kBAAkB,EAClB,oBAAoB,EACpB,0BAA0B,GAC7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAAC,SAAS,oBAAoB,CAAC,CAAkB,EAAE,GAAG;IAChG,MAAM,eAAe,GAAG,2BAA2B,CAAC,4BAA4B,CAAC,CAAC;IAClF,MAAM,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEjD,MAAM,EAAE,kBAAkB,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAC1C;QACI,SAAS;QACT,qBAAqB;QACrB,iBAAiB;QACjB,KAAK;QACL,iBAAiB;QACjB,UAAU;QACV,kBAAkB;QAClB,uBAAuB;QACvB,+BAA+B;KAClC,EACD,EAAE,CACL,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,kBAAkB,EAAE,CAAC;QACzB,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEjC,MAAM,uBAAuB,GAAG,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;IAEjF,MAAM,UAAU,GAAG,EAAE,CAAC,mBAAmB,EAAE,uBAAuB,EAAE;QAChE,gBAAgB,EAAE,uBAAuB;KAC5C,CAAC,CAAC;IAEH,OAAO,CACH,6BACI,SAAS,EAAC,qDAAqD,EAC/D,GAAG,EAAE,GAAgC;QAErC,6BAAK,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe;YAC9D,oBAAC,wBAAwB,OAAG;YAC5B,oBAAC,eAAe,IAAC,eAAe,EAAE,eAAe,GAAI,CACnD,CACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { IDashboardWidgetOverlay } from "../../../model/index.js";
+type DashboardItemOverlayProps = {
+    render?: boolean;
+    type: "row" | "column";
+    modifications: Required<IDashboardWidgetOverlay>["modification"][];
+    onHide?: () => void;
+};
+export declare const DashboardItemOverlay: React.FunctionComponent<DashboardItemOverlayProps>;
+export {};
+//# sourceMappingURL=DashboardItemOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardItemOverlay.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DashboardItemOverlay/DashboardItemOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAQlE,KAAK,yBAAyB,GAAG;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IACvB,aAAa,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC;IACnE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAkDnF,CAAC"}

package/esm/presentation/flexibleLayout/DashboardItemOverlay/DashboardItemOverlay.js

@@ -0,0 +1,53 @@
+// (C) 2020-2024 GoodData Corporation
+import React, { useState } from "react";
+import classNames from "classnames";
+import { Button } from "@gooddata/sdk-ui-kit";
+import DefaultMeasure from "react-measure";
+import { useTheme } from "@gooddata/sdk-ui-theme-provider";
+import { FormattedMessage, useIntl } from "react-intl";
+import { defaultImport } from "default-import";
+// There are known compatibility issues between CommonJS (CJS) and ECMAScript modules (ESM).
+// In ESM, default exports of CJS modules are wrapped in default properties instead of being exposed directly.
+// https://github.com/microsoft/TypeScript/issues/52086#issuecomment-1385978414
+const Measure = defaultImport(DefaultMeasure);
+export const DashboardItemOverlay = ({ render, type, modifications, onHide, }) => {
+    const intl = useIntl();
+    const added = modifications.includes("insertedByPlugin");
+    const modified = modifications.includes("modifiedByPlugin");
+    const theme = useTheme();
+    const [size, setSize] = useState("none");
+    const [height, setHeight] = useState(0);
+    const classes = classNames("gd-fluidlayout-item-changed", {
+        [type]: true,
+        [size]: true,
+        added: added,
+        modified: modified,
+    });
+    const show = render && (added || modified);
+    return show ? (React.createElement(Measure, { client: true, onResize: (data) => {
+            if (data.client) {
+                setSize(data.client.height < 100 ? "small" : "big");
+                setHeight(data.client.height);
+            }
+        } }, ({ measureRef }) => (React.createElement("div", { className: classes, ref: measureRef },
+        React.createElement("div", { className: "gd-fluidlayout-item-changed-content" },
+            React.createElement("div", { className: "gd-fluidlayout-item-changed-icon", style: height ? { height } : {} },
+                React.createElement(PluginIcon, { color: theme?.palette?.complementary?.c7 })),
+            React.createElement("div", { className: "gd-fluidlayout-item-changed-info" },
+                React.createElement(DashboardItemOverlayInfo, { added: added, modified: modified })),
+            React.createElement(Button, { className: "gd-button gd-button-link", value: intl.formatMessage({ id: "layout.widget.hideOverlay" }), onClick: onHide })))))) : null;
+};
+const DashboardItemOverlayInfo = ({ added, modified, }) => {
+    if (added) {
+        return React.createElement(FormattedMessage, { id: "layout.widget.addedByPlugin" });
+    }
+    if (modified) {
+        return React.createElement(FormattedMessage, { id: "layout.widget.modifiedByPlugin" });
+    }
+    return null;
+};
+const PluginIcon = ({ color }) => {
+    return (React.createElement("svg", { width: "29", height: "35", viewBox: "0 0 29 35", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M15.6264 2.50847C14.8954 2.26481 14.1052 2.26481 13.3742 2.50847L13.2559 2.54788C11.124 3.25852 10.1752 5.74192 11.2901 7.69306L11.8345 8.64571C12.6873 10.1381 11.3879 11.9409 9.70247 11.6038L2.30263 10.1238C2.16491 10.0963 2.03641 10.2016 2.03641 10.342V32.3544C2.03641 32.4773 2.13606 32.577 2.25898 32.577H25.7456C25.859 32.577 25.9543 32.4917 25.9668 32.379L26.7587 25.2513C26.7776 25.0818 26.6066 24.955 26.4499 25.0222L23.9499 26.0936C21.5157 27.1368 18.6851 26.2215 17.3226 23.9506C16.3163 22.2735 16.3163 20.1783 17.3226 18.5012C18.6851 16.2303 21.5157 15.315 23.9499 16.3582L26.4499 17.4296C26.6066 17.4968 26.7776 17.37 26.7587 17.2005L25.9937 10.3154C25.9791 10.1838 25.8535 10.0939 25.7242 10.1227L19.3749 11.5336C17.6773 11.9109 16.3383 10.0943 17.2011 8.58438L17.7105 7.69306C18.8254 5.74192 17.8766 3.25852 15.7447 2.54788L15.6264 2.50847ZM12.8111 0.819283C13.9076 0.453794 15.093 0.453794 16.1895 0.819283L16.3077 0.858699C19.5056 1.92465 20.9288 5.64975 19.2564 8.57646L18.7471 9.46779C18.6512 9.63555 18.8 9.8374 18.9886 9.79548L25.338 8.38451C26.5014 8.12598 27.6318 8.93425 27.7634 10.1187L28.5284 17.0039C28.6979 18.5293 27.1592 19.6708 25.7485 19.0662L23.2485 17.9948C21.6327 17.3024 19.7538 17.9099 18.8494 19.4173C18.1815 20.5305 18.1815 21.9213 18.8494 23.0345C19.7538 24.5419 21.6327 25.1495 23.2485 24.457L25.7485 23.3856C27.1592 22.781 28.6979 23.9225 28.5284 25.448L27.7364 32.5756C27.6237 33.59 26.7663 34.3575 25.7456 34.3575H2.25898C1.15269 34.3575 0.255859 33.4607 0.255859 32.3544V10.342C0.255859 9.07798 1.41231 8.12991 2.65183 8.37782L10.0517 9.85778C10.2389 9.89524 10.3833 9.69493 10.2886 9.52911L9.74419 8.57646C8.07178 5.64975 9.49501 1.92465 12.6929 0.858699L12.8111 0.819283Z", fill: color ?? "#687581" })));
+};
+//# sourceMappingURL=DashboardItemOverlay.js.map

package/esm/presentation/flexibleLayout/DashboardItemOverlay/DashboardItemOverlay.js.map

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

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { IDashboardLayoutSectionFacade } from "../../../_staging/dashboard/fluidLayout/index.js";
+interface IDashboardLayoutSectionOverlayControllerProps {
+    section: IDashboardLayoutSectionFacade<unknown>;
+}
+export declare const DashboardLayoutSectionOverlayController: React.FC<IDashboardLayoutSectionOverlayControllerProps>;
+export {};
+//# sourceMappingURL=DashboardItemOverlayController.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardItemOverlayController.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/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"}

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

@@ -0,0 +1,17 @@
+// (C) 2022-2024 GoodData Corporation
+import React from "react";
+import { useDashboardSelector, useDashboardDispatch, selectWidgetsOverlayState, selectSectionModification, uiActions, } from "../../../model/index.js";
+import { getRefsForSection } from "../refs.js";
+import { DashboardItemOverlay } from "./DashboardItemOverlay.js";
+export const DashboardLayoutSectionOverlayController = (props) => {
+    const { section } = props;
+    const dispatch = useDashboardDispatch();
+    const refs = getRefsForSection(section);
+    const overlayShow = useDashboardSelector(selectWidgetsOverlayState(refs));
+    const sectionModifications = useDashboardSelector(selectSectionModification(refs));
+    return (React.createElement(DashboardItemOverlay, { type: "column", onHide: () => dispatch(uiActions.toggleWidgetsOverlay({
+            refs: section.items().map((item) => item.ref()),
+            visible: false,
+        })), render: overlayShow, modifications: sectionModifications }));
+};
+//# sourceMappingURL=DashboardItemOverlayController.js.map

package/esm/presentation/flexibleLayout/DashboardItemOverlay/DashboardItemOverlayController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardItemOverlayController.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DashboardItemOverlay/DashboardItemOverlayController.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,oBAAoB,EACpB,oBAAoB,EACpB,yBAAyB,EACzB,yBAAyB,EACzB,SAAS,GACZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAMjE,MAAM,CAAC,MAAM,uCAAuC,GAEhD,CAAC,KAAK,EAAE,EAAE;IACV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACxC,MAAM,WAAW,GAAG,oBAAoB,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1E,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,CAAC;IACnF,OAAO,CACH,oBAAC,oBAAoB,IACjB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,GAAG,EAAE,CACT,QAAQ,CACJ,SAAS,CAAC,oBAAoB,CAAC;YAC3B,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YAC/C,OAAO,EAAE,KAAK;SACjB,CAAC,CACL,EAEL,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,oBAAoB,GACrC,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IDashboardLayoutProps } from "./types.js";
+/**
+ * @internal
+ */
+export declare const DashboardLayout: (props: IDashboardLayoutProps) => JSX.Element;
+//# sourceMappingURL=DashboardLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/DashboardLayout.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,eAAe,UAAW,qBAAqB,KAAG,WAI9D,CAAC"}

package/esm/presentation/flexibleLayout/DashboardLayout.js

@@ -0,0 +1,11 @@
+// (C) 2020-2024 GoodData Corporation
+import React from "react";
+import { useDashboardComponentsContext } from "../dashboardContexts/index.js";
+/**
+ * @internal
+ */
+export const DashboardLayout = (props) => {
+    const { LayoutComponent } = useDashboardComponentsContext();
+    return React.createElement(LayoutComponent, { ...props });
+};
+//# sourceMappingURL=DashboardLayout.js.map

package/esm/presentation/flexibleLayout/DashboardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.js","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAG9E;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA4B,EAAe,EAAE;IACzE,MAAM,EAAE,eAAe,EAAE,GAAG,6BAA6B,EAAE,CAAC;IAE5D,OAAO,oBAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AAC1C,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { ExtendedDashboardWidget } from "../../model/index.js";
+import { IDashboardWidgetProps } from "../widget/index.js";
+import { IDashboardLayoutWidgetRenderer } from "./DefaultDashboardLayoutRenderer/index.js";
+/**
+ * @internal
+ */
+export declare const DashboardLayoutWidget: IDashboardLayoutWidgetRenderer<ExtendedDashboardWidget, Pick<IDashboardWidgetProps, "onError" | "onDrill" | "onFiltersChange">>;
+//# sourceMappingURL=DashboardLayoutWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutWidget.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/DashboardLayoutWidget.tsx"],"names":[],"mappings":"AAaA,OAAO,EACH,uBAAuB,EAc1B,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,CAsKzE,CAAC"}

package/esm/presentation/flexibleLayout/DashboardLayoutWidget.js

@@ -0,0 +1,199 @@
+// (C) 2020-2024 GoodData Corporation
+import { isInsightWidget, isKpiWidget, isRichTextWidget, isVisualizationSwitcherWidget, } from "@gooddata/sdk-model";
+import { WIDGET_DROPZONE_SIZE_INFO_DEFAULT } from "@gooddata/sdk-ui-ext";
+import React, { useRef } from "react";
+import cx from "classnames";
+import { isCustomWidget, selectEnableWidgetCustomHeight, selectInsightsMap, selectIsInEditMode, selectSettings, uiActions, useDashboardDispatch, useDashboardSelector, selectWidgetsOverlayState, selectWidgetsModification, selectSectionModification, selectIsExport, useWidgetSelection, } from "../../model/index.js";
+import { isAnyPlaceholderWidget, isPlaceholderWidget } from "../../widgets/index.js";
+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 { 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";
+/**
+ * Tests in KD require widget index for css selectors.
+ * Widget index equals to the widget order in the layout.
+ * Also, placeholders are ignored for this.
+ */
+function getWidgetIndex(item) {
+    const sectionIndex = item.section().index();
+    const isIgnoredForIndexes = (widget) => {
+        return !widget || isAnyPlaceholderWidget(widget);
+    };
+    let itemsInSectionsBefore = 0;
+    for (let i = 0; i < sectionIndex; i += 1) {
+        itemsInSectionsBefore +=
+            item
+                .section()
+                .layout()
+                .section(i)
+                ?.items()
+                .filter((i) => !isIgnoredForIndexes(i.widget())).length ?? 0;
+    }
+    const ignoredWidgetsBeforeItemCount = item
+        .section()
+        .items()
+        .filter((i) => i.index() < item.index() && isIgnoredForIndexes(i.widget())).length;
+    return itemsInSectionsBefore + item.index() - ignoredWidgetsBeforeItemCount;
+}
+/**
+ * @internal
+ */
+export const DashboardLayoutWidget = (props) => {
+    const { item, screen, DefaultWidgetRenderer, onDrill, onFiltersChange, onError, getLayoutDimensions } = props;
+    const dispatch = useDashboardDispatch();
+    const insights = useDashboardSelector(selectInsightsMap);
+    const settings = useDashboardSelector(selectSettings);
+    const isInEditMode = useDashboardSelector(selectIsInEditMode);
+    const isExport = useDashboardSelector(selectIsExport);
+    const enableWidgetCustomHeight = useDashboardSelector(selectEnableWidgetCustomHeight);
+    const handleDragEnd = useWidgetDragEndHandler();
+    // TODO: we should probably do something more meaningful when item has no widget; should that even
+    //  be allowed? undefined widget will make things explode down the line away so..
+    const widget = item.widget();
+    const isCustom = isCustomWidget(widget);
+    const isDraggableWidgetType = !(isPlaceholderWidget(widget) || isCustom);
+    const { isSelected } = useWidgetSelection(widget.ref);
+    const isRichText = isRichTextWidget(widget);
+    const isRichTextWidgetInEditState = isSelected && isRichText;
+    const [{ isDragging }, dragRef] = useDashboardDrag({
+        dragItem: () => {
+            return createDraggableItem(item, insights, settings);
+        },
+        canDrag: isInEditMode && isDraggableWidgetType && !isRichTextWidgetInEditState,
+        dragStart: (item) => {
+            dispatch(uiActions.setDraggingWidgetSource(item));
+        },
+        dragEnd: handleDragEnd,
+    }, [item, insights, isInEditMode, isDraggableWidgetType, isRichTextWidgetInEditState]);
+    const { ErrorComponent, LoadingComponent } = useDashboardComponentsContext();
+    const currentSize = item.size()[screen];
+    const minHeight = calculateWidgetMinHeight(widget, currentSize, insights, settings);
+    const height = currentSize.heightAsRatio && !currentSize.gridHeight
+        ? getDashboardLayoutItemHeightForRatioAndScreen(currentSize, screen)
+        : undefined;
+    const allowOverflow = !!currentSize.heightAsRatio;
+    const className = enableWidgetCustomHeight ? "custom-height" : undefined;
+    const index = getWidgetIndex(item);
+    const refs = getRefsForItem(item);
+    const sectionModifications = useDashboardSelector(selectSectionModification(getRefsForSection(item.section())));
+    const itemModifications = useDashboardSelector(selectWidgetsModification(refs));
+    const overlayShow = useDashboardSelector(selectWidgetsOverlayState(refs));
+    const { isActive, isResizingColumnOrRow, heightLimitReached, widthLimitReached } = useResizeItemStatus(widget.identifier);
+    const contentRef = useRef(null);
+    function getWidthInPx() {
+        return contentRef?.current
+            ? contentRef.current.getBoundingClientRect().width
+            : DEFAULT_COLUMN_CLIENT_WIDTH;
+    }
+    function getHeightInPx() {
+        return contentRef?.current
+            ? contentRef.current.getBoundingClientRect().height
+            : DEFAULT_WIDTH_RESIZER_HEIGHT;
+    }
+    function getGridColumnWidth() {
+        const columnWidthInGC = item.sizeForScreen(screen)?.gridWidth;
+        const columnWidthInPx = getWidthInPx();
+        return columnWidthInPx / columnWidthInGC;
+    }
+    const canShowHotspot = isInEditMode && !isDragging;
+    return (React.createElement(DefaultWidgetRenderer, { DefaultWidgetRenderer: DefaultWidgetRenderer, item: item, screen: screen, allowOverflow: allowOverflow, height: height, minHeight: minHeight, className: className, contentRef: contentRef, getLayoutDimensions: getLayoutDimensions },
+        React.createElement("div", { ref: dragRef, className: cx([
+                "dashboard-widget-draggable-wrapper",
+                { "gd-custom-widget-export": isCustom && isExport },
+            ]) },
+            React.createElement(DashboardWidget
+            // @ts-expect-error Don't expose index prop on public interface (we need it only for css class for KD tests)
+            , { 
+                // @ts-expect-error Don't expose index prop on public interface (we need it only for css class for KD tests)
+                index: index, screen: screen, onDrill: onDrill, onError: onError, onFiltersChange: onFiltersChange, widget: widget, parentLayoutItemSize: item.size(), ErrorComponent: ErrorComponent, LoadingComponent: LoadingComponent })),
+        canShowHotspot && !isAnyPlaceholderWidget(widget) ? (React.createElement(React.Fragment, null,
+            React.createElement(ResizeOverlay, { isActive: isActive, isResizingColumnOrRow: isResizingColumnOrRow, reachedWidthLimit: widthLimitReached, reachedHeightLimit: heightLimitReached }),
+            !isCustomWidget(widget) ? (React.createElement(React.Fragment, null,
+                React.createElement(Hotspot, { dropZoneType: "prev", itemIndex: item.index(), sectionIndex: item.section().index(), isLastInSection: false }),
+                React.createElement(Hotspot, { dropZoneType: "next", itemIndex: item.index(), sectionIndex: item.section().index(), isLastInSection: item.isLast() }),
+                React.createElement(WidthResizerHotspot, { item: item, screen: screen, getGridColumnHeightInPx: getHeightInPx, getGridColumnWidth: getGridColumnWidth, getLayoutDimensions: getLayoutDimensions }))) : null)) : null,
+        React.createElement(DashboardItemOverlay, { type: "column", onHide: () => dispatch(uiActions.toggleWidgetsOverlay({
+                refs: [item.ref()],
+                visible: false,
+            })), render: Boolean(isInEditMode && overlayShow) && !sectionModifications.includes("insertedByPlugin"), modifications: itemModifications })));
+};
+function getFilledSize(itemSize, sizeInfo) {
+    return {
+        gridWidth: itemSize.xl?.gridWidth ||
+            sizeInfo?.width.default ||
+            WIDGET_DROPZONE_SIZE_INFO_DEFAULT.width.default,
+        gridHeight: itemSize.xl?.gridHeight ||
+            sizeInfo?.height.default ||
+            WIDGET_DROPZONE_SIZE_INFO_DEFAULT.height.default,
+    };
+}
+function createDraggableItem(item, insights, settings) {
+    const widget = item.widget();
+    const { sectionIndex, itemIndex } = getLayoutCoordinates(item);
+    const size = item.size();
+    const isOnlyItemInSection = item.section().items().count() === 1;
+    if (isKpiWidget(widget)) {
+        const sizeInfo = getSizeInfo(settings, "kpi", widget.kpi);
+        return {
+            type: "kpi",
+            kpi: widget.kpi,
+            title: widget.title,
+            sectionIndex,
+            itemIndex,
+            isOnlyItemInSection,
+            size: getFilledSize(size, sizeInfo),
+        };
+    }
+    else if (isInsightWidget(widget)) {
+        const insight = insights.get(widget.insight);
+        const sizeInfo = getSizeInfo(settings, "kpi", insight);
+        return {
+            type: "insight",
+            insight,
+            sectionIndex,
+            itemIndex,
+            title: widget.title,
+            isOnlyItemInSection,
+            size: getFilledSize(size, sizeInfo),
+        };
+    }
+    else if (isRichTextWidget(widget)) {
+        const sizeInfo = getSizeInfo(settings, "richText");
+        return {
+            type: "richText",
+            sectionIndex,
+            itemIndex,
+            title: widget.title,
+            isOnlyItemInSection,
+            size: getFilledSize(size, sizeInfo),
+        };
+    }
+    else if (isVisualizationSwitcherWidget(widget)) {
+        const sizeInfo = getSizeInfo(settings, "visualizationSwitcher");
+        return {
+            type: "visualizationSwitcher",
+            sectionIndex,
+            itemIndex,
+            title: widget.title,
+            isOnlyItemInSection,
+            size: getFilledSize(size, sizeInfo),
+        };
+    }
+    else {
+        return {
+            type: widget.type,
+            widget,
+            sectionIndex,
+            itemIndex,
+            title: "",
+            isOnlyItemInSection,
+            size: getFilledSize(size),
+        };
+    }
+}
+//# sourceMappingURL=DashboardLayoutWidget.js.map