diff --git a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilter/index.js b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilter/index.js index 09fde0af702..6928f544c18 100644 --- a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilter/index.js +++ b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilter/index.js @@ -142,6 +142,10 @@ export default class AdhocFilter { return label.length < 43 ? label : `${label.substring(0, 40)}...`; } + getTooltipTitle() { + return this.translateToSql(); + } + translateToSql() { return translateToSql(this); } diff --git a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterOption/index.jsx b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterOption/index.jsx index 222979cbf9f..faf16bf6be6 100644 --- a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterOption/index.jsx +++ b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterOption/index.jsx @@ -63,6 +63,7 @@ const AdhocFilterOption = ({ > Test label, + tooltipTitle: 'This is a tooltip title', onRemove: jest.fn(), onMoveLabel: jest.fn(), onDropLabel: jest.fn(), diff --git a/superset-frontend/src/explore/components/controls/OptionControls/index.tsx b/superset-frontend/src/explore/components/controls/OptionControls/index.tsx index 362ce0670ec..216d606ddc8 100644 --- a/superset-frontend/src/explore/components/controls/OptionControls/index.tsx +++ b/superset-frontend/src/explore/components/controls/OptionControls/index.tsx @@ -167,6 +167,7 @@ export const OptionControlLabel = ({ type, index, isExtra, + tooltipTitle, ...props }: { label: string | React.ReactNode; @@ -181,6 +182,7 @@ export const OptionControlLabel = ({ type: string; index: number; isExtra?: boolean; + tooltipTitle: string; }) => { const theme = useTheme(); const ref = useRef(null); @@ -246,7 +248,7 @@ export const OptionControlLabel = ({ if (savedMetric?.metric_name) { return ; } - return {label}; + return {label}; }; const getOptionControlContent = () => (