@levi-gemcommerce/analytics 0.0.0-test.1

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/SingleTextLine.js

@@ -0,0 +1,20 @@
+"use client"
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useChartContext, LINE_HEIGHT, FONT_FAMILY } from '@shopify/polaris-viz-core';
+import { Fragment } from 'react';
+import { endLineTruncate } from './utilities/endLineTruncate.js';
+
+const DEFAULT_LABEL_FONT_WEIGHT = 400;
+function SingleTextLine({ ariaHidden = false, color, dominantBaseline = 'hanging', fontSize, fontWeight = DEFAULT_LABEL_FONT_WEIGHT, targetWidth, text, textAnchor = 'middle', y = 0, x = 0, }) {
+    const { characterWidths } = useChartContext();
+    const truncated = endLineTruncate({
+        label: text,
+        targetWidth,
+        targetHeight: LINE_HEIGHT,
+        characterWidths,
+    });
+    const isStringTruncated = truncated !== text;
+    return (jsxs(Fragment, { children: [jsx("text", { "aria-hidden": ariaHidden, textAnchor: textAnchor, dominantBaseline: dominantBaseline, height: LINE_HEIGHT, width: targetWidth, fill: color, fontSize: fontSize, fontWeight: fontWeight, fontFamily: FONT_FAMILY, y: y, x: x, children: truncated }), isStringTruncated && jsx("title", { children: text })] }));
+}
+
+export { SingleTextLine };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/SingleTextLine.mjs

@@ -0,0 +1,20 @@
+"use client"
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useChartContext, LINE_HEIGHT, FONT_FAMILY } from '@shopify/polaris-viz-core';
+import { Fragment } from 'react';
+import { endLineTruncate } from './utilities/endLineTruncate.mjs';
+
+const DEFAULT_LABEL_FONT_WEIGHT = 400;
+function SingleTextLine({ ariaHidden = false, color, dominantBaseline = 'hanging', fontSize, fontWeight = DEFAULT_LABEL_FONT_WEIGHT, targetWidth, text, textAnchor = 'middle', y = 0, x = 0, }) {
+    const { characterWidths } = useChartContext();
+    const truncated = endLineTruncate({
+        label: text,
+        targetWidth,
+        targetHeight: LINE_HEIGHT,
+        characterWidths,
+    });
+    const isStringTruncated = truncated !== text;
+    return (jsxs(Fragment, { children: [jsx("text", { "aria-hidden": ariaHidden, textAnchor: textAnchor, dominantBaseline: dominantBaseline, height: LINE_HEIGHT, width: targetWidth, fill: color, fontSize: fontSize, fontWeight: fontWeight, fontFamily: FONT_FAMILY, y: y, x: x, children: truncated }), isStringTruncated && jsx("title", { children: text })] }));
+}
+
+export { SingleTextLine };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useLabels } from './useLabels';

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

@@ -0,0 +1,19 @@
+import type { Dispatch, ReactNode, SetStateAction } from 'react';
+export interface XAxisLabel {
+    text: string;
+    wrappedText: React.ComponentType<{
+        children: ReactNode;
+    }> | keyof JSX.IntrinsicElements;
+}
+interface Props {
+    allowLineWrap: boolean;
+    labels: string[];
+    targetWidth: number;
+    onHeightChange?: Dispatch<SetStateAction<number>> | (() => void);
+    align?: 'center' | 'left';
+}
+export declare function useLabels({ allowLineWrap, align, labels, onHeightChange, targetWidth }: Props): {
+    lines: import("../../../types").FormattedLine[][];
+    containerHeight: number;
+};
+export {};

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

