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

package/esm/presentation/flexibleLayout/EmptyDashboardLayout.js

@@ -0,0 +1,9 @@
+// (C) 2022-2024 GoodData Corporation
+import { renderModeAware } from "../componentDefinition/index.js";
+import { EmptyDashboardDropZone } from "../dragAndDrop/index.js";
+import { EmptyDashboardError } from "./EmptyDashboardError.js";
+export const EmptyDashboardLayout = renderModeAware({
+    view: EmptyDashboardError,
+    edit: EmptyDashboardDropZone,
+});
+//# sourceMappingURL=EmptyDashboardLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyDashboardLayout.js","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/EmptyDashboardLayout.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,mBAAmB;IACzB,IAAI,EAAE,sBAAsB;CAC/B,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+export declare const DEFAULT_COLUMN_CLIENT_WIDTH = 100;
+export declare const DEFAULT_WIDTH_RESIZER_HEIGHT = 300;
+export declare const emptyDOMRect: DOMRect;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD,eAAO,MAAM,YAAY,SASb,CAAC"}

package/esm/presentation/flexibleLayout/constants.js

@@ -0,0 +1,14 @@
+// (C) 2022-2024 GoodData Corporation
+export const DEFAULT_COLUMN_CLIENT_WIDTH = 100;
+export const DEFAULT_WIDTH_RESIZER_HEIGHT = 300;
+export const emptyDOMRect = {
+    x: 0,
+    y: 0,
+    bottom: 0,
+    top: 0,
+    left: 0,
+    right: 0,
+    height: 0,
+    width: 0,
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/constants.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAC;AAC/C,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;CACA,CAAC"}

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

@@ -0,0 +1,3 @@
+export { DefaultFlexibleDashboardLayout } from "./DefaultFlexibleDashboardLayout.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,cAAc,YAAY,CAAC"}

package/esm/presentation/flexibleLayout/index.js

@@ -0,0 +1,4 @@
+// (C) 2021-2024 GoodData Corporation
+export { DefaultFlexibleDashboardLayout } from "./DefaultFlexibleDashboardLayout.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,cAAc,YAAY,CAAC"}

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

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

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

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

package/esm/presentation/flexibleLayout/refs.js

@@ -0,0 +1,7 @@
+export function getRefsForSection(section) {
+    return section.items().map((item) => item.ref());
+}
+export function getRefsForItem(item) {
+    return [item.ref()];
+}
+//# sourceMappingURL=refs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"refs.js","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/refs.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,iBAAiB,CAAC,OAA+C;IAC7E,OAAO,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAyC;IACpE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AACxB,CAAC"}

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

@@ -0,0 +1,22 @@
+import { ComponentType } from "react";
+import { IErrorProps, OnError } from "@gooddata/sdk-ui";
+import { FilterContextItem } from "@gooddata/sdk-model";
+import { IDashboardFilter, OnFiredDashboardDrillEvent } from "../../types.js";
+/**
+ * @alpha
+ */
+export interface IDashboardLayoutProps {
+    ErrorComponent?: React.ComponentType<IErrorProps>;
+    onFiltersChange?: (filters: (IDashboardFilter | FilterContextItem)[], resetOthers?: boolean) => void;
+    onDrill?: OnFiredDashboardDrillEvent;
+    onError?: OnError;
+}
+/**
+ * @alpha
+ */
+export type CustomDashboardLayoutComponent = ComponentType<IDashboardLayoutProps>;
+/**
+ * @internal
+ */
+export type CustomEmptyLayoutDropZoneBodyComponent = ComponentType;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAE9E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAElD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrG,OAAO,CAAC,EAAE,0BAA0B,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,8BAA8B,GAAG,aAAa,CAAC,qBAAqB,CAAC,CAAC;AAElF;;GAEG;AACH,MAAM,MAAM,sCAAsC,GAAG,aAAa,CAAC"}

package/esm/presentation/flexibleLayout/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/types.ts"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultDashboardLayout.d.ts","sourceRoot":"","sources":["../../../src/presentation/layout/DefaultDashboardLayout.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAoEnD;;GAEG;AACH,eAAO,MAAM,sBAAsB,UAAW,qBAAqB,KAAG,WA2ErE,CAAC"}
+{"version":3,"file":"DefaultDashboardLayout.d.ts","sourceRoot":"","sources":["../../../src/presentation/layout/DefaultDashboardLayout.tsx"],"names":[],"mappings":";AA6BA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAgJnD;;GAEG;AACH,eAAO,MAAM,sBAAsB,UAAW,qBAAqB,KAAG,WAMrE,CAAC"}

