@gooddata/sdk-ui-filters 10.25.0-alpha.2 → 10.25.0-alpha.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/AttributeFilter/hooks/useResolveDependentDateFiltersInput.js +4 -4
- package/esm/AttributeFilter/hooks/useResolveDependentDateFiltersInput.js.map +1 -1
- package/esm/DateFilter/DateFilter.d.ts +8 -1
- package/esm/DateFilter/DateFilter.d.ts.map +1 -1
- package/esm/DateFilter/DateFilter.js +2 -2
- package/esm/DateFilter/DateFilter.js.map +1 -1
- package/esm/DateFilter/DateFilterButton/DateFilterButton.d.ts +5 -0
- package/esm/DateFilter/DateFilterButton/DateFilterButton.d.ts.map +1 -1
- package/esm/DateFilter/DateFilterButton/DateFilterButton.js.map +1 -1
- package/esm/DateFilter/DateFilterButtonLocalized/DateFilterButtonLocalized.d.ts +3 -1
- package/esm/DateFilter/DateFilterButtonLocalized/DateFilterButtonLocalized.d.ts.map +1 -1
- package/esm/DateFilter/DateFilterButtonLocalized/DateFilterButtonLocalized.js +11 -6
- package/esm/DateFilter/DateFilterButtonLocalized/DateFilterButtonLocalized.js.map +1 -1
- package/esm/DateFilter/DateFilterCore.d.ts +3 -1
- package/esm/DateFilter/DateFilterCore.d.ts.map +1 -1
- package/esm/DateFilter/DateFilterCore.js +2 -2
- package/esm/DateFilter/DateFilterCore.js.map +1 -1
- package/esm/DateFilter/DateFilterTextLocalized/DateFilterTextLocalized.d.ts +5 -4
- package/esm/DateFilter/DateFilterTextLocalized/DateFilterTextLocalized.d.ts.map +1 -1
- package/esm/DateFilter/DateFilterTextLocalized/DateFilterTextLocalized.js +10 -4
- package/esm/DateFilter/DateFilterTextLocalized/DateFilterTextLocalized.js.map +1 -1
- package/esm/DateFilter/DynamicSelect/RelativeRangeDynamicSelect.d.ts +23 -0
- package/esm/DateFilter/DynamicSelect/RelativeRangeDynamicSelect.d.ts.map +1 -0
- package/esm/DateFilter/DynamicSelect/RelativeRangeDynamicSelect.js +76 -0
- package/esm/DateFilter/DynamicSelect/RelativeRangeDynamicSelect.js.map +1 -0
- package/esm/DateFilter/RelativeRangePicker/RelativeRangePicker.d.ts.map +1 -1
- package/esm/DateFilter/RelativeRangePicker/RelativeRangePicker.js +141 -57
- package/esm/DateFilter/RelativeRangePicker/RelativeRangePicker.js.map +1 -1
- package/esm/DateFilter/index.d.ts +1 -0
- package/esm/DateFilter/index.d.ts.map +1 -1
- package/esm/DateFilter/index.js +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/sdk-ui-filters.d.ts +23 -0
- package/package.json +9 -9
- package/styles/css/components/RelativeRangePicker.css +15 -1
- package/styles/css/components/RelativeRangePicker.css.map +1 -1
- package/styles/css/dateFilter.css +15 -1
- package/styles/css/dateFilter.css.map +1 -1
- package/styles/css/main.css +15 -1
- package/styles/css/main.css.map +1 -1
- package/styles/scss/components/RelativeRangePicker.scss +19 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// (C) 2024 GoodData Corporation
|
|
1
|
+
// (C) 2024-2025 GoodData Corporation
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import { isAllTimeDashboardDateFilter, isRelativeDashboardDateFilter, newAbsoluteDateFilter, newRelativeDateFilter, } from "@gooddata/sdk-model";
|
|
4
4
|
/**
|
|
@@ -11,7 +11,7 @@ export const useResolveDependentDateFiltersInput = (dependentDateFilters) => {
|
|
|
11
11
|
}
|
|
12
12
|
return dependentDateFilters
|
|
13
13
|
.map((dependentDateFilter) => {
|
|
14
|
-
const { dataSet, granularity, from, to } = dependentDateFilter.dateFilter;
|
|
14
|
+
const { dataSet, granularity, from, to, localIdentifier } = dependentDateFilter.dateFilter;
|
|
15
15
|
if (isRelativeDashboardDateFilter(dependentDateFilter)) {
|
|
16
16
|
// Ignore only date filters set as "All time"
|
|
17
17
|
if (isAllTimeDashboardDateFilter(dependentDateFilter)) {
|
|
@@ -19,10 +19,10 @@ export const useResolveDependentDateFiltersInput = (dependentDateFilters) => {
|
|
|
19
19
|
}
|
|
20
20
|
const parsedFrom = Number.parseInt(from.toString(), 10) ?? 0;
|
|
21
21
|
const parsedTo = Number.parseInt(to.toString(), 10) ?? 0;
|
|
22
|
-
return newRelativeDateFilter(dataSet, granularity, parsedFrom, parsedTo);
|
|
22
|
+
return newRelativeDateFilter(dataSet, granularity, parsedFrom, parsedTo, localIdentifier);
|
|
23
23
|
}
|
|
24
24
|
else {
|
|
25
|
-
return newAbsoluteDateFilter(dataSet, from.toString(), to.toString());
|
|
25
|
+
return newAbsoluteDateFilter(dataSet, from.toString(), to.toString(), localIdentifier);
|
|
26
26
|
}
|
|
27
27
|
})
|
|
28
28
|
.filter(Boolean);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useResolveDependentDateFiltersInput.js","sourceRoot":"","sources":["../../../src/AttributeFilter/hooks/useResolveDependentDateFiltersInput.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"useResolveDependentDateFiltersInput.js","sourceRoot":"","sources":["../../../src/AttributeFilter/hooks/useResolveDependentDateFiltersInput.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAIH,4BAA4B,EAC5B,6BAA6B,EAC7B,qBAAqB,EACrB,qBAAqB,GACxB,MAAM,qBAAqB,CAAC;AAE7B;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAC/C,oBAA6C,EACA,EAAE;IAC/C,OAAO,OAAO,CAAC,GAAG,EAAE;QAChB,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACd,CAAC;QAED,OAAO,oBAAoB;aACtB,GAAG,CAAC,CAAC,mBAAmB,EAAE,EAAE;YACzB,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,eAAe,EAAE,GAAG,mBAAmB,CAAC,UAAU,CAAC;YAE3F,IAAI,6BAA6B,CAAC,mBAAmB,CAAC,EAAE,CAAC;gBACrD,6CAA6C;gBAC7C,IAAI,4BAA4B,CAAC,mBAAmB,CAAC,EAAE,CAAC;oBACpD,OAAO,SAAS,CAAC;gBACrB,CAAC;gBAED,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;gBAC7D,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;gBAEzD,OAAO,qBAAqB,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;YAC9F,CAAC;iBAAM,CAAC;gBACJ,OAAO,qBAAqB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,eAAe,CAAC,CAAC;YAC3F,CAAC;QACL,CAAC,CAAC;aACD,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAC/B,CAAC,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ComponentType } from "react";
|
|
2
2
|
import { DateFilterGranularity, WeekStart } from "@gooddata/sdk-model";
|
|
3
3
|
import { DateFilterOption, IDateFilterOptionsByType } from "./interfaces/index.js";
|
|
4
4
|
import { IFilterButtonCustomIcon, VisibilityMode } from "../shared/index.js";
|
|
5
5
|
import { IFilterConfigurationProps } from "./DateFilterBody/types.js";
|
|
6
|
+
import { IDateFilterButtonProps } from "./DateFilterButton/DateFilterButton.js";
|
|
6
7
|
/**
|
|
7
8
|
* Props of the {@link DateFilter} component that are reflected in the state.
|
|
8
9
|
*
|
|
@@ -69,6 +70,12 @@ export interface IDateFilterOwnProps extends IDateFilterStatePropsIntersection {
|
|
|
69
70
|
* If new apply all filters at once mode is enabled
|
|
70
71
|
*/
|
|
71
72
|
enableDashboardFiltersApplyModes?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Specify custom button component
|
|
75
|
+
*
|
|
76
|
+
* @alpha
|
|
77
|
+
*/
|
|
78
|
+
ButtonComponent?: ComponentType<IDateFilterButtonProps>;
|
|
72
79
|
}
|
|
73
80
|
/**
|
|
74
81
|
* Callback props of the {@link DateFilter} component.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilter.d.ts","sourceRoot":"","sources":["../../src/DateFilter/DateFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DateFilter.d.ts","sourceRoot":"","sources":["../../src/DateFilter/DateFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -93,9 +93,9 @@ export class DateFilter extends React.PureComponent {
|
|
|
93
93
|
DateFilter.checkInitialFilterOption(this.props.selectedFilterOption);
|
|
94
94
|
}
|
|
95
95
|
render() {
|
|
96
|
-
const { customFilterName, dateFilterMode, dateFormat, filterOptions, selectedFilterOption: originalSelectedFilterOption, excludeCurrentPeriod: originalExcludeCurrentPeriod, availableGranularities, isEditMode, openOnInit, locale, isTimeForAbsoluteRangeEnabled, weekStart, customIcon, showDropDownHeaderMessage, FilterConfigurationComponent, withoutApply, enableDashboardFiltersApplyModes, } = this.props;
|
|
96
|
+
const { customFilterName, dateFilterMode, dateFormat, filterOptions, selectedFilterOption: originalSelectedFilterOption, excludeCurrentPeriod: originalExcludeCurrentPeriod, availableGranularities, isEditMode, openOnInit, locale, isTimeForAbsoluteRangeEnabled, weekStart, customIcon, showDropDownHeaderMessage, FilterConfigurationComponent, withoutApply, enableDashboardFiltersApplyModes, ButtonComponent, } = this.props;
|
|
97
97
|
const { excludeCurrentPeriod, selectedFilterOption, isExcludeCurrentPeriodEnabled } = this.state;
|
|
98
|
-
return dateFilterMode === "hidden" ? null : (React.createElement(DateFilterCore, { availableGranularities: availableGranularities, customFilterName: customFilterName, dateFormat: dateFormat, openOnInit: openOnInit, showDropDownHeaderMessage: showDropDownHeaderMessage, disabled: dateFilterMode === "readonly", excludeCurrentPeriod: excludeCurrentPeriod, originalExcludeCurrentPeriod: originalExcludeCurrentPeriod, isExcludeCurrentPeriodEnabled: isExcludeCurrentPeriodEnabled, isTimeForAbsoluteRangeEnabled: isTimeForAbsoluteRangeEnabled, isEditMode: isEditMode, 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: enableDashboardFiltersApplyModes ? withoutApply : undefined }));
|
|
98
|
+
return dateFilterMode === "hidden" ? null : (React.createElement(DateFilterCore, { availableGranularities: availableGranularities, customFilterName: customFilterName, dateFormat: dateFormat, openOnInit: openOnInit, showDropDownHeaderMessage: showDropDownHeaderMessage, disabled: dateFilterMode === "readonly", excludeCurrentPeriod: excludeCurrentPeriod, originalExcludeCurrentPeriod: originalExcludeCurrentPeriod, isExcludeCurrentPeriodEnabled: isExcludeCurrentPeriodEnabled, isTimeForAbsoluteRangeEnabled: isTimeForAbsoluteRangeEnabled, isEditMode: isEditMode, 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: enableDashboardFiltersApplyModes ? withoutApply : undefined, ButtonComponent: ButtonComponent }));
|
|
99
99
|
}
|
|
100
100
|
handleApplyClick = () => {
|
|
101
101
|
const normalizedSelectedFilterOption = normalizeSelectedFilterOption(this.state.selectedFilterOption);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilter.js","sourceRoot":"","sources":["../../src/DateFilter/DateFilter.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"DateFilter.js","sourceRoot":"","sources":["../../src/DateFilter/DateFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IFilterButtonCustomIcon } from "../../shared/index.js";
|
|
3
|
+
/**
|
|
4
|
+
* @alpha
|
|
5
|
+
*/
|
|
3
6
|
export interface IDateFilterButtonProps {
|
|
4
7
|
title: React.ReactNode;
|
|
5
8
|
isOpen?: boolean;
|
|
@@ -9,6 +12,8 @@ export interface IDateFilterButtonProps {
|
|
|
9
12
|
children?: React.ReactNode;
|
|
10
13
|
customFilterName?: string;
|
|
11
14
|
onClick?: () => void;
|
|
15
|
+
textTitle?: string;
|
|
16
|
+
textSubtitle?: string;
|
|
12
17
|
}
|
|
13
18
|
export declare const DateFilterButton: React.FC<IDateFilterButtonProps>;
|
|
14
19
|
//# sourceMappingURL=DateFilterButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilterButton.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterButton/DateFilterButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAA0B,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAExF,MAAM,WAAW,sBAAsB;IACnC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"DateFilterButton.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterButton/DateFilterButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAA0B,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAExF;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA2C7D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilterButton.js","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterButton/DateFilterButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAA2B,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"DateFilterButton.js","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterButton/DateFilterButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAA2B,MAAM,uBAAuB,CAAC;AAkBxF,MAAM,CAAC,MAAM,gBAAgB,GAAqC,CAAC,EAC/D,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,OAAO,GACV,EAAE,EAAE;IACD,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,KAAK,EAAE,EAAE;QACN,uDAAuD;QACvD,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CACT,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,WAAW,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,EACpE,iBAAiB,EACjB,QAAQ,IAAI,8BAA8B,EAC1C,MAAM,IAAI,WAAW,EACrB,QAAQ,IAAI,UAAU,CACzB,EACD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC;QAEX,6BAAK,SAAS,EAAC,gBAAgB;YAC3B,6BAAK,SAAS,EAAC,kCAAkC,IAAE,KAAK,CAAO;YAC/D,6BAAK,SAAS,EAAC,iBAAiB,IAAE,QAAQ,CAAO,CAC/C;QACN,oBAAC,sBAAsB,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACpE,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ComponentType } from "react";
|
|
2
|
+
import { IDateFilterButtonProps } from "../DateFilterButton/DateFilterButton.js";
|
|
2
3
|
import { DateFilterOption } from "../interfaces/index.js";
|
|
3
4
|
import { IFilterButtonCustomIcon } from "../../shared/index.js";
|
|
4
5
|
export interface IDateFilterButtonLocalizedProps {
|
|
@@ -10,6 +11,7 @@ export interface IDateFilterButtonLocalizedProps {
|
|
|
10
11
|
disabled?: boolean;
|
|
11
12
|
customIcon?: IFilterButtonCustomIcon;
|
|
12
13
|
onClick?: () => void;
|
|
14
|
+
ButtonComponent?: ComponentType<IDateFilterButtonProps>;
|
|
13
15
|
}
|
|
14
16
|
export declare const DateFilterButtonLocalized: React.FC<IDateFilterButtonLocalizedProps>;
|
|
15
17
|
//# sourceMappingURL=DateFilterButtonLocalized.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilterButtonLocalized.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterButtonLocalized/DateFilterButtonLocalized.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DateFilterButtonLocalized.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterButtonLocalized/DateFilterButtonLocalized.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAoB,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAKnG,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAShE,MAAM,WAAW,+BAA+B;IAC5C,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAwC/E,CAAC"}
|
|
@@ -1,17 +1,22 @@
|
|
|
1
|
-
// (C) 2007-
|
|
1
|
+
// (C) 2007-2025 GoodData Corporation
|
|
2
2
|
import React from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIntl } from "react-intl";
|
|
4
4
|
import { DateFilterButton } from "../DateFilterButton/DateFilterButton.js";
|
|
5
|
-
import { DateFilterTextLocalized } from "../DateFilterTextLocalized/DateFilterTextLocalized.js";
|
|
5
|
+
import { DateFilterTextLocalized, useDateFilterText, } from "../DateFilterTextLocalized/DateFilterTextLocalized.js";
|
|
6
6
|
import { ShortenedText } from "@gooddata/sdk-ui-kit";
|
|
7
7
|
const ALIGN_POINT = [
|
|
8
8
|
{ align: "tc bc", offset: { x: 0, y: -2 } },
|
|
9
9
|
{ align: "cc tc", offset: { x: 0, y: 10 } },
|
|
10
10
|
{ align: "bl tr", offset: { x: -2, y: -8 } },
|
|
11
11
|
];
|
|
12
|
-
export const DateFilterButtonLocalized = ({ dateFilterOption, dateFormat, isOpen = false, isMobile = true, customFilterName, disabled, customIcon, onClick, }) => {
|
|
13
|
-
const
|
|
14
|
-
|
|
12
|
+
export const DateFilterButtonLocalized = ({ dateFilterOption, dateFormat, isOpen = false, isMobile = true, customFilterName, disabled, customIcon, onClick, ButtonComponent, }) => {
|
|
13
|
+
const intl = useIntl();
|
|
14
|
+
const defaultTitle = intl.formatMessage({ id: "dateFilterDropdown.title" });
|
|
15
|
+
const textTitle = customFilterName ?? defaultTitle;
|
|
16
|
+
const title = customFilterName ? (React.createElement(ShortenedText, { tooltipAlignPoints: ALIGN_POINT }, customFilterName)) : (React.createElement(React.Fragment, null, textTitle));
|
|
17
|
+
const textSubtitle = useDateFilterText({ filter: dateFilterOption, dateFormat });
|
|
18
|
+
const Component = ButtonComponent ?? DateFilterButton;
|
|
19
|
+
return (React.createElement(Component, { title: title, isOpen: isOpen, isMobile: isMobile, disabled: disabled, customIcon: customIcon, customFilterName: customFilterName, onClick: onClick, textTitle: textTitle, textSubtitle: textSubtitle },
|
|
15
20
|
React.createElement("span", { className: "s-button-text" },
|
|
16
21
|
React.createElement(DateFilterTextLocalized, { filter: dateFilterOption, dateFormat: dateFormat }))));
|
|
17
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilterButtonLocalized.js","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterButtonLocalized/DateFilterButtonLocalized.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"DateFilterButtonLocalized.js","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterButtonLocalized/DateFilterButtonLocalized.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAA0B,MAAM,yCAAyC,CAAC;AACnG,OAAO,EACH,uBAAuB,EACvB,iBAAiB,GACpB,MAAM,uDAAuD,CAAC;AAG/D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,WAAW,GAAG;IAChB,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;IAC3C,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;IAC3C,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;CAC/C,CAAC;AAcF,MAAM,CAAC,MAAM,yBAAyB,GAA8C,CAAC,EACjF,gBAAgB,EAChB,UAAU,EACV,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,OAAO,EACP,eAAe,GAClB,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,0BAA0B,EAAE,CAAC,CAAC;IAC5E,MAAM,SAAS,GAAG,gBAAgB,IAAI,YAAY,CAAC;IACnD,MAAM,KAAK,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAC7B,oBAAC,aAAa,IAAC,kBAAkB,EAAE,WAAW,IAAG,gBAAgB,CAAiB,CACrF,CAAC,CAAC,CAAC,CACA,0CAAG,SAAS,CAAI,CACnB,CAAC;IACF,MAAM,YAAY,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC,CAAC;IAEjF,MAAM,SAAS,GAAG,eAAe,IAAI,gBAAgB,CAAC;IAEtD,OAAO,CACH,oBAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY;QAE1B,8BAAM,SAAS,EAAC,eAAe;YAC3B,oBAAC,uBAAuB,IAAC,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,GAAI,CAC1E,CACC,CACf,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ComponentType } from "react";
|
|
2
2
|
import { DateFilterGranularity, WeekStart } from "@gooddata/sdk-model";
|
|
3
3
|
import { IExtendedDateFilterErrors, IDateFilterOptionsByType, DateFilterOption } from "./interfaces/index.js";
|
|
4
4
|
import { IFilterButtonCustomIcon } from "../shared/index.js";
|
|
5
5
|
import { IFilterConfigurationProps } from "./DateFilterBody/types.js";
|
|
6
|
+
import { IDateFilterButtonProps } from "./DateFilterButton/DateFilterButton.js";
|
|
6
7
|
export interface IDateFilterCoreProps {
|
|
7
8
|
dateFormat: string;
|
|
8
9
|
filterOptions: IDateFilterOptionsByType;
|
|
@@ -35,6 +36,7 @@ export interface IDateFilterCoreProps {
|
|
|
35
36
|
customIcon?: IFilterButtonCustomIcon;
|
|
36
37
|
FilterConfigurationComponent?: React.ComponentType<IFilterConfigurationProps>;
|
|
37
38
|
withoutApply?: boolean;
|
|
39
|
+
ButtonComponent?: ComponentType<IDateFilterButtonProps>;
|
|
38
40
|
}
|
|
39
41
|
export declare const verifyDateFormat: (dateFormat: string) => string;
|
|
40
42
|
export declare const DateFilterCore: React.FC<IDateFilterCoreProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilterCore.d.ts","sourceRoot":"","sources":["../../src/DateFilter/DateFilterCore.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"DateFilterCore.d.ts","sourceRoot":"","sources":["../../src/DateFilter/DateFilterCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AAMxE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAQ9G,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAOhF,MAAM,WAAW,oBAAoB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,wBAAwB,CAAC;IACxC;;OAEG;IACH,oBAAoB,EAAE,gBAAgB,CAAC;IACvC,4BAA4B,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,4BAA4B,EAAE,gBAAgB,CAAC;IAE/C,oBAAoB,EAAE,OAAO,CAAC;IAC9B,4BAA4B,EAAE,OAAO,CAAC;IACtC,6BAA6B,EAAE,OAAO,CAAC;IACvC,4BAA4B,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,6BAA6B,EAAE,OAAO,CAAC;IAEvC,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;IAEhD,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,qBAAqB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjD,MAAM,CAAC,EAAE,yBAAyB,CAAC;IAEnC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,4BAA4B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAE9E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,gBAAgB,eAAgB,MAAM,KAAG,MAYrD,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+IzD,CAAC"}
|
|
@@ -31,7 +31,7 @@ export const verifyDateFormat = (dateFormat) => {
|
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
const adjustDateFormatForDisplay = (dateFormat, isTimeForAbsoluteRangeEnabled = false) => isTimeForAbsoluteRangeEnabled ? dateFormat + TIME_FORMAT_WITH_SEPARATOR : dateFormat;
|
|
34
|
-
export const DateFilterCore = ({ originalSelectedFilterOption, originalExcludeCurrentPeriod, selectedFilterOption, excludeCurrentPeriod, onDropdownOpenChanged, customFilterName, dateFormat, disabled, openOnInit, locale, filterOptions, isTimeForAbsoluteRangeEnabled, weekStart, customIcon, FilterConfigurationComponent, onApplyClick, onCancelClick, showDropDownHeaderMessage, withoutApply, ...dropdownBodyProps }) => {
|
|
34
|
+
export const DateFilterCore = ({ originalSelectedFilterOption, originalExcludeCurrentPeriod, selectedFilterOption, excludeCurrentPeriod, onDropdownOpenChanged, customFilterName, dateFormat, disabled, openOnInit, locale, filterOptions, isTimeForAbsoluteRangeEnabled, weekStart, customIcon, FilterConfigurationComponent, onApplyClick, onCancelClick, showDropDownHeaderMessage, withoutApply, ButtonComponent, ...dropdownBodyProps }) => {
|
|
35
35
|
const [isConfigurationOpen, setIsConfigurationOpen] = useState(false);
|
|
36
36
|
const verifiedDateFormat = verifyDateFormat(dateFormat);
|
|
37
37
|
const filteredFilterOptions = useMemo(() => {
|
|
@@ -57,7 +57,7 @@ export const DateFilterCore = ({ originalSelectedFilterOption, originalExcludeCu
|
|
|
57
57
|
const lastValidExcludeCurrentPeriod = useLastValidValue(excludeCurrentPeriod, isEmpty(dropdownBodyProps.errors));
|
|
58
58
|
return (React.createElement(IntlWrapper, { locale: locale || "en-US" },
|
|
59
59
|
React.createElement(MediaQuery, { query: MediaQueries.IS_MOBILE_DEVICE }, (isMobile) => {
|
|
60
|
-
const dateFilterButton = (isOpen = false, toggleDropdown = noop) => (React.createElement(DateFilterButtonLocalized, { disabled: disabled, isMobile: isMobile, isOpen: isOpen, dateFilterOption: applyExcludeCurrentPeriod(withoutApply ? lastValidSelectedFilterOption : originalSelectedFilterOption, withoutApply ? lastValidExcludeCurrentPeriod : originalExcludeCurrentPeriod), dateFormat: adjustDateFormatForDisplay(verifiedDateFormat, isTimeForAbsoluteRangeEnabled), customFilterName: customFilterName, customIcon: customIcon, onClick: toggleDropdown }));
|
|
60
|
+
const dateFilterButton = (isOpen = false, toggleDropdown = noop) => (React.createElement(DateFilterButtonLocalized, { disabled: disabled, isMobile: isMobile, isOpen: isOpen, dateFilterOption: applyExcludeCurrentPeriod(withoutApply ? lastValidSelectedFilterOption : originalSelectedFilterOption, withoutApply ? lastValidExcludeCurrentPeriod : originalExcludeCurrentPeriod), dateFormat: adjustDateFormatForDisplay(verifiedDateFormat, isTimeForAbsoluteRangeEnabled), customFilterName: customFilterName, customIcon: customIcon, onClick: toggleDropdown, ButtonComponent: ButtonComponent }));
|
|
61
61
|
return (React.createElement(Dropdown, { openOnInit: openOnInit, closeOnParentScroll: true, closeOnMouseDrag: true, closeOnOutsideClick: true, enableEventPropagation: true, alignPoints: [
|
|
62
62
|
{ align: "bl tl" },
|
|
63
63
|
{ align: "tr tl" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilterCore.js","sourceRoot":"","sources":["../../src/DateFilter/DateFilterCore.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"DateFilterCore.js","sourceRoot":"","sources":["../../src/DateFilter/DateFilterCore.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { WrappedComponentProps } from "react-intl";
|
|
3
2
|
import { DateFilterOption } from "../interfaces/index.js";
|
|
4
3
|
interface IDateFilterTextLocalizedProps {
|
|
5
4
|
dateFormat: string;
|
|
6
5
|
filter: DateFilterOption;
|
|
7
6
|
}
|
|
8
|
-
export declare const DateFilterTextLocalized: React.FC<
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
export declare const DateFilterTextLocalized: React.FC<IDateFilterTextLocalizedProps>;
|
|
8
|
+
export declare const useDateFilterText: ({ filter, dateFormat, }: {
|
|
9
|
+
filter: DateFilterOption;
|
|
10
|
+
dateFormat: string;
|
|
11
|
+
}) => string;
|
|
11
12
|
export {};
|
|
12
13
|
//# sourceMappingURL=DateFilterTextLocalized.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilterTextLocalized.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterTextLocalized/DateFilterTextLocalized.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DateFilterTextLocalized.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterTextLocalized/DateFilterTextLocalized.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG1D,UAAU,6BAA6B;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,gBAAgB,CAAC;CAC5B;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAG3E,CAAC;AAEF,eAAO,MAAM,iBAAiB;YAIlB,gBAAgB;gBACZ,MAAM;YAIrB,CAAC"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
// (C) 2019-
|
|
1
|
+
// (C) 2019-2025 GoodData Corporation
|
|
2
2
|
import React from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { useIntl } from "react-intl";
|
|
4
4
|
import { resolveLocale } from "@gooddata/sdk-ui";
|
|
5
5
|
import { getDateFilterTitle } from "../utils/Translations/DateFilterTitle.js";
|
|
6
|
-
const
|
|
7
|
-
|
|
6
|
+
export const DateFilterTextLocalized = ({ dateFormat, filter }) => {
|
|
7
|
+
const dateFilterText = useDateFilterText({ filter, dateFormat });
|
|
8
|
+
return React.createElement(React.Fragment, null, dateFilterText);
|
|
9
|
+
};
|
|
10
|
+
export const useDateFilterText = ({ filter, dateFormat, }) => {
|
|
11
|
+
const intl = useIntl();
|
|
12
|
+
return getDateFilterTitle(filter, resolveLocale(intl.locale), dateFormat);
|
|
13
|
+
};
|
|
8
14
|
//# sourceMappingURL=DateFilterTextLocalized.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilterTextLocalized.js","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterTextLocalized/DateFilterTextLocalized.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DateFilterTextLocalized.js","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterTextLocalized/DateFilterTextLocalized.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAO9E,MAAM,CAAC,MAAM,uBAAuB,GAA4C,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE;IACvG,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;IACjE,OAAO,0CAAG,cAAc,CAAI,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,MAAM,EACN,UAAU,GAIb,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,kBAAkB,CAAC,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;AAC9E,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DynamicSelectItem } from "./types.js";
|
|
3
|
+
export interface IRelativeRangeDynamicSelectProps {
|
|
4
|
+
getItems: (inputValue: string) => DynamicSelectItem[];
|
|
5
|
+
onChange?: (item: number) => void;
|
|
6
|
+
initialIsOpen?: boolean;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
value?: number | null;
|
|
9
|
+
inputValue: string;
|
|
10
|
+
onInputValueChange: (value: string) => void;
|
|
11
|
+
onBlur?: () => void;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
optionClassName?: string;
|
|
15
|
+
visibleItemsRange?: number;
|
|
16
|
+
accessibilityConfig?: {
|
|
17
|
+
labelId?: string;
|
|
18
|
+
descriptionId?: string;
|
|
19
|
+
ariaLabel?: string;
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
export declare const RelativeRangeDynamicSelect: React.FC<IRelativeRangeDynamicSelectProps>;
|
|
23
|
+
//# sourceMappingURL=RelativeRangeDynamicSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RelativeRangeDynamicSelect.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DynamicSelect/RelativeRangeDynamicSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAYpD,OAAO,EAAE,iBAAiB,EAAuB,MAAM,YAAY,CAAC;AAQpE,MAAM,WAAW,gCAAgC;IAC7C,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,iBAAiB,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,mBAAmB,CAAC,EAAE;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACL;AAED,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAqIjF,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
// (C) 2019-2025 GoodData Corporation
|
|
2
|
+
import React, { useMemo, useCallback } from "react";
|
|
3
|
+
import DefaultDownshift from "downshift";
|
|
4
|
+
import cx from "classnames";
|
|
5
|
+
import { getSelectableItems, itemToString } from "../Select/utils.js";
|
|
6
|
+
import { defaultVisibleItemsRange, getMedianIndex, VirtualizedSelectMenu, } from "../Select/VirtualizedSelectMenu.js";
|
|
7
|
+
import { defaultImport } from "default-import";
|
|
8
|
+
import { findRelativeDateFilterOptionByValue } from "./utils.js";
|
|
9
|
+
import noop from "lodash/noop.js";
|
|
10
|
+
// There are known compatibility issues between CommonJS (CJS) and ECMAScript modules (ESM).
|
|
11
|
+
// In ESM, default exports of CJS modules are wrapped in default properties instead of being exposed directly.
|
|
12
|
+
// https://github.com/microsoft/TypeScript/issues/52086#issuecomment-1385978414
|
|
13
|
+
const Downshift = defaultImport(DefaultDownshift);
|
|
14
|
+
export const RelativeRangeDynamicSelect = (props) => {
|
|
15
|
+
const { initialIsOpen = false, placeholder, getItems, value = null, className, style, optionClassName, visibleItemsRange = defaultVisibleItemsRange, accessibilityConfig, inputValue, onChange = noop, onInputValueChange, onBlur, } = props;
|
|
16
|
+
const handleChange = useCallback((option) => {
|
|
17
|
+
if (option) {
|
|
18
|
+
onChange(option.value);
|
|
19
|
+
}
|
|
20
|
+
}, [onChange]);
|
|
21
|
+
const handleInputValueChange = useCallback((value) => {
|
|
22
|
+
onInputValueChange(value);
|
|
23
|
+
}, [onInputValueChange]);
|
|
24
|
+
const handleBlur = useCallback((selectedItem, selectItem) => {
|
|
25
|
+
if (onBlur) {
|
|
26
|
+
onBlur();
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
selectItem(selectedItem);
|
|
30
|
+
handleInputValueChange(selectedItem ? selectedItem.label : "");
|
|
31
|
+
}
|
|
32
|
+
}, [onBlur, handleInputValueChange]);
|
|
33
|
+
const handleChangeInput = useCallback((event) => {
|
|
34
|
+
const currentValue = event.target.value;
|
|
35
|
+
handleInputValueChange(currentValue);
|
|
36
|
+
}, [handleInputValueChange]);
|
|
37
|
+
const items = useMemo(() => getItems(inputValue), [getItems, inputValue]);
|
|
38
|
+
const itemsByValue = useMemo(() => (value !== null ? getItems(value.toString()) : []), [getItems, value]);
|
|
39
|
+
const selectedItem = useMemo(() =>
|
|
40
|
+
// Downshift requires null as empty selected item, if we would pass undefined it would change
|
|
41
|
+
// from controlled to uncontrolled component
|
|
42
|
+
(value !== null && findRelativeDateFilterOptionByValue(itemsByValue, value)) || null, [value, itemsByValue]);
|
|
43
|
+
const selectableItems = useMemo(() => getSelectableItems(items), [items]);
|
|
44
|
+
const isFiltered = inputValue.trim() !== "";
|
|
45
|
+
return (React.createElement(Downshift, { onChange: handleChange, itemToString: itemToString, initialIsOpen: initialIsOpen, selectedItem: selectedItem, itemCount: selectableItems.length, inputValue: inputValue,
|
|
46
|
+
// automatically highlight (and therefore scroll to) the middle option if default items are displayed
|
|
47
|
+
defaultHighlightedIndex: selectedItem || isFiltered ? 0 : getMedianIndex(selectableItems) }, ({ getInputProps, getMenuProps, getItemProps, isOpen, openMenu, highlightedIndex, setHighlightedIndex, selectItem, }) => {
|
|
48
|
+
// Without this, highlight is not properly reset during filtering
|
|
49
|
+
const effectiveHighlightedIndex = highlightedIndex > selectableItems.length - 1 ? 0 : highlightedIndex;
|
|
50
|
+
const menuProps = {
|
|
51
|
+
items,
|
|
52
|
+
selectedItem,
|
|
53
|
+
highlightedIndex: effectiveHighlightedIndex,
|
|
54
|
+
getItemProps,
|
|
55
|
+
getMenuProps,
|
|
56
|
+
className: "gd-dynamic-select-menu",
|
|
57
|
+
optionClassName,
|
|
58
|
+
inputValue,
|
|
59
|
+
setHighlightedIndex,
|
|
60
|
+
visibleItemsRange,
|
|
61
|
+
};
|
|
62
|
+
return (React.createElement("div", { className: cx("gd-dynamic-select", className), style: style, "aria-labelledby": undefined, "aria-describedby": accessibilityConfig?.descriptionId },
|
|
63
|
+
React.createElement("div", { className: "gd-dynamic-select-input-wrapper" },
|
|
64
|
+
React.createElement("input", { type: "text", className: "s-relative-range-input gd-input-field", "aria-describedby": accessibilityConfig?.descriptionId, "aria-activedescendant": undefined, ...getInputProps({
|
|
65
|
+
"aria-autocomplete": "list",
|
|
66
|
+
"aria-labelledby": accessibilityConfig?.labelId,
|
|
67
|
+
placeholder,
|
|
68
|
+
value: inputValue,
|
|
69
|
+
onFocus: openMenu,
|
|
70
|
+
onChange: handleChangeInput,
|
|
71
|
+
onBlur: () => handleBlur(selectedItem, selectItem),
|
|
72
|
+
}) })),
|
|
73
|
+
isOpen && items.length > 0 ? React.createElement(VirtualizedSelectMenu, { ...menuProps }) : null));
|
|
74
|
+
}));
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=RelativeRangeDynamicSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RelativeRangeDynamicSelect.js","sourceRoot":"","sources":["../../../src/DateFilter/DynamicSelect/RelativeRangeDynamicSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RelativeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/RelativeRangePicker/RelativeRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"RelativeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/RelativeRangePicker/RelativeRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAY9D,OAAO,EAAyB,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAG1E,OAAO,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AA4CrF,UAAU,yBAAyB;IAC/B,oBAAoB,EAAE,yBAAyB,CAAC;IAChD,4BAA4B,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3E,QAAQ,EAAE,OAAO,CAAC;CACrB;AAkQD,eAAO,MAAM,mBAAmB;;CAA2C,CAAC"}
|