@@ -0,0 +1,93 @@
+"use client"
+import '../../../constants.js';
+import { getHorizontalLabels } from '../utilities/getHorizontalLabels.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 }) {
+    const { characterWidths } = useChartContext();
+    const fontSize = getFontSize();
+    const preparedLabels = useMemo(() => {
+        return labels.map((label) => {
+            return {
+                text: label,
+                wrappedText: Fragment,
+                fontSize,
+                words: [],
+                truncatedWords: [],
+                truncatedName: '',
+                truncatedWidth: 0,
+            };
+        });
+    }, [labels, fontSize]);
+    const longestLabelWidth = useMemo(() => {
+        return labels.reduce((prev, label) => {
+            const newWidth = estimateStringWidthWithOffset(label, fontSize);
+            if (newWidth > prev) {
+                return newWidth;
+            }
+            return prev;
+        }, 0);
+    }, [labels, fontSize]);
+    const { lines, containerHeight } = useMemo(() => {
+        const shouldDrawHorizontal = checkIfShouldDrawHorizontal({
+            allowLineWrap,
+            longestLabelWidth,
+            targetWidth,
+        });
+        const shouldDrawDiagonal = targetWidth > DIAGONAL_LABEL_MIN_WIDTH;
+        const shouldDrawVertical = targetWidth > VERTICAL_LABEL_MIN_WIDTH;
+        switch (true) {
+            case shouldDrawHorizontal: {
+                return getHorizontalLabels({
+                    align,
+                    fontSize,
+                    labels: preparedLabels,
+                    targetWidth,
+                    targetHeight: HORIZONTAL_LABEL_TARGET_HEIGHT,
+                    characterWidths,
+                });
+            }
+            case shouldDrawDiagonal: {
+                return getDiagonalLabels({
+                    characterWidths,
+                    labels: preparedLabels,
+                    longestLabelWidth,
+                    targetHeight: LINE_HEIGHT,
+                    targetWidth,
+                });
+            }
+            case shouldDrawVertical: {
+                return getVerticalLabels({
+                    characterWidths,
+                    labels: preparedLabels,
+                    longestLabelWidth,
+                    targetWidth,
+                });
+            }
+            default: {
+                return {
+                    lines: [],
+                    containerHeight: 0,
+                };
+            }
+        }
+    }, [align, allowLineWrap, fontSize, targetWidth, characterWidths, preparedLabels, longestLabelWidth]);
+    useEffect(() => {
+        onHeightChange(containerHeight);
+    }, [containerHeight, onHeightChange]);
+    return { lines, containerHeight };
+}
+function checkIfShouldDrawHorizontal({ allowLineWrap, longestLabelWidth, targetWidth, }) {
+    const isLabelLongerThanTarget = targetWidth > longestLabelWidth;
+    if (allowLineWrap === false) {
+        return isLabelLongerThanTarget;
+    }
+    return targetWidth >= HORIZONTAL_LABEL_MIN_WIDTH || isLabelLongerThanTarget;
+}
+
+export { useLabels };

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

@@ -0,0 +1,93 @@
+"use client"
+import '../../../constants.mjs';
+import { getHorizontalLabels } from '../utilities/getHorizontalLabels.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 }) {
+    const { characterWidths } = useChartContext();
+    const fontSize = getFontSize();
+    const preparedLabels = useMemo(() => {
+        return labels.map((label) => {
+            return {
+                text: label,
+                wrappedText: Fragment,
+                fontSize,
+                words: [],
+                truncatedWords: [],
+                truncatedName: '',
+                truncatedWidth: 0,
+            };
+        });
+    }, [labels, fontSize]);
+    const longestLabelWidth = useMemo(() => {
+        return labels.reduce((prev, label) => {
+            const newWidth = estimateStringWidthWithOffset(label, fontSize);
+            if (newWidth > prev) {
+                return newWidth;
+            }
+            return prev;
+        }, 0);
+    }, [labels, fontSize]);
+    const { lines, containerHeight } = useMemo(() => {
+        const shouldDrawHorizontal = checkIfShouldDrawHorizontal({
+            allowLineWrap,
+            longestLabelWidth,
+            targetWidth,
+        });
+        const shouldDrawDiagonal = targetWidth > DIAGONAL_LABEL_MIN_WIDTH;
+        const shouldDrawVertical = targetWidth > VERTICAL_LABEL_MIN_WIDTH;
+        switch (true) {
+            case shouldDrawHorizontal: {
+                return getHorizontalLabels({
+                    align,
+                    fontSize,
+                    labels: preparedLabels,
+                    targetWidth,
+                    targetHeight: HORIZONTAL_LABEL_TARGET_HEIGHT,
+                    characterWidths,
+                });
+            }
+            case shouldDrawDiagonal: {
+                return getDiagonalLabels({
+                    characterWidths,
+                    labels: preparedLabels,
+                    longestLabelWidth,
+                    targetHeight: LINE_HEIGHT,
+                    targetWidth,
+                });
+            }
+            case shouldDrawVertical: {
+                return getVerticalLabels({
+                    characterWidths,
+                    labels: preparedLabels,
+                    longestLabelWidth,
+                    targetWidth,
+                });
+            }
+            default: {
+                return {
+                    lines: [],
+                    containerHeight: 0,
+                };
+            }
+        }
+    }, [align, allowLineWrap, fontSize, targetWidth, characterWidths, preparedLabels, longestLabelWidth]);
+    useEffect(() => {
+        onHeightChange(containerHeight);
+    }, [containerHeight, onHeightChange]);
+    return { lines, containerHeight };
+}
+function checkIfShouldDrawHorizontal({ allowLineWrap, longestLabelWidth, targetWidth, }) {
+    const isLabelLongerThanTarget = targetWidth > longestLabelWidth;
+    if (allowLineWrap === false) {
+        return isLabelLongerThanTarget;
+    }
+    return targetWidth >= HORIZONTAL_LABEL_MIN_WIDTH || isLabelLongerThanTarget;
+}
+
+export { useLabels };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/index.d.ts