package/esm/presentation/layout/DefaultDashboardLayout.js

@@ -1,16 +1,17 @@
-// (C) 2020-2023 GoodData Corporation
+// (C) 2020-2024 GoodData Corporation
 import React, { useCallback, useMemo } from "react";
 import { objRefToString, isWidget, } from "@gooddata/sdk-model";
 import { LRUCache } from "lru-cache";
 import max from "lodash/max.js";
-import { useDashboardSelector, selectIsExport, selectIsLayoutEmpty, selectLayout, selectInsightsMap, selectEnableWidgetCustomHeight, selectRenderMode, } from "../../model/index.js";
+import { useDashboardSelector, selectIsExport, selectIsLayoutEmpty, selectLayout, selectInsightsMap, selectEnableWidgetCustomHeight, selectRenderMode, selectEnableFlexibleLayout, } from "../../model/index.js";
+import { SectionHotspot } from "../dragAndDrop/index.js";
+import { isInitialPlaceholderWidget } from "../../widgets/index.js";
+import { DefaultFlexibleDashboardLayout } from "../flexibleLayout/index.js";
 import { DashboardLayoutWidget } from "./DashboardLayoutWidget.js";
 import { DashboardLayout, DashboardLayoutBuilder, } from "./DefaultDashboardLayoutRenderer/index.js";
 import { renderModeAwareDashboardLayoutSectionRenderer } from "./DefaultDashboardLayoutRenderer/RenderModeAwareDashboardLayoutSectionRenderer.js";
 import { renderModeAwareDashboardLayoutSectionHeaderRenderer } from "./DefaultDashboardLayoutRenderer/RenderModeAwareDashboardLayoutSectionHeaderRenderer.js";
 import { getMemoizedWidgetSanitizer } from "./DefaultDashboardLayoutUtils.js";
