npm - @levi-gemcommerce/analytics - Versions diffs - 2.1.0-test.0 → 3.0.1-dev.3 - Mend

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

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.

Files changed (1144) hide show

package/dist/esm/shared/charts/components/GPolarisViz/components/ConicGradientWithStops/ConicGradientWithStops.mjs CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import '@shopify/polaris-viz-core';
 import { createCSSConicGradient } from '../../utilities/createCssConicGradient.mjs';
-function ConicGradientWithStops({ gradient, height, width, x = 0, y = 0, }) {
+function ConicGradientWithStops({ gradient, height, width, x = 0, y = 0 }) {
     const conicGradientValue = createCSSConicGradient(gradient);
     return (jsx("foreignObject", { x: x, y: y, width: width, height: height, children: jsx("div", { style: {
                 width: `${width}px`,

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChart/components/Label.d.ts CHANGED Viewed

@@ -10,5 +10,5 @@ export interface LabelProps {
     backgroundColor?: string;
     transform: SpringValue;
 }
-export declare function Label({ label, labelWidth, labelHelper, size, color, backgroundColor, transform, }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Label({ label, labelWidth, labelHelper, size, color, backgroundColor, transform }: LabelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/Chart.js CHANGED Viewed

@@ -10,13 +10,12 @@ import '@react-spring/web';
 import { TooltipWithPortal } from './components/TooltipWithPortal.js';
 import { useState, useMemo, Fragment } from 'react';
 import '../../constants.js';
+import { FunnelChartSegment } from '../../shared/FunnelChartSegment/FunnelChartSegment.js';
 import '../../hooks/useResizeObserver.js';
 import '../../../../../../stores/currencyRatesStore.js';
 import '@tanstack/react-query';
+import '../../../../../../providers/ConvertMoneyProvider.js';
 import '../../../../../../core/gemxql/constants/row-reader-mode.js';
-import '../../../../../../utils/dayjs.js';
-import '../../../../../../utils/analytics.js';
-import '../../../../../../types/template.js';
 import '../../../../../../core/gemxql/types/analytic-data.js';
 import '../../../../../../core/gemxql/types/analytic-source.js';
 import '../../../../../../core/gemxql/types/extra-condition.js';
@@ -27,12 +26,13 @@ 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 '../../../../../../utils/dayjs.js';
+import '../../../../../../utils/analytics.js';
+import '../../../../../../types/template.js';
 import '../../../../../components/GPagination/GPagination.js';
 import { useFunnelBarScaling } from '../../hooks/useFunnelBarScaling.js';
 import 'd3-shape';
 import '../../shared/Bar/Bar.js';
-import { FunnelChartSegment } from '../../shared/FunnelChartSegment/FunnelChartSegment.js';
 import 'react-dom';
 import { scaleLinear, scaleBand } from 'd3-scale';
 import { ChartElements } from '../ChartElements/index.js';

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/Chart.mjs CHANGED Viewed

@@ -10,13 +10,12 @@ import '@react-spring/web';
 import { TooltipWithPortal } from './components/TooltipWithPortal.mjs';
 import { useState, useMemo, Fragment } from 'react';
 import '../../constants.mjs';
+import { FunnelChartSegment } from '../../shared/FunnelChartSegment/FunnelChartSegment.mjs';
 import '../../hooks/useResizeObserver.mjs';
 import '../../../../../../stores/currencyRatesStore.mjs';
 import '@tanstack/react-query';
+import '../../../../../../providers/ConvertMoneyProvider.mjs';
 import '../../../../../../core/gemxql/constants/row-reader-mode.mjs';
-import '../../../../../../utils/dayjs.mjs';
-import '../../../../../../utils/analytics.mjs';
-import '../../../../../../types/template.mjs';
 import '../../../../../../core/gemxql/types/analytic-data.mjs';
 import '../../../../../../core/gemxql/types/analytic-source.mjs';
 import '../../../../../../core/gemxql/types/extra-condition.mjs';
@@ -27,12 +26,13 @@ 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 '../../../../../../utils/dayjs.mjs';
+import '../../../../../../utils/analytics.mjs';
+import '../../../../../../types/template.mjs';
 import '../../../../../components/GPagination/GPagination.mjs';
 import { useFunnelBarScaling } from '../../hooks/useFunnelBarScaling.mjs';
 import 'd3-shape';
 import '../../shared/Bar/Bar.mjs';
-import { FunnelChartSegment } from '../../shared/FunnelChartSegment/FunnelChartSegment.mjs';
 import 'react-dom';
 import { scaleLinear, scaleBand } from 'd3-scale';
 import { ChartElements } from '../ChartElements/index.mjs';

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/FunnelChartNext.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { useChartContext, DEFAULT_CHART_PROPS, ChartState } from '@shopify/polaris-viz-core';
-import { ChartContainer } from '../ChartContainer/ChartContainer.js';
-import { ChartSkeleton } from '../ChartSkeleton/ChartSkeleton.js';
 import { numberWithCommas } from '../../../../../../utils/number.js';
 import '../../../../../../utils/dayjs.js';
 import '../../../../../../utils/analytics.js';
 import '../../../../../../types/template.js';
+import { ChartContainer } from '../ChartContainer/ChartContainer.js';
+import { ChartSkeleton } from '../ChartSkeleton/ChartSkeleton.js';
 import { Chart } from './Chart.js';
 const DEFAULT_LABEL_FORMATTER = (value) => numberWithCommas(value?.toString() ?? '');

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/FunnelChartNext.mjs CHANGED Viewed

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { useChartContext, DEFAULT_CHART_PROPS, ChartState } from '@shopify/polaris-viz-core';
-import { ChartContainer } from '../ChartContainer/ChartContainer.mjs';
-import { ChartSkeleton } from '../ChartSkeleton/ChartSkeleton.mjs';
 import { numberWithCommas } from '../../../../../../utils/number.mjs';
 import '../../../../../../utils/dayjs.mjs';
 import '../../../../../../utils/analytics.mjs';
 import '../../../../../../types/template.mjs';
+import { ChartContainer } from '../ChartContainer/ChartContainer.mjs';
+import { ChartSkeleton } from '../ChartSkeleton/ChartSkeleton.mjs';
 import { Chart } from './Chart.mjs';
 const DEFAULT_LABEL_FORMATTER = (value) => numberWithCommas(value?.toString() ?? '');

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/components/FunnelChartLabels/FunnelChartLabels.js CHANGED Viewed

@@ -46,9 +46,7 @@ function FunnelChartLabels({ formattedValues, labels, labelWidth, barWidth, perc
         const actionButtonWidth = labels[0]?.secondaryActions?.length ? ACTION_BUTTON_WIDTH : 0;
         const canAllFitInOneLine = labels.every((_, i) => {
             const isLast = i === labels.length - 1;
-            const currentTargetWidth = isLast
-                ? barWidth - GROUP_OFFSET * 2
-                : labelWidth - GROUP_OFFSET * 2;
+            const currentTargetWidth = isLast ? barWidth - GROUP_OFFSET * 2 : labelWidth - GROUP_OFFSET * 2;
             const availableWidth = currentTargetWidth - actionButtonWidth;
             const currentPercentWidth = showPercentages
                 ? estimateStringWidthWithOffset(percentages[i], VALUE_FONT_SIZE, VALUE_FONT_WEIGHT)
@@ -72,14 +70,11 @@ function FunnelChartLabels({ formattedValues, labels, labelWidth, barWidth, perc
         // Check if counts and trends can fit in one line.
         const canCountsAndTrendsFitOneLine = labels.every((_, i) => {
             const isLast = i === labels.length - 1;
-            const currentTargetWidth = isLast
-                ? barWidth - GROUP_OFFSET * 2
-                : labelWidth - GROUP_OFFSET * 2;
+            const currentTargetWidth = isLast ? barWidth - GROUP_OFFSET * 2 : labelWidth - GROUP_OFFSET * 2;
             const availableWidth = currentTargetWidth - actionButtonWidth;
             const currentCountStringWidth = estimateStringWidthWithOffset(formattedValues[i], VALUE_FONT_SIZE, VALUE_FONT_WEIGHT);
             const { trendIndicatorWidth: currentTrendWidth, trendIndicatorProps: currentTrendProps } = getTrendIndicatorData(trends?.[i]?.reached);
-            return (currentCountStringWidth +
-                (currentTrendProps ? TREND_INDICATOR_SPACING + currentTrendWidth : 0) <
+            return (currentCountStringWidth + (currentTrendProps ? TREND_INDICATOR_SPACING + currentTrendWidth : 0) <
                 Number(availableWidth) + TREND_INDICATOR_SPACING_ADJUSTMENT);
         });
         if (canCountsAndTrendsFitOneLine) {
@@ -121,9 +116,7 @@ function FunnelChartLabels({ formattedValues, labels, labelWidth, barWidth, perc
             const x = xScale(index.toString()) ?? 0;
             const showScaleIcon = index === 0 && shouldApplyScaling && isShowScaleIcon;
             const isLast = index === labels.length - 1;
-            const currentTargetWidth = isLast
-                ? barWidth - GROUP_OFFSET * 2
-                : labelWidth - GROUP_OFFSET * 2;
+            const currentTargetWidth = isLast ? barWidth - GROUP_OFFSET * 2 : labelWidth - GROUP_OFFSET * 2;
             const percentWidth = estimateStringWidthWithOffset(percentages[index], VALUE_FONT_SIZE, VALUE_FONT_WEIGHT);
             const countStringWidth = estimateStringWidthWithOffset(formattedValues[index], VALUE_FONT_SIZE, VALUE_FONT_WEIGHT);
             const { trendIndicatorProps, trendIndicatorWidth } = getTrendIndicatorData(trends?.[index]?.reached);

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/components/FunnelChartLabels/FunnelChartLabels.mjs CHANGED Viewed

@@ -46,9 +46,7 @@ function FunnelChartLabels({ formattedValues, labels, labelWidth, barWidth, perc
         const actionButtonWidth = labels[0]?.secondaryActions?.length ? ACTION_BUTTON_WIDTH : 0;
         const canAllFitInOneLine = labels.every((_, i) => {
             const isLast = i === labels.length - 1;
-            const currentTargetWidth = isLast
-                ? barWidth - GROUP_OFFSET * 2
-                : labelWidth - GROUP_OFFSET * 2;
+            const currentTargetWidth = isLast ? barWidth - GROUP_OFFSET * 2 : labelWidth - GROUP_OFFSET * 2;
             const availableWidth = currentTargetWidth - actionButtonWidth;
             const currentPercentWidth = showPercentages
                 ? estimateStringWidthWithOffset(percentages[i], VALUE_FONT_SIZE, VALUE_FONT_WEIGHT)
@@ -72,14 +70,11 @@ function FunnelChartLabels({ formattedValues, labels, labelWidth, barWidth, perc
         // Check if counts and trends can fit in one line.
         const canCountsAndTrendsFitOneLine = labels.every((_, i) => {
             const isLast = i === labels.length - 1;
-            const currentTargetWidth = isLast
-                ? barWidth - GROUP_OFFSET * 2
-                : labelWidth - GROUP_OFFSET * 2;
+            const currentTargetWidth = isLast ? barWidth - GROUP_OFFSET * 2 : labelWidth - GROUP_OFFSET * 2;
             const availableWidth = currentTargetWidth - actionButtonWidth;
             const currentCountStringWidth = estimateStringWidthWithOffset(formattedValues[i], VALUE_FONT_SIZE, VALUE_FONT_WEIGHT);
             const { trendIndicatorWidth: currentTrendWidth, trendIndicatorProps: currentTrendProps } = getTrendIndicatorData(trends?.[i]?.reached);
-            return (currentCountStringWidth +
-                (currentTrendProps ? TREND_INDICATOR_SPACING + currentTrendWidth : 0) <
+            return (currentCountStringWidth + (currentTrendProps ? TREND_INDICATOR_SPACING + currentTrendWidth : 0) <
                 Number(availableWidth) + TREND_INDICATOR_SPACING_ADJUSTMENT);
         });
         if (canCountsAndTrendsFitOneLine) {
@@ -121,9 +116,7 @@ function FunnelChartLabels({ formattedValues, labels, labelWidth, barWidth, perc
             const x = xScale(index.toString()) ?? 0;
             const showScaleIcon = index === 0 && shouldApplyScaling && isShowScaleIcon;
             const isLast = index === labels.length - 1;
-            const currentTargetWidth = isLast
-                ? barWidth - GROUP_OFFSET * 2
-                : labelWidth - GROUP_OFFSET * 2;
+            const currentTargetWidth = isLast ? barWidth - GROUP_OFFSET * 2 : labelWidth - GROUP_OFFSET * 2;
             const percentWidth = estimateStringWidthWithOffset(percentages[index], VALUE_FONT_SIZE, VALUE_FONT_WEIGHT);
             const countStringWidth = estimateStringWidthWithOffset(formattedValues[index], VALUE_FONT_SIZE, VALUE_FONT_WEIGHT);
             const { trendIndicatorProps, trendIndicatorWidth } = getTrendIndicatorData(trends?.[index]?.reached);

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/components/Tooltip/Tooltip.js CHANGED Viewed

@@ -1,17 +1,17 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTheme, DEFAULT_THEME_NAME } from '@shopify/polaris-viz-core';
+import { Fragment } from 'react';
 import { FUNNEL_CHART_CONNECTOR_GRADIENT } from '../../../../shared/FunnelChartConnector/constants.js';
 import '@react-spring/web';
-import { getTrendIndicatorData } from '../../../../utilities/getTrendIndicatorData.js';
 import { FUNNEL_CHART_SEGMENT_FILL } from '../../../../shared/FunnelChartSegment/constants.js';
-import { Fragment } from 'react';
 import { SeriesIcon } from '../../../../shared/SeriesIcon/SeriesIcon.js';
+import { getTrendIndicatorData } from '../../../../utilities/getTrendIndicatorData.js';
 import '../../../../constants.js';
 import { TrendIndicator } from '../../../TrendIndicator/TrendIndicator.js';
 import { TooltipContentContainer } from '../../../TooltipContent/components/TooltipContentContainer/TooltipContentContainer.js';
 import { TooltipTitle } from '../../../TooltipContent/components/TooltipTitle/TooltipTitle.js';
-import { calculateDropOff } from '../../utilities/calculate-dropoff.js';
 import { TOOLTIP_WIDTH } from '../../constants.js';
+import { calculateDropOff } from '../../utilities/calculate-dropoff.js';
 function Tooltip({ activeIndex, dataSeries, trends, tooltipLabels, funnelColors, labelFormatter, percentageFormatter, }) {
     const selectedTheme = useTheme(DEFAULT_THEME_NAME);

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/components/Tooltip/Tooltip.mjs CHANGED Viewed

@@ -1,17 +1,17 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTheme, DEFAULT_THEME_NAME } from '@shopify/polaris-viz-core';
+import { Fragment } from 'react';
 import { FUNNEL_CHART_CONNECTOR_GRADIENT } from '../../../../shared/FunnelChartConnector/constants.mjs';
 import '@react-spring/web';
-import { getTrendIndicatorData } from '../../../../utilities/getTrendIndicatorData.mjs';
 import { FUNNEL_CHART_SEGMENT_FILL } from '../../../../shared/FunnelChartSegment/constants.mjs';
-import { Fragment } from 'react';
 import { SeriesIcon } from '../../../../shared/SeriesIcon/SeriesIcon.mjs';
+import { getTrendIndicatorData } from '../../../../utilities/getTrendIndicatorData.mjs';
 import '../../../../constants.mjs';
 import { TrendIndicator } from '../../../TrendIndicator/TrendIndicator.mjs';
 import { TooltipContentContainer } from '../../../TooltipContent/components/TooltipContentContainer/TooltipContentContainer.mjs';
 import { TooltipTitle } from '../../../TooltipContent/components/TooltipTitle/TooltipTitle.mjs';
-import { calculateDropOff } from '../../utilities/calculate-dropoff.mjs';
 import { TOOLTIP_WIDTH } from '../../constants.mjs';
+import { calculateDropOff } from '../../utilities/calculate-dropoff.mjs';
 function Tooltip({ activeIndex, dataSeries, trends, tooltipLabels, funnelColors, labelFormatter, percentageFormatter, }) {
     const selectedTheme = useTheme(DEFAULT_THEME_NAME);

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/components/TooltipOverlay.js CHANGED Viewed

@@ -28,9 +28,7 @@ function TooltipOverlay({ tooltipIndex, dataSeries, trends, tooltipLabels, funne
                 position: 'relative',
                 overflow: 'visible',
                 pointerEvents: 'auto',
-                ...(isBelow
-                    ? { paddingTop: TOOLTIP_GAP_FROM_BAR }
-                    : { paddingBottom: TOOLTIP_GAP_FROM_BAR }),
+                ...(isBelow ? { paddingTop: TOOLTIP_GAP_FROM_BAR } : { paddingBottom: TOOLTIP_GAP_FROM_BAR }),
             }, onMouseEnter: onTooltipMouseEnter, onMouseLeave: onTooltipMouseLeave, children: [chartTooltip ? (jsx(CustomTooltip, { data: chartTooltip, primaryAction: chartTooltipPrimaryAction, item: activeDataSeries })) : (jsx(Tooltip, { activeIndex: tooltipIndex, dataSeries: dataSeries, trends: trends, tooltipLabels: tooltipLabels, funnelColors: funnelColors, labelFormatter: labelFormatter, percentageFormatter: percentageFormatter })), jsx("div", { style: {
                         position: 'absolute',
                         ...(isBelow

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/components/TooltipOverlay.mjs CHANGED Viewed

@@ -28,9 +28,7 @@ function TooltipOverlay({ tooltipIndex, dataSeries, trends, tooltipLabels, funne
                 position: 'relative',
                 overflow: 'visible',
                 pointerEvents: 'auto',
-                ...(isBelow
-                    ? { paddingTop: TOOLTIP_GAP_FROM_BAR }
-                    : { paddingBottom: TOOLTIP_GAP_FROM_BAR }),
+                ...(isBelow ? { paddingTop: TOOLTIP_GAP_FROM_BAR } : { paddingBottom: TOOLTIP_GAP_FROM_BAR }),
             }, onMouseEnter: onTooltipMouseEnter, onMouseLeave: onTooltipMouseLeave, children: [chartTooltip ? (jsx(CustomTooltip, { data: chartTooltip, primaryAction: chartTooltipPrimaryAction, item: activeDataSeries })) : (jsx(Tooltip, { activeIndex: tooltipIndex, dataSeries: dataSeries, trends: trends, tooltipLabels: tooltipLabels, funnelColors: funnelColors, labelFormatter: labelFormatter, percentageFormatter: percentageFormatter })), jsx("div", { style: {
                         position: 'absolute',
                         ...(isBelow

package/dist/esm/shared/charts/components/GPolarisViz/components/FunnelChartNext/utilities/useBuildFunnelTrends.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { MetaDataTrendIndicator } from '../types';
-import type { FunnelChartNextProps } from '../FunnelChartNext';
 import type { GDataSeries } from '../../../../../types';
+import type { FunnelChartNextProps } from '../FunnelChartNext';
 export interface UseBuildFunnelTrendsProps {
     data: GDataSeries[];
     percentageFormatter: FunnelChartNextProps['percentageFormatter'];

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/hooks/useLabels.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ interface Props {
     onHeightChange?: Dispatch<SetStateAction<number>> | (() => void);
     align?: 'center' | 'left';
 }
-export declare function useLabels({ allowLineWrap, align, labels, onHeightChange, targetWidth, }: Props): {
+export declare function useLabels({ allowLineWrap, align, labels, onHeightChange, targetWidth }: Props): {
     lines: import("../../../types").FormattedLine[][];
     containerHeight: number;
 };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/hooks/useLabels.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import '../../../constants.js';
 import { getHorizontalLabels } from '../utilities/getHorizontalLabels.js';
-import { getVerticalLabels } from '../utilities/getVerticalLabels.js';
 import { getDiagonalLabels } from '../utilities/getDiagonalLabels.js';
+import { getVerticalLabels } from '../utilities/getVerticalLabels.js';
 import { estimateStringWidthWithOffset } from '../../../utilities/estimateStringWidthWithOffset.js';
 import { useChartContext, DIAGONAL_LABEL_MIN_WIDTH, VERTICAL_LABEL_MIN_WIDTH, LINE_HEIGHT, HORIZONTAL_LABEL_TARGET_HEIGHT, HORIZONTAL_LABEL_MIN_WIDTH } from '@shopify/polaris-viz-core';
 import { getFontSize } from '../../../utilities/getFontSize.js';
 import { useMemo, Fragment, useEffect } from 'react';
-function useLabels({ allowLineWrap, align = 'center', labels, onHeightChange = () => { }, targetWidth, }) {
+function useLabels({ allowLineWrap, align = 'center', labels, onHeightChange = () => { }, targetWidth }) {
     const { characterWidths } = useChartContext();
     const fontSize = getFontSize();
     const preparedLabels = useMemo(() => {
@@ -75,15 +75,7 @@ function useLabels({ allowLineWrap, align = 'center', labels, onHeightChange = (
                 };
             }
         }
-    }, [
-        align,
-        allowLineWrap,
-        fontSize,
-        targetWidth,
-        characterWidths,
-        preparedLabels,
-        longestLabelWidth,
-    ]);
+    }, [align, allowLineWrap, fontSize, targetWidth, characterWidths, preparedLabels, longestLabelWidth]);
     useEffect(() => {
         onHeightChange(containerHeight);
     }, [containerHeight, onHeightChange]);

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/hooks/useLabels.mjs CHANGED Viewed

@@ -1,13 +1,13 @@
 import '../../../constants.mjs';
 import { getHorizontalLabels } from '../utilities/getHorizontalLabels.mjs';
-import { getVerticalLabels } from '../utilities/getVerticalLabels.mjs';
 import { getDiagonalLabels } from '../utilities/getDiagonalLabels.mjs';
+import { getVerticalLabels } from '../utilities/getVerticalLabels.mjs';
 import { estimateStringWidthWithOffset } from '../../../utilities/estimateStringWidthWithOffset.mjs';
 import { useChartContext, DIAGONAL_LABEL_MIN_WIDTH, VERTICAL_LABEL_MIN_WIDTH, LINE_HEIGHT, HORIZONTAL_LABEL_TARGET_HEIGHT, HORIZONTAL_LABEL_MIN_WIDTH } from '@shopify/polaris-viz-core';
 import { getFontSize } from '../../../utilities/getFontSize.mjs';
 import { useMemo, Fragment, useEffect } from 'react';
-function useLabels({ allowLineWrap, align = 'center', labels, onHeightChange = () => { }, targetWidth, }) {
+function useLabels({ allowLineWrap, align = 'center', labels, onHeightChange = () => { }, targetWidth }) {
     const { characterWidths } = useChartContext();
     const fontSize = getFontSize();
     const preparedLabels = useMemo(() => {
@@ -75,15 +75,7 @@ function useLabels({ allowLineWrap, align = 'center', labels, onHeightChange = (
                 };
             }
         }
-    }, [
-        align,
-        allowLineWrap,
-        fontSize,
-        targetWidth,
-        characterWidths,
-        preparedLabels,
-        longestLabelWidth,
-    ]);
+    }, [align, allowLineWrap, fontSize, targetWidth, characterWidths, preparedLabels, longestLabelWidth]);
     useEffect(() => {
         onHeightChange(containerHeight);
     }, [containerHeight, onHeightChange]);

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/getDiagonalLabels.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ interface Props {
     targetWidth: number;
     characterWidths: CharacterWidths;
 }
-export declare function getDiagonalLabels({ characterWidths, labels, longestLabelWidth, targetHeight, targetWidth, }: Props): {
+export declare function getDiagonalLabels({ characterWidths, labels, longestLabelWidth, targetHeight, targetWidth }: Props): {
     lines: FormattedLine[][];
     containerHeight: number;
 };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/getDiagonalLabels.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { clamp, MAX_DIAGONAL_LABEL_WIDTH, LINE_HEIGHT, MAX_DIAGONAL_VISIBLE_HEIGHT } from '@shopify/polaris-viz-core';
 import '../../../constants.js';
-import { truncateLabels } from './truncateLabels.js';
 import { getWidestLabel } from './getWidestLabel.js';
+import { truncateLabels } from './truncateLabels.js';
-function getDiagonalLabels({ characterWidths, labels, longestLabelWidth, targetHeight, targetWidth, }) {
+function getDiagonalLabels({ characterWidths, labels, longestLabelWidth, targetHeight, targetWidth }) {
     const clampedTargetWidth = clamp({
         amount: longestLabelWidth,
         min: targetWidth,

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/getDiagonalLabels.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
 import { clamp, MAX_DIAGONAL_LABEL_WIDTH, LINE_HEIGHT, MAX_DIAGONAL_VISIBLE_HEIGHT } from '@shopify/polaris-viz-core';
 import '../../../constants.mjs';
-import { truncateLabels } from './truncateLabels.mjs';
 import { getWidestLabel } from './getWidestLabel.mjs';
+import { truncateLabels } from './truncateLabels.mjs';
-function getDiagonalLabels({ characterWidths, labels, longestLabelWidth, targetHeight, targetWidth, }) {
+function getDiagonalLabels({ characterWidths, labels, longestLabelWidth, targetHeight, targetWidth }) {
     const clampedTargetWidth = clamp({
         amount: longestLabelWidth,
         min: targetWidth,

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/getHorizontalLabels.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ interface Props {
     targetWidth: number;
     characterWidths: CharacterWidths;
 }
-export declare function getHorizontalLabels({ align, fontSize, labels, targetHeight, targetWidth, characterWidths, }: Props): {
+export declare function getHorizontalLabels({ align, fontSize, labels, targetHeight, targetWidth, characterWidths }: Props): {
     lines: FormattedLine[][];
     containerHeight: number;
 };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/getHorizontalLabels.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { endWordTruncate } from './endWordTruncate.js';
 import { truncateLabels } from './truncateLabels.js';
 const NEXT_INDEX = 1;
-function getHorizontalLabels({ align, fontSize, labels, targetHeight, targetWidth, characterWidths, }) {
+function getHorizontalLabels({ align, fontSize, labels, targetHeight, targetWidth, characterWidths }) {
     const truncatedLabels = truncateLabels({
         labels,
         targetWidth,
@@ -35,8 +35,7 @@ function getHorizontalLabels({ align, fontSize, labels, targetHeight, targetWidt
             }
             line += words[wordIndex];
             while (words[wordIndex + 1] != null &&
-                estimateStringWidthWithOffset(`${line} ${words[wordIndex + NEXT_INDEX]}`, fontSize) <
-                    targetWidth) {
+                estimateStringWidthWithOffset(`${line} ${words[wordIndex + NEXT_INDEX]}`, fontSize) < targetWidth) {
                 line += ` ${words[wordIndex + NEXT_INDEX]}`;
                 wordIndex += 1;
             }

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/getHorizontalLabels.mjs CHANGED Viewed

@@ -5,7 +5,7 @@ import { endWordTruncate } from './endWordTruncate.mjs';
 import { truncateLabels } from './truncateLabels.mjs';
 const NEXT_INDEX = 1;
-function getHorizontalLabels({ align, fontSize, labels, targetHeight, targetWidth, characterWidths, }) {
+function getHorizontalLabels({ align, fontSize, labels, targetHeight, targetWidth, characterWidths }) {
     const truncatedLabels = truncateLabels({
         labels,
         targetWidth,
@@ -35,8 +35,7 @@ function getHorizontalLabels({ align, fontSize, labels, targetHeight, targetWidt
             }
             line += words[wordIndex];
             while (words[wordIndex + 1] != null &&
-                estimateStringWidthWithOffset(`${line} ${words[wordIndex + NEXT_INDEX]}`, fontSize) <
-                    targetWidth) {
+                estimateStringWidthWithOffset(`${line} ${words[wordIndex + NEXT_INDEX]}`, fontSize) < targetWidth) {
                 line += ` ${words[wordIndex + NEXT_INDEX]}`;
                 wordIndex += 1;
             }

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/getVerticalLabels.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ interface Props {
     labels: PreparedLabels[];
     characterWidths: CharacterWidths;
 }
-export declare function getVerticalLabels({ labels, characterWidths, longestLabelWidth, targetWidth, }: Props): {
+export declare function getVerticalLabels({ labels, characterWidths, longestLabelWidth, targetWidth }: Props): {
     lines: FormattedLine[][];
     containerHeight: number;
 };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/getVerticalLabels.js CHANGED Viewed

@@ -3,7 +3,7 @@ import '../../../constants.js';
 import { truncateLabels } from './truncateLabels.js';
 const QUARTER = 4;
-function getVerticalLabels({ labels, characterWidths, longestLabelWidth, targetWidth, }) {
+function getVerticalLabels({ labels, characterWidths, longestLabelWidth, targetWidth }) {
     const clampedTargetWidth = clamp({
         amount: longestLabelWidth,
         min: targetWidth,

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/getVerticalLabels.mjs CHANGED Viewed

@@ -3,7 +3,7 @@ import '../../../constants.mjs';
 import { truncateLabels } from './truncateLabels.mjs';
 const QUARTER = 4;
-function getVerticalLabels({ labels, characterWidths, longestLabelWidth, targetWidth, }) {
+function getVerticalLabels({ labels, characterWidths, longestLabelWidth, targetWidth }) {
     const clampedTargetWidth = clamp({
         amount: longestLabelWidth,
         min: targetWidth,

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/truncateLabels.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { estimateStringWidthWithOffset } from '../../../utilities/estimateStringWidthWithOffset.js';
 import '@shopify/polaris-viz-core';
-import { endWordTruncate } from './endWordTruncate.js';
 import { endLineTruncate } from './endLineTruncate.js';
+import { endWordTruncate } from './endWordTruncate.js';
 function truncateLabels({ labels, targetWidth, targetHeight, characterWidths, skipEndWordTruncate = false, }) {
     const truncatedLabels = [...labels];

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/truncateLabels.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import { estimateStringWidthWithOffset } from '../../../utilities/estimateStringWidthWithOffset.mjs';
 import '@shopify/polaris-viz-core';
-import { endWordTruncate } from './endWordTruncate.mjs';
 import { endLineTruncate } from './endLineTruncate.mjs';
+import { endWordTruncate } from './endWordTruncate.mjs';
 function truncateLabels({ labels, targetWidth, targetHeight, characterWidths, skipEndWordTruncate = false, }) {
     const truncatedLabels = [...labels];

package/dist/esm/shared/charts/components/GPolarisViz/components/LinePreview/LinePreview.d.ts CHANGED Viewed

@@ -5,4 +5,4 @@ export interface LinePreviewProps {
     width?: number;
     strokeDasharray?: string;
 }
-export declare function LinePreview({ color, lineStyle, width, strokeDasharray, }: LinePreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinePreview({ color, lineStyle, width, strokeDasharray }: LinePreviewProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/shared/charts/components/GPolarisViz/components/LinePreview/LinePreview.js CHANGED Viewed

@@ -7,7 +7,7 @@ import styles from './LinePreview.module.scss.js';
 const HEIGHT = 2;
 const WIDTH = 2;
-function LinePreview({ color, lineStyle, width = WIDTH, strokeDasharray = 'none', }) {
+function LinePreview({ color, lineStyle, width = WIDTH, strokeDasharray = 'none' }) {
     const gradientId = useRef(uniqueId('linePreviewGradient'));
     const linePreviewColor = isGradientType(color) ? `url(#${gradientId.current})` : color;
     return (jsx("span", { className: styles.Container, style: { height: HEIGHT, width: PREVIEW_ICON_SIZE }, children: jsxs("svg", { className: styles.SVG, height: `${HEIGHT}px`, viewBox: `0 0 ${PREVIEW_ICON_SIZE} ${HEIGHT}`, width: `${PREVIEW_ICON_SIZE}px`, xmlns: XMLNS, children: [isGradientType(color) ? (jsx("defs", { children: jsx(LinearGradientWithStops, { id: gradientId.current, gradient: color, x1: "0%", x2: "100%", y1: "0%", y2: "0%", gradientUnits: "userSpaceOnUse" }) })) : null, getLinePreview({

package/dist/esm/shared/charts/components/GPolarisViz/components/LinePreview/LinePreview.mjs CHANGED Viewed

@@ -7,7 +7,7 @@ import styles from './LinePreview.module.scss.mjs';
 const HEIGHT = 2;
 const WIDTH = 2;
-function LinePreview({ color, lineStyle, width = WIDTH, strokeDasharray = 'none', }) {
+function LinePreview({ color, lineStyle, width = WIDTH, strokeDasharray = 'none' }) {
     const gradientId = useRef(uniqueId('linePreviewGradient'));
     const linePreviewColor = isGradientType(color) ? `url(#${gradientId.current})` : color;
     return (jsx("span", { className: styles.Container, style: { height: HEIGHT, width: PREVIEW_ICON_SIZE }, children: jsxs("svg", { className: styles.SVG, height: `${HEIGHT}px`, viewBox: `0 0 ${PREVIEW_ICON_SIZE} ${HEIGHT}`, width: `${PREVIEW_ICON_SIZE}px`, xmlns: XMLNS, children: [isGradientType(color) ? (jsx("defs", { children: jsx(LinearGradientWithStops, { id: gradientId.current, gradient: color, x1: "0%", x2: "100%", y1: "0%", y2: "0%", gradientUnits: "userSpaceOnUse" }) })) : null, getLinePreview({

package/dist/esm/shared/charts/components/GPolarisViz/components/TextLine/TextLine.js CHANGED Viewed

@@ -6,7 +6,7 @@ function TextLine({ color, index, line }) {
     const selectedTheme = useTheme();
     return (jsx(Fragment, { children: line.map(({ dominantBaseline, height, fontSize, wrappedText, fullText, truncatedText, textAnchor, transform, width, x, y, }, textIndex) => {
             const key = `${index}-${textIndex}-${truncatedText}`;
-            const textElement = (jsxs("text", { textAnchor: textAnchor, dominantBaseline: dominantBaseline, fill: color ?? selectedTheme.xAxis.labelColor, fontSize: fontSize, fontFamily: FONT_FAMILY, transform: transform, height: height, width: width, x: x, y: y, children: [(wrappedText && truncatedText) || (jsx("foreignObject", { "aria-hidden": "true", children: truncatedText })), !wrappedText && truncatedText] }, `${key}-text`));
+            const textElement = (jsxs("text", { textAnchor: textAnchor, dominantBaseline: dominantBaseline, fill: color ?? selectedTheme.xAxis.labelColor, fontSize: fontSize, fontFamily: FONT_FAMILY, transform: transform, height: height, width: width, x: x, y: y, children: [(wrappedText && truncatedText) || jsx("foreignObject", { "aria-hidden": "true", children: truncatedText }), !wrappedText && truncatedText] }, `${key}-text`));
             const titleElement = jsx("title", { children: fullText }, `${key}-title`);
             // Otherwise, use Fragment as the wrapper
             return (jsxs(Fragment, { children: [textElement, titleElement] }, key));

package/dist/esm/shared/charts/components/GPolarisViz/components/TextLine/TextLine.mjs CHANGED Viewed

@@ -6,7 +6,7 @@ function TextLine({ color, index, line }) {
     const selectedTheme = useTheme();
     return (jsx(Fragment, { children: line.map(({ dominantBaseline, height, fontSize, wrappedText, fullText, truncatedText, textAnchor, transform, width, x, y, }, textIndex) => {
             const key = `${index}-${textIndex}-${truncatedText}`;
-            const textElement = (jsxs("text", { textAnchor: textAnchor, dominantBaseline: dominantBaseline, fill: color ?? selectedTheme.xAxis.labelColor, fontSize: fontSize, fontFamily: FONT_FAMILY, transform: transform, height: height, width: width, x: x, y: y, children: [(wrappedText && truncatedText) || (jsx("foreignObject", { "aria-hidden": "true", children: truncatedText })), !wrappedText && truncatedText] }, `${key}-text`));
+            const textElement = (jsxs("text", { textAnchor: textAnchor, dominantBaseline: dominantBaseline, fill: color ?? selectedTheme.xAxis.labelColor, fontSize: fontSize, fontFamily: FONT_FAMILY, transform: transform, height: height, width: width, x: x, y: y, children: [(wrappedText && truncatedText) || jsx("foreignObject", { "aria-hidden": "true", children: truncatedText }), !wrappedText && truncatedText] }, `${key}-text`));
             const titleElement = jsx("title", { children: fullText }, `${key}-title`);
             // Otherwise, use Fragment as the wrapper
             return (jsxs(Fragment, { children: [textElement, titleElement] }, key));

package/dist/esm/shared/charts/components/GPolarisViz/components/TooltipContent/components/TooltipRow/TooltipRow.d.ts CHANGED Viewed

@@ -8,4 +8,4 @@ export interface Props {
     renderSeriesIcon?: () => React.ReactNode;
     trend?: TrendIndicatorType;
 }
-export declare function TooltipRow({ color, isComparison, label, renderSeriesIcon, shape, trend, value, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipRow({ color, isComparison, label, renderSeriesIcon, shape, trend, value }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/esm/shared/charts/components/GPolarisViz/components/TooltipContent/components/TooltipTitle/TooltipTitle.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-export declare function TooltipTitle({ children, theme, color, }: {
+export declare function TooltipTitle({ children, theme, color }: {
     children: ReactNode;
     theme: string;
     color?: string;

package/dist/esm/shared/charts/components/GPolarisViz/components/TooltipContent/components/TooltipTitle/TooltipTitle.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useTheme } from '@shopify/polaris-viz-core';
 import styles from './TooltipTitle.module.scss.js';
-function TooltipTitle({ children, theme, color, }) {
+function TooltipTitle({ children, theme, color }) {
     const selectedTheme = useTheme(theme);
     return (jsx("p", { className: styles.Title, style: { color: color ?? selectedTheme.tooltip.titleColor }, children: children }));
 }

package/dist/esm/shared/charts/components/GPolarisViz/components/TooltipContent/components/TooltipTitle/TooltipTitle.mjs CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useTheme } from '@shopify/polaris-viz-core';
 import styles from './TooltipTitle.module.scss.mjs';
-function TooltipTitle({ children, theme, color, }) {
+function TooltipTitle({ children, theme, color }) {
     const selectedTheme = useTheme(theme);
     return (jsx("p", { className: styles.Title, style: { color: color ?? selectedTheme.tooltip.titleColor }, children: children }));
 }

package/dist/esm/shared/charts/components/GPolarisViz/components/TooltipContent/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 export { TooltipContent } from './TooltipContent';
 export type { TooltipContentProps } from './TooltipContent';
-export { TooltipContentContainer, TooltipTitle, TooltipSeriesName, TooltipRow, TooltipSeries, } from './components';
+export { TooltipContentContainer, TooltipTitle, TooltipSeriesName, TooltipRow, TooltipSeries } from './components';
 export { getTooltipContentTemplateColumnCount } from './utilities/get-tooltip-template-content-column-count';

package/dist/esm/shared/charts/components/GPolarisViz/components/TooltipWrapper/utilities/getDonutChartTooltipPosition.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface Props extends Pick<TooltipPositionParams, 'event' | 'eventType' | 'ind
     containerBounds: BoundingRect;
     parentElement: SVGSVGElement | null;
 }
-export declare function getDonutChartTooltipPosition({ containerBounds, event, eventType, index, parentElement, }: Props): import("..").TooltipPosition;
+export declare function getDonutChartTooltipPosition({ containerBounds, event, eventType, index, parentElement }: Props): import("..").TooltipPosition;
 export {};

package/dist/esm/shared/charts/components/GPolarisViz/components/TrendIndicator/utilities/estimateTrendIndicatorWidth.js CHANGED Viewed

@@ -3,9 +3,7 @@ import { estimateStringWidthWithOffset } from '../../../utilities/estimateString
 import '@shopify/polaris-viz-core';
 function estimateTrendIndicatorWidth(value, fontSize, fontWeight) {
-    const textWidth = value
-        ? estimateStringWidthWithOffset(value, fontSize, fontWeight)
-        : NO_VALUE_WIDTH;
+    const textWidth = value ? estimateStringWidthWithOffset(value, fontSize, fontWeight) : NO_VALUE_WIDTH;
     const totalWidth = Math.round(ICON_SIZE + TEXT_ICON_SPACING + textWidth);
     return { totalWidth, textWidth };
 }