@@ -0,0 +1,3 @@
+export { useLabels } from './hooks';
+export { shouldSkipLabel } from './utilities/shouldSkipLabel';
+export { SingleTextLine } from './SingleTextLine';

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/endLineTruncate.d.ts

@@ -0,0 +1,9 @@
+import type { CharacterWidths } from '@shopify/polaris-viz-core';
+interface Props {
+    label: string;
+    targetWidth: number;
+    targetHeight: number;
+    characterWidths: CharacterWidths;
+}
+export declare function endLineTruncate({ label, targetWidth, targetHeight, characterWidths }: Props): string;
+export {};

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/endLineTruncate.js

@@ -0,0 +1,15 @@
+"use client"
+import '../../../constants.js';
+import { truncateSingleLine } from './truncateSingleLine.js';
+import { truncateLastLine } from './truncateLastLine.js';
+import { LINE_HEIGHT } from '@shopify/polaris-viz-core';
+
+function endLineTruncate({ label, targetWidth, targetHeight, characterWidths }) {
+    const isSingleLine = targetHeight <= LINE_HEIGHT;
+    if (isSingleLine) {
+        return truncateSingleLine({ label, targetWidth, characterWidths });
+    }
+    return truncateLastLine({ label, targetWidth, targetHeight, characterWidths });
+}
+
+export { endLineTruncate };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/endLineTruncate.mjs

@@ -0,0 +1,15 @@
+"use client"
+import '../../../constants.mjs';
+import { truncateSingleLine } from './truncateSingleLine.mjs';
+import { truncateLastLine } from './truncateLastLine.mjs';
+import { LINE_HEIGHT } from '@shopify/polaris-viz-core';
+
+function endLineTruncate({ label, targetWidth, targetHeight, characterWidths }) {
+    const isSingleLine = targetHeight <= LINE_HEIGHT;
+    if (isSingleLine) {
+        return truncateSingleLine({ label, targetWidth, characterWidths });
+    }
+    return truncateLastLine({ label, targetWidth, targetHeight, characterWidths });
+}
+
+export { endLineTruncate };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/endWordTruncate.d.ts

@@ -0,0 +1,8 @@
+import type { CharacterWidths } from '@shopify/polaris-viz-core';
+interface Props {
+    word: string;
+    targetWidth: number;
+    characterWidths: CharacterWidths;
+}
+export declare function endWordTruncate({ word, targetWidth, characterWidths }: Props): string;
+export {};

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/endWordTruncate.js

@@ -0,0 +1,23 @@
+"use client"
+import { estimateStringWidth, ELLIPSIS } from '@shopify/polaris-viz-core';
+import '../../../constants.js';
+
+function endWordTruncate({ word, targetWidth, characterWidths }) {
+    let nextCharacterIndex = 1;
+    let newWord = '';
+    if (estimateStringWidth(word, characterWidths) + characterWidths.W <= targetWidth) {
+        return word;
+    }
+    while (newWord.length < word.length &&
+        estimateStringWidth(newWord, characterWidths) + characterWidths.W < targetWidth) {
+        nextCharacterIndex += 1;
+        newWord = word.substring(0, nextCharacterIndex);
+        newWord = `${newWord}${ELLIPSIS}`;
+    }
+    if (newWord.length === word.length - 1) {
+        return word;
+    }
+    return newWord;
+}
+
+export { endWordTruncate };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/endWordTruncate.mjs

