From 5f1697eb8108273b156060ffb100a2b3f9a6f950 Mon Sep 17 00:00:00 2001
From: Antonio Rivero <38889534+Antonio-RiveroMartnez@users.noreply.github.com>
Date: Mon, 12 Feb 2024 19:10:04 +0100
Subject: [PATCH] feat(plugins): Adding colors to BigNumber with Time
 Comparison chart (#27052)

(cherry picked from commit e8e208dd14b132339b5187b7368e86326a44e3f4)
---
 .../src/PopKPI.tsx                            | 104 ++++++--
 .../src/images/thumbnail.png                  | Bin 23099 -> 10434 bytes
 .../src/plugin/buildQuery.ts                  | 208 +--------------
 .../src/plugin/controlPanel.ts                |  12 +
 .../src/plugin/transformProps.ts              |   5 +-
 .../src/types.ts                              |  19 +-
 .../src/utils.ts                              | 246 ++++++++++++++++++
 7 files changed, 369 insertions(+), 225 deletions(-)
 create mode 100644 superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/utils.ts

diff --git a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/PopKPI.tsx b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/PopKPI.tsx
index e780e93ca4efb..85156ae951608 100644
--- a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/PopKPI.tsx
+++ b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/PopKPI.tsx
@@ -16,9 +16,13 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import React, { createRef } from 'react';
+import React, { createRef, useMemo } from 'react';
 import { css, styled, useTheme } from '@superset-ui/core';
-import { PopKPIComparisonValueStyleProps, PopKPIProps } from './types';
+import {
+  PopKPIComparisonSymbolStyleProps,
+  PopKPIComparisonValueStyleProps,
+  PopKPIProps,
+} from './types';
 
 const ComparisonValue = styled.div<PopKPIComparisonValueStyleProps>`
   ${({ theme, subheaderFontSize }) => `
@@ -30,6 +34,17 @@ const ComparisonValue = styled.div<PopKPIComparisonValueStyleProps>`
   `}
 `;
 
+const SymbolWrapper = styled.div<PopKPIComparisonSymbolStyleProps>`
+  ${({ theme, backgroundColor, textColor }) => `
+    background-color: ${backgroundColor};
+    color: ${textColor};
+    padding: ${theme.gridUnit}px ${theme.gridUnit * 2}px;
+    border-radius: ${theme.gridUnit * 2}px;
+    display: inline-block;
+    margin-right: ${theme.gridUnit}px;
+  `}
+`;
+
 export default function PopKPI(props: PopKPIProps) {
   const {
     height,
@@ -37,9 +52,11 @@ export default function PopKPI(props: PopKPIProps) {
     bigNumber,
     prevNumber,
     valueDifference,
-    percentDifference,
+    percentDifferenceFormattedString,
     headerFontSize,
     subheaderFontSize,
+    comparisonColorEnabled,
+    percentDifferenceNumber,
   } = props;
 
   const rootElem = createRef<HTMLDivElement>();
@@ -63,9 +80,60 @@ export default function PopKPI(props: PopKPIProps) {
     text-align: center;
   `;
 
