feat: mode=export add filter type

risk: low
JIRA: F1-1144

Author: hackerstanislav

libs/sdk-ui-dashboard/api/sdk-ui-dashboard.api.md

@@ -2866,6 +2866,17 @@ export interface DashboardQueryStartedPayload {
 // @beta (undocumented)
 export type DashboardQueryType = "GDC.DASH/QUERY.INSIGHT.DATE.DATASETS" | "GDC.DASH/QUERY.INSIGHT.ATTRIBUTE.META" | "GDC.DASH/QUERY.MEASURE.DATE.DATASETS" | "GDC.DASH/QUERY.WIDGET.FILTERS" | "GDC.DASH/QUERY.WIDGET.BROKEN_ALERTS" | "GDC.DASH/QUERY.WIDGET.ALERT_COUNT" | "GDC.DASH/QUERY.CONNECTING.ATTRIBUTES" | "GDC.DASH/QUERY.DISPLAY.FORM.ATTRIBUTE" | "GDC.DASH/QUERY.DATA.SET.ATTRIBUTE" | "GDC.DASH/QUERY.ELEMENTS.ATTRIBUTE" | "GDC.DASH/QUERY.CONNECTED.ATTRIBUTES" | "GDC.DASH/QUERY.METRICS_AND_FACTS" | "GDC.DASH/QUERY.AVAILABLE.DATA.SETS.FOR.ITEMS";
 
+// @alpha (undocumented)
+export type DashboardRelatedFilter = {
+    type: "attributeFilter" | "dateFilter";
+    all: boolean;
+    id: string;
+    title: string;
+    subtitle: string;
+    common?: true;
+    mode: DashboardDateFilterConfigMode | DashboardAttributeFilterConfigMode;
+};
+
 // @beta
 export interface DashboardRenamed extends IDashboardEvent {
     // (undocumented)
@@ -6416,14 +6427,16 @@ export type MetaExportData = {
         filter: {
             name: MetaExportDataAttributes;
             value: MetaExportDataAttributes;
+            filterData: (data: DashboardRelatedFilter) => MetaExportDataAttributes;
         };
     };
 };
 
 // @alpha
 export type MetaExportDataAttributes = {
-    "data-export-meta-type": ExportMetaType;
+    "data-export-meta-type"?: ExportMetaType;
     "data-export-meta-filter-type"?: "date" | "attribute";
+    "data-export-meta-filter-mode"?: "readonly" | "hidden" | "active";
 };
 
 // @alpha (undocumented)

libs/sdk-ui-dashboard/src/_staging/sharedHooks/useFiltersNamings.ts

@@ -7,6 +7,7 @@ import {
     isAllTimeDashboardDateFilter,
     isAllValuesDashboardAttributeFilter,
     isDashboardAttributeFilter,
+    isDashboardCommonDateFilter,
     isDashboardDateFilterWithDimension,
     serializeObjRef,
 } from "@gooddata/sdk-model";
@@ -31,7 +32,16 @@ import {
 import { useCommonDateFilterTitle } from "./useCommonDateFilterTitle.js";
 import { useDateFiltersTitles } from "./useDateFiltersTitles.js";
 
-export function useFiltersNamings(filtersToDisplay: FilterContextItem[]) {
+export type FilterNaming = {
+    type: "attributeFilter" | "dateFilter";
+    all: boolean;
+    id: string;
+    title: string;
+    subtitle: string;
+    common?: true;
+};
+
+export function useFiltersNamings(filtersToDisplay: FilterContextItem[]): (FilterNaming | undefined)[] {
     const intl = useIntl();
     const locale = useDashboardSelector(selectLocale);
     const settings = useDashboardSelector(selectSettings);
@@ -95,24 +105,31 @@ export function useFiltersNamings(filtersToDisplay: FilterContextItem[]) {
             );
             const subtitle = DateFilterHelpers.getDateFilterTitle(dateFilterOption, locale, dateFormat);
 
-            if (isDashboardDateFilterWithDimension(filter)) {
-                const key = serializeObjRef(filter.dateFilter.dataSet!);
+            const a = filter;
+            if (isDashboardDateFilterWithDimension(a)) {
+                const key = serializeObjRef(a.dateFilter.dataSet!);
                 return {
                     type: "dateFilter",
-                    all: isAllTimeDashboardDateFilter(filter),
-                    id: uuidv4(), // used just for React keys
+                    all: isAllTimeDashboardDateFilter(a),
+                    id: a.dateFilter.localIdentifier ?? uuidv4(),
                     title: allDateFiltersTitlesObj[key],
                     subtitle,
                 };
-            } else {
+            }
+
+            const b = filter;
+            if (isDashboardCommonDateFilter(b)) {
                 return {
                     type: "dateFilter",
-                    all: isAllTimeDashboardDateFilter(filter),
-                    id: uuidv4(), // used just for React keys
+                    common: true,
+                    all: isAllTimeDashboardDateFilter(b),
+                    id: b.dateFilter.localIdentifier ?? uuidv4(),
                     title: commonDateFilterTitle || intl.formatMessage({ id: "dateFilterDropdown.title" }),
                     subtitle,
                 };
             }
+
+            return undefined;
         }
     });
 }

libs/sdk-ui-dashboard/src/presentation/export/DefaultDashboardExportVariables.tsx

@@ -46,13 +46,21 @@ export function DefaultDashboardExportVariables({ renderMode }: DefaultDashboard
             {dateFilters.length > 0 || attributeFilters.length > 0 ? (
                 <div {...exportData?.filters?.root}>
                     {dateFilters.map((filter, i: number) => (
-                        <div key={i} {...exportData?.filters?.dateFilter}>
+                        <div
+                            key={i}
+                            {...exportData?.filters?.dateFilter}
+                            {...exportData?.filters?.filter.filterData(filter)}
+                        >
                             <span {...exportData?.filters?.filter.name}>{filter?.title}</span> -{" "}
                             <span {...exportData?.filters?.filter.value}>{filter?.subtitle}</span>
                         </div>
                     ))}
                     {attributeFilters.map((filter, i: number) => (
-                        <div key={i} {...exportData?.filters?.attributeFilter}>
+                        <div
+                            key={i}
+                            {...exportData?.filters?.attributeFilter}
+                            {...exportData?.filters?.filter.filterData(filter)}
+                        >
                             <span {...exportData?.filters?.filter.name}>{filter?.title}</span> -{" "}
                             <span {...exportData?.filters?.filter.value}>{filter?.subtitle}</span>
                         </div>

libs/sdk-ui-dashboard/src/presentation/export/hooks/useDashboardRelatedFilters.ts

@@ -1,12 +1,47 @@
 // (C) 2022-2025 GoodData Corporation
-import { selectFilterContextFilters, useDashboardSelector } from "../../../model/index.js";
-import { useFiltersNamings } from "../../../_staging/sharedHooks/useFiltersNamings.js";
+import {
+    selectAttributeFilterConfigsOverrides,
+    selectDateFilterConfigOverrides,
+    selectFilterContextFilters,
+    useDashboardSelector,
+} from "../../../model/index.js";
+import { FilterNaming, useFiltersNamings } from "../../../_staging/sharedHooks/useFiltersNamings.js";
+import { DashboardAttributeFilterConfigMode, DashboardDateFilterConfigMode } from "@gooddata/sdk-model";
 
-export function useDashboardRelatedFilters() {
+/**
+ * @alpha
+ */
+export type DashboardRelatedFilter = {
+    type: "attributeFilter" | "dateFilter";
+    all: boolean;
+    id: string;
+    title: string;
+    subtitle: string;
+    common?: true;
+    mode: DashboardDateFilterConfigMode | DashboardAttributeFilterConfigMode;
+};
+
+export function useDashboardRelatedFilters(): {
+    dateFilters: DashboardRelatedFilter[];
+    attributeFilters: DashboardRelatedFilter[];
+} {
     const dashboardFilters = useDashboardSelector(selectFilterContextFilters);
+    const dateFiltersConfig = useDashboardSelector(selectDateFilterConfigOverrides);
+    const attributeFiltersConfig = useDashboardSelector(selectAttributeFilterConfigsOverrides);
     const filters = useFiltersNamings(dashboardFilters);
 
-    const all = filters.filter((f) => !f?.all);
+    const all = (filters.filter((f) => f && !f.all) as FilterNaming[]).map((f) => {
+        return {
+            ...f,
+            ...(f?.type === "dateFilter" && f?.common
+                ? {
+                      mode: dateFiltersConfig?.mode,
+                  }
+                : {
+                      mode: attributeFiltersConfig.find((c) => c.localIdentifier === f?.id)?.mode,
+                  }),
+        };
+    }) as DashboardRelatedFilter[];
 
     return {
         dateFilters: all.filter((f) => f?.type === "dateFilter"),

libs/sdk-ui-dashboard/src/presentation/export/index.ts

@@ -3,3 +3,4 @@
 export * from "./types.js";
 export * from "./useExportData.js";
 export * from "./DefaultDashboardExportVariables.js";
+export type { DashboardRelatedFilter } from "./hooks/useDashboardRelatedFilters.js";

libs/sdk-ui-dashboard/src/presentation/export/types.ts

@@ -1,5 +1,7 @@
 // (C) 2025 GoodData Corporation
 
+import { DashboardRelatedFilter } from "./hooks/useDashboardRelatedFilters.js";
+
 /**
  * Export element type.
  *
@@ -48,8 +50,9 @@ export type CommonExportDataAttributes = {
  * @alpha
  */
 export type MetaExportDataAttributes = {
-    "data-export-meta-type": ExportMetaType;
+    "data-export-meta-type"?: ExportMetaType;
     "data-export-meta-filter-type"?: "date" | "attribute";
+    "data-export-meta-filter-mode"?: "readonly" | "hidden" | "active";
 };
 
 /**
@@ -73,6 +76,7 @@ export type MetaExportData = {
         filter: {
             name: MetaExportDataAttributes;
             value: MetaExportDataAttributes;
+            filterData: (data: DashboardRelatedFilter) => MetaExportDataAttributes;
         };
     };
 };

libs/sdk-ui-dashboard/src/presentation/export/useExportData.ts

@@ -167,6 +167,9 @@ export const useMetaExportData = (): MetaExportData | undefined => {
                 value: {
                     "data-export-meta-type": "dashboard-filter-value",
                 },
+                filterData: (data) => ({
+                    "data-export-meta-filter-mode": data.mode,
+                }),
             },
         },
     };