@gooddata/sdk-ui-filters 11.54.0-alpha.0 → 11.54.0-alpha.2

package/esm/DateFilter/DateFilter.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType, PureComponent, type ReactNode } from "react";
+import { type ComponentType, type ReactNode } from "react";
 import { type DateFilterGranularity, type IActiveCalendars, type WeekStart } from "@gooddata/sdk-model";
 import { type OverlayPositionType } from "@gooddata/sdk-ui-kit";
 import { type IFilterButtonCustomIcon, type VisibilityMode } from "../shared/interfaces/index.js";
@@ -169,26 +169,5 @@ export interface IDateFilterState extends IDateFilterStatePropsIntersection {
  *
  * @public
  */
-export declare class DateFilter extends PureComponent<IDateFilterProps, IDateFilterState> {
-    static defaultProps: Partial<IDateFilterProps>;
-    static getDerivedStateFromProps(nextProps: IDateFilterProps, prevState: IDateFilterState): IDateFilterState | null;
-    private static getStateFromProps;
-    private static getStateFromWorkingProps;
-    private static getStateFromSelectedOption;
-    private static checkInitialFilterOption;
-    constructor(props: IDateFilterProps);
-    componentDidMount(): void;
-    render(): import("react/jsx-runtime").JSX.Element | null;
-    private handleApplyClick;
-    private onChangesDiscarded;
-    private onCancelClicked;
-    private onDropdownOpenChanged;
-    private handleExcludeCurrentPeriodChange;
-    private handleSelectedFilterOptionChange;
-    private handleSelectChange;
-    private fireOnSelect;
-    private normalizeEmptyValueHandling;
-    private mergeEmptyValueHandling;
-    private isSameOptionExceptEmptyValueHandling;
-}
+export declare const DateFilter: import("react").NamedExoticComponent<IDateFilterProps>;
 //# sourceMappingURL=DateFilter.d.ts.map

package/esm/DateFilter/DateFilter.d.ts.map

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

package/esm/DateFilter/DateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2007-2026 GoodData Corporation
-import { PureComponent } from "react";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { isEmpty, isEqual } from "lodash-es";
 import { isAbsoluteDateFilterForm, isAllTimeDateFilterOption, isEmptyValuesDateFilterOption, } from "@gooddata/sdk-model";
 import { DEFAULT_DATE_FORMAT } from "./constants/Platform.js";
@@ -9,149 +9,125 @@ import { isUiRelativeDateFilterForm, } from "./interfaces/index.js";
 import { normalizeSelectedFilterOption } from "./utils/FilterOptionNormalization.js";
 import { canExcludeCurrentPeriod } from "./utils/PeriodExclusion.js";
 import { validateFilterOption } from "./validation/OptionValidation.js";
-/**
- * {@link https://www.gooddata.com/docs/gooddata-ui/latest/references/filters/date_filter | DateFilter} is a component for configuring a date filter value.
- *
- * @public
- */
-export class DateFilter extends PureComponent {
-    static defaultProps = {
-        dateFormat: DEFAULT_DATE_FORMAT,
-        isEditMode: false,
-        isTimeForAbsoluteRangeEnabled: false,
-        isSecondsForAbsoluteRangeEnabled: false,
-        locale: "en-US",
-        onCancel: () => { },
-        onOpen: () => { },
-        onClose: () => { },
-        weekStart: "Sunday",
-        withoutApply: false,
-        hideDisabledExclude: false,
+function getStateFromProps(props) {
+    const canExcludeCurrent = canExcludeCurrentPeriod(props.selectedFilterOption);
+    return {
+        initSelectedFilterOption: props.selectedFilterOption,
+        selectedFilterOption: props.selectedFilterOption,
+        initExcludeCurrentPeriod: props.excludeCurrentPeriod,
+        excludeCurrentPeriod: canExcludeCurrent ? props.excludeCurrentPeriod : false,
+        isExcludeCurrentPeriodEnabled: canExcludeCurrent,
+        initWorkingSelectedFilterOption: props.workingSelectedFilterOption ?? props.selectedFilterOption,
+        initWorkingExcludeCurrentPeriod: props.workingExcludeCurrentPeriod ?? props.excludeCurrentPeriod,
     };
-    static getDerivedStateFromProps(nextProps, prevState) {
-        if (nextProps.withoutApply &&
-            nextProps.workingSelectedFilterOption &&
-            nextProps.excludeCurrentPeriod !== undefined &&
-            (!isEqual(nextProps.workingSelectedFilterOption, prevState.initWorkingSelectedFilterOption) ||
-                nextProps.workingExcludeCurrentPeriod !== prevState.initWorkingExcludeCurrentPeriod)) {
-            return DateFilter.getStateFromWorkingProps(nextProps);
-        }
-        if (!isEqual(nextProps.selectedFilterOption, prevState.initSelectedFilterOption) ||
-            nextProps.excludeCurrentPeriod !== prevState.initExcludeCurrentPeriod) {
-            return DateFilter.getStateFromProps(nextProps);
-        }
-        return null;
-    }
-    static getStateFromProps(props) {
-        const canExcludeCurrent = canExcludeCurrentPeriod(props.selectedFilterOption);
-        return {
-            initSelectedFilterOption: props.selectedFilterOption,
-            selectedFilterOption: props.selectedFilterOption,
-            initExcludeCurrentPeriod: props.excludeCurrentPeriod,
-            excludeCurrentPeriod: canExcludeCurrent ? props.excludeCurrentPeriod : false,
-            isExcludeCurrentPeriodEnabled: canExcludeCurrent,
-            initWorkingSelectedFilterOption: props.workingSelectedFilterOption ?? props.selectedFilterOption,
-            initWorkingExcludeCurrentPeriod: props.workingExcludeCurrentPeriod ?? props.excludeCurrentPeriod,
-        };
-    }
-    static getStateFromWorkingProps(props) {
-        const selectedFilterOption = props.workingSelectedFilterOption ?? props.selectedFilterOption;
-        const canExcludeCurrent = canExcludeCurrentPeriod(selectedFilterOption);
-        return {
-            ...DateFilter.getStateFromProps(props),
-            selectedFilterOption: selectedFilterOption,
-            excludeCurrentPeriod: canExcludeCurrent
-                ? (props.workingExcludeCurrentPeriod ?? props.excludeCurrentPeriod)
-                : false,
-            initWorkingExcludeCurrentPeriod: props.workingExcludeCurrentPeriod ?? props.excludeCurrentPeriod,
-            initWorkingSelectedFilterOption: selectedFilterOption,
-            initExcludeCurrentPeriod: props.excludeCurrentPeriod,
-            isExcludeCurrentPeriodEnabled: canExcludeCurrent,
-        };
-    }
-    static getStateFromSelectedOption = (selectedFilterOption, excludeCurrentPeriod) => {
-        const canExcludeCurrent = canExcludeCurrentPeriod(selectedFilterOption);
-        return {
-            selectedFilterOption,
-            excludeCurrentPeriod: canExcludeCurrent ? excludeCurrentPeriod : false,
-            isExcludeCurrentPeriodEnabled: canExcludeCurrent,
-        };
+}
+function getStateFromWorkingProps(props) {
+    const selectedFilterOption = props.workingSelectedFilterOption ?? props.selectedFilterOption;
+    const canExcludeCurrent = canExcludeCurrentPeriod(selectedFilterOption);
+    return {
+        ...getStateFromProps(props),
+        selectedFilterOption: selectedFilterOption,
+        excludeCurrentPeriod: canExcludeCurrent
+            ? (props.workingExcludeCurrentPeriod ?? props.excludeCurrentPeriod)
+            : false,
+        initWorkingExcludeCurrentPeriod: props.workingExcludeCurrentPeriod ?? props.excludeCurrentPeriod,
+        initWorkingSelectedFilterOption: selectedFilterOption,
+        initExcludeCurrentPeriod: props.excludeCurrentPeriod,
+        isExcludeCurrentPeriodEnabled: canExcludeCurrent,
     };
-    static checkInitialFilterOption = (filterOption) => {
-        if (isAbsoluteDateFilterForm(filterOption) &&
-            (filterOption.from === null ||
-                filterOption.from === undefined ||
-                filterOption.to === null ||
-                filterOption.to === undefined)) {
-            console.warn("The default filter option is not valid. Values 'from' and 'to' from absoluteForm filter option must be specified.");
-        }
-        if (isUiRelativeDateFilterForm(filterOption) &&
-            (filterOption.from === null ||
-                filterOption.from === undefined ||
-                filterOption.to === null ||
-                filterOption.to === undefined)) {
-            console.warn("The default filter option is not valid. Values 'from' and 'to' from relativeForm filter option must be specified.");
-        }
+}
+function getStateFromSelectedOption(selectedFilterOption, excludeCurrentPeriod) {
+    const canExcludeCurrent = canExcludeCurrentPeriod(selectedFilterOption);
+    return {
+        selectedFilterOption,
+        excludeCurrentPeriod: canExcludeCurrent ? excludeCurrentPeriod : false,
+        isExcludeCurrentPeriodEnabled: canExcludeCurrent,
     };
-    constructor(props) {
-        super(props);
-        this.state = DateFilter.getStateFromProps(props);
+}
+/**
+ * Equivalent of the former `getDerivedStateFromProps`: re-syncs the state whenever the incoming
+ * props no longer match the `init*` sentinels stored in the state. Returns `null` when the state
+ * is already in sync.
+ */
+function getDerivedStateFromProps(nextProps, prevState) {
+    if (nextProps.withoutApply &&
+        nextProps.workingSelectedFilterOption &&
+        nextProps.excludeCurrentPeriod !== undefined &&
+        (!isEqual(nextProps.workingSelectedFilterOption, prevState.initWorkingSelectedFilterOption) ||
+            nextProps.workingExcludeCurrentPeriod !== prevState.initWorkingExcludeCurrentPeriod)) {
+        return getStateFromWorkingProps(nextProps);
     }
-    componentDidMount() {
-        DateFilter.checkInitialFilterOption(this.props.selectedFilterOption);
+    if (!isEqual(nextProps.selectedFilterOption, prevState.initSelectedFilterOption) ||
+        nextProps.excludeCurrentPeriod !== prevState.initExcludeCurrentPeriod) {
+        return getStateFromProps(nextProps);
     }
-    render() {
-        const { customFilterName, dateFilterMode, dateFormat, filterOptions, selectedFilterOption: originalSelectedFilterOption, excludeCurrentPeriod: originalExcludeCurrentPeriod, availableGranularities, isEditMode, openOnInit, locale, isTimeForAbsoluteRangeEnabled, isSecondsForAbsoluteRangeEnabled, weekStart, customIcon, showDropDownHeaderMessage, FilterConfigurationComponent, withoutApply, ButtonComponent, overlayPositionType, activeCalendars, enableEmptyDateValues, customRangeHint, } = this.props;
-        const { excludeCurrentPeriod, selectedFilterOption, isExcludeCurrentPeriodEnabled } = this.state;
-        return dateFilterMode === "hidden" ? null : (_jsx(DateFilterCore, { availableGranularities: availableGranularities, customFilterName: customFilterName, dateFormat: dateFormat ?? DEFAULT_DATE_FORMAT, openOnInit: openOnInit, showDropDownHeaderMessage: showDropDownHeaderMessage, disabled: dateFilterMode === "readonly", excludeCurrentPeriod: excludeCurrentPeriod, originalExcludeCurrentPeriod: originalExcludeCurrentPeriod, isExcludeCurrentPeriodEnabled: isExcludeCurrentPeriodEnabled, hideDisabledExclude: this.props.hideDisabledExclude, isTimeForAbsoluteRangeEnabled: isTimeForAbsoluteRangeEnabled ?? false, isSecondsForAbsoluteRangeEnabled: isSecondsForAbsoluteRangeEnabled ?? false, isEditMode: isEditMode ?? false, filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, originalSelectedFilterOption: originalSelectedFilterOption, locale: locale, onApplyClick: this.handleApplyClick, onCancelClick: this.onCancelClicked, onDropdownOpenChanged: this.onDropdownOpenChanged, onExcludeCurrentPeriodChange: this.handleExcludeCurrentPeriodChange, onSelectedFilterOptionChange: this.handleSelectedFilterOptionChange, errors: validateFilterOption(selectedFilterOption), weekStart: weekStart, customIcon: customIcon, FilterConfigurationComponent: FilterConfigurationComponent, withoutApply: withoutApply, ButtonComponent: ButtonComponent, overlayPositionType: overlayPositionType, activeCalendars: activeCalendars, enableEmptyDateValues: enableEmptyDateValues, customRangeHint: customRangeHint }));
+    return null;
+}
+function checkInitialFilterOption(filterOption) {
+    if (isAbsoluteDateFilterForm(filterOption) &&
+        (filterOption.from === null ||
+            filterOption.from === undefined ||
+            filterOption.to === null ||
+            filterOption.to === undefined)) {
+        console.warn("The default filter option is not valid. Values 'from' and 'to' from absoluteForm filter option must be specified.");
     }
-    handleApplyClick = () => {
-        const normalizedSelectedFilterOption = this.normalizeEmptyValueHandling(normalizeSelectedFilterOption(this.state.selectedFilterOption));
-        this.props.onApply(normalizedSelectedFilterOption, this.state.excludeCurrentPeriod);
-    };
-    onChangesDiscarded = () => {
-        if (!this.props.withoutApply) {
-            this.setState(() => DateFilter.getStateFromProps(this.props), this.handleSelectChange);
-        }
-        else if (this.props.withoutApply &&
-            !isEmpty(validateFilterOption(this.state.selectedFilterOption))) {
-            this.setState(() => DateFilter.getStateFromWorkingProps(this.props));
-        }
-    };
-    onCancelClicked = () => {
-        this.props.onCancel?.();
-        this.onChangesDiscarded();
-    };
-    onDropdownOpenChanged = (isOpen) => {
-        if (isOpen) {
-            this.props.onOpen?.();
-        }
-        else {
-            this.props.onClose?.();
-            this.onChangesDiscarded();
-        }
-    };
-    handleExcludeCurrentPeriodChange = (excludeCurrentPeriod) => {
-        this.setState({ excludeCurrentPeriod }, this.handleSelectChange);
-    };
-    handleSelectedFilterOptionChange = (selectedFilterOption) => {
-        let nextSelectedFilterOption;
-        this.setState((state) => {
-            nextSelectedFilterOption = this.normalizeEmptyValueHandling(this.mergeEmptyValueHandling(selectedFilterOption, state.selectedFilterOption));
-            return DateFilter.getStateFromSelectedOption(nextSelectedFilterOption, state.excludeCurrentPeriod);
-        }, () => this.fireOnSelect(nextSelectedFilterOption));
-    };
-    handleSelectChange = () => {
-        this.fireOnSelect();
-    };
-    fireOnSelect(selectedFilterOption = this.state.selectedFilterOption, excludeCurrentPeriod = this.state.excludeCurrentPeriod) {
-        const normalizedSelectedFilterOption = this.normalizeEmptyValueHandling(normalizeSelectedFilterOption(selectedFilterOption));
-        if (isEmpty(validateFilterOption(normalizedSelectedFilterOption))) {
-            this.props.onSelect?.(normalizedSelectedFilterOption, excludeCurrentPeriod);
-        }
+    if (isUiRelativeDateFilterForm(filterOption) &&
+        (filterOption.from === null ||
+            filterOption.from === undefined ||
+            filterOption.to === null ||
+            filterOption.to === undefined)) {
+        console.warn("The default filter option is not valid. Values 'from' and 'to' from relativeForm filter option must be specified.");
     }
-    normalizeEmptyValueHandling = (selectedFilterOption) => {
-        if (!this.props.enableEmptyDateValues) {
+}
+function isSameOptionExceptEmptyValueHandling(a, b) {
+    const { emptyValueHandling: _aEmptyValueHandling, ...aWithoutEmptyValueHandling } = a;
+    const { emptyValueHandling: _bEmptyValueHandling, ...bWithoutEmptyValueHandling } = b;
+    return isEqual(aWithoutEmptyValueHandling, bWithoutEmptyValueHandling);
+}
+/**
+ * {@link https://www.gooddata.com/docs/gooddata-ui/latest/references/filters/date_filter | DateFilter} is a component for configuring a date filter value.
+ *
+ * @public
+ */
+export const DateFilter = memo(function DateFilter(props) {
+    const { customFilterName, dateFilterMode, dateFormat = DEFAULT_DATE_FORMAT, filterOptions, selectedFilterOption: originalSelectedFilterOption, excludeCurrentPeriod: originalExcludeCurrentPeriod, availableGranularities, isEditMode = false, openOnInit, locale = "en-US", isTimeForAbsoluteRangeEnabled = false, isSecondsForAbsoluteRangeEnabled = false, weekStart = "Sunday", customIcon, showDropDownHeaderMessage, FilterConfigurationComponent, withoutApply = false, ButtonComponent, overlayPositionType, activeCalendars, enableEmptyDateValues, customRangeHint, hideDisabledExclude = false, onApply, onSelect, onCancel = () => { }, onOpen = () => { }, onClose = () => { }, } = props;
+    const [storedState, setStoredState] = useState(() => getStateFromProps(props));
+    // The class component read `this.state` at call time, so a handler invoked later than the
+    // render that produced it still saw the current state. Handlers of a function component
+    // capture their render instead, and the range picker defers the Enter submit by a tick (see
+    // `updateRangeState` in DateRangePicker) - the deferred `submitForm` therefore calls the
+    // `onApplyClick` of the render that scheduled it, i.e. from before the typed date was stored.
+    // Mirroring the state in a ref and updating it together with the state restores the original
+    // semantics for such deferred calls.
+    const stateRef = useRef(storedState);
+    const setState = useCallback((updater) => {
+        stateRef.current = updater(stateRef.current);
+        setStoredState(stateRef.current);
+    }, []);
+    // The class fired `onSelect` from a `setState` callback, i.e. only after the new state was
+    // committed and re-synced from the (possibly already updated) props. Firing it straight from
+    // the handler would emit the pre-commit option - most visibly on Apply, where the body runs
+    // `onApplyClick(); closeDropdown();` in a single batch, so the discard triggered by closing
+    // would report the option that Apply has just replaced. Handlers therefore only mark a
+    // pending emission here and the effect below fires it once the state has settled.
+    // `selectedFilterOption` is set when the handler already knows the option to report.
+    const pendingSelectRef = useRef(null);
+    // Replacement of the former `getDerivedStateFromProps`: the state is adjusted during render
+    // (see https://react.dev/reference/react/useState#storing-information-from-previous-renders)
+    // so that the re-synced option is rendered right away instead of flashing the stale one.
+    // The `isEqual` guard makes the extra render pass a no-op once the state is in sync.
+    let state = storedState;
+    const derivedState = getDerivedStateFromProps(props, storedState);
+    if (derivedState !== null && !isEqual(derivedState, storedState)) {
+        setState(() => derivedState);
+        state = derivedState;
+    }
+    useEffect(() => {
+        checkInitialFilterOption(originalSelectedFilterOption);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const normalizeEmptyValueHandling = (selectedFilterOption) => {
+        if (!enableEmptyDateValues) {
             return selectedFilterOption;
         }
         if (isEmptyValuesDateFilterOption(selectedFilterOption)) {
@@ -168,8 +144,8 @@ export class DateFilter extends PureComponent {
         }
         return selectedFilterOption;
     };
-    mergeEmptyValueHandling = (nextSelectedFilterOption, currentSelectedFilterOption) => {
-        if (!this.props.enableEmptyDateValues) {
+    const mergeEmptyValueHandling = (nextSelectedFilterOption, currentSelectedFilterOption) => {
+        if (!enableEmptyDateValues) {
             return nextSelectedFilterOption;
         }
         if (isEmptyValuesDateFilterOption(nextSelectedFilterOption)) {
@@ -189,7 +165,7 @@ export class DateFilter extends PureComponent {
             currentHandling !== "only") {
             // If the only difference is `emptyValueHandling` (e.g. user unchecks the checkbox),
             // do not carry the previous value back in.
-            if (this.isSameOptionExceptEmptyValueHandling(nextSelectedFilterOption, currentSelectedFilterOption)) {
+            if (isSameOptionExceptEmptyValueHandling(nextSelectedFilterOption, currentSelectedFilterOption)) {
                 return nextSelectedFilterOption;
             }
             return {
@@ -199,9 +175,68 @@ export class DateFilter extends PureComponent {
         }
         return nextSelectedFilterOption;
     };
-    isSameOptionExceptEmptyValueHandling = (a, b) => {
-        const { emptyValueHandling: _aEmptyValueHandling, ...aWithoutEmptyValueHandling } = a;
-        const { emptyValueHandling: _bEmptyValueHandling, ...bWithoutEmptyValueHandling } = b;
-        return isEqual(aWithoutEmptyValueHandling, bWithoutEmptyValueHandling);
+    const fireOnSelect = (selectedFilterOption, excludeCurrentPeriod) => {
+        const normalizedSelectedFilterOption = normalizeEmptyValueHandling(normalizeSelectedFilterOption(selectedFilterOption));
+        if (isEmpty(validateFilterOption(normalizedSelectedFilterOption))) {
+            onSelect?.(normalizedSelectedFilterOption, excludeCurrentPeriod);
+        }
     };
-}
+    // Runs after every commit, i.e. after the derived-state block above has re-synced `state` with
+    // the incoming props - the equivalent of the former `setState(updater, callback)` timing.
+    useEffect(() => {
+        const pendingSelect = pendingSelectRef.current;
+        if (!pendingSelect) {
+            return;
+        }
+        pendingSelectRef.current = null;
+        fireOnSelect(pendingSelect.selectedFilterOption ?? state.selectedFilterOption, state.excludeCurrentPeriod);
+    });
+    const handleApplyClick = () => {
+        // `stateRef`, not `state`: this can run from the range picker's deferred submit.
+        const { selectedFilterOption: optionToApply, excludeCurrentPeriod: excludeToApply } = stateRef.current;
+        const normalizedSelectedFilterOption = normalizeEmptyValueHandling(normalizeSelectedFilterOption(optionToApply));
+        onApply(normalizedSelectedFilterOption, excludeToApply);
+    };
+    const onChangesDiscarded = () => {
+        if (!withoutApply) {
+            setState(() => getStateFromProps(props));
+            pendingSelectRef.current = {};
+        }
+        else if (withoutApply && !isEmpty(validateFilterOption(stateRef.current.selectedFilterOption))) {
+            setState(() => getStateFromWorkingProps(props));
+        }
+    };
+    const onCancelClicked = () => {
+        onCancel();
+        onChangesDiscarded();
+    };
+    const onDropdownOpenChanged = (isOpen) => {
+        if (isOpen) {
+            onOpen();
+        }
+        else {
+            onClose();
+            onChangesDiscarded();
+        }
+    };
+    const handleExcludeCurrentPeriodChange = (excludeCurrentPeriod) => {
+        setState((prevState) => ({ ...prevState, excludeCurrentPeriod }));
+        pendingSelectRef.current = {};
+    };
+    const handleSelectedFilterOptionChange = (selectedFilterOption) => {
+        setState((prevState) => {
+            // Merging against `prevState` rather than the render snapshot mirrors the former
+            // updater: two option changes batched into one event must both be taken into account.
+            const nextSelectedFilterOption = normalizeEmptyValueHandling(mergeEmptyValueHandling(selectedFilterOption, prevState.selectedFilterOption));
+            // Recorded here - as the former updater did with its closure variable - so that the
+            // effect above reports the option this change actually resolved to.
+            pendingSelectRef.current = { selectedFilterOption: nextSelectedFilterOption };
+            return {
+                ...prevState,
+                ...getStateFromSelectedOption(nextSelectedFilterOption, prevState.excludeCurrentPeriod),
+            };
+        });
+    };
+    const { excludeCurrentPeriod, selectedFilterOption, isExcludeCurrentPeriodEnabled } = state;
+    return dateFilterMode === "hidden" ? null : (_jsx(DateFilterCore, { availableGranularities: availableGranularities, customFilterName: customFilterName, dateFormat: dateFormat ?? DEFAULT_DATE_FORMAT, openOnInit: openOnInit, showDropDownHeaderMessage: showDropDownHeaderMessage, disabled: dateFilterMode === "readonly", excludeCurrentPeriod: excludeCurrentPeriod, originalExcludeCurrentPeriod: originalExcludeCurrentPeriod, isExcludeCurrentPeriodEnabled: isExcludeCurrentPeriodEnabled, hideDisabledExclude: hideDisabledExclude, isTimeForAbsoluteRangeEnabled: isTimeForAbsoluteRangeEnabled ?? false, isSecondsForAbsoluteRangeEnabled: isSecondsForAbsoluteRangeEnabled ?? false, isEditMode: isEditMode ?? false, filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, originalSelectedFilterOption: originalSelectedFilterOption, locale: locale, onApplyClick: handleApplyClick, onCancelClick: onCancelClicked, onDropdownOpenChanged: onDropdownOpenChanged, onExcludeCurrentPeriodChange: handleExcludeCurrentPeriodChange, onSelectedFilterOptionChange: handleSelectedFilterOptionChange, errors: validateFilterOption(selectedFilterOption), weekStart: weekStart, customIcon: customIcon, FilterConfigurationComponent: FilterConfigurationComponent, withoutApply: withoutApply, ButtonComponent: ButtonComponent, overlayPositionType: overlayPositionType, activeCalendars: activeCalendars, enableEmptyDateValues: enableEmptyDateValues, customRangeHint: customRangeHint }));
+});

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

@@ -61,7 +61,6 @@ import { NamedExoticComponent } from 'react';
 import { ObjRef } from '@gooddata/sdk-model';
 import { ObjRefInScope } from '@gooddata/sdk-model';
 import { OverlayPositionType } from '@gooddata/sdk-ui-kit';
-import { PureComponent } from 'react';
 import { RangeConditionOperator } from '@gooddata/sdk-model';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
@@ -513,28 +512,7 @@ export declare function createFilterFromOperator(operator: TextFilterOperator, v
  *
  * @public
  */
-export declare class DateFilter extends PureComponent<IDateFilterProps, IDateFilterState> {
-    static defaultProps: Partial<IDateFilterProps>;
-    static getDerivedStateFromProps(nextProps: IDateFilterProps, prevState: IDateFilterState): IDateFilterState | null;
-    private static getStateFromProps;
-    private static getStateFromWorkingProps;
-    private static getStateFromSelectedOption;
-    private static checkInitialFilterOption;
-    constructor(props: IDateFilterProps);
-    componentDidMount(): void;
-    render(): JSX.Element | null;
-    private handleApplyClick;
-    private onChangesDiscarded;
-    private onCancelClicked;
-    private onDropdownOpenChanged;
-    private handleExcludeCurrentPeriodChange;
-    private handleSelectedFilterOptionChange;
-    private handleSelectChange;
-    private fireOnSelect;
-    private normalizeEmptyValueHandling;
-    private mergeEmptyValueHandling;
-    private isSameOptionExceptEmptyValueHandling;
-}
+export declare const DateFilter: NamedExoticComponent<IDateFilterProps>;
 
 /**
  * @beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-filters",
-  "version": "11.54.0-alpha.0",
+  "version": "11.54.0-alpha.2",
   "description": "GoodData.UI SDK - Filter Components",
   "license": "MIT",
   "author": "GoodData Corporation",
@@ -46,11 +46,11 @@
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
     "uuid": "11.1.1",
-    "@gooddata/sdk-backend-spi": "11.54.0-alpha.0",
-    "@gooddata/sdk-model": "11.54.0-alpha.0",
-    "@gooddata/sdk-ui": "11.54.0-alpha.0",
-    "@gooddata/sdk-ui-kit": "11.54.0-alpha.0",
-    "@gooddata/util": "11.54.0-alpha.0"
+    "@gooddata/sdk-backend-spi": "11.54.0-alpha.2",
+    "@gooddata/sdk-model": "11.54.0-alpha.2",
+    "@gooddata/sdk-ui": "11.54.0-alpha.2",
+    "@gooddata/util": "11.54.0-alpha.2",
+    "@gooddata/sdk-ui-kit": "11.54.0-alpha.2"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -92,12 +92,12 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.54.0-alpha.0",
-    "@gooddata/oxlint-config": "11.54.0-alpha.0",
-    "@gooddata/reference-workspace": "11.54.0-alpha.0",
-    "@gooddata/sdk-backend-mockingbird": "11.54.0-alpha.0",
-    "@gooddata/stylelint-config": "11.54.0-alpha.0",
-    "@gooddata/sdk-ui-theme-provider": "11.54.0-alpha.0"
+    "@gooddata/eslint-config": "11.54.0-alpha.2",
+    "@gooddata/reference-workspace": "11.54.0-alpha.2",
+    "@gooddata/oxlint-config": "11.54.0-alpha.2",
+    "@gooddata/sdk-backend-mockingbird": "11.54.0-alpha.2",
+    "@gooddata/sdk-ui-theme-provider": "11.54.0-alpha.2",
+    "@gooddata/stylelint-config": "11.54.0-alpha.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",