@@ -0,0 +1,23 @@
+"use client"
+import { estimateStringWidth, ELLIPSIS } from '@shopify/polaris-viz-core';
+import '../../../constants.mjs';
+
+function endWordTruncate({ word, targetWidth, characterWidths }) {
+    let nextCharacterIndex = 1;
+    let newWord = '';
+    if (estimateStringWidth(word, characterWidths) + characterWidths.W <= targetWidth) {
+        return word;
+    }
+    while (newWord.length < word.length &&
+        estimateStringWidth(newWord, characterWidths) + characterWidths.W < targetWidth) {
+        nextCharacterIndex += 1;
+        newWord = word.substring(0, nextCharacterIndex);
+        newWord = `${newWord}${ELLIPSIS}`;
+    }
+    if (newWord.length === word.length - 1) {
+        return word;
+    }
+    return newWord;
+}
+
+export { endWordTruncate };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/estimateTextHeight.d.ts

@@ -0,0 +1,8 @@
+import type { CharacterWidths } from '@shopify/polaris-viz-core';
+interface Props {
+    label: string;
+    targetWidth: number;
+    characterWidths: CharacterWidths;
+}
+export declare function estimateTextHeight({ characterWidths, targetWidth, label }: Props): number;
+export {};

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/estimateTextHeight.js

@@ -0,0 +1,22 @@
+"use client"
+import { estimateStringWidth, LINE_HEIGHT } from '@shopify/polaris-viz-core';
+import '../../../constants.js';
+
+function estimateTextHeight({ characterWidths, targetWidth, label }) {
+    const words = label.split(' ');
+    let lines = 0;
+    let lineWidth = 0;
+    words.forEach((_, index) => {
+        const wordParts = words[index].split('-');
+        lines += wordParts.length;
+        const wordWidth = estimateStringWidth(words[index], characterWidths);
+        lineWidth += wordWidth;
+        if (lineWidth > targetWidth) {
+            lines += 1;
+            lineWidth = wordWidth;
+        }
+    });
+    return lines * LINE_HEIGHT;
+}
+
+export { estimateTextHeight };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/estimateTextHeight.mjs

@@ -0,0 +1,22 @@
+"use client"
+import { estimateStringWidth, LINE_HEIGHT } from '@shopify/polaris-viz-core';
+import '../../../constants.mjs';
+
+function estimateTextHeight({ characterWidths, targetWidth, label }) {
+    const words = label.split(' ');
+    let lines = 0;
+    let lineWidth = 0;
+    words.forEach((_, index) => {
+        const wordParts = words[index].split('-');
+        lines += wordParts.length;
+        const wordWidth = estimateStringWidth(words[index], characterWidths);
+        lineWidth += wordWidth;
+        if (lineWidth > targetWidth) {
+            lines += 1;
+            lineWidth = wordWidth;
+        }
+    });
+    return lines * LINE_HEIGHT;
+}
+
+export { estimateTextHeight };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/formatAndAddEllipsis.d.ts

@@ -0,0 +1 @@
+export declare function formatAndAddEllipsis(label: string): string;

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/formatAndAddEllipsis.js

@@ -0,0 +1,14 @@
+"use client"
+import '../../../constants.js';
+import { ELLIPSIS } from '@shopify/polaris-viz-core';
+
+function formatAndAddEllipsis(label) {
+    let newLabel = label.trimEnd();
+    // remove space or dash at end of string before adding an ellipsis
+    if (newLabel.endsWith('-')) {
+        newLabel = newLabel.substring(0, newLabel.length - 1);
+    }
+    return `${newLabel}${ELLIPSIS}`;
+}
+
+export { formatAndAddEllipsis };

package/dist/esm/shared/charts/components/GPolarisViz/components/Labels/utilities/formatAndAddEllipsis.mjs

@@ -0,0 +1,14 @@
+"use client"
+import '../../../constants.mjs';
+import { ELLIPSIS } from '@shopify/polaris-viz-core';
+
+function formatAndAddEllipsis(label) {
+    let newLabel = label.trimEnd();
+    // remove space or dash at end of string before adding an ellipsis
+    if (newLabel.endsWith('-')) {
+        newLabel = newLabel.substring(0, newLabel.length - 1);
+    }
+    return `${newLabel}${ELLIPSIS}`;
+}
+
+export { formatAndAddEllipsis };

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