+  const getArrowIndicatorColor = () => {
+    if (!comparisonColorEnabled) return theme.colors.grayscale.base;
+    return percentDifferenceNumber > 0
+      ? theme.colors.success.base
+      : theme.colors.error.base;
+  };
+
+  const arrowIndicatorStyle = css`
+    color: ${getArrowIndicatorColor()};
+    margin-left: ${theme.gridUnit}px;
+  `;
+
+  const defaultBackgroundColor = theme.colors.grayscale.light4;
+  const defaultTextColor = theme.colors.grayscale.base;
+  const { backgroundColor, textColor } = useMemo(() => {
+    let bgColor = defaultBackgroundColor;
+    let txtColor = defaultTextColor;
+    if (percentDifferenceNumber > 0) {
+      if (comparisonColorEnabled) {
+        bgColor = theme.colors.success.light2;
+        txtColor = theme.colors.success.base;
+      }
+    } else if (percentDifferenceNumber < 0) {
+      if (comparisonColorEnabled) {
+        bgColor = theme.colors.error.light2;
+        txtColor = theme.colors.error.base;
+      }
+    }
+
+    return {
+      backgroundColor: bgColor,
+      textColor: txtColor,
+    };
+  }, [theme, comparisonColorEnabled, percentDifferenceNumber]);
+
+  const SYMBOLS_WITH_VALUES = useMemo(
+    () => [
+      ['#', prevNumber],
+      ['△', valueDifference],
+      ['%', percentDifferenceFormattedString],
+    ],
+    [prevNumber, valueDifference, percentDifferenceFormattedString],
+  );
+
   return (
     <div ref={rootElem} css={wrapperDivStyles}>
-      <div css={bigValueContainerStyles}>{bigNumber}</div>
+      <div css={bigValueContainerStyles}>
+        {bigNumber}
+        {percentDifferenceNumber !== 0 && (
+          <span css={arrowIndicatorStyle}>
+            {percentDifferenceNumber > 0 ? '↑' : '↓'}
+          </span>
+        )}
+      </div>
       <div
         css={css`
           width: 100%;
@@ -77,18 +145,22 @@ export default function PopKPI(props: PopKPIProps) {
             display: table-row;
           `}
         >
-          <ComparisonValue subheaderFontSize={subheaderFontSize}>
-            {' '}
-            #: {prevNumber}
-          </ComparisonValue>
-          <ComparisonValue subheaderFontSize={subheaderFontSize}>
-            {' '}
-            Δ: {valueDifference}
-          </ComparisonValue>
-          <ComparisonValue subheaderFontSize={subheaderFontSize}>
-            {' '}
-            %: {percentDifference}
-          </ComparisonValue>
+          {SYMBOLS_WITH_VALUES.map((symbol_with_value, index) => (
+            <ComparisonValue
+              key={`comparison-symbol-${symbol_with_value[0]}`}
+              subheaderFontSize={subheaderFontSize}
+            >
+              <SymbolWrapper
+                backgroundColor={
+                  index > 0 ? backgroundColor : defaultBackgroundColor
+                }
+                textColor={index > 0 ? textColor : defaultTextColor}
+              >
+                {symbol_with_value[0]}
+              </SymbolWrapper>
+              {symbol_with_value[1]}
+            </ComparisonValue>
+          ))}
         </div>
       </div>
     </div>
diff --git a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/images/thumbnail.png b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/images/thumbnail.png
index 30c9e07b0ccae4a12fda680d3b3b111b65230c99..3be299145ba5426e50267f6fedaa99d7f1fd953e 100644
GIT binary patch
literal 10434
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
F{|Azn=UxB+

literal 23099
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

diff --git a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/buildQuery.ts b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/buildQuery.ts
index aa0477e48f5fd..38346007b4078 100644
--- a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/buildQuery.ts
+++ b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/buildQuery.ts
@@ -21,7 +21,7 @@ import {
   buildQueryContext,
   QueryFormData,
 } from '@superset-ui/core';
-import moment, { Moment } from 'moment';
+import { computeQueryBComparator } from '../utils';
 
 /**
  * The buildQuery function is used to create an instance of QueryContext that's
@@ -38,184 +38,6 @@ import moment, { Moment } from 'moment';
  * if a viz needs multiple different result sets.
  */
 
-type MomentTuple = [moment.Moment | null, moment.Moment | null];
-
-function getSinceUntil(
-  timeRange: string | null = null,
-  relativeStart: string | null = null,
-  relativeEnd: string | null = null,
-): MomentTuple {
-  const separator = ' : ';
-  const effectiveRelativeStart = relativeStart || 'today';
-  const effectiveRelativeEnd = relativeEnd || 'today';
-
-  if (!timeRange) {
-    return [null, null];
-  }
-
-  let modTimeRange: string | null = timeRange;
-
-  if (timeRange === 'NO_TIME_RANGE' || timeRange === '_(NO_TIME_RANGE)') {
-    return [null, null];
-  }
-
-  if (timeRange?.startsWith('last') && !timeRange.includes(separator)) {
-    modTimeRange = timeRange + separator + effectiveRelativeEnd;
-  }
-
-  if (timeRange?.startsWith('next') && !timeRange.includes(separator)) {
-    modTimeRange = effectiveRelativeStart + separator + timeRange;
-  }
-
-  if (
-    timeRange?.startsWith('previous calendar week') &&
-    !timeRange.includes(separator)
-  ) {
-    return [
-      moment().subtract(1, 'week').startOf('week'),
-      moment().startOf('week'),
-    ];
-  }
-
-  if (
-    timeRange?.startsWith('previous calendar month') &&
-    !timeRange.includes(separator)
-  ) {
-    return [
-      moment().subtract(1, 'month').startOf('month'),
-      moment().startOf('month'),
-    ];
-  }
-
-  if (
-    timeRange?.startsWith('previous calendar year') &&
-    !timeRange.includes(separator)
-  ) {
-    return [
-      moment().subtract(1, 'year').startOf('year'),
-      moment().startOf('year'),
-    ];
-  }
-
-  const timeRangeLookup: Array<[RegExp, (...args: string[]) => Moment]> = [
-    [
-      /^last\s+(day|week|month|quarter|year)$/i,
-      (unit: string) =>
-        moment().subtract(1, unit as moment.unitOfTime.DurationConstructor),
-    ],
-    [
-      /^last\s+([0-9]+)\s+(second|minute|hour|day|week|month|year)s?$/i,
-      (delta: string, unit: string) =>
-        moment().subtract(delta, unit as moment.unitOfTime.DurationConstructor),
-    ],
-    [
-      /^next\s+([0-9]+)\s+(second|minute|hour|day|week|month|year)s?$/i,
-      (delta: string, unit: string) =>
-        moment().add(delta, unit as moment.unitOfTime.DurationConstructor),
-    ],
-    [
-      // eslint-disable-next-line no-useless-escape
-      /DATEADD\(DATETIME\("([^"]+)"\),\s*(-?\d+),\s*([^\)]+)\)/i,
-      (timePart: string, delta: string, unit: string) => {
-        if (timePart === 'now') {
-          return moment().add(
-            delta,
-            unit as moment.unitOfTime.DurationConstructor,
-          );
-        }
-        if (moment(timePart.toUpperCase(), true).isValid()) {
-          return moment(timePart).add(
-            delta,
-            unit as moment.unitOfTime.DurationConstructor,
-          );
-        }
-        return moment();
-      },
-    ],
-  ];
-
-  const sinceAndUntilPartition = modTimeRange
-    .split(separator, 2)
-    .map(part => part.trim());
-
-  const sinceAndUntil: (Moment | null)[] = sinceAndUntilPartition.map(part => {
-    if (!part) {
-      return null;
-    }
-
-    let transformedValue: Moment | null = null;
-    // Matching time_range_lookup
-    const matched = timeRangeLookup.some(([pattern, fn]) => {
-      const result = part.match(pattern);
-      if (result) {
-        transformedValue = fn(...result.slice(1));
-        return true;
-      }
-
-      if (part === 'today') {
-        transformedValue = moment().startOf('day');
-        return true;
-      }
-
-      if (part === 'now') {
-        transformedValue = moment();
-        return true;
-      }
-      return false;
-    });
-
-    if (matched && transformedValue !== null) {
-      // Handle the transformed value
-    } else {
-      // Handle the case when there was no match
-      transformedValue = moment(`${part}`);
-    }
-
-    return transformedValue;
-  });
-
-  const [_since, _until] = sinceAndUntil;
-
-  if (_since && _until && _since.isAfter(_until)) {
-    throw new Error('From date cannot be larger than to date');
-  }
-
-  return [_since, _until];
-}
-
-function calculatePrev(
-  startDate: Moment | null,
-  endDate: Moment | null,
-  calcType: String,
-) {
-  if (!startDate || !endDate) {
-    return [null, null];
-  }
-
-  const daysBetween = endDate.diff(startDate, 'days');
-
-  let startDatePrev = moment();
-  let endDatePrev = moment();
-  if (calcType === 'y') {
-    startDatePrev = startDate.subtract(1, 'year');
-    endDatePrev = endDate.subtract(1, 'year');
-  } else if (calcType === 'w') {
-    startDatePrev = startDate.subtract(1, 'week');
-    endDatePrev = endDate.subtract(1, 'week');
-  } else if (calcType === 'm') {
-    startDatePrev = startDate.subtract(1, 'month');
-    endDatePrev = endDate.subtract(1, 'month');
-  } else if (calcType === 'r') {
-    startDatePrev = startDate.clone().subtract(daysBetween.valueOf(), 'day');
-    endDatePrev = startDate;
-  } else {
-    startDatePrev = startDate.subtract(1, 'year');
-    endDatePrev = endDate.subtract(1, 'year');
-  }
-
-  return [startDatePrev, endDatePrev];
-}
-
 export default function buildQuery(formData: QueryFormData) {
   const {
     cols: groupby,
@@ -240,37 +62,19 @@ export default function buildQuery(formData: QueryFormData) {
       ? formData.adhoc_filters[timeFilterIndex]
       : null;
 
-  let testSince = null;
-  let testUntil = null;
-
-  if (
-    timeFilter &&
-    'comparator' in timeFilter &&
-    typeof timeFilter.comparator === 'string'
-  ) {
-    let timeRange = timeFilter.comparator.toLocaleLowerCase();
-    if (extraFormData?.time_range) {
-      timeRange = extraFormData.time_range;
-    }
-    [testSince, testUntil] = getSinceUntil(timeRange);
-  }
-
   let formDataB: QueryFormData;
+  let queryBComparator = null;
 
   if (timeComparison !== 'c') {
-    const [prevStartDateMoment, prevEndDateMoment] = calculatePrev(
-      testSince,
-      testUntil,
+    queryBComparator = computeQueryBComparator(
+      formData.adhoc_filters || [],
       timeComparison,
+      extraFormData,
     );
 
-    const queryBComparator = `${prevStartDateMoment?.format(
-      'YYYY-MM-DDTHH:mm:ss',
-    )} : ${prevEndDateMoment?.format('YYYY-MM-DDTHH:mm:ss')}`;
-
     const queryBFilter: any = {
       ...timeFilter,
-      comparator: queryBComparator.replace(/Z/g, ''),
+      comparator: queryBComparator,
     };
 
     const otherFilters = formData.adhoc_filters?.filter(
diff --git a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/controlPanel.ts b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/controlPanel.ts
index 89afdb4835fec..3d2504f639077 100644
--- a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/controlPanel.ts
+++ b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/controlPanel.ts
@@ -181,6 +181,18 @@ const config: ControlPanelConfig = {
             },
           },
         ],
+        [
+          {
+            name: 'comparison_color_enabled',
+            config: {
+              type: 'CheckboxControl',
+              label: t('Add color for positive/negative change'),
+              renderTrigger: true,
+              default: false,
+              description: t('Add color for positive/negative change'),
+            },
+          },
+        ],
       ],
     },
   ],
diff --git a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/transformProps.ts b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/transformProps.ts
index 80737f6032feb..e5de882f6d146 100644
--- a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/transformProps.ts
+++ b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/plugin/transformProps.ts
@@ -81,6 +81,7 @@ export default function transformProps(chartProps: ChartProps) {
     yAxisFormat,
     currencyFormat,
     subheaderFontSize,
+    comparisonColorEnabled,
   } = formData;
   const { data: dataA = [] } = queriesData[0];
   const { data: dataB = [] } = queriesData[1];
@@ -138,11 +139,13 @@ export default function transformProps(chartProps: ChartProps) {
     bigNumber,
     prevNumber,
     valueDifference,
-    percentDifference,
+    percentDifferenceFormattedString: percentDifference,
     boldText,
     headerFontSize,
     subheaderFontSize,
     headerText,
     compType,
+    comparisonColorEnabled,
+    percentDifferenceNumber: percentDifferenceNum,
   };
 }
diff --git a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/types.ts b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/types.ts
index b13f2115ef819..a239a295935fa 100644
--- a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/types.ts
+++ b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/types.ts
@@ -29,6 +29,7 @@ export interface PopKPIStylesProps {
   headerFontSize: keyof typeof supersetTheme.typography.sizes;
   subheaderFontSize: keyof typeof supersetTheme.typography.sizes;
   boldText: boolean;
+  comparisonColorEnabled: boolean;
 }
 
 interface PopKPICustomizeProps {
@@ -39,6 +40,11 @@ export interface PopKPIComparisonValueStyleProps {
   subheaderFontSize?: keyof typeof supersetTheme.typography.sizes;
 }
 
+export interface PopKPIComparisonSymbolStyleProps {
+  backgroundColor: string;
+  textColor: string;
+}
+
 export type PopKPIQueryFormData = QueryFormData &
   PopKPIStylesProps &
   PopKPICustomizeProps;
@@ -47,10 +53,11 @@ export type PopKPIProps = PopKPIStylesProps &
   PopKPICustomizeProps & {
     data: TimeseriesDataRecord[];
     metrics: Metric[];
-    metricName: String;
-    bigNumber: Number;
-    prevNumber: Number;
-    valueDifference: Number;
-    percentDifference: Number;
-    compType: String;
+    metricName: string;
+    bigNumber: string;
+    prevNumber: string;
+    valueDifference: string;
+    percentDifferenceFormattedString: string;
+    compType: string;
+    percentDifferenceNumber: number;
   };
diff --git a/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/utils.ts b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/utils.ts
new file mode 100644
index 0000000000000..4ce2ff1e4c28c
--- /dev/null
+++ b/superset-frontend/plugins/plugin-chart-period-over-period-kpi/src/utils.ts
@@ -0,0 +1,246 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { AdhocFilter } from '@superset-ui/core';
+import moment, { Moment } from 'moment';
+
+type MomentTuple = [moment.Moment | null, moment.Moment | null];
+
+const getSinceUntil = (
+  timeRange: string | null = null,
+  relativeStart: string | null = null,
+  relativeEnd: string | null = null,
+): MomentTuple => {
+  const separator = ' : ';
+  const effectiveRelativeStart = relativeStart || 'today';
+  const effectiveRelativeEnd = relativeEnd || 'today';
+
+  if (!timeRange) {
+    return [null, null];
+  }
+
+  let modTimeRange: string | null = timeRange;
+
+  if (timeRange === 'NO_TIME_RANGE' || timeRange === '_(NO_TIME_RANGE)') {
+    return [null, null];
+  }
+
+  if (timeRange?.startsWith('last') && !timeRange.includes(separator)) {
+    modTimeRange = timeRange + separator + effectiveRelativeEnd;
+  }
+
+  if (timeRange?.startsWith('next') && !timeRange.includes(separator)) {
+    modTimeRange = effectiveRelativeStart + separator + timeRange;
+  }
+
+  if (
+    timeRange?.startsWith('previous calendar week') &&
+    !timeRange.includes(separator)
+  ) {
+    return [
+      moment().subtract(1, 'week').startOf('week'),
+      moment().startOf('week'),
+    ];
+  }
+
+  if (
+    timeRange?.startsWith('previous calendar month') &&
+    !timeRange.includes(separator)
+  ) {
+    return [
+      moment().subtract(1, 'month').startOf('month'),
+      moment().startOf('month'),
+    ];
+  }
+
+  if (
+    timeRange?.startsWith('previous calendar year') &&
+    !timeRange.includes(separator)
+  ) {
+    return [
+      moment().subtract(1, 'year').startOf('year'),
+      moment().startOf('year'),
+    ];
+  }
+
+  const timeRangeLookup: Array<[RegExp, (...args: string[]) => Moment]> = [
+    [
+      /^last\s+(day|week|month|quarter|year)$/i,
+      (unit: string) =>
+        moment().subtract(1, unit as moment.unitOfTime.DurationConstructor),
+    ],
+    [
+      /^last\s+([0-9]+)\s+(second|minute|hour|day|week|month|year)s?$/i,
+      (delta: string, unit: string) =>
+        moment().subtract(delta, unit as moment.unitOfTime.DurationConstructor),
+    ],
+    [
+      /^next\s+([0-9]+)\s+(second|minute|hour|day|week|month|year)s?$/i,
+      (delta: string, unit: string) =>
+        moment().add(delta, unit as moment.unitOfTime.DurationConstructor),
+    ],
+    [
+      // eslint-disable-next-line no-useless-escape
+      /DATEADD\(DATETIME\("([^"]+)"\),\s*(-?\d+),\s*([^\)]+)\)/i,
+      (timePart: string, delta: string, unit: string) => {
+        if (timePart === 'now') {
+          return moment().add(
+            delta,
+            unit as moment.unitOfTime.DurationConstructor,
+          );
+        }
+        if (moment(timePart.toUpperCase(), true).isValid()) {
+          return moment(timePart).add(
+            delta,
+            unit as moment.unitOfTime.DurationConstructor,
+          );
+        }
+        return moment();
+      },
+    ],
+  ];
+
+  const sinceAndUntilPartition = modTimeRange
+    .split(separator, 2)
+    .map(part => part.trim());
+
+  const sinceAndUntil: (Moment | null)[] = sinceAndUntilPartition.map(part => {
+    if (!part) {
+      return null;
+    }
+
+    let transformedValue: Moment | null = null;
+    // Matching time_range_lookup
+    const matched = timeRangeLookup.some(([pattern, fn]) => {
+      const result = part.match(pattern);
+      if (result) {
+        transformedValue = fn(...result.slice(1));
+        return true;
+      }
+
+      if (part === 'today') {
+        transformedValue = moment().startOf('day');
+        return true;
+      }
+
+      if (part === 'now') {
+        transformedValue = moment();
+        return true;
+      }
+      return false;
+    });
+
+    if (matched && transformedValue !== null) {
+      // Handle the transformed value
+    } else {
+      // Handle the case when there was no match
+      transformedValue = moment(`${part}`);
+    }
+
+    return transformedValue;
+  });
+
+  const [_since, _until] = sinceAndUntil;
+
+  if (_since && _until && _since.isAfter(_until)) {
+    throw new Error('From date cannot be larger than to date');
+  }
+
+  return [_since, _until];
+};
+
+const calculatePrev = (
+  startDate: Moment | null,
+  endDate: Moment | null,
+  calcType: String,
+) => {
+  if (!startDate || !endDate) {
+    return [null, null];
+  }
+
+  const daysBetween = endDate.diff(startDate, 'days');
+
+  let startDatePrev = moment();
+  let endDatePrev = moment();
+  if (calcType === 'y') {
+    startDatePrev = startDate.subtract(1, 'year');
+    endDatePrev = endDate.subtract(1, 'year');
+  } else if (calcType === 'w') {
+    startDatePrev = startDate.subtract(1, 'week');
+    endDatePrev = endDate.subtract(1, 'week');
+  } else if (calcType === 'm') {
+    startDatePrev = startDate.subtract(1, 'month');
+    endDatePrev = endDate.subtract(1, 'month');
+  } else if (calcType === 'r') {
+    startDatePrev = startDate.clone().subtract(daysBetween.valueOf(), 'day');
+    endDatePrev = startDate;
+  } else {
+    startDatePrev = startDate.subtract(1, 'year');
+    endDatePrev = endDate.subtract(1, 'year');
+  }
+
+  return [startDatePrev, endDatePrev];
+};
+
+export const computeQueryBComparator = (
+  adhocFilters: AdhocFilter[],
+  timeComparison: string,
+  extraFormData: any,
+  join = ':',
+) => {
+  const timeFilterIndex =
+    adhocFilters?.findIndex(
+      filter => 'operator' in filter && filter.operator === 'TEMPORAL_RANGE',
+    ) ?? -1;
+
+  const timeFilter =
+    timeFilterIndex !== -1 ? adhocFilters[timeFilterIndex] : null;
+
+  let testSince = null;
+  let testUntil = null;
+
+  if (
+    timeFilter &&
+    'comparator' in timeFilter &&
+    typeof timeFilter.comparator === 'string'
+  ) {
+    let timeRange = timeFilter.comparator.toLocaleLowerCase();
+    if (extraFormData?.time_range) {
+      timeRange = extraFormData.time_range;
+    }
+    [testSince, testUntil] = getSinceUntil(timeRange);
+  }
+
+  if (timeComparison !== 'c') {
+    const [prevStartDateMoment, prevEndDateMoment] = calculatePrev(
+      testSince,
+      testUntil,
+      timeComparison,
+    );
+
+    return `${prevStartDateMoment?.format(
+      'YYYY-MM-DDTHH:mm:ss',
+    )} ${join} ${prevEndDateMoment?.format('YYYY-MM-DDTHH:mm:ss')}`.replace(
+      /Z/g,
+      '',
+    );
+  }
+
+  return null;
+};