@levi-gemcommerce/analytics 2.1.0-test.0 → 3.0.1-dev.3

package/dist/esm/components/GSelectableMetricChartCard/GSelectableMetricChartCard.js

@@ -2,10 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import '../../constants/analytic-metric-tooltip.js';
 import '../../constants/breakdown-targets.js';
 import { DEFAULT_CURRENT_PERIOD_LABEL, DEFAULT_PREVIOUS_PERIOD_LABEL } from '../../constants/chart.js';
-import { MetricChartTab } from './MetricChartTab.js';
 import { Card } from '@shopify/polaris';
-import '@shopify/polaris-icons';
 import { useState, useMemo } from 'react';
+import '@shopify/polaris-icons';
 import '../../utils/dayjs.js';
 import '../../utils/analytics.js';
 import '../../types/template.js';
@@ -18,6 +17,7 @@ import '../../shared/components/GPagination/GPagination.js';
 import '../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.js';
 import '../../stores/currencyRatesStore.js';
 import '@tanstack/react-query';
+import '../../providers/ConvertMoneyProvider.js';
 import '../../core/gemxql/constants/row-reader-mode.js';
 import '../../core/gemxql/types/analytic-data.js';
 import '../../core/gemxql/types/analytic-source.js';
@@ -29,8 +29,8 @@ import '../../core/gemxql/types/order-by.js';
 import '../../core/gemxql/types/page-fields.js';
 import '../../core/gemxql/types/row-reader-mode.js';
 import '../../core/gemxql/types/time-dimension.js';
-import '../../providers/ConvertMoneyProvider.js';
 import { MetricChart } from '../common/chart/MetricChart.js';