@@ -0,0 +1,14 @@
+import type { CharacterWidths } from '@shopify/polaris-viz-core';
+import type { FormattedLine, PreparedLabels } from '../../../types';
+interface Props {
+    labels: PreparedLabels[];
+    longestLabelWidth: number;
+    targetHeight: number;
+    targetWidth: number;
+    characterWidths: CharacterWidths;
+}
+export declare function getDiagonalLabels({ characterWidths, labels, longestLabelWidth, targetHeight, targetWidth }: Props): {
+    lines: FormattedLine[][];
+    containerHeight: number;
+};
+export {};

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

@@ -0,0 +1,54 @@
+"use client"
+import { clamp, MAX_DIAGONAL_LABEL_WIDTH, LINE_HEIGHT, MAX_DIAGONAL_VISIBLE_HEIGHT } from '@shopify/polaris-viz-core';
+import '../../../constants.js';
+import { getWidestLabel } from './getWidestLabel.js';
+import { truncateLabels } from './truncateLabels.js';
+
+function getDiagonalLabels({ characterWidths, labels, longestLabelWidth, targetHeight, targetWidth }) {
+    const clampedTargetWidth = clamp({
+        amount: longestLabelWidth,
+        min: targetWidth,
+        max: MAX_DIAGONAL_LABEL_WIDTH,
+    });
+    const truncatedLabels = truncateLabels({
+        labels,
+        targetWidth: clampedTargetWidth,
+        targetHeight,
+        characterWidths,
+        skipEndWordTruncate: true,
+    });
+    const lines = [];
+    const centerPoint = targetWidth / 2 - LINE_HEIGHT / 2;
+    for (let i = 0; i < labels.length; i++) {
+        lines[i] = [];
+        lines[i].push({
+            truncatedText: truncatedLabels[i].truncatedName,
+            fullText: truncatedLabels[i].text,
+            fontSize: labels[i].fontSize,
+            y: centerPoint,
+            x: centerPoint,
+            dominantBaseline: 'hanging',
+            width: clampedTargetWidth,
+            height: LINE_HEIGHT,
+            textAnchor: 'end',
+            transform: `rotate(-45)`,
+        });
+    }
+    const { truncatedWidth } = getWidestLabel(truncatedLabels);
+    return {
+        lines,
+        containerHeight: clamp({
+            amount: getRotatedHeight(truncatedWidth, 45, targetHeight),
+            min: 0,
+            max: MAX_DIAGONAL_VISIBLE_HEIGHT,
+        }),
+    };
+}
+function getRotatedHeight(width, angle, originalHeight) {
+    const radians = (Math.PI / 180) * angle;
+    const hypotenuse = width * Math.sin(radians);
+    const opp = originalHeight * Math.cos(radians);
+    return Math.round(hypotenuse + opp);
+}
+
+export { getDiagonalLabels };

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

@@ -0,0 +1,54 @@
+"use client"
+import { clamp, MAX_DIAGONAL_LABEL_WIDTH, LINE_HEIGHT, MAX_DIAGONAL_VISIBLE_HEIGHT } from '@shopify/polaris-viz-core';
+import '../../../constants.mjs';
+import { getWidestLabel } from './getWidestLabel.mjs';
+import { truncateLabels } from './truncateLabels.mjs';
+
+function getDiagonalLabels({ characterWidths, labels, longestLabelWidth, targetHeight, targetWidth }) {
+    const clampedTargetWidth = clamp({
+        amount: longestLabelWidth,
+        min: targetWidth,
+        max: MAX_DIAGONAL_LABEL_WIDTH,
+    });
+    const truncatedLabels = truncateLabels({
+        labels,
+        targetWidth: clampedTargetWidth,
+        targetHeight,
+        characterWidths,
+        skipEndWordTruncate: true,
+    });
+    const lines = [];
+    const centerPoint = targetWidth / 2 - LINE_HEIGHT / 2;
+    for (let i = 0; i < labels.length; i++) {
+        lines[i] = [];
+        lines[i].push({
+            truncatedText: truncatedLabels[i].truncatedName,
+            fullText: truncatedLabels[i].text,
+            fontSize: labels[i].fontSize,
+            y: centerPoint,
+            x: centerPoint,
+            dominantBaseline: 'hanging',
+            width: clampedTargetWidth,
+            height: LINE_HEIGHT,
+            textAnchor: 'end',
+            transform: `rotate(-45)`,
+        });
+    }
+    const { truncatedWidth } = getWidestLabel(truncatedLabels);
+    return {
+        lines,
+        containerHeight: clamp({
+            amount: getRotatedHeight(truncatedWidth, 45, targetHeight),
+            min: 0,
+            max: MAX_DIAGONAL_VISIBLE_HEIGHT,
+        }),
+    };
+}
+function getRotatedHeight(width, angle, originalHeight) {
+    const radians = (Math.PI / 180) * angle;
+    const hypotenuse = width * Math.sin(radians);
+    const opp = originalHeight * Math.cos(radians);
+    return Math.round(hypotenuse + opp);
+}
+
+export { getDiagonalLabels };

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

