@gooddata/sdk-ui-dashboard 11.18.0-alpha.5 → 11.18.0-alpha.7

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

@@ -77,6 +77,7 @@ import { IDashboardDateFilterConfig as IDashboardDateFilterConfig_2 } from '@goo
 import { IDashboardDateFilterConfigItem } from '@gooddata/sdk-model';
 import { IDashboardDefinition } from '@gooddata/sdk-model';
 import { IDashboardExportPresentationOptions } from '@gooddata/sdk-backend-spi';
+import { IDashboardFilterGroup } from '@gooddata/sdk-model';
 import { IDashboardFilterGroupsConfig } from '@gooddata/sdk-model';
 import { IDashboardFilterReference } from '@gooddata/sdk-model';
 import { IDashboardFilterView } from '@gooddata/sdk-model';
@@ -1633,6 +1634,11 @@ export declare type CustomDashboardContentComponent = ComponentType<IDashboardCo
  */
 export declare type CustomDashboardDateFilterComponent = ComponentType<IDashboardDateFilterProps>;
 
+/**
+ * @public
+ */
+export declare type CustomDashboardFilterGroupComponent = ComponentType<IDashboardFilterGroupProps>;
+
 /**
  * @public
  */
@@ -3550,6 +3556,11 @@ export declare function DefaultDashboardDateFilterComponentSetFactory(dateFilter
  */
 export declare function DefaultDashboardExportVariables({ renderMode }: IDefaultDashboardExportVariablesProps): JSX.Element | null;
 
+/**
+ * @alpha
+ */
+export declare function DefaultDashboardFilterGroup(props: IDashboardFilterGroupProps): ReactNode;
+
 /**
  * Default implementation of the Dashboard Insight widget.
  *
@@ -4487,11 +4498,43 @@ export declare type FilterableDashboardWidget = IWidget | ICustomWidget;
  */
 export declare function FilterBar(props: IFilterBarProps): ReactElement;
 
+/**
+ * @internal
+ */
+export declare type FilterBarAttributeFilterIndexed = {
+    filter: IDashboardAttributeFilter;
+    filterIndex: number;
+    workingFilter?: IDashboardAttributeFilter;
+};
+
 /**
  * @public
  */
 export declare type FilterBarComponentProvider = (props: IFilterBarProps) => CustomFilterBarComponent;
 
+/**
+ * @internal
+ */
+export declare type FilterBarDateFilterIndexed = {
+    filter: IDashboardDateFilter;
+    filterIndex: number;
+    workingFilter?: IDashboardDateFilter;
+};
+
+/**
+ * @internal
+ */
+export declare type FilterBarFilterPlaceholder = {
+    type: "filterPlaceholder";
+    filterIndex: number;
+    displayForm?: ObjRef;
+};
+
+/**
+ * @internal
+ */
+export declare type FilterBarItem = FilterBarFilterPlaceholder | FilterBarAttributeFilterIndexed | FilterBarDateFilterIndexed | IFilterBarFilterGroupItem;
+
 /**
  * Mode of rendering of the FilterBar.
  *
@@ -4627,6 +4670,11 @@ export declare function filterContextToDashboardFiltersByDateDataSet(filterConte
  */
 export declare function filterContextToDashboardFiltersByWidget(filterContext: IFilterContextDefinition | IFilterContext | ITempFilterContext | undefined, widget: IWidgetDefinition): IDashboardFilter[];
 
+/**
+ * @public
+ */
+export declare type FilterGroupComponentProvider = (filterGroup: IDashboardFilterGroup) => CustomDashboardFilterGroupComponent;
+
 /**
  * @beta
  */
@@ -6630,6 +6678,20 @@ export declare interface IDashboardAttributeFilterProps {
      * multiple tabs need to be displayed simultaneously.
      */
     tabId?: string;
+    /**
+     * Controls whether the internal implementation of dashboard filter dropdown button should be used.
+     * When true (default), the AttributeFilterButton will receive a DropdownButtonComponent.
+     * When false, the AttributeFilterButton will not receive a DropdownButtonComponent
+     * and therefore can be overridden by the custom component.
+     *
+     * This is useful when extending DashboardAttributeFilterComponent
+     * and want to use a different default dropdown button component internally
+     * but still want to make possible to customize the dropdown button component by user.
+     * Note: It is used in DashboardFilterGroupComponent.
+     *
+     * @alpha
+     */
+    passDropdownButton?: boolean;
 }
 
 /**
@@ -7354,6 +7416,8 @@ export declare interface IDashboardCustomComponentProps {
      * -  If not provided, the default implementation {@link DefaultDashboardAttributeFilter} will be used.
      * -  If factory function is provided and it returns undefined, then the default implementation {@link DefaultDashboardAttributeFilter}.
      *    This is useful if you want to customize just one particular filter and keep all other filters the same.
+     * -  Note this only affects attribute filter directly placed in filter bar. Filters placed in filter groups are not affected.
+     *    To customize filters in filter groups, use DashboardFilterGroupComponentProvider.
      *
      * @example
      * Here is how to override the component for all filters:
@@ -7370,6 +7434,19 @@ export declare interface IDashboardCustomComponentProps {
      * @alpha
      */
     DashboardDateFilterComponentProvider?: OptionalDateFilterComponentProvider;
+    /**
+     * Specify custom component to use for rendering all filter groups or a factory function to customize the component
+     * per different filter group.
+     *
+     * -  If not provided, the default implementation {@link DefaultDashboardFilterGroup} will be used.
+     * -  If factory function is provided and it returns undefined, then the default implementation {@link DefaultDashboardFilterGroup}.
+     *    This is useful if you want to customize just one particular filter group and keep all other filter groups the same.
+     * -  If you want to customize each filter in a filter group, use this provider and customize DefaultDashboardFilterGroup in it.
+     *    It accepts some customization props fro deeper component.
+     *
+     * @alpha
+     */
+    DashboardFilterGroupComponentProvider?: OptionalFilterGroupComponentProvider;
     /**
      * Specify function to obtain custom component to use for extend rendering of dashboard content.
      *
@@ -8587,6 +8664,15 @@ export declare interface IDashboardFilterContextSelectionReset extends IDashboar
     readonly type: "GDC.DASH/EVT.FILTER_CONTEXT.SELECTION.RESET";
 }
 
+/**
+ * @public
+ */
+export declare interface IDashboardFilterGroupProps {
+    groupItem: IFilterBarFilterGroupItem;
+    onAttributeFilterChanged: (filter: IDashboardAttributeFilter) => void;
+    DashboardAttributeFilterComponent?: CustomDashboardAttributeFilterComponent;
+}
+
 /**
  * This event is emitted after a dashboard filter view application failed.
  *
@@ -12242,6 +12328,15 @@ export declare interface IFilterBarCustomizer {
     withCustomDecorator(providerFactory: (next: FilterBarComponentProvider) => OptionalFilterBarComponentProvider): IFilterBarCustomizer;
 }
 
+/**
+ * @alpha
+ */
+export declare interface IFilterBarFilterGroupItem {
+    filterIndex: number;
+    groupConfig: IDashboardFilterGroup;
+    filters: FilterBarItem[];
+}
+
 /**
  * @alpha
  */
@@ -12281,6 +12376,18 @@ export declare interface IFilterBarProps {
     DefaultFilterBar: ComponentType<IFilterBarProps>;
 }
 
+/**
+ * Set of functions you can use to customize how filter groups are rendered.
+ *
+ * @public
+ */
+export declare interface IFilterGroupsCustomizer {
+    /**
+     * Register a provider for React components to render filter groups.
+     */
+    withCustomProvider(provider: OptionalFilterGroupComponentProvider): IFilterGroupsCustomizer;
+}
+
 /**
  * @beta
  */
@@ -12442,6 +12549,10 @@ export declare interface IFiltersCustomizer {
      * Customize how rendering of attribute filters is done.
      */
     attribute(): IAttributeFiltersCustomizer;
+    /**
+     * Customize how rendering of filter groups is done.
+     */
+    filterGroup(): IFilterGroupsCustomizer;
 }
 
 /**
@@ -19531,6 +19642,11 @@ export declare type OptionalDateFilterComponentProvider = OptionalProvider<DateF
  */
 export declare type OptionalFilterBarComponentProvider = OptionalProvider<FilterBarComponentProvider>;
 
+/**
+ * @public
+ */
+export declare type OptionalFilterGroupComponentProvider = OptionalProvider<FilterGroupComponentProvider>;
+
 /**
  * @alpha
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-dashboard",
-  "version": "11.18.0-alpha.5",
+  "version": "11.18.0-alpha.7",
   "description": "GoodData SDK - Dashboard Component",
   "repository": {
     "type": "git",
@@ -60,19 +60,19 @@
     "ts-invariant": "^0.7.5",
     "tslib": "2.8.1",
     "uuid": "^11.1.0",
-    "@gooddata/sdk-backend-base": "11.18.0-alpha.5",
-    "@gooddata/sdk-backend-spi": "11.18.0-alpha.5",
-    "@gooddata/sdk-model": "11.18.0-alpha.5",
-    "@gooddata/sdk-ui": "11.18.0-alpha.5",
-    "@gooddata/sdk-ui-charts": "11.18.0-alpha.5",
-    "@gooddata/sdk-ui-ext": "11.18.0-alpha.5",
-    "@gooddata/sdk-ui-filters": "11.18.0-alpha.5",
-    "@gooddata/sdk-ui-geo": "11.18.0-alpha.5",
-    "@gooddata/sdk-ui-kit": "11.18.0-alpha.5",
-    "@gooddata/sdk-ui-pivot": "11.18.0-alpha.5",
-    "@gooddata/sdk-ui-vis-commons": "11.18.0-alpha.5",
-    "@gooddata/sdk-ui-theme-provider": "11.18.0-alpha.5",
-    "@gooddata/util": "11.18.0-alpha.5"
+    "@gooddata/sdk-backend-base": "11.18.0-alpha.7",
+    "@gooddata/sdk-model": "11.18.0-alpha.7",
+    "@gooddata/sdk-backend-spi": "11.18.0-alpha.7",
+    "@gooddata/sdk-ui-charts": "11.18.0-alpha.7",
+    "@gooddata/sdk-ui": "11.18.0-alpha.7",
+    "@gooddata/sdk-ui-ext": "11.18.0-alpha.7",
+    "@gooddata/sdk-ui-filters": "11.18.0-alpha.7",
+    "@gooddata/sdk-ui-kit": "11.18.0-alpha.7",
+    "@gooddata/sdk-ui-geo": "11.18.0-alpha.7",
+    "@gooddata/sdk-ui-theme-provider": "11.18.0-alpha.7",
+    "@gooddata/sdk-ui-pivot": "11.18.0-alpha.7",
+    "@gooddata/sdk-ui-vis-commons": "11.18.0-alpha.7",
+    "@gooddata/util": "11.18.0-alpha.7"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -120,10 +120,10 @@
     "typescript": "5.9.3",
     "vitest": "4.0.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.18.0-alpha.5",
-    "@gooddata/i18n-toolkit": "11.18.0-alpha.5",
-    "@gooddata/reference-workspace": "11.18.0-alpha.5",
-    "@gooddata/sdk-backend-mockingbird": "11.18.0-alpha.5"
+    "@gooddata/eslint-config": "11.18.0-alpha.7",
+    "@gooddata/i18n-toolkit": "11.18.0-alpha.7",
+    "@gooddata/sdk-backend-mockingbird": "11.18.0-alpha.7",
+    "@gooddata/reference-workspace": "11.18.0-alpha.7"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/styles/css/main.css

@@ -6471,6 +6471,12 @@ input[type=search]::-webkit-search-cancel-button {
   padding-right: 5px;
 }
 
+.gd-is-mobile .gd-attribute-filter-dropdown-button-icon__next {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
 .gd-attribute-filter-dropdown-button-content__next {
   position: relative;
   z-index: 1;
@@ -13154,6 +13160,10 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   padding: 10px 0 0;
 }
 
+.gd-extended-date-filter-body-wrapper .gd-date-preset-tabs {
+  padding: 0 10px 10px;
+}
+
 .gd-extended-date-filter-body-wrapper .gd-relative-form-section {
   display: flex;
 }
@@ -17640,6 +17650,12 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   padding-right: 5px;
 }
 
+.gd-is-mobile .gd-attribute-filter-dropdown-button-icon__next {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
 .gd-attribute-filter-dropdown-button-content__next {
   position: relative;
   z-index: 1;