+import { MetricChartTab } from './MetricChartTab.js';
 
 const GSelectableMetricChartCard = ({ metricInfo, dataChart, defaultActiveTab, isLoading, isEmptyMetricData, hideComparison, currentPeriodLabel = DEFAULT_CURRENT_PERIOD_LABEL, previousPeriodLabel = DEFAULT_PREVIOUS_PERIOD_LABEL, columnTypes, isMockData, onclickMetric, }) => {
     const [activeTab, setActiveTab] = useState(defaultActiveTab);
@@ -41,10 +41,7 @@ const GSelectableMetricChartCard = ({ metricInfo, dataChart, defaultActiveTab, i
         const currentSeries = { name: currentPeriodLabel, data: chartData.current };
         if (hideComparison)
             return [currentSeries];
-        return [
-            currentSeries,
-            { name: previousPeriodLabel, data: chartData.previous, isComparison: true },
-        ];
+        return [currentSeries, { name: previousPeriodLabel, data: chartData.previous, isComparison: true }];
     }, [activeTab, dataChart, hideComparison, currentPeriodLabel, previousPeriodLabel]);
     return (jsxs(Card, { children: [jsx("div", { style: {
                     display: 'grid',

package/dist/esm/components/GSelectableMetricChartCard/GSelectableMetricChartCard.mjs

@@ -2,10 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import '../../constants/analytic-metric-tooltip.mjs';
 import '../../constants/breakdown-targets.mjs';
 import { DEFAULT_CURRENT_PERIOD_LABEL, DEFAULT_PREVIOUS_PERIOD_LABEL } from '../../constants/chart.mjs';
-import { MetricChartTab } from './MetricChartTab.mjs';
 import { Card } from '@shopify/polaris';
-import '@shopify/polaris-icons';
 import { useState, useMemo } from 'react';
+import '@shopify/polaris-icons';
 import '../../utils/dayjs.mjs';
 import '../../utils/analytics.mjs';
 import '../../types/template.mjs';
@@ -18,6 +17,7 @@ import '../../shared/components/GPagination/GPagination.mjs';
 import '../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.mjs';
 import '../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
+import '../../providers/ConvertMoneyProvider.mjs';
 import '../../core/gemxql/constants/row-reader-mode.mjs';
 import '../../core/gemxql/types/analytic-data.mjs';
 import '../../core/gemxql/types/analytic-source.mjs';
@@ -29,8 +29,8 @@ import '../../core/gemxql/types/order-by.mjs';
 import '../../core/gemxql/types/page-fields.mjs';
 import '../../core/gemxql/types/row-reader-mode.mjs';
 import '../../core/gemxql/types/time-dimension.mjs';
-import '../../providers/ConvertMoneyProvider.mjs';
 import { MetricChart } from '../common/chart/MetricChart.mjs';
+import { MetricChartTab } from './MetricChartTab.mjs';
 
 const GSelectableMetricChartCard = ({ metricInfo, dataChart, defaultActiveTab, isLoading, isEmptyMetricData, hideComparison, currentPeriodLabel = DEFAULT_CURRENT_PERIOD_LABEL, previousPeriodLabel = DEFAULT_PREVIOUS_PERIOD_LABEL, columnTypes, isMockData, onclickMetric, }) => {
     const [activeTab, setActiveTab] = useState(defaultActiveTab);
@@ -41,10 +41,7 @@ const GSelectableMetricChartCard = ({ metricInfo, dataChart, defaultActiveTab, i
         const currentSeries = { name: currentPeriodLabel, data: chartData.current };
         if (hideComparison)
             return [currentSeries];
-        return [
-            currentSeries,
-            { name: previousPeriodLabel, data: chartData.previous, isComparison: true },
-        ];
+        return [currentSeries, { name: previousPeriodLabel, data: chartData.previous, isComparison: true }];
     }, [activeTab, dataChart, hideComparison, currentPeriodLabel, previousPeriodLabel]);
     return (jsxs(Card, { children: [jsx("div", { style: {
                     display: 'grid',

package/dist/esm/components/GSelectableMetricChartCard/MetricChartTab.d.ts

@@ -1,5 +1,5 @@
-import type { EMetricKey, IMetricCardItem } from '../../types';
 import type { ReactElement } from 'react';
+import type { EMetricKey, IMetricCardItem } from '../../types';
 export interface IProps {
     item: IMetricCardItem;
     isActive: boolean;

package/dist/esm/components/GSelectableMetricChartCard/MetricChartTab.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Box } from '@shopify/polaris';
-import '@shopify/polaris-icons';
 import { useState } from 'react';
+import '@shopify/polaris-icons';
 import '../../utils/dayjs.js';
 import '../../utils/analytics.js';
 import '../../types/template.js';
@@ -14,6 +14,7 @@ import '../../shared/components/GPagination/GPagination.js';
 import '../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.js';
 import '../../stores/currencyRatesStore.js';
 import '@tanstack/react-query';
+import '../../providers/ConvertMoneyProvider.js';
 import '../../core/gemxql/constants/row-reader-mode.js';
 import '../../core/gemxql/types/analytic-data.js';
 import '../../core/gemxql/types/analytic-source.js';
@@ -25,12 +26,11 @@ import '../../core/gemxql/types/order-by.js';
 import '../../core/gemxql/types/page-fields.js';
 import '../../core/gemxql/types/row-reader-mode.js';
 import '../../core/gemxql/types/time-dimension.js';
-import '../../providers/ConvertMoneyProvider.js';
-import '../../constants/analytic-metric-tooltip.js';
-import '../../constants/breakdown-targets.js';
 import '../../providers/MetricChartProvider.js';
 import '../../providers/TimezoneProvider.js';
 import '@shopify/polaris-viz';
+import '../../constants/analytic-metric-tooltip.js';
+import '../../constants/breakdown-targets.js';
 import { MetricInfoBlock } from '../common/chart/MetricInfoBlock.js';
 
 const MetricChartTab = ({ item, isActive, isLoading, hideComparison, isMockData, onSelect, onClickTitle, }) => {

package/dist/esm/components/GSelectableMetricChartCard/MetricChartTab.mjs

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Box } from '@shopify/polaris';
-import '@shopify/polaris-icons';
 import { useState } from 'react';
+import '@shopify/polaris-icons';
 import '../../utils/dayjs.mjs';
 import '../../utils/analytics.mjs';
 import '../../types/template.mjs';
@@ -14,6 +14,7 @@ import '../../shared/components/GPagination/GPagination.mjs';
 import '../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.mjs';
 import '../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
+import '../../providers/ConvertMoneyProvider.mjs';
 import '../../core/gemxql/constants/row-reader-mode.mjs';
 import '../../core/gemxql/types/analytic-data.mjs';
 import '../../core/gemxql/types/analytic-source.mjs';
@@ -25,12 +26,11 @@ import '../../core/gemxql/types/order-by.mjs';
 import '../../core/gemxql/types/page-fields.mjs';
 import '../../core/gemxql/types/row-reader-mode.mjs';
 import '../../core/gemxql/types/time-dimension.mjs';
-import '../../providers/ConvertMoneyProvider.mjs';
-import '../../constants/analytic-metric-tooltip.mjs';
-import '../../constants/breakdown-targets.mjs';
 import '../../providers/MetricChartProvider.mjs';
 import '../../providers/TimezoneProvider.mjs';
 import '@shopify/polaris-viz';
+import '../../constants/analytic-metric-tooltip.mjs';
+import '../../constants/breakdown-targets.mjs';
 import { MetricInfoBlock } from '../common/chart/MetricInfoBlock.mjs';
 
 const MetricChartTab = ({ item, isActive, isLoading, hideComparison, isMockData, onSelect, onClickTitle, }) => {

package/dist/esm/components/GTimePicker/GTimePicker.d.ts

@@ -1,5 +1,5 @@
-import type { ButtonProps, PopoverProps } from '@shopify/polaris';
 import type { GButtonProps } from '../../shared/components/GButton';
+import type { ButtonProps, PopoverProps } from '@shopify/polaris';
 import type { IDateTimeFilterAddition } from './components';
 import type { DateTimeFilter } from './types';
 export interface GTimePickerProps {

package/dist/esm/components/GTimePicker/components/BaseTimePicker.d.ts

@@ -1,5 +1,5 @@
-import type { IDateTimeFilterAddition } from '../components';
 import type { GTimePickerProps } from '../GTimePicker';
+import type { IDateTimeFilterAddition } from '../components';
 import type { DateTimeFilter } from '../types';
 export interface BaseTimePickerProps extends Omit<GTimePickerProps, 'isCompare'> {
     dateTimeFilters?: DateTimeFilter[];

package/dist/esm/components/GTimePicker/components/BaseTimePicker.js

@@ -2,19 +2,19 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useBreakpoints, Popover, Box, Button, Scrollable, InlineGrid, BlockStack, DatePicker, InlineStack, ButtonGroup } from '@shopify/polaris';
 import { useCompareDateTimePicker } from '../hooks/useCompareDateTimePicker.js';
 import { GBlockCenter } from '../../../shared/components/GBlockCenter/GBlockCenter.js';
-import { useDateTimePicker } from '../hooks/useDateTimePicker.js';
+import { dayjsTzToDate } from '../../../utils/dayjs.js';
+import '../../../utils/analytics.js';
+import '../../../types/template.js';
 import { DateTimeFilterInputs } from './DateTimeFilterInputs.js';
+import { useDateTimePicker } from '../hooks/useDateTimePicker.js';
 import { GTooltip } from '../../../shared/components/GTooltip/GTooltip.js';
 import '../../../shared/components/GTooltip/components/GTooltipCard.js';
 import { GButton } from '../../../shared/components/GButton/GButton.js';
-import { CalendarIcon } from '@shopify/polaris-icons';
-import { DateTimeFilters } from './DateTimeFilters.js';
-import { useMemo, useState, useRef } from 'react';
 import '../constants/mainDataTimePicker.js';
 import { formatDateTimeRange } from '../helpers/parse-date.js';
-import { dayjsTzToDate } from '../../../utils/dayjs.js';
-import '../../../utils/analytics.js';
-import '../../../types/template.js';
+import { DateTimeFilters } from './DateTimeFilters.js';
+import { CalendarIcon } from '@shopify/polaris-icons';
+import { useMemo, useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import dayjs from 'dayjs';
 

package/dist/esm/components/GTimePicker/components/BaseTimePicker.mjs

@@ -2,19 +2,19 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useBreakpoints, Popover, Box, Button, Scrollable, InlineGrid, BlockStack, DatePicker, InlineStack, ButtonGroup } from '@shopify/polaris';
 import { useCompareDateTimePicker } from '../hooks/useCompareDateTimePicker.mjs';
 import { GBlockCenter } from '../../../shared/components/GBlockCenter/GBlockCenter.mjs';
-import { useDateTimePicker } from '../hooks/useDateTimePicker.mjs';
+import { dayjsTzToDate } from '../../../utils/dayjs.mjs';
+import '../../../utils/analytics.mjs';
+import '../../../types/template.mjs';
 import { DateTimeFilterInputs } from './DateTimeFilterInputs.mjs';
+import { useDateTimePicker } from '../hooks/useDateTimePicker.mjs';
 import { GTooltip } from '../../../shared/components/GTooltip/GTooltip.mjs';
 import '../../../shared/components/GTooltip/components/GTooltipCard.mjs';
 import { GButton } from '../../../shared/components/GButton/GButton.mjs';
-import { CalendarIcon } from '@shopify/polaris-icons';
-import { DateTimeFilters } from './DateTimeFilters.mjs';
-import { useMemo, useState, useRef } from 'react';
 import '../constants/mainDataTimePicker.mjs';
 import { formatDateTimeRange } from '../helpers/parse-date.mjs';
-import { dayjsTzToDate } from '../../../utils/dayjs.mjs';
-import '../../../utils/analytics.mjs';
-import '../../../types/template.mjs';
+import { DateTimeFilters } from './DateTimeFilters.mjs';
+import { CalendarIcon } from '@shopify/polaris-icons';
+import { useMemo, useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import dayjs from 'dayjs';
 

package/dist/esm/components/GTimePicker/components/CompareTimePicker.js

@@ -2,12 +2,12 @@ import { jsx } from 'react/jsx-runtime';
 import { CompareDateTimePickerAlias, DATE_TIME_COMPARISON_FILTERS } from '../constants/compareDateTimePicker.js';
 import '../constants/mainDataTimePicker.js';
 import { useCompareDateTimePicker } from '../hooks/useCompareDateTimePicker.js';
-import { BaseTimePicker } from './BaseTimePicker.js';
-import { useTranslation } from 'react-i18next';
 import { getDateRangeTitle } from '../helpers/date-range-info.js';
 import '../../../utils/dayjs.js';
 import '../../../utils/analytics.js';
 import '../../../types/template.js';
+import { BaseTimePicker } from './BaseTimePicker.js';
+import { useTranslation } from 'react-i18next';
 import { useMemo } from 'react';
 
 const CompareTimePicker = (props) => {

package/dist/esm/components/GTimePicker/components/CompareTimePicker.mjs

@@ -2,12 +2,12 @@ import { jsx } from 'react/jsx-runtime';
 import { CompareDateTimePickerAlias, DATE_TIME_COMPARISON_FILTERS } from '../constants/compareDateTimePicker.mjs';
 import '../constants/mainDataTimePicker.mjs';
 import { useCompareDateTimePicker } from '../hooks/useCompareDateTimePicker.mjs';
-import { BaseTimePicker } from './BaseTimePicker.mjs';
-import { useTranslation } from 'react-i18next';
 import { getDateRangeTitle } from '../helpers/date-range-info.mjs';
 import '../../../utils/dayjs.mjs';
 import '../../../utils/analytics.mjs';
 import '../../../types/template.mjs';
+import { BaseTimePicker } from './BaseTimePicker.mjs';
+import { useTranslation } from 'react-i18next';
 import { useMemo } from 'react';
 
 const CompareTimePicker = (props) => {

package/dist/esm/components/GTimePicker/components/DateTimeFilterAddition.js

@@ -2,12 +2,12 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Text, Box, InlineStack, Icon, Collapsible } from '@shopify/polaris';
 import { ChevronUpIcon, ChevronDownIcon } from '@shopify/polaris-icons';
 import { GOptionList } from '../../../shared/components/GOptionList/GOptionList.js';
-import { GDiv } from '../../../shared/components/GDiv/GDiv.js';
-import { useToggle } from '../../../hooks/useToggle.js';
 import { cls } from '../../../utils/cls.js';
 import { dayjsTz } from '../../../utils/dayjs.js';
 import '../../../utils/analytics.js';
 import '../../../types/template.js';
+import { GDiv } from '../../../shared/components/GDiv/GDiv.js';
+import { useToggle } from '../../../hooks/useToggle.js';
 
 function DateTimeFilterAddition(props) {
     const { setDateTimePicked, dateTimePicked, rangeAddition, allRanges } = props;

package/dist/esm/components/GTimePicker/components/DateTimeFilterAddition.mjs

@@ -2,12 +2,12 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Text, Box, InlineStack, Icon, Collapsible } from '@shopify/polaris';
 import { ChevronUpIcon, ChevronDownIcon } from '@shopify/polaris-icons';
 import { GOptionList } from '../../../shared/components/GOptionList/GOptionList.mjs';
-import { GDiv } from '../../../shared/components/GDiv/GDiv.mjs';
-import { useToggle } from '../../../hooks/useToggle.mjs';
 import { cls } from '../../../utils/cls.mjs';
 import { dayjsTz } from '../../../utils/dayjs.mjs';
 import '../../../utils/analytics.mjs';
 import '../../../types/template.mjs';
+import { GDiv } from '../../../shared/components/GDiv/GDiv.mjs';
+import { useToggle } from '../../../hooks/useToggle.mjs';
 
 function DateTimeFilterAddition(props) {
     const { setDateTimePicked, dateTimePicked, rangeAddition, allRanges } = props;

package/dist/esm/components/GTimePicker/components/DateTimeFilterInputs.d.ts

@@ -5,5 +5,5 @@ interface DateTimeFilterInputsProps {
     dateRange: DateTimeFilter;
     setDateTimePicked: (value: IDateRangeState) => void;
 }
-export declare function DateTimeFilterInputs({ onBlur, dateRange, setDateTimePicked, }: DateTimeFilterInputsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimeFilterInputs({ onBlur, dateRange, setDateTimePicked }: DateTimeFilterInputsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/GTimePicker/components/DateTimeFilterInputs.js

@@ -3,12 +3,12 @@ import { InlineGrid, TextField, InlineStack, Icon } from '@shopify/polaris';
 import { convertDateToTz, dayjsTzToLocalTZ, dayjsTz } from '../../../utils/dayjs.js';
 import '../../../utils/analytics.js';
 import '../../../types/template.js';
-import { useState, useCallback, useEffect } from 'react';
-import { ArrowRightIcon } from '@shopify/polaris-icons';
 import '../constants/mainDataTimePicker.js';
 import { formatDate, isValidDate } from '../helpers/parse-date.js';
+import { useState, useCallback, useEffect } from 'react';
+import { ArrowRightIcon } from '@shopify/polaris-icons';
 
-function DateTimeFilterInputs({ onBlur, dateRange, setDateTimePicked, }) {
+function DateTimeFilterInputs({ onBlur, dateRange, setDateTimePicked }) {
     const [isFocus, setIsFocus] = useState(false);
     const [inputValues, setInputValues] = useState({});
     const formatDisplayDate = useCallback((timestamp, isEnd = false) => {

package/dist/esm/components/GTimePicker/components/DateTimeFilterInputs.mjs

@@ -3,12 +3,12 @@ import { InlineGrid, TextField, InlineStack, Icon } from '@shopify/polaris';
 import { convertDateToTz, dayjsTzToLocalTZ, dayjsTz } from '../../../utils/dayjs.mjs';
 import '../../../utils/analytics.mjs';
 import '../../../types/template.mjs';
-import { useState, useCallback, useEffect } from 'react';
-import { ArrowRightIcon } from '@shopify/polaris-icons';
 import '../constants/mainDataTimePicker.mjs';
 import { formatDate, isValidDate } from '../helpers/parse-date.mjs';
+import { useState, useCallback, useEffect } from 'react';
+import { ArrowRightIcon } from '@shopify/polaris-icons';
 
-function DateTimeFilterInputs({ onBlur, dateRange, setDateTimePicked, }) {
+function DateTimeFilterInputs({ onBlur, dateRange, setDateTimePicked }) {
     const [isFocus, setIsFocus] = useState(false);
     const [inputValues, setInputValues] = useState({});
     const formatDisplayDate = useCallback((timestamp, isEnd = false) => {

package/dist/esm/components/GTimePicker/components/DateTimeFilters.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useBreakpoints, Box, Select, Scrollable, BlockStack, OptionList } from '@shopify/polaris';
-import { DateTimeFilterAddition } from './DateTimeFilterAddition.js';
-import { DATE_TIME_COMPARISON_FILTERS } from '../constants/compareDateTimePicker.js';
-import '../constants/mainDataTimePicker.js';
 import { dayjsTz } from '../../../utils/dayjs.js';
 import '../../../utils/analytics.js';
 import '../../../types/template.js';
-import { useDateTimeFilter } from '../hooks/useDateTimeFilter.js';
+import { DATE_TIME_COMPARISON_FILTERS } from '../constants/compareDateTimePicker.js';
+import '../constants/mainDataTimePicker.js';
 import '../contexts/DateTimePickerProvider.js';
+import { useDateTimeFilter } from '../hooks/useDateTimeFilter.js';
 import 'react';
 import 'react-i18next';
+import { DateTimeFilterAddition } from './DateTimeFilterAddition.js';
 
 function DateTimeFilters(props) {
     const { setDateTimePicked, dateTimePicked, allRanges, isCompare } = props;

package/dist/esm/components/GTimePicker/components/DateTimeFilters.mjs

@@ -1,15 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useBreakpoints, Box, Select, Scrollable, BlockStack, OptionList } from '@shopify/polaris';
-import { DateTimeFilterAddition } from './DateTimeFilterAddition.mjs';
-import { DATE_TIME_COMPARISON_FILTERS } from '../constants/compareDateTimePicker.mjs';
-import '../constants/mainDataTimePicker.mjs';
 import { dayjsTz } from '../../../utils/dayjs.mjs';
 import '../../../utils/analytics.mjs';
 import '../../../types/template.mjs';
-import { useDateTimeFilter } from '../hooks/useDateTimeFilter.mjs';
+import { DATE_TIME_COMPARISON_FILTERS } from '../constants/compareDateTimePicker.mjs';
+import '../constants/mainDataTimePicker.mjs';
 import '../contexts/DateTimePickerProvider.mjs';
+import { useDateTimeFilter } from '../hooks/useDateTimeFilter.mjs';
 import 'react';
 import 'react-i18next';
+import { DateTimeFilterAddition } from './DateTimeFilterAddition.mjs';
 
 function DateTimeFilters(props) {
     const { setDateTimePicked, dateTimePicked, allRanges, isCompare } = props;

package/dist/esm/components/GTimePicker/components/MainTimePicker.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { useDateTimePicker } from '../hooks/useDateTimePicker.js';
 import { useDateTimeFilter } from '../hooks/useDateTimeFilter.js';
+import { useDateTimePicker } from '../hooks/useDateTimePicker.js';
 import { BaseTimePicker } from './BaseTimePicker.js';
 import { getDateRangeTitle } from '../helpers/date-range-info.js';
 import '../../../utils/dayjs.js';

package/dist/esm/components/GTimePicker/components/MainTimePicker.mjs

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { useDateTimePicker } from '../hooks/useDateTimePicker.mjs';
 import { useDateTimeFilter } from '../hooks/useDateTimeFilter.mjs';
+import { useDateTimePicker } from '../hooks/useDateTimePicker.mjs';
 import { BaseTimePicker } from './BaseTimePicker.mjs';
 import { getDateRangeTitle } from '../helpers/date-range-info.mjs';
 import '../../../utils/dayjs.mjs';

package/dist/esm/components/GTimePicker/helpers/date-range-info.js

@@ -1,9 +1,9 @@
 import { getDateTimeFilterMapping, getDateTimeFilterByAlias, MainDateTimePickerAlias } from '../constants/mainDataTimePicker.js';
 import { isSameDayTimestamp, formatTimeRange } from './parse-date.js';
-import { DATE_FORMAT } from '../constants/datePicker.js';
 import { convertDateToTz, dayjsTz } from '../../../utils/dayjs.js';
 import '../../../utils/analytics.js';
 import '../../../types/template.js';
+import { DATE_FORMAT } from '../constants/datePicker.js';
 
 function getDateRangeTitle(since, until) {
     const sinceDate = convertDateToTz(since);

package/dist/esm/components/GTimePicker/helpers/date-range-info.mjs

@@ -1,9 +1,9 @@
 import { getDateTimeFilterMapping, getDateTimeFilterByAlias, MainDateTimePickerAlias } from '../constants/mainDataTimePicker.mjs';
 import { isSameDayTimestamp, formatTimeRange } from './parse-date.mjs';
-import { DATE_FORMAT } from '../constants/datePicker.mjs';
 import { convertDateToTz, dayjsTz } from '../../../utils/dayjs.mjs';
 import '../../../utils/analytics.mjs';
 import '../../../types/template.mjs';
+import { DATE_FORMAT } from '../constants/datePicker.mjs';
 
 function getDateRangeTitle(since, until) {
     const sinceDate = convertDateToTz(since);

package/dist/esm/components/GTimePicker/helpers/version.js

@@ -1,9 +1,9 @@
 import { getVersionDateRangeTitle, getVersionDateDescription } from './date-range-info.js';
-import { getEndOfDayBy } from './parse-date.js';
 import { semverToNum } from '../../../utils/number.js';
 import { dayjsTzToLocalTZ } from '../../../utils/dayjs.js';
 import '../../../utils/analytics.js';
 import '../../../types/template.js';
+import { getEndOfDayBy } from './parse-date.js';
 
 const convertToDateTimeFilters = (versions) => {
     const dataVersions = [...versions].sort((a, b) => semverToNum(b.version) - semverToNum(a.version));

package/dist/esm/components/GTimePicker/helpers/version.mjs

@@ -1,9 +1,9 @@
 import { getVersionDateRangeTitle, getVersionDateDescription } from './date-range-info.mjs';
-import { getEndOfDayBy } from './parse-date.mjs';
 import { semverToNum } from '../../../utils/number.mjs';
 import { dayjsTzToLocalTZ } from '../../../utils/dayjs.mjs';
 import '../../../utils/analytics.mjs';
 import '../../../types/template.mjs';
+import { getEndOfDayBy } from './parse-date.mjs';
 
 const convertToDateTimeFilters = (versions) => {
     const dataVersions = [...versions].sort((a, b) => semverToNum(b.version) - semverToNum(a.version));

package/dist/esm/components/GTimePicker/hooks/useDateTimePicker.js

@@ -3,8 +3,8 @@ import '../../../utils/dayjs.js';
 import '../../../utils/analytics.js';
 import '../../../types/template.js';
 import { getMonthAndYearByDateFilter } from '../helpers/time-picker.js';
-import { useDateTimeFilter } from './useDateTimeFilter.js';
 import { useDateTimePickerContext } from '../contexts/DateTimePickerProvider.js';
+import { useDateTimeFilter } from './useDateTimeFilter.js';
 import { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
 

package/dist/esm/components/GTimePicker/hooks/useDateTimePicker.mjs

@@ -3,8 +3,8 @@ import '../../../utils/dayjs.mjs';
 import '../../../utils/analytics.mjs';
 import '../../../types/template.mjs';
 import { getMonthAndYearByDateFilter } from '../helpers/time-picker.mjs';
-import { useDateTimeFilter } from './useDateTimeFilter.mjs';
 import { useDateTimePickerContext } from '../contexts/DateTimePickerProvider.mjs';
+import { useDateTimeFilter } from './useDateTimeFilter.mjs';
 import { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
 

package/dist/esm/components/GTimePicker/hooks/useVersionDateTimeFilters.d.ts

@@ -1,5 +1,5 @@
-import type { IBaseCampaignVersion } from '../types';
 import type { IDateTimeFilterAddition } from '../components';
+import type { IBaseCampaignVersion } from '../types';
 type MaybeVersion = IBaseCampaignVersion | null | undefined;
 type IVersionDateTimeFiltersProps = MaybeVersion[] | null | undefined;
 interface IVersionDateTimeFiltersReturn {

package/dist/esm/components/MetricDonutChartCard/MetricDonutChartCard.js

@@ -1,21 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Card, BlockStack, InlineStack, Text, Icon } from '@shopify/polaris';
-import { ChevronRightIcon } from '@shopify/polaris-icons';
-import { useState, useMemo } from 'react';
+import { ANALYTICS_METRIC_TOOLTIP } from '../../constants/analytic-metric-tooltip.js';
+import '../../constants/breakdown-targets.js';
 import { numberWithCommas } from '../../utils/number.js';
 import { cls } from '../../utils/cls.js';
 import '../../utils/dayjs.js';
 import '../../utils/analytics.js';
 import '../../types/template.js';
-import { GTooltipCard } from '../../shared/components/GTooltip/components/GTooltipCard.js';
-import '../../shared/components/GDiv/GDiv.js';
-import 'react-i18next';
-import '../../shared/components/GFeatureLocked/constants.js';
-import '../../shared/components/GFeatureLocked/types.js';
-import '../../shared/components/GPagination/GPagination.js';
-import '../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.js';
+import { useState, useMemo } from 'react';
 import '../../stores/currencyRatesStore.js';
 import '@tanstack/react-query';
+import '../../providers/ConvertMoneyProvider.js';
 import '../../core/gemxql/constants/row-reader-mode.js';
 import '../../core/gemxql/types/analytic-data.js';
 import '../../core/gemxql/types/analytic-source.js';
@@ -27,14 +21,20 @@ import '../../core/gemxql/types/order-by.js';
 import '../../core/gemxql/types/page-fields.js';
 import '../../core/gemxql/types/row-reader-mode.js';
 import '../../core/gemxql/types/time-dimension.js';
-import '../../providers/ConvertMoneyProvider.js';
+import '../../shared/components/GPagination/GPagination.js';
 import { useWindowSize } from '../../hooks/publish/useWindowSize.js';
-import { ANALYTICS_METRIC_TOOLTIP } from '../../constants/analytic-metric-tooltip.js';
-import '../../constants/breakdown-targets.js';
-import { MetricChartEmpty } from '../common/chart/MetricChartEmpty.js';
 import { MetricChartProvider } from '../../providers/MetricChartProvider.js';
 import '../../providers/TimezoneProvider.js';
+import { Card, BlockStack, InlineStack, Text, Icon } from '@shopify/polaris';
+import { ChevronRightIcon } from '@shopify/polaris-icons';
+import { GTooltipCard } from '../../shared/components/GTooltip/components/GTooltipCard.js';
+import '../../shared/components/GDiv/GDiv.js';
+import 'react-i18next';
+import '../../shared/components/GFeatureLocked/constants.js';
+import '../../shared/components/GFeatureLocked/types.js';
+import '../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.js';
 import { DonutChart } from '@shopify/polaris-viz';
+import { MetricChartEmpty } from '../common/chart/MetricChartEmpty.js';
 import { MetricDonutChartSkeleton } from '../common/chart/MetricDonutChartSkeleton.js';
 import { buildBreakdownDonutData } from './utils/donut-chart.js';
 
@@ -58,9 +58,7 @@ const MetricDonutChartCard = ({ label, metricKey, targets, totalsRow, comparison
         onClick();
     };
     const isCompactView = windowWidth.lg && windowSize.width < COMPACT_MAX_WIDTH;
-    return (jsx("div", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: jsx(Card, { children: jsxs(BlockStack, { gap: "200", children: [jsx(InlineStack, { children: jsx("div", { className: isMockData
-                                ? undefined
-                                : 'hover:cursor-pointer hover:text-[--p-color-text-link-hover]', onClick: handleClickTitle, children: jsxs(InlineStack, { children: [jsx(GTooltipCard, { tooltip: tooltip, children: jsx(Text, { as: "h3", variant: "headingMd", children: label }) }), isHovered && !isMockData && jsx(Icon, { source: ChevronRightIcon, tone: "inherit" })] }) }) }), jsx("div", { className: cls('flex items-center justify-center', {
+    return (jsx("div", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: jsx(Card, { children: jsxs(BlockStack, { gap: "200", children: [jsx(InlineStack, { children: jsx("div", { className: isMockData ? undefined : 'hover:cursor-pointer hover:text-[--p-color-text-link-hover]', onClick: handleClickTitle, children: jsxs(InlineStack, { children: [jsx(GTooltipCard, { tooltip: tooltip, children: jsx(Text, { as: "h3", variant: "headingMd", children: label }) }), isHovered && !isMockData && jsx(Icon, { source: ChevronRightIcon, tone: "inherit" })] }) }) }), jsx("div", { className: cls('flex items-center justify-center', {
                             'max-h-[250px] overflow-hidden': isCompactView,
                         }), children: isEmptyMetricData ? (jsx(MetricChartEmpty, { title: "No data yet", description: "Data needs time to gather" })) : (jsx(MetricChartProvider, { minHeight: minHeight, seriesColors: {}, children: jsx(DonutChart, { data: data, legendPosition: "left", showLegendValues: true, showLegend: true, theme: "Light", tooltipOptions: {
                                     valueFormatter: formatValue,

package/dist/esm/components/MetricDonutChartCard/MetricDonutChartCard.mjs

@@ -1,21 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Card, BlockStack, InlineStack, Text, Icon } from '@shopify/polaris';
-import { ChevronRightIcon } from '@shopify/polaris-icons';
-import { useState, useMemo } from 'react';
+import { ANALYTICS_METRIC_TOOLTIP } from '../../constants/analytic-metric-tooltip.mjs';
+import '../../constants/breakdown-targets.mjs';
 import { numberWithCommas } from '../../utils/number.mjs';
 import { cls } from '../../utils/cls.mjs';
 import '../../utils/dayjs.mjs';
 import '../../utils/analytics.mjs';
 import '../../types/template.mjs';
-import { GTooltipCard } from '../../shared/components/GTooltip/components/GTooltipCard.mjs';
-import '../../shared/components/GDiv/GDiv.mjs';
-import 'react-i18next';
-import '../../shared/components/GFeatureLocked/constants.mjs';
-import '../../shared/components/GFeatureLocked/types.mjs';
-import '../../shared/components/GPagination/GPagination.mjs';
-import '../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.mjs';
+import { useState, useMemo } from 'react';
 import '../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
+import '../../providers/ConvertMoneyProvider.mjs';
 import '../../core/gemxql/constants/row-reader-mode.mjs';
 import '../../core/gemxql/types/analytic-data.mjs';
 import '../../core/gemxql/types/analytic-source.mjs';
@@ -27,14 +21,20 @@ import '../../core/gemxql/types/order-by.mjs';
 import '../../core/gemxql/types/page-fields.mjs';
 import '../../core/gemxql/types/row-reader-mode.mjs';
 import '../../core/gemxql/types/time-dimension.mjs';
-import '../../providers/ConvertMoneyProvider.mjs';
+import '../../shared/components/GPagination/GPagination.mjs';
 import { useWindowSize } from '../../hooks/publish/useWindowSize.mjs';
-import { ANALYTICS_METRIC_TOOLTIP } from '../../constants/analytic-metric-tooltip.mjs';
-import '../../constants/breakdown-targets.mjs';
-import { MetricChartEmpty } from '../common/chart/MetricChartEmpty.mjs';
 import { MetricChartProvider } from '../../providers/MetricChartProvider.mjs';
 import '../../providers/TimezoneProvider.mjs';
+import { Card, BlockStack, InlineStack, Text, Icon } from '@shopify/polaris';
+import { ChevronRightIcon } from '@shopify/polaris-icons';
+import { GTooltipCard } from '../../shared/components/GTooltip/components/GTooltipCard.mjs';
+import '../../shared/components/GDiv/GDiv.mjs';
+import 'react-i18next';
+import '../../shared/components/GFeatureLocked/constants.mjs';
+import '../../shared/components/GFeatureLocked/types.mjs';
+import '../../shared/charts/components/GPolarisViz/hooks/useResizeObserver.mjs';
 import { DonutChart } from '@shopify/polaris-viz';
+import { MetricChartEmpty } from '../common/chart/MetricChartEmpty.mjs';
 import { MetricDonutChartSkeleton } from '../common/chart/MetricDonutChartSkeleton.mjs';
 import { buildBreakdownDonutData } from './utils/donut-chart.mjs';
 
@@ -58,9 +58,7 @@ const MetricDonutChartCard = ({ label, metricKey, targets, totalsRow, comparison
         onClick();
     };
     const isCompactView = windowWidth.lg && windowSize.width < COMPACT_MAX_WIDTH;
-    return (jsx("div", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: jsx(Card, { children: jsxs(BlockStack, { gap: "200", children: [jsx(InlineStack, { children: jsx("div", { className: isMockData
-                                ? undefined
-                                : 'hover:cursor-pointer hover:text-[--p-color-text-link-hover]', onClick: handleClickTitle, children: jsxs(InlineStack, { children: [jsx(GTooltipCard, { tooltip: tooltip, children: jsx(Text, { as: "h3", variant: "headingMd", children: label }) }), isHovered && !isMockData && jsx(Icon, { source: ChevronRightIcon, tone: "inherit" })] }) }) }), jsx("div", { className: cls('flex items-center justify-center', {
+    return (jsx("div", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: jsx(Card, { children: jsxs(BlockStack, { gap: "200", children: [jsx(InlineStack, { children: jsx("div", { className: isMockData ? undefined : 'hover:cursor-pointer hover:text-[--p-color-text-link-hover]', onClick: handleClickTitle, children: jsxs(InlineStack, { children: [jsx(GTooltipCard, { tooltip: tooltip, children: jsx(Text, { as: "h3", variant: "headingMd", children: label }) }), isHovered && !isMockData && jsx(Icon, { source: ChevronRightIcon, tone: "inherit" })] }) }) }), jsx("div", { className: cls('flex items-center justify-center', {
                             'max-h-[250px] overflow-hidden': isCompactView,
                         }), children: isEmptyMetricData ? (jsx(MetricChartEmpty, { title: "No data yet", description: "Data needs time to gather" })) : (jsx(MetricChartProvider, { minHeight: minHeight, seriesColors: {}, children: jsx(DonutChart, { data: data, legendPosition: "left", showLegendValues: true, showLegend: true, theme: "Light", tooltipOptions: {
                                     valueFormatter: formatValue,