@@ -0,0 +1,15 @@
+import type { CharacterWidths } from '@shopify/polaris-viz-core';
+import type { FormattedLine, PreparedLabels } from '../../../types';
+interface Props {
+    align: 'center' | 'left';
+    fontSize: number;
+    labels: PreparedLabels[];
+    targetHeight: number;
+    targetWidth: number;
+    characterWidths: CharacterWidths;
+}
+export declare function getHorizontalLabels({ align, fontSize, labels, targetHeight, targetWidth, characterWidths }: Props): {
+    lines: FormattedLine[][];
+    containerHeight: number;
+};
+export {};

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

@@ -0,0 +1,68 @@
+"use client"
+import { estimateStringWidthWithOffset } from '../../../utilities/estimateStringWidthWithOffset.js';
+import { LINE_HEIGHT } from '@shopify/polaris-viz-core';
+import '../../../constants.js';
+import { endWordTruncate } from './endWordTruncate.js';
+import { truncateLabels } from './truncateLabels.js';
+
+const NEXT_INDEX = 1;
+function getHorizontalLabels({ align, fontSize, labels, targetHeight, targetWidth, characterWidths }) {
+    const truncatedLabels = truncateLabels({
+        labels,
+        targetWidth,
+        targetHeight,
+        characterWidths,
+    });
+    const lines = [];
+    let longestLineCount = 0;
+    truncatedLabels.forEach((label, index) => {
+        lines[index] = [];
+        let line = '';
+        let lineNumber = 0;
+        const words = label.truncatedWords;
+        // The reason we use a for loop here is we want
+        // to be able to advance the loop below if we
+        // are able to add multiple words to a line.
+        // In that case, the while loop below will keep
+        // skipping indexes until we need to break onto
+        // another line.
+        for (let wordIndex = 0; wordIndex < words.length; wordIndex++) {
+            if (label.words[wordIndex] && label.words[wordIndex].wordWidth > targetWidth) {
+                words[wordIndex] = endWordTruncate({
+                    word: words[wordIndex],
+                    targetWidth,
+                    characterWidths,
+                });
+            }
+            line += words[wordIndex];
+            while (words[wordIndex + 1] != null &&
+                estimateStringWidthWithOffset(`${line} ${words[wordIndex + NEXT_INDEX]}`, fontSize) < targetWidth) {
+                line += ` ${words[wordIndex + NEXT_INDEX]}`;
+                wordIndex += 1;
+            }
+            lines[index].push({
+                wrappedText: truncatedLabels[index].wrappedText,
+                truncatedText: line,
+                fullText: truncatedLabels[index].text,
+                x: align === 'left' ? 0 : targetWidth / 2,
+                y: lineNumber * LINE_HEIGHT,
+                fontSize: label.fontSize,
+                width: targetWidth,
+                height: LINE_HEIGHT,
+                textAnchor: align === 'left' ? 'start' : 'middle',
+                dominantBaseline: 'hanging',
+            });
+            lineNumber += 1;
+            line = '';
+            if (lineNumber > longestLineCount) {
+                longestLineCount = lineNumber;
+            }
+        }
+    });
+    return {
+        lines,
+        containerHeight: longestLineCount * LINE_HEIGHT,
+    };
+}
+
+export { getHorizontalLabels };