-import { SectionHotspot } from "../dragAndDrop/index.js";
-import { isInitialPlaceholderWidget } from "../../widgets/index.js";
 import { EmptyDashboardLayout } from "./EmptyDashboardLayout.js";
 /**
  * Get dashboard layout for exports.
@@ -57,10 +58,7 @@ const itemKeyGetter = (keyGetterProps) => {
     }
     return keyGetterProps.item.index().toString();
 };
-/**
- * @alpha
- */
-export const DefaultDashboardLayout = (props) => {
+const LegacyDefaultDashboardLayout = (props) => {
     const { onFiltersChange, onDrill, onError } = props;
     const layout = useDashboardSelector(selectLayout);
     const isLayoutEmpty = useDashboardSelector(selectIsLayoutEmpty);
@@ -95,6 +93,17 @@ export const DefaultDashboardLayout = (props) => {
         transformedLayout.sections[0].items.some((i) => !isInitialPlaceholderWidget(i.widget));
     return (React.createElement(React.Fragment, null,
         React.createElement(DashboardLayout, { className: isExport ? "export-mode" : "", layout: transformedLayout, itemKeyGetter: itemKeyGetter, widgetRenderer: widgetRenderer, enableCustomHeight: enableWidgetCustomHeight, sectionRenderer: renderModeAwareDashboardLayoutSectionRenderer, sectionHeaderRenderer: renderModeAwareDashboardLayoutSectionHeaderRenderer, renderMode: renderMode }),
+        "old layout",
         !!shouldRenderSectionHotspot && (React.createElement(SectionHotspot, { index: transformedLayout.sections.length, targetPosition: "below" }))));
 };
+/**
+ * @alpha
+ */
+export const DefaultDashboardLayout = (props) => {
+    const isFlexibleLayoutEnabled = useDashboardSelector(selectEnableFlexibleLayout);
+    if (isFlexibleLayoutEnabled) {
+        return React.createElement(DefaultFlexibleDashboardLayout, { ...props });
+    }
+    return React.createElement(LegacyDefaultDashboardLayout, { ...props });
+};
 //# sourceMappingURL=DefaultDashboardLayout.js.map

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

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

package/esm/sdk-ui-dashboard.d.ts

@@ -16278,6 +16278,13 @@ export declare const selectEnableFilterValuesResolutionInDrillEvents: DashboardS
  */
 export declare const selectEnableFilterViews: DashboardSelector<boolean>;
 
+/**
+ * Returns whether nested layout is enabled.
+ *
+ * @internal
+ */
+export declare const selectEnableFlexibleLayout: DashboardSelector<boolean>;
+
 /**
  * Returns whether ignore cross-filtering enabled.
  *
@@ -16390,13 +16397,6 @@ export declare const selectEnableKPIDashboardScheduleRecipients: DashboardSelect
  */
 export declare const selectEnableMultipleDateFilters: DashboardSelector<boolean>;
 
-/**
- * Returns whether nested layout is enabled.
- *
- * @internal
- */
-export declare const selectEnableNestedLayout: DashboardSelector<boolean>;
-
 /**
  * Returns whether we should call measures metrics (true) or measures (false).
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-dashboard",
-  "version": "10.14.0-alpha.1",
+  "version": "10.14.0-alpha.4",
   "description": "GoodData SDK - Dashboard Component",
   "repository": {
     "type": "git",
@@ -57,17 +57,17 @@
     "ts-invariant": "^0.7.5",
     "tslib": "^2.5.0",
     "uuid": "^8.3.2",
-    "@gooddata/sdk-backend-base": "10.14.0-alpha.1",
-    "@gooddata/sdk-backend-spi": "10.14.0-alpha.1",
-    "@gooddata/sdk-model": "10.14.0-alpha.1",
-    "@gooddata/sdk-ui": "10.14.0-alpha.1",
-    "@gooddata/sdk-ui-filters": "10.14.0-alpha.1",
-    "@gooddata/sdk-ui-ext": "10.14.0-alpha.1",
-    "@gooddata/sdk-ui-kit": "10.14.0-alpha.1",
-    "@gooddata/sdk-ui-geo": "10.14.0-alpha.1",
-    "@gooddata/sdk-ui-theme-provider": "10.14.0-alpha.1",
-    "@gooddata/util": "10.14.0-alpha.1",
-    "@gooddata/sdk-ui-vis-commons": "10.14.0-alpha.1"
+    "@gooddata/sdk-backend-base": "10.14.0-alpha.4",
+    "@gooddata/sdk-model": "10.14.0-alpha.4",
+    "@gooddata/sdk-ui": "10.14.0-alpha.4",
+    "@gooddata/sdk-ui-ext": "10.14.0-alpha.4",
+    "@gooddata/sdk-ui-geo": "10.14.0-alpha.4",
+    "@gooddata/sdk-backend-spi": "10.14.0-alpha.4",
+    "@gooddata/sdk-ui-filters": "10.14.0-alpha.4",
+    "@gooddata/sdk-ui-kit": "10.14.0-alpha.4",
+    "@gooddata/sdk-ui-theme-provider": "10.14.0-alpha.4",
+    "@gooddata/util": "10.14.0-alpha.4",
+    "@gooddata/sdk-ui-vis-commons": "10.14.0-alpha.4"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -120,9 +120,9 @@
     "typescript": "5.3.3",
     "vitest": "1.0.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/i18n-toolkit": "10.14.0-alpha.1",
-    "@gooddata/sdk-backend-mockingbird": "10.14.0-alpha.1",
-    "@gooddata/reference-workspace": "10.14.0-alpha.1"
+    "@gooddata/i18n-toolkit": "10.14.0-alpha.4",
+    "@gooddata/sdk-backend-mockingbird": "10.14.0-alpha.4",
+    "@gooddata/reference-workspace": "10.14.0-alpha.4"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",

package/styles/css/dashboard.css

@@ -422,6 +422,330 @@
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
+.gd-fluidlayout-container {
+  width: 100%;
+}
+.gd-fluidlayout-container .visualization {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.gd-fluidlayout-container .dash-item {
+  max-width: 100%;
+  height: 100%;
+  max-height: 100%;
+  min-height: inherit;
+  flex-direction: column;
+}
+.gd-fluidlayout-container.is-resizing {
+  cursor: col-resize;
+}
+.gd-fluidlayout-container.is-row-resizing {
+  cursor: row-resize;
+}
+
+.gd-fluidlayout-layout {
+  width: 100%;
+}
+
+.gd-fluidlayout-column-container {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 320px) {
+  .gd-fluidlayout-column-container {
+    flex-direction: column;
+  }
+  .gd-fluidlayout-column-container::after {
+    content: "";
+    position: absolute;
+    right: 10px;
+    bottom: 5px;
+    left: 10px;
+    height: 0;
+    border-bottom: 1px dashed var(--gd-palette-complementary-5, #b0beca);
+  }
+  .gd-fluidlayout-column-container.last::after {
+    display: none;
+  }
+}
+
+.gd-fluidlayout-column-container.custom-height .kpi {
+  min-height: 100%;
+}
+.gd-fluidlayout-column-container.custom-height .gd-visualization-content {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
+.gd-fluidlayout-row {
+  position: relative;
+}
+
+.gd-fluidlayout-row-debug {
+  background-color: #fff;
+}
+.gd-fluidlayout-row-debug:nth-of-type(even) {
+  color: #f2f2f2;
+}
+
+.gd-fluid-layout-row-header {
+  padding-right: 20px;
+  padding-left: 20px;
+  text-align: center;
+}
+.gd-fluid-layout-row-header .gd-fluid-layout-row-header-container {
+  margin-top: 16px;
+}
+@media only screen and (min-width:641px) {
+  .gd-fluid-layout-row-header {
+    padding-right: 0;
+    padding-left: 0;
+    text-align: left;
+  }
+}
+.gd-fluid-layout-row-header .gd-row-header-view .title {
+  padding: 3px 5px;
+  white-space: pre-wrap;
+  overflow-wrap: break-word;
+}
+.gd-fluid-layout-row-header .gd-row-header-view .description {
+  padding: 4px 5px 2px;
+}
+.gd-fluid-layout-row-header .gd-row-header-title-wrapper {
+  display: flex;
+}
+.gd-fluid-layout-row-header .gd-row-header-title-wrapper h2 {
+  color: var(--gd-dashboards-section-title-color, var(--gd-palette-complementary-8, #464e56));
+}
+.gd-fluid-layout-row-header .gd-row-header-title-wrapper::before, .gd-fluid-layout-row-header .gd-row-header-title-wrapper::after {
+  content: "";
+  position: relative;
+  top: 16px;
+  flex: 1 1 auto;
+  height: 0;
+  border-top: 1px solid var(--gd-dashboards-section-title-lineColor, var(--gd-palette-complementary-3, #dde4eb));
+}
+.gd-fluid-layout-row-header .gd-row-header-title-wrapper::before {
+  margin-right: 20px;
+}
+.gd-fluid-layout-row-header .gd-row-header-title-wrapper::after {
+  margin-left: 20px;
+}
+@media only screen and (min-width:641px) {
+  .gd-fluid-layout-row-header .gd-row-header-title-wrapper::before {
+    display: none;
+  }
+}
+.gd-fluid-layout-row-header .gd-row-header-description-wrapper {
+  overflow: hidden;
+}
+@media only screen and (min-width:641px) {
+  .gd-fluid-layout-row-header .title-align-center {
+    text-align: center;
+  }
+  .gd-fluid-layout-row-header .title-align-center::before {
+    display: block;
+  }
+}
+@media only screen and (min-width:641px) {
+  .gd-fluid-layout-row-header .title-align-right {
+    text-align: right;
+  }
+  .gd-fluid-layout-row-header .title-align-right::before {
+    display: block;
+  }
+  .gd-fluid-layout-row-header .title-align-right::after {
+    display: none;
+  }
+}
+@media only screen and (min-width:641px) {
+  .gd-fluid-layout-row-header .title,
+  .gd-fluid-layout-row-header .gd-row-header-view .description {
+    max-width: 95%;
+  }
+}
+.gd-fluid-layout-row-header .title {
+  color: var(--gd-palette-complementary-9, #000);
+  font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
+  font-weight: 400;
+  font-weight: 700;
+  line-height: 26px;
+  font-size: 20px;
+  flex: 0 1 auto;
+  overflow: hidden;
+  color: var(--gd-dashboards-section-title-color, var(--gd-palette-complementary-8, #464e56));
+}
+.gd-fluid-layout-row-header .description {
+  white-space: pre-wrap;
+  overflow-wrap: break-word;
+  color: var(--gd-dashboards-section-description-color, var(--gd-palette-complementary-6, #94a1ad));
+}
+.gd-fluid-layout-row-header .description.collapsible {
+  cursor: pointer;
+}
+.gd-fluid-layout-row-header .description:hover .more-link {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-fluid-layout-row-header .description:hover .underline {
+  text-decoration: none;
+}
+.gd-fluid-layout-row-header .more-link {
+  display: inline-block;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-fluid-layout-row-header .more-link::before {
+  vertical-align: top;
+  margin-left: 0.5em;
+  margin-right: 0.1em;
+  font-family: "Indigo", sans-serif;
+}
+.gd-fluid-layout-row-header .more-link.active::before {
+  content: "\e612";
+}
+.gd-fluid-layout-row-header .more-link.passive::before {
+  content: "\e613";
+}
+.gd-fluid-layout-row-header .underline {
+  text-decoration: underline;
+}
+.gd-fluid-layout-row-header .gd-editable-label-container {
+  font-size: 0;
+}
+.gd-fluid-layout-row-header .gd-editable-label {
+  display: inline-block;
+  overflow: hidden;
+  width: auto;
+  max-height: inherit;
+  padding: 2px 4px 0;
+}
+.gd-fluid-layout-row-header .gd-editable-label:hover, .gd-fluid-layout-row-header .gd-editable-label:focus, .gd-fluid-layout-row-header .gd-editable-label:active {
+  border-color: var(--gd-palette-complementary-4, rgba(177, 193, 209, 0.5));
+}
+.gd-fluid-layout-row-header .gd-editable-label.is-editing {
+  width: 100%;
+  border-color: var(--gd-palette-complementary-4, rgba(177, 193, 209, 0.5));
+}
+.gd-fluid-layout-row-header .gd-editable-label.title {
+  min-width: 0;
+}
+.gd-fluid-layout-row-header .gd-editable-label.description {
+  margin-top: 2px;
+  font-size: 14px;
+}
+@media only screen and (min-width:641px) {
+  .gd-fluid-layout-row-header .gd-editable-label.description {
+    max-width: 95%;
+  }
+}
+.gd-fluid-layout-row-header .gd-editable-label .description.gd-paragraph {
+  height: 21px;
+  padding-top: 1px;
+}
+.gd-fluid-layout-row-header .gd-editable-label.placeholder {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-fluid-layout-row-header .gd-layout-row-description-richtext {
+  white-space: initial;
+}
+.gd-fluid-layout-row-header .gd-editable-label-richtext {
+  padding: 0 5px;
+  margin-top: 3px;
+  border: 1px solid transparent;
+}
+.gd-fluid-layout-row-header .gd-editable-label-richtext textarea {
+  padding: 0;
+  font-size: 14px;
+  line-height: 19px;
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-fluid-layout-row-header .gd-editable-label-richtext textarea::placeholder {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-fluid-layout-row-header .gd-editable-label-richtext:hover, .gd-fluid-layout-row-header .gd-editable-label-richtext:focus, .gd-fluid-layout-row-header .gd-editable-label-richtext:active {
+  border-color: var(--gd-palette-complementary-4, rgba(177, 193, 209, 0.5));
+}
+.gd-fluid-layout-row-header .gd-editable-label-richtext.is-editing {
+  border-color: var(--gd-palette-complementary-4, rgba(177, 193, 209, 0.5));
+}
+.gd-fluid-layout-row-header .gd-editable-label-richtext .gd-editable-label-richtext-empty {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 19px;
+}
+
+.gd-rich-text-content-view .gd-editable-label-richtext-empty {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.gd-visualization-content.relative {
+  position: relative !important;
+}
+.gd-visualization-content.absolute {
+  position: absolute !important;
+}
+
+.gd-fluidlayout-item-changed {
+  position: absolute;
+  z-index: 11;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+}
+.gd-fluidlayout-item-changed.none {
+  display: none;
+}
+.gd-fluidlayout-item-changed.added, .gd-fluidlayout-item-changed.modified {
+  background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, rgba(255, 255, 255, 0.95)));
+}
+.gd-fluidlayout-item-changed .gd-fluidlayout-item-changed-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+}
+.gd-fluidlayout-item-changed.small .gd-fluidlayout-item-changed-content {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  max-height: 100%;
+}
+.gd-fluidlayout-item-changed .gd-fluidlayout-item-changed-icon {
+  display: flex;
+  align-items: center;
+}
+.gd-fluidlayout-item-changed .gd-fluidlayout-item-changed-icon svg {
+  max-height: 100%;
+}
+.gd-fluidlayout-item-changed.small .gd-fluidlayout-item-changed-icon svg {
+  top: -4px;
+  position: relative;
+}
+.gd-fluidlayout-item-changed.big .gd-fluidlayout-item-changed-icon {
+  height: auto !important;
+}
+.gd-fluidlayout-item-changed .gd-fluidlayout-item-changed-info {
+  display: block;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+}
+.gd-fluidlayout-item-changed .gd-button {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
 .kpi {
   min-height: 138px;
   text-align: center;